:root{
 --green:#004f32;--green2:#006b42;--red:#e51d2a;--yellow:#f5bd19;
 --ink:#1b1b1b;--muted:#6b6b6b;--cream:#fffdf6;--line:#dedede;
 --container:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:'Segoe UI',Arial,Helvetica,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(var(--container),92%);margin:auto}
.skip{position:absolute;left:-9999px}
.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:9999}

/* Header */
.header{height:76px;background:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:1000;border-bottom:1px solid #eeeeee}
.header-inner{width:min(1280px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center}
.brand-logo-img{width:92px;height:auto;display:block}
.nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:600;letter-spacing:0}
.nav-link{padding:29px 0;position:relative;white-space:nowrap;line-height:1;font-weight:600}
.nav-link:hover,.nav-link.active{color:var(--yellow)}
.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--yellow)}
.dropdown{position:relative}
.dropdown-toggle{display:inline-flex;align-items:center;gap:7px}
.chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 1px 3px 0;display:inline-block;opacity:.8;flex:none}
.dropdown-menu{position:absolute;top:61px;left:-19px;width:215px;background:#fff;border-radius:0 0 11px 11px;box-shadow:0 12px 28px rgba(0,0,0,.10);padding:0;display:none;overflow:visible}
.dropdown:hover>.dropdown-menu{display:block}
.dropdown-menu a{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:46px;padding:13px 24px;font-weight:400;font-size:14px;line-height:1.2;white-space:nowrap;color:#222}
.dropdown-menu>a:hover,.submenu-item>a:hover{background:#fff7dc;color:var(--ink)}
.submenu-item{position:relative}
.submenu-item>a{min-height:46px;height:46px;font-weight:400;padding-left:24px;padding-right:20px}
.submenu-item:hover>.submenu{display:block}
.submenu{position:absolute;left:100%;top:0;width:130px;background:#fff;border-radius:0 0 11px 11px;box-shadow:10px 12px 28px rgba(0,0,0,.10);padding:0;display:none;overflow:visible}
.submenu a{padding:13px 22px;min-height:46px}
.submenu-arrow{font-size:17px;line-height:1;margin-left:18px;color:#222;font-weight:400;flex:none}
.submenu span{font-size:17px;line-height:1;font-weight:400}
.menu-toggle{display:none;border:0;background:transparent;color:var(--yellow);font-size:30px;line-height:1;width:42px;height:42px;padding:0;cursor:pointer;font-weight:700;align-items:center;justify-content:center}
/* Hero */
.hero{height:min(610px,calc(100vh - 76px));min-height:470px;position:relative;overflow:hidden;background:#ed6800}
.hero-video{position:absolute;inset:0;overflow:hidden;background:#ed6800}
.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(100,35,0,.16),rgba(0,0,0,0) 68%),linear-gradient(0deg,rgba(0,0,0,.08),transparent 45%)}
.hero-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.hero-copy{margin-left:6%;color:#fff;max-width:450px}
.hero-logo-img{width:310px;height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.12))}
.hero-slogan{font-family:cursive;font-weight:700;font-size:29px;margin-top:18px}
/* Sections */
.section{padding:82px 0}
.intro{background:#fff}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start}
.script-title{font-family:cursive;font-size:37px;line-height:1.1;margin:0 0 20px}
.lead{font-size:15px;line-height:1.75;color:#444;margin:0 0 18px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#151515;font-weight:800;font-size:13px;padding:11px 19px;border-radius:999px;box-shadow:0 5px 15px rgba(245,189,25,.2);transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(245,189,25,.3)}
.photo-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.photo-stack img{width:100%;height:245px;object-fit:cover;border-radius:19px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.photo-stack img:first-child{margin-top:0}
.photo-stack img:last-child{margin-top:74px}

/* Gallery */
.gallery-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.gallery-head h2{font-family:cursive;font-size:30px;margin:0;white-space:nowrap}
.gallery-head .rule{height:1px;background:#777;flex:1}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.7fr;gap:16px}
.gallery-item{border:0;padding:0;margin:0;background:none;cursor:zoom-in;overflow:hidden;border-radius:16px;aspect-ratio:1/1;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.gallery-item.gallery-wide{aspect-ratio:1.55/1}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s}
.gallery-item:hover img{transform:scale(1.07)}
.gallery-item:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:2000;display:none;align-items:center;justify-content:center;padding:50px}
.lightbox.open{display:flex}
.lightbox-content{margin:0;max-width:min(1200px,90vw);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px}
.lightbox-content img{max-width:90vw;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.lightbox-content figcaption{color:#fff;font-size:14px}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.12);cursor:pointer;border-radius:50%;display:grid;place-items:center}
.lightbox-close{right:25px;top:20px;width:46px;height:46px;font-size:34px}
.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:42px}
.lightbox-prev{left:22px}.lightbox-next{right:22px}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,.22)}

/* Banner */
.story{padding:24px 0 80px}
.story-card{min-height:350px;border-radius:25px;overflow:hidden;position:relative;background:url("../images/hero/frutico-orange.jpg") center/cover;box-shadow:0 14px 35px rgba(0,0,0,.16)}
.story-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.12) 70%)}
.story-content{position:relative;z-index:2;color:#fff;padding:70px 60px;max-width:590px}
.story-content .hero-logo{font-size:54px}
.story-content p{font-size:14px;line-height:1.75;color:#f2f2f2}

/* Brands */
.brands{background:var(--cream);position:relative;overflow:hidden}
.brands::before,.brands::after{content:"";position:absolute;border:22px solid rgba(245,189,25,.22);border-radius:50%;width:190px;height:190px}
.brands::before{right:-70px;bottom:-105px}.brands::after{left:-120px;top:45px}
.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:22px;position:relative;z-index:2}
.brand-item{height:92px;display:grid;place-items:center;background:rgba(255,255,255,.55);border-radius:18px;transition:.2s}
.brand-item:hover{transform:translateY(-4px);background:#fff;box-shadow:0 9px 20px rgba(0,0,0,.06)}
.brand-item img{max-width:115px;max-height:70px;object-fit:contain;filter:grayscale(1);opacity:.78}
.brand-item:hover img{filter:none;opacity:1}

/* Footer - clean corporate layout */
.footer{background:#004d31;color:#fff;padding:58px 0 22px}
.footer-card{border:0;border-radius:0;padding:0;width:min(1160px,92%);margin:auto}
.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1.35fr;gap:90px;align-items:start;padding:0 0 48px}
.footer-logo-img{width:145px;height:auto;display:block;margin-bottom:18px}
.footer h3{font-size:14px;margin:3px 0 18px;color:#fff;font-weight:600}
.footer p,.footer a{font-size:13px;line-height:1.8;color:rgba(255,255,255,.78)}
.footer-links{display:grid;grid-template-columns:1fr;gap:5px}
.footer-links a:hover{color:#ffdb32}
.footer-contact .contact-row{display:flex;align-items:flex-start;gap:11px;margin:9px 0}
.contact-icon{color:#ffdb32;width:22px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.contact-icon-svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px;color:rgba(255,255,255,.7)}
.social{display:flex;gap:12px;justify-content:flex-start}
.social a{width:auto;height:auto;border:0;border-radius:0;display:block;color:#ffdb32;font-weight:700;font-size:16px}
.atıs-ajans{text-align:right;font-size:11px;letter-spacing:.2px;color:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:flex-end;gap:9px;white-space:nowrap;text-decoration:none}.atıs-ajans:hover{color:#fff}.atıs-ajans:focus-visible{outline:2px solid #ffdb32;outline-offset:4px;border-radius:3px}
.atıs-ajans img{width:96px;height:auto;display:inline-block;vertical-align:middle}
/* Language switch */
.language-switch{position:fixed;right:18px;bottom:18px;z-index:1200;background:#202020;padding:7px;border-radius:11px;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.language-switch a{display:grid;place-items:center;width:35px;height:30px;border-radius:6px}
.language-switch a:hover{background:#3a3a3a}
.language-switch img{width:23px;height:15px}

/* Responsive */
@media(max-width:1000px){
 .nav{gap:20px;font-size:13px}.intro-grid{gap:35px}.brand-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:820px){
  .header{height:68px;position:sticky;top:0;z-index:1000}
  .header-inner{width:100%;padding:0 20px;position:relative}
  .brand-logo-img{width:92px}
  .menu-toggle{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:44px;height:44px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:var(--yellow)!important;
    font-size:32px;
    line-height:1;
    font-weight:400;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .menu-toggle:hover,.menu-toggle:focus,.menu-toggle:active{
    color:var(--yellow)!important;
    background:transparent;
    outline:none;
  }

  .nav{
    display:none;
    position:fixed;
    top:68px;
    left:0;
    right:0;
    width:100%;
    max-height:calc(100dvh - 68px);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    background:#fff;
    box-shadow:0 10px 24px rgba(0,0,0,.10);
    padding:12px 24px 28px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    z-index:999;
  }
  .nav.open{display:flex}
  .nav-link{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:14px 0;
    font-size:15px;
    line-height:1.25;
    white-space:normal;
  }
  .nav-link.active::after{display:none}

  .dropdown{width:100%}
  .dropdown-toggle{width:100%;justify-content:flex-start;gap:9px}
  .chevron{margin-bottom:3px}

  .dropdown-menu{
    position:static!important;
    display:none;
    width:100%!important;
    max-width:none;
    margin:0;
    padding:0 0 4px!important;
    background:#fff;
    border:0;
    border-radius:0;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .dropdown.open>.dropdown-menu{display:block!important}

  .dropdown-menu>a,
  .dropdown-menu .submenu-item>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    height:auto;
    padding:12px 10px!important;
    font-size:14px;
    font-weight:400;
    line-height:1.35;
    white-space:normal;
    color:#222;
  }

  .products-menu>.submenu-item>a{
    background:#fff7dc;
    margin:0 0 2px;
  }

  .submenu{
    position:static!important;
    display:none;
    width:100%!important;
    margin:0!important;
    padding:0 0 0 16px!important;
    background:#fff;
    border:0;
    border-radius:0;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .submenu-item.open>.submenu{display:block!important}
  .submenu-item:hover>.submenu{display:none}

  .submenu-third{
    position:static!important;
    display:none;
    width:100%!important;
    padding-left:16px!important;
    box-shadow:none!important;
  }
  .nested-brand.open>.submenu-third{display:block!important}
  .nested-brand:hover>.submenu-third{display:none!important}

  .submenu-arrow,.submenu span{font-size:18px;line-height:1}
  .products-menu .submenu-third a{
    justify-content:flex-start;
    padding:11px 10px!important;
  }

  .corporate-menu a{justify-content:flex-start!important}

  /* Never let touch-hover keep a submenu open or interfere with JS state. */
  .products-menu .submenu-item:hover>a,
  .products-menu .nested-brand:hover>a{
    background:transparent;
    color:#222;
  }
  .products-menu>.submenu-item:hover>a{background:#fff7dc}

  .hero{height:520px}.hero-copy{margin-left:0}.hero-logo-img{width:275px}
  .intro-grid{grid-template-columns:1fr}.photo-stack{max-width:620px}.photo-stack img:last-child{margin-top:0}
  .gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .gallery-wide{grid-column:span 2}
  .brand-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:34px}
}
@media(max-width:560px){
 .section{padding:58px 0}.hero{height:480px;min-height:420px}.hero-logo-img{width:245px}.hero-slogan{font-size:23px}.lightbox{padding:30px 14px}.lightbox-prev{left:8px}.lightbox-next{right:8px}
 .hero-play{width:48px;height:48px}.photo-stack{grid-template-columns:1fr}.photo-stack img{height:250px}.gallery-grid{gap:10px}
 .brand-grid{grid-template-columns:repeat(2,1fr);gap:12px}.brand-item{height:85px}
 .story-content{padding:45px 28px}.story-content .hero-logo{font-size:42px}
 .footer-card{padding:30px 22px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}
 .footer-bottom{grid-template-columns:1fr;gap:14px;text-align:center;justify-items:center}.footer-bottom .atıs-ajans{justify-self:center;text-align:center}
}

@media(max-width:560px){.footer-fruit-wrap{height:110px;justify-content:flex-start}.footer-fruit{width:90px;height:90px}.footer-logo-img{width:110px}.hero-logo-img{width:245px}}

.nav-link,.dropdown-menu a,.submenu a{transition:color .16s ease,background-color .16s ease}

/* Contact dropdown */
.contact-dropdown .dropdown-menu{
  left:50%;
  transform:translateX(-50%);
  width:130px;
  border-radius:0 0 11px 11px;
}
.contact-dropdown .dropdown-menu a{
  justify-content:center;
  padding:14px 18px;
}
.contact-dropdown .chevron{
  position:static;
  transform:rotate(45deg);
  margin:0 1px 3px 0;
}

/* Third-level Products menu: Frutico -> Classic / Premium */
.nested-brand{position:relative}
.nested-brand:hover>.submenu-third{left:100%;top:0;width:170px;border-radius:0 0 11px 11px}
.submenu-third{
  left:100%;
  top:0;
  width:170px;
  border-radius:0 0 11px 11px;
}
.submenu-third a{
  justify-content:flex-start;
  padding:13px 24px;
}
@media(max-width:820px){
  .nested-brand:hover>.submenu-third{display:none!important}
  .nested-brand.open>.submenu-third{display:block!important}
  .submenu-third{position:static!important;width:100%!important;box-shadow:none!important;border-radius:0;padding-left:16px!important}
}

@media (min-width:821px) and (max-width:1200px){
  .nav{gap:24px;font-size:13.5px}
  .header-inner{width:96%}
}

.products-menu .nested-brand:hover > a{background:#ffd95b;color:#222}
.products-menu .submenu-third{z-index:20}
@media(min-width:821px){
  .products-menu .submenu-item:hover > .submenu{display:block}
  .products-menu .nested-brand:hover > .submenu-third{display:block}
}

.products-menu .submenu-item:hover > a,
.products-menu .nested-brand:hover > a{background:#ffd95b;color:#222}

.corporate-dropdown .dropdown-menu{left:50%;transform:translateX(-50%);width:145px;border-radius:0 0 11px 11px}
.corporate-dropdown .dropdown-menu a{justify-content:center;padding:14px 18px}

.products-menu .submenu-third a{
  justify-content:flex-start;
  text-align:left;
  padding-left:24px;
  padding-right:18px;
}

/* Dropdown hover polish: preserve rounded corners */
.dropdown-menu,
.submenu{
  isolation:isolate;
}
.dropdown-menu > a:first-child,
.dropdown-menu > .submenu-item:first-child > a{
  border-radius:0;
}
.dropdown-menu > a:last-child{
  border-radius:0 0 11px 11px;
}
.submenu > a:last-child{
  border-radius:0 0 11px 11px;
}
.submenu-third > a:first-child{
  border-radius:0;
}
.submenu-third > a:last-child{
  border-radius:0 0 11px 11px;
}

/* Corporate dropdown: clean hover, no shape change */
.corporate-menu a{
  background:#fff;
  color:#222;
}
.corporate-menu a:hover{
  background:#fff7dc;
  color:#222;
}

/* Product dropdown: same behavior at every level */
.products-menu > a:hover,
.products-menu > .submenu-item > a:hover,
.products-menu .submenu > a:hover,
.products-menu .submenu-third > a:hover{
  background:#fff7dc;
  color:#222;
}
.products-menu .submenu-item:hover > a,
.products-menu .nested-brand:hover > a{
  background:#ffd95b;
  color:#222;
}

/* Do not let generic nav hover styling recolor dropdown labels. */
.dropdown-menu a:hover,
.submenu a:hover{
  text-decoration:none;
}

/* Final Corporate dropdown alignment */
.corporate-menu{width:145px;overflow:hidden}
.corporate-menu a{display:flex;align-items:center;justify-content:center !important;text-align:center;box-sizing:border-box;width:100%;min-height:46px;padding:14px 18px !important}
.corporate-menu a:last-child{border-radius:0 0 11px 11px}
/* Ürün sayfaları: Ice Pendos başlığıyla aynı font */
.classic-titlebar h1,
.ice-titlebar h1 {
  font-family:cursive !important;
  font-style:italic !important;
  font-weight:700 !important;
}



/* Milkshake product page - repaired responsive layout */
.milkshake-page .cocktail-photo,
.page-milkshake .cocktail-photo,
.milkshake-products .cocktail-photo {
  width: 520px;
  aspect-ratio: 768 / 503;
  height: auto;
  overflow: hidden;
  border-radius: 20px;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}
.milkshake-page .cocktail-photo img,
.page-milkshake .cocktail-photo img,
.milkshake-products .cocktail-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 800px) {
  .milkshake-page .cocktail-photo,
  .page-milkshake .cocktail-photo,
  .milkshake-products .cocktail-photo {
    width: 100%;
    aspect-ratio: 768 / 503;
    height: auto;
    border-radius: 16px;
  }
}

/* E-Catalog */
.e-catalog-header{max-width:760px;margin-bottom:28px}
.catalog-download-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:13px 24px;border-radius:999px;background:#ffca1a;color:#064f3a;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.catalog-download-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.catalog-mobile-btn{display:none;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin-top:14px;padding:14px 22px;border-radius:999px;background:#064f3a;color:#fff;font-weight:700;text-decoration:none}
.catalog-viewer{width:100%;height:min(78vh,1050px);min-height:650px;border:1px solid #e6e6e6;border-radius:18px;overflow:hidden;background:#f5f5f5;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.catalog-viewer iframe{display:block;width:100%;height:100%;border:0}
@media (max-width:768px){.catalog-viewer{display:none}.catalog-mobile-btn{display:flex}.catalog-download-btn{width:100%}}

/* FINAL MOBILE NAV FIX */
@media (max-width:820px){
  .header{position:sticky;top:0;z-index:3000}
  .header-inner{position:relative}
  .menu-toggle{
    display:flex !important;
    align-items:center;
    justify-content:center;
    color:var(--yellow) !important;
    background:transparent !important;
    border:0 !important;
    width:44px;
    height:44px;
    padding:0;
    margin:0;
    font-size:31px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
  }
  .menu-toggle:hover,
  .menu-toggle:focus,
  .menu-toggle:active{color:var(--yellow) !important;background:transparent !important;outline:none}

  .nav{
    position:absolute !important;
    top:68px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:8px 5% 18px !important;
    background:#fff !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    max-height:calc(100vh - 68px) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
    transform:none !important;
  }
  .nav.open{display:flex !important}

  .nav-link{width:100%;padding:14px 0 !important;margin:0 !important}
  .dropdown{width:100%}
  .dropdown-toggle{width:100%;justify-content:flex-start}

  /* All mobile dropdowns must stay in normal document flow. */
  .nav .dropdown-menu,
  .nav .submenu,
  .nav .submenu-third{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:#fff !important;
  }

  .nav .dropdown-menu{display:none !important}
  .nav .dropdown.open>.dropdown-menu{display:block !important}
  .nav .submenu{display:none !important;padding-left:16px !important}
  .nav .submenu-item.open>.submenu{display:block !important}
  .nav .submenu-third{padding-left:16px !important}
  .nav .submenu-third a{padding-left:24px !important}

  .nav .dropdown-menu > a,
  .nav .submenu-item > a,
  .nav .submenu > a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:46px;
    padding:13px 24px !important;
    white-space:normal;
    overflow:visible;
  }

  .nav .products-menu > .submenu-item > a{
    background:#fff;
  }
  .nav .products-menu > .submenu-item.open > a,
  .nav .products-menu > .submenu-item > a:focus{
    background:#fff7dc;
  }

  .nav .corporate-dropdown .dropdown-menu{
    position:static !important;
    left:auto !important;
    transform:none !important;
    width:100% !important;
    padding:0 !important;
    border-radius:0 !important;
  }
  .nav .corporate-dropdown .dropdown-menu a{
    justify-content:flex-start !important;
    padding:13px 24px !important;
    text-align:left !important;
  }

  body{overflow-x:hidden}
}

/* PREMIUM MOBILE NAV POLISH */
@media (max-width:820px){
  body.mobile-menu-open{overflow:hidden}
  body.mobile-menu-open::before{
    content:"";
    position:fixed;
    inset:68px 0 0;
    background:rgba(6,79,58,.16);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    z-index:998;
  }
  .nav{
    position:fixed !important;
    top:78px !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-height:calc(100dvh - 90px) !important;
    padding:12px 12px 18px !important;
    border:1px solid rgba(6,79,58,.08) !important;
    border-radius:18px !important;
    box-shadow:0 18px 50px rgba(0,0,0,.18) !important;
    background:#fff !important;
    z-index:999 !important;
    overscroll-behavior:contain;
  }
  .nav-link{
    min-height:50px !important;
    padding:14px 12px !important;
    border-radius:11px;
    font-size:15px !important;
  }
  .nav-link:hover,.nav-link:focus{background:#fffaf0;color:#222}
  .nav-link.active{color:var(--yellow) !important;background:#fffaf0}

  .dropdown-toggle{min-height:50px !important;font-weight:700 !important}
  .dropdown.open > .dropdown-toggle{color:var(--yellow) !important;background:#fff8df}
  .dropdown.open > .dropdown-toggle .chevron{transform:rotate(225deg);margin-top:4px;margin-bottom:0}
  .chevron{width:7px;height:7px;border-width:1.7px;margin-left:2px;transition:transform .18s ease}

  .nav .dropdown-menu{padding:5px 0 7px !important}
  .nav .dropdown-menu > a,
  .nav .submenu-item > a,
  .nav .submenu > a{
    min-height:48px !important;
    padding:13px 13px !important;
    border-radius:10px;
    font-size:14px !important;
  }
  .nav .products-menu > .submenu-item > a{
    margin:2px 0 5px !important;
    background:#fff8df !important;
    font-weight:700 !important;
    color:#222 !important;
  }
  .nav .products-menu > .submenu-item.open > a{color:var(--ink) !important;background:#ffedb0 !important}

  .nav .submenu{
    padding:3px 0 3px 12px !important;
    border-left:2px solid #f1df9c;
    margin:0 0 4px !important;
  }
  .nav .submenu > a,
  .nav .nested-brand > a{
    background:#fff !important;
    margin:2px 0 !important;
  }
  .nav .nested-brand.open > a{background:#fff8df !important;font-weight:700 !important}
  .nav .submenu-third{
    padding:3px 0 5px 14px !important;
    margin-left:2px !important;
    border-left:2px solid #f1df9c;
  }
  .nav .submenu-third a{
    min-height:44px !important;
    padding:11px 13px !important;
    border-radius:9px !important;
    font-size:14px !important;
  }
  .nav .submenu-third a:hover,
  .nav .submenu-third a:focus{background:#fff8df !important}

  /* Consistent chevrons for nested mobile levels. */
  .nav .submenu-arrow,
  .nav .submenu-item > a > span:not(.chevron){
    width:7px !important;
    height:7px !important;
    font-size:0 !important;
    line-height:0 !important;
    border-right:1.7px solid currentColor;
    border-bottom:1.7px solid currentColor;
    transform:rotate(45deg);
    margin:0 4px 4px 10px !important;
    transition:transform .18s ease;
    opacity:.75;
    flex:none;
  }
  .nav .submenu-item.open > a > .submenu-arrow,
  .nav .nested-brand.open > a > span:not(.chevron){
    transform:rotate(225deg);
    margin-bottom:0 !important;
    margin-top:4px !important;
  }

  .nav .corporate-menu{
    padding:4px 0 7px !important;
    border-left:2px solid #f1df9c;
    margin-left:12px !important;
    width:auto !important;
  }
  .nav .corporate-menu a{
    justify-content:flex-start !important;
    min-height:46px !important;
    padding:12px 13px !important;
  }
}




/* FINAL MOBILE MENU MOTION — single, stable animation system */
@media (max-width:820px){
  .menu-toggle{
    position:relative !important;
    display:flex !important;
    width:48px !important;
    height:48px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    color:var(--yellow) !important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transform:translateZ(0);
  }
  .menu-toggle:active{transform:scale(.94) translateZ(0) !important}
  .menu-toggle .menu-line{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:27px !important;
    height:3px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:currentColor !important;
    transform-origin:50% 50% !important;
    backface-visibility:hidden;
    will-change:transform,opacity;
    transition:
      transform .38s cubic-bezier(.65,0,.35,1),
      opacity .20s ease !important;
  }
  .menu-toggle .menu-line:nth-child(1){transform:translate(-50%,-9px)}
  .menu-toggle .menu-line:nth-child(2){transform:translate(-50%,-50%)}
  .menu-toggle .menu-line:nth-child(3){transform:translate(-50%,7px)}
  .menu-toggle.is-open .menu-line:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}
  .menu-toggle.is-open .menu-line:nth-child(2){opacity:0;transform:translate(-50%,-50%) scaleX(.1)}
  .menu-toggle.is-open .menu-line:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}

  /* The panel stays in the layout; only visibility/opacity/transform animate.
     This avoids the flicker caused by display:none <-> display:flex. */
  .nav{
    display:flex !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translate3d(0,-16px,0) scale(.985) !important;
    transform-origin:top center !important;
    transition:
      opacity .24s ease,
      transform .34s cubic-bezier(.22,1,.36,1),
      visibility 0s linear .34s !important;
    will-change:opacity,transform;
  }
  .nav.open{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translate3d(0,0,0) scale(1) !important;
    transition:
      opacity .24s ease,
      transform .34s cubic-bezier(.22,1,.36,1),
      visibility 0s linear 0s !important;
  }

  /* Do not animate the rows separately: doing so together with the panel
     transform causes the visible jitter on some mobile Safari versions. */
  .nav.open > *{animation:none !important;opacity:1 !important;transform:none !important}

  .nav .dropdown-menu,
  .nav .submenu,
  .nav .submenu-third{
    display:block !important;
    max-height:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    transform:translate3d(0,-6px,0) !important;
    transition:
      max-height .38s cubic-bezier(.22,1,.36,1),
      opacity .22s ease,
      transform .28s ease !important;
  }
  .nav .dropdown.open > .dropdown-menu{
    max-height:1400px !important;
    opacity:1 !important;
    transform:translate3d(0,0,0) !important;
  }
  .nav .submenu-item.open > .submenu,
  .nav .nested-brand.open > .submenu-third{
    max-height:650px !important;
    opacity:1 !important;
    transform:translate3d(0,0,0) !important;
  }

  .nav .chevron,
  .nav .submenu-arrow{
    transition:transform .30s cubic-bezier(.22,1,.36,1) !important;
  }
  .nav .dropdown.open > .dropdown-toggle .chevron,
  .nav .submenu-item.open > a > .submenu-arrow,
  .nav .nested-brand.open > a > span.submenu-arrow{
    transform:rotate(180deg) !important;
  }

  @media (prefers-reduced-motion:reduce){
    .menu-toggle,.menu-toggle .menu-line,.nav,.nav .dropdown-menu,.nav .submenu,.nav .submenu-third,.nav .chevron,.nav .submenu-arrow{transition:none !important}
  }
}

/* FRUTICO 3RD-LEVEL ACCORDION FIX — stable nested expansion */
@media (max-width:820px){
  .nav .products-menu > .submenu-item > .submenu{overflow:visible !important;}
  .nav .products-menu .nested-brand{position:relative !important;}
  .nav .products-menu .nested-brand > a{position:relative !important;z-index:2 !important;min-height:48px !important;box-sizing:border-box !important;}
  .nav .products-menu .nested-brand > .submenu-third{
    display:block !important;position:static !important;width:100% !important;max-height:0 !important;height:auto !important;
    overflow:hidden !important;opacity:0 !important;transform:none !important;visibility:visible !important;
    margin:0 !important;padding:0 0 0 14px !important;border-left:2px solid #f1df9c !important;
    transition:max-height .30s ease, opacity .20s ease, padding .30s ease !important;
  }
  .nav .products-menu .nested-brand.open > .submenu-third{
    max-height:120px !important;opacity:1 !important;padding:3px 0 5px 14px !important;transform:none !important;
  }
  .nav .products-menu .nested-brand > .submenu-third > a{
    display:flex !important;min-height:44px !important;box-sizing:border-box !important;padding:11px 13px !important;margin:0 !important;transform:none !important;
  }
  .nav .products-menu .nested-brand > a > .submenu-arrow{transform:rotate(45deg) !important;transition:transform .22s ease !important;}
  .nav .products-menu .nested-brand.open > a > .submenu-arrow{transform:rotate(225deg) !important;}
}