/* Product pages retain verified content while following the selected reference. */
body.reference-product,body.reference-catalog,body.reference-product-intro{--rp-u:var(--u,1px);font-family:var(--sans);font-size:calc(13 * var(--rp-u));line-height:1.45;background:#fff;color:#26322b}
body.reference-brand,body.reference-search{--rp-u:var(--u,1px)}
.reference-product [hidden],.reference-catalog [hidden],.reference-product-intro [hidden]{display:none!important}
.reference-product #main,.reference-catalog #main,.reference-product-intro #main{width:100%;max-width:none;margin:0}
.reference-product .wrap,.reference-catalog .wrap,.reference-product-intro .wrap{max-width:none;padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.reference-product .rp-crumbs{min-height:calc(34 * var(--rp-u));display:flex;align-items:center;padding-top:calc(4 * var(--rp-u));padding-bottom:calc(4 * var(--rp-u))}
.reference-product .crumbs,.reference-catalog .crumbs{font:400 calc(9.5 * var(--rp-u))/1.4 var(--sans);gap:calc(9 * var(--rp-u));margin:0;color:#45504a}
.reference-product .rp-product-top{grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:calc(26 * var(--rp-u));padding-top:0;padding-bottom:calc(8 * var(--rp-u));min-height:calc(416 * var(--rp-u));align-items:start}
.reference-product .gal{grid-template-columns:calc(78 * var(--rp-u)) minmax(0,1fr);gap:calc(12 * var(--rp-u));height:calc(409 * var(--rp-u));position:relative;top:auto}
.reference-product .gal-thumbs{gap:calc(6 * var(--rp-u));max-height:calc(409 * var(--rp-u));scrollbar-width:thin;padding:calc(2 * var(--rp-u))}
.reference-product .gal-thumbs button{width:100%;height:calc(56 * var(--rp-u));border-radius:calc(4 * var(--rp-u));border-width:1px}
.reference-product .gal-thumbs button.on{box-shadow:0 0 0 1px rgba(14,69,50,.16)}
.reference-product .gal-thumbs .ic{width:calc(24 * var(--rp-u));height:calc(24 * var(--rp-u))}
.reference-product .gal-main{height:calc(409 * var(--rp-u));aspect-ratio:auto;border-radius:calc(4 * var(--rp-u));background:#faf8f3;border-color:#ece8dd}
.reference-product .gal-track{scroll-behavior:smooth}
.reference-product .gal-track img{object-fit:contain}
.reference-product .pd-info{display:flex;flex-direction:column;align-items:stretch;min-height:calc(409 * var(--rp-u))}
.reference-product .pd-brand{align-self:flex-start;max-width:calc(100% - 105 * var(--rp-u));padding:calc(3 * var(--rp-u)) calc(8 * var(--rp-u));margin:0 0 calc(7 * var(--rp-u));border-radius:calc(3 * var(--rp-u));background:#f4e9d1;font:500 calc(9.5 * var(--rp-u))/1.3 var(--sans);letter-spacing:0;color:#123826}
.reference-product .pd-info h1{font:700 calc(40 * var(--rp-u))/1.03 var(--serif);color:#071b15;letter-spacing:calc(-.5 * var(--rp-u));margin:0 0 calc(3 * var(--rp-u));padding-right:calc(45 * var(--rp-u));overflow-wrap:anywhere}
.reference-product .pd-sub{font:400 calc(18 * var(--rp-u))/1.18 var(--serif);color:#151f19;margin:0;max-width:calc(355 * var(--rp-u))}
.reference-product .pd-form{font:400 calc(14 * var(--rp-u))/1.35 var(--sans);color:#25322b;margin:calc(4 * var(--rp-u)) 0 calc(9 * var(--rp-u))}
.reference-product .pd-price{gap:calc(9 * var(--rp-u));margin:calc(3 * var(--rp-u)) 0 calc(12 * var(--rp-u));flex-wrap:wrap}
.reference-product .pd-price b{font:700 calc(31 * var(--rp-u))/1.1 var(--serif);color:#092c1e}
.reference-product .pd-price small{font:400 calc(10 * var(--rp-u))/1.3 var(--sans);color:#4f5852}
.reference-product .pd-short{font:400 calc(12 * var(--rp-u))/1.42 var(--sans);color:#323d36;margin:0 0 calc(15 * var(--rp-u));max-width:calc(442 * var(--rp-u))}
.reference-product .pd-badges{grid-template-columns:repeat(auto-fit,minmax(calc(68 * var(--rp-u)),1fr));gap:calc(9 * var(--rp-u));margin:0 0 calc(14 * var(--rp-u));padding:0}
.reference-product .pd-badges li{font:400 calc(10 * var(--rp-u))/1.25 var(--sans);color:#173d28}
.reference-product .pd-badges .circ{width:calc(43 * var(--rp-u));height:calc(43 * var(--rp-u));margin:0 auto calc(6 * var(--rp-u));border-width:1px}
.reference-product .pd-badges .ic{width:calc(28 * var(--rp-u));height:calc(28 * var(--rp-u))}
.reference-product .pd-script{top:calc(4 * var(--rp-u));right:calc(4 * var(--rp-u));width:calc(100 * var(--rp-u));font-size:calc(28 * var(--rp-u));line-height:.96;color:#505329;opacity:.9;z-index:1}
.reference-product .pd-info .waband{margin-top:auto;min-height:calc(51 * var(--rp-u));padding:calc(7 * var(--rp-u)) calc(8 * var(--rp-u)) calc(7 * var(--rp-u)) calc(12 * var(--rp-u));gap:calc(10 * var(--rp-u));border-radius:calc(5 * var(--rp-u));background:linear-gradient(100deg,#45865a,#0c5436)}
.reference-product .pd-info .waband .ic-wa{width:calc(35 * var(--rp-u));height:calc(35 * var(--rp-u))}
.reference-product .pd-info .waband p{font:400 calc(11 * var(--rp-u))/1.25 var(--sans)}
.reference-product .pd-info .waband .btn{width:calc(162 * var(--rp-u));min-height:calc(32 * var(--rp-u));padding:0 calc(8 * var(--rp-u));font:500 calc(9.5 * var(--rp-u))/1 var(--sans);gap:calc(5 * var(--rp-u));border-radius:calc(4 * var(--rp-u));flex:none;white-space:normal;text-align:center}
.reference-product .pd-info .waband .btn>.ic{display:none}
.reference-product .pd-sku{font:400 calc(9 * var(--rp-u))/1.3 var(--sans);margin:calc(5 * var(--rp-u)) 0 0}
.reference-product .tabs-bar{top:calc(54 * var(--rp-u));background:#fff;border-color:#e7e9e5}
.reference-product .tabs-bar ul{min-height:calc(38 * var(--rp-u));margin:0;align-items:stretch}
.reference-product .tabs-bar li{flex:1 0 auto;border-right:1px solid #eceee9}
.reference-product .tabs-bar li:last-child{border-right:0}
.reference-product .tabs-bar a{min-height:calc(38 * var(--rp-u));display:flex;align-items:center;justify-content:center;padding:calc(7 * var(--rp-u)) calc(11 * var(--rp-u));font:400 calc(10 * var(--rp-u))/1.2 var(--sans);color:#545a56;border-bottom-width:2px}
.reference-product .tabs-bar a.on{font-weight:600;color:#0d4028}
.reference-product .pd-body{display:grid;gap:calc(12 * var(--rp-u));padding-top:calc(12 * var(--rp-u));padding-bottom:calc(8 * var(--rp-u))}
.reference-product .pd-desc,.reference-product .pd-grid3>section,.reference-product .pd-split>section,.reference-product #ambalaj,.reference-product #benzer{scroll-margin-top:calc(92 * var(--rp-u) - 96px)}
.reference-product .pd-desc{gap:calc(13 * var(--rp-u));min-height:calc(192 * var(--rp-u));align-items:stretch}
.reference-product .pd-desc-full,.reference-product .pd-faq-full{grid-column:1/-1}
.reference-product .pd-section-title.h-sm,.reference-product .box h2{font:700 calc(20 * var(--rp-u))/1.1 var(--serif);color:#101f18;margin:0 0 calc(7 * var(--rp-u));letter-spacing:calc(-.15 * var(--rp-u))}
.reference-product .pd-body .prose{font:400 calc(12 * var(--rp-u))/1.4 var(--sans);color:#3d453f;overflow-wrap:anywhere}
.reference-product .prose p{margin:0 0 calc(10 * var(--rp-u))}
.reference-product .prose p:last-child{margin-bottom:0}
.reference-product .prose h2{font:700 calc(18 * var(--rp-u))/1.15 var(--serif);margin:calc(12 * var(--rp-u)) 0 calc(6 * var(--rp-u))}
.reference-product .prose h3{font:700 calc(16 * var(--rp-u))/1.15 var(--serif);margin:calc(10 * var(--rp-u)) 0 calc(5 * var(--rp-u))}
.reference-product .prose table{font-size:calc(11 * var(--rp-u))}
.reference-product .prose th,.reference-product .prose td{padding:calc(6 * var(--rp-u)) calc(8 * var(--rp-u))}
.reference-product .hl-strip{min-height:calc(48 * var(--rp-u));padding:calc(7 * var(--rp-u));margin-top:calc(12 * var(--rp-u));gap:0;background:#f7f4ee;border:0;border-radius:calc(4 * var(--rp-u))}
.reference-product .hl-strip li{font:400 calc(9 * var(--rp-u))/1.25 var(--sans);padding:0 calc(5 * var(--rp-u));gap:calc(7 * var(--rp-u));border-color:#d8d4cb}
.reference-product .hl-strip .circ{width:calc(29 * var(--rp-u));height:calc(29 * var(--rp-u))}
.reference-product .hl-strip .ic{width:calc(19 * var(--rp-u));height:calc(19 * var(--rp-u))}
.reference-product .pd-desc .imgcard{min-height:calc(192 * var(--rp-u));border-radius:calc(4 * var(--rp-u))}
.reference-product .pd-desc .imgcard .in{padding:calc(20 * var(--rp-u));width:44%}
.reference-product .pd-desc .imgcard h3{font:400 calc(25 * var(--rp-u))/1.08 var(--serif);margin:0 0 calc(8 * var(--rp-u));color:#fff}
.reference-product .pd-desc .imgcard p{font:400 calc(12 * var(--rp-u))/1.35 var(--sans);color:#f2f6ee}
.reference-product .pd-grid3{gap:calc(12 * var(--rp-u));grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.reference-product .pd-grid3>.box{min-height:calc(185 * var(--rp-u));padding:calc(9 * var(--rp-u));border:0;border-radius:calc(4 * var(--rp-u));background:#f8f8f5}
.reference-product .pd-grid3 .box h2{font-size:calc(17 * var(--rp-u));margin-bottom:calc(7 * var(--rp-u))}
.reference-product .ings{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 18 * var(--rp-u))/4);gap:calc(6 * var(--rp-u));overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:calc(3 * var(--rp-u));align-items:start}
.reference-product .ing{min-width:0;background:#fff;border:1px solid #e9e9e3;border-radius:calc(4 * var(--rp-u));padding:calc(3 * var(--rp-u))}
.reference-product .ing .iimg{height:calc(62 * var(--rp-u));aspect-ratio:auto;border-radius:calc(3 * var(--rp-u));margin-bottom:calc(5 * var(--rp-u));border:0}
.reference-product .ing .iimg img{object-fit:contain}
.reference-product .ing .iimg .ic{width:calc(27 * var(--rp-u));height:calc(27 * var(--rp-u))}
.reference-product .ing b{font:500 calc(10 * var(--rp-u))/1.2 var(--sans);overflow-wrap:anywhere}
.reference-product .ing small{font:400 calc(9 * var(--rp-u))/1.25 var(--sans);margin-top:calc(4 * var(--rp-u));overflow-wrap:anywhere}
.reference-product .ing-list{font:400 calc(10.5 * var(--rp-u))/1.35 var(--sans);margin:calc(7 * var(--rp-u)) 0 0;overflow-wrap:anywhere}
.reference-product .usage.has-usage-image .u-in{max-width:65%}
.reference-product .usage.no-usage-image .u-in{max-width:none}
.reference-product .usage>img{width:44%;object-position:center}
.reference-product .u-row{grid-template-columns:calc(34 * var(--rp-u)) minmax(0,1fr);gap:calc(9 * var(--rp-u));margin:calc(10 * var(--rp-u)) 0 calc(13 * var(--rp-u))}
.reference-product .u-row .circ{width:calc(34 * var(--rp-u));height:calc(34 * var(--rp-u))}
.reference-product .u-row .ic{width:calc(20 * var(--rp-u));height:calc(20 * var(--rp-u))}
.reference-product .usage .prose{font-size:calc(11 * var(--rp-u));line-height:1.4;color:#233229}
.reference-product .usage-note{font:400 calc(10.5 * var(--rp-u))/1.35 var(--sans);margin:0;color:#6d746d}
.reference-product .techimg{height:calc(91 * var(--rp-u));aspect-ratio:auto;border-radius:calc(3 * var(--rp-u));margin:0 0 calc(5 * var(--rp-u))}
.reference-product .rp-tech .visual-note{font:400 calc(8 * var(--rp-u))/1.3 var(--sans);padding-top:0;margin-bottom:calc(4 * var(--rp-u));color:#626d63;opacity:1}
.reference-product .rp-tech .prose{font-size:calc(11 * var(--rp-u));line-height:1.35}
.reference-product .pd-split{grid-template-columns:minmax(0,1.84fr) minmax(0,1fr);gap:calc(12 * var(--rp-u));align-items:start}
.reference-product .whyp{min-height:calc(198 * var(--rp-u));padding:calc(18 * var(--rp-u)) calc(28 * var(--rp-u));border-radius:calc(4 * var(--rp-u));justify-content:center}
.reference-product .whyp h2{font:400 calc(26 * var(--rp-u))/1.08 var(--serif);color:#fff;margin:0 0 calc(11 * var(--rp-u))}
.reference-product .whyp li{font:400 calc(12 * var(--rp-u))/1.3 var(--sans);gap:calc(8 * var(--rp-u));margin-bottom:calc(7 * var(--rp-u))}
.reference-product .whyp li:last-child{margin-bottom:0}
.reference-product .whyp .ic{width:calc(18 * var(--rp-u));height:calc(18 * var(--rp-u));padding:calc(3 * var(--rp-u));border-radius:50%;background:#4b9536;color:#fff}
.reference-product .faq.box{min-height:calc(198 * var(--rp-u));padding:calc(10 * var(--rp-u)) calc(12 * var(--rp-u));border:0;border-radius:calc(4 * var(--rp-u));background:#f8f8f6}
.reference-product .faq h2{font-size:calc(20 * var(--rp-u));margin-bottom:calc(8 * var(--rp-u))}
.reference-product .faq details{border-color:#e9eae5;border-radius:calc(3 * var(--rp-u));margin-bottom:calc(4 * var(--rp-u));background:#fff}
.reference-product .faq summary{min-height:calc(26 * var(--rp-u));font:400 calc(10.5 * var(--rp-u))/1.25 var(--sans);padding:calc(5 * var(--rp-u)) calc(8 * var(--rp-u));gap:calc(7 * var(--rp-u))}
.reference-product .faq summary .ic{width:calc(11 * var(--rp-u));height:calc(11 * var(--rp-u));color:#304337}
.reference-product .faq .ans{font:400 calc(11 * var(--rp-u))/1.4 var(--sans);padding:calc(4 * var(--rp-u)) calc(8 * var(--rp-u)) calc(9 * var(--rp-u))}
.reference-product .pd-pack{padding:calc(11 * var(--rp-u)) calc(14 * var(--rp-u));border-color:#eaece6;border-radius:calc(4 * var(--rp-u));background:#fafaf7}
.reference-product .pd-pack h2{font-size:calc(17 * var(--rp-u))}
.reference-product .kv{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:calc(6 * var(--rp-u)) calc(12 * var(--rp-u));font:400 calc(11 * var(--rp-u))/1.4 var(--sans);margin:0}
.reference-product .kv dt,.reference-product .kv dd{overflow-wrap:anywhere}
.reference-product .note{font:400 calc(10 * var(--rp-u))/1.4 var(--sans);padding:calc(7 * var(--rp-u)) calc(10 * var(--rp-u));border-radius:calc(4 * var(--rp-u));margin:0;background:#f8f5ee;border-color:#ece8de}
.reference-product .rp-related.sec-sm{padding:calc(3 * var(--rp-u)) 0 calc(10 * var(--rp-u));min-height:calc(200 * var(--rp-u));background:#fff}
.reference-product .rp-related .sec-head{margin:0 0 calc(4 * var(--rp-u));gap:calc(10 * var(--rp-u))}
.reference-product .rp-related .h-md{font:700 calc(17 * var(--rp-u))/1.1 var(--serif);color:#142319;margin:0}
.reference-product .rp-related .rail-nav{gap:calc(5 * var(--rp-u))}
.reference-product .rp-related .rail-nav button{width:calc(20 * var(--rp-u));height:calc(20 * var(--rp-u));border-color:#e5e8e1;background:#fff;padding:0}
.reference-product .rp-related .rail-nav .ic{width:calc(12 * var(--rp-u));height:calc(12 * var(--rp-u))}
.reference-product .rp-related-rail{grid-template-columns:none;grid-auto-columns:calc((100% - 48 * var(--rp-u))/7);gap:calc(8 * var(--rp-u));padding:0;align-items:stretch;scroll-behavior:smooth}
.reference-product .rp-card,:is(.reference-catalog,.reference-brand,.reference-search) .rp-card{border:1px solid #e6e9e2;border-radius:calc(4 * var(--rp-u));box-shadow:none;transform:none;min-width:0;width:auto}
.reference-product .rp-card:hover,:is(.reference-catalog,.reference-brand,.reference-search) .rp-card:hover{transform:none;box-shadow:0 2px 9px rgba(20,56,33,.08);border-color:#b5c7b3}
.reference-product .rp-card .pimg{height:calc(105 * var(--rp-u));aspect-ratio:auto;background:#fff}
.reference-product .rp-card .pbody{padding:calc(6 * var(--rp-u)) calc(8 * var(--rp-u));gap:calc(2 * var(--rp-u))}
.reference-product .rp-card h3{font:400 calc(11 * var(--rp-u))/1.2 var(--sans);color:#18261d;margin:0;overflow-wrap:anywhere}
.reference-product .rp-card .pform{font:400 calc(10 * var(--rp-u))/1.3 var(--sans);color:#545f56}
.reference-product .rp-card .price{font:700 calc(14 * var(--rp-u))/1.2 var(--serif);margin:calc(4 * var(--rp-u)) 0 0;color:#0e3d24}
.reference-product .rp-card .price.ask{font:400 calc(10 * var(--rp-u))/1.3 var(--sans)}
.reference-catalog .rp-catalog-hero{padding:calc(13 * var(--rp-u)) 0 calc(19 * var(--rp-u));background:linear-gradient(110deg,#fbf9f3,#f4f2e9);border-color:#ecece4}
.reference-catalog .rp-catalog-title{grid-template-columns:1.1fr 1fr;gap:calc(24 * var(--rp-u));margin-top:calc(10 * var(--rp-u));align-items:end}
.reference-catalog .rp-catalog-title .h-lg{font:700 calc(32 * var(--rp-u))/1.05 var(--serif);color:#102419;margin:0;overflow-wrap:anywhere}
.reference-catalog .rp-catalog-title .lead{font:400 calc(12 * var(--rp-u))/1.4 var(--sans);color:#596258;margin:0}
.reference-catalog .rp-catalog-list.sec-sm{padding:calc(19 * var(--rp-u)) 0 calc(30 * var(--rp-u));background:#fff}
.reference-catalog .plist{grid-template-columns:calc(180 * var(--rp-u)) minmax(0,1fr);gap:calc(20 * var(--rp-u));align-items:start}
.reference-catalog .side{display:block;top:calc(68 * var(--rp-u));padding:calc(6 * var(--rp-u));border-radius:calc(4 * var(--rp-u));border-color:#e5e8e0;background:#fcfcf8}
.reference-catalog .side h2{font:600 calc(10 * var(--rp-u))/1 var(--sans);padding:calc(11 * var(--rp-u)) calc(8 * var(--rp-u)) calc(8 * var(--rp-u));letter-spacing:.08em;color:#677166}
.reference-catalog .side>a{padding:calc(8 * var(--rp-u));gap:calc(7 * var(--rp-u));font:400 calc(11 * var(--rp-u))/1.2 var(--sans);border-radius:calc(3 * var(--rp-u))}
.reference-catalog .side>a .ic{width:calc(15 * var(--rp-u));height:calc(15 * var(--rp-u))}
.reference-catalog .side>a small{font-size:calc(9 * var(--rp-u))}
.reference-catalog .side>a[aria-current=page]{background:#0b422c}
.reference-catalog .rp-catalog-help{padding:calc(9 * var(--rp-u)) calc(3 * var(--rp-u))}
.reference-catalog .rp-catalog-help .waband{display:grid;grid-template-columns:calc(22 * var(--rp-u)) minmax(0,1fr);gap:calc(7 * var(--rp-u));padding:calc(9 * var(--rp-u));border-radius:calc(4 * var(--rp-u))}
.reference-catalog .rp-catalog-help .waband p{font:400 calc(10 * var(--rp-u))/1.35 var(--sans)}
.reference-catalog .rp-catalog-help .ic-wa{width:calc(22 * var(--rp-u));height:calc(22 * var(--rp-u))}
.reference-catalog .rp-catalog-help .waband .btn{grid-column:1/-1;min-height:calc(30 * var(--rp-u));font-size:calc(10 * var(--rp-u));padding:0 calc(8 * var(--rp-u))}
.reference-catalog .rp-catalog-help .waband .btn .ic{width:calc(14 * var(--rp-u));height:calc(14 * var(--rp-u))}
.reference-catalog .list-head{margin-bottom:calc(12 * var(--rp-u))}
.reference-catalog .list-head p{font:400 calc(11 * var(--rp-u))/1.3 var(--sans);color:#6b756a}
.reference-catalog .pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(12 * var(--rp-u))}
:is(.reference-catalog,.reference-brand,.reference-search) .rp-card .pimg{height:calc(162 * var(--rp-u));aspect-ratio:auto;background:#fff}
:is(.reference-catalog,.reference-brand,.reference-search) .rp-card .pbody{padding:calc(9 * var(--rp-u));gap:calc(4 * var(--rp-u))}
:is(.reference-catalog,.reference-brand,.reference-search) .rp-card h2,:is(.reference-catalog,.reference-brand,.reference-search) .rp-card h3{font:700 calc(14 * var(--rp-u))/1.15 var(--serif);color:#15281b;margin:0;overflow-wrap:anywhere}
:is(.reference-catalog,.reference-brand,.reference-search) .rp-card .pform{font:400 calc(10.5 * var(--rp-u))/1.3 var(--sans);color:#657063}
:is(.reference-catalog,.reference-brand,.reference-search) .rp-card .price{font:700 calc(17 * var(--rp-u))/1.1 var(--serif);margin:calc(3 * var(--rp-u)) 0 calc(6 * var(--rp-u));color:#0c3b24}
:is(.reference-catalog,.reference-brand,.reference-search) .rp-card .price.ask{font:400 calc(11 * var(--rp-u))/1.2 var(--sans);color:#3d6045}
:is(.reference-catalog,.reference-brand,.reference-search) .rp-card .btn{min-height:calc(30 * var(--rp-u));padding:0 calc(5 * var(--rp-u));font:400 calc(10 * var(--rp-u))/1 var(--sans);gap:calc(5 * var(--rp-u));border-width:1px;border-radius:calc(3 * var(--rp-u))}
:is(.reference-catalog,.reference-brand,.reference-search) .rp-card .btn .ic{width:calc(11 * var(--rp-u));height:calc(11 * var(--rp-u))}
.reference-catalog .empty{padding:calc(32 * var(--rp-u)) calc(20 * var(--rp-u));font-size:calc(13 * var(--rp-u))}
.reference-product-intro .rp-intro.sec{padding:calc(25 * var(--rp-u)) 0 calc(36 * var(--rp-u));background:#fff}
.reference-product-intro .rp-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:calc(40 * var(--rp-u));align-items:center;max-width:calc(1024 * var(--rp-u))}
.reference-product-intro .rp-intro-image{height:calc(400 * var(--rp-u));max-width:calc(400 * var(--rp-u));width:100%;margin:auto;border:1px solid #eceee7;border-radius:calc(5 * var(--rp-u));background:#fafaf6}
.reference-product-intro .rp-intro-image img{width:100%;height:100%;object-fit:contain}
.reference-product-intro .rp-intro-copy .eyebrow{font:500 calc(10 * var(--rp-u))/1 var(--sans);letter-spacing:.1em}
.reference-product-intro .rp-intro-copy .h-lg{font:700 calc(36 * var(--rp-u))/1.05 var(--serif);color:#10251a;margin:calc(12 * var(--rp-u)) 0;overflow-wrap:anywhere}
.reference-product-intro .rp-intro-copy .lead{font:400 calc(15 * var(--rp-u))/1.35 var(--sans);color:#64705f}
.reference-product-intro .rp-intro-copy p{font:400 calc(13 * var(--rp-u))/1.5 var(--sans)}
.reference-product-intro .rp-intro-copy .btn{min-height:calc(35 * var(--rp-u));font:400 calc(11 * var(--rp-u))/1 var(--sans);padding:0 calc(16 * var(--rp-u));gap:calc(8 * var(--rp-u))}
.reference-product-intro .rp-intro-copy .btn .ic{width:calc(20 * var(--rp-u));height:calc(20 * var(--rp-u))}
.reference-product-intro .rp-intro-back{margin-top:calc(18 * var(--rp-u))}
@media(max-width:940px){
  .reference-product .pd-desc,.reference-product .pd-grid3>section,.reference-product .pd-split>section,.reference-product #ambalaj,.reference-product #benzer{scroll-margin-top:2px}
  .reference-product .tabs-bar{top:60px}
  .reference-product .tabs-bar a{min-height:38px;font-size:11px;padding:8px 12px}
  .reference-product .pd-info h1{font-size:34px}
  .reference-product .pd-short{font-size:11.5px}
  .reference-product .pd-info .waband{flex-wrap:wrap}
  .reference-product .pd-info .waband .btn{width:100%;min-height:32px}
  .reference-product .rp-related-rail{grid-auto-columns:calc((100% - 30px)/4);gap:10px}
  .reference-product .rp-card .pimg{height:145px}
  .reference-catalog .plist{display:block}
  .reference-catalog .side{display:none}
  .reference-catalog .catbar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0 0 12px;scrollbar-width:thin;padding-bottom:4px}
  .reference-catalog .catbar .chip{flex:none;display:flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;font:400 10px/1.2 var(--sans);border-radius:18px;border-color:#dfe5d8;background:#fff;white-space:nowrap}
  .reference-catalog .catbar .chip[aria-current=page]{background:#0b422c;border-color:#0b422c;color:#fff}
  .reference-catalog .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card .pimg{height:185px}
}
@media(max-width:800px){
  .reference-product .wrap,.reference-catalog .wrap,.reference-product-intro .wrap{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
  .reference-product .rp-crumbs{min-height:38px;padding-top:8px;padding-bottom:8px}
  .reference-product .crumbs,.reference-catalog .crumbs{font-size:10px;gap:7px}
  .reference-product .rp-product-top{grid-template-columns:minmax(0,1fr);gap:20px;min-height:0;padding-bottom:18px}
  .reference-product .gal{height:auto;grid-template-columns:60px minmax(0,1fr);gap:8px;position:relative;top:auto}
  .reference-product .gal-thumbs{display:flex;gap:6px;max-height:335px;padding:2px}
  .reference-product .gal-thumbs button{height:54px;width:100%}
  .reference-product .gal-main{height:335px;aspect-ratio:auto;border-radius:5px}
  .reference-product .gal-dots{display:none}
  .reference-product .pd-info{min-height:0}
  .reference-product .pd-brand{font-size:10px;padding:4px 8px;max-width:calc(100% - 90px);margin-bottom:7px}
  .reference-product .pd-info h1{font-size:34px;line-height:1.06;padding-right:45px}
  .reference-product .pd-sub{font-size:19px;max-width:calc(100% - 30px)}
  .reference-product .pd-form{font-size:14px;margin-top:5px;margin-bottom:9px}
  .reference-product .pd-price{margin:3px 0 12px}
  .reference-product .pd-price b{font-size:30px}
  .reference-product .pd-price small{font-size:11px}
  .reference-product .pd-short{font-size:13px;line-height:1.45;max-width:none;margin-bottom:16px}
  .reference-product .pd-script{font-size:25px;width:82px;right:0;top:3px}
  .reference-product .pd-badges{grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:10px;margin-bottom:16px}
  .reference-product .pd-badges li{font-size:10.5px}
  .reference-product .pd-badges .circ{width:43px;height:43px;margin-bottom:7px}
  .reference-product .pd-info .waband{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;padding:10px;margin-top:0}
  .reference-product .pd-info .waband p{font-size:12px;line-height:1.35}
  .reference-product .pd-info .waband .btn{grid-column:1/-1;min-height:34px;width:100%;font-size:11px}
  .reference-product .pd-sku{font-size:10px;margin-top:6px}
  .reference-product .pd-body{gap:14px;padding-top:16px;padding-bottom:14px}
  .reference-product .pd-desc{grid-template-columns:minmax(0,1fr);gap:14px;min-height:0}
  .reference-product .pd-section-title.h-sm,.reference-product .box h2{font-size:22px;margin-bottom:10px}
  .reference-product .pd-body .prose{font-size:13px;line-height:1.5}
  .reference-product .prose p{margin-bottom:12px}
  .reference-product .hl-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0;padding:10px;margin-top:14px}
  .reference-product .hl-strip li{font-size:11px;gap:8px;padding:0 6px}
  .reference-product .hl-strip li:nth-child(2){border-right:0}
  .reference-product .hl-strip .circ{width:31px;height:31px}
  .reference-product .pd-desc .imgcard{min-height:190px}
  .reference-product .pd-desc .imgcard h3{font-size:26px}
  .reference-product .pd-desc .imgcard p{font-size:12px}
  .reference-product .pd-desc .imgcard .in{width:48%;padding:16px}
  .reference-product .pd-grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .reference-product .pd-grid3>.box{padding:12px;min-height:0}
  .reference-product .pd-grid3 .box h2{font-size:20px}
  .reference-product .rp-tech{grid-column:1/-1}
  .reference-product .ings{grid-auto-columns:calc((100% - 12px)/3);gap:6px}
  .reference-product .ing .iimg{height:62px}
  .reference-product .ing b{font-size:10.5px}
  .reference-product .ing-list{font-size:11px;line-height:1.4;margin-top:9px}
  .reference-product .usage .prose{font-size:12px;line-height:1.5}
  .reference-product .usage-note{font-size:11px;line-height:1.4}
  .reference-product .u-row{grid-template-columns:30px minmax(0,1fr);gap:8px;margin:10px 0 13px}
  .reference-product .u-row .circ{width:30px;height:30px}
  .reference-product .techimg{height:150px;margin-bottom:7px}
  .reference-product .rp-tech .visual-note{font-size:9px;margin-bottom:6px}
  .reference-product .rp-tech .prose{font-size:12px;line-height:1.5}
  .reference-product .pd-split{grid-template-columns:minmax(0,1fr);gap:14px}
  .reference-product .whyp{min-height:210px;padding:20px}
  .reference-product .whyp h2{font-size:27px;margin-bottom:13px}
  .reference-product .whyp li{font-size:12.5px;line-height:1.4;margin-bottom:8px}
  .reference-product .whyp .ic{width:19px;height:19px}
  .reference-product .faq.box{min-height:0;padding:13px}
  .reference-product .faq h2{font-size:22px;margin-bottom:10px}
  .reference-product .faq summary{min-height:36px;padding:8px 9px;font-size:12px}
  .reference-product .faq summary .ic{width:14px;height:14px}
  .reference-product .faq .ans{font-size:12px;line-height:1.5;padding:4px 10px 12px}
  .reference-product .pd-pack{padding:13px}
  .reference-product .pd-pack h2{font-size:20px}
  .reference-product .kv{grid-template-columns:auto minmax(0,1fr);gap:7px 12px;font-size:12px;line-height:1.45}
  .reference-product .note{font-size:11px;line-height:1.45;padding:9px 11px}
  .reference-product .rp-related.sec-sm{padding:10px 0 20px;min-height:0}
  .reference-product .rp-related .h-md{font-size:20px}
  .reference-product .rp-related .rail-nav button{width:32px;height:32px}
  .reference-product .rp-related .rail-nav .ic{width:15px;height:15px}
  .reference-product .rp-related-rail{grid-auto-columns:calc((100% - 10px)/2);gap:10px}
  .reference-product .rp-card .pimg{height:155px}
  .reference-product .rp-card .pbody{padding:8px;gap:3px}
  .reference-product .rp-card h3{font-size:12px;line-height:1.25}
  .reference-product .rp-card h3 a{display:flex;align-items:center;min-height:30px}
  .reference-product .rp-card .pform{font-size:11px;line-height:1.3}
  .reference-product .rp-card .price{font-size:16px;margin-top:5px}
  .reference-product .rp-card .price.ask{font-size:11px}
  .reference-catalog .rp-catalog-hero{padding:13px 0 20px}
  .reference-catalog .rp-catalog-title{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
  .reference-catalog .rp-catalog-title .h-lg{font-size:30px}
  .reference-catalog .rp-catalog-title .lead{font-size:12.5px;line-height:1.45}
  .reference-catalog .rp-catalog-list.sec-sm{padding:18px 0 25px}
  .reference-catalog .list-head p{font-size:11px}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card h2,:is(.reference-catalog,.reference-brand,.reference-search) .rp-card h3{font-size:16px;line-height:1.15}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card .pform{font-size:11px}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card .price{font-size:18px;margin-top:4px;margin-bottom:7px}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card .price.ask{font-size:11px}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card .btn{min-height:32px;font-size:11px;gap:4px;padding:0 3px}
  .reference-product-intro .rp-intro.sec{padding:20px 0 28px}
  .reference-product-intro .rp-intro-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .reference-product-intro .rp-intro-image{height:300px;max-width:350px}
  .reference-product-intro .rp-intro-copy .h-lg{font-size:32px;margin:12px 0}
  .reference-product-intro .rp-intro-copy p{font-size:13px;line-height:1.5}
  .reference-product-intro .rp-intro-copy .lead{font-size:15px}
  .reference-product-intro .rp-intro-copy .btn{min-height:36px;font-size:12px}
  .reference-product-intro .rp-intro-back{margin-top:16px}
  .reference-product-intro .rp-intro-back a{min-height:32px}
}
@media(max-width:720px){
  .reference-product .pd-desc,.reference-product .pd-grid3>section,.reference-product .pd-split>section,.reference-product #ambalaj,.reference-product #benzer{scroll-margin-top:18px}
}
@media(max-width:600px){
  .reference-product .pd-grid3{grid-template-columns:minmax(0,1fr)}
  .reference-product .rp-tech{grid-column:auto}
  .reference-product .ings{grid-auto-columns:calc((100% - 18px)/4)}
  .reference-product .ing .iimg{height:70px}
  .reference-product .ing b{font-size:11px}
  .reference-product .techimg{height:125px}
  .reference-product .pd-desc .imgcard .in{width:52%}
  .reference-catalog .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card .pimg{height:150px}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card .pbody{padding:8px;gap:4px}
  :is(.reference-catalog,.reference-brand,.reference-search) .rp-card h2,:is(.reference-catalog,.reference-brand,.reference-search) .rp-card h3{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .reference-product .gal-track,.reference-product .rp-related-rail{scroll-behavior:auto}
  .reference-product .rp-card,.reference-product .rp-card img,:is(.reference-catalog,.reference-brand,.reference-search) .rp-card,:is(.reference-catalog,.reference-brand,.reference-search) .rp-card img{transition:none}
}