@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--cream:#f8f6f0;--paper:#fcfbf7;--ink:#1c2822;--muted:#6b716c;--green:#153d2c;--red:#8e2326;--line:#e5e2d8;--max:1300px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.65 'DM Sans',system-ui,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.wrap{max-width:var(--max);margin:auto;padding:0 30px}.site-header{height:90px;background:rgba(248,246,240,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid #dfdfd5;backdrop-filter:blur(16px)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand,.foot-brand{display:inline-flex;align-items:center;gap:7px;font-family:'Manrope',sans-serif;font-weight:800;font-size:23px;letter-spacing:2px;line-height:1;color:#12261b}.brand small{display:block;font:500 8px/1.9 'DM Sans',sans-serif;letter-spacing:1.9px}.mark{color:#607a42}.desktop-nav,.head-right{display:flex;align-items:center;gap:35px}.desktop-nav a{font-size:13px;font-weight:600}.desktop-nav a:hover,.text-link:hover{color:var(--red)}.head-right{gap:17px}.search-icon{font-size:30px;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 23px;border:1px solid var(--ink);border-radius:9px;background:transparent;color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:18px}.btn-small{background:var(--green);color:#fff;border-color:var(--green);padding:12px 20px}.btn-accent{background:var(--red);border-color:var(--red);color:#fff}.mob-menu,.mobile-nav{display:none}.hero{background:radial-gradient(ellipse at 81% 32%,#e5dac4 0%,transparent 43%),linear-gradient(110deg,#faf9f4,#eae3d6);overflow:hidden}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.hero-copy{position:relative;z-index:2;padding:80px 0 46px}.eyebrow,.overline{font-size:11px;letter-spacing:2.3px;text-transform:uppercase;color:var(--red);font-weight:700}.hero h1{font:800 clamp(52px,6vw,86px)/1.10 'Manrope',sans-serif;letter-spacing:-5px;margin:27px 0}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy>p{max-width:425px;color:#596058;font-size:16px;margin:0 0 27px}.hero-notes{display:flex;gap:26px;flex-wrap:wrap;margin-top:55px;color:#49574e;font-size:12px}.hero-art{position:relative;height:565px;display:flex;align-items:center;justify-content:center}.hero-halo{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#e8ded0 51%,transparent 72%);opacity:.85}.hero-product{position:absolute;object-fit:contain;filter:drop-shadow(10px 23px 13px rgba(28,24,14,.17))}.product-one{height:380px;top:100px;left:5%;transform:rotate(-11deg);z-index:2}.product-two{height:360px;top:120px;left:40%;transform:rotate(10deg);z-index:3}.product-three{height:245px;top:245px;right:0;transform:rotate(12deg);z-index:4}.floating-leaf{position:absolute;font-size:135px;right:1%;top:30px;color:#748c60;opacity:.2}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-top h2,.story h2,.related h2{font:700 clamp(35px,4vw,52px)/1.2 'Manrope',sans-serif;letter-spacing:-2px;margin:10px 0}.section-top>p{color:var(--muted);max-width:270px}.category-section,.picks-section{padding-top:86px;padding-bottom:45px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cat-card{height:280px;background-image:linear-gradient(180deg,rgba(10,21,13,.1),rgba(9,17,12,.76)),var(--cat);background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:space-between;padding:27px;color:#fff;border-radius:13px;overflow:hidden;transition:transform .2s}.cat-card:hover{transform:translateY(-4px)}.cat-card h3{font:600 35px/1.2 'Manrope',sans-serif;letter-spacing:-1px;margin:0 0 8px}.cat-card p{max-width:220px;font-size:13px;margin:0}.round-arrow{width:48px;height:48px;border-radius:50%;border:1px solid #c9d6cf;display:grid;place-items:center;font-size:23px;flex-shrink:0}.text-link{color:var(--green);font-size:13px;font-weight:700}.text-link span{padding-left:12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{min-width:0}.product-photo{height:340px;background:#fffdfa;border:1px solid #ebe8e1;position:relative;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo img{height:94%;width:94%;object-fit:contain;transition:transform .35s}.product-card:hover img{transform:scale(1.055)}.card-arr{position:absolute;right:15px;bottom:15px;background:#fff;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;box-shadow:0 4px 20px #25302112}.prod-copy{padding:14px 6px 25px}.product-brand{color:var(--red);text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:700}.prod-copy h3{font:700 15px/1.55 'Manrope',sans-serif;margin:7px 0}.view-text{color:var(--muted);font-size:12px}.view-text span{margin-left:10px}.story{display:grid;grid-template-columns:1.12fr .88fr;background:#e8e6da;margin-top:65px}.story-image{min-height:450px;background:linear-gradient(90deg,transparent,#06150f20),url('/assets/tea-banner.webp') center/cover}.story-text{align-self:center;padding:75px 65px}.story-text p{max-width:430px;color:#606d64;margin:20px 0 30px}.brand-strip{padding-top:62px;padding-bottom:70px}.brand-logos{display:flex;gap:30px 40px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:30px}.brand-logos a{font:800 18px/1.2 'Manrope',sans-serif;color:#345340}.brand-logos a:hover{color:var(--red)}.footer{background:#103625;color:#e5f0e8;padding:70px 0 24px}.foot-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr;gap:45px}.foot-brand{color:#fff;font-size:23px}.footer p{max-width:320px;font-size:13px;color:#abc6b4}.foot-grid b{font-size:13px;display:block;margin-bottom:20px}.foot-grid a:not(.foot-brand){display:block;font-size:13px;color:#d7e6db;margin:8px 0}.foot-bottom{margin-top:66px;border-top:1px solid #ffffff27;padding-top:22px;font-size:12px;color:#adc5b3}.page-heading{padding-top:85px;padding-bottom:40px}.page-heading h1,.content-page h1{font:800 clamp(46px,6vw,72px)/1.15 'Manrope',sans-serif;letter-spacing:-3px;margin:15px 0}.page-heading>p,.content-page>p{font-size:17px;color:var(--muted);max-width:650px}.catalog{padding-bottom:110px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:32px}.filters form{display:flex;min-width:min(100%,420px);flex:1}.filters input,.filters select{border:1px solid #dcdcd3;background:#fff;padding:12px 15px;border-radius:9px;outline:none}.filters form input{flex:1;min-width:0}.filters form button{margin-left:8px}.filters select{min-width:170px;max-width:240px}.results{font-size:13px;color:var(--muted);margin-left:auto}.empty{padding:50px 0}.empty a{color:var(--red)}.breadcrumbs{color:var(--muted);font-size:12px;padding-top:35px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-top:30px;padding-bottom:80px}.detail-photo{height:625px;background:#fff;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center}.detail-photo img{width:96%;height:96%;object-fit:contain}.detail-info h1{font:700 clamp(37px,4vw,56px)/1.2 'Manrope',sans-serif;letter-spacing:-2px}.detail-info>p{color:var(--muted);max-width:500px}.detail-divider{margin:35px 0;border-top:1px solid var(--line)}.detail-meta{display:flex;align-items:center;justify-content:space-between;max-width:430px;border-bottom:1px solid var(--line);padding:13px 0;gap:10px}.detail-meta span{font-size:11px;letter-spacing:1px;color:var(--muted)}.detail-meta strong{font-size:13px}.detail-cta{margin-top:35px}.detail-info .no-price{font-size:12px}.related{padding-bottom:110px}.brand-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:50px 0 70px}.brand-directory a{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 25px;font-weight:700}.brand-directory a:hover{background:#e7eee7}.content-page{padding-top:105px;padding-bottom:120px;min-height:60vh}.content-page h1{max-width:780px}.content-page .btn{margin-top:25px}.contact-detail{padding-top:30px}.contact-detail a:not(.btn){color:var(--red)}.auth-box{max-width:430px;margin:95px auto 145px;background:#fff;border:1px solid var(--line);padding:40px;border-radius:14px}.auth-box h1{font-size:32px;margin:13px 0 30px}.auth-box .btn{width:100%;margin-top:22px}.error{color:#9a1e1e}.admin-content{padding-top:60px;padding-bottom:90px;min-height:60vh}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-head h1,.admin-content>h1{font:700 42px/1.3 'Manrope',sans-serif;letter-spacing:-1px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.dashboard-grid div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px}.dashboard-grid span{display:block;color:var(--muted)}.dashboard-grid strong{display:block;font:800 48px 'Manrope',sans-serif;color:var(--green)}.admin-buttons{display:flex;gap:15px;margin-top:24px}.admin-table-wrap{margin:22px 0;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:12px 15px;text-align:left;font-size:13px}.admin-table th{background:#eee9df}.table-img{width:55px;height:65px;object-fit:contain}.admin-edit{color:var(--red);font-weight:700}.edit-content{max-width:1000px}.back-link{color:var(--red)}.edit-current{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:10px;margin:15px 0}.edit-current img{width:140px;height:150px;object-fit:contain}.edit-content label,.auth-box label{display:block;font-weight:600;font-size:13px;margin:16px 0}.edit-content input[type=text],.auth-box input,.edit-content textarea,.edit-content input[list]{display:block;width:100%;border:1px solid #cfcfc8;border-radius:7px;background:#fff;padding:11px 13px;outline-color:#486c58;margin-top:5px}.edit-content textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.check-row{display:flex;gap:28px;margin:16px 0}.check-row label{margin:0}.edit-content hr{margin:40px 0;border:0;border-top:1px solid var(--line)}.edit-content input[type=file]{display:block;margin:15px 0}.delete-btn{background:transparent;color:#a71616;border:1px solid #a71616;border-radius:7px;padding:10px 15px}.btn-plain{border:0;background:transparent;color:var(--red);font-weight:700}
@media(max-width:1100px){.hero h1{font-size:60px}.hero-grid{grid-template-columns:1fr .8fr}.product-photo{height:280px}.desktop-nav{gap:18px}.hero-notes{gap:12px}.brand-logos{justify-content:start}}
@media(max-width:800px){.site-header,.header-inner{height:72px}.desktop-nav{display:none}.mob-menu{display:inline-block;background:transparent;border:0;font-size:24px}.mobile-nav.show{display:flex}.mobile-nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;gap:5px;padding:18px 25px;background:var(--paper);box-shadow:0 10px 30px #1e271d18}.mobile-nav a{padding:8px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:65px 0 30px}.hero h1{font-size:clamp(44px,8vw,65px);letter-spacing:-3px}.hero-art{height:395px}.hero-halo{width:340px;height:340px}.product-one{height:300px;left:10%;top:35px}.product-two{height:270px;top:60px;left:40%}.product-three{height:170px;top:165px;right:3%}.section-top{align-items:start}.category-grid{grid-template-columns:1fr 1fr}.cat-card{height:240px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-photo{height:290px}.story{grid-template-columns:1fr}.story-image{min-height:340px}.story-text{padding:50px 30px}.foot-grid{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:1fr;gap:30px}.detail-photo{height:450px}.brand-directory{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.wrap{padding-left:17px;padding-right:17px}.brand{font-size:16px;letter-spacing:1px}.brand small{font-size:6px}.brand svg{width:23px}.head-right .btn-small{display:none}.hero h1{font-size:43px}.hero-notes{font-size:10px}.hero-art{height:280px}.hero-halo{width:280px;height:260px}.product-one{height:220px;left:6%;top:10px}.product-two{height:215px;top:24px;left:37%}.product-three{height:145px;top:105px}.section-top{display:block}.section-top h2{font-size:33px}.category-section,.picks-section{padding-top:50px}.category-grid{grid-template-columns:1fr}.cat-card{height:215px}.product-grid{gap:11px}.product-photo{height:205px}.prod-copy h3{font-size:12px}.product-brand,.view-text{font-size:10px}.foot-grid{grid-template-columns:1fr 1fr;gap:30px}.foot-grid>div:first-child{grid-column:span 2}.filters select{flex:1;min-width:0}.filters .results{width:100%}.detail-photo{height:330px}.detail-info h1{font-size:35px}.brand-directory{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid div{padding:17px}.dashboard-grid strong{font-size:35px}.admin-head{flex-wrap:wrap}.auth-box{margin:60px 18px}}

/* 2026 KahveMet: approved editorial homepage reproduction. */

:root{--cream:#f8f5ef;--paper:#fbf9f4;--ink:#141715;--muted:#615f5a;--green:#082c1d;--red:#850409;--line:#e7e2d8;--max:1510px}
body{background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.5}
.wrap{width:100%;max-width:var(--max);padding-left:clamp(24px,6.25vw,82px);padding-right:clamp(24px,6.25vw,82px)}
.site-header{height:83px;background:rgba(251,249,244,.96);border:0;border-bottom:1px solid rgba(74,62,41,.07);box-shadow:none;z-index:60}
.site-header.home-head{background:transparent;position:absolute;top:0;right:0;left:0;border:0;backdrop-filter:none}
.header-inner{height:83px;gap:20px}
.brand,.foot-brand{font-family:'DM Sans',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#080e0a;font-size:23px;letter-spacing:.115em;font-weight:800;line-height:1}
.brand .mark{height:23px;display:block;color:#394532;margin-bottom:3px}
.brand .mark svg{width:28px;height:27px}
.brand>span:not(.mark){text-align:center}
.brand small,.foot-brand small{display:block;font:600 6px/1.5 'DM Sans',sans-serif;letter-spacing:1.7px;margin-top:5px}
.desktop-nav{gap:36px;margin-left:auto;margin-right:auto}
.desktop-nav a{font-size:13px;font-weight:600;color:#1c1e1a;transition:color .2s}
.desktop-nav a:hover{color:var(--red)}
.head-right{gap:16px}
.header-search{display:flex;align-items:center;width:230px;height:41px;background:#fffdf9;border:1px solid #eee9dc;border-radius:10px;padding:0 10px 0 15px;box-shadow:0 4px 18px rgba(72,61,42,.04)}
.header-search input{border:0;background:transparent;width:100%;min-width:0;outline:0;font-size:11px;color:#45433d}
.header-search input::placeholder{color:#a7a29a}
.header-search button{border:0;background:transparent;color:#77736e;font-size:24px;line-height:1;cursor:pointer;padding:0 0 3px 4px}
.btn{border-radius:7px;font:700 13px/1.3 'DM Sans',sans-serif;box-shadow:none}
.btn-small{background:#82000b;color:#fff;border:0;min-height:42px;padding:11px 20px}
.btn-accent{background:#82000b;color:#fff;border:0;min-height:44px;padding:12px 21px}
.btn:hover{transform:translateY(-1px);background:#6e0010;color:#fff}
/* Large approved tea-still-life photograph, with HTML heading & links layered independently. */
.hero{background:#f8f5ef url('/assets/approved-hero.webp') center top/cover no-repeat;overflow:hidden}
.hero-inner{min-height:clamp(475px,44vw,645px);display:flex;align-items:flex-start}
.hero-copy{padding:clamp(110px,10vw,149px) 0 16px;max-width:57%;position:relative;z-index:2}
.hero h1{font:800 clamp(56px,6.55vw,102px)/.98 'DM Sans',Arial,sans-serif;letter-spacing:-.064em;color:#070707;margin:0 0 20px}
.hero h1 em{font-style:normal;color:#870009}
.hero-copy>p{max-width:385px;font-size:clamp(13px,1.4vw,17px);line-height:1.45;color:#3e3a35;margin:0 0 21px}
.hero-notes{display:flex;align-items:center;gap:24px;margin-top:27px;color:#262a25;font-size:10px;line-height:1.15}
.hero-notes span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.hero-notes i{font-size:24px;color:#463b2c;font-style:normal}
.category-section{padding-top:14px;padding-bottom:15px}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.cat-card{padding:0;aspect-ratio:2.04;height:auto;border-radius:7px;background:none;display:block;position:relative;overflow:hidden}
.cat-card img{width:100%;height:100%;object-fit:fill;display:block;transition:transform .45s ease}
.cat-card:hover img{transform:scale(1.035)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.picks-section{padding-top:9px;padding-bottom:23px}
.picks-section .section-top{align-items:center;margin:0 0 17px}
.picks-section .section-top h2{font:600 clamp(40px,5.05vw,71px)/1.12 'Playfair Display',Georgia,serif;color:#090909;letter-spacing:-2px;margin:6px 0 0}
.overline{font:600 10px/1.3 'DM Sans',sans-serif;letter-spacing:1.8px;color:#a03d32}
.picks-aside{display:flex;align-items:center;gap:62px}
.picks-aside p{font-size:13px;line-height:1.4;color:#706b65;margin:0}
.picks-controls{display:flex;gap:8px}
.picks-controls a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dfd8ca;border-radius:50%;font-size:20px;transition:.2s}
.picks-controls a:hover{background:#eee8dc}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.product-card{display:flex;flex-direction:column;min-width:0;background:#fbf8f2;border:1px solid #f2ede3;border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #251d1712}
.product-photo{flex:1;width:100%;height:clamp(192px,21vw,295px);background:transparent;border:0;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px 12px 0}
.product-photo img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 6px 4px #34211f1e)}
.prod-copy{padding:8px 18px 15px;display:flex;align-items:center;gap:7px;justify-content:space-between;min-height:62px}
.prod-copy h3{font:700 clamp(12px,1.26vw,17px)/1.35 'DM Sans',sans-serif;margin:0;letter-spacing:-.02em;color:#1a1a18}
.prod-copy .card-arr{position:static;flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid #dfd8ca;background:transparent;border-radius:50%;font-size:18px;box-shadow:none}
.story{display:grid;grid-template-columns:60.2% 39.8%;background:#efe9dd;margin-top:0;min-height:clamp(248px,23vw,370px)}
.story-image{display:block;min-height:clamp(248px,23vw,370px);background:#1a251b url('/assets/approved-landscape.webp') center center/cover no-repeat;overflow:hidden}
.story-text{align-self:center;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(248px,23vw,370px);padding:clamp(25px,3.2vw,50px) clamp(25px,4vw,66px);background:#efe8dc url('/assets/approved-leaves.webp') right center /auto 100% no-repeat}
.story-text::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f2ebdf 0%,#f2ebdf 62%,transparent 100%);z-index:-1}
.story h2{font:600 clamp(34px,3.8vw,60px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-2px;margin:8px 0 12px;color:#10100e}
.story-text p{font-size:13px;line-height:1.5;color:#6f675d;max-width:450px;margin:0 0 19px}
.story-text .btn{font-size:12px}
.brand-strip{padding-top:20px;padding-bottom:23px}
.brand-logos{display:flex;gap:14px 23px;align-items:center;justify-content:space-between;margin-top:17px;flex-wrap:wrap}
.brand-logos .brand-logo{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:700;white-space:nowrap;letter-spacing:-1px}
.brand-logo-0{color:#a77a27!important}.brand-logo-1{color:#075333!important}.brand-logo-2{color:#b0051c!important}.brand-logo-3{color:#122d16!important}.brand-logo-4{color:#aa0729!important}.brand-logo-5{color:#06438b!important}.brand-logo-6{color:#42322a!important}
.brand-logos .brand-more{font-size:10px;font-family:'DM Sans',sans-serif;color:#48463d}
.footer{background:#032a19;color:#f8f6f2;padding:27px 0 14px;min-height:235px}
.foot-grid{grid-template-columns:2.1fr 1fr 1fr 1.3fr;gap:40px;align-items:start}
.footer .foot-brand{color:#fff;align-items:flex-start;letter-spacing:.08em;font-size:22px;width:max-content}
.foot-brand .mark{height:19px;color:#fff}
.foot-brand .mark svg{width:21px;height:20px}
.footer p{font-size:12px;line-height:1.45;color:#bfcebf;max-width:290px;margin:10px 0}
.social-dots{display:flex;gap:8px;margin-top:12px}
.social-dots span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #a6c1b1;border-radius:50%;font-size:10px}
.foot-grid b{font-size:12px;margin:0 0 13px}
.foot-grid a:not(.foot-brand),.foot-contact span{color:#d1dfd5;display:block;font-size:12px;margin:4px 0}
.foot-bottom{margin-top:25px;padding-top:13px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;color:#b2c3b7;font-size:11px}
/* Catalog, detailed pages and administration continue to use the same design system. */
.page-heading h1,.content-page h1,.detail-info h1{font-family:'Playfair Display',Georgia,serif;letter-spacing:-1px}
.page-heading{padding-top:66px;padding-bottom:30px}
.catalog .product-photo{height:290px}
.catalog .product-card{min-height:360px}
.catalog .prod-copy{min-height:70px}
.footer a:hover{text-decoration:underline}
@media(max-width:1200px){
 .desktop-nav{gap:18px}
 .header-search{width:185px}
 .brand{font-size:19px}
 .hero-copy{max-width:59%}
 .hero-notes{gap:13px;font-size:9px}
 .hero-notes i{font-size:20px}
 .picks-aside{gap:18px}
 .brand-logos .brand-logo{font-size:19px}
}
@media(max-width:900px){
 .site-header,.header-inner{height:74px}
 .desktop-nav{display:none}
 .mob-menu{display:inline-block;background:transparent;border:0;font-size:24px}
 .mobile-nav{position:absolute;top:74px;left:0;right:0;display:none;flex-direction:column;gap:5px;padding:18px 25px;background:#fbf8f2;box-shadow:0 15px 20px #11111116}
 .mobile-nav.show{display:flex}
 .mobile-nav a{padding:8px}
 .hero-copy{max-width:68%}
 .hero h1{font-size:clamp(45px,6.5vw,65px)}
 .hero-inner{min-height:520px}
 .hero-copy{padding-top:110px}
 .hero{background-position:57% top}
 .header-search{width:205px}
 .story{grid-template-columns:1fr 1fr}
 .story h2{font-size:37px}
 .story-text{padding:20px}
 .foot-grid{grid-template-columns:1.6fr 1fr 1fr;gap:25px}
 .foot-contact{display:none}
}
@media(max-width:640px){
 .wrap{padding-left:18px;padding-right:18px}
 .brand{font-size:17px;letter-spacing:1px}
 .brand small{font-size:5px}
 .header-search{display:none}
 .btn-small{display:none!important}
 .site-header,.header-inner{height:67px}
 .mobile-nav{top:67px}
 .hero{background-image:linear-gradient(90deg,rgba(250,248,243,.97),rgba(250,248,243,.89) 58%,rgba(250,248,243,.28)),url('/assets/approved-hero.webp');background-position:61% center}
 .hero-inner{min-height:515px}
 .hero-copy{max-width:100%;padding:100px 0 20px}
 .hero h1{font-size:clamp(43px,9vw,57px);line-height:1.04;letter-spacing:-.06em}
 .hero-copy>p{font-size:14px;max-width:320px}
 .hero-notes{margin-top:26px;gap:13px 18px;flex-wrap:wrap;max-width:350px}
 .hero-notes span{min-width:42%;font-size:9px}
 .category-grid{grid-template-columns:1fr;gap:10px}
 .cat-card{aspect-ratio:2.04}
 .category-section{padding-top:10px}
 .picks-section .section-top{align-items:flex-start}
 .picks-section .section-top h2{font-size:39px}
 .picks-aside{display:none}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .product-photo,.catalog .product-photo{height:clamp(155px,46vw,235px);padding:7px}
 .prod-copy{min-height:62px;padding:8px 10px 10px}
 .prod-copy h3{font-size:12px}
 .prod-copy .card-arr{width:27px;height:27px;font-size:15px}
 .story{grid-template-columns:1fr}
 .story-image{min-height:245px}
 .story-text{padding:30px 20px;min-height:280px}
 .story h2{font-size:40px}
 .brand-logos{justify-content:flex-start;gap:15px 28px}
 .brand-logos .brand-logo{font-size:18px}
 .foot-grid{grid-template-columns:1fr 1fr;gap:25px}
 .foot-about{grid-column:span 2}
 .foot-contact{display:block}
 .footer{padding-top:35px}
 .foot-bottom{gap:18px;flex-wrap:wrap}
 .catalog .product-card{min-height:280px}
}

/* KahveMet 2026/10: ürünler altında tüm resmi kategoriler */
.desktop-nav .nav-dropdown-item{position:relative;height:83px;display:flex;align-items:center}
.nav-dropdown-toggle{display:flex;align-items:center;gap:4px}
.desktop-nav .category-dropdown{position:absolute;left:-20px;top:75px;min-width:245px;max-height:min(600px,75vh);overflow:auto;display:grid;grid-template-columns:1fr;gap:0;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none;background:#fffdfa;border:1px solid #e9e1d4;border-radius:11px;padding:10px;box-shadow:0 22px 55px #1e211f1c;transition:opacity .16s,transform .16s,visibility .16s;z-index:150}
.desktop-nav .nav-dropdown-item:hover .category-dropdown,.desktop-nav .nav-dropdown-item:focus-within .category-dropdown{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.desktop-nav .category-dropdown a{display:flex;align-items:center;justify-content:space-between;border-radius:6px;padding:10px 12px;white-space:nowrap;font-size:13px;color:#242e25;line-height:1.35}
.desktop-nav .category-dropdown a:hover{background:#f5f0e7;color:var(--red)}
.desktop-nav .category-dropdown .all-products-link{font-weight:800;color:var(--red);border-bottom:1px solid #eee7dc;margin-bottom:4px;border-radius:0}
.mobile-category-toggle{display:none}
.edit-content input[type=password]{display:block;width:100%;border:1px solid #cfcfc8;border-radius:7px;padding:12px 13px;background:#fff;margin-top:7px;outline-color:#486c58}
@media(max-width:800px){
 .mobile-nav{max-height:calc(100vh - 72px);overflow:auto;align-items:stretch}
 .mobile-nav .nav-dropdown-toggle{display:flex;justify-content:space-between;align-items:center}
 .mobile-nav .nav-dropdown-toggle a{flex:1}
 .mobile-nav .mobile-category-toggle{display:block;border:1px solid #e4ded3;background:#fff;border-radius:8px;font-size:22px;color:#153d2c;padding:0 16px}
 .mobile-nav .category-dropdown{display:none;background:#fcfbf7;border-radius:8px;padding:6px 8px;max-height:60vh;overflow-y:auto}
 .mobile-nav .nav-dropdown-item.open .category-dropdown{display:grid;grid-template-columns:1fr}
 .mobile-nav .category-dropdown a{padding:8px 16px;border-bottom:1px solid #eee8df;font-size:13px}
 .mobile-nav .category-dropdown .all-products-link{font-weight:bold;color:var(--red)}
}

/* 2026-10-16 bakım v4: genişlik, açılır kategori menüsü, eş ölçülü görseller ve kategori yönetimi */
html,body{width:100%;max-width:100%;overflow-x:clip}
body{min-width:320px}
main,.site-header,.footer{width:100%;min-width:0}
.wrap{width:100%;max-width:var(--max);margin-left:auto;margin-right:auto;min-width:0}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.header-inner>.brand{flex:0 0 auto}
.header-inner>.desktop-nav{min-width:0;flex:1 1 auto;justify-content:center}
.header-inner>.head-right{flex:0 1 auto;min-width:0}
.site-header{isolation:isolate;z-index:200}
.site-header.home-head{z-index:200}
.desktop-nav .nav-dropdown-item{position:relative;height:auto;display:flex;align-items:center;flex-shrink:0}
.desktop-nav .nav-dropdown-toggle{display:flex;align-items:center}
.desktop-nav .nav-dropdown-toggle>a{display:block;padding:21px 0;white-space:nowrap}
.desktop-nav .mobile-category-toggle{display:none}
.desktop-nav .category-dropdown{
  position:absolute;z-index:999;top:calc(100% - 3px);left:-18px;right:auto;
  width:max-content;min-width:250px;max-width:min(350px,90vw);
  padding:9px;background:#fffdf9;border:1px solid #eee6db;border-radius:12px;
  box-shadow:0 24px 44px rgba(24,32,26,.20);display:flex;flex-direction:column;
  visibility:hidden;opacity:0;pointer-events:none;transform:translateY(8px);
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
  max-height:calc(100vh - 96px);overflow-y:auto;
}
.desktop-nav .nav-dropdown-item:hover .category-dropdown,
.desktop-nav .nav-dropdown-item:focus-within .category-dropdown{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)
}
.desktop-nav .category-dropdown>a{
  display:block;flex:0 0 auto;width:100%;text-align:left;white-space:normal;
  font-size:13px;line-height:1.45;font-weight:600;padding:10px 13px;
  border-radius:7px;color:#192c21;
}
.desktop-nav .category-dropdown>a:hover,.desktop-nav .category-dropdown>a:focus-visible{background:#f2ece1;color:#810913}
.desktop-nav .category-dropdown>.all-products-link{border-bottom:1px solid #efe9df;border-radius:0;font-weight:800;color:#810913;margin:0 0 3px}
/* Only one semantic navigation bar is displayed at any given breakpoint. */
.mobile-nav{display:none}
.hero,.hero-inner{width:100%;min-width:0}
.hero-inner,.header-inner,.category-section,.picks-section{margin-inline:auto}
.category-grid>*{min-width:0}
.product-grid>*{min-width:0}
.product-photo,.catalog .product-photo{
  width:100%;height:auto;aspect-ratio:1/1;flex:0 0 auto;display:flex;align-items:center;
  justify-content:center;overflow:hidden;padding:10px;background:#fbf8f2;
}
.product-photo img,.catalog .product-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%}
.detail-photo{width:100%;height:auto;aspect-ratio:1 / 1;min-height:0;overflow:hidden;background:#fbf8f2}
.detail-photo img{width:96%;height:96%;object-fit:contain;object-position:center}
.table-img,.edit-current img{object-fit:contain;object-position:center}
.whatsapp-cta{background:#138a57!important;color:white!important;display:inline-flex;gap:8px;align-items:center;border-radius:8px}
.whatsapp-cta:hover{background:#0d6641!important}
.whatsapp-cta-disabled{background:#aab4ad!important;cursor:not-allowed;display:inline-block}
.whatsapp-hint{font-size:12px;color:#657268;line-height:1.5}
.cat-admin-card{margin:20px 0;padding:24px;background:#fffdfa;border:1px solid #e8e2d8;border-radius:14px}
.cat-admin-card h2{margin:0 0 8px;font:700 23px/1.3 'DM Sans',sans-serif}
.cat-admin-card .cat-subtext{font-size:13px;color:#667069;margin:0 0 14px}
.category-stat-row{font-size:15px;color:#58635c;display:flex;align-items:center;gap:10px;margin:20px 0 8px}
.category-stat-row strong{font-size:21px;color:#173c2b}
.cat-create{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-top:16px}
.cat-create label{flex:0 0 100%;font-size:13px;font-weight:700}
.cat-create input,.cat-admin-table input{display:block;width:100%;max-width:520px;min-width:0;border:1px solid #d7d5cc;border-radius:8px;padding:12px;background:white;color:#1c2c22;font:inherit}
.cat-create input{flex:1 1 260px}
.cat-create button{min-height:46px}
.cat-table-scroll{width:100%;overflow:auto}
.cat-admin-table{width:100%;min-width:520px;border-collapse:collapse}
.cat-admin-table th{text-align:left;font-size:12px;letter-spacing:.03em;color:#58695d;border-bottom:1px solid #e9e4dc;padding:12px 10px}
.cat-admin-table td{padding:12px 10px;border-bottom:1px solid #f0ede8;vertical-align:middle}
.cat-admin-table td:first-child{width:55%}
.cat-count{white-space:nowrap;color:#145d40;font-weight:700;font-size:13px}
.cat-actions{display:flex;gap:8px;align-items:center}
.cat-save,.cat-delete{border:1px solid #ddd7cd;background:#f8f5ef;border-radius:7px;padding:9px 12px;cursor:pointer;font:700 12px 'DM Sans',sans-serif}
.cat-save{background:#113f2e;color:white;border-color:#113f2e}
.cat-delete{color:#a52b31}
.cat-delete:disabled{opacity:.35;cursor:not-allowed}
.cat-alert{padding:12px 16px;border-radius:9px;margin:18px 0;font-weight:600}
.cat-alert-ok{color:#20593b;background:#e5f5e9}.cat-alert-error{color:#ac2828;background:#fff0ee}
.category-admin .admin-head p{font-size:14px;color:#6b716c;margin:6px 0 0}
@media(max-width:1250px){
 .desktop-nav{gap:15px!important}
 .header-search{width:170px}
 .head-right{gap:10px}
 .brand{font-size:18px}
}
@media(max-width:900px){
 .desktop-nav,.header-inner>.desktop-nav{display:none!important}
 .header-inner>.head-right{margin-left:auto}
 .mobile-nav{display:none;position:absolute;top:74px;left:0;right:0;z-index:1000;background:#fffcf6;padding:12px 24px 22px;box-shadow:0 18px 30px rgba(0,0,0,.17);max-height:calc(100vh - 74px);overflow-y:auto}
 .mobile-nav.show{display:flex;flex-direction:column;gap:3px}
 .mobile-nav>.nav-dropdown-item{width:100%}
 .mobile-nav .nav-dropdown-toggle{display:flex;align-items:center;justify-content:space-between}
 .mobile-nav .nav-dropdown-toggle>a{flex:1}
 .mobile-nav .mobile-category-toggle{display:block;border:1px solid #e5ded2;border-radius:7px;background:white;padding:4px 16px;font-size:22px}
 .mobile-nav .category-dropdown{position:static!important;box-shadow:none!important;border:none!important;border-radius:9px!important;background:#f5f0e8!important;visibility:visible!important;opacity:1!important;transform:none!important;width:100%!important;max-width:100%!important;display:none!important;margin:3px 0 8px;padding:8px!important;max-height:50vh;overflow:auto;pointer-events:auto!important}
 .mobile-nav .nav-dropdown-item.open .category-dropdown{display:flex!important;flex-direction:column}
 .mobile-nav .category-dropdown a{display:block;padding:9px 12px;border-bottom:1px solid #e9e1d6;font-size:13px}
}
@media(max-width:640px){
 .mobile-nav{top:67px;max-height:calc(100vh - 67px)}
 .hero-copy{padding-top:96px}
 .wrap{padding-left:18px;padding-right:18px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-admin .admin-head{align-items:flex-start}
 .cat-admin-card{padding:16px}
 .cat-create{align-items:stretch}
 .cat-create .btn{width:100%}
}
/* Full-width alignment also on browser zoom levels other than 100%. */
.wrap{max-width:none;padding-left:clamp(18px,4vw,80px);padding-right:clamp(18px,4vw,80px)}
/* KahveMet V5 — modern independent admin UI and centered storefront */
:root{--km-admin-bg:#f4f6f3;--km-admin-border:#e7ebe6;--km-admin-ink:#172b23;--km-admin-soft:#75817a;--km-admin-green:#183f30}
body{overflow-x:hidden}
/* Keep approved design, only apply graceful side gutters to content */
body:not(.admin-app) .wrap{width:100%;max-width:1460px;padding-inline:clamp(20px,3vw,50px);margin-inline:auto}
body.home-page main>.hero{max-width:1400px;margin:18px auto 0;border-radius:22px;overflow:hidden}
body.home-page main>.story{max-width:1400px;margin-inline:auto;border-radius:20px;overflow:hidden}
body:not(.admin-app) .site-header .header-inner{max-width:1460px;margin-inline:auto}
body:not(.admin-app) .brand-strip,body:not(.admin-app) .category-section,body:not(.admin-app) .picks-section{max-width:1460px;margin-inline:auto}
body:not(.admin-app) .category-section{padding-top:28px}
body:not(.admin-app) .picks-section{padding-top:48px}
body:not(.admin-app) .footer{margin-top:28px}
body:not(.admin-app) .content-page{padding-top:74px;padding-bottom:95px}
body:not(.admin-app) .info-page{max-width:1130px}
.info-reading{max-width:850px;font-size:17px;line-height:1.95;color:#5b625d;margin:18px 0 35px}
.info-reading p{margin:0 0 22px;white-space:normal}
.contact-lead{max-width:720px}
.contact-page .contact-grid{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(350px,1.15fr);gap:28px;margin-top:38px}
.contact-page .contact-detail{background:#fff;border:1px solid #e8e8df;border-radius:20px;padding:35px;display:flex;flex-direction:column;gap:18px;align-items:stretch;justify-content:flex-start}
.contact-info-row{display:flex;flex-direction:column;gap:3px;padding-bottom:14px;border-bottom:1px solid #eceee8}
.contact-info-row span{font-size:12px;color:#798078;letter-spacing:1px;text-transform:uppercase}
.contact-info-row strong,.contact-info-row a{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.contact-page .contact-map{border-radius:20px;background:#f1ece2;min-height:360px;overflow:hidden;border:1px solid #e5e2dc}
.contact-map iframe{display:block;width:100%;height:100%;min-height:360px;border:0}
.map-placeholder{height:100%;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#647069}
.map-placeholder>span{display:grid;place-items:center;background:white;border-radius:100%;width:75px;height:75px;font-size:37px;margin-bottom:14px}
.map-placeholder strong{font:700 24px 'Manrope',sans-serif;color:#274634}
.map-placeholder p{max-width:270px;font-size:13px}
/* Control panel: independent from storefront to avoid conflicting flex/style inheritance */
body.admin-app{font:14px/1.55 'DM Sans',system-ui,sans-serif;background:var(--km-admin-bg);color:var(--km-admin-ink);min-height:100vh}
.admin-app .admin-shell{display:grid;grid-template-columns:266px minmax(0,1fr);min-height:100vh;max-width:100vw}
.admin-app .admin-sidebar{position:sticky;top:0;height:100vh;min-width:0;background:#fff;border-right:1px solid var(--km-admin-border);display:flex;flex-direction:column;padding:29px 16px 20px;overflow-y:auto;overflow-x:hidden;z-index:80}
.admin-app .admin-brand{display:flex;align-items:center;gap:12px;padding:5px 11px 35px;line-height:1.1;font:800 20px 'Manrope',sans-serif;letter-spacing:1.4px;color:var(--km-admin-ink)}
.admin-app .admin-brand small{display:block;font:700 9px 'DM Sans',sans-serif;color:#7b8981;letter-spacing:1.7px;margin-top:5px}
.admin-app .admin-brand .mark{color:#2e7352}
.admin-app .admin-group-label{margin:13px 12px 16px;font-size:10px;letter-spacing:1.8px;color:#99a59c;font-weight:800}
.admin-app .admin-sidemenu{display:flex;flex-direction:column;gap:5px}
.admin-app .admin-nav-link{display:flex;align-items:center;gap:13px;min-height:45px;border-radius:10px;padding:9px 11px;color:#68766d;font-weight:650;font-size:13px;transition:.2s}
.admin-app .admin-nav-link:hover{background:#f1f6f1;color:#1e5238}
.admin-app .admin-nav-link.active{color:white;background:#1c4835;box-shadow:0 8px 22px #173c2c1f}
.admin-app .nav-ico{width:22px;min-width:22px;text-align:center;font-size:18px;font-weight:500;line-height:1}
.admin-app .nav-chevron{margin-left:auto;font-size:18px;color:#a7b1aa}
.admin-app .admin-nav-link.active .nav-chevron{color:#e9f8e9}
.admin-app .admin-side-bottom{margin-top:auto;padding:30px 11px 0}
.admin-app .admin-live-badge{display:flex;align-items:center;gap:7px;color:#54816b;font-size:12px;font-weight:600}
.admin-app .admin-live-badge i{width:7px;height:7px;border-radius:50%;background:#35b379;box-shadow:0 0 0 4px #dff3e8}
.admin-app .admin-site-link{display:flex;justify-content:space-between;padding-top:17px;font-size:12px;color:#7c8981;margin-top:15px;border-top:1px solid #edf0ea}
.admin-app .admin-workspace{min-width:0;display:flex;flex-direction:column}
.admin-app .admin-topbar{height:74px;background:#fff;border-bottom:1px solid var(--km-admin-border);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(25px,3.1vw,55px);gap:15px;position:sticky;top:0;z-index:55}
.admin-app .admin-breadcrumb{font-size:13px;color:#4e5c53;font-weight:650}
.admin-app .admin-breadcrumb span{margin:0 8px;color:#b9c4bb}
.admin-app .admin-top-actions{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:650;color:#5a6861}
.admin-app .admin-user-chip{border:1px solid #dfe8df;padding:8px 12px;border-radius:30px;background:#f8faf7;color:#2d5940}
.admin-app .admin-burger{display:none;border:0;background:transparent;color:#2b513d;font-size:25px}
.admin-app .admin-main{flex:1;min-width:0}
.admin-app .admin-content{width:100%;max-width:1440px;min-width:0;margin:0 auto;padding:35px clamp(25px,3.1vw,55px) 62px}
.admin-app .admin-powered{margin-top:auto;padding:20px clamp(25px,3.1vw,55px);border-top:1px solid #e5eae5;color:#9ba69d;font-size:11px}
.admin-app h1,.admin-app h2,.admin-app h3{color:#1a3327;letter-spacing:-.65px}
.admin-app .admin-content h1{font:750 clamp(28px,3.1vw,36px)/1.3 'Manrope',sans-serif;margin:6px 0 6px}
.admin-app .admin-content h2{font:750 19px/1.4 'Manrope',sans-serif;margin:0 0 10px}
.admin-app .admin-content h3{font:750 15px 'Manrope',sans-serif;margin:0 0 8px}
.admin-app .admin-content p{color:#718078;font-size:13px}
.admin-app .admin-hero-intro,.admin-app .modern-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:29px}
.admin-app .admin-hero-intro>div>p{font-size:14px;margin:8px 0 0}
.admin-app .admin-head.modern-head{padding:0}
.admin-app .overline{color:#a9454b;font-size:10px;font-weight:800;letter-spacing:2.2px}
.admin-app .admin-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;background:#193e2e;color:#fff;border-radius:10px;padding:13px 20px;min-height:46px;font-size:13px;font-weight:750;white-space:nowrap;transition:background .2s,transform .2s}
.admin-app .admin-primary-btn:hover{background:#28654a;transform:translateY(-1px)}
.admin-app .admin-preview-btn,.admin-app .admin-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#31553f;border:1px solid #dce4dc;border-radius:10px;background:#fff;padding:11px 17px;font-size:13px;font-weight:700;min-height:45px}
.admin-app .admin-preview-btn:hover,.admin-app .admin-outline-btn:hover{background:#eef5ef}
.admin-app .dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 24px}
.admin-app .dashboard-grid .kpi-card{background:#fff;border:1px solid var(--km-admin-border);border-radius:16px;padding:23px 21px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;box-shadow:0 4px 15px #12342204}
.admin-app .kpi-card .kpi-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-size:21px;margin-bottom:24px}
.admin-app .kpi-icon.green{color:#197349;background:#e8f6ed}.admin-app .kpi-icon.burgundy{color:#a83f46;background:#fbeced}.admin-app .kpi-icon.amber{color:#976b1b;background:#fff4db}.admin-app .kpi-icon.blue{color:#416f9a;background:#eef4fa}
.admin-app .kpi-card>span{color:#7d8a81;font-weight:600;font-size:12px}
.admin-app .kpi-card strong{font:800 37px/1.5 'Manrope',sans-serif;color:#1d3b2c}
.admin-app .kpi-card small{color:#a0aba4;font-size:11px}
.admin-app .admin-panel-card{background:#fff;border:1px solid var(--km-admin-border);border-radius:16px;padding:26px;box-shadow:0 5px 20px #243d2b05;margin-bottom:19px;min-width:0}
.admin-app .admin-card-heading{margin-bottom:22px}.admin-app .admin-card-heading p{margin:0}
.admin-app .quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.admin-app .quick-actions a{background:#f7f9f6;border:1px solid #eef1ec;border-radius:12px;padding:19px 17px 15px;display:flex;flex-direction:column;position:relative;gap:5px;min-width:0;transition:.2s}
.admin-app .quick-actions a:hover{border-color:#b4d7bf;background:#f0f7f0;transform:translateY(-2px)}
.admin-app .quick-actions a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eaf2eb;color:#2b7950;font-size:22px;margin-bottom:12px}
.admin-app .quick-actions a strong{font-size:13px;white-space:normal}.admin-app .quick-actions a small{color:#87938a;font-size:11px}
.admin-app .quick-actions a b{position:absolute;top:16px;right:15px;font-size:18px;color:#91a69a}
.admin-app .admin-bottom-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.admin-app .admin-bottom-row .admin-panel-card{margin:0}.admin-app .admin-inline-link{color:#22704a;font-weight:700;font-size:13px}
.admin-app .admin-logout{display:flex;justify-content:flex-end;margin:22px 0 0}.admin-app .admin-logout button{color:#829086;border:0;background:none;font-size:12px}
.admin-app .admin-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.admin-app .admin-list-toolbar label{display:flex;align-items:center;gap:10px;background:#fafbf9;border:1px solid #e4e9e3;border-radius:10px;padding:0 14px;max-width:360px;width:100%;color:#72857a;font-size:22px}
.admin-app .admin-list-toolbar input{border:0!important;background:transparent!important;outline:0!important;width:100%;padding:11px 0!important;min-width:0}
.admin-app .admin-list-toolbar>a{font-size:12px;color:#3c704e;font-weight:700;white-space:nowrap}
.admin-app .admin-table-wrap{overflow:auto;width:100%;border:0;background:transparent;border-radius:0}
.admin-app table.modern-table{width:100%;min-width:630px;border-collapse:collapse;table-layout:auto}
.admin-app .modern-table th{text-align:left;font-size:10px;letter-spacing:1.2px;color:#a1ada4;border-bottom:1px solid #eaf0e9;padding:14px 12px;font-weight:800}
.admin-app .modern-table td{padding:16px 12px;border-bottom:1px solid #edf0ed;font-size:13px;vertical-align:middle}
.admin-app .modern-table tbody tr:hover{background:#fbfcfa}
.admin-app .admin-product-name{display:flex;align-items:center;gap:14px;min-width:220px}
.admin-app .admin-product-name .table-img{width:62px;height:64px;border-radius:10px;padding:4px;background:#f7f7f3;border:1px solid #f0f0e9;object-fit:contain;flex:none}
.admin-app .admin-product-name strong{font-size:12px;display:block;line-height:1.45;color:#294433}.admin-app .admin-product-name small{display:block;color:#9aaba0;font-size:11px;margin-top:3px}
.admin-app .admin-category-tags{display:flex;flex-wrap:wrap;gap:5px;max-width:330px}
.admin-app .admin-category-tags span{font-size:10px;font-weight:650;color:#5d7564;background:#f0f5ef;border-radius:6px;padding:4px 8px}
.admin-app .admin-status{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:30px;font-weight:700;font-size:11px;white-space:nowrap}
.admin-app .admin-status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
.admin-app .admin-status.published{color:#29915d;background:#eaf8ee}.admin-app .admin-status.draft{color:#a47a30;background:#fff5e5}
.admin-app .admin-edit{white-space:nowrap;background:#f1f6f1;color:#336a4a;border-radius:8px;padding:8px 12px;display:inline-block;font-weight:700;font-size:11px}
.admin-app .admin-empty{padding:16px;text-align:center}
.admin-app .admin-edit-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.admin-app .admin-edit-top h1{margin:5px 0}.admin-app .admin-edit-top p{margin:0}
.admin-app .back-link{color:#678675;font-size:12px;font-weight:750}
.admin-app .admin-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:19px;align-items:start}
.admin-app .admin-form-card{padding:30px}
.admin-app .admin-form-card h2{margin-bottom:22px}
.admin-app .field-stack,.admin-app .editor-field{display:flex;flex-direction:column;gap:18px}
.admin-app .admin-form-card label,.admin-app .editor-field,.admin-app .admin-tech-field{font-size:12px;font-weight:750;color:#385544}
.admin-app .admin-form-card label input:not([type="checkbox"]),.admin-app .admin-form-card textarea,.admin-app .editor-field input,.admin-app .editor-field textarea,.admin-app .edit-content input[type=password]{width:100%;margin-top:8px;display:block;border:1px solid #dfe7dd;background:#fcfdfb;color:#273b2d;border-radius:10px;padding:12px 14px;outline:none;min-height:46px;font-size:13px;font-weight:500;transition:.2s}
.admin-app input:focus,.admin-app textarea:focus{border-color:#7fa78a!important;box-shadow:0 0 0 3px #8cc19f25}
.admin-app .admin-form-card textarea,.admin-app .editor-field textarea{min-height:120px;resize:vertical}
.admin-app .admin-form-divider{height:1px;background:#eaf0eb;margin:26px 0}
.admin-app .category-picker-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-app .category-picker-header h2{margin-bottom:0}
.admin-app .category-picker-header a{font-size:11px;font-weight:700;color:#397a53}
.admin-app .field-hint{color:#839087!important;font-size:11px!important;line-height:1.55;margin:8px 0 15px}
.admin-app .category-picker{display:flex;flex-wrap:wrap;gap:8px}
.admin-app .category-pill{display:inline-flex;align-items:center;cursor:pointer;position:relative;user-select:none}
.admin-app .category-pill input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.admin-app .category-pill .pill-label{display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe8df;background:#f9fbf8;border-radius:9px;padding:9px 12px;color:#68796d;font-size:12px;font-weight:700;transition:.2s}
.admin-app .category-pill .pill-tick{width:16px;height:16px;display:grid;place-items:center;border:1.5px solid #c9d5cd;border-radius:5px;color:transparent;font-size:11px}
.admin-app .category-pill input:checked + .pill-label{border-color:#2b7550;background:#eaf5ee;color:#286c49}
.admin-app .category-pill input:checked + .pill-label .pill-tick{border-color:#2b7550;background:#2b7550;color:#fff}
.admin-app .category-pill input:focus-visible + .pill-label{outline:3px solid #a5d4b2;outline-offset:2px}
.admin-app .admin-switches{display:flex;flex-wrap:wrap;gap:20px;margin:23px 0}
.admin-app .admin-switches label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}
.admin-app .admin-switches input{accent-color:#1d6746;width:17px;height:17px}
.admin-app .save-main{width:100%;margin-top:3px}
.admin-app .edit-image-card{padding:25px}
.admin-app .edit-image-card>p{margin:0 0 16px}
.admin-app .edit-current{width:100%;height:270px;padding:13px;background:#fafaf7;border:1px solid #eaeae4;border-radius:12px;display:grid;place-items:center;overflow:hidden;margin-bottom:18px}
.admin-app .edit-current img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.admin-app .image-dropzone{display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;border:1.5px dashed #c5d9c9;border-radius:12px;padding:20px;background:#fbfdfa;cursor:pointer;position:relative;overflow:hidden}
.admin-app .image-dropzone>span{font-size:24px;color:#4f8e64}.admin-app .image-dropzone strong{font-size:12px}.admin-app .image-dropzone small{font-size:10px;color:#7c9381}
.admin-app .image-dropzone input{width:100%;margin-top:10px;font-size:11px}
.admin-app .edit-image-card .admin-outline-btn{width:100%;margin-top:12px}
.admin-app .danger-card{background:#fffafa;border-color:#f7dedb}.admin-app .danger-card p{font-size:11px}
.admin-app .delete-btn{background:transparent;border:1px solid #edc3c1;color:#b83938;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700}
.admin-app .admin-editor-form{max-width:980px;display:flex;flex-direction:column;gap:2px}
.admin-app .admin-editor-form .admin-panel-card{padding:32px}
.admin-app .admin-editor-form .admin-panel-card>p{margin:0 0 20px}
.admin-app .admin-editor-form .editor-field{margin:0 0 19px;gap:0;display:block}
.admin-app .editor-field>span{display:block}
.admin-app .editor-field small{font-size:11px;color:#839087;display:block;margin-top:6px;font-weight:500}
.admin-app .editor-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.admin-app .editor-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.admin-app .editor-submit{align-self:flex-start;min-width:220px;margin-top:4px}
.admin-app .editor-shortcuts{display:flex;flex-wrap:wrap;gap:10px}.admin-app .editor-shortcuts a{border-radius:9px;background:#f0f6f1;color:#376a4c;padding:9px 14px;font-weight:700;font-size:12px}
.admin-app .admin-map-preview{height:280px;overflow:hidden;border-radius:10px;border:1px solid #e7ede6;margin-top:22px}
.admin-app .admin-map-preview iframe{width:100%;height:100%;border:0}
/* Existing maintenance, categories, password pages: adopt the dashboard card language */
.admin-app .category-admin .admin-head{background:transparent;padding:0;margin-bottom:28px}
.admin-app .category-admin .cat-admin-card{background:white;border:1px solid var(--km-admin-border);border-radius:16px;padding:26px;margin:18px 0;box-shadow:0 5px 20px #243d2b05}
.admin-app .cat-create input,.admin-app .cat-admin-table input{border:1px solid #dfe7dd;background:#fbfdfa;border-radius:9px;min-height:44px;padding:10px 13px}
.admin-app .cat-admin-table th{color:#8b978e;font-size:11px}.admin-app .cat-admin-table td{padding:14px 10px}
.admin-app .cat-save{background:#1b4d36;border-color:#1b4d36}.admin-app .cat-delete{border-color:#e9cccc;color:#af3737;background:#fff6f6}
.admin-app .category-stat-row{margin-bottom:14px}
.admin-app .edit-content:not(:has(.admin-edit-grid)){max-width:1050px}
.admin-app .edit-content:not(:has(.admin-edit-grid))>form{max-width:720px;background:#fff;border:1px solid var(--km-admin-border);border-radius:16px;padding:28px}
.admin-app .edit-content:not(:has(.admin-edit-grid))>form>label{display:block;margin:0 0 18px;font-size:12px;font-weight:700}
.admin-app .edit-content:not(:has(.admin-edit-grid))>form>label input{display:block;width:100%;margin-top:7px}
.admin-app .edit-content:not(:has(.admin-edit-grid))>form>button{margin-top:10px}
.admin-app .btn{border-radius:10px}
@media(max-width:1320px){.admin-app .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-app .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-app .admin-edit-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1060px){.admin-app .admin-shell{grid-template-columns:235px minmax(0,1fr)}.admin-app .admin-sidebar{padding-inline:12px}.admin-app .admin-edit-grid{grid-template-columns:1fr}.admin-app .admin-edit-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.admin-app .admin-edit-aside .admin-panel-card{margin:0}}
@media(max-width:820px){
 body.home-page main>.hero,body.home-page main>.story{margin:10px 12px 0;border-radius:14px}
 .contact-page .contact-grid{grid-template-columns:1fr}.contact-page .contact-map{min-height:300px}
 .admin-app .admin-shell{display:block}.admin-app .admin-sidebar{position:fixed;top:0;left:0;height:100vh;width:266px;transform:translateX(-110%);transition:transform .25s;box-shadow:15px 0 50px #00000010}.admin-app .admin-sidebar.show{transform:translateX(0)}
 .admin-app .admin-burger{display:block}.admin-app .admin-top-left{display:flex;align-items:center;gap:12px}
 .admin-app .admin-topbar{height:65px}.admin-app .admin-content{padding:25px 21px 40px}.admin-app .admin-powered{padding-inline:21px}
 .admin-app .admin-top-actions{gap:12px}
}
@media(max-width:610px){
 body.home-page main>.hero,body.home-page main>.story{margin:8px 10px 0;border-radius:12px}
 body:not(.admin-app) .wrap{padding-inline:18px}
 .admin-app .admin-top-actions>a{display:none}.admin-app .admin-user-chip{padding:5px 9px;font-size:11px}
 .admin-app .admin-hero-intro,.admin-app .modern-head,.admin-app .admin-edit-top{align-items:flex-start;flex-direction:column}
 .admin-app .admin-hero-intro>a,.admin-app .modern-head>a{width:100%}
 .admin-app .dashboard-grid,.admin-app .quick-actions,.admin-app .admin-bottom-row,.admin-app .editor-two,.admin-app .editor-three,.admin-app .admin-edit-aside{grid-template-columns:1fr}
 .admin-app .admin-panel-card,.admin-app .admin-form-card,.admin-app .admin-editor-form .admin-panel-card{padding:20px}
 .admin-app .admin-primary-btn.editor-submit{width:100%}.admin-app .admin-list-toolbar{flex-direction:column;align-items:stretch}
}

/* Editable homepage hero image: preserve approved layout */
body.home-page .hero{background-image:var(--km-hero);background-size:cover;background-position:center top}
.admin-app .admin-home-hero-upload{max-width:980px}
.admin-app .hero-admin-thumb{width:100%;height:230px;border-radius:13px;background-size:cover;background-position:center;background-color:#eee9df;border:1px solid #ece9e1;margin:16px 0 20px}
.admin-app .admin-home-hero-upload form{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:14px 0 0}
.admin-app .admin-home-hero-upload input[type=file]{font-size:12px;color:#60776a;max-width:100%}
.admin-app .admin-reset-image{background:transparent;border:0;padding:4px 0;color:#8c9a8d;font-size:12px;font-weight:650}
@media(max-width:610px){body.home-page .hero{background-image:linear-gradient(90deg,rgba(250,248,243,.97),rgba(250,248,243,.90) 57%,rgba(250,248,243,.40)),var(--km-hero);background-position:61% center}}


/* KahveMet V6 — sade üst menü, erişilebilir WhatsApp ve görseli kırpılmayan tanıtım */
body:not(.admin-app) .site-header .header-inner{gap:clamp(20px,3vw,50px)}
body:not(.admin-app) .site-header .header-inner>.desktop-nav{flex:1;justify-content:center;gap:clamp(22px,3vw,40px)}
body:not(.admin-app) .site-header .header-inner>.head-right{display:none}
/* Mobil görünümde hamburgeri koru, yalnızca masaüstü teklif ve arama gizlensin */
@media(max-width:900px){body:not(.admin-app) .site-header .header-inner>.head-right{display:flex}body:not(.admin-app) .site-header .mob-menu{display:inline-flex}body:not(.admin-app) .site-header .head-right .btn-small,body:not(.admin-app) .site-header .header-search{display:none}}
/* Yeni logo: oran korunsun; yatay veya kare tasarımlar kırpılmasın. */
.site-custom-logo{display:block!important;max-width:220px;width:auto;height:auto;max-height:58px;object-fit:contain;object-position:center}
.site-header .brand:has(.site-custom-logo),.footer .foot-brand:has(.site-custom-logo){display:flex;align-items:center;justify-content:center;min-width:0}
.footer .foot-brand:has(.site-custom-logo){padding:11px 15px;border-radius:12px;background:#fff;max-width:250px;width:fit-content}
.footer .foot-brand .site-custom-logo{max-width:200px;max-height:68px}
.admin-app .admin-brand:has(.site-custom-logo){padding-bottom:32px}
.admin-app .admin-brand .site-custom-logo{max-width:185px;max-height:72px;object-position:left center}
/* Görselin üzerinde yazı bulunduğu için CSS ile kırpma yapma: fotoğrafın tamamı görünmeli. */
body.home-page main>.story{max-width:1400px;margin:20px auto 0;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:stretch;min-height:350px;isolation:isolate;background:#efe9df;border-radius:20px;overflow:hidden;box-shadow:0 16px 55px rgba(29,34,25,.08)}
body.home-page .story-image{display:flex;align-items:center;justify-content:center;position:relative;min-height:350px;overflow:hidden;background:#24392c;background-image:none!important}
body.home-page .story-image::before{content:"";position:absolute;inset:-20px;background:url('/assets/approved-landscape.webp') center/cover no-repeat;filter:blur(14px);opacity:.65}
body.home-page .story-image img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center;box-shadow:0 6px 24px rgba(9,25,15,.10)}
body.home-page .story-image:hover img{transform:scale(1.012);transition:transform .4s}
body.home-page .story-text{position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-width:0;min-height:350px;padding:clamp(30px,3.5vw,56px);background:#f0e8dc url('/assets/approved-leaves.webp') right center/auto 90% no-repeat;overflow:hidden}
body.home-page .story-text::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1e9de 0%,#f1e9de 62%,rgba(241,233,222,.68) 100%);z-index:0;pointer-events:none}
body.home-page .story-text>*{position:relative;z-index:1}
body.home-page .story-text h2{font:600 clamp(30px,3.1vw,49px)/1.13 'Playfair Display',Georgia,serif;letter-spacing:-1px;margin:11px 0 16px;max-width:590px;overflow-wrap:break-word}
body.home-page .story-text p{font-size:14px;line-height:1.65;margin:0 0 22px;color:#5b5a4e;max-width:465px}
/* Daire ikonu WhatsApp'ın alışıldık yeşilinde; taşma yapmaz. */
.wa-floating{position:fixed;z-index:150;bottom:clamp(16px,3vw,30px);right:clamp(16px,3vw,30px);display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:999px;color:white;background:#168b52;border:1px solid #ffffff5c;padding:12px 19px 12px 12px;box-shadow:0 14px 36px rgba(2,46,26,.25);font:700 13px/1 'DM Sans',sans-serif;transition:transform .18s,background .18s}
.wa-floating svg{width:26px;height:26px;flex:none;fill:#fff}
.wa-floating:hover{background:#0d7040;transform:translateY(-3px);color:white}
.wa-floating:focus-visible{outline:3px solid #063e22;outline-offset:3px}
/* Admin ayarları: logo önizleme ve yükleme */
.admin-app .brand-upload-card{max-width:850px}
.admin-app .brand-upload-preview{min-height:144px;border-radius:14px;border:1px dashed #cbd8cf;background:linear-gradient(135deg,#fff,#f7faf6);display:flex;justify-content:center;align-items:center;padding:24px;margin:16px 0}
.admin-app .brand-upload-preview img{max-width:min(95%,450px);max-height:125px;width:auto;height:auto;object-fit:contain}
.admin-app .brand-upload-preview>span{display:inline-flex;align-items:center;gap:10px;color:#244532;font-size:19px}
.admin-app .brand-upload-form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.admin-app .brand-file-label{font-size:12px;font-weight:700;flex:1;min-width:230px}
.admin-app .brand-file-label input{display:block;margin-top:8px;border:1px dashed #bacbbb;background:#fbfefb;border-radius:10px;padding:12px;width:100%;max-width:440px;font:inherit}
.admin-app .brand-reset-form{margin-top:18px}
@media(max-width:860px){body.home-page main>.story{grid-template-columns:minmax(0,1fr)}body.home-page .story-image{min-height:0;padding-block:0}body.home-page .story-image img{height:auto;max-height:none}body.home-page .story-text{min-height:0;padding:32px 28px}}
@media(max-width:520px){.wa-floating{padding:12px;width:56px;height:56px;bottom:16px;right:16px}.wa-floating span{display:none}.wa-floating svg{width:30px;height:30px}.site-custom-logo{max-width:150px;max-height:45px}body.home-page .story-text h2{font-size:35px}}

/* KahveMet V8 — contrast-safe, floating modern header (all storefront pages).
   The header is deliberately outside the hero image so the links never blend
   into a photograph; existing category dropdown and custom logo are retained. */
body:not(.admin-app) .site-header,
body:not(.admin-app) .site-header.home-head{
  position:sticky;
  inset:auto;
  top:0;
  height:auto;
  width:100%;
  padding:12px 0 10px;
  z-index:500;
  isolation:isolate;
  border:0;
  background:rgba(248,246,240,.96);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 1px 0 rgba(37,46,38,.045);
}
body:not(.admin-app) .site-header .header-inner{
  box-sizing:border-box;
  position:relative;
  height:78px;
  width:calc(100% - 36px);
  max-width:1348px;
  padding-inline:clamp(18px,2.7vw,40px);
  margin-inline:auto;
  border:1px solid #eae7de;
  border-radius:18px;
  background:#fffefb;
  box-shadow:0 10px 35px rgba(27,41,32,.075),0 1px 3px rgba(27,41,32,.035);
  gap:24px;
}
body:not(.admin-app) .site-header .brand{flex-shrink:0;color:#163c2b;min-width:0}
body:not(.admin-app) .site-header .brand .site-custom-logo{max-height:55px;max-width:212px;width:auto;object-fit:contain}
body:not(.admin-app) .site-header .header-inner>.desktop-nav{
  min-width:0;
  display:flex;
  flex:1 1 auto;
  justify-content:flex-end;
  align-items:center;
  gap:clamp(4px,.8vw,13px);
  margin:0;
}
body:not(.admin-app) .site-header .desktop-nav>a,
body:not(.admin-app) .site-header .desktop-nav .nav-dropdown-toggle>a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:43px;
  padding:11px clamp(10px,1.15vw,18px);
  border-radius:11px;
  color:#23392e;
  font:700 14px/1.2 'DM Sans',system-ui,sans-serif;
  white-space:nowrap;
  transition:background-color .18s,color .18s,box-shadow .18s;
}
body:not(.admin-app) .site-header .desktop-nav>a:not(:last-child):hover,
body:not(.admin-app) .site-header .desktop-nav .nav-dropdown-toggle>a:hover,
body:not(.admin-app) .site-header .desktop-nav .nav-dropdown-item:focus-within .nav-dropdown-toggle>a{
  color:#86242a;
  background:#f8f1eb;
}
/* Re-purpose existing contact link as a clear, modern nav action. */
body:not(.admin-app) .site-header .desktop-nav>a:last-child{
  color:#fff;
  background:#173e2d;
  padding-inline:19px;
  margin-left:8px;
  box-shadow:0 5px 15px rgba(16,57,34,.12);
}
body:not(.admin-app) .site-header .desktop-nav>a:last-child::after{content:'↗';font-size:16px;font-weight:600}
body:not(.admin-app) .site-header .desktop-nav>a:last-child:hover,
body:not(.admin-app) .site-header .desktop-nav>a:last-child:focus-visible{background:#275d43;color:#fff}
body:not(.admin-app) .site-header .desktop-nav a:focus-visible,
body:not(.admin-app) .site-header .mob-menu:focus-visible{outline:3px solid #ae8438;outline-offset:3px}
body:not(.admin-app) .site-header .desktop-nav .nav-dropdown-item{height:auto;position:relative}
body:not(.admin-app) .site-header .desktop-nav .category-dropdown{
  top:calc(100% - 1px);
  left:0;
  min-width:255px;
  max-width:min(345px,90vw);
  padding:10px;
  border:1px solid #e9e4d9;
  border-radius:14px;
  background:#fffefa;
  box-shadow:0 24px 52px rgba(22,44,30,.16);
}
body:not(.admin-app) .site-header .desktop-nav .category-dropdown>a{
  min-height:39px;
  padding:10px 13px;
  font-size:13px;
  font-weight:600;
  color:#294336;
}
body:not(.admin-app) .site-header .desktop-nav .category-dropdown>a:hover{background:#f3f2eb;color:#8e2326}
/* Because the header no longer overlaps the hero, retain a balanced first fold. */
body.home-page main>.hero{margin-top:10px}
body.home-page .hero-copy{padding-top:clamp(58px,6vw,90px)}
@media(max-width:900px){
  body:not(.admin-app) .site-header,
  body:not(.admin-app) .site-header.home-head{padding:9px 0}
  body:not(.admin-app) .site-header .header-inner{height:67px;width:calc(100% - 24px);padding-inline:19px;border-radius:15px}
  body:not(.admin-app) .site-header .header-inner>.desktop-nav{display:none!important}
  body:not(.admin-app) .site-header .header-inner>.head-right{display:flex;margin-left:auto}
  body:not(.admin-app) .site-header .mob-menu{
    display:grid;place-items:center;width:43px;height:43px;
    border:1px solid #e5eadf;border-radius:12px;
    color:#1d4934;background:#f1f4ed;font-size:24px;line-height:1;
  }
  body:not(.admin-app) .site-header .mobile-nav,
  body:not(.admin-app) .site-header .mobile-nav.show{
    box-sizing:border-box;position:absolute;top:calc(100% - 2px);
    left:50%;right:auto;transform:translateX(-50%);
    width:calc(100% - 24px);max-width:820px;
    padding:14px;border-radius:15px;
    background:#fffefa;border:1px solid #ebe6db;
    box-shadow:0 22px 45px rgba(16,42,29,.17);
    max-height:calc(100dvh - 100px);overflow-y:auto;
  }
  body:not(.admin-app) .site-header .mobile-nav>a,
  body:not(.admin-app) .site-header .mobile-nav .nav-dropdown-toggle>a{
    color:#244434;font-size:15px;font-weight:700;padding:12px;
  }
  body:not(.admin-app) .site-header .mobile-nav>a:last-child{
    color:white;background:#193f2e;border-radius:10px;text-align:center;margin-top:7px;
  }
  body.home-page .hero-copy{padding-top:clamp(56px,8vw,78px)}
}
@media(max-width:610px){
  body:not(.admin-app) .site-header .header-inner{height:64px;border-radius:13px;padding-inline:15px}
  body:not(.admin-app) .site-header .brand .site-custom-logo{max-height:46px;max-width:175px}
  body.home-page main>.hero{margin-top:8px}
  body.home-page .hero-copy{padding-top:55px}
}