:root{
  --green:#123d32;--green2:#1d5b49;--lime:#b7d83b;--lime2:#d7ee75;
  --ink:#101713;--white:#fbfcf8;--soft:#f1f4ee;--surface:#ffffff;
  --surface2:#eef3ed;--line:#dfe6dd;--muted:#69736d;--muted2:#7d8781;
  --header:rgba(251,252,248,.94);--shadow:0 22px 70px rgba(16,34,27,.12);
  --grid:rgba(18,61,50,.035);--contact:#f0f4ef;--feature-bg:#123d32;--feature-text:#fbfcf8;
}
html.dark{
  --green:#9acb68;--green2:#b5dd86;--lime:#c9e76a;--lime2:#e2f49d;
  --ink:#f5f3ea;--white:#0b120f;--soft:#151d19;--surface:#121a16;
  --surface2:#101915;--line:#2b3731;--muted:#c0c7c0;--muted2:#9da89f;
  --header:rgba(11,18,15,.95);--shadow:0 22px 70px rgba(0,0,0,.38);
  --grid:rgba(205,230,200,.035);--contact:#151e19;--feature-bg:#0f2118;--feature-text:#f5f3ea;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--white);overflow-x:hidden;transition:background .25s ease,color .25s ease}
a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,92%);margin:auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.35;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:42px 42px}

/* Header */
header{position:fixed;top:0;left:0;width:100%;z-index:50;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;min-width:0}.brand-logo{width:132px;height:58px;display:block;object-fit:contain;object-position:left center}
.nav-links{display:flex;gap:4px;align-items:center}.nav-links a{padding:10px 13px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:700}.nav-links a:hover{background:var(--soft);color:var(--green)}
.nav-tools{display:flex;align-items:center;gap:8px}
.nav-social,.theme-toggle,.lang-toggle,.hamburger{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;background:var(--surface);color:var(--ink);cursor:pointer;transition:.2s}
.nav-social{font-size:11px;font-weight:900}.nav-social:hover,.theme-toggle:hover,.hamburger:hover{background:var(--green);color:#08110d;border-color:var(--green)}
.theme-toggle{font-size:17px}.hamburger{display:none}
.language-switcher{position:relative}.lang-toggle{width:auto;min-width:72px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px}.lang-toggle:hover{background:var(--soft);color:var(--ink);border-color:var(--green)}
.lang-code{font-size:11px;font-weight:900;letter-spacing:.4px}.lang-chevron{font-size:12px;line-height:1;transform:translateY(-1px)}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:145px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);display:none;z-index:80}
.language-menu.open{display:grid}.language-option{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:12px;font-weight:800;text-align:left;cursor:pointer}.language-option:hover,.language-option.active{background:var(--soft);color:var(--green)}
.mobile-panel{display:none}

/* Hero */
.hero{min-height:780px;padding:145px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 84% 28%,rgba(183,216,59,.22),transparent 25%),linear-gradient(135deg,var(--surface2) 0%,var(--white) 100%)}
.hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-170px;top:130px;border:1px solid var(--line);box-shadow:0 0 0 70px rgba(18,61,50,.025),0 0 0 140px rgba(18,61,50,.015)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:20px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--lime);display:block}
h1{font-family:Manrope,sans-serif;font-size:clamp(48px,6.5vw,82px);line-height:.98;letter-spacing:-4px;font-weight:800;color:var(--ink)}h1 span{color:var(--green)}
.hero-copy{margin-top:25px;max-width:590px;color:var(--muted);font-size:17px;line-height:1.75}.hero-copy b{color:var(--green)}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:16px 24px;border-radius:14px;font-size:14px;font-weight:800;transition:.25s ease}
.btn-green{background:var(--green);color:#07110d;box-shadow:0 15px 35px rgba(18,61,50,.22);min-width:170px}.btn-green:hover{transform:translateY(-3px);filter:brightness(.95)}
.btn-light{background:var(--surface);border:2px solid var(--green);color:var(--green);min-width:170px}.btn-light:hover{transform:translateY(-3px);background:var(--soft)}
.mini-stats{display:flex;gap:32px;border-top:1px solid var(--line);margin-top:38px;padding-top:22px}.mini-stats strong{display:block;font:800 24px Manrope;color:var(--green)}.mini-stats span{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted2);margin-top:3px}

/* Hero visual */
.visual{min-height:470px;position:relative}.visual-main{position:absolute;inset:20px 0 0 50px;border-radius:30px;overflow:hidden;background:var(--green);box-shadow:var(--shadow)}
.visual-main:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(183,216,59,.17);right:-80px;top:-90px}.visual-main:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.13);left:35px;top:40px}
.visual-label{position:absolute;left:28px;top:25px;z-index:3;color:#e5eee9;font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}
.visual-title{position:absolute;left:28px;bottom:28px;z-index:3;color:#fff;font:800 31px/1.1 Manrope;letter-spacing:-1.3px;max-width:360px}.visual-title em{font-style:normal;color:var(--lime2)}
.hero-photo{position:absolute;z-index:2;object-fit:cover;border:7px solid rgba(255,255,255,.88);box-shadow:0 24px 50px rgba(0,0,0,.24);transition:transform .35s ease}.hero-photo:hover{transform:translateY(-5px) scale(1.02)}
.hero-nuts{width:210px;height:155px;left:58px;top:108px;border-radius:24px;transform:rotate(-8deg)}.hero-dried{width:185px;height:145px;right:38px;top:205px;border-radius:24px;transform:rotate(8deg)}.hero-coffee{width:170px;height:145px;right:72px;top:55px;border-radius:24px;transform:rotate(-4deg)}
.badge{position:absolute;z-index:5;background:var(--surface);color:var(--green);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 14px 35px rgba(0,0,0,.16);font-size:11px;font-weight:800}.badge.one{left:0;top:82px}.badge.two{right:-5px;bottom:90px}.badge small{display:block;color:var(--muted2);font-size:9px;font-weight:600;margin-top:2px}

/* Shared sections */
section{padding:105px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.kicker{font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--green);margin-bottom:12px}
h2{font:800 clamp(34px,4.5vw,55px)/1.04 Manrope;letter-spacing:-2.5px;color:var(--ink)}.section-desc{max-width:500px;color:var(--muted);line-height:1.7;font-size:14px}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-height:235px;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:24px;position:relative;overflow:hidden;transition:.3s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:var(--green)}
.card-num{font:800 11px Manrope;color:var(--muted2)}.card-icon{width:48px;height:48px;border-radius:14px;background:var(--soft);display:grid;place-items:center;margin-top:40px;color:var(--green);font-weight:800}.card h3{font:800 23px Manrope;letter-spacing:-1px;margin-top:18px;color:var(--ink)}.card p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:7px}

/* Feature */
.feature{background:var(--feature-bg);color:var(--feature-text);border-radius:32px;padding:58px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;overflow:hidden;position:relative}.feature:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-200px;background:rgba(183,216,59,.10)}
.feature h2{position:relative;z-index:2;color:var(--feature-text)}.feature p{color:#d0ded8;line-height:1.75;margin-top:18px;max-width:470px;position:relative;z-index:2}.feature-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:2}
.point{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);border-radius:17px;padding:20px}.point b{display:block;font:700 15px Manrope;color:#fff}.point span{display:block;font-size:11px;color:#c7d5cf;margin-top:6px;line-height:1.5}.point i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--lime);color:#173126;font-style:normal;font-weight:900;margin-bottom:18px}

/* Gallery */
.gallery{display:grid;grid-template-columns:1.45fr .7fr .7fr;gap:14px}.photo{min-height:350px;border-radius:22px;overflow:hidden;position:relative;background:var(--soft);border:1px solid var(--line)}.photo.small{min-height:168px}.photo-stack{display:grid;gap:14px}
.photo:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease}.photo:hover:before{transform:scale(1.05)}
.photo:nth-child(1):before{background-image:url("../assets/images/hero-nuts.jpg")}.photo:nth-child(2):before{background-image:url("../assets/images/dried-fruit.jpg")}.photo:nth-child(3):before{background-image:url("../assets/images/coffee.jpg")}.photo:nth-child(4):before{background-image:url("../assets/images/dried-apricot.jpg")}
.photo-content{position:absolute;inset:0;display:flex;align-items:end;padding:22px;background:linear-gradient(to top,rgba(5,22,17,.78),transparent 60%);color:#fff;z-index:2}.photo-content b{font:800 22px Manrope;letter-spacing:-.8px}
.gallery-note{margin-top:17px;font-size:12px;color:var(--muted)}.photo-link{display:inline-flex;margin-top:16px;font-size:12px;font-weight:800;color:var(--green);border-bottom:1px solid var(--muted2);padding-bottom:4px}

/* Location */
.location{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.contact-box{border-radius:25px;background:var(--contact);border:1px solid var(--line);padding:32px}.contact-box h2{font-size:37px;margin-bottom:28px}
.contact-item{display:flex;gap:13px;padding:16px 0;border-top:1px solid var(--line)}.contact-item:first-child{border-top:0}.contact-icon{width:38px;height:38px;border-radius:11px;background:var(--surface);display:grid;place-items:center;color:var(--green);font-weight:900;flex:none}
.contact-item small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted2)}.contact-item a,.contact-item span{display:block;font-size:13px;font-weight:700;margin-top:4px;line-height:1.45;color:var(--ink)}
.map{min-height:480px;border-radius:25px;overflow:hidden;border:1px solid var(--line);position:relative}.map iframe{width:100%;height:100%;min-height:480px;border:0}.map-btn{position:absolute;left:18px;bottom:18px;background:var(--green);color:#07110d;padding:12px 15px;border-radius:11px;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18)}

/* Footer */
footer{padding:35px 0;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer small{color:var(--muted)}.footer-links{display:flex;gap:8px}.footer-links a{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--surface);color:var(--ink)}.footer-links a:hover{background:var(--green);color:#07110d;border-color:var(--green)}
.hero-title #rotatingPhrase{display:inline-block;min-width:6ch;transition:opacity .22s ease,transform .22s ease}.image-cards{grid-template-columns:repeat(4,1fr)}.food-card{height:360px;min-height:360px;padding:0!important;overflow:hidden;border:0}.food-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.food-card:hover img{transform:scale(1.07)}
.food-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(to top,rgba(5,22,17,.88),transparent 60%);color:#fff;z-index:2}.food-overlay span{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--lime2)}.food-overlay h3{font:800 25px/1.08 Manrope;letter-spacing:-1px;margin-top:9px;color:#fff}.credit-line{font-size:9px;color:var(--muted2);margin-top:12px;line-height:1.5}

@media(max-width:900px){
  .nav{min-height:68px}.nav-links,.nav-social{display:none}.nav-tools{margin-left:auto}.hamburger{display:grid}.hero-grid,.feature,.location{grid-template-columns:1fr}.visual{min-height:430px}.visual-main{inset:20px 0 0 20px}.cards,.image-cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery .photo:first-child{grid-column:1/-1}.feature{padding:38px}
  .mobile-panel{display:none;position:absolute;top:68px;left:4%;right:4%;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:13px 14px;border-radius:10px;color:var(--ink);font-weight:700;font-size:14px}.mobile-panel a:hover{background:var(--soft);color:var(--green)}
}
@media(max-width:600px){
  .brand-logo{width:112px;height:52px}.hero{padding-top:120px;min-height:auto}h1{letter-spacing:-2.5px}.hero-grid{gap:35px}.visual{min-height:350px}.visual-main{inset:10px 0 0 0}
  .hero-photo.hero-nuts{width:160px;height:120px;left:25px;top:100px}.hero-photo.hero-dried{width:145px;height:110px;right:22px;top:190px}.hero-photo.hero-coffee{width:140px;height:110px;right:40px;top:45px}.badge.one{left:8px;top:70px}.badge.two{right:5px;bottom:75px}.mini-stats{gap:18px}.mini-stats strong{font-size:20px}
  section{padding:75px 0}.section-top{display:block}.section-desc{margin-top:14px}.cards,.image-cards{grid-template-columns:1fr 1fr}.card{padding:18px;min-height:205px}.card h3{font-size:19px}.card-icon{margin-top:25px}.feature{padding:28px;border-radius:25px}.feature-points{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery .photo:first-child{grid-column:auto}.photo,.photo.small{min-height:230px}.map,.map iframe{min-height:320px}.contact-box h2{font-size:31px}.footer{align-items:flex-start;flex-direction:column}
}

/* Local image slots: add your own files under assets/images/ with these names. */
.photo-store-1:before{background-image:url("../assets/images/hero-nuts.jpg")}
.photo-store-2:before{background-image:url("../assets/images/dried-fruit.jpg")}
.photo-store-3:before{background-image:url("../assets/images/coffee.jpg")}
.photo-store-4:before{background-image:url("../assets/images/dried-apricot.jpg")}

/* Accessibility / focus */
.skip-link{position:fixed;left:14px;top:-60px;z-index:1000;background:var(--green);color:#fff;padding:12px 16px;border-radius:10px;font-weight:800;transition:top .2s}
.skip-link:focus{top:14px}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
button:focus-visible,a:focus-visible{border-radius:10px}

/* Better contrast for both themes */
html.dark .feature{background:#0b1712;color:#f5faf7}
html.dark .feature h2,html.dark .feature p,html.dark .feature .point b{color:#f5faf7}
html.dark .feature .point span{color:#c1d0c8}
html.dark .btn-light{background:#111b17;color:#bde8d8;border-color:#8fd2bd}
html.dark .btn-green{background:#9bd6c1;color:#07110d}
html.dark .hero-copy,html.dark .section-desc,html.dark .card p{color:#bdc9c2}



/* Bolu Ajans footer credit */
.agency-credit{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-decoration:none;transition:transform .22s ease,opacity .22s ease}
.agency-credit:hover{transform:translateY(-1px);opacity:1}
.agency-logo-wrap{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:8px;background:transparent;overflow:visible}
.agency-logo-wrap img{width:32px;height:32px;object-fit:contain;display:block;transition:transform .28s ease,filter .28s ease}
.agency-credit:hover .agency-logo-wrap img{transform:scale(1.12) rotate(-3deg);filter:drop-shadow(0 4px 10px rgba(255,25,96,.28))}
.agency-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;min-width:145px}
.agency-copy strong{font-size:12px;font-weight:800;letter-spacing:.01em;color:var(--ink)}
.agency-changing{position:relative;display:block;height:14px;overflow:hidden;width:100%;margin-top:1px;color:var(--muted);font-size:9px}
.agency-changing span{position:absolute;inset:0;opacity:0;transform:translateY(7px);animation:agencyWords 12s infinite;white-space:nowrap}
.agency-changing span:nth-child(1){animation-delay:0s}.agency-changing span:nth-child(2){animation-delay:3s}.agency-changing span:nth-child(3){animation-delay:6s}.agency-changing span:nth-child(4){animation-delay:9s}
@keyframes agencyWords{0%,20%{opacity:0;transform:translateY(7px)}5%,15%{opacity:1;transform:translateY(0)}21%,100%{opacity:0;transform:translateY(-7px)}}
/* URL is intentionally hidden until the user hovers/focuses the agency credit. */
.agency-url{display:block;margin-top:1px;color:#ff1960;font-style:normal;font-size:8px;font-weight:800;letter-spacing:.01em;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}
.agency-credit:hover .agency-url,.agency-credit:focus-visible .agency-url,.agency-credit:focus-within .agency-url{opacity:1;visibility:visible;transform:translateY(0);text-decoration:underline}
@media (max-width:760px){.agency-credit{width:auto;justify-content:flex-start}.agency-copy{min-width:0}.language-menu{right:-4px}}

/* Final theme and image reliability fixes */
html.dark .hero{background:radial-gradient(circle at 84% 28%,rgba(183,216,59,.10),transparent 25%),linear-gradient(135deg,#101915 0%,#0b120f 100%)}
html.dark h1,html.dark h2{color:var(--ink)}
html.dark h1 span{color:var(--green2)}
html.dark .hero-copy b,html.dark .eyebrow,html.dark .kicker{color:var(--green2)}
html.dark .btn-green{background:var(--green);color:#08110d}
html.dark .btn-light{background:transparent;color:var(--green2);border-color:var(--green2)}
html.dark .visual-main{background:#123d32}
html.dark .visual-title{color:#fff}
.hero-photo,.food-card img{background:#dfe6dd}
.food-card img{width:100%;height:235px;object-fit:cover;display:block}
.food-card{padding:0}
.food-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(to top,rgba(5,22,17,.82),rgba(5,22,17,.02) 65%);color:#fff}
.food-overlay span{font-size:9px;font-weight:800;letter-spacing:1.7px;color:var(--lime2)}
.food-overlay h3{font:800 22px/1.03 Manrope;letter-spacing:-.8px;margin-top:7px}