/* Desktop category navigation: sticky sidebar with hover flyouts. */
.side-menu-heading{display:none}
.side-menu-promos{display:none}

@media (min-width:951px){
  .storefront-shell{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;max-width:1920px;margin:0 auto}
  .storefront-shell>main{grid-column:2;min-width:0}
  .storefront-shell>.category-nav{
    grid-column:1;
    position:sticky;
    top:14px;
    z-index:24;
    width:auto;
    height:auto;
    margin:18px 0 36px 18px;
    padding:0 10px 14px;
    overflow:visible;
    border:1px solid #dbe6d6;
    border-radius:22px;
    background:#fff;
    box-shadow:0 14px 34px rgba(23,55,46,.10);
  }
  .side-menu-heading{display:flex;flex-direction:column;gap:3px;padding:22px 14px 17px;border-bottom:1px solid #e4ece0}
  .side-menu-heading span{color:#174b39;font:800 20px/1.1 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em}
  .side-menu-heading small{color:#718078;font:600 11px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:.03em}
  #category-menu{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    max-width:none;
    height:auto;
    margin:0;
    padding:9px 0 0;
    overflow:visible;
  }
  .category-group{position:relative;display:block;min-width:0}
  .category-group>a{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 18px;
    align-items:center;
    width:100%;
    min-height:55px;
    padding:7px 8px;
    border-radius:13px;
    color:#25473c;
    text-align:left;
    white-space:normal;
    font:800 13px/1.24 "Segoe UI",Arial,sans-serif;
    letter-spacing:.015em;
    text-transform:uppercase;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .category-group>a::after{content:"›";justify-self:center;color:#4d7868;font-size:25px;font-weight:400;line-height:1}
  .category-group>a:hover,.category-group:focus-within>a{background:#e8f3e8;color:#175d42;transform:translateX(2px)}
  .category-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c9ddcf;border-radius:11px;background:#f5f9f3;color:#2f7149}
  .category-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .category-label{min-width:0}
  .category-dropdown{
    display:none;
    position:absolute;
    top:-10px;
    left:calc(100% + 10px);
    width:310px;
    padding:12px;
    border:1px solid #d9e6dc;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 48px rgba(23,55,46,.18);
  }
  #category-menu .category-group .category-dropdown{left:calc(100% + 10px);right:auto}
  .category-dropdown::before{content:"";position:absolute;top:0;right:100%;width:12px;height:100%}
  .category-group:hover .category-dropdown,.category-group:focus-within .category-dropdown{display:grid}
  .category-dropdown a{display:flex;align-items:center;min-height:43px;padding:9px 12px;border:0;border-radius:10px;color:#294c40;font:700 13px/1.28 "Segoe UI",Arial,sans-serif}
  .category-dropdown a::before{content:"";flex:0 0 7px;width:7px;height:7px;margin-right:10px;border-radius:50%;background:#8db69a}
  .category-dropdown a:hover{color:#175d42;background:#eef6ec}
  .category-group:last-child .category-dropdown{top:auto;bottom:-10px;width:310px;grid-template-columns:1fr}
  .side-menu-promos{display:grid;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid #e4ece0}
  .side-menu-promo{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:88px;padding:12px;border:1px solid #d8e6da;border-radius:16px;color:#21483b;background:linear-gradient(135deg,#f4f8f2,#e7f1e5);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .side-menu-promo:hover{transform:translateY(-2px);border-color:#a9c8b0;box-shadow:0 10px 24px rgba(23,55,46,.12)}
  .side-menu-promo-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:#2d7550}
  .side-menu-promo-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .side-menu-promo span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}
  .side-menu-promo small{color:#6c7d74;font:700 9px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
  .side-menu-promo b{color:#21483b;font:800 12px/1.2 "Segoe UI",Arial,sans-serif}
  .side-menu-promo em{margin-top:3px;color:#2d7550;font:700 10px/1.2 "Segoe UI",Arial,sans-serif;font-style:normal}
  .side-menu-promo-offers{background:linear-gradient(135deg,#f7f7f3,#eef1ec)}
  .side-menu-promo-offers .side-menu-promo-icon{background:#68766e}
  .side-menu-promo-offers em{color:#58675f}
  .catalog,.detail{padding-left:3.5vw;padding-right:3.5vw}
  .showcase{padding-left:3.5vw;padding-right:3.5vw}
  .site-footer{max-width:none}
}

@media (min-width:951px) and (max-width:1180px){
  .storefront-shell{grid-template-columns:240px minmax(0,1fr)}
  .storefront-shell>.category-nav{margin-left:10px;padding-inline:7px}
  .category-group>a{grid-template-columns:34px minmax(0,1fr) 15px;font-size:11.5px;padding-inline:6px}
  .category-icon{width:31px;height:31px}
  .category-dropdown{width:280px}
  .category-group:last-child .category-dropdown{width:280px}
  .side-menu-promo{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:10px}
  .side-menu-promo-icon{width:36px;height:36px}
  .side-menu-promo b{font-size:11px}
}

@media (max-width:950px){
  .storefront-shell{display:block}
  .side-menu-heading{display:none}
  .side-menu-promos{display:none}
}