:root{
  --ivory:#FFFFFF;     /* 空白位置改純白 */
  --ivory-2:#FBF6F7;   /* 極淡粉白（區塊交替用） */
  --ink:#1C1A17;
  --ink-soft:#4A443C;
  --gold:#B8955A;
  --gold-deep:#9A7B45;
  --pink:#FBEEF2;      /* 極淡粉紅 公告欄 */
  --pink-deep:#E7B9C4;
  --pink-text:#B06A80; /* 粉紅區文字 */
  --line:#EDE6DC;
  --disp:'Cormorant Garamond', serif;
  --serif:'Noto Serif TC', serif;
  --sans:'Jost', sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ivory);color:var(--ink);font-family:var(--serif);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* 1. 公告欄 — 上下輪播 · 黑字 */
.announce{background:var(--pink);border-bottom:1px solid #F3E1E8}
.announce-viewport{height:2.6em;overflow:hidden;position:relative}
.announce-track{display:flex;flex-direction:column;animation:announceVScroll 16s infinite}
.announce-item{height:2.6em;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:var(--sans);font-size:.82rem;letter-spacing:.03em;color:#1C1A17;text-align:center;padding:0 1rem}
/* 4 則 + 1 複本 */
@keyframes announceVScroll{
  0%,20%    {transform:translateY(0)}
  25%,45%   {transform:translateY(-2.6em)}
  50%,70%   {transform:translateY(-5.2em)}
  75%,95%   {transform:translateY(-7.8em)}
  100%      {transform:translateY(-10.4em)}
}

/* Header — 三段式：左 icon / 中 店名 / 右 icon */
.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:1rem 1.2rem;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-left{display:flex;align-items:center;gap:.2rem;justify-self:start}
.header-right{display:flex;align-items:center;gap:.2rem;justify-self:end}
.brand{display:flex;flex-direction:column;align-items:center;line-height:1.1;justify-self:center;text-align:center}
.brand-main{font-family:var(--disp);font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:600;letter-spacing:.02em}
.brand-sub{font-family:var(--sans);font-size:.6rem;letter-spacing:.34em;color:var(--gold-deep);text-transform:uppercase;margin-top:3px}
.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:none;background:none;color:var(--ink);cursor:pointer;border-radius:50%;transition:background .2s}
.icon-btn:hover{background:var(--ivory-2)}
.cart-count{position:absolute;top:4px;right:4px;background:var(--gold);color:#fff;font-family:var(--sans);font-size:.6rem;min-width:16px;height:16px;border-radius:9px;display:grid;place-items:center;padding:0 3px}
.burger{flex-direction:column;gap:4px}
.burger span{width:20px;height:1.5px;background:var(--ink);transition:.25s}

/* Drawer 選單 */
.drawer-overlay,.cart-overlay{position:fixed;inset:0;background:rgba(28,26,23,.4);opacity:0;visibility:hidden;transition:.3s;z-index:50}
.drawer-overlay.open,.cart-overlay.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;height:100%;width:320px;max-width:86vw;background:var(--ivory);z-index:60;
  transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:1.4rem}
.drawer.open{transform:translateX(0)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);letter-spacing:.3em;font-size:.75rem;color:var(--gold-deep);padding-bottom:1rem;border-bottom:1px solid var(--line)}
.drawer-close{font-size:1.8rem;background:none;border:none;cursor:pointer;line-height:1;color:var(--ink)}
.drawer-nav{display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto;flex:1}
.drawer-nav a{padding:.6rem 0;font-size:1.05rem}
.drawer-nav a:hover{color:var(--gold-deep)}
.drawer-group{font-family:var(--sans);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep);margin:1rem 0 .3rem;padding-top:.8rem;border-top:1px solid var(--line)}
.drawer-sub{font-size:.95rem !important;color:var(--ink-soft);padding-left:.2rem !important}
.drawer-social{display:flex;gap:.6rem;padding-top:1rem;border-top:1px solid var(--line)}
.drawer-social a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-size:.7rem;letter-spacing:.05em;transition:.2s}
.drawer-social a:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}

/* 2. Hero */
.hero{position:relative}
.hero-slides{position:relative;width:100%;aspect-ratio:16/9;max-height:78vh;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;display:flex;align-items:center}
.hero-slide::before{content:'';position:absolute;inset:0;background:var(--bg) center/cover no-repeat}
.hero-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,26,23,.6) 0%,rgba(28,26,23,.15) 55%,transparent 100%)}
.hero-slide.active{opacity:1}
.hero-inner{position:relative;z-index:2;max-width:560px;padding:0 clamp(1.5rem,6vw,6rem);color:var(--ivory)}
.hero-eyebrow{font-family:var(--sans);letter-spacing:.3em;font-size:.72rem;color:var(--pink-deep);margin-bottom:1rem}
.hero-title{font-family:var(--disp);font-size:clamp(2.2rem,5.5vw,4rem);font-weight:600;line-height:1.05;margin-bottom:1rem}
.hero-desc{font-size:clamp(.95rem,1.6vw,1.1rem);color:rgba(247,243,236,.9);margin-bottom:1.8rem;max-width:44ch}
.hero-cta{display:inline-block;font-family:var(--sans);letter-spacing:.12em;font-size:.82rem;padding:.85rem 2rem;background:var(--gold);color:#fff;transition:.25s}
.hero-cta:hover{background:var(--gold-deep)}
.hero-dots{position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:3}
.hero-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(247,243,236,.5);cursor:pointer;transition:.2s}
.hero-dots button.active{background:var(--gold);width:24px;border-radius:5px}

/* 3. Reviews — 上下垂直輪播 */
.reviews{background:#fff;padding:3rem 1.5rem;text-align:center}
.reviews-stars{color:var(--gold);letter-spacing:.2em;font-size:1.3rem;margin-bottom:1.2rem}
.reviews-viewport{height:5.2em;overflow:hidden;position:relative;max-width:640px;margin:0 auto}
.reviews-track{display:flex;flex-direction:column;animation:reviewVScroll 20s infinite}
.review-item{height:5.2em;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}
.review-item blockquote{font-family:var(--disp);font-size:1.4rem;font-style:italic;line-height:1.4;color:var(--ink)}
.review-item figcaption{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;color:var(--gold-deep);margin-top:.7rem}
/* 5 則 + 1 複本，每則停 ~3.4s 後上移 0.5s；到複本後瞬間重置 */
@keyframes reviewVScroll{
  0%,17%    {transform:translateY(0)}
  20%,37%   {transform:translateY(-5.2em)}
  40%,57%   {transform:translateY(-10.4em)}
  60%,77%   {transform:translateY(-15.6em)}
  80%,97%   {transform:translateY(-20.8em)}
  100%      {transform:translateY(-26em)}
}

/* Sections */
.section{max-width:1200px;margin:0 auto;padding:clamp(3rem,7vw,5rem) 1.5rem}
.section-alt{background:var(--ivory-2);max-width:none}
.section-alt .section-head,.section-alt .rec-grid{max-width:1200px;margin-left:auto;margin-right:auto}
.section-head{text-align:center;margin-bottom:2.6rem}
.eyebrow{font-family:var(--sans);letter-spacing:.3em;font-size:.72rem;color:var(--gold-deep);margin-bottom:.6rem}
.section-head h2{font-family:var(--disp);font-size:clamp(2rem,4vw,2.8rem);font-weight:600}

/* 4. Reels */
.reels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.reel-thumb{aspect-ratio:9/16;background:var(--ink-soft) center/cover;border-radius:6px;position:relative;overflow:hidden;transition:.3s}
.reel:hover .reel-thumb{transform:translateY(-4px);box-shadow:0 14px 30px rgba(28,26,23,.18)}
.reel-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;background:rgba(247,243,236,.9);border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:1.1rem}
.reel-title{font-family:var(--sans);font-size:.85rem;text-align:center;margin-top:.7rem;color:var(--ink-soft)}

/* 5+6 Products */
.product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.rec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.pcard,.rcard{background:var(--ivory);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.3s}
.section-alt .rcard{background:#fff}
.pcard:hover,.rcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(28,26,23,.1)}
.pcard-img{display:block;aspect-ratio:4/5;background:var(--ivory-2) center/cover;position:relative}
.rcard-img{display:block;aspect-ratio:1/1;background:var(--ivory-2) center/cover}
.pcard-badge{position:absolute;top:.8rem;left:.8rem;background:var(--pink-deep);color:#6b3a48;font-family:var(--sans);font-size:.66rem;letter-spacing:.06em;padding:.28rem .6rem;border-radius:3px}
.pcard-body,.rcard-body{padding:1rem 1.1rem 1.2rem}
.pcard-brand{font-family:var(--sans);letter-spacing:.2em;font-size:.66rem;text-transform:uppercase;color:var(--gold-deep)}
.pcard-name{font-family:var(--serif);font-size:1rem;font-weight:500;margin:.3rem 0}
.pcard-price{font-family:var(--disp);font-size:1.35rem;color:var(--ink);margin-bottom:.8rem}
.add-btn{width:100%;font-family:var(--sans);font-size:.8rem;letter-spacing:.06em;padding:.7rem;background:var(--ink);color:var(--ivory);border:none;cursor:pointer;transition:.2s}
.add-btn:hover{background:var(--gold-deep)}

/* 7. Footer */
.site-footer{background:var(--ink);color:var(--ivory);padding:3.5rem 1.5rem 2rem}
.footer-cols{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
.footer-brand .brand-main{color:var(--ivory)}
.footer-brand p{font-size:.9rem;color:rgba(247,243,236,.7);margin:1rem 0}
.footer-social{display:flex;flex-wrap:wrap;gap:1rem}
.footer-social a{font-family:var(--sans);font-size:.78rem;letter-spacing:.05em;color:var(--pink-deep);border-bottom:1px solid transparent;transition:.2s}
.footer-social a:hover{border-color:var(--pink-deep)}
.footer-links h4{font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.footer-links a{display:block;font-size:.9rem;color:rgba(247,243,236,.75);padding:.28rem 0;transition:.2s}
.footer-links a:hover{color:var(--ivory)}
.footer-pay{max-width:1200px;margin:2.4rem auto 0;padding-top:1.6rem;border-top:1px solid rgba(247,243,236,.14);display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;font-family:var(--sans);font-size:.78rem;color:rgba(247,243,236,.7)}
.pay-tag{border:1px solid rgba(247,243,236,.28);padding:.3rem .7rem;border-radius:4px;font-size:.72rem;letter-spacing:.04em}
.footer-copy{text-align:center;font-family:var(--sans);font-size:.72rem;color:rgba(247,243,236,.5);margin-top:2rem}

/* Cart drawer */
.cart-drawer{position:fixed;top:0;right:0;height:100%;width:380px;max-width:90vw;background:var(--ivory);z-index:60;
  transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.cart-drawer.open{transform:translateX(0)}
.cart-head{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 1.4rem;border-bottom:1px solid var(--line);font-family:var(--disp);font-size:1.4rem}
.cart-items{flex:1;overflow-y:auto;padding:1rem 1.4rem}
.cart-empty{text-align:center;color:var(--ink-soft);font-size:.9rem;padding:3rem 0}
.cart-item{display:flex;gap:.9rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:4px;background:var(--ivory-2)}
.ci-info{flex:1}
.ci-name{font-size:.92rem;font-weight:500}
.ci-price{font-family:var(--disp);font-size:1.1rem;color:var(--gold-deep)}
.ci-qty{display:flex;align-items:center;gap:.5rem;margin-top:.3rem;font-family:var(--sans);font-size:.85rem}
.ci-qty button{width:24px;height:24px;border:1px solid var(--line);background:none;cursor:pointer;border-radius:3px}
.ci-remove{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:.75rem;text-decoration:underline}
.cart-foot{padding:1.2rem 1.4rem;border-top:1px solid var(--line)}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-family:var(--sans)}
.cart-total strong{font-family:var(--disp);font-size:1.5rem}
.checkout-btn{display:block;text-align:center;background:var(--gold);color:#fff;font-family:var(--sans);letter-spacing:.1em;font-size:.85rem;padding:.9rem;transition:.2s}
.checkout-btn:hover{background:var(--gold-deep)}
.cart-pay-note{font-family:var(--sans);font-size:.68rem;color:var(--ink-soft);text-align:center;margin-top:.7rem}

/* Responsive */
@media(max-width:900px){
  .footer-cols{grid-template-columns:1fr 1fr}
  .product-row,.rec-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .reels-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}
  .product-row,.rec-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}
  .footer-cols{grid-template-columns:1fr}
  .hero-slides{aspect-ratio:4/5;max-height:none}
  .site-header{padding:.8rem .6rem}
  .icon-btn{width:38px;height:38px}
  .brand-sub{letter-spacing:.22em}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}


/* ===== Sac De Secrète Global Theme v2 ===== */

/* 售罄標籤：與 AI 導覽鍵、Footer 社交按鈕一致 */
.pcard-badge,
.product-badge,
.sold-badge,
.sold-out,
.badge-sold,
.stock-sold{
    background:#1C1A17 !important;
    color:#E7B9C4 !important;
    border:1px solid #E7B9C4 !important;
    box-shadow:none !important;
}

/* Footer 社交按鈕統一 */
.footer-social a{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#1C1A17;
    color:#E7B9C4 !important;
    border:1px solid rgba(231,185,196,.45);
    transition:.25s;
}
.footer-social a:hover{
    background:#2A2623;
    color:#fff;
    border-color:#E7B9C4;
}

/* AI / 浮動按鈕 */
.chat-widget,
.chat-button,
.floating-chat,
.whatsapp-float{
    background:#1C1A17 !important;
    color:#E7B9C4 !important;
    border:1px solid #E7B9C4 !important;
}
.chat-widget svg,
.chat-button svg,
.floating-chat svg,
.whatsapp-float svg{
    stroke:#E7B9C4 !important;
    fill:none;
}



/* ===== 售罄商品顯示｜Boutir 風格 ===== */
.pcard-img,
.rcard-img,
.product-card-image,
.product-image-wrap,
.product-thumb{
  position:relative;
  overflow:hidden;
}

.pcard-img:has(.pcard-badge)::after,
.pcard-img:has(.sold-badge)::after,
.pcard-img:has(.sold-out)::after,
.pcard-img:has(.badge-sold)::after,
.pcard-img:has(.stock-sold)::after,
.rcard-img:has(.sold-badge)::after,
.rcard-img:has(.sold-out)::after,
.product-card-image:has(.sold-badge)::after,
.product-card-image:has(.sold-out)::after,
.product-image-wrap:has(.sold-badge)::after,
.product-image-wrap:has(.sold-out)::after,
.product-thumb:has(.sold-badge)::after,
.product-thumb:has(.sold-out)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:rgba(28,26,23,.42);
  -webkit-backdrop-filter:grayscale(1) brightness(.72);
  backdrop-filter:grayscale(1) brightness(.72);
}

.pcard-img .pcard-badge,
.pcard-img .sold-badge,
.pcard-img .sold-out,
.pcard-img .badge-sold,
.pcard-img .stock-sold,
.rcard-img .sold-badge,
.rcard-img .sold-out,
.product-card-image .sold-badge,
.product-card-image .sold-out,
.product-image-wrap .sold-badge,
.product-image-wrap .sold-out,
.product-thumb .sold-badge,
.product-thumb .sold-out{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  z-index:4 !important;
  min-width:88px;
  padding:.62rem 1rem !important;
  background:rgba(28,26,23,.92) !important;
  color:#E7B9C4 !important;
  border:1px solid #E7B9C4 !important;
  border-radius:2px !important;
  font-family:var(--sans,sans-serif) !important;
  font-size:.94rem !important;
  font-weight:500 !important;
  line-height:1.1 !important;
  letter-spacing:.12em !important;
  text-align:center !important;
  white-space:nowrap;
  box-shadow:0 4px 16px rgba(0,0,0,.12) !important;
}

.pcard:has(.pcard-badge) .add-btn,
.pcard:has(.sold-badge) .add-btn,
.pcard:has(.sold-out) .add-btn,
.product-card:has(.sold-badge) .add-btn,
.product-card:has(.sold-out) .add-btn{
  background:#1C1A17 !important;
  color:#E7B9C4 !important;
  border:1px solid #E7B9C4 !important;
  opacity:1 !important;
  cursor:not-allowed !important;
  pointer-events:none;
}

@media(max-width:600px){
  .pcard-img .pcard-badge,
  .pcard-img .sold-badge,
  .pcard-img .sold-out,
  .pcard-img .badge-sold,
  .pcard-img .stock-sold,
  .rcard-img .sold-badge,
  .rcard-img .sold-out,
  .product-card-image .sold-badge,
  .product-card-image .sold-out{
    min-width:72px;
    padding:.52rem .75rem !important;
    font-size:.78rem !important;
    letter-spacing:.1em !important;
  }
}


/* ===== Footer 付款圖示：透明背景版 ===== */
.footer-payment-wrap,
.payment-methods,
.footer-pay{
  background:transparent !important;
}
.payment-methods img,
.payment-methods .payment-logo,
.footer-pay img,
.footer-payment-wrap img{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
}
.payment-methods img:hover,
.footer-pay img:hover,
.footer-payment-wrap img:hover{
  border:none !important;
  box-shadow:none !important;
  opacity:.9;
}


/* ===== SDS v2.3.1 cumulative fixes: responsive hero + clean shop cards ===== */
.hero-slides{
  aspect-ratio:16 / 9 !important;
  width:100%;
  max-height:none !important;
}
.hero-slide::before{
  background-image:var(--desktop-bg, var(--bg)) !important;
  background-position:var(--hero-position, center center) !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
@media(max-width:720px){
  .hero-slides{
    aspect-ratio:3 / 4 !important;
    max-height:none !important;
  }
  .hero-slide::before{
    background-image:var(--mobile-bg, var(--desktop-bg, var(--bg))) !important;
    background-position:var(--hero-position, center center) !important;
    background-size:cover !important;
  }
}

/* Shop/product list: image and text separated, no mixed colour frame */
.shop-grid .pcard{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:none !important;
  text-align:center;
}
.shop-grid .pcard:hover{
  transform:none !important;
  box-shadow:none !important;
}
.shop-grid .pcard-img-wrap{
  position:relative !important;
  aspect-ratio:1 / 1 !important;
  border-radius:8px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(217,183,193,.28) !important;
  box-shadow:none !important;
  isolation:isolate;
}
.shop-grid .pcard-img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  background-color:#fff !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
}
.shop-grid .pcard-img::before,
.shop-grid .pcard-img::after{
  display:none !important;
}
.shop-grid .pcard-body{
  padding:.82rem .25rem 1.45rem !important;
  background:transparent !important;
  border:0 !important;
}
.shop-grid .pcard-brand{
  margin:0 0 .36rem !important;
  font-family:var(--sans,'Jost',sans-serif) !important;
  letter-spacing:.26em !important;
  font-size:.68rem !important;
  color:#8E7A82 !important;
  text-transform:uppercase;
}
.shop-grid .pcard-name{
  margin:.1rem auto .45rem !important;
  max-width:95%;
  font-family:var(--serif,'Noto Serif TC',serif) !important;
  font-size:clamp(1.06rem,4.2vw,1.22rem) !important;
  line-height:1.38 !important;
  font-weight:500 !important;
  color:#1F1C19 !important;
}
.shop-grid .pcard-price{
  margin:0 !important;
  font-family:var(--disp,'Cormorant Garamond',serif) !important;
  font-size:clamp(1.38rem,5vw,1.68rem) !important;
  line-height:1.1 !important;
  color:#1F1C19 !important;
}
.shop-grid .pcard-actions,
.shop-grid .fav-btn{
  display:none !important;
}
.shop-grid .pcard-float-cart{
  position:absolute !important;
  right:12px !important;
  bottom:12px !important;
  z-index:5 !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#D9B7C1 !important;
  border:1px solid #D9B7C1 !important;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(31,28,25,.14) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.shop-grid .pcard-float-cart svg{
  width:24px !important;
  height:24px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.7 !important;
}
.shop-grid .pcard-float-cart:hover{
  background:#C99BA9 !important;
  border-color:#C99BA9 !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
}
@media(max-width:520px){
  .shop-wrap{padding-left:1rem !important;padding-right:1rem !important;}
  .shop-grid{gap:1.25rem 1.1rem !important;align-items:start;}
  .shop-grid .pcard-img-wrap{border-radius:6px !important;}
  .shop-grid .pcard-float-cart{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    right:10px !important;
    bottom:10px !important;
  }
}

/* Product detail gallery: remove tinted/dirty frame colour */
.pd-track,
.pd-img{
  background:#fff !important;
  border-color:rgba(217,183,193,.28) !important;
}
.pd-img{
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}


/* ===== SDS v2.3.2 Hero image display fix =====
   Use real <picture>/<img> instead of CSS url() variables so CRM uploaded
   relative paths resolve from index.php correctly on iOS/Safari/Hostinger. */
.hero-slide{
  overflow:hidden !important;
}
.hero-slide::before{
  display:none !important;
  background-image:none !important;
}
.hero-picture,
.hero-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
}
.hero-img{
  object-fit:cover !important;
  object-position:var(--hero-position, center center) !important;
  z-index:0 !important;
}
.hero-slide::after{
  z-index:1 !important;
  pointer-events:none !important;
}
.hero-inner{
  z-index:2 !important;
}