:root{
  --pgfeuk-primary:#c8102e;
  --pgfeuk-navy:#012169;
  --pgfeuk-gold:#d4af37;
  --bg:#ffffff;
  --text:#0f172a;
  --border:rgba(15,23,42,.12);
  --radius:18px;
  --shadow:0 10px 30px rgba(1,33,105,.10);
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 600px at 10% -10%, rgba(212,175,55,.18), transparent 60%), var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1200px,92%);margin:0 auto}
.muted{color:rgba(15,23,42,.72)}
.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}
.pad{padding:18px}
/* Header */
.topbar{background:linear-gradient(90deg,var(--pgfeuk-navy),var(--pgfeuk-primary));color:#fff}
.topbar-inner{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0}
.chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:800;font-size:.85rem;margin-right:8px}
.toplink{color:#fff;font-weight:800;margin-left:12px;text-decoration:none;opacity:.95}
.toplink:hover{opacity:1;text-decoration:underline}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);backdrop-filter:saturate(1.2) blur(8px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;min-width:240px}
.brand img{max-height:92px;width:auto;border-radius:0}
.site-title{text-decoration:none;font-weight:900;color:var(--text);display:block}
.tagline{font-size:.9rem;color:rgba(15,23,42,.65)}
/* Nav + dropdown */
.menu-toggle{display:none;border:1px solid var(--border);border-radius:12px;background:#fff;padding:10px;cursor:pointer}
.menu-toggle .bar{display:block;width:18px;height:2px;background:var(--text);margin:4px 0;border-radius:2px}
.sr-only{position:absolute;left:-9999px}
.nav{display:flex;align-items:center;gap:10px}
.nav .menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.nav .menu>li{position:relative}
.nav .menu>li>a{display:block;padding:10px 12px;border-radius:12px;font-weight:900;color:var(--text);text-decoration:none}
.nav .menu>li:hover>a{background:rgba(1,33,105,.07)}
.nav .menu li ul{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 22px 44px rgba(15,23,42,.18);padding:8px;margin-top:8px;display:none}
.nav .menu li:hover>ul{display:block}
.nav .menu li ul li a{display:block;padding:10px 12px;border-radius:12px;font-weight:800;text-decoration:none;color:var(--text)}
.nav .menu li ul li a:hover{background:rgba(200,16,46,.08)}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:14px;font-weight:900;text-decoration:none;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--pgfeuk-primary),#ff4d6d);color:#fff}
.btn-outline{border-color:rgba(1,33,105,.25);background:rgba(1,33,105,.04);color:var(--pgfeuk-navy)}
/* Main */
.site-main{padding:26px 0}
.hero-inner{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;padding:28px}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(900px 420px at 10% 20%, rgba(200,16,46,.18), transparent 60%),
  radial-gradient(900px 420px at 90% 0%, rgba(1,33,105,.18), transparent 55%),
  radial-gradient(900px 420px at 80% 90%, rgba(212,175,55,.14), transparent 60%)}
.hero h1{margin:0 0 10px;font-size:clamp(30px,4vw,52px);line-height:1.1}
.hero p{margin:0 0 16px;max-width:62ch;font-size:1.08rem}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.badge{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.65);font-weight:900}
.panel{padding:16px}
.steps{margin:10px 0 0;padding-left:18px}
.steps li{margin:6px 0;font-weight:800}
.section{margin-top:22px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.col-4{grid-column:span 4}
.col-6{grid-column:span 6}
.category-tile{display:block;padding:16px;text-decoration:none;transition:transform .15s ease;color:var(--text)}
.category-tile:hover{transform:translateY(-3px)}
.category-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--pgfeuk-navy),var(--pgfeuk-primary));margin-bottom:10px;position:relative}
.category-icon:after{content:"";position:absolute;inset:8px;border-radius:12px;border:2px solid rgba(255,255,255,.55)}
.category-link{display:inline-block;margin-top:10px;font-weight:900;color:var(--pgfeuk-primary)}
.ticks{margin:10px 0 0;padding-left:18px}
.ticks li{margin:8px 0;font-weight:800}
.fancy{background:radial-gradient(600px 260px at 30% 0%, rgba(212,175,55,.18), transparent 60%), #fff}
/* Layout */
.content-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}
/* Footer */
.site-footer{margin-top:34px;background:linear-gradient(180deg, rgba(1,33,105,.06), rgba(1,33,105,0));border-top:1px solid var(--border)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:26px 0}
.footer-menu{list-style:none;margin:0;padding:0}
.footer-menu li{margin:8px 0}
.footer-menu a{text-decoration:none;font-weight:900;color:rgba(15,23,42,.82)}
.footer-menu a:hover{text-decoration:underline}
.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.trust{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(1,33,105,.06);border:1px solid rgba(1,33,105,.12);font-weight:900}
.footer-bottom{padding:12px 0;border-top:1px solid rgba(15,23,42,.08)}
/* WooCommerce tweaks */
.woocommerce ul.products li.product{border:1px solid var(--border);border-radius:16px;padding:12px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.10)}
.woocommerce div.product .summary,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff;box-shadow:var(--shadow)}
/* Responsive */
@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr}
  .col-4,.col-6{grid-column:span 12}
  .content-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .menu-toggle{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--border);display:none;padding:12px}
  .nav.open{display:flex;flex-direction:column;align-items:stretch}
  .nav .menu{flex-direction:column;align-items:stretch}
  .nav .menu li ul{position:static;display:none;margin:0;border:none;box-shadow:none;padding:0 0 0 10px}
  .nav .menu li.open>ul{display:block}
}


/* --- Mobile upgrades --- */
@media (max-width: 980px){
  /* Make space for sticky bottom bar */
  body{ padding-bottom: calc(74px + env(safe-area-inset-bottom)); }

  /* Bigger tap targets */
  .nav .menu > li > a{ padding: 14px 14px; }
  .nav .menu li ul li a{ padding: 12px 14px; }
  .btn{ padding: 14px 16px; }

  /* Woo buttons */
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button{ padding: 14px 16px; border-radius: 14px; font-weight: 900; }

  /* Improve form spacing */
  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row textarea,
  .woocommerce form .form-row select{
    padding: 14px 12px; border-radius: 14px;
  }

  /* Sticky mobile action bar */
  .mobile-bar{
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9999;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(15,23,42,.12);
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  }
  .mobile-bar-inner{
    width: min(1200px, 92%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    gap: 10px;
  }
  .mb-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 10px;
    border-radius: 16px;
    border: 1px solid rgba(1,33,105,.18);
    background: rgba(1,33,105,.04);
    text-decoration: none;
    font-weight: 900;
    color: var(--pgfeuk-navy);
  }
  .mb-primary{
    border-color: transparent;
    background: linear-gradient(135deg,var(--pgfeuk-primary),#ff4d6d);
    color: #fff;
  }
  .mb-ico{ font-size: 1.05rem; line-height: 1; }
  .mb-txt{ line-height: 1; }
}

/* Hide mobile bar on larger screens */
@media (min-width: 981px){
  .mobile-bar{ display:none; }
}


/* --- Flicko-style storefront enhancements (original) --- */
.hero2{padding:0}
.hero2-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;padding:28px;position:relative}
.hero2-bg{position:absolute;inset:0;background:
  radial-gradient(900px 420px at 12% 18%, rgba(200,16,46,.16), transparent 60%),
  radial-gradient(900px 420px at 90% 12%, rgba(1,33,105,.14), transparent 55%),
  radial-gradient(900px 420px at 70% 92%, rgba(212,175,55,.14), transparent 60%)}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(1,33,105,.06);border:1px solid rgba(1,33,105,.12);font-weight:900;color:var(--pgfeuk-navy);width:max-content;margin-bottom:10px}
.hero2-copy h1{margin:0 0 10px;font-size:clamp(32px,4vw,54px);line-height:1.08}
.hero2-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.12);font-weight:900}
.hero2-card{padding:16px}
.hero2-logo-wrap{display:flex;justify-content:center;align-items:center;padding:10px 8px}
.hero2-logo-wrap img{max-width:100%;height:auto}
.hero2-mini{display:grid;gap:10px;margin-top:12px}
.mini{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.74)}
.mini-ico{font-size:1.2rem;line-height:1}
.mini-title{font-weight:900}
.mini-sub{font-size:.95rem}
.promo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.promo{grid-column:span 4;padding:18px;text-decoration:none;transition:transform .15s ease}
.promo:hover{transform:translateY(-3px)}
.promo h3{margin:8px 0 8px}
.promo-tag{display:inline-flex;padding:7px 10px;border-radius:999px;font-weight:900;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.20);color:#fff}
.promo-cta{display:inline-block;margin-top:10px;font-weight:900}
.promo-red{background:linear-gradient(135deg,var(--pgfeuk-primary),#ff4d6d);color:#fff;border:none}
.promo-navy{background:linear-gradient(135deg,var(--pgfeuk-navy),#2b59c3);color:#fff;border:none}
.promo-gold{background:linear-gradient(135deg,var(--pgfeuk-gold),#ffd166);color:#3a2b00;border:none}
.category-soft{background:linear-gradient(180deg, rgba(1,33,105,.03), rgba(255,255,255,1))}
.soft-block{background:linear-gradient(180deg, rgba(200,16,46,.03), rgba(255,255,255,1))}
.notice{margin-top:14px;padding:12px;border-radius:14px;background:rgba(1,33,105,.05);border:1px solid rgba(1,33,105,.10)}
.newsletter{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px}
.nl-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nl-input{min-width:min(360px, 78vw);padding:14px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.16);outline:none}
.nl-input:focus{border-color:rgba(1,33,105,.35);box-shadow:0 0 0 4px rgba(1,33,105,.10)}

/* Product card polish */
.woocommerce ul.products li.product{transition:transform .15s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-3px)}
.woocommerce ul.products li.product img{border-radius:14px}
.woocommerce ul.products li.product .price{font-weight:900}
.woocommerce ul.products li.product .button{margin-top:10px}

@media (max-width: 980px){
  .hero2-inner{grid-template-columns:1fr}
  .promo{grid-column:span 12}
  .newsletter{flex-direction:column;align-items:stretch}
  .nl-form{justify-content:stretch}
  .nl-input{min-width:100%}
}


/* --- Buy Now / Add to Cart hover highlight --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  transition: all .18s ease;
  position: relative;
  overflow: hidden;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  background: linear-gradient(135deg, var(--pgfeuk-primary), #ff4d6d);
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(200,16,46,.35);
  transform: translateY(-2px);
}

.woocommerce a.button:hover::after,
.woocommerce button.button:hover::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(600px 60px at 50% 0%, rgba(255,255,255,.35), transparent 60%);
  pointer-events:none;
}

/* Product card highlight on hover */
.woocommerce ul.products li.product:hover{
  border-color: rgba(200,16,46,.35);
  box-shadow: 0 18px 40px rgba(200,16,46,.22);
}


/* --- Bigger logo tweaks --- */
.brand{gap:14px}
.brand-text .site-title{font-size:1.05rem}
@media (max-width: 980px){
  .brand img{max-height:82px}
  .brand-text .tagline{display:none}
}
/* Make hero logo panel bigger */
.hero2-logo-wrap{padding:14px 10px}
.hero2-logo-wrap img{max-height:160px;width:auto}
@media (max-width: 980px){
  .hero2-logo-wrap img{max-height:140px}
}


/* --- Button animation (hover + click ripple) --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.btn{
  will-change: transform, box-shadow, filter;
}

@keyframes pgfeukShimmer {
  0%{ transform: translateX(-120%) skewX(-18deg); opacity:0; }
  25%{ opacity:.35; }
  60%{ opacity:.18; }
  100%{ transform: translateX(160%) skewX(-18deg); opacity:0; }
}

.woocommerce a.button::before,
.woocommerce button.button::before,
.btn::before{
  content:"";
  position:absolute;
  top:-20%;
  left:-40%;
  width:60%;
  height:140%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transform: translateX(-120%) skewX(-18deg);
  opacity:0;
  pointer-events:none;
}

.woocommerce a.button:hover::before,
.woocommerce button.button:hover::before,
.btn:hover::before{
  opacity:1;
  animation: pgfeukShimmer .9s ease-out 1;
}

@keyframes pgfeukPulse {
  0%{ transform: translateY(-2px) scale(1); }
  60%{ transform: translateY(-2px) scale(1.02); }
  100%{ transform: translateY(-2px) scale(1); }
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  animation: pgfeukPulse .35s ease-out 1;
}

/* Ripple element */
.pgfeuk-ripple{
  position:absolute;
  border-radius:999px;
  transform: scale(0);
  animation: pgfeukRipple .55s ease-out;
  background: rgba(255,255,255,.35);
  pointer-events:none;
  mix-blend-mode: overlay;
}
@keyframes pgfeukRipple{
  to{ transform: scale(3.2); opacity:0; }
}


/* === FINAL LOGO SIZE (Brand-forward) === */

/* Header logo */
.brand img,
.custom-logo {
  max-height: 120px;
  width: auto;
}

/* Mobile header logo */
@media (max-width: 980px) {
  .brand img,
  .custom-logo {
    max-height: 95px;
  }
}

/* Hero logo panel */
.hero2-logo-wrap img {
  max-height: 220px;
  width: auto;
}

/* Mobile hero logo */
@media (max-width: 980px) {
  .hero2-logo-wrap img {
    max-height: 180px;
  }
}


/* === FULLSCREEN HERO LOGO MODE === */
.hero2{
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.hero2-inner{
  min-height: 100vh;
  align-items: center;
}

.hero2-logo-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.hero2-logo-wrap img{
  max-height: 80vh;
  max-width: 90%;
  width: auto;
}

/* Mobile fullscreen logo */
@media (max-width: 980px){
  .hero2-logo-wrap img{
    max-height: 65vh;
  }
}


/* === Image-style topbar banner === */
.topbar-inner{justify-content:center}
.topbar-left{display:flex;justify-content:center;flex:1}
.topbar-banner{display:inline-flex;align-items:center;justify-content:center}
.topbar-banner img{height:52px;width:auto;max-width:100%}
.topbar-right{position:absolute;right:4%;}
@media (max-width: 980px){
  .topbar-right{position:static;margin-left:auto}
  .topbar-inner{justify-content:space-between}
  .topbar-banner img{height:44px}
}

/* Give the topbar a slightly taller feel */
.topbar{padding:6px 0}

/* Buttons in hero a bit more like the reference (bolder) */
.btn-primary{box-shadow:0 12px 30px rgba(200,16,46,.25)}
.btn-outline{border-width:2px}


/* === Shop page layout (Left sidebar like reference) === */
.shop-layout{
  display:grid;
  grid-template-columns: 320px 1fr;
  gap: 22px;
  align-items:start;
}

.shop-sidebar .widget{
  border:0;
  border-bottom:1px solid rgba(15,23,42,.10);
  padding: 14px 0;
}
.shop-sidebar .widget:first-child{padding-top:0}
.shop-sidebar .widget-title{
  margin:0 0 10px;
  font-size: 1.1rem;
  font-weight: 900;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.shop-sidebar .widget-title::after{
  content:"+";
  font-weight: 900;
  opacity:.55;
}
.shop-sidebar .widget ul{list-style:none;margin:0;padding:0}
.shop-sidebar .widget ul li{margin:8px 0}
.shop-sidebar .widget a{text-decoration:none;font-weight:800;color:rgba(15,23,42,.82)}
.shop-sidebar .widget a:hover{text-decoration:underline}

.shop-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 0 16px;
  border-bottom:1px solid rgba(15,23,42,.10);
  margin-bottom: 12px;
}
.shop-count{font-weight:900;color:rgba(15,23,42,.82)}
.shop-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.shop-order select{
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.16);
  background:#fff;
  font-weight: 800;
}
.view-toggle{display:flex;gap:8px}
.vt-btn{
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(15,23,42,.16);
  background:#fff;
  font-weight: 900;
  cursor:pointer;
}
.vt-btn.is-active{
  background: rgba(15,23,42,.90);
  color:#fff;
  border-color: transparent;
}

/* Product cards closer to the screenshot */
.woocommerce ul.products li.product{
  border:1px solid rgba(15,23,42,.10);
  border-radius: 12px;
  box-shadow:none;
  padding: 14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 1rem;
  font-weight: 900;
  margin-top: 10px;
}
.woocommerce ul.products li.product .price{
  font-size: 1.15rem;
}
.woocommerce ul.products li.product .onsale{
  background:#cfeedd;
  color:#0a3d2a;
  border-radius:999px;
  padding: 6px 10px;
  font-weight: 900;
  top: 12px;
  left: 12px;
  right:auto;
  box-shadow:none;
}

/* List view */
body.shop-view-list .woocommerce ul.products{
  display:block !important;
}
body.shop-view-list .woocommerce ul.products li.product{
  display:grid;
  grid-template-columns: 180px 1fr;
  gap: 14px;
  align-items:start;
}
body.shop-view-list .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  display: contents;
}
body.shop-view-list .woocommerce ul.products li.product img{
  width: 180px;
  height: auto;
  border-radius: 10px;
}
body.shop-view-list .woocommerce ul.products li.product .button{
  width: max-content;
}

/* Responsive */
@media (max-width: 1050px){
  .shop-layout{grid-template-columns: 280px 1fr}
}
@media (max-width: 980px){
  .shop-layout{grid-template-columns: 1fr}
  .shop-top{flex-direction:column;align-items:flex-start}
  .shop-sidebar{order:2}
  .shop-content{order:1}
  .shop-sidebar .widget-title::after{content:""}
}


/* === Mega menu (multi-column dropdown) === */
/* Applies to top-level items with class 'has-mega' (auto-applied to 'Shop' or add 'mega-menu' in WP menu item classes) */
.nav .menu>li.has-mega>ul{
  left: 50%;
  transform: translateX(-50%);
  width: min(1050px, 92vw);
  padding: 16px;
  display: none;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(10px);
  box-shadow: 0 22px 44px rgba(15,23,42,.18);
}
.nav .menu>li.has-mega:hover>ul{ display:grid; }

/* Column cards (second-level items become column headers) */
.nav .menu>li.has-mega>ul>li{
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  padding: 12px;
  background: #fff;
}
.nav .menu>li.has-mega>ul>li>a{
  font-weight: 1000;
  padding: 10px 10px;
  border-radius: 12px;
  background: rgba(1,33,105,.04);
}
.nav .menu>li.has-mega>ul>li>a:hover{ background: rgba(200,16,46,.08); }

/* Third-level links inside each column */
.nav .menu>li.has-mega>ul>li>ul{
  position: static;
  display: block;
  border: none;
  box-shadow: none;
  padding: 8px 0 0;
  margin: 8px 0 0;
}
.nav .menu>li.has-mega>ul>li>ul>li>a{
  padding: 10px 10px;
  border-radius: 12px;
  font-weight: 850;
}
.nav .menu>li.has-mega>ul>li>ul>li>a:hover{
  background: rgba(1,33,105,.06);
}

/* Make sure normal dropdowns still work */
.nav .menu>li:not(.has-mega) ul{
  display:none;
}
.nav .menu>li:not(.has-mega):hover>ul{ display:block; }

/* Mobile: keep accordion behaviour (no mega grid) */
@media (max-width: 980px){
  .nav .menu>li.has-mega>ul{
    left:auto;
    transform:none;
    width:auto;
    display:none;
    grid-template-columns: 1fr;
    padding: 0 0 0 10px;
    gap: 0;
    box-shadow:none;
    border-radius: 0;
    background: transparent;
    border: none;
  }
  .nav .menu>li.has-mega.open>ul{ display:block; }
  .nav .menu>li.has-mega>ul>li{
    border: none;
    padding: 0;
    background: transparent;
  }
  .nav .menu>li.has-mega>ul>li>a{
    background: transparent;
    padding: 12px 14px;
  }
  .nav .menu>li.has-mega>ul>li>ul{
    padding: 0 0 0 10px;
    margin: 0;
  }
}