@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--green:#123d2c;--deep:#09291d;--cream:#f5eedf;--gold:#b79253;--ink:#18392d;--line:#e5e8df;--muted:#727970}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{color:var(--ink);background:#fff;margin:0;font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.55;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline:2px solid var(--gold);outline-offset:4px}button{background:0 0;border:0}svg{vertical-align:middle;stroke-width:1.65px;flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-1.1px;font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.2}h1{margin-bottom:22px;font-size:55.5px}h2{margin-bottom:20px;font-size:40px}h3{margin-bottom:8px;font-size:20.5px;font-weight:600;line-height:1.4}em{color:#608363;font-weight:500}p{color:#697168}small{font-size:14.5px}.wrap{width:calc(100% - 96px);max-width:1320px;margin-left:auto;margin-right:auto}.topbar{background:var(--deep);color:#e0e8d8;letter-spacing:.4px;justify-content:space-between;align-items:center;height:32px;padding:0 48px;font-size:12px;display:flex}.topbar a{align-items:center;gap:7px;display:flex}header{z-index:10;background:var(--green);color:#fff;position:relative}.header-main{justify-content:space-between;align-items:center;gap:40px;height:119px;display:flex}.logo-link{justify-content:center;align-self:stretch;align-items:center;width:101px;display:flex}.logo-link img{object-fit:contain;filter:brightness(0)invert();width:69px;height:105px}.search{height:44px;color:var(--green);background:#fff;border:1px solid #f0f0e5;border-radius:4px;align-items:center;gap:12px;width:510px;margin-left:auto;padding:0 5px 0 15px;display:flex}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:14.5px}.search button{background:var(--cream);border-radius:2px;padding:6px 16px;font-size:14.5px}.header-actions{align-items:center;gap:25px;display:flex}.action{color:#fff;flex-direction:column;align-items:center;gap:5px;padding:0;font-size:12px;display:flex}.action svg{width:21px;height:21px}.cart-icon{position:relative}.cart-icon b{background:var(--gold);color:#fff;border-radius:50%;width:16px;height:16px;font-size:10.5px;line-height:16px;position:absolute;top:-6px;right:-8px}.nav-shell{border-top:1px solid #ffffff1c;position:relative}.nav{white-space:nowrap;justify-content:space-between;align-items:center;gap:20px;height:48px;font-size:13.5px;font-weight:500;display:flex}.nav a:hover,.nav .current{color:#e6ca8f}.all-categories{color:inherit;border-right:1px solid #ffffff30;align-items:center;gap:8px;height:22px;padding:0 23px 0 0;font-size:13.5px;display:flex}.mobile-menu{display:none!important}.mega{color:var(--green);border-bottom:3px solid var(--gold);background:#fff;padding:24px;position:absolute;top:48px;left:0;right:0;box-shadow:0 15px 30px #09291d30}.mega-heading{justify-content:space-between;margin-bottom:16px;display:flex}.mega>div:last-child{grid-template-columns:repeat(3,1fr);gap:9px 25px;display:grid}.mega a{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:45px;display:flex}.mega a svg:last-child{margin-left:auto}.mega img{object-fit:contain;width:36px;height:36px}.hero-image{aspect-ratio:1672/941;object-fit:contain;width:100%;height:auto}.hero-caption{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding-top:33px;padding-bottom:33px;display:grid}.eyebrow{letter-spacing:1.9px;color:#80906f;margin-bottom:10px;font-size:12px;font-weight:650;display:block}.hero-caption h1{margin:0;font-size:44.5px;line-height:1.17}.hero-copy p{max-width:440px;margin-bottom:18px;font-size:16px}.buttons{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.button{background:var(--green);color:#fff;border-radius:3px;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:13px 22px;font-size:14.5px;font-weight:550;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#20533c;transform:translateY(-1px)}.button.light{background:var(--cream);color:var(--green)}.text-link{align-items:center;gap:12px;padding:5px 0;font-size:14.5px;font-weight:550;display:inline-flex}.text-link:hover{color:#8b733b}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:23px 0;display:grid}.trust>div{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:16px;display:flex}.trust>div:first-child{justify-content:flex-start}.trust>div:last-child{border:0}.trust svg{color:#72835b;width:28px;height:28px}.trust b,.trust small{display:block}.trust b{font-size:14.5px;font-weight:600}.trust small{color:#889081;margin-top:3px;font-size:12px}.section{padding-top:48px;padding-bottom:2px}.section-head{justify-content:space-between;align-items:end;gap:25px;margin-bottom:23px;display:flex}.section-head h2{margin:0;font-size:36px}.section-head .text-link{white-space:nowrap;padding-bottom:4px}.categories{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.category{background:#f5f5ee;border:1px solid #ededdf;border-radius:5px;transition:transform .25s;position:relative;overflow:hidden}.category img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:202px;padding:20px 32px 4px;transition:transform .3s}.category-number{color:#b6baa5;font-family:Manrope,Arial,sans-serif;font-size:14.5px;position:absolute;top:12px;left:17px}.category>div{justify-content:space-between;align-items:center;gap:10px;padding:17px 19px;display:flex}.category h3{margin:0;font-size:17px}.category:hover img{transform:translateY(-5px)scale(1.04)}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.product{border:1px solid var(--line);background:#fff;border-radius:5px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}.product:hover{transform:translateY(-4px);box-shadow:0 10px 25px #123d2c0b}.fav{z-index:1;background:#fff;border:1px solid #e6e8df;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.fav.liked{color:#9e543e;background:#fcf3ec}.product-image{aspect-ratio:1.12;padding:25px 20px 10px;display:block}.product-image img{object-fit:contain;width:100%;height:100%}.product-info{padding:14px 18px 17px}.product-info .eyebrow{letter-spacing:1.4px;margin-bottom:5px;font-size:9.5px}.product-info h3{margin-bottom:4px;font-size:19px;font-weight:550}.amount{color:#93978e;margin-bottom:15px;font-size:12px}.product-bottom{border-top:1px solid #f0f0e8;justify-content:space-between;align-items:center;gap:8px;padding-top:13px;font-weight:600;display:flex}.product-bottom small{color:#777f71;font-size:12px;font-weight:400}.add{background:#f1f4ed;border-radius:3px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.feature{background:var(--green);color:#fff;border-radius:5px;grid-template-columns:1fr 1fr;min-height:330px;margin-top:48px;display:grid;position:relative;overflow:hidden}.feature-copy{z-index:1;padding:46px 55px}.feature .eyebrow{color:#b8c79c}.feature h2{color:#f7f2e7;font-size:52px}.feature p{color:#b9c5b2;font-size:14.5px}.feature-visual{isolation:isolate;justify-content:center;align-items:center;padding:28px;display:flex;position:relative}.feature-visual img{object-fit:contain;z-index:1;border-radius:50%;width:275px;max-height:280px;animation:7s ease-in-out infinite float;transform:rotate(-7deg);box-shadow:0 26px 40px #0003}.ring{z-index:-1;border:1px solid #b8c79c30;border-radius:50%;width:350px;height:350px;position:absolute}.ring2{width:480px;height:480px}.feature-stamp{color:var(--cream);letter-spacing:2px;z-index:2;border:1px solid #cab77c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;font-size:10.5px;line-height:1.1;display:flex;position:absolute;top:40px;right:30px;transform:rotate(12deg)}.feature-stamp b{letter-spacing:0;font-family:Manrope,Arial,sans-serif;font-size:26.5px;font-style:italic;font-weight:400}.story{background:#f6f4ed;border-radius:5px;grid-template-columns:1fr 1fr;margin-top:48px;display:grid;overflow:hidden}.story-photo img{object-fit:cover;object-position:27% center;width:100%;height:100%;min-height:370px}.story-copy{align-self:center;padding:50px 44px}.story-copy h2{font-size:40px}.story-copy p{font-size:14.5px;line-height:1.9}.articles{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-photo{background:#f4f1e9;border-radius:4px;height:230px;margin-bottom:18px;overflow:hidden}.article-photo img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .3s}.article-photo.banner img{object-fit:cover}.article:hover img{transform:scale(1.025)}.article .eyebrow{letter-spacing:1.3px;font-size:10.5px}.article h3{justify-content:space-between;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:25.5px;font-weight:500;display:flex}.newsletter{background:var(--cream);border-radius:4px;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;margin:48px 0;padding:35px 38px;display:grid}.newsletter h2{margin-bottom:10px;font-size:31.5px}.newsletter p{margin:0;font-size:13.5px}.newsletter .eyebrow{font-size:10.5px}.input-row{border-bottom:1px solid #8a927a;display:flex}.input-row input{background:0 0;border:0;outline:none;width:100%;padding:12px 0;font-size:14.5px}.input-row button{padding:10px 6px}.check{color:#70796a;gap:8px;align-items:flex-start!important;margin:12px 0!important;font-size:12px!important;font-weight:400!important;display:flex!important}.check input{accent-color:var(--green);width:13px!important;height:13px!important;min-height:0!important;margin:2px 0 0!important}.fine{color:#7b8277;font-size:12px}.newsletter .fine{text-decoration:underline}footer{background:var(--deep);color:#edf0e5;margin-top:50px}.footer-top{grid-template-columns:1.2fr 1fr 1fr 1fr 1.35fr;gap:34px;padding-top:47px;padding-bottom:40px;display:grid}.footer-brand img{object-fit:contain;filter:brightness(0)invert(.95);width:72px;height:109px}.footer-brand p{color:#a8b7a5;margin:15px 0 0;font-family:Manrope,Arial,sans-serif;font-size:18px;font-style:italic}.footer-top h3{color:#f1ead6;margin-bottom:20px;font-size:14.5px}.footer-top a{color:#adbda8;margin-bottom:9px;font-size:13.5px;display:block}.footer-top a:hover{color:#fff}.footer-contact>a:first-of-type{color:#e4eadc;font-size:23px}.footer-contact p{color:#adbda8;margin-top:17px;font-size:13.5px}.footer-bottom{color:#93a88e;border-top:1px solid #ffffff1c;justify-content:space-between;gap:20px;padding:20px 0;font-size:10.5px;display:flex}.footer-bottom>div{gap:17px;display:flex}.whatsapp{color:#fff;z-index:30;background:#205c3c;border:2px solid #fff;border-radius:50%;place-items:center;width:49px;height:49px;display:grid;position:fixed;bottom:24px;right:23px;box-shadow:0 4px 18px #0002}.cookie{border:1px solid var(--line);z-index:25;background:#fff;border-radius:4px;align-items:center;gap:20px;max-width:550px;padding:13px 18px;display:flex;position:fixed;bottom:18px;left:20px;box-shadow:0 3px 25px #0002}.cookie p{margin:0;font-size:12px}.cookie a{text-decoration:underline}.cookie button{white-space:nowrap;align-items:center;gap:7px;font-size:13.5px;display:flex}.toast{background:var(--green);color:#fff;z-index:100;border-radius:4px;gap:12px;max-width:90%;padding:17px 24px;font-size:14.5px;display:flex;position:fixed;bottom:85px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.page{min-height:60vh;padding-top:30px;padding-bottom:25px}.breadcrumb{color:#89917f;gap:12px;margin-bottom:38px;font-size:12px;display:flex}.breadcrumb a{color:var(--green)}.intro{max-width:700px;font-size:18px;line-height:1.9}.catalog-layout{grid-template-columns:210px 1fr;gap:35px;margin-top:32px;display:grid}.category-sidebar h3{border-bottom:1px solid var(--line);padding-bottom:15px;font-size:19px}.category-sidebar a{color:#767e71;padding:8px 12px 8px 0;font-size:14.5px;display:block}.category-sidebar .selected{color:var(--green);border-left:3px solid var(--green);background:#f5f7f0;padding-left:10px;font-weight:700}.catalog-layout .products{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{border-bottom:1px solid var(--line);align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;display:flex}.filters label{flex:1;align-items:center;gap:8px;display:flex}.filters input{border:0;width:100%;min-width:0;font-size:13.5px}.filters span{color:#939b8a;white-space:nowrap;font-size:12px}.filters select{border:1px solid var(--line);color:var(--green);background:#fff;padding:8px;font-size:13.5px}.empty{text-align:center;border:1px solid var(--line);background:#fafbf7;border-radius:5px;margin:25px 0;padding:55px 25px}.empty>svg{color:#7e906f;margin:0 auto 20px}.empty h3{font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:400}.empty p{font-size:14.5px}.empty .button{margin-top:10px}.all-category-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;display:grid}.all-category-grid>a{border:1px solid var(--line);padding:20px}.all-category-grid img,.category-symbol{object-fit:contain;width:100%;height:150px;margin-bottom:18px}.category-symbol{color:#b0bca0;background:#f5f6ef;place-items:center;display:grid}.category-symbol svg{stroke-width:1px;width:60px;height:60px}.all-category-grid h3{justify-content:space-between;gap:10px;font-size:17px;display:flex}.detail{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.detail-image{border:1px solid var(--line);background:#fafbf7;border-radius:5px;width:100%;padding:40px;position:relative}.detail-image img{aspect-ratio:1;object-fit:contain;width:100%}.detail-image span{color:#939b8a;font-size:12px}.detail h1{font-size:52px}.detail h2{letter-spacing:0;margin-top:26px;font-size:30.5px}.detail .intro{font-size:16px}.availability{margin-bottom:24px;font-size:13.5px}.favorite-detail{margin-top:20px;display:flex}.detail-facts{margin-top:30px}details{border-top:1px solid var(--line);padding:14px 0;font-size:14.5px}summary{cursor:pointer;justify-content:space-between;font-weight:550;list-style:none;display:flex}details p{margin:14px 0 0;font-size:14.5px}.narrow{max-width:750px}.notice{border-left:3px solid var(--gold);color:#747662;background:#f5f2e8;margin:22px 0;padding:20px 24px;font-size:14.5px;line-height:1.8}.notice a{text-decoration:underline}.notice p{margin:10px 0 0}.cart-item{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:20px 0;display:flex}.cart-item>img{object-fit:contain;width:75px;height:90px}.cart-item>div{flex:1}.cart-item p{margin:5px 0 10px;font-size:14.5px}.stepper{border:1px solid var(--line);border-radius:3px;align-items:center;gap:15px;height:36px;font-size:14.5px;display:inline-flex}.stepper button{width:32px;height:36px}.total{justify-content:space-between;padding:25px 0;font-size:22px;display:flex}.full{width:100%}.icon{justify-content:center;align-items:center;padding:7px;display:inline-flex}.muted{color:#9ca68e;font-family:Arial;font-size:24.5px}.drawer-overlay,.modal{z-index:60;background:#0b241c88;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:450px;max-width:100%;height:100%;padding:50px 30px 30px;position:relative;overflow:auto;box-shadow:-10px 0 40px #0002}.drawer-close{position:absolute;top:15px;right:18px}.drawer h2{font-size:34px}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:30px}.modal>img{object-fit:contain;border-radius:5px;max-width:90vw;max-height:90vh}.modal-close{color:#fff;position:absolute;top:20px;right:25px}.account{grid-template-columns:1fr 2fr;gap:65px;margin-top:35px;display:grid}.account>div:first-child{background:#f6f7f1;align-self:start;padding:28px}.account .text-link,.account .fine{margin:15px 0;display:flex}.account .button{margin:15px 0}.account h2{font-size:31.5px}.account form{margin:25px 0 40px}.address{border:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:12px;padding:15px;display:flex}.address p{white-space:pre-line;margin:0;font-size:14.5px}form label{margin-bottom:16px;font-size:14.5px;font-weight:500;display:block}form label>input:not([type=checkbox]),form label>textarea,form label>select{border:1px solid var(--line);width:100%;color:var(--green);resize:vertical;background:#fff;border-radius:3px;margin-top:7px;padding:11px;display:block}form textarea{min-height:90px}.contact-grid{grid-template-columns:1fr 1fr;gap:80px;margin-top:40px;display:grid}.contact-line{gap:22px;margin-bottom:28px;display:flex}.contact-line>svg{color:#899676}.contact-line p{font-size:16px}.contact-line h3{font-size:22px}.contact-form{background:#f5f6ef;padding:30px}.contact-form h2{font-size:31.5px}.contact-form .button{margin-top:20px}.map-panel{text-align:center;border:1px solid var(--line);background:repeating-linear-gradient(35deg,#edf0e5 0 32px,#f8f8ef 32px 36px);border-radius:4px;padding:30px}.map-panel>svg{margin:0 auto 12px}.map-panel a{font-size:14.5px;text-decoration:underline}.reading{max-width:860px}.reading>h1{max-width:700px}.reading>p{font-size:18px;line-height:2}.reading-image{object-fit:contain;background:#f6f4ec;border-radius:4px;width:100%;height:400px;margin:30px 0}.reading-image.banner{object-fit:cover}.reading .button{margin-top:20px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.admin-stats>div{background:#f4f6ee;padding:24px}.admin-stats h2{margin:10px 0 0}.admin-list>div{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 150px 80px 100px;align-items:center;gap:18px;padding:15px 0;font-size:14.5px;display:grid}.admin-list img{object-fit:contain;width:50px;height:55px}.admin-list small{color:#9ca68e;margin-top:4px;display:block}.outline{border:1px solid var(--line);border-radius:3px;padding:9px 14px;font-size:14.5px}.editor{background:#fff;border-radius:6px;width:720px;max-height:90vh;padding:30px;overflow:auto}.editor h2{font-size:30.5px}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}@keyframes float{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-9px)rotate(-5deg)}}@media (min-width:1600px){.hero-image{max-height:780px}.wrap{max-width:1420px}}@media (max-width:1180px){.wrap{width:calc(100% - 56px)}.nav{gap:13px;font-size:12px}.nav a:nth-last-child(2){display:none}.all-categories{padding-right:12px;font-size:12px}.header-main{gap:30px}.topbar{padding:0 28px}.hero-caption{gap:28px}.hero-caption h1{font-size:40px}.hero-copy .buttons{gap:15px}.feature-copy{padding:40px}.feature-stamp{right:18px}.footer-top{gap:20px}.footer-top h3{font-size:13.5px}.catalog-layout{grid-template-columns:180px 1fr;gap:22px}.category-sidebar a{font-size:13.5px}.category img{height:175px;padding:18px}.category h3{font-size:14.5px}.category>div{padding:14px}}@media (max-width:850px){.wrap{width:calc(100% - 36px)}.topbar{padding:0 18px;font-size:10.5px}.header-main{gap:20px;height:95px}.logo-link{width:65px}.logo-link img{width:50px;height:78px}.search{flex:1;width:auto}.header-actions{gap:18px}.header-actions>a{display:none}.mobile-menu{display:flex!important}.nav{white-space:normal;flex-wrap:wrap;gap:20px;height:auto;padding:15px 0;display:none}.nav.is-open{display:flex}.nav a:nth-last-child(2){display:block}.nav>a{width:calc(50% - 10px)}.all-categories{border:0;width:100%}.mega{padding:20px;top:100%}.mega>div:last-child{grid-template-columns:1fr 1fr}.hero-caption h1{font-size:35px}.hero-caption{gap:25px;padding:25px 0}.hero-copy p{font-size:14.5px}.hero-copy .text-link{font-size:12px}.button{padding:11px 17px;font-size:13.5px}.trust{gap:15px}.trust>div{justify-content:flex-start;gap:8px;padding-right:10px}.trust b{font-size:12px}.trust small{font-size:10.5px}.trust svg{width:22px}.categories,.products{gap:12px}.category img{height:145px;padding:15px 8px 0}.category>div{gap:3px;padding:12px 10px}.category h3{font-size:13.5px}.category>div svg{width:15px}.product-image{padding:22px 12px 6px}.product-info{padding:10px 12px}.product-info h3{font-size:17px}.product-bottom small{font-size:10.5px}.product-bottom{gap:4px}.section-head h2{font-size:31.5px}.feature-copy{padding:30px}.feature h2{font-size:41px}.feature-visual img{width:220px}.feature-stamp{width:75px;height:75px;font-size:9.5px;top:25px;right:12px}.feature-stamp b{font-size:22px}.story-copy{padding:30px}.story-copy h2{font-size:33px}.articles{gap:18px}.article-photo{height:190px}.article h3{font-size:22px}.newsletter{gap:20px;padding:25px}.newsletter h2{font-size:29px}.footer-top{grid-template-columns:repeat(4,1fr)}.footer-brand{display:none}.footer-contact>a:first-of-type{font-size:19px}.footer-bottom{flex-wrap:wrap;font-size:9.5px}.catalog-layout{grid-template-columns:150px 1fr;gap:20px}.catalog-layout .products{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.filters label{flex-basis:100%}.detail{gap:30px}.detail-image{padding:20px}.detail h1{font-size:41px}.detail h2{font-size:26.5px}.account{grid-template-columns:1fr 1.5fr;gap:30px}.contact-grid{gap:30px}.all-category-grid{grid-template-columns:repeat(3,1fr)}.page h1{font-size:46px}}@media (max-width:600px){h1{font-size:41px}.topbar{justify-content:center;height:27px}.topbar>a{display:none}.header-main{flex-wrap:wrap;gap:13px;height:84px;margin-bottom:50px;position:relative}.logo-link{width:55px}.logo-link img{width:43px;height:69px}.header-actions{gap:22px;margin-left:auto}.action{font-size:10.5px}.search{border-radius:3px;flex:none;width:100%;height:37px;position:absolute;top:84px;left:0;right:0}.search input{font-size:13.5px}.search button{padding:5px 13px;font-size:12px}.header-main .mobile-menu{padding:4px}.nav{gap:16px;font-size:14.5px}.nav-shell{border:0}.mega{width:100%;padding:18px}.mega>div:last-child{grid-template-columns:1fr}.mega a{font-size:14.5px}.mega{max-height:65vh;overflow:auto}.hero-caption{padding:25px 0 27px;display:block}.hero-caption h1{margin-bottom:17px;font-size:37.5px;line-height:1.19}.hero-caption .eyebrow{letter-spacing:1.5px;font-size:9.5px}.hero-copy p{max-width:100%;font-size:13.5px}.hero-copy .buttons{justify-content:space-between;gap:10px}.hero-copy .button{min-height:42px;padding:11px 16px;font-size:12px}.trust{grid-template-columns:1fr 1fr;gap:20px 14px;padding:20px 0}.trust>div{border:0;justify-content:flex-start;gap:12px}.trust b{font-size:12px}.trust small{font-size:10.5px}.trust svg{width:24px;height:24px}.section{padding-top:33px}.section-head{align-items:start;gap:15px;margin-bottom:18px}.section-head h2{font-size:29px;line-height:1.2}.section-head .eyebrow{letter-spacing:1.4px;font-size:9.5px}.section-head .text-link{gap:5px;margin-top:20px;font-size:10.5px}.section-head .text-link svg{width:14px}.categories{grid-template-columns:repeat(2,1fr);gap:12px}.category img{height:150px;padding:15px 25px 0}.category>div{padding:12px;font-size:14.5px}.category h3{font-size:14.5px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{aspect-ratio:1;padding:23px 15px 8px}.product-info{padding:11px 12px}.product-info h3{font-size:17px}.product-info .eyebrow{font-size:8.5px}.fav{width:28px;height:28px;top:9px;right:9px}.fav svg{width:16px}.amount{min-height:14px;font-size:10.5px}.product-bottom small{font-size:10.5px;line-height:1.4;display:block}.product-bottom>span{max-width:105px}.add{flex-shrink:0;width:27px;height:27px}.feature{grid-template-columns:1fr;min-height:0;margin-top:33px}.feature-copy{padding:28px 26px 10px}.feature h2{margin-bottom:15px;font-size:41px}.feature p{font-size:13.5px}.feature .eyebrow{font-size:9.5px}.feature-visual{height:255px;padding:20px}.feature-visual img{width:200px;height:210px}.ring1{width:240px;height:240px}.ring2{width:350px;height:350px}.feature-stamp{width:80px;height:80px;top:30px;right:24px}.story{grid-template-columns:1fr;margin-top:33px}.story-photo img{object-position:center;height:250px;min-height:0}.story-copy{padding:27px}.story-copy h2{font-size:34px}.story-copy p{font-size:14.5px}.articles{grid-template-columns:1fr;gap:27px}.article-photo{height:220px;margin-bottom:13px}.article h3{font-size:27.5px}.article .eyebrow{font-size:9.5px}.newsletter{grid-template-columns:1fr;gap:15px;margin:33px 0;padding:25px}.newsletter h2{font-size:33px}.newsletter .eyebrow{font-size:9.5px}.newsletter p{font-size:13.5px}.newsletter form{margin:0}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-top:35px}.footer-top h3{margin-bottom:15px;font-size:14.5px}.footer-top a{font-size:13.5px}.footer-contact p{font-size:12px}.footer-bottom{gap:12px;padding-bottom:27px;font-size:10.5px}.footer-bottom>div{flex-wrap:wrap;gap:14px}.whatsapp{width:44px;height:44px;bottom:18px;right:16px}.cookie{gap:10px;max-width:calc(100% - 78px);padding:10px 13px;bottom:12px;left:12px}.cookie p{font-size:10.5px;line-height:1.5}.cookie button{font-size:12px}.cookie button svg{display:none}.toast{width:calc(100% - 30px);padding:15px;font-size:14.5px;bottom:75px}.page{padding-top:20px}.page h1{font-size:38.5px}.breadcrumb{margin-bottom:25px;font-size:10.5px}.intro{font-size:14.5px}.catalog-layout{margin-top:25px;display:block}.category-sidebar{display:none}.filters{gap:12px}.filters label{background:#f5f7f0;padding:10px}.filters input{background:0 0}.detail{display:block}.detail-image{margin-bottom:25px;padding:20px}.detail-image img{max-height:330px}.detail h1{font-size:40px}.detail .eyebrow{margin-top:10px}.detail-facts{margin-bottom:15px}.all-category-grid{grid-template-columns:1fr 1fr;gap:12px}.all-category-grid>a{padding:13px}.all-category-grid img,.category-symbol{height:120px}.all-category-grid h3{font-size:14.5px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-form{padding:24px}.contact-form h2{font-size:31.5px}.contact-line{gap:17px}.account{grid-template-columns:1fr;gap:30px}.account h3{overflow-wrap:anywhere;font-size:17px}.admin-stats{gap:10px}.admin-stats>div{padding:13px}.admin-stats small{font-size:10.5px}.admin-stats h2{font-size:27.5px}.admin-list>div{grid-template-columns:40px 1fr 72px;gap:10px}.admin-list>div>span{display:none}.admin-list small{font-size:10.5px}.admin-list img{width:35px}.admin-list .outline{padding:8px;font-size:12px}.modal{padding:14px}.editor{max-height:92vh;padding:20px}.form-grid{grid-template-columns:1fr}.editor label{font-size:13.5px}.reading-image{height:280px}.reading>p{font-size:16px}.empty{padding:35px 15px}.empty h3{font-size:26.5px}.empty p{font-size:13.5px}.notice{padding:17px 20px;font-size:13.5px}.drawer{padding:50px 22px 25px}.drawer h2{font-size:35px}footer{margin-top:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{-webkit-font-smoothing:antialiased;font-family:Manrope,Arial,sans-serif}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-style:normal}h1,h2{letter-spacing:-1.2px;font-weight:800;line-height:1.22}h3,.product-info h3,.article h3{font-weight:800}em{font-style:normal;font-weight:800}.hero-caption h1{letter-spacing:-1.3px;font-size:42.5px;line-height:1.22}.section-head h2{letter-spacing:-1px;font-size:34px}.eyebrow{letter-spacing:1.4px;font-weight:800}.button,.text-link,.nav,.category h3{font-weight:700}.feature-stamp b,.footer-brand p{font-style:normal}.article h3{font-size:24.5px;line-height:1.45}.empty h3{font-size:26.5px;font-weight:700}.category,.product,.all-category-grid>a{border:1px solid #d8e2d9;border-bottom:4px solid #b8ccbe;border-radius:12px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:inset 0 2px #fff,0 5px #dce6df,0 10px 0 -3px #e9eee9,0 17px 24px -13px #123d2c4d}.product{isolation:isolate;background:linear-gradient(165deg,#fff 72%,#f4f7f2)}.product-image{background:#fff;border-radius:11px 11px 0 0}.product-info{padding-bottom:20px}.product-bottom{border-top-color:#dfe7de}.category{background:linear-gradient(145deg,#fafbf6,#f0f3e9)}.category:nth-child(2){background:linear-gradient(145deg,#fcf8f0,#f2eadd)}.category:nth-child(3){background:linear-gradient(145deg,#faf6f1,#ede6dd)}.category:nth-child(4){background:linear-gradient(145deg,#f5faf3,#e6efe3)}.category>div{border-top:1px solid #ffffffc9;box-shadow:0 -1px #123d2c0a}.product .fav{box-shadow:0 2px #e0e8df,0 5px 10px -6px #123d2c50}.add{background:linear-gradient(#f7faf3,#eaf0e4);border:1px solid #d4dfd2;border-bottom:3px solid #bdcdb9;border-radius:7px;box-shadow:0 3px 4px -3px #123d2c60}.feature,.story,.newsletter{border-bottom:5px solid #bac9b7;border-radius:12px;box-shadow:0 4px #e3e9de,0 17px 28px -18px #123d2c65}.feature{border-bottom-color:#09291d;box-shadow:0 5px #56735a,0 20px 28px -18px #09291d88}.button{border:1px solid #123d2c;border-bottom:3px solid #09291d;border-radius:6px;box-shadow:0 3px #d6dfd4,0 7px 10px -8px #09291d80}.button.light{border-color:#f5eedf #f5eedf #c3b99d}.products,.categories,.all-category-grid{padding-bottom:10px}@media (hover:hover) and (pointer:fine){.category:hover,.product:hover,.all-category-grid>a:hover{border-color:#b6cbb8 #b6cbb8 #91ae98;transform:translateY(-6px);box-shadow:inset 0 2px #fff,0 7px #cfddd2,0 12px 0 -3px #e4ece3,0 25px 32px -15px #123d2c5c}.category:hover img{transform:translateY(-3px)scale(1.025)}.button:hover{transform:translateY(-2px)}}@media (max-width:850px){.hero-caption h1{font-size:34px}.section-head h2{font-size:30.5px}}@media (max-width:600px){.hero-caption h1{letter-spacing:-1px;font-size:35px}.section-head h2{letter-spacing:-.8px;font-size:27.5px}.category,.product,.all-category-grid>a{border-radius:10px;box-shadow:inset 0 1px #fff,0 4px #dce6df,0 7px 0 -2px #e9eee9,0 13px 18px -12px #123d2c70}.product-info h3{font-size:16px}.article h3{font-size:25.5px}.product-info{padding-bottom:16px}.products,.categories{row-gap:22px}.category h3{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.category:hover,.product:hover,.all-category-grid>a:hover,.category:hover img,.button:hover{transform:none!important}}.product,.product-image,.product-info,.category,.category:nth-child(2),.category:nth-child(3),.category:nth-child(4),.all-category-grid>a,.detail-image{background:#fff}.category img{mix-blend-mode:normal}.product-bottom{flex-direction:column;align-items:stretch;gap:10px;display:flex}.product-bottom>span{max-width:none;min-height:20px}.whatsapp-add{white-space:nowrap;gap:9px;width:100%;min-height:44px;padding:10px 12px;font-size:14.5px}.whatsapp-add svg:last-child{margin-left:auto}.whatsapp-add-hint{color:#6c786b;text-align:center;font-size:10.5px;font-weight:400;line-height:1.5}.whatsapp-detail-hint{max-width:440px;margin-top:16px;font-size:13.5px;line-height:1.7}@media (max-width:600px){.whatsapp-add{gap:6px;padding:9px 8px;font-size:13.5px}.whatsapp-add svg{width:15px;height:15px}.whatsapp-add-hint{font-size:9.5px}.product-bottom>span{min-height:27px}}

/* ===== Manda Baba menu v2 - 3D hap + acilir liste ===== */
header{position:sticky;top:0;box-shadow:0 10px 24px -18px #09291d99}
.header-main{gap:28px}
.header-actions{gap:10px}
.action{border:1px solid #ffffff26;background:#ffffff14;border-bottom:3px solid #00000033;border-radius:10px;padding:7px 10px;min-width:66px;justify-content:center;transition:transform .2s,background .2s}
.action:hover{transform:translateY(-2px);background:#ffffff22}
.action svg{width:20px;height:20px}
.nav-shell{position:relative}
.nav{height:auto;padding:8px 0;gap:6px;flex-wrap:wrap;align-items:center}
.nav a{border:1px solid transparent;border-radius:999px;padding:8px 13px;transition:all .2s;white-space:nowrap}
.nav a:hover{color:#f5eedf;background:#ffffff1f;border-color:#ffffff2b;border-bottom:3px solid #00000040;transform:translateY(-1px)}
.nav a.current{color:#123d2c;background:#f5eedf;border-color:#f5eedf;border-bottom:3px solid #c3b99d;box-shadow:0 3px 0 #00000033;font-weight:800}
.all-categories{background:#f5eedf;color:#123d2c;border:1px solid #f5eedf;border-bottom:3px solid #c3b99d;border-radius:999px;padding:8px 14px;font-weight:800;height:auto;box-shadow:0 3px 0 #00000033;transition:transform .2s}
.all-categories:hover{transform:translateY(-1px)}
.mega{display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:min(920px,calc(100vw - 48px));background:#fff;color:#123d2c;border:1px solid #d8e2d9;border-bottom:4px solid #b8ccbe;border-radius:12px;box-shadow:inset 0 2px #fff,0 5px #dce6df,0 10px 0 -3px #e9eee9,0 17px 24px -13px #123d2c4d;padding:20px;z-index:50}
.mega.is-open{display:block}
.mega-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5e8df}
.mega-heading span{font-size:18px;font-weight:800}
.mega-heading a{font-size:13.5px;font-weight:800;color:#123d2c;text-decoration:underline}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mega-grid a{display:flex;align-items:center;gap:10px;border:1px solid #d8e2d9;border-bottom:3px solid #b8ccbe;border-radius:8px;background:linear-gradient(145deg,#fff,#f4f7f2);padding:11px 12px;font-size:14.5px;font-weight:700;transition:transform .18s,box-shadow .18s}
.mega-grid a:hover{transform:translateY(-2px);box-shadow:0 8px 16px -10px #123d2c66}
.mega-grid a::before{content:"";width:8px;height:8px;border-radius:50%;background:#b79253;flex-shrink:0}
@media(max-width:850px){
  .nav{display:none}
  .nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 0}
  .nav.is-open a{border-radius:10px;background:#ffffff14;border:1px solid #ffffff26;padding:12px 14px}
  .nav.is-open a.current{background:#f5eedf}
  .mega{left:0;right:0;transform:none;width:auto}
  .mega-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .mega-grid{grid-template-columns:1fr}
  .header-actions{gap:6px}
  .action{min-width:52px;padding:6px 6px;font-size:10.5px}
}

/* ===== CEMENS THEME - genel stil (urun kutulari 3D korunur) ===== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--cemens-green:#6ab335;--cemens-dark:#4b4c4f;--cemens-border:#e4e4e7}
body, h1, h2, h3, .product-info h3{font-family:'Outfit',-apple-system,system-ui,'Segoe UI',Roboto,Arial,sans-serif !important}
h1,h2{color:var(--cemens-dark);letter-spacing:0}
.topbar{background:var(--cemens-green);color:#fff;font-weight:700;font-size:13.5px;height:38px;justify-content:center;gap:8px;text-align:center}
.topbar a{color:#fff;font-weight:700}
.topbar span{color:#fff}
header{background:#fff;color:#000;box-shadow:0 1px 0 var(--cemens-border),0 10px 28px -18px #00000033}
.header-main{height:96px}
.logo-link img{filter:brightness(0);width:64px;height:96px}
.search{border:1px solid var(--cemens-border);border-radius:999px}
.search button{background:var(--cemens-green);color:#fff;border-radius:999px;padding:7px 20px;font-weight:700}
.header-actions{gap:8px}
.action{color:#000;background:#fff;border:1px solid var(--cemens-border);border-bottom:1px solid var(--cemens-border);box-shadow:none;color:#222}
.action:hover{background:#f4f6f0;color:var(--cemens-dark)}
.nav-shell{border-top:1px solid var(--cemens-border);background:#fff}
.nav a{color:#333;font-size:16px;font-weight:600}
.nav a:hover{color:var(--cemens-green);background:#f4f6f0;border-color:transparent;border-bottom-color:transparent;box-shadow:none;transform:none}
.nav a.current{color:var(--cemens-green);background:#f0f7e8;border:1px solid #d9ecd0;border-bottom:1px solid #d9ecd0;box-shadow:none}
.all-categories{background:var(--cemens-green);color:#fff;border:1px solid var(--cemens-green);border-bottom:1px solid var(--cemens-green);box-shadow:none}
.all-categories:hover{background:#5a9c2b}
.mega{border:1px solid var(--cemens-border);border-bottom:1px solid var(--cemens-border)}
.mega-grid a{border:1px solid var(--cemens-border);border-bottom:1px solid var(--cemens-border);background:#fff;box-shadow:none}
.mega-grid a:hover{border-color:var(--cemens-green);box-shadow:0 8px 16px -12px #6ab33555}
.mega-grid a::before{background:var(--cemens-green)}
.section-head h2, .about-v2-head h2,.contact-v2-map-head h2{font-size:43.5px;text-align:center;color:var(--cemens-dark);font-weight:700}
.section-head{flex-direction:column;align-items:center;text-align:center}
.section-head .eyebrow, .eyebrow{text-align:center}
.button{background:var(--cemens-green);border:1px solid var(--cemens-green);border-bottom:1px solid var(--cemens-green);border-radius:999px;box-shadow:none;font-weight:700}
.button:hover{background:#5a9c2b;transform:translateY(-1px)}
.button.light{background:#fff;color:var(--cemens-dark);border:1px solid var(--cemens-border);border-bottom:1px solid var(--cemens-border)}
.text-link{color:#222;font-weight:700}
.text-link:hover{color:var(--cemens-green)}
.trust>div svg{color:var(--cemens-green)}
footer{background:#fff;color:#222;border-top:1px solid var(--cemens-border);margin-top:60px}
.footer-top h3{color:#000;font-size:16px;text-transform:uppercase;letter-spacing:.6px}
.footer-top a{color:#555;font-size:14.5px}
.footer-top a:hover{color:var(--cemens-green)}
.footer-brand img{filter:brightness(0)}
.footer-brand p{color:#555;font-style:normal}
.footer-contact>a:first-of-type{color:#000;font-size:22px}
.footer-contact p{color:#555}
.footer-bottom{color:#777;border-top:1px solid var(--cemens-border)}
.whatsapp{background:#25d366;border-color:#fff}
.hero-caption h1{color:var(--cemens-dark)}
/* 3D urun/category kutulari aynen korunur - bilerek override edilmiyor */

/* ===== LOGO + MENU FIX - daha buyuk logo, koyu yesil, beyaz ust menü ===== */
:root{--cemens-green:#123d2c;--cemens-dark:#123d2c}
.topbar{background:#09291d;color:#fff;font-size:14.5px;height:42px}
header{background:#fff;color:#123d2c}
.header-main{height:128px;gap:24px}
.logo-link{width:118px;flex-shrink:0}
.logo-link img{filter:none !important;width:94px;height:122px;max-height:122px;object-fit:contain}
.search{border-color:#d8e2d9}
.search button{background:#123d2c;border-color:#123d2c}
.header-actions{gap:10px}
.action{font-size:13.5px;color:#123d2c;border-color:#d8e2d9;padding:9px 12px}
.action:hover{color:#123d2c;background:#f0f4ec}
.nav a{font-size:18px;font-weight:700;padding:10px 16px;color:#123d2c}
.nav a:hover{color:#123d2c;background:#f0f4ec}
.nav a.current{color:#fff;background:#123d2c;border-color:#123d2c}
.all-categories{font-size:17px;background:#123d2c;color:#fff;border-color:#123d2c;border-bottom-color:#09291d;padding:10px 18px}
.all-categories:hover{background:#09291d}
.button{background:#123d2c;border-color:#123d2c;border-bottom-color:#09291d;font-size:16px;padding:14px 26px;min-height:50px}
.button:hover{background:#09291d}
.button.light{background:#f5eedf;color:#123d2c;border-color:#d8cbb0;border-bottom-color:#c3b99d}
.footer-brand img{filter:none !important;width:84px;height:122px}
footer{background:#09291d;color:#edf0e5;border-top:none}
.footer-top h3{color:#f1ead6;font-size:17px}
.footer-top a{color:#adbda8;font-size:16px}
.footer-top a:hover{color:#fff}
.footer-brand p{color:#a8b7a5}
.footer-contact>a:first-of-type{color:#e4eadc;font-size:24.5px}
.footer-bottom{color:#93a88e;border-top:1px solid #ffffff1c}
@media(max-width:850px){.header-main{height:104px}.logo-link{width:88px}.logo-link img{width:74px;height:96px}.nav a{font-size:17px}}
@media(max-width:600px){.header-main{height:88px}.logo-link img{width:60px;height:78px}.action{font-size:12px}}

/* ===== HEADER CENTER - logo ortada, search + hesaplar net ===== */
.header-main{display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;height:142px !important}
.logo-link{grid-column:2 !important;grid-row:1 !important;justify-self:center !important;width:auto !important;min-width:118px;padding:0 8px}
.logo-link img{width:106px !important;height:136px !important;max-height:136px}
.search{grid-column:1 !important;grid-row:1 !important;justify-self:start;width:100%;max-width:460px;height:52px !important;border:1.5px solid #123d2c;border-radius:999px;padding:0 6px 0 18px;box-shadow:0 4px 0 #123d2c22}
.search input{font-size:16.5px}
.search button{background:#123d2c;border:1px solid #123d2c;border-bottom:3px solid #09291d;color:#fff;border-radius:999px;padding:10px 22px;font-size:16px;font-weight:800;min-width:86px}
.search button:hover{background:#09291d}
.header-actions{grid-column:3 !important;grid-row:1 !important;justify-self:end;gap:12px !important;align-items:center}
.action{min-width:82px !important;padding:9px 13px !important;border:1.5px solid #123d2c !important;border-bottom:4px solid #123d2c !important;border-radius:12px !important;background:#fff !important;box-shadow:0 3px 0 #123d2c22 !important}
.action:hover{background:#f0f4ec !important}
.action svg{width:22px !important;height:22px !important;color:#123d2c !important}
.action span{font-size:14px !important;font-weight:800;color:#123d2c}
.cart-icon b{background:#123d2c;width:18px;height:18px;line-height:18px;font-size:12px}
.cart-icon{position:relative}
@media(max-width:1100px){.search{max-width:360px}.action{min-width:72px}}
@media(max-width:900px){
  .header-main{height:auto !important;grid-template-columns:1fr auto 1fr;padding:12px 0}
  .logo-link img{width:88px !important;height:112px !important}
  .search{max-width:280px;height:46px}
  .action span{display:none}
  .action{min-width:48px !important;padding:8px 10px !important}
}
@media(max-width:640px){
  .header-main{display:grid !important;grid-template-columns:auto 1fr auto;grid-template-areas:"menu logo actions" "search search search";height:auto !important;row-gap:12px;padding:10px 0 14px}
  .logo-link{grid-area:logo !important}
  .logo-link img{width:76px !important;height:96px !important}
  .search{grid-area:search !important;max-width:none;width:100%;position:static !important;height:48px}
  .header-actions{grid-area:actions !important;gap:8px !important}
  .action{min-width:44px !important}
}

/* ===== HEADER SWAP - logo solda, arama ortada ===== */
.logo-link{grid-column:1 !important;justify-self:start !important}
.search{grid-column:2 !important;justify-self:center !important}
.header-actions{grid-column:3 !important;justify-self:end !important}
@media(max-width:900px){
  .logo-link{grid-column:1 !important;justify-self:start !important}
  .search{grid-column:2 !important;justify-self:center !important}
}
@media(max-width:640px){
  .header-main{grid-template-areas:"logo menu actions" "search search search" !important}
  .logo-link{grid-area:logo !important;justify-self:start !important}
  .search{grid-area:search !important;justify-self:center !important}
}

/* ===== HEADER2 - logo ortada buyuk, arama sol, siparis hatti sag ===== */
.header-main{grid-template-columns:1fr auto 1fr !important;height:156px !important}
.logo-link{grid-column:2 !important;justify-self:center !important}
.logo-link img{width:118px !important;height:148px !important;max-height:148px !important}
.search{grid-column:1 !important;justify-self:start !important}
.header-actions{grid-column:3 !important;justify-self:end !important;gap:10px !important}
.order-line{display:flex;align-items:center;gap:10px;border:1.5px solid #123d2c;border-bottom:4px solid #123d2c;background:#f0f4ec;border-radius:12px;padding:8px 14px;text-decoration:none;min-height:56px;box-shadow:0 3px 0 #123d2c22}
.order-line:hover{background:#e6efe3}
.order-line svg{color:#123d2c;flex-shrink:0}
.order-line small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#5b6652;line-height:1}
.order-line b{display:block;font-size:18px;font-weight:800;color:#123d2c;letter-spacing:.2px;line-height:1.2;white-space:nowrap}
@media(max-width:1100px){.order-line b{font-size:16px}.order-line{padding:7px 10px}}
@media(max-width:900px){.header-main{height:auto !important}.logo-link img{width:96px !important;height:122px !important}.order-line small{display:none}.order-line b{font-size:14.5px}}
@media(max-width:640px){
  .header-main{grid-template-areas:"logo logo logo" "search search search" "order order order" !important}
  .logo-link{grid-area:logo !important;justify-self:center !important}
  .search{grid-area:search !important}
  .header-actions{grid-area:order !important;justify-content:space-between;flex-wrap:wrap}
  .order-line{flex:1;justify-content:center}
  .order-line small{display:block}
}

/* ===== KATEGORI DARK - ekran goruntusu tarzi (urun 3D korunur) ===== */
.categories .category{background:linear-gradient(160deg,#2d5a3d,#123d2c);border:1px solid #09291d;border-bottom:6px solid #09291d;border-radius:16px;color:#fff;box-shadow:0 8px #0d2b1f,0 18px 28px -14px #09291d99;padding:28px 22px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;transition:transform .22s,box-shadow .22s;overflow:hidden;position:relative}
.categories .category:hover{transform:translateY(-6px);box-shadow:0 10px #0d2b1f,0 26px 34px -16px #09291daa}
.categories .cat-circle{width:132px;height:132px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 18px #00000033;border:4px solid #ffffff2a;flex-shrink:0}
.categories .cat-circle img{width:112px;height:112px;object-fit:contain;padding:8px}
.categories .category h3{color:#fff;font-size:20.5px;font-weight:800;margin:4px 0 2px;letter-spacing:0}
.categories .cat-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff55;background:#ffffff14;border-radius:8px;padding:9px 18px;font-size:14.5px;font-weight:700;color:#fff;transition:background .2s}
.category:hover .cat-btn{background:#fff;color:#123d2c}
.categories .category-number{display:none}
@media(max-width:900px){.categories .cat-circle{width:112px;height:112px}.categories .cat-circle img{width:96px;height:96px}.categories .category h3{font-size:18px}}
@media(max-width:600px){.categories .cat-circle{width:96px;height:96px}.categories .category{padding:22px 14px}}

/* ===== ALIGN - arama ve Tum Kategoriler sol kenar esit, logo ortada ===== */
.header-main{display:flex !important;justify-content:space-between !important;align-items:center !important;position:relative !important;height:156px !important}
.logo-link{position:absolute !important;left:50% !important;transform:translateX(-50%) !important;grid-column:auto !important;justify-self:auto !important;width:auto !important;z-index:2}
.search{flex:0 0 auto !important;width:min(460px,42vw) !important;max-width:460px !important;margin:0 !important;justify-self:auto !important}
.header-actions{margin-left:auto !important}
.all-categories{margin-left:0 !important}
@media(max-width:900px){.header-main{height:auto !important;min-height:120px}.logo-link img{width:96px !important;height:122px !important}.search{width:min(300px,40vw) !important}}
@media(max-width:640px){
  .header-main{flex-wrap:wrap !important;justify-content:space-between !important;row-gap:10px}
  .logo-link{position:static !important;transform:none !important;order:2}
  .header-actions{order:3}
  .search{order:1;width:100% !important;max-width:none !important;position:static !important}
}

/* ===== ORDERLINE POS - logo tarafi, sepet ile ayni hizada ===== */
.header-actions{align-items:stretch !important}
.order-line{order:-1 !important;height:60px !important;min-height:60px !important}
.action{height:60px !important;min-height:60px !important}
@media(max-width:900px){
  .order-line{height:52px !important;min-height:52px !important}
  .action{height:52px !important;min-height:52px !important}
}

/* ===== ORDERLINE FIT - logo ile cakismayi onle ===== */
@media(min-width:901px){
  .search{width:min(360px,32vw) !important}
  .header-actions{gap:8px !important}
  .order-line{padding:6px 10px !important;gap:8px !important}
  .order-line b{font-size:16px !important}
  .order-line svg{width:18px !important;height:18px !important}
  .action{min-width:70px !important;padding:8px 9px !important}
}
@media(max-width:900px){
  .header-main{flex-wrap:nowrap !important}
  .search{width:min(240px,38vw) !important}
  .order-line{padding:6px 8px !important}
  .order-line b{font-size:13.5px !important}
}

/* ===== RESPONSIVE LOGO - tam sigan, oran koruyan ===== */
.header-main{height:auto !important;min-height:150px !important;padding-top:10px !important;padding-bottom:10px !important;box-sizing:border-box}
.logo-link{display:flex !important;align-items:center !important;min-width:0 !important}
.logo-link img{width:clamp(80px,14vw,100px) !important;height:auto !important;max-height:146px !important;aspect-ratio:660/1000 !important;object-fit:contain !important;flex-shrink:1}
.search{min-width:0 !important}
.search input{min-width:0}
.header-actions{flex-shrink:1;min-width:0}
.order-line{flex-shrink:1;min-width:0}
.order-line b{white-space:nowrap}
html,body{overflow-x:hidden}
img{max-width:100%;height:auto}
.wrap{max-width:1320px}
.products{min-width:0}
.product{min-width:0}
.categories{min-width:0}
@media(max-width:900px){
  .header-main{min-height:118px !important}
  .logo-link img{width:clamp(70px,15vw,88px) !important;max-height:118px !important}
  .search{width:min(260px,38vw) !important}
  .order-line b{font-size:13.5px !important}
  .action span{display:none !important}
}
@media(max-width:640px){
  .header-main{min-height:0 !important;row-gap:8px !important}
  .logo-link img{width:62px !important;max-height:92px !important}
  .search{height:46px !important}
  .order-line{padding:6px 8px !important}
  .order-line b{font-size:13.5px !important}
  .nav{font-size:16px}
  .categories{grid-template-columns:1fr 1fr !important}
  .products{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .contact-min-grid,.contact-v2-layout,.about-v2-hero{grid-template-columns:1fr !important}
  .detail{grid-template-columns:1fr !important}
  .footer-top{grid-template-columns:1fr 1fr !important}
  .topbar{font-size:12px;height:auto;min-height:38px;padding:6px 12px;flex-wrap:wrap;text-align:center;justify-content:center}
}

/* ===== LOGO BOTTOM FIT - alt yazı kesilmesin ===== */
.header-main{min-height:182px !important;padding-top:12px !important;padding-bottom:12px !important;box-sizing:border-box}
.logo-link{top:50% !important;transform:translate(-50%,-50%) !important}
.logo-link img{width:96px !important;height:auto !important;max-height:158px !important}
@media(max-width:900px){
  .header-main{min-height:142px !important}
  .logo-link img{width:84px !important;max-height:126px !important}
}
@media(max-width:640px){
  .header-main{min-height:0 !important;padding:10px 0 !important}
  .logo-link{position:static !important;transform:none !important}
  .logo-link img{width:68px !important;max-height:102px !important}
}

/* ===== HERO MIN - sadece baslik kalsin ===== */
.hero-caption{display:block !important;padding-top:28px !important;padding-bottom:10px !important}
.hero-copy{display:none !important}
.trust{display:none !important}

/* ===== FOOTER FIX - buyuk yazi, beyaz net logo ===== */
.footer-brand img{filter:brightness(0) invert(1) !important;width:94px !important;height:auto !important;aspect-ratio:660/1000 !important}
.footer-brand p{font-size:20.5px !important;line-height:1.6}
.footer-top h3{font-size:18px !important;letter-spacing:.8px}
.footer-top a{font-size:17px !important;line-height:1.9}
.footer-contact>a:first-of-type{font-size:26.5px !important}
.footer-contact>a:nth-of-type(2){font-size:17px !important}
.footer-contact p{font-size:16px !important}
.footer-bottom{font-size:13.5px !important}
.footer-bottom a{font-size:13.5px !important}
.footer-top{padding-top:52px !important;padding-bottom:44px !important}

/* ===== MENU 3D - 3 boyutlu hap butonlar ===== */
.nav{gap:10px}
.nav a{border:1px solid #d8e2d9 !important;border-bottom:4px solid #b8ccbe !important;border-radius:999px !important;background:#fff !important;color:#123d2c !important;box-shadow:inset 0 2px #fff,0 5px #dce6df,0 10px 0 -3px #e9eee9 !important;transition:transform .2s,box-shadow .2s !important;padding:10px 18px !important}
.nav a:hover{transform:translateY(-3px) !important;box-shadow:inset 0 2px #fff,0 7px #cfddd2,0 12px 0 -3px #e4ece3,0 16px 24px -14px #123d2c4d !important;background:#f4f7f2 !important}
.nav a:active{transform:translateY(0) !important;box-shadow:inset 0 2px #fff,0 2px #dce6df,0 4px 0 -3px #e9eee9 !important}
.nav a.current{background:#123d2c !important;color:#fff !important;border-color:#09291d !important;border-bottom-color:#09291d !important;box-shadow:inset 0 2px #ffffff2a,0 5px #56735a,0 10px 0 -3px #09291d44 !important}
.all-categories{border:1px solid #09291d !important;border-bottom:4px solid #09291d !important;border-radius:999px !important;background:#123d2c !important;color:#fff !important;box-shadow:inset 0 2px #ffffff2a,0 5px #56735a,0 10px 0 -3px #09291d44,0 16px 24px -14px #09291d66 !important;transition:transform .2s,box-shadow .2s;padding:11px 20px !important}
.all-categories:hover{transform:translateY(-3px) !important;box-shadow:inset 0 2px #ffffff2a,0 7px #56735a,0 12px 0 -3px #09291d44,0 20px 28px -14px #09291d77 !important}
.all-categories:active{transform:translateY(0) !important;box-shadow:inset 0 2px #ffffff2a,0 2px #56735a,0 4px 0 -3px #09291d44 !important}
.mega-grid a{border:1px solid #d8e2d9 !important;border-bottom:4px solid #b8ccbe !important;box-shadow:inset 0 2px #fff,0 5px #dce6df,0 10px 0 -3px #e9eee9 !important}
.mega-grid a:hover{transform:translateY(-3px) !important;box-shadow:inset 0 2px #fff,0 7px #cfddd2,0 12px 0 -3px #e4ece3 !important}

/* ===== MENU FLAT - 3D kaldirildi, cizgiler net ===== */
.nav a{border:none !important;border-bottom:none !important;box-shadow:none !important;background:transparent !important;border-radius:8px !important}
.nav a:hover{background:#f0f4ec !important;transform:none !important;box-shadow:none !important}
.nav a:active{transform:none !important;box-shadow:none !important}
.nav a.current{background:#123d2c !important;color:#fff !important;border:none !important;box-shadow:none !important}
.all-categories{border:none !important;border-bottom:none !important;box-shadow:none !important;border-radius:8px !important}
.all-categories:hover{transform:none !important;box-shadow:none !important;background:#09291d !important}
.all-categories:active{transform:none !important;box-shadow:none !important}
.mega-grid a{border:1px solid #e5e8df !important;border-bottom:1px solid #e5e8df !important;box-shadow:none !important}
.mega-grid a:hover{transform:none !important;box-shadow:0 8px 16px -12px #123d2c33 !important}
.header-main{border-bottom:1.5px solid #123d2c !important}
.nav-shell{border-top:none !important;border-bottom:1.5px solid #123d2c !important}
.hero{border-top:none !important}

/* ===== FOOTER2 - beyaz net, buyuk logo, duzenli ===== */
.footer-brand img{width:108px !important;height:auto !important}
.footer-brand p{display:none !important}
.footer-top h3{color:#ffffff !important;font-size:18px !important;letter-spacing:.8px}
.footer-top a{color:#ffffff !important;font-size:17px !important;opacity:.92}
.footer-top a:hover{color:#ffffff !important;opacity:1;text-decoration:underline}
.footer-contact>a:first-of-type{color:#ffffff !important;font-size:26.5px !important}
.footer-contact>a:nth-of-type(2){color:#ffffff !important}
.footer-contact p{color:#ffffff !important;opacity:.85}
.footer-brand{padding-top:4px}
.footer-top{align-items:start}
.footer-bottom{font-size:13.5px !important}
.footer-bottom a{color:#ffffff !important}

/* ===== MENU PRO - estetik profesyonel ===== */
.nav{gap:2px !important;padding:12px 0 !important}
.nav a{position:relative !important;padding:10px 16px !important;font-size:18px !important;font-weight:700 !important;letter-spacing:.2px;border-radius:999px !important}
.nav a::after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:2px;background:#123d2c;border-radius:2px;width:0;opacity:0;transition:width .28s ease,opacity .28s ease}
.nav a:hover{color:#000 !important;background:#f5f7f0 !important}
.nav a:hover::after{width:calc(100% - 32px);opacity:1}
.nav a.current{background:#123d2c !important;color:#fff !important}
.nav a.current::after{width:calc(100% - 32px);opacity:1;background:#e6ca8f}
.all-categories{height:42px !important;padding:0 20px !important;font-size:17px !important;letter-spacing:.3px;border-radius:999px !important;box-shadow:0 8px 18px -10px #123d2c66 !important}
.all-categories:hover{background:#09291d !important}
.all-categories[aria-expanded="true"]{background:#09291d !important}
.mega{border:1px solid #e5e8df !important;border-bottom:1px solid #e5e8df !important;box-shadow:0 24px 48px -20px #09291d33,0 12px 24px -16px #09291d22 !important;border-radius:16px !important;padding:22px !important}
.mega-heading{padding-bottom:14px !important}
.mega-grid{gap:8px !important}
.mega-grid a{padding:12px 14px !important;font-size:16px !important}
.mega-grid a:hover{background:#f5f7f0 !important}

/* ===== MENU BAR - cizgisiz, hap bar tasarimi ===== */
.header-main{border-bottom:none !important}
.nav-shell{border-top:none !important;border-bottom:none !important;background:#eef2e8 !important;border-radius:16px !important;margin-top:10px !important;margin-bottom:0 !important;padding:0 14px !important}
.nav{padding:10px 0 !important}
.mega{top:calc(100% + 10px) !important}
@media(max-width:640px){.nav-shell{border-radius:14px;padding:0 10px !important}}

/* ===== MENU GREEN - yesil bar, beyaz yazilar ===== */
.nav-shell{background:#123d2c !important}
.nav a{color:#ffffff !important}
.nav a:hover{background:#ffffff1f !important;color:#ffffff !important}
.nav a:hover::after{background:#ffffff !important}
.nav a.current{background:#ffffff !important;color:#123d2c !important}
.nav a.current::after{background:#123d2c !important}
.all-categories{background:transparent !important;color:#ffffff !important;border:1.5px solid #ffffff !important;box-shadow:none !important}
.all-categories:hover{background:#ffffff !important;color:#123d2c !important}
.all-categories[aria-expanded="true"]{background:#ffffff !important;color:#123d2c !important}

/* ===== FOOTER MENU2 - esit kolon, acik yesil bant, duz menu bandi ===== */
footer{position:relative;border-top:10px solid #b8d0a0 !important}
.footer-top{grid-template-columns:1.1fr 1fr 1fr 1fr 1.3fr !important;align-items:start !important}
.footer-top>div{display:flex;flex-direction:column;gap:0}
.footer-top h3{margin-top:0 !important}
.footer-top a{display:block;line-height:2.15}
.nav-shell{border-radius:0 !important;margin-top:0 !important;margin-bottom:0 !important;padding:0 !important}
.nav{padding:12px 0 !important}

/* ===== EQUAL - duzgun esit ===== */
.header-main{align-items:center !important}
.search{height:60px !important}
.order-line{height:60px !important;min-height:60px !important}
.action{height:60px !important;min-height:60px !important}
@media(max-width:1100px){
  .nav{flex-wrap:nowrap !important;gap:4px !important}
  .nav a{padding:8px 12px !important;font-size:16.5px !important}
  .all-categories{padding:0 14px !important;font-size:16px !important;height:38px !important}
}
@media(max-width:900px){
  .search{height:52px !important}
  .order-line{height:52px !important;min-height:52px !important}
  .action{height:52px !important;min-height:52px !important}
}
@media(max-width:640px){
  .search{height:48px !important}
  .order-line{height:48px !important;min-height:48px !important}
  .action{height:48px !important;min-height:48px !important}
}

/* ===== FOOTER NARROW - daha dar ===== */
footer .footer-top, footer .footer-bottom{width:calc(100% - 160px) !important;max-width:1080px !important}
.footer-top{gap:28px !important}

/* ===== FLOATS - telefon + whatsapp ===== */
.phone-float{color:#fff;z-index:30;background:#c06a2e;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;width:56px;height:56px;position:fixed;bottom:88px;right:23px;box-shadow:0 10px 24px -10px #00000055}
.phone-float:hover{background:#a75a24}
.whatsapp{width:56px !important;height:56px !important;background:#25d366 !important;bottom:22px !important}
.whatsapp svg{width:28px !important;height:28px !important}
@media(max-width:640px){.phone-float{width:50px;height:50px;bottom:82px;right:16px}.whatsapp{width:50px !important;height:50px !important;bottom:18px !important}}

/* ===== MARQUEE - kayan urun adlari ===== */
.marquee{background:#123d2c;color:#fff;overflow:hidden;padding:13px 0;border-top:1px solid #09291d;border-bottom:1px solid #09291d}
.marquee-track{display:flex;gap:18px;width:max-content;animation:marquee 32s linear infinite;font-size:16px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.marquee-track i{color:#b79253;font-style:normal}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee:hover .marquee-track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* ===== HERO REDO - ortali animasyonlu basliklar ===== */
.hero-caption{text-align:center !important;padding:36px 20px 8px !important}
.hero-caption .eyebrow{display:inline-block !important;background:#eef2e8;color:#123d2c;border-radius:999px;padding:8px 18px;font-size:13.5px;letter-spacing:2px;text-align:center}
.hero-caption h1{margin:18px auto 0 !important;font-size:62.5px !important;line-height:1.08 !important;max-width:800px;animation:fadeUp .8s ease}
.hero-caption h1 em{color:#123d2c}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.section{padding-top:18px !important}
.section-head{text-align:center !important;align-items:center !important;flex-direction:column !important}
.section-head>div{text-align:center}
.section-head .eyebrow{display:inline-block;background:#eef2e8;color:#123d2c;border-radius:999px;padding:7px 16px;font-size:12.5px;letter-spacing:2px}
.section-head h2{font-size:48.5px !important;color:#123d2c !important;margin-top:14px !important;animation:fadeUp .8s ease}
.section-head .text-link{display:inline-flex;margin-top:14px;background:#123d2c;color:#fff;border-radius:999px;padding:12px 24px;font-size:16px;font-weight:800}
.section-head .text-link:hover{background:#09291d}
.categories{margin-top:22px !important}
.categories .category{animation:fadeUp .7s ease both}
.categories .category:nth-child(2){animation-delay:.06s}
.categories .category:nth-child(3){animation-delay:.12s}
.categories .category:nth-child(4){animation-delay:.18s}
.categories .category:nth-child(5){animation-delay:.24s}
.categories .category:nth-child(6){animation-delay:.3s}
.categories .category:nth-child(7){animation-delay:.36s}
.categories .category:nth-child(8){animation-delay:.42s}
@media(max-width:640px){.hero-caption h1{font-size:43.5px !important}.section-head h2{font-size:36px !important}}
@media (prefers-reduced-motion:reduce){.hero-caption h1,.section-head h2,.categories .category{animation:none !important}}

/* ===== CAT EMOJI 3D ===== */
.cat-emoji{font-size:75px;line-height:1;filter:drop-shadow(0 8px 10px rgba(0,0,0,.28))}
.categories .cat-circle{display:grid;place-items:center}

/* ===== CAT NEW - acik, kucuk ikon, yatay ===== */
.categories .category{background:#fff !important;border:1px solid #d8e2d9 !important;border-bottom:4px solid #b8ccbe !important;border-radius:16px !important;padding:18px !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:14px !important;text-align:left !important;box-shadow:inset 0 2px #fff,0 5px #dce6df,0 10px 0 -3px #e9eee9,0 17px 24px -13px #123d2c33 !important}
.categories .cat-circle{width:58px !important;height:58px !important;background:#123d2c !important;border:none !important;box-shadow:none !important;flex-shrink:0}
.cat-emoji{font-size:36px !important;filter:none !important}
.categories .category h3{color:#123d2c !important;font-size:18px !important;margin:0 !important}
.categories .cat-btn{margin-left:auto !important;border:1px solid #123d2c !important;background:transparent !important;color:#123d2c !important;padding:7px 12px !important;font-size:13.5px !important}
.categories .category:hover .cat-btn{background:#123d2c !important;color:#fff !important}

/* ===== CAT PREMIUM - koyu yesil, kucuk ikon ===== */
.categories{gap:18px !important}
.categories .category{background:linear-gradient(160deg,#2d5a3d,#123d2c) !important;border:1px solid #09291d !important;border-bottom:6px solid #09291d !important;border-radius:18px !important;padding:26px 20px !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:12px !important;text-align:center !important;box-shadow:0 8px #0d2b1f,0 20px 30px -16px #09291d99 !important}
.categories .category:hover{transform:translateY(-6px) !important;box-shadow:0 10px #0d2b1f,0 28px 36px -16px #09291daa !important}
.categories .cat-circle{width:74px !important;height:74px !important;background:#ffffff !important;border:none !important;box-shadow:0 10px 20px -10px #00000055 !important}
.cat-emoji{font-size:43.5px !important;filter:none !important}
.categories .category h3{color:#ffffff !important;font-size:18.5px !important;text-align:center !important}
.categories .cat-btn{margin:0 !important;border:1px solid #ffffff66 !important;background:#ffffff14 !important;color:#ffffff !important}
.categories .category:hover .cat-btn{background:#ffffff !important;color:#123d2c !important}

/* ===== CAT PROLIST - profesyonel minimal ===== */
.categories{gap:16px !important}
.categories .category{background:#fff !important;border:1px solid #e8ece5 !important;border-bottom:1px solid #e8ece5 !important;border-radius:16px !important;padding:20px 18px !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:16px !important;text-align:left !important;box-shadow:0 10px 26px -18px #123d2c33 !important;transition:transform .25s,box-shadow .25s,border-color .25s !important}
.categories .category:hover{transform:translateY(-4px) !important;border-color:#123d2c !important;box-shadow:0 18px 34px -18px #123d2c44 !important}
.categories .cat-circle{width:64px !important;height:64px !important;background:linear-gradient(160deg,#1d5238,#123d2c) !important;border:1px solid #09291d !important;border-bottom:4px solid #09291d !important;border-radius:16px !important;box-shadow:0 6px 0 #0d2b1f55,0 14px 22px -12px #123d2c55 !important}
.cat-emoji{font-size:38.5px !important}
.categories .category h3{color:#123d2c !important;font-size:19px !important;font-weight:800 !important;line-height:1.3 !important;text-align:left !important;flex:1}
.categories .cat-btn{margin:0 !important;border:none !important;background:transparent !important;color:#123d2c !important;padding:8px !important;font-size:14.5px !important;font-weight:800 !important;flex-shrink:0}
.categories .cat-btn svg{width:18px !important;height:18px !important}
.categories .category:hover .cat-btn{background:#123d2c !important;color:#fff !important;border-radius:999px}
@media(max-width:900px){.categories{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:560px){.categories{grid-template-columns:1fr !important}}

/* ===== CAT BTN GREEN ===== */
.categories .cat-btn{background:#123d2c !important;color:#fff !important;border:1px solid #123d2c !important;border-radius:999px !important;padding:9px 16px !important}
.categories .cat-btn svg{color:#fff}
.categories .category:hover .cat-btn{background:#09291d !important;color:#fff !important}

/* ===== CAT ROUND - yuvarlak, yesil ici, beyaz ===== */
.categories{gap:18px !important}
.categories .category{background:#ffffff !important;border:1px solid #eef0ea !important;border-bottom:1px solid #eef0ea !important;border-radius:20px !important;box-shadow:0 14px 30px -20px #123d2c33 !important;padding:22px !important}
.categories .cat-circle{width:68px !important;height:68px !important;background:linear-gradient(160deg,#1d5238,#123d2c) !important;border:none !important;border-bottom:none !important;border-radius:18px !important;box-shadow:0 10px 18px -10px #123d2c55 !important}
.cat-emoji{font-size:41px !important}
.categories .category h3{color:#123d2c !important;font-size:19px !important}
.categories .cat-btn{background:#123d2c !important;color:#ffffff !important;border:1px solid #123d2c !important;border-radius:999px !important;border-bottom:none !important;box-shadow:none !important;padding:11px 18px !important;font-size:16px !important}
.categories .category:hover .cat-btn{background:#09291d !important}

/* ===== HERO SCRATCH - sifirdan premium ===== */
.hero-caption{padding:44px 20px 18px !important;position:relative}
.hero-caption h1{font-size:70px !important;max-width:900px !important}
.hero-caption h1 em{position:relative;white-space:nowrap}
.hero-caption h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:12px;background:#f5eedf;border-radius:999px;z-index:-1}
.categories{gap:16px !important;margin-top:26px !important}
.categories .category{flex-direction:column !important;align-items:center !important;text-align:center !important;padding:28px 20px 22px !important;gap:14px !important;border-radius:22px !important}
.categories .cat-circle{width:86px !important;height:86px !important;border-radius:50% !important;background:radial-gradient(circle at 30% 25%,#f7f3e8,#eef2e8) !important;border:1px solid #e8ece5 !important;box-shadow:inset 0 2px #fff,0 12px 22px -14px #123d2c55 !important}
.cat-emoji{font-size:51px !important}
.categories .category h3{font-size:20.5px !important;text-align:center !important}
.categories .cat-btn{margin:4px 0 0 !important}
@media(max-width:900px){.categories{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:560px){.categories{grid-template-columns:repeat(2,1fr) !important}.hero-caption h1{font-size:43.5px !important}}

/* ===== FEATURE BANNER ===== */
.feature-banner{display:block !important;position:relative !important;overflow:hidden !important;border-radius:24px !important;min-height:440px !important;background:var(--green)}
.feature-banner .feature-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right}
.feature-banner::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,41,29,.8) 0%,rgba(9,41,29,.55) 34%,rgba(9,41,29,.15) 58%,rgba(9,41,29,0) 74%)}
.feature-banner .feature-copy{position:relative;z-index:2;max-width:600px;padding:70px 56px}
.feature-banner .feature-copy h2{font-size:53px;line-height:1.15}
.feature-banner .feature-copy p{font-size:20.5px}
@media(max-width:720px){.feature-banner{min-height:340px !important}.feature-banner .feature-copy{padding:44px 26px;max-width:100%}.feature-banner .feature-copy h2{font-size:36px}.feature-banner .feature-copy p br{display:none}}


/* ===== HERO SLIDER - tek tek, tam gorunum ===== */
.hero-slider{position:relative;overflow:hidden;background:#0d2b1f}
.hero-viewport{overflow:hidden;width:100%;height:auto;transition:height .7s cubic-bezier(.22,.8,.3,1)}
.hero-track{display:flex;align-items:flex-start;transition:transform .7s cubic-bezier(.22,.8,.3,1);will-change:transform}
.hero-slide{flex:0 0 100%;position:relative;overflow:hidden;height:auto;background:#0d2b1f;display:flex;flex-direction:column;justify-content:flex-start}
.hero-slide-img{width:100%;height:auto;object-fit:contain;display:block;flex:0 0 auto}
.hero-overlay{position:absolute;inset:0;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(9,41,29,.92) 0%,rgba(9,41,29,.62) 40%,rgba(9,41,29,.12) 68%,rgba(9,41,29,0) 100%)}
.hero-overlay-inner{padding:0 clamp(26px,4.5vw,72px);max-width:min(680px,88%)}
.hero-overlay .eyebrow{color:#d9e8d9 !important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 14px;display:inline-block;font-size:clamp(9px,.85vw,12px);letter-spacing:1.6px}
.hero-overlay h1{color:#fff !important;font-size:clamp(30px,3.7vw,56px) !important;line-height:1.1 !important;max-width:720px !important;margin:16px 0 0 !important}
.hero-overlay h1 em{color:#fff !important;font-style:normal !important;position:relative;white-space:nowrap}
.hero-overlay h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:.18em;background:rgba(255,255,255,.28);border-radius:999px;z-index:-1}
.hero-overlay p{color:#eef4ee !important;font-size:clamp(13px,1.05vw,17px) !important;line-height:1.55 !important;max-width:520px !important;margin:14px 0 0 !important}
.hero-overlay .buttons{display:flex;align-items:center;gap:22px;margin-top:20px !important;flex-wrap:wrap}
.hero-overlay .button{background:#fff !important;color:#123d2c !important;border-radius:999px !important;padding:13px 24px !important;font-size:clamp(12px,1vw,14px) !important;font-weight:800 !important}
.hero-overlay .button:hover{background:#f5eedf !important}
.hero-overlay .text-link{color:#fff !important;font-size:clamp(12px,1vw,14px) !important;font-weight:800 !important}
.hero-overlay .text-link svg{color:#fff !important}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(9,41,29,.5);color:#fff;font-size:26.5px;line-height:1;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center;transition:background .2s}
.hero-arrow:hover{background:#123d2c}
.hero-prev{left:18px}
.hero-next{right:18px}
.hero-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:6}
.hero-dots button{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.45);cursor:pointer;padding:0}
.hero-dots button.active{background:#fff}
@media(max-width:900px){
  .hero-overlay{background:linear-gradient(90deg,rgba(9,41,29,.94) 0%,rgba(9,41,29,.76) 58%,rgba(9,41,29,.18) 100%)}
  .hero-overlay-inner{padding:0 16px;max-width:100%}
  .hero-overlay .eyebrow{font-size:9.5px;padding:4px 9px;letter-spacing:1.2px}
  .hero-overlay h1{font-size:clamp(19px,5.2vw,30px) !important;margin-top:9px !important}
  .hero-overlay p{font-size:clamp(11px,2.9vw,14px) !important;line-height:1.45 !important;max-width:100% !important;margin-top:8px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hero-overlay .buttons{gap:14px;margin-top:11px !important}
  .hero-overlay .button{padding:9px 15px !important;font-size:14px !important}
  .hero-overlay .text-link{font-size:14px !important}
  .hero-arrow{width:36px;height:36px;font-size:20.5px;background:rgba(9,41,29,.55)}
  .hero-prev{left:8px}
  .hero-next{right:8px}
  .hero-dots{bottom:10px}
}

@media(max-width:400px){
  .hero-overlay p{display:none !important}
  .hero-overlay h1{font-size:clamp(18px,5.4vw,22px) !important}
  .hero-overlay .buttons{margin-top:10px !important;gap:12px}
  .hero-overlay .button{padding:8px 12px !important;font-size:12.5px !important}
  .hero-overlay .text-link{font-size:12.5px !important}
}

@media(max-width:360px){
  .hero-overlay .buttons{gap:9px;flex-wrap:nowrap}
  .hero-overlay .button{padding:7px 10px !important;font-size:12px !important}
  .hero-overlay .text-link{font-size:12px !important}
  .hero-overlay h1{font-size:clamp(17px,5.2vw,20px) !important}
}

/* ===== BLOG DESIGN + SEO GORUNUM ===== */
.article-photo img{object-fit:cover!important;mix-blend-mode:normal!important}
.article-photo.banner img{object-fit:cover!important}
.reading{max-width:1080px}
.reading>h1{font-size:clamp(30px,4.4vw,52px)!important;line-height:1.14!important;letter-spacing:-1.4px!important;max-width:820px!important;margin-bottom:16px!important}
.reading-image{object-fit:cover!important;height:clamp(280px,42vw,520px)!important;border-radius:14px!important;margin:24px 0 34px!important;background:#eef1e8!important}
.reading>p{font-size:19px!important;line-height:1.95!important;color:#46564b!important}
.reading>p.intro{font-size:23px!important;line-height:1.8!important;color:#24402f!important;font-weight:500!important}
.reading .buttons{margin-top:34px!important}
.reading-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#7d8a7d;font-size:13.5px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:14px}
.reading-meta .dot{width:4px;height:4px;border-radius:50%;background:#b79253}
.reading-meta .cat{color:#123d2c;font-weight:800}
@media(max-width:600px){
  .reading-image{height:240px!important;border-radius:10px!important}
  .reading>h1{font-size:35px!important}
  .reading>p{font-size:17.5px!important}
  .reading>p.intro{font-size:19px!important}
}

/* ===== BLOG READING ENHANCEMENTS ===== */
.reading h2{
  font-size:clamp(22px,3vw,30px)!important;letter-spacing:-1px!important;margin:46px 0 14px 0!important;
  color:var(--deep)!important;position:relative;padding-left:14px;display:flex;align-items:center;
}
.reading h2::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:5px;background:var(--green);border-radius:2px;}
.reading h2 .sec-dot{font-size:17px;margin-right:10px;}
.reading h3{
  font-size:clamp(17px,2vw,20px)!important;margin:32px 0 10px 0!important;color:var(--ink)!important;font-weight:800;
}
.reading p{margin:0 0 16px 0;}
.reading-tip{
  background:#eef4ec;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:18px 22px;margin:30px 0;display:flex;gap:12px;align-items:flex-start;
}
.reading-tip b{color:var(--deep);font-size:14.5px;text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:6px;}
.reading-tip p{margin:0;color:#46564b;font-size:17px;line-height:1.7;}
.reading-pullquote{
  font-size:clamp(19px,2.8vw,24px);font-weight:800;color:var(--green);line-height:1.45;text-align:center;
  margin:36px 0;padding:0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-style:italic;
}
.reading-related{
  margin-top:50px;padding-top:30px;border-top:1px solid var(--line);
}
.reading-related .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#80906f;margin-bottom:10px;display:block;font-weight:800;}
.reading-related h3{font-size:26.5px;margin:0 0 20px 0!important;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;}
.related-item{
  border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:#fff;transition:transform .2s,border-color .2s;
}
.related-item:hover{border-color:var(--green);transform:translateY(-3px);}
.related-item img{width:100%;height:140px;object-fit:cover;border-radius:6px;background:#f4f7f2;}
.related-item .eyebrow{font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:#80906f;font-weight:800;margin-bottom:2px;}
.related-item h4{font-size:18px;margin:0;font-weight:800;line-height:1.3;color:var(--ink);}
.related-item p{font-size:14.5px;color:#697168;margin:0;line-height:1.5;}
.reading-image{box-shadow:0 22px 44px -14px #0002;}
.reading .intro{max-width:100%!important;}






/* ===== VALUE CARDS - banner alti (premium, ortalı) ===== */
.value-cards{position:relative}
.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:62px 0 44px}
.value-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 22px 32px;border-radius:24px;overflow:hidden;color:#fff;border:1px solid rgba(207,230,214,.10);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E"),
    radial-gradient(130% 100% at 0% 0%, rgba(207,230,214,.13) 0%, rgba(207,230,214,0) 58%),
    linear-gradient(160deg,#16462f 0%,#123d2c 52%,#0d3123 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 40px -30px rgba(0,0,0,.9);
  transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease,border-color .45s ease}
.value-card:hover{transform:translateY(-6px);border-color:rgba(207,230,214,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 34px 64px -34px rgba(0,0,0,.95)}
.value-card::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,rgba(207,230,214,0),rgba(207,230,214,.55),rgba(207,230,214,0));transform-origin:center center;transition:transform .9s cubic-bezier(.22,.61,.36,1) .25s}
.value-cards.reveal-armed .value-card::before{transform:scaleX(0)}
.value-cards.is-in .value-card::before{transform:scaleX(1)}
.value-card::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-80%;width:45%;pointer-events:none;opacity:0;transform:skewX(-14deg);background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.12),rgba(255,255,255,0))}
.value-card:hover::after{animation:mbSheen 1.1s ease .05s 1}
@keyframes mbSheen{0%{opacity:0;left:-80%}12%{opacity:1}100%{opacity:0;left:130%}}

.value-card .card-icon{position:relative;display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0 auto 22px;border-radius:50%;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.18),rgba(255,255,255,.03) 62%),linear-gradient(150deg,rgba(207,230,214,.22),rgba(207,230,214,.03));
  box-shadow:inset 0 0 0 1px rgba(207,230,214,.28),inset 0 -8px 14px rgba(0,0,0,.35),0 10px 22px -12px rgba(0,0,0,.9);
  transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s ease}
.value-card:hover .card-icon{transform:translateY(-2px) rotate(4deg);box-shadow:inset 0 0 0 1px rgba(207,230,214,.42),inset 0 -8px 14px rgba(0,0,0,.35),0 14px 26px -12px rgba(0,0,0,.95)}
.card-icon::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(207,230,214,.16)}
.card-icon::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(207,230,214,.45);opacity:0;animation:mbHalo 3.8s ease-out infinite}
.value-card:nth-child(2) .card-icon::after{animation-delay:.9s}
.value-card:nth-child(3) .card-icon::after{animation-delay:1.8s}
.value-card:nth-child(4) .card-icon::after{animation-delay:2.7s}
@keyframes mbHalo{0%{opacity:.55;transform:scale(.88)}65%{opacity:0;transform:scale(1.28)}100%{opacity:0;transform:scale(1.28)}}

.value-card .ico{position:relative;z-index:1;display:block;width:28px;height:28px}
.value-card .ico .ico-fill{fill:rgba(214,238,223,.18);stroke:none}
.value-card .ico .ico-line{fill:none;stroke:#dcefe2;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

.value-card h3{margin:0 0 12px;font-size:14px;line-height:1.5;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#f4faf6}
.value-card p{margin:0;max-width:228px;font-size:16.5px;line-height:1.75;letter-spacing:.01em;color:rgba(238,246,241,.72)}

.value-cards.reveal-armed .value-card{animation:mbCardIn .85s cubic-bezier(.22,.61,.36,1) backwards;animation-play-state:paused;animation-delay:calc(var(--i,0) * 110ms)}
.value-cards.reveal-armed .value-card .card-icon{animation:mbIconIn .9s cubic-bezier(.22,.61,.36,1) backwards;animation-play-state:paused;animation-delay:calc(var(--i,0) * 110ms + 150ms)}
.value-cards.is-in .value-card,.value-cards.is-in .value-card .card-icon{animation-play-state:running}
@keyframes mbCardIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes mbIconIn{from{opacity:0;transform:scale(.72) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}

@media(max-width:1279px){.value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:52px 0 36px}}
@media(max-width:620px){.value-grid{grid-template-columns:1fr;gap:16px;margin:40px 0 28px}.value-card{padding:28px 20px 26px}.value-card h3{font-size:14px}.value-card p{max-width:none}}
@media(prefers-reduced-motion:reduce){.value-card,.value-card .card-icon,.card-icon::after,.value-card::before{animation:none!important;transition:none!important}.value-card:hover{transform:none}}

/* ===== KATEGORILER PREMIUM ===== */
.categories{gap:54px 18px !important;margin-top:46px !important;padding-bottom:16px !important}
.categories .category{position:relative !important;overflow:visible !important;display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:14px !important;padding:56px 18px 26px !important;border-radius:22px !important;background:linear-gradient(168deg,#fdfbf4 0%,#f7f1e2 62%,#f2ead6 100%) !important;border:1px solid #e9dfc8 !important;border-bottom:4px solid #dbcaa8 !important;box-shadow:inset 0 2px #fff,0 16px 32px -24px rgba(18,61,44,.55) !important;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s,border-color .28s !important}
.categories .category::before{content:"";position:absolute;left:26px;right:26px;top:0;height:1px;background:linear-gradient(90deg,rgba(183,146,83,0),rgba(183,146,83,.5),rgba(183,146,83,0));pointer-events:none}
.categories .category:hover{transform:translateY(-6px) !important;border-color:#ddcfae !important;box-shadow:inset 0 2px #fff,0 32px 46px -26px rgba(18,61,44,.5) !important}
.categories .cat-circle{position:absolute !important;top:-38px !important;left:50% !important;transform:translateX(-50%) !important;width:92px !important;height:92px !important;border-radius:50% !important;background:radial-gradient(circle at 32% 26%,#ffffff 0%,#fbf6ea 56%,#efe6d2 100%) !important;border:1px solid #e7dbc2 !important;box-shadow:inset 0 0 0 6px rgba(255,255,255,.72),0 14px 26px -14px rgba(18,61,44,.55) !important;display:grid !important;place-items:center !important;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s !important}
.categories .category:hover .cat-circle{transform:translateX(-50%) translateY(-3px) !important;box-shadow:inset 0 0 0 6px rgba(255,255,255,.85),0 20px 32px -16px rgba(18,61,44,.62) !important}
.cat-emoji{font-size:53px !important;line-height:1 !important;filter:drop-shadow(0 6px 8px rgba(18,61,44,.16)) !important;transition:transform .35s !important}
.categories .category:hover .cat-emoji{transform:scale(1.07) rotate(-3deg) !important}
.categories .category h3{color:#123d2c !important;font-size:20px !important;font-weight:800 !important;line-height:1.35 !important;letter-spacing:-.01em !important;margin:0 !important;text-align:center !important;flex:none !important;min-height:45px !important;display:flex !important;align-items:center !important;justify-content:center !important}
.categories .cat-btn{margin:0 !important;flex:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;background:#123d2c !important;color:#fff !important;border:1px solid #123d2c !important;border-bottom:3px solid #09291d !important;border-radius:999px !important;padding:11px 22px !important;font-size:15.5px !important;font-weight:800 !important;box-shadow:0 8px 16px -10px rgba(9,41,29,.9) !important;transition:background .25s,box-shadow .25s,transform .25s !important}
.categories .category:hover .cat-btn{background:#0e3225 !important;color:#fff !important;box-shadow:0 12px 20px -12px rgba(9,41,29,.95) !important}
.categories .cat-btn svg{width:15px !important;height:15px !important;color:#fff !important;transition:transform .25s !important}
.categories .category:hover .cat-btn svg{transform:translate(2px,-2px) !important}
@media(max-width:900px){
  .categories{gap:48px 16px !important;margin-top:42px !important}
  .categories .cat-circle{width:82px !important;height:82px !important;top:-34px !important}
  .cat-emoji{font-size:46px !important}
  .categories .category{padding:52px 14px 22px !important}
  .categories .category h3{font-size:18px !important;min-height:42px !important}
}
@media(max-width:560px){
  .categories{grid-template-columns:repeat(2,1fr) !important;gap:44px 12px !important;margin-top:38px !important}
  .categories .cat-circle{width:72px !important;height:72px !important;top:-30px !important;box-shadow:inset 0 0 0 5px rgba(255,255,255,.72),0 10px 20px -12px rgba(18,61,44,.55) !important}
  .cat-emoji{font-size:40px !important}
  .categories .category{padding:44px 10px 18px !important;border-radius:18px !important;border-bottom-width:3px !important}
  .categories .category h3{font-size:16px !important;min-height:38px !important}
  .categories .cat-btn{padding:9px 14px !important;font-size:13.5px !important;gap:6px !important}
}

/* hover animasyonu icin giris animasyonu sonunda transform serbest kalsin */
.categories .category{animation-fill-mode:backwards !important}

/* ===== HOME PRODUCTS - manda baba seckisi ===== */
.product .mb-badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(160deg,#fdfaf1,#f2e9d7);color:#123d2c;border:1px solid #e4d7b9;border-radius:999px;padding:5px 11px;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 6px 14px -8px rgba(18,61,44,.55);pointer-events:none}
.product .mb-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:#b79253}
@media(max-width:600px){.product .mb-badge{padding:4px 8px;font-size:9.5px;letter-spacing:.06em;top:9px;left:9px}}


/* ===== SAYFA BANTLARI (menu alti yesil baslik) ===== */
.page-banner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(150px,19.5vw,285px);margin:0;padding:clamp(38px,5.6vw,66px) 20px;background:linear-gradient(180deg,#417454 0%,#3b6c4d 46%,#356344 100%);overflow:hidden;isolation:isolate}
.page-banner::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:4px 4px;opacity:.55;pointer-events:none;z-index:0}
.page-banner-title{position:relative;z-index:1;margin:0!important;padding:0;color:#fff!important;font-size:clamp(44px,7.6vw,88px)!important;font-weight:900!important;line-height:1.04!important;letter-spacing:-.045em!important;text-transform:lowercase;text-align:center;text-wrap:balance;max-width:min(92vw,1200px)}
.page-banner.is-long .page-banner-title{font-size:clamp(34px,5.4vw,62px)!important;letter-spacing:-.035em!important}
.page-banner.is-xlong .page-banner-title{font-size:clamp(26px,4.1vw,48px)!important;letter-spacing:-.03em!important}
@media(max-width:600px){
  main > .page-banner:first-child{margin-top:-50px}
}
@media(max-width:620px){
  .page-banner{min-height:138px;padding:34px 16px}
  .page-banner-title{font-size:clamp(36px,9.6vw,48px)!important}
  .page-banner.is-long .page-banner-title{font-size:34px!important}
  .page-banner.is-xlong .page-banner-title{font-size:27px!important}
}
/* ===== ILETISIM PAGE ===== */
.contact-page .breadcrumb{margin-bottom:22px!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.contact-page{padding-top:22px}
.contact-hero{max-width:780px;margin:0 0 36px}
.contact-hero h1{margin:10px 0 16px;font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-1.6px;color:#123d2c}
.contact-hero p{max-width:600px;margin:0;font-size:19px;line-height:1.75;color:#5a6a5f}
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:36px 0 0}
.contact-card{position:relative;display:flex;flex-direction:column;gap:5px;padding:26px 22px 22px;border-radius:22px;background:linear-gradient(168deg,#fdfbf4 0%,#f7f1e2 62%,#f2ead6 100%);border:1px solid #e9dfc8;border-bottom:4px solid #dbcaa8;box-shadow:inset 0 2px #fff,0 7px #e3d7b8,0 12px 0 -3px #ece4cf,0 24px 30px -16px rgba(18,61,44,.45);color:inherit;text-decoration:none;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s,border-color .28s}
a.contact-card:hover{transform:translateY(-6px);border-color:#dccfae;box-shadow:inset 0 2px #fff,0 9px #e3d7b8,0 15px 0 -3px #ece4cf,0 34px 44px -20px rgba(18,61,44,.5)}
.contact-card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:14px;background:#123d2c;color:#f5eedf;box-shadow:0 12px 20px -14px rgba(9,41,29,.95)}
.contact-card-icon svg{width:22px;height:22px}
.contact-card-kicker{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8d7c56}
.contact-card h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em;color:#123d2c}
.contact-card p{margin:0;font-size:15.5px;line-height:1.6;color:#5f7164}
.contact-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:14px;font-weight:800;color:#123d2c}
.contact-card-link svg{transition:transform .25s}
a.contact-card:hover .contact-card-link svg{transform:translate(2px,-2px)}
.contact-card-wa{background:linear-gradient(160deg,#1a4a33 0%,#123d2c 58%,#0e3225 100%);border-color:#0d3123;border-bottom-color:#09291d;box-shadow:inset 0 2px rgba(255,255,255,.18),0 7px #4d6b56,0 12px 0 -3px rgba(9,41,29,.35),0 24px 30px -16px rgba(9,41,29,.6)}
.contact-card-wa h3{color:#fff}
.contact-card-wa .contact-card-kicker{color:#a9c7b3}
.contact-card-wa p{color:rgba(255,255,255,.72)}
.contact-card-wa .contact-card-icon{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.contact-card-wa .contact-card-link{color:#f5eedf}

.contact-split{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}
.contact-form-panel{background:#fff;border:1px solid #e6ece4;border-bottom:4px solid #dfe8e0;border-radius:22px;padding:32px;box-shadow:inset 0 2px #fff,0 7px #e6ece4,0 12px 0 -3px #eef2ec,0 28px 36px -22px rgba(18,61,44,.42)}
.contact-form-panel h2{margin:8px 0;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.9px;color:#123d2c}
.contact-form-panel>p{margin:0 0 22px;font-size:16.5px;line-height:1.7;color:#5f7164}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.contact-form-panel label{display:block;margin:0 0 14px;font-size:14px;font-weight:700;color:#3d5446}
.contact-form-panel label>input:not([type=checkbox]),.contact-form-panel label>textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #dfe8df;border-radius:10px;background:#fbfdf9;font:inherit;font-size:16px;color:#123d2c;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-form-panel label>input:focus,.contact-form-panel label>textarea:focus{outline:none;border-color:#123d2c;background:#fff;box-shadow:0 0 0 3px rgba(18,61,44,.10)}
.contact-form-panel textarea{resize:vertical;min-height:110px}
.contact-check{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important;font-size:13.5px!important;line-height:1.6;color:#65766a!important}
.contact-check input{width:15px;height:15px;margin:2px 0 0;accent-color:#123d2c;flex-shrink:0}
.contact-check a{text-decoration:underline}
.contact-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:12px 20px;border:1px solid #123d2c;border-bottom:3px solid #09291d;border-radius:999px;background:#123d2c;color:#fff;font-size:16.5px;font-weight:800;cursor:pointer;box-shadow:0 12px 22px -16px rgba(9,41,29,.95);transition:background .25s,transform .25s,box-shadow .25s}
.contact-submit:hover{background:#0e3225;transform:translateY(-1px);box-shadow:0 16px 26px -16px rgba(9,41,29,.95)}
.contact-submit-icon{display:grid;place-items:center}
.contact-submit-icon svg{width:19px;height:19px}

.contact-map-panel{display:flex;flex-direction:column;overflow:hidden;min-height:420px;border:1px solid #e6ece4;border-bottom:4px solid #dfe8e0;border-radius:22px;background:#fff;box-shadow:inset 0 2px #fff,0 7px #e6ece4,0 12px 0 -3px #eef2ec,0 28px 36px -22px rgba(18,61,44,.42)}
.contact-map-head{padding:20px 24px 16px;border-bottom:1px solid #eef2ec}
.contact-map-head h3{margin:2px 0 0;font-size:19px;font-weight:800;color:#123d2c}
.contact-map-panel iframe{flex:1;width:100%;min-height:300px;border:0;display:block}
.contact-map-foot{padding:13px 24px;background:#f8faf6;border-top:1px solid #eef2ec;font-size:14px;color:#5f7164}
.contact-links{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 6px}
.contact-links a{padding:9px 16px;border:1px solid #e2e9e2;border-radius:999px;background:#fff;font-size:14px;font-weight:700;color:#123d2c;transition:border-color .2s,background .2s,transform .2s}
.contact-links a:hover{border-color:#123d2c;background:#f4f8f3;transform:translateY(-1px)}
@media(max-width:1000px){
  .contact-split{grid-template-columns:1fr}
  .contact-map-panel{min-height:0}
  .contact-map-panel iframe{min-height:320px}
}
@media(max-width:860px){
  .contact-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .contact-card-wa{grid-column:1/-1}
}
@media(max-width:620px){
  .contact-cards{grid-template-columns:1fr;gap:16px;margin-top:28px}
  .contact-card-wa{grid-column:auto}
  .contact-hero h1{font-size:38.5px;letter-spacing:-1px}
  .contact-hero p{font-size:17px}
  .contact-form-panel{padding:22px}
  .contact-form-row{grid-template-columns:1fr}
  .contact-page{padding-top:16px}
}

/* ===== RESPONSIVE FOOTER FIX ===== */
@media(max-width:850px){
  footer .footer-top,footer .footer-bottom{width:calc(100% - 36px) !important;max-width:1080px !important}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:26px 28px !important;align-items:start !important}
  .footer-brand{display:none !important}
}
@media(max-width:380px){
  .footer-top{grid-template-columns:1fr !important;gap:22px !important}
}

/* ===== RESPONSIVE CARD BUTTON FIX ===== */
@media(max-width:400px){
  .product-bottom .whatsapp-add{font-size:12.5px !important;padding:8px 6px !important;gap:4px !important}
  .product-bottom .whatsapp-add svg{width:14px !important;height:14px !important}
}