/* WiMs Shop – pastel theme.
   Loaded after the other stylesheets. Every colour comes from the variables below; the five
   palette colours and the accent are set in Site settings (see core/theme.py), so changing
   the look never needs a code change. */

:root{
  /* defaults, replaced by the inline <style> in base.html */
  --accent:#D63B76;--accent-dark:#A92B5C;--accent-soft:#FBE9F0;
  --pink:#FFC8DD;--pink-deep:#FFAFCC;--lilac:#CDB4DB;--blue:#BDE0FE;--blue-deep:#A2D2FF;
  --ink:#3B2A3A;--ink-soft:#6B566A;
  --font-display:'Fredoka',ui-rounded,'Nunito',system-ui,sans-serif;
  --font-body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* map the older green tokens onto the new palette so every old rule follows the theme */
  --green:var(--accent);--green-dark:var(--accent-dark);--green-light:var(--accent-soft);
  --text:var(--ink);--muted:var(--ink-soft);--line:#F6DCE7;--soft:#FFF5F9;--gold:var(--pink-deep);
}

html body{
  font-family:var(--font-body);color:var(--ink);
  background:linear-gradient(180deg,#EEF6FF 0,#FFF3F8 620px,#FBF4FF 100%) no-repeat,#FFF6FA;
}
h1,h2,h3{font-family:var(--font-display)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--accent);outline-offset:2px;
}

/* ---------- header and footer ----------
   They have their own files: header.css and footer.css. Only the category bar is tuned here. */
.nav{background:#fff;border-color:var(--pink)}
.nav-inner a:hover{color:var(--accent)}
.all-categories{background:var(--accent);color:#fff;border:0;border-radius:999px;align-self:center;height:38px;padding:0 18px;cursor:pointer}
.mobile-cart-count{background:var(--accent);color:#fff}

/* ---------- buttons ---------- */
body .btn{border-radius:999px}
/* the old stylesheet forces .primary black with !important, so these carry !important too */
body .primary,body .btn.primary,body .primary:not(:disabled){background:var(--accent) !important;color:#fff !important;border:0 !important}
body .primary:hover,body .primary:not(:disabled):hover{background:var(--accent-dark) !important}
body .primary:disabled{background:#CFC3CC !important;color:#fff !important;cursor:not-allowed}
body .secondary{background:#fff;border:2px solid var(--blue-deep);color:var(--ink)}
body .add-cart{
  background:var(--accent) !important;color:#fff !important;border:0 !important;
  border-radius:999px !important;font-weight:800;min-height:44px;
}
body .add-cart:hover{background:var(--accent-dark) !important}
body a.add-cart{background:var(--blue) !important;color:var(--ink) !important}
body a.add-cart:hover{background:var(--blue-deep) !important}

/* ---------- headings and sections ---------- */
.section-head h2{font-family:var(--font-display);font-weight:600;letter-spacing:0;color:var(--ink)}
.section-head>a,.breadcrumbs a{color:var(--accent)}
.eyebrow,.section-label{color:var(--accent)}
.tab-buttons button{border:2px solid var(--blue);border-radius:999px;font-weight:700}
.tab-buttons button.active{background:var(--accent);border-color:var(--accent);color:#fff}

/* the old stylesheet left a 55px gap above the page for a fixed header; the header now scrolls with the page */
body main{margin-top:0 !important}

/* ---------- hero (shown when no banner is uploaded) ---------- */
.hero-box{
  background:linear-gradient(135deg,var(--pink) 0%,var(--lilac) 52%,var(--blue) 100%);
  border-radius:36px;
}
.hero h1{font-family:var(--font-display);font-weight:600;letter-spacing:-1px;line-height:1.05;color:var(--ink)}
.hero p,.hero-points{color:var(--ink-soft)}
.hero-circle{background:var(--accent);box-shadow:0 24px 50px rgba(0,0,0,.12)}
.quick-features{background:#fff;border:2px solid var(--pink);border-radius:24px}
.quick-features div{border-right-color:var(--pink)}
.banner-slider,.banner-side img,.middle-banners img{border-radius:24px}

/* ---------- tinted cards: the same five palette colours, cycled ---------- */
.tone-1{--tone:var(--pink);--tone-ink:#8E2350}
.tone-2{--tone:var(--pink-deep);--tone-ink:#8E2350}
.tone-3{--tone:var(--lilac);--tone-ink:#4E3468}
.tone-4{--tone:var(--blue);--tone-ink:#2B5F8F}
.tone-5{--tone:var(--blue-deep);--tone-ink:#1F4E80}

/* Featured Categories on the home page: a centred heading and tinted cards (the idea from ilham.com.bd) */
.fc-head{text-align:center;margin-bottom:22px}
.fc-head h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1.15;color:var(--ink)}
.fc-head p{margin:6px 0 0;color:var(--ink-soft);font-size:15px}
.fc-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.fc-card{
  display:flex;flex:0 0 calc((100% - 5 * 16px) / 6);min-width:0;border-radius:28px;padding:12px;color:var(--ink);text-align:center;
  background:linear-gradient(160deg,var(--tone),#fff 92%);transition:transform .15s ease,box-shadow .15s ease;
}
.fc-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(59,42,58,.12)}
.fc-inner{display:block;flex:1;background:#fff;border-radius:20px;padding:12px 8px 14px;box-shadow:0 2px 8px rgba(59,42,58,.08)}
.fc-art{display:grid;place-items:center;height:108px;border-radius:16px;overflow:hidden;background:var(--tone);color:var(--tone-ink);font-family:var(--font-display);font-weight:600;font-size:42px}
.fc-art img{width:100%;height:100%;object-fit:contain}
.fc-name{display:block;margin-top:10px;font-weight:700;line-height:1.25}
@media (max-width:1000px){.fc-card{flex-basis:calc((100% - 3 * 14px) / 4)}.fc-grid{gap:14px}}
@media (max-width:700px){
  .fc-head h2{font-size:24px}
  .fc-grid{gap:10px}
  .fc-card{flex-basis:calc((100% - 2 * 10px) / 3);border-radius:22px;padding:8px}
  .fc-inner{padding:8px 4px 10px;border-radius:16px}
  .fc-art{height:72px;font-size:30px;border-radius:12px}
  .fc-name{font-size:13px;margin-top:8px}
}

/* sub-category cards on a category page: centred, with arrows when there are more than fit */
.subcat-wrap{position:relative;margin-bottom:8px}
.subcat-row{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 14px;scroll-snap-type:x proximity;scrollbar-width:none}
.subcat-row::-webkit-scrollbar{display:none}
/* auto margins centre the cards when they all fit and fall back to a normal scroll when they do not */
.subcat-card:first-child{margin-left:auto}
.subcat-card:last-child{margin-right:auto}
.subcat-card{
  display:flex;flex:0 0 180px;scroll-snap-align:center;border-radius:28px;padding:12px;text-align:center;color:var(--ink);
  background:linear-gradient(160deg,var(--tone),#fff 92%);transition:transform .15s ease;
}
.subcat-card:hover{transform:translateY(-3px)}
.subcat-card.active{outline:3px solid var(--accent);outline-offset:2px}
.subcat-inner{display:block;flex:1;background:#fff;border-radius:20px;padding:10px 8px 12px;box-shadow:0 2px 8px rgba(59,42,58,.08)}
.subcat-art{
  display:grid;place-items:center;height:84px;border-radius:14px;overflow:hidden;
  background:var(--tone);color:var(--tone-ink);font-family:var(--font-display);font-weight:600;font-size:34px;
}
.subcat-art img{width:100%;height:100%;object-fit:contain}
.subcat-name{display:block;margin-top:10px;font-weight:700;line-height:1.25}
.subcat-arrow{
  position:absolute;top:calc(50% - 20px);z-index:2;width:44px;height:44px;border:0;border-radius:50%;
  background:#fff;color:var(--accent);box-shadow:0 4px 14px rgba(59,42,58,.18);cursor:pointer;display:grid;place-items:center;
}
.subcat-arrow[hidden]{display:none}
.subcat-arrow.prev{left:-6px}.subcat-arrow.next{right:-6px}

/* title bar: category name + count + sort */
.titlebar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;border:2px solid var(--pink);border-radius:24px;padding:16px 24px;margin:14px 0 22px;
}
.titlebar-name{margin:0;font-family:var(--font-display);font-weight:600;font-size:32px;line-height:1.1;color:var(--accent)}
.result-count{color:var(--ink-soft);font-weight:700}
.result-count-line{margin:0 0 16px}
.subcategory-chips a{border:2px solid var(--blue);border-radius:999px;background:#fff}

/* ---------- product cards ---------- */
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-card{background:#fff;border:0;border-radius:24px;box-shadow:0 2px 10px rgba(59,42,58,.06)}
.product-card:hover{box-shadow:0 14px 30px rgba(59,42,58,.12)}
.product-image-wrap{background:#fff;border-radius:18px;margin:12px 12px 0;overflow:hidden}
.product-image-wrap img{width:100%;height:100%;object-fit:contain}
.product-placeholder{color:var(--accent);font-family:var(--font-display);font-weight:600}
.product-info{padding:12px 16px 16px}
.product-meta{color:var(--ink-soft)}
.product-name{font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.option-chip{display:inline-block;background:#DCEEFF;color:#2B5F8F;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:700}
.price-row strong{font-family:var(--font-display);font-weight:600;color:var(--accent)}
.price-row del{color:#8A7586}
.sale-badge,.off-badge{background:var(--accent) !important;color:#fff !important;border-radius:10px;font-size:12px;padding:4px 10px;top:10px;left:10px}
.stock-badge{border-radius:10px}

/* ---------- product page, cart, checkout ---------- */
.variation-btn{border-radius:14px}
body .variation-btn.selected{background:var(--accent-soft) !important;border-color:var(--accent) !important;color:var(--accent-dark) !important}
.variation-btn.active{border-color:var(--accent) !important;background:var(--accent-soft) !important;color:var(--accent-dark) !important}
.cart-box,.checkout-summary,.checkout-card,.success-card,.cart-line{border:0;border-radius:24px;box-shadow:0 2px 10px rgba(59,42,58,.06)}
.cart-line.has-problem{border:2px solid #E5A39C}
.free-delivery-hint,.coupon-applied{background:#DCEEFF;color:#2B5F8F}
.radio-card{border:2px solid var(--blue);border-radius:16px}
.radio-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.field input,.field textarea,.coupon-form input{border:2px solid var(--blue);border-radius:14px}
.flash{background:#DCEEFF;color:#2B5F8F}
.flash-error,.flash-warning{background:#FDECEA;color:#9B1C1C}

/* ---------- phones and tablets ---------- */
@media (max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
  body .add-cart{font-size:14px;padding:0 8px !important;white-space:nowrap;line-height:1.2}
  .subcat-card{flex-basis:104px;border-radius:20px;padding:7px}
  .subcat-inner{padding:7px 4px 9px;border-radius:14px}
  .subcat-art{height:62px;font-size:26px;border-radius:10px}
  .subcat-name{font-size:13px;margin-top:7px}
  .subcat-row{gap:10px}
  .subcat-arrow{display:none}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product-image-wrap{margin:8px 8px 0}
  .product-info{padding:10px 12px 14px}
  .titlebar{padding:14px 16px;border-radius:20px}
  .titlebar-name{font-size:26px}
  .hero-box{border-radius:24px}
}
@media (prefers-reduced-motion:reduce){.subcat-card{transition:none}}

/* home page photo beside the big heading */
/* on phones the old stylesheet pushes "Shop Now" below the second button; the main button comes first */
body .hero-buttons .primary{order:-1 !important}
.hero-box.has-photo{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center}
.hero-photo{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;border-radius:28px;box-shadow:0 18px 40px rgba(59,42,58,.18)}
.hero-box.has-photo .hero-art{display:block;min-width:0}
@media (max-width:900px){
  .hero-box.has-photo{display:flex;flex-direction:column}
  .hero-box.has-photo .hero-art{order:-1;width:100%;margin-bottom:18px}
  .hero-photo{max-height:240px;border-radius:22px}
}

/* photo slider: the slider takes the height of the picture instead of cutting every picture to one fixed shape.
   All slides share one grid cell, so the box is as tall as the tallest slide and nothing is cropped for pictures of one shape. */
.banner-slider{display:grid;aspect-ratio:auto;max-height:560px}
.banner-slide{position:relative;inset:auto;grid-area:1 / 1;display:grid}
.banner-slide picture{display:grid}
.banner-slide img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.banner-slider{aspect-ratio:auto;max-height:480px}}


/* =====================================================================
   Product cards: "Shop Now" + a cart icon
   ===================================================================== */
.pc-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px}
.pc-cart-form{margin:0;flex:0 0 auto}
.pc-shop{
  flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;
  border-radius:999px;background:var(--accent);color:#fff;font-weight:800;font-size:15px;line-height:1.2;white-space:nowrap;
  text-decoration:none;box-shadow:0 6px 14px rgba(214,59,118,.22);transition:background .15s ease,transform .15s ease;
}
.pc-shop:hover{background:var(--accent-dark);transform:translateY(-1px)}
.pc-cart{
  flex:0 0 44px;width:44px;height:44px;display:inline-grid;place-items:center;padding:0;border:2px solid var(--blue-deep);border-radius:50%;
  background:#fff;color:var(--accent);font-size:17px;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease;
}
.pc-cart:hover{background:var(--accent-soft);border-color:var(--accent)}
.pc-cart[disabled]{opacity:.6;cursor:default}
.new-badge{position:absolute;bottom:10px;right:10px;padding:3px 10px;border-radius:999px;background:var(--lilac);color:#4B2A5C;font-size:12px;font-weight:800;letter-spacing:.04em}
.product-card .product-info{display:flex;flex-direction:column}
@media (max-width:700px){
  .pc-shop{font-size:14px;padding:0 8px}
  .pc-actions{gap:6px}
}

/* =====================================================================
   Product page
   ===================================================================== */
.pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;padding-top:22px}
.pd-media{position:sticky;top:90px}
.pd-media .main-image-wrap{background:#fff;border-radius:28px;box-shadow:0 14px 34px rgba(59,42,58,.10);overflow:hidden}
.pd-media .main-image-wrap img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#fff}
.pd-info{background:#fff;border-radius:28px;box-shadow:0 14px 34px rgba(59,42,58,.08);padding:28px 30px}
.pd-info h1{margin:6px 0 14px;font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1.2;color:var(--ink)}
.pd-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 12px;margin-bottom:14px}
.pd-price strong{font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1;color:var(--accent)}
.pd-price del{color:var(--ink-soft);font-size:18px}
.pd-price .off-pill{align-self:center}
.pd-cash{font-size:14px;font-weight:700;color:var(--ink-soft)}
.pd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:18px;font-size:14px}
.pd-label{font-weight:800;letter-spacing:.03em;text-transform:uppercase;font-size:13px;color:var(--ink-soft)}
.pd-meta-item{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.pd-sep{width:1px;height:18px;background:var(--pink)}
.pd-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--ink)}
#product-stock{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
#product-stock.in{background:#E4F6EC;color:#12704A}
#product-stock.out{background:#FDE6E6;color:#A61B1B}
#product-stock.pick{background:var(--accent-soft);color:var(--accent-dark)}
.pd .short-desc{margin:0 0 18px;color:var(--ink-soft);line-height:1.6}

.pd-options{margin-bottom:18px}
.pd-options .variation-group{margin-bottom:16px}
.pd-options h3{margin:0 0 10px;font-size:15px}
.pd-options .chosen{font-weight:800;color:var(--ink);text-transform:none;letter-spacing:0}
.pd-options .variation-buttons{display:flex;flex-wrap:wrap;gap:10px}
.pd-chip{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:2px solid var(--pink);border-radius:999px;
  background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.pd-chip:hover{border-color:var(--accent)}
.pd-options .pd-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);box-shadow:0 0 0 3px rgba(214,59,118,.12)}
.pd-options .pd-chip.unavailable{opacity:.5;text-decoration:line-through}
.pd-dot{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(59,42,58,.25)}
.pd-dot.none{background:repeating-linear-gradient(45deg,#fff,#fff 3px,#EEE 3px,#EEE 6px)}
.pd-options .pd-chip:not(:has(.pd-dot)){padding-left:16px}

.pd-qty-block{margin-bottom:18px}
.pd-qty-block h3{margin:0 0 10px}
.pd-qty{display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;background:#F4F9FF;border:2px solid var(--blue)}
.pd-qty button{width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(59,42,58,.15);color:var(--ink);font-size:20px;font-weight:700;cursor:pointer}
.pd-qty input{width:56px;height:42px;border:0;background:transparent;text-align:center;font:inherit;font-weight:800;font-size:17px;color:var(--ink);-moz-appearance:textfield}
.pd-qty input::-webkit-outer-spin-button,.pd-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.pd-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:6px 0 20px}
.pd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 20px;border-radius:999px;font:inherit;
  font-weight:800;font-size:17px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.pd-btn-main{border:0;background:var(--accent);color:#fff;box-shadow:0 10px 22px rgba(214,59,118,.30)}
.pd-btn-main:hover:not([disabled]){background:var(--accent-dark);transform:translateY(-1px)}
.pd-btn-ghost{border:2px solid var(--accent);background:#fff;color:var(--accent-dark)}
.pd-btn-ghost:hover:not([disabled]){background:var(--accent-soft)}
.pd-btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}

.pd-delivery{display:grid;gap:10px;padding:16px 18px;border-radius:20px;background:#FFF7FA;border:2px solid var(--pink);margin-bottom:18px}
.pd-delivery-row{display:flex;align-items:flex-start;gap:12px;line-height:1.45}
.pd-delivery-row i{flex:0 0 22px;margin-top:3px;text-align:center;color:var(--accent)}
.pd-delivery-row em{font-style:normal;color:var(--ink-soft)}
.pd-info .contact-buttons{margin-top:0}

.pd-tabs{margin-top:34px}
.pd-eta-note{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 18px;border-radius:18px;background:#F4F9FF;border:2px solid var(--blue)}
.pd-eta-note i{color:var(--accent)}

@media (max-width:900px){
  .pd{grid-template-columns:1fr;gap:20px}
  .pd-media{position:static}
  .pd-info{padding:20px 18px;border-radius:24px}
  .pd-info h1{font-size:25px}
  .pd-price strong{font-size:34px}
}
@media (max-width:480px){
  .pd-actions{grid-template-columns:1fr}
  .pd-btn{min-height:54px}
}

/* delivery times in the cart summary */
.eta-list{list-style:none;margin:12px 0 0;padding:12px 14px;border-radius:16px;background:#F4F9FF;display:grid;gap:6px;font-size:14px}
.eta-list i{width:20px;color:var(--accent)}

/* =====================================================================
   Home page banners: two side by side on large screens, one on phones
   ===================================================================== */
.bn{position:relative}
.bn-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:26px;outline-offset:3px}
.bn-viewport::-webkit-scrollbar{display:none}
.bn-track{display:flex;gap:16px}
.bn-slide{flex:0 0 100%;scroll-snap-align:start;display:block;border-radius:26px;overflow:hidden;box-shadow:0 10px 26px rgba(59,42,58,.12)}
@media (min-width:769px){
  .bn[data-per-view="2"]:not([data-count="1"]) .bn-slide{flex-basis:calc((100% - 16px) / 2)}
}
/* every banner gets the shape of the first one, so the row stays tidy even if the pictures differ a little */
.bn-slide img{display:block;width:100%;height:auto;aspect-ratio:var(--bn-ratio, auto);object-fit:cover}
.bn-arrow{
  position:absolute;top:calc(50% - 22px);z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--accent);
  box-shadow:0 4px 14px rgba(59,42,58,.22);cursor:pointer;display:grid;place-items:center;
}
.bn-arrow[hidden]{display:none}
.bn-arrow.prev{left:10px}.bn-arrow.next{right:10px}
.bn-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.bn-dots[hidden]{display:none}
.bn-dots button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:var(--pink-deep);opacity:.55;cursor:pointer;transition:width .2s ease,opacity .2s ease}
.bn-dots button.active{width:28px;background:var(--accent);opacity:1}
@media (max-width:768px){
  .bn-track{gap:12px}
  .bn-slide{flex-basis:100%;border-radius:20px}
  .bn-viewport{border-radius:20px}
  .bn-arrow{display:none}
}

/* ---- product page: overrides for rules the old stylesheet sets with ids or higher specificity ---- */
.pd .pd-price #current-price{font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1;color:var(--accent)}
@media (max-width:900px){.pd .pd-price #current-price{font-size:34px}}
.pd .variation-section{border:0;background:none;box-shadow:none;padding:0;border-radius:0}
.pd .quantity-section h3.pd-label,.pd .pd-options h3{font-family:var(--font-body);font-size:13px;margin:0 0 10px;color:var(--ink-soft)}
.pd .pd-options .chosen{font-size:15px}
.pd-media .product-thumb.active{border-color:var(--accent)}
.bn-slide{box-shadow:none}
.pd .pd-options{border:0 !important;background:none !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important}
.pd .pd-options .variation-buttons{margin-top:0}


/* =====================================================================
   Pre-order
   ===================================================================== */
.pre-badge{position:absolute;bottom:10px;right:10px;padding:3px 10px;border-radius:999px;background:#FFE8C7;color:#8A4B00;font-size:12px;font-weight:800;letter-spacing:.04em}
#product-stock.pre{background:#FFE8C7;color:#8A4B00}
.pd-preorder{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px;padding:16px 18px;border-radius:20px;background:#FFF6E8;border:2px solid #FFD9A0}
.pd-preorder>i{flex:0 0 24px;margin-top:3px;color:#C26A00;font-size:20px;text-align:center}
.pd-preorder strong{display:block;margin-bottom:4px;color:#8A4B00}
.pd-preorder p{margin:0 0 6px;line-height:1.5}
.pd-preorder .pd-preorder-sub{margin:0;font-size:14px;color:var(--ink-soft)}
.pre-tag{margin:4px 0 0;color:#8A4B00;font-weight:700;font-size:13px}
.pre-tag i{margin-right:6px}
small.pre-tag{display:inline-block;margin:0 0 0 6px;padding:1px 8px;border-radius:999px;background:#FFE8C7}
.pre-note{margin:12px 0 0;padding:12px 14px;border-radius:16px;background:#FFF6E8;border:2px solid #FFD9A0;font-size:14px;line-height:1.5}
.pre-note i{margin-right:8px;color:#C26A00}

.pd-delivery-country{margin:4px 0 -2px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}

/* the contact buttons wrap onto more rows instead of making the product page wider than a phone */
.pd-info .contact-buttons{display:flex;flex-wrap:wrap;gap:10px}
.pd-info .contact-buttons>a{flex:1 1 150px;justify-content:center;min-width:0}
@media (max-width:900px){.pd{grid-template-columns:minmax(0,1fr)}}
/* no frame around the colour and size choices (the old stylesheet draws one on each group) */
.pd .variation-group{border:0 !important;background:none !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important}