/* Sissnuts coded header v3 */
:root{--siss-header-height:78px}
.siss-site-header{position:sticky;top:0;z-index:130;background:rgba(255,253,249,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(45,55,47,.07)}
.siss-header-container{width:min(calc(100% - 40px),var(--tc-container,1320px));margin-inline:auto}
.siss-topbar{background:var(--tc-color-primary,#6C7B65);color:#fff;font-size:12px}
.siss-topbar .siss-header-container{min-height:30px;display:flex;align-items:center;justify-content:center;position:relative}
.siss-topbar p{margin:0;text-align:center}
.siss-topbar-close{position:absolute;left:0;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font-size:19px;cursor:pointer;padding:4px 8px}

.siss-header-main{
  min-height:var(--siss-header-height);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:26px;
}
/* First grid item is deliberately pinned to physical right. */
.siss-header-menu-zone{grid-column:1;grid-row:1;justify-self:start;width:100%;direction:rtl}
.siss-header-brand-zone{grid-column:2;grid-row:1;justify-self:center}
.siss-header-actions-zone{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:10px;direction:ltr}

.siss-header-brand{display:flex;align-items:center;justify-content:center}
.siss-header-brand img{display:block;width:auto;max-width:140px;max-height:52px;object-fit:contain}

.siss-primary-nav{display:block}
.siss-drawer-head,.siss-drawer-back-row,.siss-drawer-footer{display:none}
.siss-menu-viewport{overflow:visible}
.siss-menu,.siss-menu ul{list-style:none;margin:0;padding:0}
.siss-menu{display:flex;align-items:center;justify-content:flex-start;gap:24px}
.siss-menu>li{position:relative}
.siss-menu>li>a{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 2px;color:#39443b;font-size:13px;font-weight:700;white-space:nowrap;transition:color .18s ease}
.siss-menu>li>a:hover,.siss-menu>li.current-menu-item>a,.siss-menu>li.current-menu-ancestor>a{color:var(--tc-color-primary,#6C7B65)}
.siss-menu li.menu-item-has-children>a:after{content:"";width:6px;height:6px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translateY(-1px);margin-right:2px;opacity:.65}
.siss-menu .sub-menu{
  position:absolute;
  z-index:30;
  top:calc(100% + 8px);
  right:0;
  min-width:220px;
  padding:9px;
  border:1px solid #F8F1E4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 50px rgba(28,38,29,.11);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.siss-menu li:hover>.sub-menu,.siss-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.siss-menu .sub-menu li{position:relative}
.siss-menu .sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;color:#4b554d;font-size:13px;white-space:nowrap}
.siss-menu .sub-menu a:hover{background:#f8f4ec;color:var(--tc-color-primary,#6C7B65)}
.siss-menu .sub-menu .sub-menu{top:-9px;right:calc(100% + 8px)}
.siss-menu .sub-menu li.menu-item-has-children>a:after{transform:rotate(45deg);margin-right:auto}

.siss-header-actions{display:flex;align-items:center;gap:4px}
.siss-icon-button,.siss-mobile-menu-toggle{
  width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:#485149;
  display:grid;place-items:center;position:relative;cursor:pointer;transition:background .18s ease,color .18s ease
}
.siss-icon-button:hover,.siss-mobile-menu-toggle:hover{background:#f5efe6;color:var(--tc-color-primary,#6C7B65)}
.siss-icon-button svg,.siss-mobile-menu-toggle svg,.siss-header-search svg{width:20px;height:20px}
.siss-cart-count{position:absolute;top:1px;left:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--tc-color-accent,#D3AE6E);color:#fff;font-size:9px;display:grid;place-items:center}
.siss-mobile-menu-toggle{display:none}

.siss-search-shell{width:min(260px,22vw);transition:width .2s ease}
.siss-header-search{height:40px;display:flex;align-items:center;direction:rtl;border:1px solid #F8F1E4;border-radius:12px;background:#fbfaf7;overflow:hidden}
.siss-header-search input{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;padding:8px 13px;font-size:12px}
.siss-header-search button{width:40px;height:40px;border:0;background:transparent;color:#59635a;display:grid;place-items:center;cursor:pointer}
.siss-search-toggle{display:none}

.siss-nav-backdrop{position:fixed;inset:0;z-index:120;border:0;background:rgba(14,22,16,.28);backdrop-filter:none;-webkit-backdrop-filter:none}
html.siss-menu-open,html.siss-menu-open body{overflow:hidden}

@media(max-width:1100px){
  :root{--siss-header-height:68px}
  .siss-header-container{width:min(calc(100% - 28px),var(--tc-container,1320px))}
  .siss-header-main{grid-template-columns:1fr auto 1fr;gap:12px}
  .siss-header-menu-zone{justify-self:start;width:auto}
  .siss-mobile-menu-toggle{display:grid}
  .siss-search-shell{display:none}
  .siss-search-toggle{display:grid}

  .siss-primary-nav{
    position:fixed;
    z-index:125;
    top:0;
    right:0;
    width:min(88vw,390px);
    height:100dvh;
    display:flex;
    flex-direction:column;
    background:#fffdf9;
    box-shadow:-24px 0 70px rgba(20,31,22,.16);
    transform:translateX(105%);
    transition:transform .28s cubic-bezier(.16,1,.3,1);
    overflow:hidden;
  }
  .siss-primary-nav.is-open{transform:none}
  .siss-drawer-head{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #F8F1E4}
  .siss-drawer-brand img{width:auto;max-width:120px;max-height:46px}
  .siss-drawer-close{width:40px;height:40px;border:0;border-radius:12px;background:#f5f0e8;color:#2e392f;font-size:27px;line-height:1;cursor:pointer}
  .siss-drawer-back-row{display:block;padding:10px 14px 0}
  .siss-drawer-back-row[hidden]{display:none}
  .siss-drawer-back{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#556057;font-size:12px;padding:8px;cursor:pointer}
  .siss-drawer-back>span:first-child{font-size:24px;line-height:1}
  .siss-menu-viewport{position:relative;flex:1;overflow:hidden;padding:10px 14px 20px}

  .siss-menu{
    display:block;
    position:relative;
    width:100%;
    height:100%;
  }
  .siss-menu li{position:static!important}
  .siss-menu>li>a,.siss-menu .sub-menu a{
    min-height:49px;
    display:flex;
    align-items:center;
    padding:0 10px;
    border-bottom:1px solid #f0ebe3;
    border-radius:0;
    color:#313c33;
    font-size:14px;
    font-weight:700;
    white-space:normal;
  }
  .siss-menu li.menu-item-has-children>a:after{
    width:7px;height:7px;margin-right:auto;margin-left:4px;
    transform:rotate(45deg);
    opacity:.55;
  }
  .siss-menu .sub-menu{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-width:0!important;
    height:100%;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fffdf9!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(-105%)!important;
    transition:transform .28s cubic-bezier(.16,1,.3,1)!important;
    overflow:auto;
  }
  .siss-menu .sub-menu.is-panel-active{transform:none!important;z-index:5}
  .siss-menu .sub-menu .sub-menu{right:0!important;top:0!important}
  .siss-drawer-footer{display:flex;gap:8px;padding:14px 16px 18px;border-top:1px solid #F8F1E4;background:#fff}
  .siss-drawer-footer a{flex:1;min-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #F8F1E4;border-radius:12px;font-size:12px;font-weight:700}
}

@media(max-width:767px){
  .siss-header-container{width:calc(100% - 20px)}
  .siss-header-main{grid-template-columns:1fr auto 1fr}
  .siss-header-brand img{max-width:108px;max-height:42px}
  .siss-account-link,.siss-wishlist-link{display:none}
  .siss-header-actions{gap:0}
  .siss-icon-button,.siss-mobile-menu-toggle{width:38px;height:38px}
  .siss-topbar{font-size:10px}
}

@media(max-width:1100px){
  .siss-header-actions-zone{position:relative}
  .siss-search-shell.is-mobile-open{
    display:block;
    position:absolute;
    z-index:40;
    top:calc(100% + 12px);
    left:0;
    width:min(360px,calc(100vw - 32px));
    padding:8px;
    border:1px solid #F8F1E4;
    border-radius:14px;
    background:#fff;
    box-shadow:0 16px 45px rgba(25,35,27,.13);
  }
}


/* ===== Mobile Drawer v2.5 stacking / interaction fix ===== */
@media(max-width:1100px){
  .siss-site-header{
    z-index:130!important;
    isolation:isolate;
  }

  .siss-primary-nav{
    z-index:150!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }

  .siss-primary-nav.is-open{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }

  .siss-nav-backdrop{
    z-index:120!important;
    background:rgba(15,24,17,.28)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .siss-nav-backdrop[hidden]{
    display:none!important;
    pointer-events:none!important;
  }

  .siss-nav-backdrop:not([hidden]){
    display:block!important;
    pointer-events:auto!important;
  }

  .siss-drawer-head,
  .siss-drawer-back-row,
  .siss-menu-viewport,
  .siss-drawer-footer{
    position:relative;
    z-index:2;
    pointer-events:auto;
  }

  .siss-menu a,
  .siss-primary-nav button{
    pointer-events:auto!important;
    touch-action:manipulation;
  }
}


/* =====================================================================
   HEADER v5.12 — desktop: Search, Account, Cart
   ===================================================================== */
@media(min-width:901px){

  .siss-header-actions-zone{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    direction:ltr!important;
    min-width:0!important;
  }

  /* Search is the first physical item from the left. */
  .siss-search-shell--desktop-primary{
    display:block!important;
    order:1!important;
    width:290px!important;
    min-width:260px!important;
    max-width:340px!important;
    flex:0 1 290px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:static!important;
    transform:none!important;
  }

  .siss-search-shell--desktop-primary .siss-header-search{
    width:100%!important;
    height:44px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    align-items:center!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #F8F1E4!important;
    border-radius:13px!important;
    background:#fffdf9!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .siss-search-shell--desktop-primary .siss-header-search input[type="search"]{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding:0 14px!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#3e4941!important;
    font-size:12px!important;
  }

  .siss-search-shell--desktop-primary .siss-header-search button{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#526057!important;
  }

  .siss-search-shell--desktop-primary .siss-header-search button .siss-stockholm-svg{
    width:18px!important;
    height:18px!important;
  }

  /* The action group comes immediately after the search box. */
  .siss-header-actions--responsive{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    direction:ltr!important;
    flex:0 0 auto!important;
  }

  /* Desktop only needs account + cart. */
  .siss-header-actions--responsive .siss-search-toggle,
  .siss-header-actions--responsive .siss-wishlist-link{
    display:none!important;
  }

  .siss-header-actions--responsive .siss-account-link{
    order:1!important;
  }

  .siss-header-actions--responsive .siss-cart-link{
    order:2!important;
  }

  .siss-header-actions--responsive .siss-account-link,
  .siss-header-actions--responsive .siss-cart-link{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:10px!important;
  }
}

/* Mobile keeps the original icon-based header. */
@media(max-width:900px){
  .siss-header-actions--responsive{
    display:flex!important;
    align-items:center!important;
  }

  .siss-header-actions--responsive .siss-search-toggle,
  .siss-header-actions--responsive .siss-account-link,
  .siss-header-actions--responsive .siss-wishlist-link,
  .siss-header-actions--responsive .siss-cart-link{
    display:grid!important;
  }
}


/* =====================================================================
   HEADER v5.14 — desktop order: Account → Cart → Search
   ===================================================================== */
@media(min-width:901px){

  .siss-header-actions-zone{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    direction:ltr!important;
  }

  /* Icons come first from the left. */
  .siss-header-actions--responsive{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    direction:ltr!important;
    flex:0 0 auto!important;
  }

  .siss-header-actions--responsive .siss-account-link{
    order:1!important;
  }

  .siss-header-actions--responsive .siss-cart-link{
    order:2!important;
  }

  /* Search comes after both icons. */
  .siss-search-shell--desktop-primary{
    order:2!important;
    width:290px!important;
    min-width:260px!important;
    max-width:340px!important;
    flex:0 1 290px!important;
  }

  /* Keep unnecessary desktop icons hidden. */
  .siss-header-actions--responsive .siss-search-toggle,
  .siss-header-actions--responsive .siss-wishlist-link{
    display:none!important;
  }
}