.iness-shop-scope .catalog-count{
  color:var(--muted);
  font-size:11px;
  margin-bottom:3px;
}

.iness-shop-scope .catalog{
  padding:0 12px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.iness-shop-scope .product{
  background:var(--paper);
  border-radius:24px;
  overflow:hidden;
  box-shadow:
    0 7px 30px rgba(55,42,28,.045);
}

.iness-shop-scope .visual{
  position:relative;
  height:330px;
  background:
    radial-gradient(
      circle at 25% 25%,
      rgba(255,255,255,.9),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #eee6dc,
      #f8f4ee 62%,
      #e9ded2
    );
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.iness-shop-scope .visual:before{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  border:1px solid rgba(161,122,82,.18);
  border-radius:50%;
  top:53%;
  left:50%;
  transform:translate(-50%,-50%);
}

.iness-shop-scope .visual img{
  position:relative;
  z-index:2;
  width:80%;
  height:90%;
  object-fit:contain;
  filter:
    drop-shadow(
      0 18px 18px rgba(35,26,20,.13)
    );
}

.iness-shop-scope .badge-row{
  position:absolute;
  z-index:4;
  left:13px;
  right:13px;
  top:13px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.iness-shop-scope .code-badge,
.iness-shop-scope .collection-badge{
  backdrop-filter:blur(12px);
  background:rgba(255,253,249,.84);
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  padding:7px 10px;
  font-size:9px;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.iness-shop-scope .collection-badge{
  color:var(--accent);
}

.iness-shop-scope .product-body{
  padding:17px;
}

.iness-shop-scope .product-title{
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size:23px;
  line-height:1.12;
  font-weight:400;
}

.iness-shop-scope .product-meta{
  margin-top:9px;
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
}

.iness-shop-scope .reference,
.iness-shop-scope .scent{
  font-size:12px;
  line-height:1.45;
}

.iness-shop-scope .reference{
  color:#4e4741;
}

.iness-shop-scope .reference span{
  color:var(--accent);
  font-weight:650;
}

.iness-shop-scope .scent{
  color:var(--muted);
}

.iness-shop-scope .notes{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.iness-shop-scope .note-title{
  color:#9e9389;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.iness-shop-scope .note-value{
  margin-top:3px;
  font-size:10px;
  line-height:1.35;
  color:#625a53;
}

.iness-shop-scope .variant-label{
  margin-top:15px;
  color:#978b80;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:1.5px;
}

.iness-shop-scope .variants{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:8px;
}

.iness-shop-scope .variant{
  border:1px solid var(--line);
  background:white;
  border-radius:12px;
  padding:9px 11px;
  color:#554d47;
  font-size:11px;
}

.iness-shop-scope .variant.active{
  background:#f0e8df;
  border-color:#bca084;
  color:#3d352f;
  box-shadow:
    inset 0 0 0 1px #bca084;
}

.iness-shop-scope .variant.unavailable{
  opacity:.36;
  text-decoration:line-through;
}

.iness-shop-scope .buy-row{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
}

.iness-shop-scope .price{
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size:24px;
}

.iness-shop-scope .stock{
  color:var(--green,#3f7656);
  font-size:10px;
  margin-top:4px;
}

.iness-shop-scope .stock.off{
  color:var(--danger,#a64e4e);
}

.iness-shop-scope .add{
  border:0;
  background:var(--dark,#191715);
  color:#fff;
  min-width:130px;
  padding:13px 17px;
  border-radius:14px;
  font-weight:650;
  font-size:12px;
}

.iness-shop-scope .add:disabled{
  background:#d7d0c8;
}

.iness-shop-scope .empty,
.iness-shop-scope .loading{
  background:var(--paper);
  border-radius:22px;
  color:var(--muted);
  padding:60px 20px;
  text-align:center;
}

.iness-shop-scope .cart-item{
  background:var(--paper);
  border-radius:17px;
  margin:8px 0;
  padding:10px;
  display:grid;
  grid-template-columns:62px 1fr auto;
  gap:11px;
  align-items:center;
}

.iness-shop-scope .cart-thumb{
  width:62px;
  height:74px;
  object-fit:contain;
  border-radius:10px;
  background:#eee6dd;
}

.iness-shop-scope .cart-item-name{
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size:14px;
}

.iness-shop-scope .cart-item-variant{
  margin-top:4px;
  font-size:10px;
  color:var(--muted);
}

.iness-shop-scope .cart-item-price{
  margin-top:5px;
  font-size:12px;
  font-weight:650;
}

.iness-shop-scope .qty{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
}

.iness-shop-scope .qty button{
  border:0;
  background:#eee7df;
  width:29px;
  height:29px;
  border-radius:50%;
}

.iness-shop-scope .shared-shop-toolbar{
  padding:0 12px 14px;
}

.iness-shop-scope .shared-shop-search{
  width:100%;
  margin-bottom:10px;
}

.iness-shop-scope .shared-shop-filters,
.iness-shop-scope .shared-shop-moods{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding-bottom:7px;
  scrollbar-width:none;
}

.iness-shop-scope .shared-shop-filters::-webkit-scrollbar,
.iness-shop-scope .shared-shop-moods::-webkit-scrollbar{
  display:none;
}

.iness-shop-scope .shared-shop-filter{
  flex:0 0 auto;
}

.iness-shop-scope .shared-shop-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  padding:8px 16px 12px;
}

.iness-shop-scope .shared-shop-title{
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size:22px;
}

.iness-shop-scope .shared-shop-cart{
  margin:14px 12px 0;
}

.iness-shop-scope .shared-shop-cart-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}

.iness-shop-scope .shared-shop-cart-total{
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size:20px;
}

.iness-shop-scope .product.deep-linked-product{
  animation:
    inessDeepLink
    .75s
    cubic-bezier(.2,.8,.2,1);
}

@keyframes inessDeepLink{
  0%{
    transform:scale(.985);
    box-shadow:
      0 0 0 2px
      rgba(166,128,84,.28);
  }

  55%{
    transform:scale(1.008);
    box-shadow:
      0 0 0 3px
      rgba(166,128,84,.16);
  }

  100%{
    transform:none;
    box-shadow:none;
  }
}

@media(min-width:700px){
  .iness-shop-scope .visual{
    height:410px;
  }
}

@media(prefers-reduced-motion:reduce){
  .iness-shop-scope
  .product.deep-linked-product{
    animation:none;
  }
}

/* Unified app shop layout */
#view-shop.iness-shop-scope .shared-shop-toolbar{
  padding-left:16px;
  padding-right:16px;
  overflow:hidden;
}

#view-shop.iness-shop-scope .shared-shop-filters,
#view-shop.iness-shop-scope .shared-shop-moods{
  width:100%;
  box-sizing:border-box;
  padding-right:18px;
  scroll-padding-left:2px;
  scroll-padding-right:18px;
  -webkit-overflow-scrolling:touch;
}

#view-shop.iness-shop-scope .shared-shop-filters > *,
#view-shop.iness-shop-scope .shared-shop-moods > *{
  flex:0 0 auto;
  white-space:nowrap;
}

#view-shop.iness-shop-scope .catalog{
  padding-left:16px;
  padding-right:16px;
}

#view-shop.iness-shop-scope .shared-shop-head{
  padding-left:20px;
  padding-right:20px;
}

/* Unified app floating cart */

#view-shop .app-shop-cart-bar{
  position:fixed;
  z-index:35;
  left:16px;
  right:16px;
  bottom:
    calc(
      82px
      + env(safe-area-inset-bottom)
    );

  min-height:58px;
  border:0;
  border-radius:18px;

  padding:0 18px;

  background:var(--dark,#191715);
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:space-between;

  box-shadow:
    0 14px 40px rgba(0,0,0,.24);
}

#view-shop .app-shop-cart-bar.hidden{
  display:none;
}

#view-shop .app-shop-cart-main{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:650;
}

#view-shop .app-shop-cart-count{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;

  border-radius:50%;
  background:rgba(255,255,255,.12);

  font-size:12px;
}

#view-shop .app-shop-cart-overlay{
  display:none;
  position:fixed;
  inset:0;

  z-index:80;

  background:rgba(18,15,13,.42);
  backdrop-filter:blur(3px);
}

#view-shop .app-shop-cart-overlay.is-open{
  display:block;
}

#view-shop .app-shop-cart-sheet{
  position:absolute;
  left:0;
  right:0;
  bottom:0;

  max-height:88vh;
  overflow:auto;

  padding:
    18px 16px
    calc(
      26px
      + env(safe-area-inset-bottom)
    );
}

#view-shop .app-shop-cart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-bottom:12px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size:22px;
}

#view-shop .app-shop-cart-close{
  width:38px;
  height:38px;

  border:0;
  border-radius:50%;

  background:var(--soft,#eee7de);

  font-size:22px;
}

#view-shop .app-shop-cart-total-row{
  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:18px 4px 4px;
}

#view-shop .app-shop-cart-total-row span{
  color:var(--muted);
}

#view-shop .app-shop-cart-total-row strong{
  font-family:
    Georgia,
    "Times New Roman",
    serif;
  font-size:24px;
}

/* ===== APP SHOP CART UX FIX ===== */

#view-shop .app-shop-cart-overlay{
  align-items:flex-end;
  overscroll-behavior:none;
}

#view-shop .app-shop-cart-overlay.is-open{
  display:flex;
}

#view-shop .app-shop-cart-sheet{
  position:relative;
  bottom:auto;

  width:100%;
  max-height:min(88dvh, 760px);

  overflow-y:auto;
  overscroll-behavior:contain;

  padding-bottom:
    calc(
      30px
      + env(safe-area-inset-bottom)
    );

  -webkit-overflow-scrolling:touch;
}

#view-shop .app-shop-cart-sheet input,
#view-shop .app-shop-cart-sheet textarea,
#view-shop .app-shop-cart-sheet button{
  scroll-margin-bottom:120px;
}

#view-shop .app-shop-checkout-success{
  padding:34px 4px 14px;
  text-align:center;
}

#view-shop .app-shop-success-icon{
  width:64px;
  height:64px;

  margin:0 auto 18px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:#eef3ed;
  color:#3d6549;

  font-size:30px;
}

#view-shop .app-shop-success-title{
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:28px;
}

#view-shop .app-shop-success-copy{
  margin:10px auto 0;
  max-width:330px;

  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

#view-shop .app-shop-success-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;

  margin-top:25px;
}

#view-shop .app-shop-success-actions button{
  width:100%;
  min-height:52px;
}

/* ===== APP SHOP GEOMETRY FINAL ===== */

#view-shop .app-shop-cart-bar{
  bottom:
    var(
      --iness-app-nav-space,
      calc(
        104px
        + env(safe-area-inset-bottom)
      )
    );
}

#view-shop .app-shop-cart-overlay{
  align-items:flex-end;
  padding:0;
}

#view-shop .app-shop-cart-sheet{
  /*
    Sheet заканчивается НАД нашей нижней навигацией,
    а не под ней.
  */
  margin-bottom:
    var(
      --iness-app-nav-space,
      calc(
        104px
        + env(safe-area-inset-bottom)
      )
    );

  max-height:
    calc(
      var(--iness-vv-height, 100dvh)
      - max(
          var(--iness-content-safe-top, 0px),
          env(safe-area-inset-top)
        )
      - var(--iness-app-nav-space, 0px)
      - 12px
    );

  padding:
    18px 16px
    28px;

  box-sizing:border-box;
  overflow-y:auto;
  overscroll-behavior:contain;
}

#view-shop .app-shop-cart-sheet
.shop-checkout{
  margin-bottom:8px;
}

#view-shop .app-shop-cart-sheet
input:focus,
#view-shop .app-shop-cart-sheet
textarea:focus{
  scroll-margin-bottom:140px;
}



/* INESS SHOP SAFE AREA APP-CRITICAL-2A 20260916 */

/*
  Final app cart-sheet geometry follows the same
  Telegram viewport variables as the rest of app.
*/
#view-shop .app-shop-cart-overlay {
  box-sizing:
    border-box;

  padding-top:
    max(
      var(--iness-content-safe-top, 0px),
      env(safe-area-inset-top)
    );
}


#view-shop .app-shop-cart-sheet {
  scroll-padding-top:
    72px;
}


/*
  Keep the close/header controls reachable while
  checkout content scrolls.
*/
#view-shop .app-shop-cart-head {
  position:
    sticky;

  top:
    0;

  z-index:
    3;

  padding-bottom:
    10px;

  background:
    var(--surface, #fffdfa);
}


/* CATALOG V2 PRODUCT SEMANTICS — 20260917 */

.iness-shop-scope .product-summary{
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}

.iness-shop-scope .product--cosmetics .visual{
  background:
    radial-gradient(
      circle at 24% 22%,
      rgba(255,255,255,.96),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      #f1ebe6,
      #faf7f3 62%,
      #eee5df
    );
}

.iness-shop-scope .product--cosmetics .visual img{
  width:76%;
  height:84%;
}

.iness-shop-scope .product--cosmetics .product-meta{
  display:block;
}

.iness-shop-scope .product--cosmetics .variant-label{
  margin-top:14px;
}


/* CATALOG V2 NAVIGATION CONTEXT — 20260917 */

.iness-shop-scope
.shared-shop-v2-subfilters,
.iness-shop-scope
.shared-shop-v2-collections{
  margin-top:3px;
}

.iness-shop-scope
.shared-shop-v2-subfilters{
  padding-top:3px;
}

.iness-shop-scope
.shared-shop-v2-collections{
  margin-top:6px;
  padding-top:9px;
  border-top:1px solid var(--line);
}

#shopCategoryFilters,
#shopCollectionFilters{
  margin-top:8px;
}

#shopCollectionFilters{
  padding-top:10px;
  border-top:1px solid var(--line);
}

#shopMoodFilters[hidden],
#shopMoodLabel[hidden],
#appShopMoodFilters[hidden]{
  display:none !important;
}


/* CATALOG V2 COMPACT PREMIUM CARDS — 20260917 */

.iness-shop-scope .catalog{
  gap:12px;
  padding-bottom:80px;
}

.iness-shop-scope .product{
  border:
    1px solid rgba(88,70,56,.06);

  border-radius:22px;

  box-shadow:
    0 8px 24px
    rgba(55,42,28,.04);
}

.iness-shop-scope .visual{
  height:250px;
}

.iness-shop-scope .visual:before{
  width:170px;
  height:170px;
}

.iness-shop-scope .visual img{
  width:74%;
  height:84%;
}

.iness-shop-scope .badge-row{
  top:11px;
  left:11px;
  right:11px;
}

.iness-shop-scope .code-badge,
.iness-shop-scope .collection-badge{
  padding:6px 9px;

  font-size:8px;
  letter-spacing:1px;
}

.iness-shop-scope .product-body{
  padding:
    15px 15px 16px;
}

.iness-shop-scope .product-title{
  font-size:20px;
  line-height:1.1;
}

.iness-shop-scope .product-meta{
  margin-top:7px;
  gap:4px 10px;
}

.iness-shop-scope .reference,
.iness-shop-scope .scent,
.iness-shop-scope .product-summary{
  font-size:11px;
  line-height:1.4;
}

.iness-shop-scope .notes{
  margin-top:10px;
  padding-top:9px;
  gap:6px;
}

.iness-shop-scope .note-title{
  font-size:7.5px;
}

.iness-shop-scope .note-value{
  font-size:9.5px;
}

.iness-shop-scope .variant-label{
  margin-top:12px;

  font-size:8px;
  letter-spacing:1.2px;
}

.iness-shop-scope .variants{
  gap:6px;
  margin-top:7px;
}

.iness-shop-scope .variant{
  min-height:34px;

  padding:
    7px 10px;

  border-radius:11px;

  font-size:10px;
}

.iness-shop-scope .buy-row{
  margin-top:13px;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:10px;
}

.iness-shop-scope .price{
  font-size:22px;
}

.iness-shop-scope .stock{
  margin-top:2px;
  font-size:9px;
}

.iness-shop-scope .add{
  min-width:112px;
  min-height:42px;

  padding:
    10px 14px;

  border-radius:12px;

  font-size:11px;
}

.iness-shop-scope
.product--cosmetics
.visual{
  height:236px;
}

.iness-shop-scope
.product--cosmetics
.visual img{
  width:70%;
  height:80%;
}


/* Tablet / wide mobile */

@media(min-width:700px){

  .iness-shop-scope .catalog{
    display:grid;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

    gap:16px;

    align-items:start;
  }

  .iness-shop-scope .visual{
    height:300px;
  }

  .iness-shop-scope
  .product--cosmetics
  .visual{
    height:285px;
  }

}


/* Standalone desktop */

@media(min-width:1040px){

  body.iness-shop-scope
  .catalog{
    grid-template-columns:
      repeat(
        3,
        minmax(0,1fr)
      );

    max-width:1180px;

    margin-left:auto;
    margin-right:auto;
  }

}


/* CATALOG V2 DYNAMIC ATTRIBUTE FILTERS — 20260917 */

.shared-shop-attribute-filters{
  display:grid;
  gap:11px;
  margin-top:10px;
}

.shared-shop-attribute-filters[hidden]{
  display:none !important;
}

.shared-shop-attribute-group{
  min-width:0;
}

.shared-shop-attribute-title{
  margin-bottom:6px;

  color:var(--muted);
  font-size:9px;
  font-weight:650;

  letter-spacing:.08em;
  text-transform:uppercase;
}

.shared-shop-attribute-options{
  display:flex;
  gap:7px;

  overflow-x:auto;

  padding-bottom:4px;

  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.shared-shop-attribute-options::-webkit-scrollbar{
  display:none;
}

.shared-shop-attribute-options > *{
  flex:0 0 auto;
  white-space:nowrap;
}


/* ==========================================================
   P2F3 — COSMETIC VARIANT SHADES
   ========================================================== */

.iness-shop-scope
.variants--shades{
  align-items:stretch;
}

.iness-shop-scope
.variant--shade{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;

  min-width:42px;

  white-space:nowrap;
}

.iness-shop-scope
.variant-shade-swatch{
  flex:0 0 auto;

  width:15px;
  height:15px;

  border-radius:50%;

  background:
    var(--shade-color);

  border:
    1px solid
    rgba(61,53,47,.18);

  box-shadow:
    inset 0 0 0 1px
    rgba(255,255,255,.45);
}

.iness-shop-scope
.variant-shade-text{
  display:block;
}

.iness-shop-scope
.variant--shade.unavailable{
  text-decoration:none;
}

.iness-shop-scope
.variant--shade.unavailable
.variant-shade-text{
  text-decoration:line-through;
}

.iness-shop-scope
.product--cosmetics
.variants--shades{
  gap:6px;
}

.iness-shop-scope
.product--cosmetics
.variant--shade{
  min-height:34px;

  padding:
    7px 10px;
}


/* P3A1 PREMIUM FILTERS */

#appShopRootFilters{
  gap:22px;
  padding-bottom:9px;
  border-bottom:1px solid var(--line);
}

#appShopRootFilters .shared-shop-filter{
  position:relative;
  padding:7px 0 8px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#8b8179;
  font-size:13px;
}

#appShopRootFilters .shared-shop-filter.active{
  background:transparent;
  color:#2f2925;
  box-shadow:none;
}

#appShopRootFilters .shared-shop-filter.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:#3f3731;
}

#appShopCategoryFilters{
  gap:6px;
  margin-top:10px;
  padding-bottom:3px;
}

#appShopCategoryFilters .shared-shop-filter{
  padding:7px 11px;
  border:1px solid #e7dfd8;
  border-radius:999px;
  background:#fbf9f7;
  color:#756b64;
  font-size:11px;
}

#appShopCategoryFilters .shared-shop-filter.active{
  border-color:#a88e76;
  background:#eee4da;
  color:#3f352f;
}

.premium-filter-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.premium-filter-trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 13px;
  border:1px solid #ded4cc;
  border-radius:12px;
  background:#fff;
  color:#443b35;
  font:inherit;
  font-size:11px;
}

.premium-filter-count{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#3d352f;
  color:#fff;
  font-size:9px;
}

.premium-filter-toolbar-reset,
.premium-filter-reset{
  border:0;
  background:transparent;
  color:#8c7a6d;
  font:inherit;
  font-size:10px;
}

.premium-active-filters{
  display:flex;
  gap:6px;
  overflow-x:auto;
  margin-top:9px;
  padding-bottom:3px;
  scrollbar-width:none;
}

.premium-active-filters::-webkit-scrollbar{
  display:none;
}

.premium-active-filter{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:6px 10px;
  border:1px solid #e3dad2;
  border-radius:999px;
  background:#f7f2ed;
  color:#5d5047;
  font:inherit;
  font-size:10px;
  white-space:nowrap;
}

html.shop-filter-sheet-open,
body.shop-filter-sheet-open{
  overflow:hidden !important;
}

#appShopFilterPortal{
  position:relative;
  z-index:2147482000;
}

.shared-shop-filter-backdrop{
  position:fixed;
  inset:0;
  background:rgba(33,28,25,.31);
  backdrop-filter:blur(8px);
}

.shared-shop-filter-sheet{
  position:fixed;
  left:50%;
  bottom:0;
  width:min(100%,560px);
  max-height:88dvh;
  transform:translateX(-50%);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border-radius:24px 24px 0 0;
  background:#fcfaf8;
  box-shadow:0 -20px 80px rgba(46,37,31,.18);
}

.premium-filter-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 20px 15px;
  border-bottom:1px solid #ebe4de;
}

.premium-filter-kicker{
  color:#aa9b90;
  font-size:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.premium-filter-sheet-title{
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  color:#302a26;
}

.premium-filter-head-actions{
  display:flex;
  align-items:center;
  gap:14px;
}

.premium-filter-close{
  width:34px;
  height:34px;
  border:1px solid #e6ddd6;
  border-radius:50%;
  background:#fff;
  color:#6f6259;
  font-size:22px;
}

.premium-filter-sheet-body{
  overflow-y:auto;
  padding:4px 20px 20px;
}

.premium-filter-section{
  border-bottom:1px solid #ece5df;
}

.premium-filter-section-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 0;
  border:0;
  background:transparent;
  font:inherit;
  text-align:left;
}

.premium-filter-section-title{
  color:#413832;
  font-size:13px;
  font-weight:600;
}

.premium-filter-section-value{
  display:flex;
  gap:7px;
  color:#93867c;
  font-size:11px;
}

.premium-filter-options{
  padding-bottom:9px;
}

.premium-filter-option{
  width:100%;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:43px;
  padding:8px 7px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#5d534d;
  font:inherit;
  font-size:12px;
  text-align:left;
}

.premium-filter-option.is-selected{
  background:#f0e7df;
  color:#352e29;
}

.premium-filter-option-check{
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border:1px solid #d6cbc2;
  border-radius:50%;
}

.premium-filter-option-count{
  color:#aaa097;
  font-size:10px;
}

.premium-filter-sheet-footer{
  padding:12px 20px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid #e8e0da;
  background:#fcfaf8;
}

.premium-filter-apply{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:14px;
  background:#322b27;
  color:#fff;
  font:inherit;
  font-size:12px;
  font-weight:650;
}

@media(min-width:700px){
  .shared-shop-filter-sheet{
    bottom:18px;
    border-radius:24px;
  }
}


/* ==========================================================
   P3A3 — STANDALONE PREMIUM FILTER NAV
   ========================================================== */

#shopRootFilters{
  display:flex;
  gap:22px;

  overflow-x:auto;

  padding-bottom:9px;

  border-bottom:
    1px solid var(--line);

  scrollbar-width:none;
}

#shopRootFilters::-webkit-scrollbar{
  display:none;
}

#shopRootFilters .filter{
  position:relative;
  flex:0 0 auto;

  padding:7px 0 8px;

  border:0;
  border-radius:0;

  background:transparent;
  box-shadow:none;

  color:#8b8179;

  font-size:13px;
}

#shopRootFilters .filter.active{
  background:transparent;
  color:#2f2925;
  box-shadow:none;
}

#shopRootFilters .filter.active::after{
  content:"";

  position:absolute;
  left:0;
  right:0;
  bottom:-1px;

  height:2px;

  background:#3f3731;
}


#shopCategoryFilters{
  display:flex;
  gap:6px;

  overflow-x:auto;

  margin-top:10px;
  padding-bottom:3px;

  scrollbar-width:none;
}

#shopCategoryFilters::-webkit-scrollbar{
  display:none;
}

#shopCategoryFilters .filter{
  flex:0 0 auto;

  padding:7px 11px;

  border:
    1px solid #e7dfd8;

  border-radius:999px;

  background:#fbf9f7;

  color:#756b64;

  font-size:11px;

  white-space:nowrap;
}

#shopCategoryFilters .filter.active{
  border-color:#a88e76;
  background:#eee4da;
  color:#3f352f;
}


#shopFilterPortal{
  position:relative;
  z-index:2147482000;
}

/* SHOP AMBIENT IMAGE */

.iness-shop-scope .visual-ambient{
  position:absolute;
  inset:-30px;

  background-size:cover;
  background-position:center;

  filter:
    blur(28px);

  transform:
    scale(1.18);

  opacity:.38;
}


.iness-shop-scope .visual-main-image{
  position:relative;
  z-index:2;
}


/* SHOP AMBIENT PRODUCT IMAGE */

.iness-shop-scope .visual{
  isolation:isolate;
}


.iness-shop-scope .visual-ambient{

  position:absolute;

  inset:-35px;

  background-size:
    cover;

  background-position:
    center;


  filter:
    blur(32px);


  transform:
    scale(1.18);


  opacity:
    .45;


  z-index:
    1;

}


.iness-shop-scope .visual-main-image{

  position:relative;

  z-index:
    2;

}



/* SHOP AMBIENT PRODUCT IMAGE V2 */

.iness-shop-scope .visual{
  isolation:isolate;

  background:
    linear-gradient(
      145deg,
      #f2eadf,
      #fbf7f1 58%,
      #eadfce
    );
}


.iness-shop-scope .visual-ambient{
  position:absolute;
  inset:-52px;

  background-size:cover;
  background-position:center;

  filter:
    blur(36px)
    saturate(1.18)
    brightness(1.12);

  transform:
    scale(1.34);

  opacity:.58;
  z-index:1;
}


.iness-shop-scope .visual::after{
  content:"";
  position:absolute;
  inset:0;

  z-index:2;
  pointer-events:none;

  background:
    radial-gradient(
      circle at center,
      rgba(255,248,240,0) 46%,
      rgba(251,247,241,.10) 66%,
      rgba(251,247,241,.34) 82%,
      rgba(251,247,241,.68) 100%
    );
}


.iness-shop-scope .badge-row{
  z-index:4;
}


.iness-shop-scope .visual-main-image{
  position:relative;
  z-index:3;

  width:80%;
  height:90%;

  object-fit:contain;

  filter:
    drop-shadow(
      0 20px 24px rgba(35,26,20,.14)
    );

  -webkit-mask-image:
    radial-gradient(
      circle at center,
      rgba(0,0,0,1) 62%,
      rgba(0,0,0,.98) 72%,
      rgba(0,0,0,.90) 82%,
      rgba(0,0,0,.62) 90%,
      rgba(0,0,0,.20) 96%,
      transparent 100%
    );

  mask-image:
    radial-gradient(
      circle at center,
      rgba(0,0,0,1) 62%,
      rgba(0,0,0,.98) 72%,
      rgba(0,0,0,.90) 82%,
      rgba(0,0,0,.62) 90%,
      rgba(0,0,0,.20) 96%,
      transparent 100%
    );
}