/* Aşiyan Storefront V9 — stability pass for mobile navigation, mega menu and catalog/product presentation */
:root{
  --v9-ink:#211d1a;
  --v9-muted:#756d67;
  --v9-paper:#fbfaf8;
  --v9-soft:#f2ece5;
  --v9-line:#e5ddd6;
  --v9-gold:#aa7d37;
  --v9-header-h:76px;
  --v9-product-stage:clamp(520px,calc(100svh - 122px),760px);
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body.storefront-v9{font-family:Manrope,Arial,sans-serif;color:var(--v9-ink);background:var(--v9-paper)}

/* Header + mega menu: the panel is attached to the sticky header itself. */
.storefront-v9 .store-header{
  position:sticky!important;
  top:0!important;
  z-index:900!important;
  overflow:visible!important;
  isolation:isolate;
}
.storefront-v9 .header-shell{position:static!important}
.storefront-v9 .header-nav,.storefront-v9 .nav-entry{position:static!important}
.storefront-v9 .mega-menu{
  position:absolute!important;
  inset:auto 0 auto 0!important;
  top:calc(100% - 1px)!important;
  margin:0!important;
  max-height:calc(100svh - 68px)!important;
  overflow:auto!important;
  transform:translateY(-7px)!important;
  transform-origin:top center;
  z-index:920!important;
  border-top:1px solid var(--v9-line)!important;
}
.storefront-v9 .nav-entry:hover>.mega-menu,
.storefront-v9 .nav-entry:focus-within>.mega-menu,
.storefront-v9 .nav-entry.keyboard-open>.mega-menu{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.storefront-v9 .mega-menu-copy,.storefront-v9 .mega-menu-links,.storefront-v9 .mega-menu-visual{min-width:0}
.storefront-v9 .mega-menu-links>a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Notification/search layers always stay above the sticky header. */
.storefront-v9 .notice-drawer{z-index:1800!important}
.storefront-v9 .sheet-backdrop[data-store-bell-overlay]{z-index:1790!important}
.storefront-v9 .search-sheet{z-index:1810!important}

/* Product detail: complete outfit stays in the first viewport. */
.storefront-v9.page-product .store-main{padding:0!important;margin:0!important}
.storefront-v9 .product-page-v8{
  width:min(1600px,calc(100% - 28px))!important;
  margin:8px auto 54px!important;
}
.storefront-v9 .product-v8-layout{
  height:var(--v9-product-stage)!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:170px minmax(470px,42vw) minmax(410px,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.storefront-v9 .product-v8-story,
.storefront-v9 .product-v8-media,
.storefront-v9 .product-buybox-v8{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
.storefront-v9 .product-v8-story{
  width:auto!important;
  padding:25px 22px!important;
  overflow:hidden!important;
}
.storefront-v9 .product-v8-story>span{font-size:8px!important;line-height:1.35}
.storefront-v9 .product-v8-story>small{font-size:20px!important}
.storefront-v9 .product-v8-story>div:not(.product-v8-natural){width:100%;min-width:0;margin:auto 0!important}
.storefront-v9 .product-v8-story h2{
  max-width:100%;
  font-size:29px!important;
  line-height:.98!important;
  letter-spacing:-.025em;
  overflow-wrap:normal;
  word-break:normal;
  white-space:normal;
}
.storefront-v9 .product-v8-story i{margin:21px 0!important}
.storefront-v9 .product-v8-story p{
  margin:8px 0 0!important;
  font-size:9px!important;
  line-height:1.62!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
  overflow:hidden;
}
.storefront-v9 .product-v8-natural{flex:0 0 auto}

.storefront-v9 .product-v8-media{
  grid-template-columns:104px minmax(0,1fr)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#eee8e1!important;
}
.storefront-v9 .product-v8-media .product-thumbnails{
  min-height:0!important;
  padding:18px 11px!important;
  gap:9px!important;
  overflow-y:auto!important;
  background:#f7f2ec!important;
}
.storefront-v9 .product-v8-media .product-thumbnails button{
  flex:0 0 78px!important;
  width:78px!important;
  height:78px!important;
  border-radius:12px!important;
}
.storefront-v9 .product-v8-media .product-gallery{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  background:#eee8e1!important;
}
.storefront-v9 .product-v8-media .product-gallery-slide{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#eee8e1!important;
}
.storefront-v9 .product-v8-media .product-gallery-slide.active{display:flex!important;align-items:center!important;justify-content:center!important}
.storefront-v9 .product-v8-media .product-gallery-slide img,
.storefront-v9 .product-v8-media .product-gallery-slide video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#eee8e1!important;
}
.storefront-v9 .product-v8-fabric-card{width:132px!important;right:15px!important;bottom:15px!important}
.storefront-v9 .product-v8-fabric-image{height:72px!important}
.storefront-v9 .product-v8-fabric-card>div{padding:10px 10px 13px!important}

.storefront-v9 .product-buybox-v8{
  padding:28px 34px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#c9b9aa transparent;
  border-radius:16px!important;
}
.storefront-v9 .product-buybox-v8::-webkit-scrollbar{width:5px}
.storefront-v9 .product-buybox-v8::-webkit-scrollbar-thumb{background:#c9b9aa;border-radius:20px}
.storefront-v9 .product-breadcrumb{margin-bottom:17px!important}
.storefront-v9 .product-buybox-head h1{font-size:clamp(35px,2.7vw,48px)!important;line-height:.98!important}
.storefront-v9 .product-price-block{padding:17px 0 18px!important}
.storefront-v9 .product-short-copy{padding:15px 0!important;line-height:1.62!important}
.storefront-v9 .product-option-form{padding-top:15px!important}
.storefront-v9 .product-option-form fieldset{margin-bottom:16px!important}
.storefront-v9 .product-options label{height:40px!important}
.storefront-v9 .product-purchase{grid-template-columns:120px minmax(0,1fr)!important;gap:10px!important}
.storefront-v9 .product-quantity,.storefront-v9 .product-add-button{height:49px!important}
.storefront-v9 .product-benefit-row{margin-top:14px!important;padding:10px 8px!important}
.storefront-v9 .product-detail-sections{margin:18px -34px -28px!important;padding:0 34px!important}
.storefront-v9 .product-detail-sections summary{height:45px!important}
.storefront-v9 .product-detail-sections details>div{overflow-wrap:anywhere}
.storefront-v9 .product-v8-highlights{margin-top:14px!important}

/* Product cards: swatches live on the image and never get clipped below the price. */
.storefront-v9 .v7-product-card .product-tile-media{isolation:isolate}
.storefront-v9 .v7-product-card .product-tile-colors-overlay{
  position:absolute!important;
  left:11px!important;
  bottom:11px!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:calc(100% - 22px)!important;
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 7px 18px rgba(26,20,16,.12)!important;
  backdrop-filter:blur(10px);
}
.storefront-v9 .v7-product-card .product-tile-colors-overlay button{
  flex:0 0 14px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
}
.storefront-v9 .v7-product-card .product-tile-colors-overlay i{width:10px!important;height:10px!important}
.storefront-v9 .v7-product-card .product-tile-colors-overlay button.active{outline:1px solid #211d1a!important;outline-offset:2px!important}
.storefront-v9 .v7-product-card .product-tile-quick{bottom:48px!important}
.storefront-v9 .v7-product-card .product-tile-title{
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  min-height:2.7em;
}
.storefront-v9 .product-grid-rail{align-items:start!important}

/* Category introduction becomes full-bleed and more compact. */
.storefront-v9 .catalog-heading{
  width:100%!important;
  max-width:none!important;
  min-height:230px!important;
  margin:0!important;
  padding:32px max(34px,calc((100vw - 1760px)/2)) 36px!important;
  display:flex!important;
  align-items:flex-end!important;
  background:#e8dfd7!important;
}
.storefront-v9 .catalog-heading.has-image{min-height:310px!important;padding:0!important}
.storefront-v9 .catalog-heading-copy{
  width:min(100%,1120px)!important;
  max-width:1120px!important;
  padding:0!important;
}
.storefront-v9 .catalog-heading.has-image .catalog-heading-copy{
  align-self:flex-end!important;
  padding:34px max(34px,calc((100vw - 1760px)/2))!important;
}
.storefront-v9 .catalog-heading h1{
  font-size:clamp(52px,5.3vw,78px)!important;
  line-height:.9!important;
  margin:7px 0 12px!important;
}
.storefront-v9 .catalog-heading p{
  width:100%!important;
  max-width:900px!important;
  font-size:12px!important;
  line-height:1.65!important;
  overflow:visible!important;
  white-space:normal!important;
}
.storefront-v9 .catalog-shell{width:min(1760px,calc(100% - 48px))!important;max-width:none!important}

@media (min-width:901px) and (max-width:1280px){
  .storefront-v9 .header-shell{width:calc(100% - 28px)!important;grid-template-columns:minmax(330px,1fr) auto minmax(330px,1fr)!important;gap:12px!important}
  .storefront-v9 .header-nav{gap:13px!important}
  .storefront-v9 .nav-entry>a{font-size:8px!important}
  .storefront-v9 .mega-menu{grid-template-columns:220px minmax(300px,1fr) 290px!important;padding-left:22px!important;padding-right:22px!important}
  .storefront-v9 .product-v8-layout{grid-template-columns:145px minmax(430px,1.08fr) minmax(360px,.92fr)!important;gap:10px!important}
  .storefront-v9 .product-v8-story{padding:22px 18px!important}
  .storefront-v9 .product-v8-story h2{font-size:26px!important}
  .storefront-v9 .product-buybox-v8{padding:24px 25px!important}
  .storefront-v9 .product-detail-sections{margin-left:-25px!important;margin-right:-25px!important;padding-left:25px!important;padding-right:25px!important}
}

/* Native-app mobile menu: every block receives its own layout, no inherited desktop collapse. */
@media (max-width:900px){
  :root{--v9-header-h:62px}
  body.storefront-v9{padding-bottom:72px!important}
  .storefront-v9 .store-header{height:62px!important}
  .storefront-v9 .mega-menu{display:none!important}

  .storefront-v9 .mobile-menu.mobile-drawer{
    position:fixed!important;
    inset:0!important;
    width:100dvw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:0!important;
    z-index:2000!important;
    display:flex!important;
    flex-direction:column!important;
    background:#f7f3ee!important;
    overflow:hidden!important;
    transform:translate3d(-100%,0,0)!important;
    transition:transform .32s cubic-bezier(.22,.7,.22,1)!important;
    border:0!important;
    box-shadow:none!important;
  }
  .storefront-v9 .mobile-menu.mobile-drawer.open{transform:translate3d(0,0,0)!important}
  .storefront-v9 .mobile-app-head{
    position:relative!important;
    flex:0 0 calc(72px + env(safe-area-inset-top))!important;
    width:100%!important;
    min-width:0!important;
    padding:env(safe-area-inset-top) 12px 0!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    align-items:center!important;
    gap:8px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid var(--v9-line)!important;
    z-index:3!important;
  }
  .storefront-v9 .mobile-app-close,.storefront-v9 .mobile-app-bell{
    position:relative!important;
    width:46px!important;
    height:46px!important;
    padding:0!important;
    border:1px solid #e4ddd6!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#211d1a!important;
    display:grid!important;
    place-items:center!important;
  }
  .storefront-v9 .mobile-app-close .icon,.storefront-v9 .mobile-app-bell .icon{width:20px!important;height:20px!important}
  .storefront-v9 .mobile-app-bell b{
    position:absolute!important;right:-1px!important;top:-2px!important;min-width:18px!important;height:18px!important;
    padding:0 4px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
    background:#a97934!important;color:#fff!important;font-size:7px!important
  }
  .storefront-v9 .mobile-app-brand{
    justify-self:center!important;
    min-width:0!important;
    width:100%!important;
    height:56px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    line-height:1!important;
  }
  .storefront-v9 .mobile-app-brand img{
    display:block!important;
    width:auto!important;
    max-width:min(168px,100%)!important;
    height:auto!important;
    max-height:48px!important;
    object-fit:contain!important;
  }
  .storefront-v9 .mobile-app-brand strong{font:600 26px/1 "Cormorant Garamond",serif!important;letter-spacing:.13em!important}
  .storefront-v9 .mobile-app-brand small{font-size:6px!important;letter-spacing:.38em!important;margin-top:4px!important}

  .storefront-v9 .mobile-app-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    padding:14px 0 calc(34px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:linear-gradient(180deg,#fff 0,#f7f3ee 220px,#f7f3ee 100%)!important;
  }
  .storefront-v9 .mobile-app-search{
    width:calc(100% - 28px)!important;
    height:50px!important;
    margin:0 14px 12px!important;
    padding:0 14px!important;
    border:1px solid #e1d9d2!important;
    border-radius:14px!important;
    background:#fff!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    text-align:left!important;
    box-shadow:0 7px 22px rgba(37,28,22,.045)!important;
  }
  .storefront-v9 .mobile-app-search .icon{width:19px!important;height:19px!important}
  .storefront-v9 .mobile-app-search span{min-width:0!important;font-size:11px!important;color:#6f665f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .storefront-v9 .mobile-app-search kbd{display:none!important}

  .storefront-v9 .mobile-app-actions{
    width:100%!important;
    padding:0 14px 24px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .storefront-v9 .mobile-app-actions>a{
    min-width:0!important;
    min-height:78px!important;
    padding:12px!important;
    border:1px solid #e5ddd6!important;
    border-radius:15px!important;
    background:#fff!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 14px!important;
    align-items:center!important;
    gap:9px!important;
    box-shadow:0 8px 22px rgba(35,26,21,.04)!important;
  }
  .storefront-v9 .mobile-app-actions>a>i{width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#f1ebe4!important}
  .storefront-v9 .mobile-app-actions>a>i .icon{width:18px!important;height:18px!important}
  .storefront-v9 .mobile-app-actions>a>span{min-width:0!important}
  .storefront-v9 .mobile-app-actions>a>span b{display:block!important;font-size:10px!important;line-height:1.25!important;white-space:nowrap!important}
  .storefront-v9 .mobile-app-actions>a>span small{display:block!important;margin-top:3px!important;font-size:7px!important;line-height:1.35!important;color:#81776f!important;white-space:normal!important}
  .storefront-v9 .mobile-app-actions>a>.arrow{display:block!important;width:13px!important;height:13px!important}

  .storefront-v9 .mobile-panel-navigation,
  .storefront-v9 .mobile-native-categories,
  .storefront-v9 .mobile-category-list{width:100%!important;padding:0 14px 25px!important}
  .storefront-v9 .mobile-section-title{width:100%!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:15px!important;margin:0 0 11px!important}
  .storefront-v9 .mobile-section-title>div{min-width:0!important}
  .storefront-v9 .mobile-section-title small{display:block!important;font-size:7px!important;font-weight:800!important;letter-spacing:.18em!important;color:#9c7442!important}
  .storefront-v9 .mobile-section-title h2{margin:4px 0 0!important;font:600 29px/1 "Cormorant Garamond",serif!important;color:#241f1b!important;white-space:normal!important}
  .storefront-v9 .mobile-section-title>a{font-size:8px!important;font-weight:800!important;text-transform:uppercase!important;white-space:nowrap!important}

  .storefront-v9 .mobile-panel-links{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .storefront-v9 .mobile-panel-links>a,.storefront-v9 .mobile-panel-links>details,
  .storefront-v9 .mobile-category-list>details{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border:1px solid #e4ddd6!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 7px 20px rgba(35,26,21,.035)!important;
  }
  .storefront-v9 .mobile-panel-links>a,.storefront-v9 .mobile-panel-links summary,
  .storefront-v9 .mobile-category-list summary{
    width:100%!important;
    min-height:57px!important;
    padding:0 15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    color:#2a2420!important;
    font-size:11px!important;
    font-weight:750!important;
    list-style:none!important;
    cursor:pointer!important;
  }
  .storefront-v9 .mobile-panel-links summary::-webkit-details-marker,.storefront-v9 .mobile-category-list summary::-webkit-details-marker{display:none!important}
  .storefront-v9 .mobile-panel-links summary .icon,.storefront-v9 .mobile-category-list summary>.icon{flex:0 0 15px!important;width:15px!important;height:15px!important;transition:transform .2s ease!important}
  .storefront-v9 .mobile-panel-links details[open] summary .icon,.storefront-v9 .mobile-category-list details[open] summary>.icon{transform:rotate(180deg)!important}
  .storefront-v9 .mobile-panel-links details>div,.storefront-v9 .mobile-category-list details>div{padding:0 15px 11px!important;background:#faf7f3!important}
  .storefront-v9 .mobile-panel-links details>div>a,.storefront-v9 .mobile-category-list details>div>a{
    width:100%!important;min-height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;border-top:1px solid #e8e1da!important;color:#4b433e!important;font-size:10px!important
  }
  .storefront-v9 .mobile-panel-links details>div>a .icon,.storefront-v9 .mobile-category-list details>div>a .icon{width:13px!important;height:13px!important}
  .storefront-v9 .mobile-category-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .storefront-v9 .mobile-category-list>.mobile-section-title{grid-column:1}
  .storefront-v9 .mobile-category-list summary span{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
  .storefront-v9 .mobile-category-list summary span b{font-size:11px!important;color:#28221e!important}
  .storefront-v9 .mobile-category-list summary span small{font-size:7px!important;color:#887d75!important}

  .storefront-v9 .mobile-category-rail{
    width:calc(100% + 28px)!important;
    margin:0 -14px!important;
    padding:0 14px 8px!important;
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:124px!important;
    grid-template-columns:none!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .storefront-v9 .mobile-category-rail::-webkit-scrollbar{display:none!important}
  .storefront-v9 .mobile-category-card{min-width:0!important;display:block!important;scroll-snap-align:start!important}
  .storefront-v9 .mobile-category-card>span{
    width:100%!important;height:142px!important;border-radius:15px!important;display:grid!important;place-items:center!important;
    background:#e9e1d9!important;overflow:hidden!important
  }
  .storefront-v9 .mobile-category-card>span img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important}
  .storefront-v9 .mobile-category-card>span em{font:600 48px/1 "Cormorant Garamond",serif!important;color:#9b8a7e!important}
  .storefront-v9 .mobile-category-card>b{display:block!important;margin:8px 2px 0!important;font-size:10px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .storefront-v9 .mobile-category-card>small{display:block!important;margin:3px 2px 0!important;font-size:7px!important;color:#81766e!important}
  .storefront-v9 .mobile-category-all>span{background:linear-gradient(145deg,#2b2521,#0d0b0a)!important;color:#fff!important}
  .storefront-v9 .mobile-category-all .icon{width:25px!important;height:25px!important}

  .storefront-v9 .mobile-editorial-links{width:100%!important;padding:0 14px 22px!important;display:grid!important;gap:8px!important}
  .storefront-v9 .mobile-editorial-links>a{width:100%!important;margin:0!important;min-height:67px!important}
  .storefront-v9 .mobile-app-trust{width:100%!important;padding:14px 14px 28px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .storefront-v9 .mobile-app-trust span{min-height:44px!important;display:flex!important;align-items:center!important;gap:10px!important}

  /* Product detail on phones: compact gallery, no white letterbox and no huge initial scroll. */
  .storefront-v9 .product-page-v8{width:100%!important;margin:0 0 44px!important}
  .storefront-v9 .product-v8-layout{height:auto!important;display:flex!important;flex-direction:column!important;gap:0!important}
  .storefront-v9 .product-v8-story{display:none!important}
  .storefront-v9 .product-v8-media{height:auto!important;display:block!important;border-radius:0!important}
  .storefront-v9 .product-v8-media .product-thumbnails{display:none!important}
  .storefront-v9 .product-v8-media .product-gallery{
    height:min(112vw,calc(100svh - 138px))!important;
    min-height:390px!important;
    max-height:620px!important;
  }
  .storefront-v9 .product-buybox-v8{height:auto!important;overflow:visible!important;padding:22px 16px 96px!important}
  .storefront-v9 .product-detail-sections{margin:19px -16px -96px!important;padding:0 16px 92px!important}
  .storefront-v9 .product-v8-highlights{margin-left:12px!important;margin-right:12px!important}

  /* Catalog hero stays compact and full width on small screens. */
  .storefront-v9 .catalog-heading{
    min-height:178px!important;
    padding:25px 16px 27px!important;
    align-items:flex-end!important;
  }
  .storefront-v9 .catalog-heading.has-image{min-height:230px!important;padding:0!important}
  .storefront-v9 .catalog-heading.has-image .catalog-heading-copy{padding:24px 16px!important}
  .storefront-v9 .catalog-heading h1{font-size:52px!important;margin:6px 0 9px!important}
  .storefront-v9 .catalog-heading p{font-size:10px!important;line-height:1.55!important}
  .storefront-v9 .catalog-shell{width:100%!important;padding-left:14px!important;padding-right:14px!important}

  .storefront-v9 .v7-product-card .product-tile-colors-overlay{left:8px!important;bottom:8px!important;padding:6px 8px!important;gap:6px!important}
  .storefront-v9 .v7-product-card .product-tile-quick{display:none!important}
  .storefront-v9 .v7-product-card .product-tile-title{min-height:2.6em!important;font-size:10px!important}
}

@media (max-width:380px){
  .storefront-v9 .mobile-app-actions{grid-template-columns:1fr!important}
  .storefront-v9 .mobile-category-rail{grid-auto-columns:112px!important}
  .storefront-v9 .mobile-category-card>span{height:130px!important}
}

@media (min-width:901px) and (max-width:1100px){
  .storefront-v9 .product-v8-layout{grid-template-columns:minmax(430px,1.08fr) minmax(350px,.92fr)!important}
  .storefront-v9 .product-v8-story{display:none!important}
}