
/* =========================================================
   V27 UNIFIED STOREFRONT DESIGN SYSTEM
   Applies to all public storefront pages. No footer added.
   ========================================================= */
:root{
  --ui-brand:var(--brand,#4b2418);
  --ui-brand-strong:#2f150e;
  --ui-accent:var(--accent,#c69a5b);
  --ui-bg:#fff;
  --ui-bg-soft:#faf7f5;
  --ui-surface:#fff;
  --ui-text:#2d211d;
  --ui-muted:#7c6e67;
  --ui-line:#eadfd9;
  --ui-success:#177245;
  --ui-danger:#b42318;
  --ui-warning:#a15c00;
  --ui-radius-sm:10px;
  --ui-radius-md:14px;
  --ui-radius-lg:20px;
  --ui-radius-xl:28px;
  --ui-shadow-sm:0 6px 20px rgba(56,30,20,.06);
  --ui-shadow-md:0 12px 34px rgba(56,30,20,.09);
  --ui-shadow-lg:0 22px 60px rgba(56,30,20,.13);
  --ui-container:1320px;
  --ui-transition:.22s ease;
}
html{scroll-behavior:smooth}
body.storefront{
  min-height:100vh;
  background:var(--ui-bg);
  color:var(--ui-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.storefront *{box-sizing:border-box}
body.storefront img{max-width:100%}
body.storefront a{transition:color var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition),transform var(--ui-transition),box-shadow var(--ui-transition)}
body.storefront button,
body.storefront input,
body.storefront select,
body.storefront textarea{font:inherit}
body.storefront main{
  min-height:52vh;
}
body.storefront main.container,
body.storefront main.container-xl,
body.storefront .public-page,
body.storefront .product-page,
body.storefront .cart-wrap,
body.storefront .checkout{
  width:min(100% - 30px,var(--ui-container));
  margin-inline:auto;
}
.skip-to-content{
  position:fixed;
  inset-inline-start:16px;
  top:-70px;
  z-index:9999;
  padding:11px 16px;
  border-radius:0 0 12px 12px;
  background:var(--ui-brand);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  transition:top .2s ease;
}
.skip-to-content:focus{top:0;color:#fff}

/* Typography */
body.storefront h1,
body.storefront h2,
body.storefront h3,
body.storefront h4,
body.storefront h5,
body.storefront h6{
  color:var(--ui-text);
  letter-spacing:-.015em;
}
body.storefront h1{font-size:clamp(28px,3.2vw,46px);font-weight:800;line-height:1.22}
body.storefront h2{font-weight:800}
body.storefront p{line-height:1.8}
.text-secondary,.text-muted{color:var(--ui-muted)!important}

/* Common page heading */
.catalog-head,
.cart-title-row,
.page-head,
.account-head,
.public-page>h1,
.product-breadcrumb + section{
  scroll-margin-top:145px;
}
.catalog-head,
.page-head,
.account-head{
  border:1px solid var(--ui-line);
  background:linear-gradient(135deg,#fff,var(--ui-bg-soft));
  border-radius:var(--ui-radius-xl);
  padding:24px;
  box-shadow:var(--ui-shadow-sm);
}

/* Cards */
body.storefront .card,
body.storefront .cart-card,
body.storefront .summary-card,
body.storefront .account-card,
body.storefront .address-card,
body.storefront .notification-card,
body.storefront .content-card,
body.storefront .track-card,
body.storefront .method-card{
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius-lg)!important;
  background:var(--ui-surface);
  box-shadow:var(--ui-shadow-sm);
}
body.storefront .card:hover,
body.storefront .account-card:hover,
body.storefront .address-card:hover{box-shadow:var(--ui-shadow-md)}

/* Buttons */
body.storefront .btn{
  min-height:44px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:700;
  transition:transform var(--ui-transition),box-shadow var(--ui-transition),background-color var(--ui-transition),border-color var(--ui-transition);
}
body.storefront .btn:hover{transform:translateY(-1px)}
body.storefront .btn:focus-visible{
  outline:3px solid color-mix(in srgb,var(--ui-brand) 24%,transparent);
  outline-offset:2px;
}
body.storefront .btn-dark,
body.storefront .btn-primary{
  background:var(--ui-brand);
  border-color:var(--ui-brand);
  color:#fff;
}
body.storefront .btn-dark:hover,
body.storefront .btn-primary:hover{
  background:var(--ui-brand-strong);
  border-color:var(--ui-brand-strong);
  box-shadow:0 9px 24px rgba(47,21,14,.18);
}
body.storefront .btn-outline-dark{
  border-color:var(--ui-brand);
  color:var(--ui-brand);
}
body.storefront .btn-outline-dark:hover{background:var(--ui-brand);color:#fff}

/* Forms */
body.storefront .form-label{font-weight:700;color:var(--ui-text);margin-bottom:7px}
body.storefront .form-control,
body.storefront .form-select{
  min-height:48px;
  border:1px solid var(--ui-line);
  border-radius:12px;
  background:#fff;
  color:var(--ui-text);
  box-shadow:none;
}
body.storefront textarea.form-control{min-height:120px}
body.storefront .form-control:focus,
body.storefront .form-select:focus{
  border-color:var(--ui-brand);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-brand) 11%,transparent);
}
body.storefront .form-control::placeholder{color:#a99c95}
body.storefront .form-check-input:checked{background-color:var(--ui-brand);border-color:var(--ui-brand)}
body.storefront .invalid-feedback{font-size:12px}

/* Alerts and badges */
body.storefront .alert{
  border:0;
  border-radius:var(--ui-radius-md);
  padding:14px 16px;
}
body.storefront .alert-success{background:#eaf7f0;color:#145c39}
body.storefront .alert-danger{background:#fff0ef;color:#8f1d17}
body.storefront .alert-warning{background:#fff6e7;color:#805014}
body.storefront .badge{border-radius:999px;padding:.5em .8em;font-weight:700}

/* Tables */
body.storefront .table-responsive{
  border:1px solid var(--ui-line);
  border-radius:var(--ui-radius-lg);
  background:#fff;
}
body.storefront .table{margin:0}
body.storefront .table>:not(caption)>*>*{padding:14px 16px;border-color:var(--ui-line)}
body.storefront .table thead th{background:var(--ui-bg-soft);font-size:13px;color:var(--ui-muted)}

/* Breadcrumbs and pagination */
.product-breadcrumb,
.breadcrumb,
body.storefront nav[aria-label="breadcrumb"]{
  color:var(--ui-muted);
  font-size:13px;
}
.product-breadcrumb a,.breadcrumb a{color:var(--ui-brand);text-decoration:none}
body.storefront .pagination{gap:6px}
body.storefront .page-link{
  min-width:42px;
  min-height:42px;
  display:grid;
  place-items:center;
  border-radius:11px!important;
  border:1px solid var(--ui-line);
  color:var(--ui-brand);
}
body.storefront .page-item.active .page-link{
  background:var(--ui-brand);
  border-color:var(--ui-brand);
}

/* Unified empty state */
body.storefront .empty-state,
body.storefront .empty-products,
body.storefront .empty-cart,
body.storefront .alert-light.text-center{
  border:1px dashed #d8c9c1!important;
  border-radius:var(--ui-radius-lg)!important;
  background:var(--ui-bg-soft)!important;
  padding:48px 20px!important;
  color:var(--ui-muted);
}

/* Product and bundle cards */
.product-card,.shop-card,.bundle-card{
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius-lg)!important;
  background:#fff;
  box-shadow:var(--ui-shadow-sm)!important;
  overflow:hidden;
}
.product-card:hover,.shop-card:hover,.bundle-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--ui-shadow-md)!important;
}
.product-card-media img,
.shop-card .product-card-media img,
.bundle-card img{
  aspect-ratio:1/1;
  object-fit:cover;
  background:#f8f4f1;
}
.product-card h3,
.shop-card h2{
  line-height:1.55;
  min-height:3.1em;
}
.product-card-actions{
  min-height:60px;
  border-top:1px solid var(--ui-line);
  padding-top:11px!important;
}
.product-action-icon{
  border:1px solid var(--ui-line)!important;
}
.product-action-icon:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-brand) 22%,transparent);outline-offset:2px}

/* Authentication and customer area */
.page-login .auth-card,
.page-register .auth-card{
  max-width:620px;
  margin:40px auto;
}
.page-account .account-card,
.page-addresses .address-card,
.page-notifications .notification-card{
  height:100%;
}
.page-account .nav-pills .nav-link{
  border-radius:12px;
  color:var(--ui-text);
  font-weight:700;
}
.page-account .nav-pills .nav-link.active{background:var(--ui-brand);color:#fff}

/* Checkout */
.page-checkout .checkout-progress span{border:1px solid var(--ui-line)}
.page-checkout .checkout-progress span.active{border-color:var(--ui-brand)}
.page-checkout .summary{border:1px solid var(--ui-line)}
.page-checkout button[type="submit"]{min-height:52px}

/* Tracking */
.page-track-order .timeline,
.page-track-order .tracking-timeline{position:relative}
.page-track-order .status-step,
.page-track-order .track-step{border-color:var(--ui-line)}

/* Content pages */
.page-page .content-card,
.page-about .content-card,
.page-terms .content-card,
.page-shipping-returns .content-card{
  max-width:960px;
  margin-inline:auto;
  padding:clamp(22px,4vw,48px);
}
.page-page .content-card h2,
.page-about .content-card h2,
.page-terms .content-card h2,
.page-shipping-returns .content-card h2{margin-top:1.6em}

/* Loading */
.ui-loading{position:relative;pointer-events:none;opacity:.7}
.ui-loading::after{
  content:"";
  width:19px;height:19px;
  border:2px solid currentColor;
  border-inline-end-color:transparent;
  border-radius:50%;
  animation:uiSpin .7s linear infinite;
}
@keyframes uiSpin{to{transform:rotate(360deg)}}

/* Focus and accessibility */
body.storefront a:focus-visible,
body.storefront button:focus-visible,
body.storefront input:focus-visible,
body.storefront select:focus-visible,
body.storefront textarea:focus-visible{
  outline:3px solid color-mix(in srgb,var(--ui-brand) 22%,transparent);
  outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Responsive */
@media(max-width:991px){
  body.storefront main.container,
  body.storefront main.container-xl,
  body.storefront .public-page,
  body.storefront .product-page,
  body.storefront .cart-wrap,
  body.storefront .checkout{width:min(100% - 24px,var(--ui-container))}
  .catalog-head,.page-head,.account-head{padding:19px}
}
@media(max-width:576px){
  body.storefront main.container,
  body.storefront main.container-xl,
  body.storefront .public-page,
  body.storefront .product-page,
  body.storefront .cart-wrap,
  body.storefront .checkout{width:calc(100% - 20px)}
  body.storefront h1{font-size:27px}
  .catalog-head,.page-head,.account-head{border-radius:17px;padding:16px}
  body.storefront .card,
  body.storefront .cart-card,
  body.storefront .summary-card,
  body.storefront .content-card{border-radius:17px!important}
  body.storefront .btn{min-height:42px}
  body.storefront .form-control,
  body.storefront .form-select{min-height:46px}
  .product-card h3,.shop-card h2{min-height:auto}
}

/* V27.2 — compact product card */
.product-card-clickable{cursor:pointer}
.product-card-clickable:focus-visible{
  outline:3px solid color-mix(in srgb,var(--ui-brand) 22%,transparent);
  outline-offset:3px;
}
.product-card-clickable .product-card-actions{
  position:absolute!important;
  top:14px!important;
  inset-inline-end:14px!important;
  z-index:5!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  display:block!important;
  opacity:1!important;
  transform:none!important;
}
.product-card-clickable .view-details-icon{display:none!important}
.product-card-clickable .quick-cart-icon{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  box-shadow:0 8px 24px rgba(50,23,15,.14)!important;
}
@media(max-width:576px){
  .product-card-clickable .product-card-actions{
    top:8px!important;
    inset-inline-end:8px!important;
  }
  .product-card-clickable .quick-cart-icon{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
  }
}

/* V27.4 floating cart button at bottom, no extra card space */
.product-card-clickable .product-card-actions{
  top:auto!important;
  bottom:14px!important;
  inset-inline-end:14px!important;
}
.product-card-clickable .quick-cart-icon.is-loading{
  opacity:.7;
  pointer-events:none;
}
.product-card-clickable .quick-cart-icon.is-loading svg{
  animation:uiSpin .7s linear infinite;
}
@media(max-width:576px){
  .product-card-clickable .product-card-actions{
    top:auto!important;
    bottom:8px!important;
    inset-inline-end:8px!important;
  }
}

/* V28 — Aghati professional dynamic slider */
.premium-slider-v28{
  width:100%;
  min-height:clamp(420px,42vw,610px);
  border-radius:26px;
  overflow:hidden;
  background:#f5eee8;
  box-shadow:0 22px 65px rgba(58,31,20,.14);
  isolation:isolate;
}
.premium-slider-v28 .carousel-inner,
.premium-slider-v28 .carousel-item{height:clamp(420px,42vw,610px)}
.premium-slider-v28 .carousel-item{position:relative}
.premium-slider-v28 .carousel-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.001);
}
.premium-slider-v28 .carousel-item.active img{animation:v28HeroZoom 7s ease-out both}
@keyframes v28HeroZoom{from{transform:scale(1.035)}to{transform:scale(1)}}
.premium-slider-v28 .slider-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.premium-slider-v28 .slider-shade-end{
  background:linear-gradient(270deg,rgba(255,250,245,.98) 0%,rgba(255,250,245,.88) 28%,rgba(255,250,245,.16) 61%,transparent 78%);
}
.premium-slider-v28 .slider-shade-start{
  background:linear-gradient(90deg,rgba(255,250,245,.98) 0%,rgba(255,250,245,.88) 28%,rgba(255,250,245,.16) 61%,transparent 78%);
}
.premium-slider-v28 .slider-copy{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  bottom:auto;
  width:min(45%,620px);
  max-width:620px;
  color:#2f1a12;
  z-index:3;
  padding:34px;
  text-align:start;
}
.premium-slider-v28 .slider-copy-end{inset-inline-end:5%}
.premium-slider-v28 .slider-copy-start{inset-inline-start:5%}
.premium-slider-v28 .slider-kicker{
  display:inline-flex;
  align-items:center;
  padding:7px 13px;
  border:1px solid rgba(75,36,24,.15);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:var(--ui-brand);
  font-size:12px;
  font-weight:800;
  backdrop-filter:blur(8px);
}
.premium-slider-v28 .slider-copy h1{
  margin:15px 0 10px;
  color:#301a12!important;
  font-size:clamp(38px,4.3vw,68px);
  line-height:1.12;
  font-weight:800;
  text-shadow:none;
}
.premium-slider-v28 .slider-copy p{
  max-width:520px;
  margin:0 0 24px;
  color:#5c4941;
  font-size:clamp(15px,1.3vw,19px);
  line-height:1.9;
}
.premium-slider-v28 .slider-cta{
  min-width:150px;
  min-height:50px;
  border:1px solid var(--ui-brand);
  background:var(--ui-brand);
  color:#fff;
  box-shadow:0 12px 28px rgba(75,36,24,.22);
}
.premium-slider-v28 .slider-cta:hover{background:var(--ui-brand-strong);color:#fff;transform:translateY(-2px)}
.premium-slider-v28 .carousel-indicators{margin-bottom:18px;gap:7px}
.premium-slider-v28 .carousel-indicators [data-bs-target]{
  width:10px;height:10px;border:0;border-radius:50%;opacity:.55;background:#fff;box-shadow:0 2px 8px #0003;
}
.premium-slider-v28 .carousel-indicators .active{width:30px;border-radius:999px;opacity:1;background:var(--ui-brand)}
.premium-slider-v28 .carousel-control-prev,
.premium-slider-v28 .carousel-control-next{
  width:58px;height:58px;top:50%;bottom:auto;transform:translateY(-50%);
  margin-inline:18px;border-radius:50%;background:rgba(47,26,18,.72);opacity:1;
  backdrop-filter:blur(8px);
}
.premium-slider-v28 .carousel-control-prev:hover,
.premium-slider-v28 .carousel-control-next:hover{background:var(--ui-brand)}
.premium-slider-v28 .carousel-control-prev-icon,
.premium-slider-v28 .carousel-control-next-icon{width:22px;height:22px}
@media(max-width:991px){
  .premium-slider-v28 .slider-copy{width:54%;padding:24px}
  .premium-slider-v28 .slider-copy h1{font-size:clamp(32px,5vw,52px)}
}
@media(max-width:576px){
  .premium-slider-v28{border-radius:18px;min-height:500px}
  .premium-slider-v28 .carousel-inner,.premium-slider-v28 .carousel-item{height:500px}
  .premium-slider-v28 .carousel-item img{object-position:center top}
  .premium-slider-v28 .slider-shade-end,
  .premium-slider-v28 .slider-shade-start{
    background:linear-gradient(0deg,rgba(255,250,245,.99) 0%,rgba(255,250,245,.94) 43%,rgba(255,250,245,.08) 73%,transparent 100%);
  }
  .premium-slider-v28 .slider-copy,
  .premium-slider-v28 .slider-copy-end,
  .premium-slider-v28 .slider-copy-start{
    inset-inline:18px;
    top:auto;
    bottom:34px;
    transform:none;
    width:auto;
    max-width:none;
    padding:15px 5px;
  }
  .premium-slider-v28 .slider-copy h1{font-size:31px;margin:10px 0 7px}
  .premium-slider-v28 .slider-copy p{font-size:13px;line-height:1.7;margin-bottom:15px}
  .premium-slider-v28 .slider-cta{min-height:45px}
  .premium-slider-v28 .carousel-control-prev,
  .premium-slider-v28 .carousel-control-next{width:42px;height:42px;margin-inline:8px;top:35%}
}

/* V28.1 classic slider design */
.premium-slider{width:100%;border-radius:0;overflow:hidden;background:#f5eee8;box-shadow:none}
.premium-slider .carousel-inner,.premium-slider .carousel-item{height:clamp(390px,44vw,610px)}
.premium-slider .carousel-item{position:relative}
.premium-slider .carousel-item img{width:100%;height:100%;object-fit:cover;object-position:center;animation:none!important;transform:none!important}
.premium-slider .slider-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(35,12,4,.78),rgba(35,12,4,.14));pointer-events:none}
html[dir="ltr"] .premium-slider .slider-shade{background:linear-gradient(90deg,rgba(35,12,4,.78),rgba(35,12,4,.14))}
.premium-slider .slider-copy{position:absolute;inset:auto 6% 11% auto;top:auto;bottom:11%;transform:none;width:min(48%,620px);max-width:620px;padding:0;color:#fff;text-align:start;z-index:3}
html[dir="ltr"] .premium-slider .slider-copy{inset:auto auto 11% 6%}
.premium-slider .slider-kicker{display:block;padding:0;border:0;background:transparent;color:#fff;font-size:13px;font-weight:700;opacity:.88;backdrop-filter:none}
.premium-slider .slider-copy h1{margin:10px 0;color:#fff!important;font-size:clamp(34px,5vw,66px);line-height:1.15;font-weight:800;text-shadow:0 3px 18px rgba(0,0,0,.25)}
.premium-slider .slider-copy p{max-width:540px;margin:0 0 20px;color:#fff;font-size:clamp(14px,1.3vw,18px);line-height:1.8;opacity:.92}
.premium-slider .btn-light{min-width:140px;min-height:48px;border:0;background:#fff;color:#2b1710;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.premium-slider .carousel-indicators [data-bs-target]{width:28px;height:4px;border:0;border-radius:999px;background:#fff;opacity:.55}
.premium-slider .carousel-indicators .active{opacity:1;background:#fff}
.premium-slider .carousel-control-prev,.premium-slider .carousel-control-next{width:8%;height:100%;top:0;bottom:0;transform:none;margin:0;border-radius:0;background:transparent;opacity:.9;backdrop-filter:none}
@media(max-width:576px){.premium-slider{margin-inline:-10px;width:calc(100% + 20px)}.premium-slider .carousel-inner,.premium-slider .carousel-item{height:470px}.premium-slider .slider-shade,html[dir="rtl"] .premium-slider .slider-shade{background:linear-gradient(0deg,rgba(35,12,4,.88),rgba(35,12,4,.06) 72%)}.premium-slider .slider-copy,html[dir="ltr"] .premium-slider .slider-copy{inset:auto 20px 48px 20px;width:auto;max-width:none}.premium-slider .slider-copy h1{font-size:31px}.premium-slider .slider-copy p{font-size:13px;line-height:1.65}}

/* V28.2 — final mobile storefront refinements */
@media(max-width:576px){
  .premium-slider .carousel-inner,
  .premium-slider .carousel-item{height:420px!important}
  .premium-slider .slider-copy,
  html[dir="ltr"] .premium-slider .slider-copy{
    inset:auto 18px 42px 18px!important;
  }
  .premium-slider .slider-copy h1{
    font-size:29px!important;
    line-height:1.2!important;
    margin:8px 0!important;
  }
  .premium-slider .slider-copy p{
    font-size:12.5px!important;
    line-height:1.65!important;
    margin-bottom:14px!important;
  }
  .premium-slider .btn-light{
    min-height:43px!important;
    min-width:132px!important;
    padding-inline:20px!important;
  }
  .home-builder-section.section-block{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  .home-dynamic-category span{
    width:70px!important;
    height:70px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .home-dynamic-category span img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:4px!important;
  }
  .product-card,.shop-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
  }
  .product-card h3,.shop-card h2{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    min-height:3.05em!important;
    line-height:1.52!important;
  }
  .product-card .price-row,.shop-card .shop-card-body{margin-top:auto!important}
  .product-card-clickable .quick-cart-icon{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    bottom:auto!important;
  }
  .product-card-clickable .product-card-actions{
    bottom:10px!important;
    inset-inline-end:10px!important;
  }
  .home-ad{min-height:190px!important}
  .home-ad-overlay{
    background:linear-gradient(90deg,rgba(32,18,12,.82),rgba(32,18,12,.28))!important;
  }
  html[dir="rtl"] .home-ad-overlay{
    background:linear-gradient(270deg,rgba(32,18,12,.82),rgba(32,18,12,.28))!important;
  }
  .home-ad>div{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.35)}
  .home-ad h3,.home-ad b,.home-ad small{color:#fff!important}
  .store-benefits{
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
  }
  .store-benefit{
    padding:13px!important;
    min-height:88px!important;
  }
  .store-benefit strong{font-size:13px!important}
  .store-benefit span{font-size:10px!important}
  .bundle-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:12px!important;
    scroll-snap-type:x mandatory!important;
    padding-bottom:8px!important;
  }
  .bundle-grid .bundle-card{
    min-width:72vw!important;
    flex:0 0 72vw!important;
    scroll-snap-align:start!important;
  }
  .bottom-nav a{font-size:10px!important}
  .bottom-nav .ui-icon{width:22px!important;height:22px!important}
}

/* V29 clean interaction layer */
[data-product-card]{position:relative;cursor:pointer}
[data-product-card] .product-card-actions{
  position:absolute!important;
  top:auto!important;
  bottom:10px!important;
  inset-inline-end:10px!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  z-index:8!important;
}
[data-cart-add]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
[data-cart-add].is-loading svg{animation:uiSpin .7s linear infinite}
[data-cart-add][aria-busy="true"]{opacity:.7;pointer-events:none}
@media(max-width:576px){
  .premium-slider .carousel-inner,.premium-slider .carousel-item{height:420px!important}
  .premium-slider .slider-copy,html[dir="ltr"] .premium-slider .slider-copy{
    inset:auto 18px 42px 18px!important;width:auto!important;max-width:none!important
  }
  .premium-slider .slider-copy h1{font-size:29px!important;line-height:1.2!important}
  .premium-slider .slider-copy p{font-size:12.5px!important;line-height:1.65!important}
  .product-card,.shop-card{height:100%!important;display:flex!important;flex-direction:column!important}
  .product-card h3,.shop-card h2{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    overflow:hidden!important;min-height:3.05em!important;line-height:1.52!important
  }
  [data-product-card] .product-card-actions{bottom:9px!important;inset-inline-end:9px!important}
  [data-product-card] .quick-cart-icon{width:42px!important;min-width:42px!important;height:42px!important}
  .home-ad-overlay{background:linear-gradient(270deg,rgba(28,15,10,.84),rgba(28,15,10,.22))!important}
  html[dir="ltr"] .home-ad-overlay{background:linear-gradient(90deg,rgba(28,15,10,.84),rgba(28,15,10,.22))!important}
  .home-ad h3,.home-ad b,.home-ad small{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.35)}
  .store-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .bundle-grid{display:flex!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory!important}
  .bundle-grid .bundle-card{min-width:72vw!important;flex:0 0 72vw!important;scroll-snap-align:start!important}
}
