/* Homepage header pilot; scoped to the child theme. */
.potlok-site-header{position:relative;z-index:20;background:#fff;color:#1d2521;font-family:inherit;box-shadow:0 1px 0 #e5e7e4}
.potlok-site-header *{box-sizing:border-box}
.potlok-site-header__promo{background:#1b2922;color:#fff;text-align:center;font-size:12px;letter-spacing:.02em;padding:10px 15px}
.potlok-site-header__main{width:min(1320px,calc(100% - 48px));margin:auto;min-height:98px;display:grid;grid-template-columns:minmax(155px,240px) minmax(180px,1fr) auto;gap:30px;align-items:center}
.potlok-site-header__logo img{width:200px;max-width:100%;height:auto;display:block}
.potlok-site-header__search{height:44px;display:flex;align-items:center;border:1px solid #e1e3e0;background:#f7f8f7;border-radius:30px;margin:0;overflow:hidden}
.potlok-site-header__search input[type=search]{flex:1;min-width:0;height:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 20px!important;font-size:13px;color:#1d2521}
.potlok-site-header__search button{width:50px;height:100%;padding:12px;border:0;background:transparent;color:#24322b;cursor:pointer}
.potlok-site-header svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.potlok-site-header__tools{display:flex;align-items:center;gap:20px;justify-content:flex-end}
.potlok-site-header__tools>a:not(.potlok-site-header__cart),.potlok-site-header__tools>.potlok-site-header__unavailable:not(.potlok-site-header__cart){display:flex;align-items:center;color:#1b2420;text-decoration:none}
.potlok-site-header__unavailable{cursor:default;opacity:.6}
.potlok-site-header__cart{display:flex;align-items:center;gap:9px;white-space:nowrap;border-radius:40px;padding:11px 17px;background:#202d27;color:#fff!important;text-decoration:none;font-size:12px}
.potlok-site-header__cart svg{width:18px;height:18px}
.potlok-site-header__nav{border-top:1px solid #e9ebe9}
.potlok-site-header__nav-inner{width:min(1320px,calc(100% - 48px));margin:auto;min-height:54px;display:flex;gap:22px;justify-content:space-between;align-items:center}
.potlok-site-header__nav a,.potlok-site-header__nav span{font-size:12px;font-weight:500;white-space:nowrap;color:#1a2520;text-decoration:none}
.potlok-site-header__nav span{opacity:.65}
.potlok-site-header__toggle,.potlok-site-header__menu-button{position:absolute;width:1px;height:1px;opacity:0}
.potlok-site-header__tools a:focus-visible,.potlok-site-header__nav a:focus-visible,.potlok-site-header__search button:focus-visible{outline:2px solid #1a2520;outline-offset:3px}
/* The approved promo now lives in the header, so hide the old duplicated bar. */
.potlok-home>.potlok-promo{display:none}
@media(max-width:1000px){
.potlok-site-header__main{grid-template-columns:155px minmax(150px,1fr) auto;gap:14px}
.potlok-site-header__tools{gap:11px}
.potlok-site-header__menu-button{position:static;opacity:1;display:flex;width:28px;height:28px;align-items:center;justify-content:center;cursor:pointer}
.potlok-site-header__nav{display:none}
.potlok-site-header__toggle:checked+.potlok-site-header__nav{display:block}
.potlok-site-header__nav-inner{min-height:0;padding:16px 0;display:flex;flex-direction:column;align-items:stretch;gap:17px}
}
@media(max-width:680px){
.potlok-site-header__promo{font-size:10px;padding:10px 12px}
.potlok-site-header__main{width:calc(100% - 28px);grid-template-columns:1fr auto;gap:12px;min-height:0;padding:12px 0}
.potlok-site-header__logo img{width:145px}
.potlok-site-header__search{grid-column:1/-1;grid-row:2;height:40px}
.potlok-site-header__tools{gap:12px}
.potlok-site-header__cart{padding:8px;border-radius:50%}
.potlok-site-header__cart span{display:none}
.potlok-site-header__nav-inner{width:calc(100% - 28px)}
}


/* THE POTLOK HEADER V3 REFINEMENTS — homepage pilot only */
@media (min-width:1001px) {
  .potlok-site-header__main {
    width:min(1520px,calc(100% - 64px));
    min-height:90px;
    grid-template-columns:minmax(200px,240px) minmax(280px,1fr) minmax(280px,340px);
    gap:28px;
  }
  .potlok-site-header__logo img { width:220px; }
  .potlok-site-header__search {width:100%; max-width:560px; justify-self:center;}
  .potlok-site-header__nav-inner {min-height:52px;}
}
.potlok-site-header__promo {font-size:13px;line-height:1.45;padding:9px 16px;}
.potlok-site-header__search {background:#f4f4f4;border-color:#f1f1f1;}
.potlok-site-header__search input[type=search] {
  order:2; padding:0 16px 0 6px!important;
  font-size:13px; outline-offset:-3px;
}
.potlok-site-header__search button {
  order:1; flex:0 0 46px; width:46px; padding:11px 13px;
  display:flex; align-items:center; justify-content:center;
}
.potlok-site-header__search button svg {width:19px;height:19px;fill:none!important;stroke:currentColor!important;stroke-width:2!important;}
.potlok-site-header__tools {gap:17px;}
.potlok-site-header__tools a[aria-label="My account"] {display:flex;align-items:center;gap:7px;}
.potlok-site-header__account-label {font-size:13px;font-weight:500;white-space:nowrap;}
.potlok-site-header__tools > a[aria-label="Wishlist"],
.potlok-site-header__tools > span[aria-label="Wishlist not configured"] {
  display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
}
.potlok-site-header__wishlist-count {
  display:inline-flex;align-items:center;justify-content:center;
  min-width:19px;height:19px;padding:0 4px;
  border-radius:50%;background:#f5f5f5;color:#555;
  font-size:11px;line-height:1;
}
.potlok-site-header__cart {gap:8px;padding:9px 12px 9px 14px;font-size:13px;}
.potlok-site-header__cart-count {
  width:21px;height:21px;min-width:21px;display:inline-flex;
  align-items:center;justify-content:center;border-radius:50%;
  background:#d96d50;color:#fff;font-size:11px;line-height:1;
}
.potlok-site-header__nav a,.potlok-site-header__nav span {
  font-size:14px;font-weight:500;color:#222b26;opacity:1;letter-spacing:.005em;
}
.potlok-site-header__nav-inner > :first-child {color:#cd6d51;font-weight:600;}
.potlok-site-header__nav-inner > :first-child::before {content:"🔥";font-size:12px;margin-right:5px;}
@media(max-width:1250px) and (min-width:1001px) {
  .potlok-site-header__main {grid-template-columns:190px minmax(220px,1fr) minmax(210px,300px);gap:18px;}
  .potlok-site-header__logo img {width:190px;}
  .potlok-site-header__nav a,.potlok-site-header__nav span {font-size:12px;}
}
@media(max-width:1000px) {
  .potlok-site-header__account-label {display:none;}
  .potlok-site-header__nav-inner > :first-child::before {margin-right:6px;}
  .potlok-site-header__nav-inner {gap:18px;}
}
@media(max-width:680px) {
  .potlok-site-header__main {grid-template-columns:minmax(0,1fr) auto;}
  .potlok-site-header__tools {gap:10px;}
  .potlok-site-header__search {width:100%;max-width:none;}
  .potlok-site-header__cart-label,.potlok-site-header__cart-count {display:none!important;}
  .potlok-site-header__cart {padding:9px;border-radius:50%;}
  .potlok-site-header__wishlist-count {display:none;}
  .potlok-site-header__promo {font-size:10px;}
}


/* THE POTLOK — BAKEWARE MEGA MENU PROTOTYPE */
.potlok-site-header__nav {
  position:relative;
}
.potlok-mega-entry {
  display:flex;
  align-items:center;
  gap:5px;
}
.potlok-mega-toggle {
  border:0;
  background:transparent;
  padding:5px;
  cursor:pointer;
  color:#26342d;
  font-size:16px;
}
.potlok-mega-panel {
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:100%;
  z-index:100;
  background:#fff;
  box-shadow:0 18px 35px rgba(0,0,0,.13);
  border-top:1px solid #ececec;
  padding:30px max(24px,calc((100% - 1320px)/2));
}
.potlok-mega-entry.is-open .potlok-mega-panel {
  display:block;
}
.potlok-mega-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(180px,1.2fr);
  gap:25px;
}
.potlok-mega-column,
.potlok-mega-feature {
  display:flex;
  flex-direction:column;
  gap:13px;
  min-width:0;
}
.potlok-mega-grid h3 {
  font-size:13px;
  font-weight:700;
  color:#17241e;
  margin:0 0 8px;
}
.potlok-mega-column a,
.potlok-mega-feature a {
  text-decoration:none;
  color:#4d5550;
  font-size:13px;
  white-space:normal;
}
.potlok-mega-column a:hover,
.potlok-mega-feature a:hover {
  color:#c36b4f;
}
.potlok-mega-feature {
  background:#f8f6f3;
  padding:18px;
  border-radius:5px;
}
.potlok-mega-product img {
  display:block;
  width:100%;
  max-height:170px;
  object-fit:contain;
  margin-bottom:10px;
}
.potlok-mega-product-name,
.potlok-mega-product-price {
  display:block;
  margin-top:7px;
}
.potlok-mega-product-price {
  font-weight:700;
}
.potlok-mega-shop-all {
  margin-top:auto;
  font-weight:700;
}
@media(min-width:1001px) {
  .potlok-mega-entry:hover .potlok-mega-panel,
  .potlok-mega-entry:focus-within .potlok-mega-panel {
    display:block;
  }
}
@media(max-width:1000px) {
  .potlok-mega-entry {
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .potlok-mega-panel {
    position:static;
    flex-basis:100%;
    width:100%;
    padding:18px 12px;
    box-shadow:none;
    border:1px solid #eee;
  }
  .potlok-mega-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }
  .potlok-mega-feature {
    grid-column:1/-1;
  }
}

/* POTLOK MEGA SIX V2 */
.potlok-site-header__nav { position:relative; z-index:30; }
.potlok-mega-entry { position:static; }
.potlok-mega-panel { z-index:999; max-height:min(75vh,650px); overflow-y:auto; }
.potlok-mega-entry.is-open .potlok-mega-panel { display:block; }
.potlok-mega-column a { display:block; line-height:1.45; padding:2px 0; }
.potlok-mega-toggle { min-width:26px; min-height:32px; }
@media(min-width:1001px) {
  /* The JavaScript maintains an open state across the gap below the navigation. */
  .potlok-mega-entry:hover .potlok-mega-panel { display:none; }
  .potlok-mega-entry.is-open .potlok-mega-panel,
  .potlok-mega-entry.is-open:hover .potlok-mega-panel { display:block; }
}
@media(max-width:1000px) {
  .potlok-mega-panel { max-height:none; overflow:visible; }
  .potlok-mega-entry { position:relative; }
}
