.sgp-root{--sgp-ink:#1d2020;--sgp-dark:#1c2424;--sgp-deep:#141d1f;--sgp-cream:#faf9f6;--sgp-paper:#f3f1ec;--sgp-gold:#af8651;--sgp-line:#e3dfd9;--sgp-serif:'Cormorant Garamond','Baskerville','Palatino Linotype',Georgia,serif;font-family:Arial,Helvetica,sans-serif;color:var(--sgp-ink);background:var(--sgp-cream);width:100%;max-width:100%!important;overflow:clip;position:relative;font-size:15px}
.sgp-root,.sgp-root *{box-sizing:border-box}
.sgp-root .e-con,.sgp-root .elementor-element{min-width:0}
.sgp-root img{max-width:100%;display:block}
.sgp-root :is(h1,h2,h3,p){margin:0}
.sgp-root .elementor-widget-text-editor p{margin:0}
.sgp-root :is(.elementor-widget-heading,.elementor-widget-text-editor){max-width:100%}
.sgp-root a{color:inherit;text-decoration:none}
.sgp-root .elementor-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:var(--sgp-gold);color:#fff;padding:15px 26px;font:600 11px/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .25s,transform .25s}
.sgp-root .elementor-button:hover{background:#8e6b40;transform:translateY(-1px)}
.sgp-root :is(.sgp-product-title,.sgp-section-title,.sgp-details-heading,.sgp-faq-title,.sgp-cta-title) .elementor-heading-title{font-family:var(--sgp-serif)!important;font-weight:400!important;letter-spacing:-.046em!important;line-height:.99!important}
.sgp-root .sgp-section-title .elementor-heading-title{font-size:clamp(36px,3.55vw,62px)!important;color:#202321!important}
.sgp-root .sgp-shell{padding:35px max(40px,6.8vw) 35px;width:100%}
.sgp-root .sgp-section-heading-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:38px;margin-bottom:28px}
.sgp-root .sgp-section-heading-row .sgp-section-title{flex:1 1 60%}
.sgp-root .sgp-section-aside{flex:0 1 38%;font:400 15px/1.55 Arial,sans-serif;color:#72716e;max-width:490px} .sgp-root .sgp-header{height:54px;position:absolute!important;left:0;right:0;top:0;z-index:80;background:rgba(22,28,29,.68);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#fff}
.sgp-root .sgp-header-inner{height:100%;width:100%;display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:0 max(35px,6.65vw)}
.sgp-root .sgp-brand{display:flex!important;flex-direction:row;gap:8px;align-items:center;flex:0 0 auto}
.sgp-root .sgp-brand-mark .elementor-heading-title{font:normal 35px/.9 var(--sgp-serif)!important;color:#fff!important;letter-spacing:-.08em}
.sgp-root .sgp-brand-word .elementor-heading-title{font:600 11px/1.5 Arial!important;letter-spacing:.25em!important;color:#fff!important}
.sgp-root .sgp-menu-widget{flex:1 1 auto;margin:0 auto}
.sgp-root .sgp-menu-widget :is(ul,.menu){display:flex;align-items:center;justify-content:center;gap:clamp(13px,2vw,33px);list-style:none;margin:0;padding:0}
.sgp-root .sgp-menu-widget li{list-style:none;margin:0;padding:0}
.sgp-root .sgp-menu-widget a{font:500 11px/1.5 Arial,sans-serif;color:#f2f2ef;white-space:nowrap;transition:color .2s}
.sgp-root .sgp-menu-widget a:hover{color:#d7b68b}
.sgp-root .sgp-menu-widget ul ul{display:none;position:absolute;top:100%;padding:15px 19px;background:rgba(24,31,31,.97);min-width:180px;flex-direction:column;align-items:start;gap:15px}
.sgp-root .sgp-menu-widget li:hover>ul,.sgp-root .sgp-menu-widget li:focus-within>ul{display:flex}
.sgp-root .sgp-header-cta{flex:0 0 auto}
.sgp-root .sgp-header-cta .elementor-button{color:#292c2b;background:#d5bd99;padding:12px 20px;font-size:10px;letter-spacing:.10em}
.sgp-root .sgp-mobile-menu-button{display:none} .sgp-root .sgp-tiles{height:clamp(360px,31.25vw,490px);display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#171e20}
.sgp-root .sgp-product-tile{position:relative;overflow:hidden;background-size:cover!important;background-position:center center!important;cursor:pointer;transition:filter .25s}
.sgp-root .sgp-product-tile::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,18,21,.16) 0,rgba(5,12,15,.07) 35%,rgba(8,14,15,.82) 100%);pointer-events:none}
.sgp-root .sgp-product-tile:hover{filter:contrast(1.06)}
.sgp-root .sgp-tile-content{position:absolute;z-index:2;left:0;bottom:0;width:100%;padding:0 clamp(23px,4.45vw,80px) 25px;gap:4px;display:flex!important;flex-direction:column}
.sgp-root .sgp-tile-num{font:500 13px/1.1 Arial!important;color:#eee5d5;letter-spacing:.09em}
.sgp-root .sgp-tile-name .elementor-heading-title{color:white!important;font:400 clamp(28px,3.05vw,54px)/1.04 var(--sgp-serif)!important;letter-spacing:-.04em!important;white-space:nowrap}
.sgp-root .sgp-tile-sub{font:400 clamp(11px,.97vw,15px)/1.45 Arial,sans-serif;color:#e7e8e4}
.sgp-root .sgp-tile-action{font:700 10px/1.4 Arial,sans-serif;color:#eee9e1;letter-spacing:.11em;margin-top:11px}
.sgp-root .sgp-tile-action::before{content:"";display:block;width:25px;border-top:1px solid #d6bb93;margin:0 0 10px}
.sgp-root .sgp-product-tile[aria-pressed=true]::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:#b68c56;z-index:3} .sgp-root .sgp-product-panel{display:none!important;flex-direction:column}
.sgp-root .sgp-product-panel.sgp-active{display:flex!important}
.sgp-root .sgp-product-hero{height:clamp(430px,33.4vw,575px);position:relative;overflow:hidden;display:flex!important;flex-direction:row;background:#fbfaf7}
.sgp-root .sgp-product-copy{width:43%;position:relative;z-index:3;flex:0 0 43%;align-self:center;display:flex!important;flex-direction:column;gap:0;padding:20px 18px 20px max(40px,6.8vw)}
.sgp-root .sgp-eyebrow{font:500 13px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#6b6259}
.sgp-root .sgp-hero-label{margin-bottom:22px}
.sgp-root .sgp-product-title .elementor-heading-title{font-size:clamp(58px,6.9vw,113px)!important;white-space:nowrap;color:#171817!important}
.sgp-root .sgp-product-headline .elementor-heading-title{font:400 clamp(20px,1.52vw,27px)/1.35 var(--sgp-serif)!important;color:#55534f!important;margin:8px 0 22px}
.sgp-root .sgp-product-body{font:400 clamp(13px,1.06vw,16px)/1.68 Arial,sans-serif;color:#696762;max-width:490px}
.sgp-root .sgp-primary-btn{margin-top:24px;align-self:start}
.sgp-root .sgp-product-media{position:absolute!important;inset:0 0 0 38%;width:62%;height:100%;z-index:1}
.sgp-root .sgp-product-main-image{position:absolute!important;inset:0;width:100%;height:100%}
.sgp-root .sgp-product-main-image .elementor-widget-container{height:100%}
.sgp-root .sgp-product-main-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.sgp-root .sgp-product-media::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#fbfaf7 0,rgba(251,250,247,.94) 4%,rgba(251,250,247,.2) 35%,rgba(251,250,247,0) 52%);pointer-events:none}
.sgp-root .sgp-script-overlay{position:absolute!important;top:8%;left:9%;width:60%;z-index:2;transform:rotate(-11deg)}
.sgp-root .sgp-script-overlay .elementor-heading-title{color:#b48d61!important;font:italic 400 clamp(27px,3.2vw,58px)/.95 'URW Chancery L','Apple Chancery','Brush Script MT',cursive!important;letter-spacing:.015em!important;text-align:center}
.sgp-root .sgp-vertical-label{position:absolute!important;top:15%;right:2.5%;z-index:2;writing-mode:vertical-rl;font-size:10px;color:#6e6660;letter-spacing:.4em}
.sgp-root .sgp-round-stamp{position:absolute!important;z-index:2;bottom:4%;right:2%;width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3ece3;color:#73614c;text-align:center;font-size:10px;line-height:1.7;letter-spacing:.12em} .sgp-root .sgp-metrics{height:145px;background:#1b2324;color:#f9f9f7;padding:26px max(40px,6.8vw);display:flex;align-items:center}
.sgp-root .sgp-metrics-inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:100%;align-items:center}
.sgp-root .sgp-metric{display:flex!important;flex-direction:row;align-items:center;gap:17px;padding:0 24px;border-left:1px solid rgba(255,255,255,.26);height:80px}
.sgp-root .sgp-metric:first-child{padding-left:18px}
.sgp-root .sgp-metric-icon{font:normal 38px/1 var(--sgp-serif);color:#ad9068;width:43px;flex:0 0 43px;text-align:center}
.sgp-root .sgp-metric-copy{display:flex;flex-direction:column;gap:9px}
.sgp-root .sgp-metric-label{font:600 10px/1.25 Arial,sans-serif;letter-spacing:.14em;color:#e3ddd5}
.sgp-root .sgp-metric-value .elementor-heading-title{font:400 clamp(26px,2.4vw,42px)/1.05 var(--sgp-serif)!important;color:white!important;white-space:nowrap} .sgp-root .sgp-details{height:442px;background:#f3f1ec;display:grid!important;grid-template-columns:50% 50%;gap:0}
.sgp-root .sgp-details-image{height:100%;position:relative;overflow:hidden}
.sgp-root .sgp-details-photo{position:absolute!important;inset:0;height:100%;width:100%}
.sgp-root .sgp-details-photo .elementor-widget-container{height:100%}
.sgp-root .sgp-details-photo img{height:100%;width:100%;object-fit:cover;object-position:center}
.sgp-root .sgp-details-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(7,16,18,.15) 25%,rgba(5,13,14,.78) 100%);pointer-events:none}
.sgp-root .sgp-details-caption{position:absolute!important;bottom:7%;left:12%;width:60%;z-index:2;color:#fff;gap:14px}
.sgp-root .sgp-details-heading .elementor-heading-title{font-size:clamp(43px,3.25vw,58px)!important;color:white!important}
.sgp-root .sgp-details-desc{font:400 13px/1.5 Arial,sans-serif;color:#f1f0e8;max-width:330px}
.sgp-root .sgp-feature-grid{height:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;padding:24px max(20px,3.1vw);background:#f7f5f1}
.sgp-root .sgp-feature-card{position:relative;background:#fbfaf8;border:1px solid #e4e0d9;display:flex!important;flex-direction:row;justify-content:space-between;padding:19px;overflow:hidden;min-height:0}
.sgp-root .sgp-feature-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;width:61%;position:relative;z-index:2}
.sgp-root .sgp-feature-icon{color:#a88b66;font-size:28px;line-height:1}
.sgp-root .sgp-feature-name .elementor-heading-title{font:400 clamp(17px,1.4vw,25px)/1.08 var(--sgp-serif)!important;color:#2e2b29!important}
.sgp-root .sgp-feature-sub{color:#7f7872;font:400 11px/1.4 Arial,sans-serif;max-width:190px}
.sgp-root .sgp-feature-photo{position:absolute!important;right:0;top:0;bottom:0;width:40%;height:100%;z-index:1}
.sgp-root .sgp-feature-photo .elementor-widget-container{height:100%}
.sgp-root .sgp-feature-photo img{height:100%;width:100%;object-fit:cover} .sgp-root .sgp-install{background:#fcfbf9;min-height:390px}
.sgp-root .sgp-install-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sgp-root .sgp-install-card{background:#f5f3ef;min-height:252px;overflow:hidden;display:flex!important;flex-direction:column}
.sgp-root .sgp-install-photo-wrap{height:153px;position:relative;overflow:hidden}
.sgp-root .sgp-install-photo{height:100%;width:100%}
.sgp-root .sgp-install-photo .elementor-widget-container{height:100%}
.sgp-root .sgp-install-photo img{height:100%;width:100%;object-fit:cover;object-position:center}
.sgp-root .sgp-install-number{position:absolute!important;z-index:2;top:12px;left:21px;font:400 25px/1 var(--sgp-serif);color:#a77b47}
.sgp-root .sgp-install-copy{padding:12px 22px 17px;display:flex!important;flex-direction:column;gap:4px}
.sgp-root .sgp-install-title .elementor-heading-title{font:400 clamp(22px,1.75vw,31px)/1.1 var(--sgp-serif)!important;color:#202120!important}
.sgp-root .sgp-install-sub{font:500 12px/1.3 Arial,sans-serif;color:#494440}
.sgp-root .sgp-install-desc{font:400 11px/1.32 Arial,sans-serif;color:#77716b} .sgp-root .sgp-colors{min-height:296px;background:#1e2526;color:#fff;position:relative;overflow:hidden;padding:33px max(40px,6.8vw)}
.sgp-root .sgp-colors::after{content:"";position:absolute;z-index:0;right:0;top:0;bottom:0;width:11%;background:linear-gradient(90deg,#1e2526 0%,transparent 88%),url(//new.sg-design.hu/wp-content/plugins/sg-premium-pergola-editorial/assets/sgp_color_decor.webp) center/cover;opacity:.67;pointer-events:none}
.sgp-root .sgp-colors-inner{max-width:89%;position:relative;z-index:1}
.sgp-root .sgp-section-title.sgp-light .elementor-heading-title{color:#f7f7f4!important}
.sgp-root .sgp-light-aside{color:#bebeb6}
.sgp-root .sgp-colors .sgp-section-heading-row{margin-bottom:21px}
.sgp-root .sgp-colors-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.sgp-root .sgp-color-card{background:#fff;min-width:0;height:144px;border:1px solid #595b56;overflow:hidden}
.sgp-root .sgp-color-square{height:99px;width:100%;background:#cacaca}
.sgp-root .sgp-color-card:nth-child(1) .sgp-color-square{background:#212426}
.sgp-root .sgp-color-card:nth-child(2) .sgp-color-square{background:#42494d}
.sgp-root .sgp-color-card:nth-child(3) .sgp-color-square{background:#c7ced0}
.sgp-root .sgp-color-card:nth-child(4) .sgp-color-square{background:#f2efea}
.sgp-root .sgp-color-card:nth-child(5) .sgp-color-square{background:linear-gradient(100deg,#75695a,#a39a8d)}
.sgp-root .sgp-color-card:nth-child(6) .sgp-color-square{background:linear-gradient(135deg,#dae0e6,#acb7c2 45%,#d4c9c0)}
.sgp-root .sgp-color-meta{padding:5px 8px;gap:1px}
.sgp-root .sgp-color-name .elementor-heading-title{font:400 13px/1.2 var(--sgp-serif)!important;color:#292626!important}
.sgp-root .sgp-color-code{font:400 9px/1.1 Arial,sans-serif;color:#7d7770}
.sgp-root .sgp-colors-annotation{position:absolute!important;right:-11.5%;bottom:8px;height:110px;width:10%;border-left:1px solid #b08c59;padding:10px}
.sgp-root .sgp-colors-right-text{font:500 10px/1.6 Arial,sans-serif;letter-spacing:.08em;color:#c8b89f} .sgp-root .sgp-extras{background:#faf9f6;min-height:370px}
.sgp-root .sgp-extras-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sgp-root .sgp-extra-card{height:261px;overflow:hidden;position:relative;background:#1c2424}
.sgp-root .sgp-extra-photo{position:absolute!important;inset:0;width:100%;height:100%}
.sgp-root .sgp-extra-photo .elementor-widget-container{height:100%}
.sgp-root .sgp-extra-photo img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.8) brightness(.85)}
.sgp-root .sgp-extra-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.15) 26%,rgba(0,0,0,.83) 100%);pointer-events:none}
.sgp-root .sgp-extra-content{position:absolute!important;left:0;right:0;bottom:0;z-index:2;padding:18px 18px 21px;display:flex!important;flex-direction:column;gap:5px;color:#fff}
.sgp-root .sgp-extra-icon{font-size:21px;line-height:1;color:#e2d2be}
.sgp-root .sgp-extra-name .elementor-heading-title{font:400 clamp(23px,1.75vw,31px)/1.02 var(--sgp-serif)!important;color:white!important}
.sgp-root .sgp-extra-description{font:400 11px/1.35 Arial,sans-serif;color:#ddd8d0;max-width:90%}
.sgp-root .sgp-extra-arrow{position:absolute!important;right:13px;bottom:16px;border:1px solid #bb9b6f;color:#e8d7ba;border-radius:50%;width:30px;height:30px;text-align:center;line-height:28px;font-size:17px} .sgp-root .sgp-comparison{min-height:292px;background:#fff}
.sgp-root .sgp-comparison .sgp-section-heading-row{margin-bottom:18px}
.sgp-root .sgp-compare-scroll{overflow-x:auto;width:100%}
.sgp-root .sgp-compare-table{display:flex!important;flex-direction:column;gap:0;min-width:670px}
.sgp-root .sgp-compare-row{display:grid!important;grid-template-columns:31% 23% 23% 23%;width:100%;min-height:30px;align-items:center;background:#fbfaf8}
.sgp-root .sgp-compare-row:nth-child(odd){background:#f0eeeb}
.sgp-root .sgp-compare-head{background:#e5e2de!important}
.sgp-root .sgp-compare-cell{padding:6px 14px;color:#66625d;font:400 12px/1.12 Arial,sans-serif}
.sgp-root .sgp-compare-head .sgp-compare-cell{font-size:10px;letter-spacing:.1em;color:#4e4945}
.sgp-root .sgp-compare-first{color:#302e2c;font-weight:600} .sgp-root .sgp-faq{height:auto;min-height:200px;display:grid!important;grid-template-columns:47% 53%;background:#f6f3ef}
.sgp-root .sgp-faq-left{padding:34px 30px 29px max(40px,6.8vw);background:#202724;display:flex!important;flex-direction:column;align-items:start;justify-content:center;gap:13px}
.sgp-root .sgp-faq-title .elementor-heading-title{color:white!important;font-size:clamp(36px,3.05vw,50px)!important}
.sgp-root .sgp-faq-intro{font:400 13px/1.4 Arial,sans-serif;color:#e7e5df}
.sgp-root .sgp-faq-btn .elementor-button{padding:11px 18px}
.sgp-root .sgp-faq-right{display:flex!important;flex-direction:column;padding:13px max(40px,6.8vw) 13px 42px;justify-content:center}
.sgp-root .sgp-faq-item{border-bottom:1px solid #d4cbc0;display:flex!important;flex-direction:column;gap:0}
.sgp-root .sgp-faq-question{display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:10px 0}
.sgp-root .sgp-faq-q .elementor-heading-title{font:400 14px/1.2 Arial,sans-serif!important;color:#67615a!important}
.sgp-root .sgp-faq-sign{font:400 21px/1 Arial,sans-serif;color:#a57b48}
.sgp-root .sgp-faq-answer{display:none;padding:0 14px 12px 0}
.sgp-root .sgp-faq-open .sgp-faq-answer{display:block}
.sgp-root .sgp-faq-a{font:400 12px/1.55 Arial,sans-serif;color:#69655d} .sgp-root .sgp-cta{height:260px;position:relative;background:#1c2724;color:#fff;overflow:hidden}
.sgp-root .sgp-cta-photo{position:absolute!important;inset:0 0 0 34%;height:100%;width:66%}
.sgp-root .sgp-cta-photo .elementor-widget-container{height:100%}
.sgp-root .sgp-cta-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.sgp-root .sgp-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,18,.93),rgba(9,16,18,.82) 32%,rgba(12,19,21,.12) 64%,rgba(12,19,21,.02))}
.sgp-root .sgp-cta-inner{position:relative;z-index:2;display:flex!important;flex-direction:column;align-items:start;justify-content:center;gap:7px;padding:25px max(40px,6.8vw);height:100%;max-width:55%}
.sgp-root .sgp-cta-eyebrow{font:600 10px/1.2 Arial,sans-serif;letter-spacing:.17em;color:#d3ac7d}
.sgp-root .sgp-cta-title .elementor-heading-title{font-size:clamp(40px,4.4vw,72px)!important;color:#fff!important}
.sgp-root .sgp-cta-description{font:400 12px/1.4 Arial,sans-serif;max-width:450px;color:#ece8e1}
.sgp-root .sgp-cta .sgp-primary-btn{margin-top:8px}
.sgp-root .sgp-cta .elementor-button{padding:11px 21px} .sgp-root .sgp-footer{background:#151d1f;color:white;padding:18px max(40px,6.8vw) 17px;gap:12px;min-height:132px}
.sgp-root .sgp-footer-top{display:flex!important;flex-direction:row;align-items:center;gap:40px;justify-content:space-between;min-height:63px}
.sgp-root .sgp-footer-brand{display:flex!important;flex-direction:row;gap:5px;align-items:center;position:relative;padding-bottom:16px;flex:0 0 150px}
.sgp-root .sgp-footer-logo .elementor-heading-title{font:400 30px/.9 var(--sgp-serif)!important;color:#fff!important}
.sgp-root .sgp-footer-brandtext .elementor-heading-title{font:600 10px/1.1 Arial,sans-serif!important;color:#fff!important;letter-spacing:.2em!important}
.sgp-root .sgp-footer-tagline{position:absolute!important;bottom:0;left:0;font:500 7px/1.1 Arial,sans-serif;letter-spacing:.12em;color:#c7c6c2}
.sgp-root .sgp-footer-menu{flex:1 1 auto}
.sgp-root .sgp-footer-menu ul{display:flex;flex-direction:row;justify-content:center;gap:clamp(10px,2vw,34px);list-style:none;margin:0;padding:0}
.sgp-root .sgp-footer-menu li{list-style:none}
.sgp-root .sgp-footer-menu a{font:400 11px/1.3 Arial,sans-serif;color:#d9dcda}
.sgp-root .sgp-footer-menu ul ul{display:none}
.sgp-root .sgp-footer-contact{white-space:nowrap;font:400 11px/1.4 Arial,sans-serif;color:#ddd}
.sgp-root .sgp-footer-bottom{border-top:1px solid #384143;display:flex!important;flex-direction:row;justify-content:space-between;padding-top:10px;gap:15px}
.sgp-root .sgp-copyright,.sgp-root .sgp-legal{font:400 10px/1.1 Arial,sans-serif;color:#949b9a} body.elementor-editor-active .sgp-root .sgp-product-panel,body.elementor-editor-preview .sgp-root .sgp-product-panel{display:flex!important}
body.elementor-editor-active .sgp-root .sgp-product-panel::before{content:attr(class);font-size:11px;padding:8px;color:#fff;background:#996638} @media(max-width:1024px){
.sgp-root .sgp-header-inner{padding:0 27px}.sgp-root .sgp-menu-widget ul{gap:12px}.sgp-root .sgp-menu-widget a{font-size:10px}
.sgp-root .sgp-shell{padding-left:35px;padding-right:35px}.sgp-root .sgp-tile-content{padding:0 20px 19px}
.sgp-root .sgp-tile-name .elementor-heading-title{font-size:clamp(25px,3.2vw,40px)!important}
.sgp-root .sgp-product-copy{padding-left:40px;width:47%;flex-basis:47%}.sgp-root .sgp-product-title .elementor-heading-title{font-size:clamp(46px,6vw,76px)!important}
.sgp-root .sgp-product-body{font-size:12px}.sgp-root .sgp-metrics{padding:20px 30px}.sgp-root .sgp-metric{padding:0 10px;gap:6px}.sgp-root .sgp-metric-icon{flex-basis:29px;font-size:29px;width:29px}.sgp-root .sgp-metric-value .elementor-heading-title{font-size:29px!important}
.sgp-root .sgp-feature-grid{gap:7px;padding:13px}.sgp-root .sgp-feature-card{padding:12px}.sgp-root .sgp-feature-name .elementor-heading-title{font-size:18px!important}
.sgp-root .sgp-colors{padding-left:35px;padding-right:35px}.sgp-root .sgp-faq-left{padding-left:35px}.sgp-root .sgp-faq-right{padding-right:35px}.sgp-root .sgp-footer{padding-left:35px;padding-right:35px}
} @media(max-width:767px){
.sgp-root .sgp-header{height:62px}.sgp-root .sgp-header-inner{padding:0 20px}.sgp-root .sgp-menu-widget{display:none}.sgp-root .sgp-header-cta{margin-left:auto}.sgp-root .sgp-header-cta .elementor-button{font-size:9px;padding:10px}
.sgp-root .sgp-mobile-menu-button{display:block}.sgp-root .sgp-mobile-menu-button .elementor-button{padding:10px;font-size:17px;background:transparent;color:#fff}
.sgp-root.sgp-menu-open .sgp-header{height:auto;min-height:62px}.sgp-root.sgp-menu-open .sgp-header-inner{flex-wrap:wrap;padding-bottom:12px}
.sgp-root.sgp-menu-open .sgp-menu-widget{display:block;order:5;flex:0 0 100%;background:#1b2425;padding:16px}
.sgp-root.sgp-menu-open .sgp-menu-widget ul{display:flex;flex-direction:column;align-items:start;gap:12px}
.sgp-root .sgp-tiles{display:flex!important;flex-direction:column;gap:2px;height:auto;min-height:600px}
.sgp-root .sgp-product-tile{width:100%;min-height:215px;flex:0 0 215px;background-position:center 48%!important}
.sgp-root .sgp-tile-content{padding:0 22px 16px;gap:4px}.sgp-root .sgp-tile-name .elementor-heading-title{font-size:34px!important}
.sgp-root .sgp-tile-sub{font-size:11px}.sgp-root .sgp-tile-action{font-size:10px;margin-top:3px}.sgp-root .sgp-tile-action::before{display:none}
.sgp-root .sgp-product-hero{height:auto;display:flex!important;flex-direction:column-reverse}
.sgp-root .sgp-product-media{position:relative!important;inset:auto;width:100%;height:310px;min-height:310px;order:1}
.sgp-root .sgp-product-main-image{height:100%}.sgp-root .sgp-product-media::after{background:linear-gradient(0deg,#fbfaf7 0,transparent 24%)}
.sgp-root .sgp-script-overlay{left:9%;top:10%;width:70%}.sgp-root .sgp-script-overlay .elementor-heading-title{font-size:37px!important}
.sgp-root .sgp-vertical-label,.sgp-root .sgp-round-stamp{display:none}
.sgp-root .sgp-product-copy{order:2;padding:31px 24px 40px;width:100%;flex:0 0 auto;gap:3px}
.sgp-root .sgp-hero-label{margin-bottom:13px}.sgp-root .sgp-product-title .elementor-heading-title{font-size:57px!important;white-space:normal}
.sgp-root .sgp-product-headline .elementor-heading-title{font-size:20px!important;margin:5px 0 15px}.sgp-root .sgp-product-body{font-size:13px;line-height:1.65}.sgp-root .sgp-primary-btn{margin-top:17px}
.sgp-root .sgp-metrics{height:auto;min-height:220px;padding:14px 19px}
.sgp-root .sgp-metrics-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.sgp-root .sgp-metric{height:88px;padding:9px 7px;border-bottom:1px solid #ffffff2c}.sgp-root .sgp-metric:nth-child(odd){border-left:0}
.sgp-root .sgp-metric:nth-last-child(-n+2){border-bottom:0}.sgp-root .sgp-metric-icon{font-size:25px;width:25px;flex-basis:25px}.sgp-root .sgp-metric-label{font-size:8px}.sgp-root .sgp-metric-value .elementor-heading-title{font-size:26px!important}
.sgp-root .sgp-details{display:flex!important;flex-direction:column;height:auto}
.sgp-root .sgp-details-image{height:320px;min-height:320px;width:100%}.sgp-root .sgp-details-caption{left:7%;width:80%;bottom:9%}.sgp-root .sgp-details-heading .elementor-heading-title{font-size:48px!important}.sgp-root .sgp-details-desc{font-size:12px}
.sgp-root .sgp-feature-grid{min-height:390px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));padding:12px;gap:8px}
.sgp-root .sgp-feature-card{padding:12px}.sgp-root .sgp-feature-copy{width:76%}.sgp-root .sgp-feature-photo{width:46%;opacity:.3}.sgp-root .sgp-feature-name .elementor-heading-title{font-size:20px!important}.sgp-root .sgp-feature-sub{font-size:10px}
.sgp-root .sgp-shell{padding:37px 21px}.sgp-root .sgp-section-heading-row{flex-direction:column!important;align-items:start;gap:10px;margin-bottom:22px}.sgp-root .sgp-section-title .elementor-heading-title{font-size:38px!important}.sgp-root .sgp-section-aside{font-size:12px}
.sgp-root .sgp-install-grid{grid-template-columns:1fr;gap:13px}.sgp-root .sgp-install-card{min-height:0}.sgp-root .sgp-install-photo-wrap{height:178px}.sgp-root .sgp-install-copy{padding:13px 18px 20px}.sgp-root .sgp-install-title .elementor-heading-title{font-size:30px!important}
.sgp-root .sgp-colors{min-height:0;padding:37px 21px}.sgp-root .sgp-colors-inner{max-width:100%}.sgp-root .sgp-colors::after,.sgp-root .sgp-colors-annotation{display:none}
.sgp-root .sgp-colors-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sgp-root .sgp-color-card{height:135px}.sgp-root .sgp-color-square{height:90px}.sgp-root .sgp-color-name .elementor-heading-title{font-size:12px!important}
.sgp-root .sgp-extras-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sgp-root .sgp-extra-card{height:225px}.sgp-root .sgp-extra-content{padding:12px}.sgp-root .sgp-extra-name .elementor-heading-title{font-size:24px!important}.sgp-root .sgp-extra-description{font-size:10px}.sgp-root .sgp-extra-arrow{display:none}
.sgp-root .sgp-comparison .sgp-section-heading-row{gap:10px}.sgp-root .sgp-compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.sgp-root .sgp-compare-table{min-width:620px}.sgp-root .sgp-compare-cell{font-size:11px}
.sgp-root .sgp-faq{display:flex!important;flex-direction:column}.sgp-root .sgp-faq-left{padding:35px 22px}.sgp-root .sgp-faq-title .elementor-heading-title{font-size:39px!important}.sgp-root .sgp-faq-right{padding:15px 22px 25px}.sgp-root .sgp-faq-question{min-height:45px}.sgp-root .sgp-faq-q .elementor-heading-title{font-size:13px!important}
.sgp-root .sgp-cta{height:330px}.sgp-root .sgp-cta-photo{inset:0;width:100%;opacity:.7}.sgp-root .sgp-cta::after{background:linear-gradient(90deg,rgba(8,15,17,.88),rgba(8,15,17,.35))}.sgp-root .sgp-cta-inner{max-width:100%;padding:24px}.sgp-root .sgp-cta-title .elementor-heading-title{font-size:49px!important}.sgp-root .sgp-cta-description{font-size:12px;max-width:300px}
.sgp-root .sgp-footer{padding:22px}.sgp-root .sgp-footer-top{flex-direction:column!important;align-items:start;gap:12px}.sgp-root .sgp-footer-brand{flex-basis:auto}.sgp-root .sgp-footer-menu ul{justify-content:start;flex-wrap:wrap;gap:12px}.sgp-root .sgp-footer-bottom{flex-direction:column!important;gap:9px}
}
@media(max-width:365px){.sgp-root .sgp-extras-grid{grid-template-columns:1fr}.sgp-root .sgp-extra-card{height:210px}.sgp-root .sgp-feature-grid{grid-template-columns:1fr}.sgp-root .sgp-feature-card{min-height:130px}.sgp-root .sgp-product-title .elementor-heading-title{font-size:48px!important}}
@media(prefers-reduced-motion:reduce){.sgp-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} .sgp-root .elementor-widget{margin-block-start:0!important;margin-block-end:0!important}
.sgp-root .elementor-widget-container{margin:0}
.sgp-root>.e-con{max-width:100%} .sgp-root { --sgp-cream:#fbfaf7; --sgp-paper:#f4f0ea; --sgp-ink:#171919; --sgp-gold:#ad8757; --sgp-dark:#1b2424; }
.sgp-root>.e-con,.sgp-root .sgp-panel-stack,.sgp-root .sgp-product-panel,.sgp-root .sgp-product-hero{width:100%!important;max-width:none!important;min-width:0!important}
.sgp-root .sgp-header{height:54px;background:rgba(19,28,30,.70)!important}
.sgp-root .sgp-tiles{height:clamp(350px,31.25vw,490px)!important}
.sgp-root .sgp-product-tile{background-size:cover!important;background-repeat:no-repeat!important;background-position:center 44%!important}
.sgp-root .sgp-product-tile::before{background:linear-gradient(180deg,rgba(12,17,18,.19) 0,rgba(12,17,18,.03) 42%,rgba(5,12,14,.82) 100%)!important}
.sgp-root .sgp-tile-name .elementor-heading-title{letter-spacing:-.045em!important}
.sgp-root .sgp-product-hero{height:clamp(430px,33.4vw,575px)!important;background:#fbfaf7!important}
.sgp-root .sgp-product-copy{align-self:stretch!important;justify-content:center!important;width:45%!important;flex:0 0 45%!important;padding:26px 22px 30px max(40px,6.8vw)!important;z-index:5!important;}
.sgp-root .sgp-product-title .elementor-heading-title{font-size:clamp(54px,5.65vw,94px)!important;letter-spacing:-.06em!important;line-height:1.04!important}
.sgp-root .sgp-product-headline .elementor-heading-title{font-size:clamp(20px,1.55vw,28px)!important}
.sgp-root .sgp-product-body{font-size:clamp(13px,1vw,16px)!important;line-height:1.55!important;max-width:450px!important}
.sgp-root .sgp-product-media{left:42%!important;right:0!important;top:0!important;bottom:0!important;width:58%!important;z-index:1!important}
.sgp-root .sgp-product-main-image img{object-position:center 50%!important}
.sgp-root .sgp-product-media::after{background:linear-gradient(90deg,#fbfaf7 0%,rgba(251,250,247,.92) 12%,rgba(251,250,247,.24) 34%,rgba(251,250,247,0) 58%)!important}
.sgp-root .sgp-script-overlay{left:6%!important;top:9%!important;transform:rotate(-10deg)!important}
.sgp-root .sgp-script-overlay .elementor-heading-title{font-size:clamp(27px,2.9vw,48px)!important}
.sgp-root .sgp-metrics{background:#1b2324!important}
.sgp-root .sgp-details{grid-template-columns:50% 50%!important}
.sgp-root .sgp-feature-grid{background:#f5f2ed!important}
.sgp-root .sgp-install{background:#fbfaf7!important}
.sgp-root .sgp-install-photo img{object-position:center 42%!important}
.sgp-root .sgp-colors{background:#202728!important}
.sgp-root .sgp-extras{background:#faf8f5!important}
.sgp-root .sgp-extra-card::after{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22) 45%,rgba(0,0,0,.85) 100%)!important}
.sgp-root .sgp-extra-photo img{filter:saturate(.83) brightness(.83)!important}
.sgp-root .sgp-cta-photo img{object-position:center 55%!important}
.sgp-root .sgp-cta::after{background:linear-gradient(90deg,rgba(10,17,18,.92),rgba(10,17,18,.80) 31%,rgba(10,17,18,.18) 63%,transparent)!important}
.sgp-root .sgp-faq-q .elementor-heading-title{font-size:clamp(13px,1.0vw,16px)!important}
@media (max-width:1024px) and (min-width:768px){
.sgp-root .sgp-product-copy{width:47%!important;flex-basis:47%!important;padding:24px 12px 25px 35px!important}
.sgp-root .sgp-product-title .elementor-heading-title{font-size:clamp(42px,5.1vw,68px)!important}
.sgp-root .sgp-product-media{left:42%!important;width:58%!important}
.sgp-root .sgp-product-body{font-size:12px!important}
}
@media(max-width:767px){
.sgp-root .sgp-tiles{height:auto!important}
.sgp-root .sgp-product-hero{height:auto!important;display:flex!important;flex-direction:column!important}
.sgp-root .sgp-product-media{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;height:310px!important;order:1!important}
.sgp-root .sgp-product-copy{align-self:auto!important;width:100%!important;flex:0 0 auto!important;order:2!important;padding:30px 24px 40px!important}
.sgp-root .sgp-product-main-image img{height:100%!important}
.sgp-root .sgp-product-media::after{background:linear-gradient(0deg,#fbfaf7 0%,rgba(251,250,247,0) 30%)!important}
.sgp-root .sgp-product-title .elementor-heading-title{font-size:clamp(42px,11vw,60px)!important;white-space:normal!important}
.sgp-root .sgp-product-body{font-size:13px!important;max-width:100%!important}
.sgp-root .sgp-script-overlay{top:10%!important;left:9%!important}
.sgp-root .sgp-details{display:flex!important;flex-direction:column!important}
.sgp-root .sgp-install-photo img{object-position:center 48%!important}
} .sgp-root .sgp-visual-note{color:#9da4a0;font:400 10px/1.45 Arial,sans-serif;max-width:800px}
.sgp-root .sgp-visual-note p{margin:0} body:not(.elementor-editor-active) .sgp-root .sgp-header{display:none!important}
.sgp-root .sgp-tiles.sgp-tiles-fullscreen{height:100vh!important;height:100svh!important;min-height:620px!important;max-height:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important}
.sgp-root .sgp-tiles .sgp-product-tile{height:100%!important;min-height:0!important;background-size:cover!important;background-position:center center!important}
.sgp-root .sgp-tile-content{padding-bottom:clamp(30px,5vh,75px)!important}
.sgp-root .sgp-product-tile::before{background:linear-gradient(180deg,rgba(14,19,21,.03) 4%,rgba(14,19,21,.1) 46%,rgba(9,15,16,.82) 100%)!important}
.sgp-root .sgp-tiles .sgp-product-tile:hover{filter:brightness(1.06)}
.sgp-root .sgp-tiles .sgp-product-tile:focus-visible{outline:3px solid #b38d5b;outline-offset:-4px}
.sgp-root .sgp-details{height:clamp(370px,27vw,475px)!important;grid-template-columns:50% 50%!important}
.sgp-root .sgp-details-image{height:100%!important}
.sgp-root .sgp-details-photo img{object-position:54% 48%!important}
.sgp-root .sgp-feature-grid{background:#f4f1ec!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,1fr)!important;padding:25px 31px!important;gap:10px!important}
.sgp-root .sgp-feature-card{background:#f9f7f3!important;border:1px solid #e5e0d9!important;min-height:0!important;padding:clamp(10px,1.2vw,20px)!important}
.sgp-root .sgp-feature-photo{width:35%!important;opacity:1!important}
.sgp-root .sgp-feature-copy{width:64%!important}
.sgp-root .sgp-feature-name .elementor-heading-title{font-size:clamp(15px,1.3vw,21px)!important}
.sgp-root .sgp-feature-photo img{object-position:50% 50%!important}
.sgp-root .sgp-install{background:#f9f7f3!important;padding-top:36px!important;padding-bottom:38px!important}
.sgp-root .sgp-install-grid{gap:14px!important}
.sgp-root .sgp-install-card{background:#f4f2ee!important;border:0!important;min-height:0!important}
.sgp-root .sgp-install-photo-wrap{height:clamp(135px,12vw,225px)!important;}
.sgp-root .sgp-install-photo img{object-fit:cover!important;object-position:center 43%!important}
.sgp-root .sgp-install-copy{padding:12px 22px 22px!important;gap:5px!important}
.sgp-root .sgp-colors{background:#202728!important;min-height:305px!important}
.sgp-root .sgp-colors::after{opacity:.72!important;width:15%!important}
.sgp-root .sgp-colors-inner{max-width:88%!important}
.sgp-root .sgp-extras{background:#f9f7f3!important}
.sgp-root .sgp-extra-card::after{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.8) 100%)!important}
@media(max-width:1024px) and (min-width:768px){
.sgp-root .sgp-tiles.sgp-tiles-fullscreen{min-height:580px!important}
.sgp-root .sgp-feature-grid{padding:14px!important;gap:8px!important}
.sgp-root .sgp-feature-photo{width:38%!important}
.sgp-root .sgp-feature-copy{width:68%!important}
}
@media(max-width:767px){
.sgp-root .sgp-tiles.sgp-tiles-fullscreen{height:100svh!important;min-height:620px!important;max-height:none!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.sgp-root .sgp-tiles .sgp-product-tile{height:auto!important;min-height:0!important;flex:1 1 33.333%!important;background-position:center 49%!important}
.sgp-root .sgp-tiles .sgp-tile-content{padding-bottom:15px!important}
.sgp-root .sgp-details{display:flex!important;flex-direction:column!important;height:auto!important}
.sgp-root .sgp-details-image{height:315px!important;min-height:315px!important}
.sgp-root .sgp-feature-grid{padding:13px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(150px,auto))!important}
.sgp-root .sgp-feature-copy{width:82%!important}
.sgp-root .sgp-feature-photo{width:51%!important;opacity:.25!important}
.sgp-root .sgp-install-photo-wrap{height:185px!important}
.sgp-root .sgp-colors{min-height:0!important}
.sgp-root .sgp-colors-inner{max-width:100%!important}
}