*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#26372d;background:#fbfaf6;font-family:'DM Sans',sans-serif}.topline{background:#203f32;color:#e9eee6;text-align:center;padding:9px 16px;font-size:11px;letter-spacing:.08em}.header{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 22px #243b2b0a}.brand{display:flex;align-items:center;gap:11px;color:#234331;text-decoration:none}.brand-mark{width:43px;height:43px;border-radius:50% 50% 50% 12%;display:grid;place-items:center;background:#e7efe2;color:#315b3d;font-family:Georgia;font-size:29px;position:relative}.brand-mark span{font-size:11px;position:absolute;right:3px;top:2px;color:#b58d48}.brand b{display:block;font-size:16px;letter-spacing:.13em}.brand small{display:block;font-size:9px;letter-spacing:.25em;margin-top:4px;color:#8a987e}.header nav{display:flex;gap:34px}.header nav a,footer a{font-size:13px;color:#526255;text-decoration:none}.header nav a:hover,footer a:hover{color:#b38b4c}.cart-button{border:1px solid #dce5d9;background:white;border-radius:30px;padding:11px 17px;color:#244532;cursor:pointer}.cart-button span{background:#244532;color:white;border-radius:50%;padding:3px 7px;margin-left:5px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{margin:0 3.3vw;position:relative;background:#edf1e8;min-height:530px;overflow:hidden;border-radius:0 0 28px 28px}.slides{min-height:530px}.slide{display:none;min-height:530px;align-items:center;padding:65px 9%;position:relative;overflow:hidden}.slide.active{display:flex;animation:fade .65s ease}@keyframes fade{from{opacity:.45}to{opacity:1}}.slide-copy{width:53%;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:800;color:#9b8150}.slide h1,.section h2,.story h2,.contact h2{font:600 clamp(38px,5vw,65px)/1.1 'Playfair Display',serif;margin:20px 0;color:#244331;letter-spacing:-.03em}.slide h1 em,.section h2 em,.story h2 em,.contact h2 em{color:#a27e46;font-weight:600}.slide p{font-size:15px;line-height:1.8;color:#657367;max-width:440px;margin-bottom:30px}.primary{display:inline-flex;align-items:center;gap:28px;border:0;border-radius:3px;background:#294d38;color:white;text-decoration:none;padding:15px 22px;font-weight:700;font-size:12px;cursor:pointer}.primary:hover{background:#193828}.primary b{font-size:18px}.slide-art{position:absolute;right:8%;top:7%;width:42%;height:86%;display:grid;place-items:center}.slide-art:before{content:'';position:absolute;width:80%;height:85%;background:#dce6d5;border-radius:48% 52% 45% 55%;transform:rotate(-12deg)}.slide-art img{position:relative;width:min(82%,410px);height:auto;max-height:410px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 20px 20px #34432a18)}.art-two:before{background:#e8e4d5}.art-three:before{background:#d9e5df}.slider-controls{position:absolute;bottom:24px;left:9%;display:flex;align-items:center;gap:18px}.slider-controls>button{width:34px;height:34px;border:1px solid #cbd6c9;border-radius:50%;background:transparent;color:#34523c;cursor:pointer}.dots{display:flex;gap:7px}.dot{width:7px;height:7px;border:0;border-radius:50%;background:#b8c4b5;padding:0;cursor:pointer}.dot.active{width:22px;border-radius:10px;background:#34563e}.benefits{margin:28px auto 75px;max-width:1120px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 20px}.benefits div{display:grid;grid-template-columns:42px 1fr;align-items:center}.benefits span{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;background:#edf1e8;border-radius:50%;color:#9b8150;font-size:19px}.benefits b{font-size:12px;color:#344b39}.benefits small{font-size:10px;color:#8a9589;margin-top:4px}.section,.all-products{padding:35px max(6vw,24px) 85px;max-width:1440px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.section h2,.story h2,.contact h2{font-size:42px;margin:12px 0}.section-heading p{color:#7c887c;font-size:13px}.text-link{font-size:12px;color:#34583d;text-decoration:none;border-bottom:1px solid #a9b9a6;padding-bottom:6px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff;border:1px solid #edf0e9;transition:.25s;min-width:0}.product-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #263d2810}.product-image{height:245px;width:100%;border:0;background:#f2f3ed;display:grid;place-items:center;cursor:pointer;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.product-card:hover .product-image img{transform:scale(1.04)}.no-image{font:600 20px Georgia;color:#527054}.product-info{padding:17px 18px 18px}.product-tag{font-size:9px;letter-spacing:.15em;color:#a38a5a}.product-info h3{font:600 19px 'Playfair Display',serif;margin:8px 0;color:#294532}.product-info p{font-size:11px;line-height:1.6;color:#7d887d;min-height:52px}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0e9;padding-top:13px;margin-top:13px}.product-bottom strong{font-size:11px;color:#34523b}.add-cart{width:31px;height:31px;border:0;background:#eaf0e6;color:#31563a;font-size:21px;cursor:pointer}.add-cart:disabled{opacity:.35;cursor:not-allowed}.all-products{padding-top:10px}.all-products .section-heading{margin-bottom:25px}.all-products input{border:1px solid #dce4d9;background:#fff;padding:12px 16px;min-width:230px;font:inherit;font-size:12px;outline-color:#789276}.story{background:#edf1e8;padding:85px max(10vw,28px);display:grid;grid-template-columns:1fr 1.4fr;gap:9%;align-items:center}.story-leaf{width:230px;height:230px;border-radius:50% 50% 50% 10%;background:#dce7d6;display:grid;place-items:center;color:#8ea17e;font-size:100px;transform:rotate(-10deg);justify-self:center}.story p,.contact p{font-size:13px;line-height:1.9;color:#69766a;max-width:650px}.story .text-link{display:inline-block;margin-top:14px}.contact{padding:85px max(10vw,28px);display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center;background:#fff}.contact h2{font-size:39px}.contact-card{background:#f7f7f1;padding:30px 34px;border-left:3px solid #9e895c;display:flex;flex-direction:column;gap:12px;color:#34513a}.contact-card b{font:600 20px 'Playfair Display',serif;margin-bottom:5px}.contact-card a{color:#34513a;text-decoration:none;font-size:13px}.contact-card p{font-size:11px}.whatsapp{font-weight:700;border-bottom:1px solid #b7c4b0;padding-bottom:5px;width:max-content}footer{background:#203f32;color:#e7eee5;padding:28px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{color:white}footer .brand-mark{background:#315642;color:white}footer .brand small{color:#c2d0bf}footer p{font-size:10px;color:#c2d0bf}footer div{display:flex;gap:18px}footer a{color:#dce7d9;font-size:10px}.modal{display:none;position:fixed;inset:0;background:#14271fc9;z-index:60;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-panel{position:relative;background:#fff;max-width:750px;width:100%;max-height:90vh;overflow:auto;padding:35px}.close{border:0;background:none;font-size:27px;color:#35513b;cursor:pointer}.modal-panel>.close{position:absolute;right:18px;top:10px}.detail-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.detail-layout img{width:100%;background:#f2f3ed}.detail-layout h2{font:600 29px 'Playfair Display',serif;color:#294532}.detail-layout p{font-size:13px;line-height:1.7;color:#6e7a6f}.detail-layout small{display:block;color:#8c7950;margin:15px 0}.cart-drawer{position:fixed;z-index:70;right:-430px;top:0;width:min(420px,100%);height:100vh;background:white;display:flex;flex-direction:column;padding:24px;transition:right .3s}.cart-drawer.open{right:0}.drawer-head,.total{display:flex;justify-content:space-between;align-items:center}.drawer-head h3{font:600 24px 'Playfair Display',serif;color:#294532}.cart-items{flex:1;overflow:auto}.empty{color:#89948a;font-size:13px}.cart-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0e9;padding:14px 0;font-size:12px}.cart-row button{border:0;background:none;color:#9a614c;cursor:pointer}.drawer-foot{border-top:1px solid #e8ede5;padding-top:18px}.total{font-size:14px;margin-bottom:12px}.cart-note{font-size:10px;line-height:1.5;color:#89948a}.checkout{width:100%;justify-content:center;opacity:.5}.scrim{display:none;position:fixed;inset:0;background:#10251c88;z-index:65}.scrim.show{display:block}@media(max-width:900px){.header nav{gap:16px}.product-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr);row-gap:22px}.slide-art{right:2%;width:45%}.slide-copy{width:58%}}@media(max-width:650px){.topline{font-size:9px}.header{height:70px;padding:0 17px}.menu-toggle{display:block;order:3}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;flex-direction:column;gap:18px;box-shadow:0 10px 20px #0001}.header nav.show{display:flex}.brand-mark{width:37px;height:37px;font-size:25px}.brand b{font-size:13px}.brand small{font-size:8px}.cart-button{font-size:10px;padding:9px 11px}.hero{margin:0;border-radius:0 0 18px 18px}.slide,.slides{min-height:610px}.slide{align-items:flex-start;padding:48px 8%}.slide-copy{width:100%}.slide h1{font-size:42px}.slide p{font-size:13px;max-width:340px}.slide-art{top:auto;bottom:18px;right:7%;width:65%;height:43%;opacity:.98}.slide-art img{max-height:245px;width:85%}.slider-controls{left:8%;bottom:23px}.benefits{margin:30px auto 45px;gap:18px 10px;padding:0 18px}.benefits div{grid-template-columns:34px 1fr}.benefits b{font-size:10px}.benefits small{font-size:9px}.section,.all-products{padding:25px 17px 55px}.section-heading{align-items:flex-start;gap:12px;flex-direction:column}.section h2,.story h2,.contact h2{font-size:34px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-image{height:175px}.product-info{padding:12px}.product-info h3{font-size:16px}.product-info p{font-size:10px;min-height:65px}.product-bottom strong{font-size:9px}.all-products input{width:100%}.story,.contact{padding:55px 22px;grid-template-columns:1fr;gap:25px}.story-leaf{width:150px;height:150px;font-size:70px}.contact-card{padding:24px}.detail-layout{grid-template-columns:1fr}.detail-layout img{max-height:230px;object-fit:contain}footer{flex-direction:column;align-items:flex-start}footer div{flex-wrap:wrap}.modal-panel{padding:28px 20px}.cart-drawer{padding:18px}}

.checkout-form{display:grid;gap:12px;margin-top:20px}.checkout-form input,.checkout-form textarea{width:100%;padding:13px 14px;border:1px solid #dce4d9;font:inherit;font-size:13px;background:#fbfcf8}.checkout-form textarea{min-height:100px;resize:vertical}.checkout-form .primary{justify-content:center}.form-note{font-size:10px;line-height:1.5;color:#7d887d}


/* UMUT ŞİFA — refreshed botanical editorial theme */
:root{--forest:#263f31;--sage:#71866c;--sage-soft:#e8eee4;--ivory:#faf8f1;--gold:#ad8950;--ink:#28372d}
body{font-family:'Manrope',sans-serif;background:var(--ivory);color:var(--ink);font-size:15px}
.topline{background:#263f31;padding:11px 16px;font-size:12px;letter-spacing:.12em}
.header{height:96px;padding:0 max(5vw,28px);background:rgba(255,254,250,.97);border-bottom:1px solid #e8e8dd}
.brand{gap:14px}
.brand-mark{width:55px;height:55px;border-radius:50%;background:linear-gradient(145deg,#edf2e8,#dce7d8);color:#294b37;box-shadow:inset 0 0 0 1px #cbd9c6;position:relative;overflow:hidden}
.brand-mark .logo-u{font:700 38px 'DM Serif Display',serif;line-height:1;transform:translateY(-1px)}
.brand-mark .logo-leaf{position:absolute;font-style:normal;font-size:15px;right:7px;top:6px;color:#b28d51}
.brand b{font:700 19px 'Manrope',sans-serif;letter-spacing:.16em;color:#263f31}
.brand small{font-size:10px;letter-spacing:.28em;color:#8b987f}
.header nav{gap:38px}
.header nav a{font-size:14px;font-weight:600;color:#4c5d4e}
.cart-button{font:700 13px 'Manrope',sans-serif;padding:12px 19px;border-color:#d8e1d4}
.hero{margin:0;min-height:570px;border-radius:0;max-width:none;background:#e8e8dd}
.slides,.slide{min-height:570px}
.slide{padding:72px max(8vw,60px);background:#eee}
.slide-copy{width:48%;max-width:620px}
.slide h1,.section h2,.story h2,.contact h2{font:400 clamp(44px,5vw,70px)/1.08 'DM Serif Display',serif;letter-spacing:-.025em;color:#263f31}
.slide h1 em,.section h2 em,.story h2 em,.contact h2 em{font-style:italic;color:#9a7945}
.slide p{font-size:16px;line-height:1.9;color:#58685a;max-width:480px}
.eyebrow{font-size:11px;letter-spacing:.2em;color:#987b4e}
.primary{border-radius:2px;background:#2b4936;padding:16px 24px;font-size:13px;letter-spacing:.025em;box-shadow:0 8px 20px #263f311c}
.primary:hover{background:#1e3528}
.slide-photo{position:absolute;inset:0 0 0 39%;z-index:0;overflow:hidden}
.slide-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f0efe6 0%,rgba(240,239,230,.88) 8%,rgba(240,239,230,.38) 32%,rgba(240,239,230,0) 66%)}
.slide-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.92) contrast(1.015)}
.slide-copy{z-index:2}
.slider-controls{left:max(8vw,60px);bottom:27px;z-index:3}
.slider-controls>button{width:38px;height:38px;background:#fff9;border-color:#c5d0c1}
.dot{width:8px;height:8px}.dot.active{width:25px}
.benefits{max-width:1240px;margin:34px auto 82px;gap:28px}
.benefits div{grid-template-columns:48px 1fr}
.benefits span{width:39px;height:39px;background:#e8eee4;font-size:21px}
.benefits b{font-size:13px}.benefits small{font-size:11px}
.section,.all-products{max-width:1500px;padding-left:max(6vw,32px);padding-right:max(6vw,32px)}
.section h2,.story h2,.contact h2{font-size:48px}
.section-heading{margin-bottom:36px}
.section-heading p{font-size:14px}
.product-grid{gap:25px}
.product-card{border:1px solid #e9e9df;border-radius:3px;overflow:hidden;box-shadow:0 5px 22px #2c3b2c08}
.product-image{height:270px;background:#f1f1e9}
.product-image img{padding:10px}
.product-info{padding:20px}
.product-tag{font-size:10px;letter-spacing:.16em}
.product-info h3{font:400 21px 'DM Serif Display',serif;color:#2b4936}
.product-info p{font-size:12px;line-height:1.75;color:#707b70}
.product-bottom strong{font-size:13px}
.add-cart{width:36px;height:36px;background:#e7eee3;font-size:23px}
.story{background:#e9eee5;padding-top:95px;padding-bottom:95px}
.story-leaf{background:#dce7d8;color:#879a7c}
.story p,.contact p{font-size:14px;line-height:2}
.contact{padding-top:95px;padding-bottom:95px}
.contact-card{background:#f6f4eb;border-left:3px solid #a98b58;padding:34px}
.contact-card b{font:400 23px 'DM Serif Display',serif}
footer{background:#243d30;padding-top:34px;padding-bottom:34px}
footer .brand-mark{width:48px;height:48px}
footer .brand b{color:#fff}
footer p{font-size:11px}
footer a{font-size:11px}
.modal-panel{border-radius:4px}
.detail-layout h2{font:400 32px 'DM Serif Display',serif}
.cart-drawer{box-shadow:-12px 0 40px #14271f1c}
.drawer-head h3{font:400 26px 'DM Serif Display',serif}
@media(max-width:900px){
 .header nav{gap:20px}
 .slide{padding-left:6%;padding-right:6%}
 .slide-photo{left:34%}
 .slide-copy{width:56%}
 .product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
 .header{height:76px;padding:0 16px}
 .brand{gap:9px}
 .brand-mark{width:44px;height:44px}
 .brand-mark .logo-u{font-size:31px}
 .brand b{font-size:15px;letter-spacing:.13em}
 .brand small{font-size:8px}
 .hero,.slides,.slide{min-height:640px}
 .slide{padding:43px 7% 260px;align-items:flex-start}
 .slide-copy{width:100%;max-width:100%}
 .slide h1{font-size:43px;max-width:440px}
 .slide p{font-size:13px;line-height:1.75;max-width:360px}
 .slide-photo{inset:235px 0 0 0}
 .slide-photo:after{background:linear-gradient(180deg,#f0efe6 0%,rgba(240,239,230,.45) 20%,rgba(240,239,230,0) 55%)}
 .slider-controls{left:7%;bottom:17px}
 .benefits{margin:28px auto 50px}
 .section h2,.story h2,.contact h2{font-size:37px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-image{height:180px}
 .product-info{padding:13px}
 .product-info h3{font-size:17px}
 .product-info p{font-size:10px}
 .story,.contact{padding:58px 22px}
}

.brand-mark .logo-u{position:static;right:auto;top:auto;font-size:38px;color:#294b37}.brand-mark .logo-leaf{right:7px;top:6px;font-size:15px;color:#b28d51}
@media(max-width:650px){.brand-mark .logo-u{font-size:31px}}


/* UMUT ŞİFA — complete deep-forest-green redesign */
:root{--deep:#102d22;--deep2:#183b2b;--leaf:#315b3e;--moss:#78916d;--cream:#f5f1e5;--paper:#fbfaf5;--gold:#c5a66b;--muted:#aab8aa}
html{scroll-behavior:smooth}
body{background:var(--paper);color:#24372b;font-family:'Manrope',sans-serif}
.topline{background:#0b2119;color:#e5eadf;padding:10px 16px;font-size:11px;letter-spacing:.16em}
.header{height:100px;background:#102d22;padding:0 max(5vw,28px);box-shadow:0 8px 28px #06180f30;border-bottom:1px solid #345442}
.brand{display:flex;align-items:center;text-decoration:none}
.brand-logo-wrap{display:flex;align-items:center;justify-content:center;width:190px;height:76px;padding:4px 10px;background:#f4f1e8;border-radius:3px;box-shadow:0 4px 18px #0002}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain}
.header nav{gap:36px}
.header nav a{color:#edf1e8;font-size:13px;font-weight:600;letter-spacing:.025em;transition:color .2s}
.header nav a:hover{color:#d1b77f}
.cart-button{background:#254b36;color:#fff;border:1px solid #54745a;border-radius:2px;padding:12px 18px;font-weight:700}
.cart-button span{background:#d0b47b;color:#142b20}
.menu-toggle{color:#fff}
.hero{margin:0;max-width:none;border-radius:0;background:#142c20;min-height:590px}
.slides,.slide{min-height:590px}
.slide{padding:70px max(8vw,60px);background:#173525}
.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,34,23,.97) 0%,rgba(13,43,29,.91) 34%,rgba(13,43,29,.53) 58%,rgba(13,43,29,.10) 100%);z-index:1}
.slide-copy{width:52%;max-width:650px;z-index:3}
.slide h1{font:400 clamp(45px,5vw,72px)/1.08 'DM Serif Display',serif;color:#fff;letter-spacing:-.025em}
.slide h1 em{color:#d4bd8b;font-style:italic}
.slide p{font-size:15px;line-height:1.95;color:#e0e8dd;max-width:470px}
.eyebrow{color:#d4b77c;font-size:11px;letter-spacing:.23em}
.slide-photo{inset:0 0 0 34%;z-index:0}
.slide-photo:after{background:linear-gradient(90deg,#102d22 0%,rgba(16,45,34,.88) 8%,rgba(16,45,34,.44) 42%,rgba(16,45,34,.06) 100%)}
.slide-photo img{filter:saturate(.82) contrast(1.06) brightness(.88)}
.primary{background:#c5a66b;color:#132b20;border-radius:2px;padding:16px 25px;font-weight:800;letter-spacing:.03em}
.primary:hover{background:#ddc18c;color:#10291e}
.slider-controls{left:max(8vw,60px);bottom:28px;z-index:4}
.slider-controls>button{background:#193b2b;color:#fff;border:1px solid #7e987d}
.dot{background:#829583}.dot.active{background:#d1b47b}
.benefits{max-width:1260px;margin:35px auto 82px;padding:0 24px;gap:22px}
.benefits div{grid-template-columns:48px 1fr}
.benefits span{background:#e7ede3;color:#315b3e;width:40px;height:40px}
.benefits b{font-size:12px;color:#203b2a}
.benefits small{font-size:10px;color:#788779}
.section,.all-products{max-width:1500px;padding-left:max(6vw,30px);padding-right:max(6vw,30px)}
.section h2,.story h2,.contact h2{font:400 clamp(36px,4vw,50px)/1.12 'DM Serif Display',serif;color:#183b2b}
.section h2 em,.story h2 em,.contact h2 em{color:#9a7a45}
.section-heading p{color:#718072;font-size:13px}
.text-link{color:#315b3e;border-color:#9cac91;font-weight:700}
.product-grid{gap:23px}
.product-card{background:#fff;border:1px solid #e6e9df;border-radius:3px;box-shadow:0 8px 24px #142d1d0b;overflow:hidden}
.product-card:hover{box-shadow:0 16px 34px #142d1d18}
.product-image{background:#f0f1e9;height:260px}
.product-image img{padding:12px}
.product-info h3{font:400 21px 'DM Serif Display',serif;color:#1b3b2a}
.product-tag{color:#927747}
.product-info p{color:#718072;font-size:11px;line-height:1.7}
.product-bottom{border-color:#edf0e8}
.product-bottom strong{color:#315b3e;font-size:12px}
.add-cart{background:#173b2a;color:#fff;border-radius:2px}
.add-cart:hover{background:#c5a66b;color:#102d22}
.all-products{padding-top:15px}
.all-products input{border:1px solid #cbd7c7;background:#fff;padding:13px 16px;border-radius:2px}
.story{background:#e9eee5;padding:90px max(10vw,30px)}
.story-leaf{background:#d7e2d2;color:#52734e}
.story p,.contact p{color:#627263;font-size:13px;line-height:2}
.contact{background:#fff;padding:90px max(10vw,30px)}
.contact-card{background:#f3f2e9;border-left:3px solid #bd9d61}
.contact-card b{font:400 23px 'DM Serif Display',serif;color:#183b2b}
.contact-card a{color:#294d36}
.contact-card p{color:#69786a}
.whatsapp{border-color:#9aaf92}
footer{background:#0b2119;color:#e9eee6;padding:34px max(5vw,28px)}
footer .brand-logo-wrap{width:160px;height:65px}
footer p{color:#c3cec1}
footer a{color:#e1e9df}
footer a:hover{color:#d4b77c}
.modal{background:#071b12d9}
.modal-panel{border-radius:3px}
.detail-layout h2{font:400 30px 'DM Serif Display',serif;color:#183b2b}
.detail-layout p{color:#627263}
.cart-drawer{background:#fbfaf5;box-shadow:-14px 0 45px #071b1230}
.drawer-head h3{font:400 25px 'DM Serif Display',serif;color:#183b2b}
.checkout-form input,.checkout-form textarea{border-color:#d5dfd1;background:#fff}
.close{color:#254b36}
@media(max-width:900px){
 .header nav{gap:17px}
 .brand-logo-wrap{width:165px;height:68px}
 .slide-copy{width:58%}
 .slide-photo{left:30%}
}
@media(max-width:650px){
 .topline{font-size:9px;letter-spacing:.1em}
 .header{height:82px;padding:0 14px}
 .brand-logo-wrap{width:145px;height:61px;padding:3px 7px}
 .header nav{top:82px;background:#102d22;border-top:1px solid #345442;padding:20px}
 .header nav a{color:#f0f3eb}
 .cart-button{padding:9px 11px;font-size:10px}
 .menu-toggle{font-size:24px}
 .hero,.slides,.slide{min-height:650px}
 .slide{padding:45px 7% 260px}
 .slide:before{background:linear-gradient(180deg,rgba(9,34,23,.97) 0%,rgba(13,43,29,.91) 46%,rgba(13,43,29,.35) 100%)}
 .slide-copy{width:100%}
 .slide h1{font-size:43px;max-width:440px}
 .slide p{font-size:13px;line-height:1.8;max-width:350px}
 .slide-photo{inset:215px 0 0 0}
 .slide-photo:after{background:linear-gradient(180deg,#102d22 0%,rgba(16,45,34,.42) 22%,rgba(16,45,34,.05) 100%)}
 .slider-controls{left:7%;bottom:17px}
 .benefits{margin:28px auto 52px;gap:18px 10px;padding:0 18px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-image{height:175px}
 .product-info{padding:13px}
 .product-info h3{font-size:17px}
 .product-info p{font-size:10px;min-height:60px}
 .story,.contact{padding:58px 22px}
 footer{padding:30px 20px}
 footer .brand-logo-wrap{width:145px;height:59px}
}