/* =========================================================================
   SK Corporation
   Sections: tokens · base · layout · header · cards · product · form
             urgency · footer · floats · dark · motion
   ========================================================================= */

/* --- tokens ------------------------------------------------------------ */
:root{
  --sk-bg:#FFFFFF;
  --sk-surface:#FFFFFF;
  --sk-muted:#F3F8F1;
  --sk-line:#DEEAD9;
  --sk-text:#0E2109;
  --sk-text-2:#566A51;
  --sk-shadow:0 1px 2px rgba(16,33,12,.05), 0 8px 24px -12px rgba(16,33,12,.14);
  --sk-shadow-lg:0 2px 6px rgba(16,33,12,.06), 0 22px 48px -18px rgba(16,33,12,.22);
  --sk-gap:clamp(14px,2.4vw,24px);
  --sk-sec-gap:clamp(32px,5vw,60px);
}

/* --- base -------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body.sk{
  margin:0;
  background:var(--sk-bg);
  color:var(--sk-text);
  font-family:var(--sk-font-body);
  font-size:var(--sk-font-size);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4{font-family:var(--sk-font-heading);line-height:1.25;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(24px,5vw,40px)}
h2{font-size:clamp(20px,3.4vw,30px)}
h3{font-size:clamp(17px,2.4vw,21px)}

p{margin:0 0 1em}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit;color:inherit}

:focus-visible{outline:2px solid var(--sk-primary);outline-offset:2px;border-radius:4px}

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.sk-skip{position:absolute;left:-9999px;top:0;z-index:999;background:var(--sk-primary);color:#fff;padding:10px 16px}
.sk-skip:focus{left:8px;top:8px}

/* A display: rule beats the browser's [hidden] default, so anything the theme
   hides with the attribute must be forced down. This is why the cart's
   spinner kept turning after loading finished. */
[hidden]{display:none !important}

.sk-container{width:min(100% - 28px,var(--sk-container));margin-inline:auto}

.sk-prose{color:var(--sk-text-2);max-width:70ch}
.sk-prose p{margin:0 0 .9em}

/* --- buttons ----------------------------------------------------------- */
.sk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 20px;border-radius:var(--sk-radius-btn);
  font-family:var(--sk-font-heading);font-weight:700;font-size:15px;line-height:1;
  background:linear-gradient(135deg,var(--sk-primary),var(--sk-secondary));
  color:#fff;width:100%;text-align:center;
  box-shadow:0 6px 16px -8px var(--sk-primary);
  transition:transform .12s ease, box-shadow .2s ease, filter .2s ease;
}
.sk-btn:hover{filter:brightness(1.06);box-shadow:0 10px 22px -10px var(--sk-primary)}
.sk-btn:active{transform:scale(.985)}
.sk-btn[disabled]{opacity:.6;pointer-events:none}

.sk-btn-ghost{
  background:transparent;color:var(--sk-primary);
  border:1.5px solid var(--sk-line);box-shadow:none;font-weight:600;padding:11px 18px;
}
.sk-btn-ghost:hover{border-color:var(--sk-primary);background:var(--sk-primary-soft);filter:none}

.sk-iconbtn{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--sk-text);transition:background .18s ease}
.sk-iconbtn:hover{background:var(--sk-muted)}

/* --- announce ---------------------------------------------------------- */
.sk-announce{background:var(--bg);color:var(--fg);font-size:13px}
.sk-announce .sk-container{display:flex;align-items:center;justify-content:center;gap:12px;min-height:36px;position:relative}
.sk-announce-rot{position:relative;display:grid}
.sk-announce-rot span{grid-area:1/1;opacity:0;transition:opacity .45s ease}
.sk-announce-rot span.is-on{opacity:1}
.sk-announce-x{position:absolute;inset-inline-end:0;color:inherit;opacity:.75;display:grid;place-items:center}

/* --- header ------------------------------------------------------------ */
.sk-header{background:var(--sk-surface);border-bottom:1px solid var(--sk-line);z-index:50}
.sk-header.is-sticky{position:sticky;top:0}
.sk-header.is-stuck{backdrop-filter:saturate(160%) blur(12px);background:color-mix(in srgb,var(--sk-surface) 86%,transparent);box-shadow:var(--sk-shadow)}

.sk-header-in{display:flex;align-items:center;gap:10px;min-height:60px}
.sk-logo{display:flex;align-items:center;margin-inline-end:auto}
.sk-logo-txt{font-family:var(--sk-font-heading);font-weight:700;font-size:20px;color:var(--sk-primary)}
.sk-logo-m{display:none}
.sk-logo-l{display:none}
body.sk-dark .sk-logo-d,body.sk-dark .sk-logo-m{display:none!important}
body.sk-dark .sk-logo-l{display:block}

.sk-burger{display:grid;place-items:center;width:40px;height:40px;border-radius:10px}
.sk-nav-desktop ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:600}
.sk-nav-desktop a{padding:6px 0;border-bottom:2px solid transparent;transition:border-color .18s ease,color .18s ease}
.sk-nav-desktop a:hover{color:var(--sk-primary);border-color:var(--sk-primary)}

.sk-header-actions{display:flex;align-items:center;gap:2px}
.sk-cart{position:relative}
.sk-cart-n{
  position:absolute;top:4px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 5px;
  display:grid;place-items:center;border-radius:9px;
  background:var(--sk-primary);color:#fff;font-size:11px;font-weight:700;line-height:1;
}

@media (max-width:900px){
  .sk-nav-desktop{display:none}
  .sk-logo-d{display:none}
  .sk-logo-m{display:block}
}
@media (min-width:901px){
  .sk-burger{display:none}
}

/* --- category chips ---------------------------------------------------- */
.sk-chips{border-top:1px solid var(--sk-line);background:var(--sk-surface)}
.sk-chips-scroll{
  display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;
  padding:9px max(14px,calc((100vw - var(--sk-container))/2));
}
.sk-chips-scroll::-webkit-scrollbar{display:none}
.sk-chip{
  flex:0 0 auto;padding:7px 15px;border-radius:999px;
  border:1px solid var(--sk-line);background:var(--sk-muted);
  font-size:13.5px;font-weight:600;white-space:nowrap;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.sk-chip:hover,.sk-chip.is-on{background:var(--sk-primary);border-color:var(--sk-primary);color:#fff}

/* --- search + drawer --------------------------------------------------- */
.sk-searchbar{border-bottom:1px solid var(--sk-line);background:var(--sk-surface);padding:12px 0}
.sk-search{display:flex;gap:8px}
.sk-search input[type=search]{
  flex:1;padding:12px 14px;border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  background:var(--sk-muted);
}
.sk-search button{display:grid;place-items:center;width:46px;border-radius:var(--sk-radius-btn);background:var(--sk-primary);color:#fff}

.sk-drawer{position:fixed;inset:0;z-index:100;background:rgba(20,10,16,.45)}
.sk-drawer-panel{
  position:absolute;inset-block:0;inset-inline-start:0;width:min(82vw,320px);
  background:var(--sk-surface);padding:20px;overflow-y:auto;
  box-shadow:var(--sk-shadow-lg);
}
.sk-drawer-panel ul{list-style:none;margin:24px 0 0;padding:0}
.sk-drawer-panel li{border-bottom:1px solid var(--sk-line)}
.sk-drawer-panel li a{display:block;padding:13px 2px;font-weight:600}
.sk-drawer-x{position:absolute;top:14px;inset-inline-end:14px}
.sk-drawer-call{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--sk-primary);font-weight:700}

/* --- sections ---------------------------------------------------------- */
.sk-sec{padding-block:var(--sk-sec-gap)}
.sk-sec + .sk-sec{padding-top:0}
.sk-hero{padding-block:14px}
.sk-hero img{border-radius:var(--sk-radius);width:100%}

.sk-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}
.sk-sec-title{margin:0}
.sk-more{display:inline-flex;align-items:center;gap:3px;color:var(--sk-primary);font-weight:700;font-size:14px;white-space:nowrap}
.sk-sec > .sk-container > .sk-sec-title{margin-bottom:18px}

/* --- category grid ----------------------------------------------------- */
.sk-cat-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:var(--sk-gap)}
.sk-cat{display:block;text-align:center}
.sk-cat-img{
  display:block;overflow:hidden;border-radius:var(--sk-radius);
  background:var(--sk-muted);aspect-ratio:1;
}
.sk-cat-grid.is-circle .sk-cat-img{border-radius:50%}
.sk-cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.sk-cat:hover .sk-cat-img img{transform:scale(1.05)}
.sk-cat-name{display:block;margin-top:9px;font-weight:600;font-size:14px}
@media (max-width:600px){.sk-cat-grid{grid-template-columns:repeat(3,1fr);gap:10px}.sk-cat-name{font-size:12.5px}}

/* --- product grid + card ----------------------------------------------- */
.sk-grid,ul.products{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sk-gap);
  list-style:none;margin:0;padding:0;
}
@media (min-width:640px){.sk-grid,ul.products{grid-template-columns:repeat(3,1fr)}}
@media (min-width:960px){.sk-grid,ul.products{grid-template-columns:repeat(4,1fr)}}
body.sk-cols-1 .sk-grid{grid-template-columns:1fr}
@media (min-width:640px){body.sk-cols-1 .sk-grid{grid-template-columns:repeat(3,1fr)}}

.sk-card{
  display:flex;flex-direction:column;position:relative;
  background:var(--sk-surface);border:1px solid var(--sk-line);
  border-radius:var(--sk-radius);overflow:hidden;
  transition:box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.sk-card:hover{box-shadow:var(--sk-shadow-lg);transform:translateY(-3px);border-color:transparent}

.sk-card-media{position:relative;display:block;background:var(--sk-muted);overflow:hidden}
.sk-card-media.is-1-1{aspect-ratio:1}
.sk-card-media.is-3-4{aspect-ratio:3/4}
.sk-card-media.is-4-3{aspect-ratio:4/3}
.sk-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sk-card-img-alt{opacity:0;transition:opacity .3s ease}
.sk-card:hover .sk-card-img-alt{opacity:1}

.sk-badge{
  position:absolute;top:8px;inset-inline-start:8px;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:42px;padding:6px 7px;border-radius:10px;
  background:var(--sk-primary);color:#fff;
  font-family:var(--sk-font-heading);font-weight:700;font-size:14px;line-height:1;
}
.sk-badge small{font-size:9.5px;font-weight:600;opacity:.9;margin-top:2px}
.sk-badge.is-text{padding:6px 11px;font-size:12px}
.sk-badge.is-out{inset-inline-start:auto;inset-inline-end:8px;background:var(--sk-text);font-size:11.5px;padding:6px 10px}

.sk-card-body{display:flex;flex-direction:column;gap:7px;padding:12px;flex:1}
.sk-card-title{margin:0;font-size:14.5px;font-weight:600;line-height:1.45;font-family:var(--sk-font-heading)}
.sk-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.sk-card-rating{display:flex;align-items:center;gap:1px;color:var(--sk-accent)}
.sk-card-rating span{opacity:.28;display:inline-flex}
.sk-card-rating span.is-on{opacity:1}
.sk-card-rating span.is-on svg{fill:currentColor}
.sk-card-rating small{margin-inline-start:5px;color:var(--sk-text-2);font-size:11.5px}

.sk-card-price{
  font-family:var(--sk-font-heading);font-weight:700;font-size:17px;
  color:var(--sk-primary);font-variant-numeric:tabular-nums;
}
.sk-card-price del{color:var(--sk-text-2);font-weight:400;font-size:13.5px;margin-inline-end:6px;opacity:.75}
.sk-card-price ins{text-decoration:none}

.sk-card-actions{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:4px}
.sk-card .sk-btn{padding:11px 14px;font-size:14px}

@media (max-width:480px){
  .sk-card-body{padding:10px;gap:5px}
  .sk-card-title{font-size:13px}
  .sk-card-price{font-size:15.5px}
  .sk-card .sk-btn{padding:10px;font-size:13px}
  .sk-card .sk-btn-ghost{display:none}
}

/* --- urgency ----------------------------------------------------------- */
.sk-urg{
  display:flex;align-items:center;gap:7px;margin:0;
  font-size:13.5px;font-weight:600;color:var(--sk-text);
  line-height:1.45;
}
.sk-urg svg{flex:0 0 auto;color:var(--sk-success)}
.sk-urg-orders .sk-count{
  font-variant-numeric:tabular-nums;
  font-weight:700;color:var(--sk-secondary);
}
/* On a card the count is the proof point — give it a tinted pill so it
   reads at a glance instead of fading into the description text. */
.sk-urg-orders.is-compact{
  padding:5px 9px;border-radius:8px;
  background:var(--sk-primary-soft);
  font-size:13px;
}
.sk-urg-orders.is-compact svg{width:15px;height:15px}
.sk-urg-viewers svg{color:var(--sk-primary)}
.sk-urg-row{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px}

.sk-urgency-block{margin:16px 0;display:flex;flex-direction:column;gap:12px}

.sk-stockbar{padding:12px 14px;border-radius:var(--sk-radius);background:var(--sk-muted);border:1px solid var(--sk-line)}
.sk-stockbar.is-low{background:color-mix(in srgb,var(--sk-danger) 7%,transparent);border-color:color-mix(in srgb,var(--sk-danger) 22%,transparent)}
.sk-stockbar-text{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:13.5px;font-weight:600}
.sk-stockbar-text svg{color:var(--sk-danger)}
.sk-stockbar-track{height:7px;border-radius:99px;background:var(--sk-line);overflow:hidden}
.sk-stockbar-fill{
  display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,var(--sk-accent),var(--sk-danger));
  transition:width 1.1s cubic-bezier(.2,.7,.3,1);
}
.sk-stockbar.is-visible .sk-stockbar-fill{width:var(--fill)}

.sk-timer{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:12px 16px;border-radius:var(--sk-radius);
  background:linear-gradient(120deg,var(--sk-secondary),var(--sk-primary));color:#fff;
}
.sk-timer-label{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600}
.sk-timer-clock{display:flex;align-items:center;gap:4px;font-family:var(--sk-font-heading);font-variant-numeric:tabular-nums}
.sk-timer-clock b{
  min-width:38px;padding:5px 6px;border-radius:9px;text-align:center;
  background:rgba(255,255,255,.17);font-size:17px;font-weight:700;
}
.sk-timer-clock i{opacity:.65;font-style:normal}

.sk-salespop{
  position:fixed;bottom:78px;inset-inline-start:14px;z-index:60;
  display:flex;align-items:center;gap:10px;max-width:290px;
  padding:9px 13px 9px 9px;border-radius:14px;
  background:color-mix(in srgb,var(--sk-surface) 88%,transparent);
  backdrop-filter:blur(14px) saturate(160%);
  border:1px solid var(--sk-line);box-shadow:var(--sk-shadow-lg);
  transform:translateY(14px);opacity:0;transition:opacity .35s ease,transform .35s ease;
}
.sk-salespop.is-on{transform:none;opacity:1}
.sk-salespop img{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.sk-salespop-txt{font-size:12px;line-height:1.45;color:var(--sk-text-2)}
.sk-salespop-txt b{display:block;color:var(--sk-text);font-size:12.5px}
@media (max-width:600px){.sk-salespop{bottom:72px;max-width:calc(100vw - 28px)}}

/* --- single product ---------------------------------------------------- */
.single-product div.product{
  display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,40px);
  width:100%;margin:8px auto 0;
}
@media (min-width:900px){
  .single-product div.product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .single-product .woocommerce-product-gallery{position:sticky;top:84px}
}
.single-product .woocommerce-product-gallery{width:100% !important;float:none !important;margin:0}
.single-product .woocommerce-product-gallery__wrapper{width:100%;margin:0}
.single-product .woocommerce-product-gallery img{
  width:100%;height:auto;border-radius:var(--sk-radius);
  background:#fff;
}
.single-product .woocommerce-product-gallery__image{border-radius:var(--sk-radius);overflow:hidden}
.single-product .flex-control-thumbs{
  display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;
}
.single-product .flex-control-thumbs li{flex:0 0 68px;margin:0}
.single-product .flex-control-thumbs img{
  border:1.5px solid var(--sk-line);border-radius:10px;cursor:pointer;opacity:.75;
  transition:opacity .15s ease,border-color .15s ease;
}
.single-product .flex-control-thumbs img.flex-active,
.single-product .flex-control-thumbs img:hover{opacity:1;border-color:var(--sk-primary)}

/* WooCommerce floats these at 48%; the theme lays the page out with grid. */
.single-product div.product > .summary{width:100% !important;float:none !important;margin:0}
.single-product .product_title{font-size:clamp(20px,3.2vw,29px);margin-bottom:10px;font-family:var(--sk-font-heading)}
.single-product .price{
  font-family:var(--sk-font-heading);font-weight:700;
  font-size:clamp(22px,3.4vw,30px);color:var(--sk-primary);
  font-variant-numeric:tabular-nums;margin:0 0 6px;
}
.single-product .price del{font-size:.6em;color:var(--sk-text-2);font-weight:400;opacity:.8}
.single-product .price ins{text-decoration:none}

.sk-acc{margin-top:20px;border-top:1px solid var(--sk-line)}
.sk-acc-item{border-bottom:1px solid var(--sk-line)}
.sk-acc-item summary{
  cursor:pointer;padding:14px 2px;font-weight:700;font-family:var(--sk-font-heading);
  list-style:none;display:flex;justify-content:space-between;align-items:center;
}
.sk-acc-item summary::-webkit-details-marker{display:none}
.sk-acc-item summary::after{content:'+';font-size:20px;color:var(--sk-primary);line-height:1}
.sk-acc-item[open] summary::after{content:'–'}
.sk-acc-item .sk-prose{padding-bottom:14px}

/* variation chips */
.sk-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.sk-swatch{
  padding:8px 15px;border-radius:var(--sk-radius-btn);border:1.5px solid var(--sk-line);
  background:var(--sk-surface);font-size:14px;font-weight:600;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.sk-swatch:hover{border-color:var(--sk-primary)}
.sk-swatch.is-on{background:var(--sk-primary);border-color:var(--sk-primary);color:#fff}

/* --- order form -------------------------------------------------------- */
.sk-form{
  margin:20px 0;padding:clamp(16px,2.6vw,24px);
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-surface);box-shadow:var(--sk-shadow);
  scroll-margin-top:90px;
}
.sk-form-title{
  margin:0 0 16px;font-size:17px;padding-bottom:12px;
  border-bottom:1px solid var(--sk-line);
}
.sk-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sk-form-row{display:flex;flex-direction:column;gap:5px;min-width:0}
.sk-form-row.is-wide{grid-column:1/-1}
@media (max-width:560px){.sk-form-grid{grid-template-columns:1fr}}

.sk-form-row label{font-size:13px;font-weight:600;color:var(--sk-text-2)}
.sk-req{color:var(--sk-danger)}
.sk-form-row input,
.sk-form-row select,
.sk-form-row textarea{
  width:100%;padding:12px 13px;border:1.5px solid var(--sk-line);
  border-radius:var(--sk-radius-btn);background:var(--sk-muted);
  transition:border-color .16s ease,background .16s ease;
}
.sk-form-row input:focus,
.sk-form-row select:focus,
.sk-form-row textarea:focus{border-color:var(--sk-primary);background:var(--sk-surface);outline:none}
.sk-form-row.has-error input,
.sk-form-row.has-error select,
.sk-form-row.has-error textarea{border-color:var(--sk-danger)}
.sk-err{font-size:12px;color:var(--sk-danger);min-height:0}
.sk-form-row.has-error .sk-err{min-height:16px}

.sk-form-qty{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}
.sk-form-qty label{font-size:13px;font-weight:600;color:var(--sk-text-2)}
.sk-stepper{display:flex;align-items:center;border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);overflow:hidden}
.sk-stepper button{width:42px;height:42px;font-size:19px;font-weight:700;color:var(--sk-primary);background:var(--sk-muted)}
.sk-stepper input{width:54px;height:42px;text-align:center;border:0;background:transparent;font-weight:700;font-variant-numeric:tabular-nums}

.sk-pay{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.sk-pay-label{font-size:13px;font-weight:600;color:var(--sk-text-2)}
.sk-pay-opt{
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;
  padding:12px 14px;border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  cursor:pointer;transition:border-color .16s ease,background .16s ease;
}
.sk-pay-opt:has(input:checked){border-color:var(--sk-primary);background:var(--sk-primary-soft)}
.sk-pay-opt input{accent-color:var(--sk-primary);width:18px;height:18px}
.sk-pay-name{font-weight:700;font-size:14.5px}
.sk-pay-note{grid-column:2;font-size:12.5px;color:var(--sk-text-2)}
.sk-trx{display:grid;gap:10px;padding:12px;border-radius:var(--sk-radius-btn);background:var(--sk-muted)}

.sk-summary{
  margin:16px 0;padding:14px;border-radius:var(--sk-radius-btn);
  background:var(--sk-muted);display:flex;flex-direction:column;gap:7px;
}
.sk-summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--sk-text-2)}
.sk-summary-row b{font-variant-numeric:tabular-nums;color:var(--sk-text)}
.sk-summary-row.is-discount b{color:var(--sk-success)}
.sk-summary-row.is-total{
  padding-top:9px;margin-top:2px;border-top:1px dashed var(--sk-line);
  font-family:var(--sk-font-heading);font-weight:700;font-size:17px;color:var(--sk-text);
}
.sk-summary-row.is-total b{color:var(--sk-primary);font-size:20px}

.sk-prepaid-note{font-size:13px;color:var(--sk-success);font-weight:600;margin:0 0 12px}
.sk-form-msg{margin:10px 0 0;font-size:13.5px;text-align:center;min-height:20px}
.sk-form-msg.is-error{color:var(--sk-danger)}
.sk-form-msg.is-ok{color:var(--sk-success)}

.sk-btn-order.is-loading{position:relative;color:transparent}
.sk-btn-order.is-loading::after{
  content:'';position:absolute;width:18px;height:18px;border-radius:50%;
  border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;
  animation:sk-spin .7s linear infinite;
}
@keyframes sk-spin{to{transform:rotate(360deg)}}

/* --- sticky order bar -------------------------------------------------- */
.sk-stickybar{
  position:fixed;inset-inline:0;bottom:0;z-index:70;
  transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.8,.3,1);
  background:color-mix(in srgb,var(--sk-surface) 88%,transparent);
  backdrop-filter:blur(16px) saturate(170%);
  border-top:1px solid var(--sk-line);
  padding:10px max(14px,calc((100vw - var(--sk-container))/2));
  padding-bottom:calc(10px + env(safe-area-inset-bottom));
}
.sk-stickybar.is-on{transform:none}
.sk-stickybar-in{display:flex;align-items:center;gap:12px}
.sk-stickybar-price{
  font-family:var(--sk-font-heading);font-weight:700;font-size:18px;
  color:var(--sk-primary);white-space:nowrap;font-variant-numeric:tabular-nums;
}
.sk-stickybar-price del{font-size:.65em;color:var(--sk-text-2);font-weight:400}
.sk-stickybar-price ins{text-decoration:none}
.sk-stickybar .sk-btn{width:auto;flex:1}
body.sk:has(.sk-bottomnav) .sk-stickybar{bottom:58px}

/* --- trust + reviews --------------------------------------------------- */
.sk-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:760px){.sk-trust-grid{grid-template-columns:repeat(4,1fr)}}
.sk-trust-item{
  display:flex;align-items:center;gap:11px;padding:14px;
  border-radius:var(--sk-radius);background:var(--sk-muted);
}
.sk-trust-ico{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:var(--sk-primary-soft);color:var(--sk-primary)}
.sk-trust-txt b{display:block;font-size:14px;font-family:var(--sk-font-heading)}
.sk-trust-txt small{color:var(--sk-text-2);font-size:12px}

.sk-review-scroll{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);
  gap:var(--sk-gap);overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:8px;scrollbar-width:none;
}
.sk-review-scroll::-webkit-scrollbar{display:none}

.sk-review{
  display:flex;flex-direction:column;
  margin:0;padding:24px 22px;scroll-snap-align:start;
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-surface);
}
.sk-review blockquote{
  margin:0 0 16px;flex:1;
  font-size:15px;line-height:1.75;color:var(--sk-text);
}
.sk-review-stars{display:flex;gap:2px;color:var(--sk-accent);margin-bottom:16px}
.sk-review-stars svg{fill:currentColor}

.sk-review figcaption{display:flex;align-items:center;gap:12px}
.sk-review figcaption img{
  width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;
  background:var(--sk-muted);
}
.sk-review-ini{
  display:grid;place-items:center;flex:none;
  width:46px;height:46px;border-radius:50%;
  background:var(--sk-primary-soft);color:var(--sk-primary);
  font-family:var(--sk-font-heading);font-weight:700;font-size:19px;
}
.sk-review-who{display:flex;flex-direction:column;gap:1px;min-width:0}
.sk-review figcaption b{font-size:14.5px;font-weight:700;color:var(--sk-text)}
.sk-review figcaption small{
  font-size:12.5px;color:var(--sk-text-2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* dots */
.sk-review-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}
.sk-review-dots button{
  width:9px;height:9px;padding:0;border:0;border-radius:50%;
  background:var(--sk-line);cursor:pointer;
  transition:background .18s ease,width .18s ease;
}
.sk-review-dots button.is-on{width:24px;border-radius:99px;background:var(--sk-primary)}

@media (max-width:640px){
  .sk-review-scroll{grid-auto-columns:minmax(84%,1fr)}
  .sk-review{padding:20px 18px}
}

/* --- footer ------------------------------------------------------------ */
.sk-footer{margin-top:var(--sk-sec-gap);padding-top:clamp(28px,4vw,48px);background:var(--sk-muted);border-top:1px solid var(--sk-line)}
.sk-footer-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:760px){.sk-footer-grid{grid-template-columns:1.6fr 1fr 1fr}}
.sk-footer-brand p{color:var(--sk-text-2);font-size:14px;max-width:44ch}
.sk-footer-call{display:inline-flex;align-items:center;gap:7px;color:var(--sk-primary);font-weight:700}
.sk-footer-col h3{font-size:15px;margin:0 0 10px}
.sk-footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sk-footer-col a{color:var(--sk-text-2);font-size:14px}
.sk-footer-col a:hover{color:var(--sk-primary)}

.sk-footer-bottom{
  margin-top:26px;padding:16px 0;border-top:1px solid var(--sk-line);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:calc(16px + env(safe-area-inset-bottom));
}
.sk-social{display:flex;gap:14px;font-size:13.5px;font-weight:600}
.sk-social a:hover{color:var(--sk-primary)}
.sk-copy{margin:0;font-size:12.5px;color:var(--sk-text-2)}
.sk-dbid{margin-inline-start:10px;padding:2px 8px;border-radius:6px;background:var(--sk-line);font-size:11.5px}

@media (max-width:759px){
  .sk-footer.has-accordion .sk-footer-col h3{cursor:pointer;display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--sk-line);margin:0}
  .sk-footer.has-accordion .sk-footer-col h3::after{content:'+';color:var(--sk-primary)}
  .sk-footer.has-accordion .sk-footer-col h3.is-open::after{content:'–'}
  .sk-footer.has-accordion .sk-footer-col ul{display:none;padding:10px 0}
  .sk-footer.has-accordion .sk-footer-col ul.is-open{display:flex}
  .sk-footer-bottom{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
}

/* --- floats + bottom nav ----------------------------------------------- */
.sk-floats{position:fixed;inset-inline-end:14px;bottom:80px;z-index:65;display:flex;flex-direction:column;gap:10px}
.sk-float{
  display:grid;place-items:center;width:48px;height:48px;border-radius:50%;
  background:var(--sk-surface);color:var(--sk-primary);
  border:1px solid var(--sk-line);box-shadow:var(--sk-shadow-lg);
  transition:transform .16s ease;
}
.sk-float:active{transform:scale(.93)}
.sk-float-wa{background:#25D366;color:#fff;border-color:transparent}
.sk-float-top{opacity:0;pointer-events:none;transition:opacity .25s ease}
.sk-float-top.is-on{opacity:1;pointer-events:auto}

.sk-bottomnav{
  position:fixed;inset-inline:0;bottom:0;z-index:68;
  display:flex;
  background:color-mix(in srgb,var(--sk-surface) 90%,transparent);
  backdrop-filter:blur(16px) saturate(170%);
  border-top:1px solid var(--sk-line);
  padding-bottom:env(safe-area-inset-bottom);
}
.sk-bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:10.5px;font-weight:600;color:var(--sk-text-2)}
.sk-bn-item:hover,.sk-bn-item.is-on{color:var(--sk-primary)}
@media (min-width:901px){.sk-bottomnav{display:none}.sk-floats{bottom:24px}}

/* --- checkout ---------------------------------------------------------- */
.sk-checkout-cart{margin-bottom:22px;padding:16px;border-radius:var(--sk-radius);background:var(--sk-muted)}
.woocommerce-checkout .form-row{margin-bottom:12px}
.woocommerce-checkout .input-text,
.woocommerce-checkout select{
  width:100%;padding:12px 13px;border:1.5px solid var(--sk-line);
  border-radius:var(--sk-radius-btn);background:var(--sk-muted);
}
.woocommerce-checkout #place_order{
  width:100%;padding:15px;border-radius:var(--sk-radius-btn);
  background:linear-gradient(135deg,var(--sk-primary),var(--sk-secondary));
  color:#fff;font-family:var(--sk-font-heading);font-weight:700;font-size:16px;border:0;
}

/* --- misc -------------------------------------------------------------- */
.sk-page{padding-block:var(--sk-sec-gap)}
.sk-404{padding-block:60px;text-align:center;max-width:520px}
.sk-404 .sk-btn{margin-top:18px;width:auto;padding-inline:28px}
.sk-404 .sk-search{margin:22px 0}

.woocommerce-message,.woocommerce-info,.woocommerce-error{
  padding:13px 16px;border-radius:var(--sk-radius-btn);
  background:var(--sk-primary-soft);border:1px solid var(--sk-line);
  list-style:none;margin:0 0 16px;
}
.woocommerce-error{background:color-mix(in srgb,var(--sk-danger) 9%,transparent)}

/* --- dark -------------------------------------------------------------- */
body.sk-dark{
  --sk-bg:#0F140D;
  --sk-surface:#171E14;
  --sk-muted:#1E271A;
  --sk-line:#2C3826;
  --sk-text:#EDF4EA;
  --sk-text-2:#9FB098;
  --sk-shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  --sk-shadow-lg:0 2px 6px rgba(0,0,0,.45), 0 22px 48px -18px rgba(0,0,0,.7);
}

/* --- motion ------------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .sk-stockbar-fill{width:var(--fill)}
}

/* --- whatsapp ---------------------------------------------------------- */
.sk-wa-order{
  display:flex;align-items:center;justify-content:center;gap:9px;
  width:100%;margin-top:10px;padding:13px 18px;
  border:2px solid #25D366;border-radius:var(--sk-radius-btn);
  background:transparent;color:#128C4A;
  font-family:var(--sk-font-heading);font-weight:700;font-size:15px;
  text-decoration:none;transition:background .16s ease,color .16s ease,transform .12s ease;
}
.sk-wa-order:hover{background:#25D366;color:#fff}
.sk-wa-order:active{transform:translateY(1px)}
.sk-wa-order svg{flex:none}
.sk-wa-order.is-closed{border-color:var(--sk-line);color:var(--sk-text-2)}
.sk-wa-order.is-closed:hover{background:var(--sk-muted);color:var(--sk-text)}
.sk-wa-note{margin:7px 0 0;font-size:13px;color:var(--sk-text-2);text-align:center}
body.sk-dark .sk-wa-order{color:#4AE08B}

/* --- order bump -------------------------------------------------------- */
.sk-bump{
  display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 14px;
  border:2px dashed var(--sk-primary);border-radius:var(--sk-radius);
  background:var(--sk-primary-soft);cursor:pointer;
  transition:background .16s ease,border-color .16s ease;
}
.sk-bump:hover{background:color-mix(in srgb,var(--sk-primary) 14%,transparent)}
.sk-bump:has(input:checked){border-style:solid;background:color-mix(in srgb,var(--sk-primary) 16%,transparent)}
.sk-bump input{flex:none;width:20px;height:20px;accent-color:var(--sk-primary);cursor:pointer}
.sk-bump img{flex:none;width:56px;height:56px;object-fit:cover;border-radius:10px;background:var(--sk-muted)}
.sk-bump-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.sk-bump-head{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--sk-primary)}
.sk-bump-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk-bump-price{font-size:14px}
.sk-bump-price del{color:var(--sk-text-2);margin-inline-end:6px;font-size:13px}
.sk-bump-price ins{text-decoration:none;font-weight:700;color:var(--sk-primary)}

/* --- free delivery progress -------------------------------------------- */
.sk-freeship{margin-top:14px}
.sk-freeship-text{font-size:13px;font-weight:600;margin-bottom:7px;color:var(--sk-text-2)}
.sk-freeship.is-done .sk-freeship-text{color:var(--sk-success)}
.sk-freeship-track{height:8px;border-radius:99px;background:var(--sk-muted);overflow:hidden}
.sk-freeship-track span{
  display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,var(--sk-accent),var(--sk-primary));
  transition:width .35s ease;
}
.sk-freeship.is-done .sk-freeship-track span{background:var(--sk-success)}

/* --- campaign badge ---------------------------------------------------- */
.sk-cmp-badge{
  position:absolute;inset-inline-start:10px;top:10px;z-index:2;
  padding:4px 9px;border-radius:99px;
  background:var(--sk-secondary);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.02em;
}
@media (prefers-reduced-motion:reduce){
  .sk-freeship-track span{transition:none}
}

/* --- header search + hotline -------------------------------------------- */
.sk-header-search{
  display:none;align-items:center;flex:1 1 320px;max-width:460px;
  margin-inline:18px;
  border:1.5px solid var(--sk-line);border-radius:99px;
  background:var(--sk-surface);overflow:hidden;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.sk-header-search:focus-within{
  border-color:var(--sk-primary);
  box-shadow:0 0 0 3px var(--sk-primary-soft);
}
.sk-header-search input[type=search]{
  flex:1;min-width:0;padding:10px 16px;border:0;outline:0;
  background:transparent;color:var(--sk-text);
  font-family:inherit;font-size:14px;
}
.sk-header-search input::placeholder{color:var(--sk-text-2)}
.sk-header-search button{
  flex:none;display:grid;place-items:center;
  width:46px;align-self:stretch;border:0;cursor:pointer;
  background:var(--sk-primary);color:#fff;
}
.sk-header-search button:hover{filter:brightness(1.06)}

.sk-header-call{
  display:none;align-items:center;gap:9px;
  margin-inline-end:14px;color:var(--sk-text);
}
.sk-header-call svg{flex:none;color:var(--sk-primary)}
.sk-header-call span{display:flex;flex-direction:column;line-height:1.25}
.sk-header-call small{font-size:11px;color:var(--sk-text-2)}
.sk-header-call strong{font-size:15px;font-variant-numeric:tabular-nums;color:var(--sk-secondary)}

@media (min-width:1024px){
  .sk-header-search{display:flex}
  .sk-header-call{display:flex}
  /* the icon-only search button is redundant once the bar is visible */
  .sk-header-search ~ .sk-header-actions [data-search-open]{display:none}
}

/* --- section heading styles --------------------------------------------- */
.sk-head-pill .sk-sec-head,
.sk-head-pill .sk-sec > .sk-container > .sk-sec-title{
  display:flex;align-items:center;gap:14px;
}
.sk-head-pill .sk-sec-title{
  flex:none;padding:7px 16px;border-radius:8px;
  background:var(--sk-primary);color:#fff;
  font-size:16px;line-height:1.3;
}
.sk-head-pill .sk-sec-head::after,
.sk-head-pill .sk-sec > .sk-container > .sk-sec-title::after{
  content:"";flex:1;height:1.5px;background:var(--sk-line);
}
.sk-head-pill .sk-sec-head .sk-sec-more{order:3;flex:none}

.sk-head-bar .sk-sec-title{
  padding-inline-start:13px;
  border-inline-start:4px solid var(--sk-primary);
  line-height:1.2;
}

/* --- product photos sit on white, whole item visible -------------------- */
.sk-card-media{background:#fff}
.sk-card-media img{object-fit:contain;padding:6px}
body.sk-dark .sk-card-media{background:#f6f8f4}

/* --- numerals -----------------------------------------------------------
   Hind Siliguri draws the Bangla digits 1 and 9 almost identically, so a number like 199 reads as
   999 at small sizes. Anek Bangla gives 1 a straight stem and keeps them
   apart, so every element that carries a number uses it. */
.sk-urg,
.sk-card-price,
.sk-price,
.sk-timer,
.sk-stickybar-price,
.sk-sum-row,
.sk-form-totals,
.sk-stockbar-label,
.woocommerce-Price-amount{
  font-family:var(--sk-font-heading);
  font-feature-settings:"lnum" 1;
}
.sk-urg{letter-spacing:.01em}
.sk-urg-orders .sk-count{letter-spacing:.02em}

/* --- checkout trust strip ------------------------------------------------ */
.sk-co-trust{
  display:flex;flex-wrap:wrap;gap:10px 22px;
  margin:0 0 20px;padding:14px 16px;list-style:none;
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-muted);
}
.sk-co-trust li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.sk-co-trust svg{flex:none;color:var(--sk-primary)}
.sk-co-note{
  margin:12px 0 0;text-align:center;
  font-size:13.5px;color:var(--sk-text-2);line-height:1.6;
}

/* --- order confirmation -------------------------------------------------- */
.sk-ty{
  max-width:640px;margin:0 auto 28px;padding:24px;
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-surface);box-shadow:var(--sk-shadow);
}
.sk-ty-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.sk-ty-tick{
  flex:none;display:grid;place-items:center;width:56px;height:56px;
  border-radius:50%;background:var(--sk-primary);color:#fff;
}
.sk-ty-head h2{margin:0 0 4px;font-size:21px;line-height:1.25}
.sk-ty-head p{margin:0;color:var(--sk-text-2);font-size:14.5px}
.sk-ty-head strong{color:var(--sk-text);font-family:var(--sk-font-heading)}

.sk-ty-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.sk-ty-steps li{
  display:flex;align-items:center;gap:11px;
  padding:11px 14px;border-radius:10px;
  font-size:14px;color:var(--sk-text-2);
}
.sk-ty-steps li svg{flex:none;color:var(--sk-line)}
.sk-ty-steps li.is-done{background:var(--sk-primary-soft);color:var(--sk-text);font-weight:600}
.sk-ty-steps li.is-done svg{color:var(--sk-primary)}

.sk-ty-phone{
  margin:18px 0 0;padding:12px 14px;border-radius:10px;
  background:var(--sk-muted);font-size:14px;
}
.sk-ty-phone strong{font-family:var(--sk-font-heading);color:var(--sk-secondary)}

.sk-ty-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sk-ty-actions .sk-btn{flex:1 1 180px;display:flex;align-items:center;justify-content:center;gap:8px}

@media (max-width:520px){
  .sk-ty{padding:18px 16px}
  .sk-ty-head{gap:12px}
  .sk-ty-tick{width:46px;height:46px}
  .sk-ty-head h2{font-size:18px}
}

/* --- classic cart & checkout -------------------------------------------- */
.woocommerce-cart .sk-page,
.woocommerce-checkout .sk-page{max-width:1100px}
.woocommerce-checkout .sk-woo,
.woocommerce-cart .sk-woo{width:min(100% - 28px,1100px)}

.woocommerce table.shop_table{
  width:100%;border-collapse:separate;border-spacing:0;
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);overflow:hidden;
}
.woocommerce table.shop_table th{
  padding:13px 14px;background:var(--sk-muted);
  font-family:var(--sk-font-heading);font-size:13px;text-align:start;
}
.woocommerce table.shop_table td{padding:13px 14px;border-top:1px solid var(--sk-line)}
.woocommerce table.shop_table .product-thumbnail img{width:58px;height:58px;object-fit:contain;border-radius:8px;background:#fff}

.woocommerce .cart_totals h2,
.woocommerce-checkout h3{font-size:18px;margin:0 0 12px}

.woocommerce-checkout .col2-set{display:block}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{float:none;width:100%;max-width:none;padding:0}
.woocommerce-checkout .form-row{display:block;width:100%;float:none;padding:0;margin:0 0 14px}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last{width:100%}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{width:100%}
.woocommerce-checkout .form-row label{
  display:block;margin-bottom:5px;
  font-size:13.5px;font-weight:600;color:var(--sk-text);
}
.woocommerce-checkout .required{color:var(--sk-danger);text-decoration:none}
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea{
  width:100%;padding:12px 14px;
  border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  background:var(--sk-surface);color:var(--sk-text);
  font-family:inherit;font-size:15px;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.woocommerce-checkout .input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus{
  outline:0;border-color:var(--sk-primary);
  box-shadow:0 0 0 3px var(--sk-primary-soft);
}

.woocommerce-checkout #order_review{
  margin-top:20px;padding:18px;
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-muted);
}
.woocommerce-checkout .woocommerce-checkout-payment{
  margin-top:14px;padding:14px;border-radius:var(--sk-radius);
  background:var(--sk-surface);
}
.woocommerce-checkout .wc_payment_methods{margin:0;padding:0;list-style:none}
.woocommerce-checkout .wc_payment_method label{
  display:flex;align-items:center;gap:9px;
  padding:11px 12px;border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  cursor:pointer;font-weight:600;
}
.woocommerce-checkout .wc_payment_method input:checked + label{
  border-color:var(--sk-primary);background:var(--sk-primary-soft);
}
.woocommerce-checkout .payment_box{
  margin:8px 0 4px;padding:12px 14px;border-radius:10px;
  background:var(--sk-muted);font-size:13.5px;line-height:1.6;
}

.woocommerce #place_order,
.woocommerce .checkout-button,
.woocommerce .button.alt{
  width:100%;padding:16px 22px;border:0;border-radius:var(--sk-radius-btn);
  background:linear-gradient(135deg,var(--sk-primary),var(--sk-secondary));
  color:#fff;cursor:pointer;
  font-family:var(--sk-font-heading);font-weight:700;font-size:16.5px;
  box-shadow:var(--sk-shadow);
  transition:filter .16s ease,transform .12s ease;
}
.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover,
.woocommerce .button.alt:hover{filter:brightness(1.07)}
.woocommerce #place_order:active,
.woocommerce .checkout-button:active{transform:translateY(1px)}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{
  padding:13px 16px;border:0;border-inline-start:4px solid var(--sk-primary);
  border-radius:10px;background:var(--sk-muted);
}
.woocommerce .woocommerce-error{
  padding:13px 16px;border:0;border-inline-start:4px solid var(--sk-danger);
  border-radius:10px;background:color-mix(in srgb,var(--sk-danger) 10%,transparent);
  list-style:none;
}

/* Two boxes side by side — no row counting, so an injected notice cannot
   push the summary underneath the form. */
@media (min-width:860px){
  .woocommerce-checkout form.checkout{
    display:flex;flex-wrap:wrap;align-items:flex-start;gap:26px;
  }
  /* Percentages, not pixels: a fixed 440 + 370 could not fit a narrower
     container and wrapped the summary underneath the form. */
  .woocommerce-checkout form.checkout > #customer_details{
    flex:1 1 56%;min-width:0;max-width:56%;
  }
  .woocommerce-checkout form.checkout > .sk-co-side{
    flex:1 1 38%;min-width:0;max-width:40%;
    position:sticky;top:96px;
  }
  /* Notices and login/coupon forms span the full width above the columns. */
  .woocommerce-checkout form.checkout > .woocommerce-NoticeGroup,
  .woocommerce-checkout form.checkout > .woocommerce-form-login,
  .woocommerce-checkout form.checkout > .woocommerce-form-coupon{flex:1 1 100%}
}

.sk-co-side #order_review_heading{margin:0 0 12px;font-size:17px}
.sk-co-side #order_review{margin-top:0}

/* --- side cart ----------------------------------------------------------- */
.sk-sc{position:fixed;inset:0;z-index:120}
.sk-sc-scrim{
  position:absolute;inset:0;background:rgba(14,33,12,.42);
  opacity:0;transition:opacity .26s ease;
}
.sk-sc.is-open .sk-sc-scrim{opacity:1}

.sk-sc-panel{
  position:absolute;inset-block:0;inset-inline-end:0;
  display:flex;flex-direction:column;
  width:min(420px,100%);
  background:var(--sk-surface);
  box-shadow:-18px 0 48px -24px rgba(14,33,12,.4);
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.sk-sc.is-open .sk-sc-panel{transform:translateX(0)}
body.sk-sc-open{overflow:hidden}

.sk-sc-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid var(--sk-line);
}
.sk-sc-head h2{margin:0;font-size:17px}
.sk-sc-x{
  display:grid;place-items:center;width:36px;height:36px;
  border:0;border-radius:50%;background:var(--sk-muted);
  color:var(--sk-text);cursor:pointer;
}
.sk-sc-x:hover{background:var(--sk-line)}

.sk-sc-inner{display:flex;flex-direction:column;flex:1;min-height:0}
.sk-sc-body{flex:1;overflow-y:auto;padding:16px 18px;-webkit-overflow-scrolling:touch}

/* free delivery progress */
.sk-sc-ship{margin-bottom:16px}
.sk-sc-ship p{margin:0 0 7px;font-size:13px;font-weight:600;color:var(--sk-text-2)}
.sk-sc-ship.is-done p{color:var(--sk-success)}
.sk-sc-track{height:7px;border-radius:99px;background:var(--sk-muted);overflow:hidden}
.sk-sc-track span{
  display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--sk-accent),var(--sk-primary));
  transition:width .35s ease;
}
.sk-sc-ship.is-done .sk-sc-track span{background:var(--sk-success)}

/* items */
.sk-sc-items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.sk-sc-item{display:flex;gap:12px;align-items:flex-start;position:relative}
.sk-sc-thumb{flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--sk-line)}
.sk-sc-thumb img{width:100%;height:100%;object-fit:contain}
.sk-sc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.sk-sc-name{font-family:var(--sk-font-heading);
  font-size:14px;font-weight:600;line-height:1.35;color:var(--sk-text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sk-sc-name:hover{color:var(--sk-primary)}
.sk-sc-line{font-family:var(--sk-font-heading);font-weight:700;font-size:14.5px;color:var(--sk-primary)}

.sk-sc-qty{
  display:inline-flex;align-items:center;align-self:flex-start;
  border:1.5px solid var(--sk-line);border-radius:8px;overflow:hidden;
}
.sk-sc-qty button{
  width:30px;height:30px;border:0;background:var(--sk-muted);
  color:var(--sk-text);font-size:16px;line-height:1;cursor:pointer;
}
.sk-sc-qty button:hover{background:var(--sk-primary-soft);color:var(--sk-primary)}
.sk-sc-qty input{
  width:42px;height:30px;border:0;outline:0;text-align:center;
  background:transparent;color:var(--sk-text);
  font-family:var(--sk-font-heading);font-weight:600;font-size:14px;
  -moz-appearance:textfield;
}
.sk-sc-qty input::-webkit-outer-spin-button,
.sk-sc-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.sk-sc-remove{
  flex:none;display:grid;place-items:center;width:28px;height:28px;
  border:0;border-radius:50%;background:transparent;
  color:var(--sk-text-2);cursor:pointer;
}
.sk-sc-remove:hover{background:color-mix(in srgb,var(--sk-danger) 12%,transparent);color:var(--sk-danger)}

/* empty */
.sk-sc-empty{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;padding:40px 24px;text-align:center;color:var(--sk-text-2);
}
.sk-sc-empty svg{color:var(--sk-line)}
.sk-sc-empty p{margin:0;font-size:15px}

/* footer */
.sk-sc-foot{padding:16px 18px;border-top:1px solid var(--sk-line);background:var(--sk-muted)}
.sk-sc-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sk-sc-total span{font-size:14px;color:var(--sk-text-2)}
.sk-sc-total strong{font-family:var(--sk-font-heading);font-size:21px;color:var(--sk-secondary)}
.sk-sc-note{margin:3px 0 12px;font-size:12.5px;color:var(--sk-text-2)}
.sk-sc-foot .sk-btn-order{width:100%;display:block;text-align:center}
.sk-sc-keep{
  display:block;width:100%;margin-top:9px;padding:9px;
  border:0;background:transparent;color:var(--sk-text-2);cursor:pointer;
  font-family:inherit;font-size:13.5px;text-decoration:underline;
}
.sk-sc-keep:hover{color:var(--sk-primary)}

/* loading veil */
.sk-sc-loading{position:absolute;inset:0;background:rgba(255,255,255,.55);cursor:progress}
body.sk-dark .sk-sc-loading{background:rgba(15,20,13,.5)}
.sk-btn.is-loading{opacity:.6;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .sk-sc-panel,.sk-sc-scrim,.sk-sc-track span{transition:none}
}

/* --- WooCommerce page container ----------------------------------------- */
.sk-woo{padding-block:28px 44px}
.woocommerce-page .sk-woo > h1,
.woocommerce-page .sk-woo > .entry-title{margin:0 0 20px;font-size:26px}

/* WooCommerce notices use an icon webfont this theme doesn't load, so the
   glyph renders as an empty box sitting on top of the text. The ancestor
   selector was not always present, so match the class on its own. */
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
.wc-block-components-notice-banner::before{
  content:"" !important;
  display:none !important;
  background:none !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error{padding-inline-start:16px !important}

/* WooCommerce sets these as a font-family on the pseudo element; if anything
   still slips through, there is nothing left for it to draw. */
.woocommerce-info::after,
.woocommerce-message::after,
.woocommerce-error::after{content:none}

.woocommerce form.checkout_coupon{
  margin:0 0 20px;padding:16px;
  border:1px dashed var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-surface);
}
.woocommerce form.checkout_coupon .form-row{margin-bottom:0}
@media (min-width:520px){
  .woocommerce form.checkout_coupon{display:flex;gap:10px;align-items:center}
  .woocommerce form.checkout_coupon .form-row{flex:1;margin:0}
  .woocommerce form.checkout_coupon .form-row-last{flex:0 0 auto}
  .woocommerce form.checkout_coupon .button{width:auto;padding:12px 22px;font-size:15px}
}

/* --- advance payment ------------------------------------------------------ */
.sk-adv-amount{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:0 0 4px;padding:12px 14px;border-radius:10px;
  background:var(--sk-primary-soft);font-size:14px;font-weight:600;
}
.sk-adv-amount strong{font-family:var(--sk-font-heading);font-size:20px;color:var(--sk-secondary)}
.sk-adv-why{margin:0 0 12px;font-size:13px;color:var(--sk-text-2)}

.sk-adv-methods{margin:0 0 12px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.sk-adv-methods label{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:11px 13px;border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  cursor:pointer;
}
.sk-adv-methods label:has(input:checked){border-color:var(--sk-primary);background:var(--sk-primary-soft)}
.sk-adv-methods input{accent-color:var(--sk-primary)}
.sk-adv-name{font-weight:700}
.sk-adv-num{font-family:var(--sk-font-heading);font-weight:700;color:var(--sk-secondary)}
.sk-adv-type{
  margin-inline-start:auto;padding:2px 8px;border-radius:99px;
  background:var(--sk-muted);font-size:11.5px;color:var(--sk-text-2);
}

.sk-ty-due{
  margin:14px 0 0;padding:12px 14px;border-radius:10px;
  background:var(--sk-primary-soft);font-size:14px;
}
.sk-ty-due strong{font-family:var(--sk-font-heading);color:var(--sk-secondary)}

/* --- product reviews ------------------------------------------------------ */
.sk-rv{
  margin:32px 0 0;padding:24px;
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-surface);
}
.sk-rv-head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:14px;padding-bottom:16px;margin-bottom:18px;
  border-bottom:1px solid var(--sk-line);
}
.sk-rv-head h2{margin:0;font-size:20px}
.sk-rv-score{display:flex;align-items:center;gap:12px}
.sk-rv-num{font-family:var(--sk-font-heading);font-size:32px;font-weight:700;color:var(--sk-secondary);line-height:1}
.sk-rv-of{display:flex;flex-direction:column;gap:2px}
.sk-rv-set{display:flex;gap:1px}
.sk-rv-set i{color:var(--sk-line);display:inline-flex}
.sk-rv-set i.is-on{color:var(--sk-accent)}
.sk-rv-of small{font-size:12.5px;color:var(--sk-text-2)}

/* list */
.sk-rv .commentlist{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.sk-rv .commentlist li{padding:0}
.sk-rv .comment_container{display:flex;gap:13px;align-items:flex-start}
.sk-rv .comment_container img.avatar{
  width:42px;height:42px;border-radius:50%;flex:none;
  background:var(--sk-muted);
}
.sk-rv .comment-text{flex:1;min-width:0}
.sk-rv .comment-text .star-rating{margin-bottom:5px}
.sk-rv .comment-text p.meta{margin:0 0 5px;font-size:13px;color:var(--sk-text-2)}
.sk-rv .comment-text p.meta strong{color:var(--sk-text);font-size:14px}
.sk-rv .comment-text .description p{margin:0;font-size:14.5px;line-height:1.65}
.sk-rv .woocommerce-review__verified{
  margin-inline-start:6px;padding:1px 7px;border-radius:99px;
  background:var(--sk-primary-soft);color:var(--sk-primary);
  font-size:11px;font-weight:700;
}
.sk-rv .woocommerce-noreviews{
  margin:0 0 18px;padding:16px;border-radius:var(--sk-radius);
  background:var(--sk-muted);color:var(--sk-text-2);text-align:center;
}

/* form */
.sk-rv #review_form_wrapper{padding-top:18px;border-top:1px solid var(--sk-line)}
.sk-rv .comment-reply-title{display:block;margin-bottom:14px;font-family:var(--sk-font-heading);font-size:17px;font-weight:700}
.sk-rv-pending{
  margin:0 0 14px;padding:11px 14px;border-radius:10px;
  background:var(--sk-muted);font-size:13px;color:var(--sk-text-2);
}
.sk-rv .comment-form label{display:block;margin-bottom:5px;font-size:13.5px;font-weight:600}
.sk-rv .comment-form input[type=text],
.sk-rv .comment-form input[type=email],
.sk-rv .comment-form textarea{
  width:100%;padding:12px 14px;
  border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  background:var(--sk-surface);color:var(--sk-text);
  font-family:inherit;font-size:15px;
}
.sk-rv .comment-form input:focus,
.sk-rv .comment-form textarea:focus{
  outline:0;border-color:var(--sk-primary);box-shadow:0 0 0 3px var(--sk-primary-soft);
}
.sk-rv .comment-form p{margin:0 0 13px}
.sk-rv .comment-form .submit{
  padding:14px 30px;border:0;border-radius:var(--sk-radius-btn);
  background:linear-gradient(135deg,var(--sk-primary),var(--sk-secondary));
  color:#fff;cursor:pointer;
  font-family:var(--sk-font-heading);font-weight:700;font-size:15.5px;
}
.sk-rv .comment-form .submit:hover{filter:brightness(1.07)}

/* star picker */
.sk-rv-stars{margin-bottom:14px}
.sk-rv-label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600}
.sk-rv-picker{display:inline-flex;flex-direction:row-reverse;gap:3px}
.sk-rv-picker input{position:absolute;opacity:0;width:0;height:0}
.sk-rv-picker label{
  margin:0;cursor:pointer;color:var(--sk-line);line-height:0;
  transition:color .12s ease,transform .12s ease;
}
.sk-rv-picker label:hover,
.sk-rv-picker label:hover ~ label,
.sk-rv-picker input:checked ~ label{color:var(--sk-accent)}
.sk-rv-picker label:hover{transform:scale(1.12)}
.sk-rv-picker input:focus-visible + label{outline:2px solid var(--sk-primary);outline-offset:3px;border-radius:4px}

@media (max-width:520px){
  .sk-rv{padding:18px 15px}
  .sk-rv-head h2{font-size:18px}
  .sk-rv-num{font-size:27px}
}

/* --- checkout: trust strip and order box tidy ---------------------------- */
.woocommerce-checkout .sk-co-trust{margin-bottom:16px}
.woocommerce-checkout .sk-co-trust li{flex:1 1 220px}

.woocommerce-checkout #order_review_heading{font-size:17px}
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table{
  border-radius:var(--sk-radius) var(--sk-radius) 0 0;
}
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th{font-size:14px}
.woocommerce-checkout .shop_table .product-name{line-height:1.45}
.woocommerce-checkout .shop_table tfoot .order-total td,
.woocommerce-checkout .shop_table tfoot .order-total th{
  font-family:var(--sk-font-heading);font-weight:700;font-size:16px;
}
.woocommerce-checkout .woocommerce-privacy-policy-text p{
  margin:0;font-size:12.5px;line-height:1.6;color:var(--sk-text-2);
}
.woocommerce-checkout .payment_box p{margin:0}

/* --- description accordion in the summary -------------------------------- */
.sk-acc-desc{margin-top:16px}
.sk-acc-desc .sk-prose{
  max-height:420px;overflow-y:auto;
  font-size:14.5px;line-height:1.75;
}
.sk-acc-desc .sk-prose p{margin:0 0 12px}
.sk-acc-desc .sk-prose p:last-child{margin-bottom:0}

/* the default add-to-cart sits under the order form as a secondary path */
.single-product form.cart{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:14px 0 0;
}
.single-product form.cart .quantity{flex:none}
.single-product form.cart .quantity input{
  width:74px;padding:12px 8px;text-align:center;
  border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  background:var(--sk-surface);color:var(--sk-text);
  font-family:var(--sk-font-heading);font-weight:600;font-size:15px;
}
.single-product form.cart .single_add_to_cart_button{
  flex:1;min-width:160px;padding:13px 20px;
  border:2px solid var(--sk-primary);border-radius:var(--sk-radius-btn);
  background:transparent;color:var(--sk-primary);cursor:pointer;
  font-family:var(--sk-font-heading);font-weight:700;font-size:15px;
}
.single-product form.cart .single_add_to_cart_button:hover{
  background:var(--sk-primary);color:#fff;
}
.single-product form.cart .single_add_to_cart_button.is-loading{opacity:.6;pointer-events:none}
.single-product .stock{margin:8px 0 0;font-size:13px;color:var(--sk-text-2)}

/* --- floating cart pill --------------------------------------------------- */
.sk-cartpill{
  position:fixed;inset-inline-end:0;top:50%;z-index:66;
  display:none;flex-direction:column;align-items:center;gap:1px;
  padding:9px 8px;border:0;cursor:pointer;
  border-start-start-radius:10px;border-end-start-radius:10px;
  background:linear-gradient(135deg,var(--sk-primary),var(--sk-secondary));
  color:#fff;font-family:var(--sk-font-heading);line-height:1.2;
  box-shadow:-5px 0 16px -8px rgba(14,33,12,.45);
  transform:translateY(-50%);
  transition:filter .18s ease;
}
.sk-cartpill.is-on{display:flex}
.sk-cartpill:hover{filter:brightness(1.1)}
.sk-cartpill svg{width:18px;height:18px;opacity:.95}
.sk-cartpill-n{font-size:10px;font-weight:600;opacity:.9;white-space:nowrap}
.sk-cartpill-t{font-size:12px;font-weight:700;white-space:nowrap}

/* On phones the bottom nav already has a cart with a live count, so the
   floating pill would only duplicate it — and it landed on top of the
   WhatsApp button. Desktop keeps the pill; mobile uses the nav. */
@media (max-width:900px){
  .sk-cartpill{display:none !important}
}
body.sk-sc-open .sk-cartpill{display:none}

/* --- side cart: price row ------------------------------------------------- */
.sk-sc-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sk-sc-unit{font-size:13px;color:var(--sk-text-2);font-family:var(--sk-font-heading)}
.sk-sc-line{font-family:var(--sk-font-heading);font-weight:700;font-size:14.5px;color:var(--sk-primary)}

/* --- side cart: suggestions ----------------------------------------------- */
.sk-sc-up{
  flex:none;padding:14px 18px 4px;
  border-top:1px solid var(--sk-line);background:var(--sk-muted);
}
.sk-sc-up h3{
  margin:0 0 10px;font-size:13.5px;font-weight:700;
  color:var(--sk-text-2);letter-spacing:.01em;
}
.sk-sc-up-track{
  display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;
  scroll-snap-type:x mandatory;scrollbar-width:none;
}
.sk-sc-up-track::-webkit-scrollbar{display:none}
.sk-sc-up-item{
  flex:0 0 210px;scroll-snap-align:start;
  display:flex;gap:9px;align-items:flex-start;
  padding:9px;border:1px solid var(--sk-line);border-radius:10px;
  background:var(--sk-surface);
}
.sk-sc-up-item img{
  width:54px;height:54px;flex:none;border-radius:8px;
  object-fit:contain;background:#fff;
}
.sk-sc-up-item > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.sk-sc-up-name{
  font-size:12.5px;font-weight:600;line-height:1.35;color:var(--sk-text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sk-sc-up-price{font-family:var(--sk-font-heading);font-weight:700;font-size:13px;color:var(--sk-secondary)}
.sk-sc-up-add{
  align-self:flex-start;margin-top:2px;padding:4px 11px;
  border:1.5px solid var(--sk-primary);border-radius:99px;
  background:transparent;color:var(--sk-primary);cursor:pointer;
  font-family:var(--sk-font-heading);font-weight:700;font-size:12px;
}
.sk-sc-up-add:hover{background:var(--sk-primary);color:#fff}
.sk-sc-up-add.is-loading{opacity:.55;pointer-events:none}

/* --- buy now buttons ------------------------------------------------------ */
.sk-buy{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:16px}
.sk-buy-qty{
  display:inline-flex;align-items:stretch;flex:none;
  border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);overflow:hidden;
}
.sk-buy-qty button{
  width:38px;border:0;background:var(--sk-muted);color:var(--sk-text);
  font-size:18px;line-height:1;cursor:pointer;
}
.sk-buy-qty button:hover{background:var(--sk-primary-soft);color:var(--sk-primary)}
.sk-buy-qty input{
  width:52px;border:0;outline:0;text-align:center;background:transparent;color:var(--sk-text);
  font-family:var(--sk-font-heading);font-weight:700;font-size:15px;-moz-appearance:textfield;
}
.sk-buy-qty input::-webkit-outer-spin-button,
.sk-buy-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.sk-buy-now{flex:1 1 200px;font-size:16px;padding:15px 22px}
.sk-buy-cart{flex:1 1 100%;padding:13px 22px}
.sk-buy-now.is-loading{opacity:.6;pointer-events:none}
.sk-buy-out{
  margin:16px 0 0;padding:13px 16px;border-radius:var(--sk-radius);
  background:var(--sk-muted);color:var(--sk-text-2);font-weight:600;
}
@media (min-width:520px){
  .sk-buy-cart{flex:1 1 200px}
}

/* --- product meta --------------------------------------------------------- */
.single-product .product_meta{
  margin-top:16px;padding-top:14px;border-top:1px solid var(--sk-line);
  font-size:13px;color:var(--sk-text-2);
}
.single-product .product_meta > span{display:block;margin-bottom:4px}
.single-product .product_meta a{color:var(--sk-primary)}

/* --- sold out ------------------------------------------------------------- */
.sk-stockbar.is-out .sk-stockbar-text{color:var(--sk-danger)}
.sk-stockbar.is-out .sk-stockbar-text svg{color:var(--sk-danger)}
.sk-stockbar.is-out .sk-stockbar-fill{background:var(--sk-text-2)}
.sk-card.is-out .sk-card-media{opacity:.62}
.sk-card-soldout{
  position:absolute;inset-inline-end:10px;top:10px;z-index:2;
  padding:4px 10px;border-radius:99px;
  background:var(--sk-text);color:#fff;
  font-size:11px;font-weight:700;
}
.sk-btn.is-disabled{
  pointer-events:none;opacity:.7;
  border-color:var(--sk-line);color:var(--sk-text-2);
}

/* --- delivery estimate ---------------------------------------------------- */
.sk-eta{
  margin:6px 0 0;padding:8px 11px;border-radius:8px;
  background:var(--sk-primary-soft);
  font-size:13px;font-weight:600;color:var(--sk-secondary);
}

/* --- back in stock -------------------------------------------------------- */
.sk-sa{
  margin-top:16px;padding:16px;
  border:1.5px dashed var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-muted);
}
.sk-sa-title{margin:0 0 3px;font-family:var(--sk-font-heading);font-weight:700;font-size:15px}
.sk-sa-sub{margin:0 0 11px;font-size:13px;color:var(--sk-text-2)}
.sk-sa-row{display:flex;flex-wrap:wrap;gap:8px}
.sk-sa-row input{
  flex:1 1 180px;min-width:0;padding:12px 14px;
  border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  background:var(--sk-surface);color:var(--sk-text);
  font-family:var(--sk-font-heading);font-size:15px;
}
.sk-sa-row input:focus{outline:0;border-color:var(--sk-primary);box-shadow:0 0 0 3px var(--sk-primary-soft)}
.sk-sa-row input:disabled{opacity:.6}
.sk-sa-row .sk-btn{flex:0 0 auto;padding:12px 24px}
.sk-sa-msg{margin:9px 0 0;font-size:13px}
.sk-sa-msg.is-ok{color:var(--sk-success);font-weight:600}
.sk-sa-msg.is-error{color:var(--sk-danger)}

/* --- review photos -------------------------------------------------------- */
.sk-rv-photos{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.sk-rv-photos img{
  width:72px;height:72px;object-fit:cover;border-radius:8px;
  border:1px solid var(--sk-line);
}
.comment-form-photo{margin-bottom:13px}
.comment-form-photo input[type=file]{
  display:block;width:100%;padding:10px;
  border:1.5px dashed var(--sk-line);border-radius:var(--sk-radius-btn);
  background:var(--sk-muted);font-size:13px;
}
.sk-rv-hint{display:block;margin-top:5px;font-size:12px;color:var(--sk-text-2)}

/* --- order tracking ------------------------------------------------------- */
.sk-trk{max-width:620px;margin:0 auto}
.sk-trk-form label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}
.sk-trk-row{display:flex;flex-wrap:wrap;gap:9px}
.sk-trk-row input{
  flex:1 1 200px;min-width:0;padding:13px 15px;
  border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  background:var(--sk-surface);color:var(--sk-text);
  font-family:var(--sk-font-heading);font-size:16px;
}
.sk-trk-row input:focus{outline:0;border-color:var(--sk-primary);box-shadow:0 0 0 3px var(--sk-primary-soft)}
.sk-trk-row .sk-btn{flex:0 0 auto;padding:13px 26px}
.sk-trk-msg{margin:16px 0 0;padding:13px 16px;border-radius:var(--sk-radius);background:var(--sk-muted);font-size:14px}
.sk-trk-msg.is-error{background:color-mix(in srgb,var(--sk-danger) 10%,transparent);color:var(--sk-danger)}

.sk-trk-order{
  margin-top:18px;padding:18px;
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-surface);
}
.sk-trk-order header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.sk-trk-order header strong{font-family:var(--sk-font-heading);font-size:16px}
.sk-trk-order header span{display:block;font-size:12.5px;color:var(--sk-text-2)}
.sk-trk-total{font-family:var(--sk-font-heading);font-weight:700;font-size:16px;color:var(--sk-secondary)}

.sk-trk-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.sk-trk-steps li{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;
  font-size:13.5px;color:var(--sk-text-2);
}
.sk-trk-steps li svg{flex:none;color:var(--sk-line)}
.sk-trk-steps li.is-done{background:var(--sk-primary-soft);color:var(--sk-text);font-weight:600}
.sk-trk-steps li.is-done svg{color:var(--sk-primary)}
.sk-trk-dead{
  margin:0;padding:12px 14px;border-radius:9px;
  background:color-mix(in srgb,var(--sk-danger) 10%,transparent);
  color:var(--sk-danger);font-weight:600;font-size:14px;
}
.sk-trk-items{margin:13px 0 0;padding:0 0 0 18px;font-size:13.5px;color:var(--sk-text-2)}
.sk-trk-cn{margin:11px 0 0;font-size:13.5px}
.sk-trk-cn strong{font-family:var(--sk-font-heading);color:var(--sk-secondary)}
.sk-trk-note{margin-top:16px;font-size:13px;color:var(--sk-text-2);text-align:center}

/* --- bottom nav cart badge ------------------------------------------------ */
.sk-bn-icon{position:relative;display:inline-flex}
.sk-bn-count{
  position:absolute;inset-inline-end:-9px;top:-6px;
  min-width:17px;height:17px;padding:0 4px;
  display:grid;place-items:center;border-radius:99px;
  background:var(--sk-primary);color:#fff;
  font-family:var(--sk-font-heading);font-weight:700;font-size:10.5px;line-height:1;
}
.sk-bn-count.is-empty{display:none}

/* --- brand loader --------------------------------------------------------- */
@keyframes sk-leaf-grow{0%,70%,100%{opacity:.18;transform:scale(.72)}20%,50%{opacity:1;transform:scale(1)}}
@keyframes sk-ring-spin{to{transform:rotate(360deg)}}
@keyframes sk-leaf-pulse{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.06);opacity:1}}

.sk-loader{display:block;height:auto}
.sk-loader.is-grow .sk-lf{transform-origin:14px 26px;animation:sk-leaf-grow 1.6s ease-in-out infinite}
.sk-loader.is-ring .sk-ring{transform-origin:31px 31px;animation:sk-ring-spin 1.05s linear infinite}
.sk-loader.is-pulse > g{transform-origin:22px 24px;animation:sk-leaf-pulse 1.2s ease-in-out infinite}

/* the side cart veil now carries the mark */
.sk-sc-loading{display:grid;place-items:center}

/* --- page preloader ------------------------------------------------------- */
.sk-preload{
  position:fixed;inset:0;z-index:200;
  display:grid;place-items:center;
  background:var(--sk-surface);
  transition:opacity .35s ease,visibility .35s ease;
}
.sk-preload.is-gone{opacity:0;visibility:hidden;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .sk-loader.is-grow .sk-lf,
  .sk-loader.is-ring .sk-ring,
  .sk-loader.is-pulse > g{animation-duration:2.6s}
}

/* the drawer starts empty and fills itself — a cached page must never show
   someone else's cart */
.sk-sc-boot{flex:1;display:grid;place-items:center;padding:60px 0}

/* --- cart page ------------------------------------------------------------ */
.woocommerce-cart .sk-woo{max-width:1040px}
.woocommerce-cart .woocommerce{display:grid;gap:24px}

.woocommerce-cart table.cart{border:0;border-radius:0}
.woocommerce-cart table.cart thead{display:none}
.woocommerce-cart table.cart tbody{display:flex;flex-direction:column;gap:12px}
.woocommerce-cart table.cart tr.cart_item{
  display:grid;
  grid-template-columns:82px 1fr auto;
  grid-template-areas:"img name price" "img qty remove";
  align-items:center;gap:6px 14px;
  padding:14px;border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-surface);
}
.woocommerce-cart table.cart tr.cart_item td{border:0;padding:0}
.woocommerce-cart td.product-thumbnail{grid-area:img}
.woocommerce-cart td.product-thumbnail img{
  width:82px;height:82px;object-fit:contain;border-radius:10px;
  background:#fff;border:1px solid var(--sk-line);
}
.woocommerce-cart td.product-name{grid-area:name;font-size:14.5px;font-weight:600;line-height:1.4}
.woocommerce-cart td.product-name a{color:var(--sk-text)}
.woocommerce-cart td.product-name a:hover{color:var(--sk-primary)}
.woocommerce-cart td.product-price{display:none}
.woocommerce-cart td.product-subtotal{
  grid-area:price;text-align:end;
  font-family:var(--sk-font-heading);font-weight:700;font-size:16px;color:var(--sk-primary);
}
.woocommerce-cart td.product-quantity{grid-area:qty}
.woocommerce-cart td.product-quantity .quantity input{
  width:74px;padding:9px 6px;text-align:center;
  border:1.5px solid var(--sk-line);border-radius:8px;
  background:var(--sk-surface);color:var(--sk-text);
  font-family:var(--sk-font-heading);font-weight:600;
}
.woocommerce-cart td.product-remove{grid-area:remove;text-align:end}
.woocommerce-cart td.product-remove a.remove{
  display:inline-grid;place-items:center;width:28px;height:28px;
  border-radius:50%;background:var(--sk-muted);
  color:var(--sk-text-2) !important;font-size:17px;line-height:1;
}
.woocommerce-cart td.product-remove a.remove:hover{
  background:color-mix(in srgb,var(--sk-danger) 14%,transparent);
  color:var(--sk-danger) !important;
}

.woocommerce-cart td.actions{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:14px 0 0 !important;border:0 !important;
}
.woocommerce-cart td.actions .coupon{display:flex;gap:8px;flex:1 1 260px}
.woocommerce-cart td.actions .coupon input{
  flex:1;min-width:0;padding:11px 14px;
  border:1.5px solid var(--sk-line);border-radius:var(--sk-radius-btn);
  background:var(--sk-surface);color:var(--sk-text);font-family:inherit;
}
.woocommerce-cart td.actions .button{
  padding:11px 20px;border-radius:var(--sk-radius-btn);
  border:1.5px solid var(--sk-line);background:var(--sk-surface);
  color:var(--sk-text);cursor:pointer;font-family:var(--sk-font-heading);font-weight:600;
}
.woocommerce-cart td.actions .button:hover{border-color:var(--sk-primary);color:var(--sk-primary)}

.woocommerce-cart .cart-collaterals{width:100%;float:none}
.woocommerce-cart .cart_totals{
  width:100%;float:none;padding:18px;
  border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-muted);
}
.woocommerce-cart .cart_totals h2{font-size:17px;margin:0 0 12px}
.woocommerce-cart .cart_totals table{width:100%;border:0}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  border:0;border-top:1px solid var(--sk-line);
  padding:11px 0;font-size:14.5px;text-align:start;
}
.woocommerce-cart .cart_totals table tr:first-child th,
.woocommerce-cart .cart_totals table tr:first-child td{border-top:0}
.woocommerce-cart .cart_totals table td{text-align:end;font-family:var(--sk-font-heading);font-weight:600}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{font-size:18px;font-weight:700}
.woocommerce-cart .wc-proceed-to-checkout{padding:14px 0 0}

@media (min-width:900px){
  .woocommerce-cart .woocommerce{grid-template-columns:1.35fr .65fr;align-items:start}
  .woocommerce-cart .woocommerce-notices-wrapper{grid-column:1 / -1}
  .woocommerce-cart form.woocommerce-cart-form{grid-column:1}
  .woocommerce-cart .cart-collaterals{grid-column:2;position:sticky;top:96px}
}
@media (max-width:520px){
  .woocommerce-cart table.cart tr.cart_item{
    grid-template-columns:64px 1fr;
    grid-template-areas:"img name" "img price" "qty remove";
  }
  .woocommerce-cart td.product-thumbnail img{width:64px;height:64px}
  .woocommerce-cart td.product-subtotal{text-align:start}
}

/* --- empty cart ----------------------------------------------------------- */
.woocommerce-cart .cart-empty{
  margin:0 0 14px;padding:22px;border-radius:var(--sk-radius);
  background:var(--sk-muted);text-align:center;font-size:16px;
}
.woocommerce-cart .return-to-shop{text-align:center}
.woocommerce-cart .return-to-shop .button{
  display:inline-block;padding:13px 26px;border:0;border-radius:var(--sk-radius-btn);
  background:linear-gradient(135deg,var(--sk-primary),var(--sk-secondary));
  color:#fff;font-family:var(--sk-font-heading);font-weight:700;
}

/* --- suggestions after the order ----------------------------------------- */
.sk-ty-more{max-width:640px;margin:24px auto 0}
.sk-ty-more h2{margin:0 0 4px;font-size:17px}
.sk-ty-coupon{
  margin:0 0 14px;padding:10px 13px;border-radius:10px;
  background:var(--sk-primary-soft);font-size:13.5px;color:var(--sk-secondary);
}
.sk-ty-coupon strong{
  font-family:var(--sk-font-heading);letter-spacing:.04em;
  padding:1px 7px;border-radius:5px;background:var(--sk-surface);
}
.sk-ty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.sk-ty-item{
  display:flex;flex-direction:column;gap:6px;
  padding:10px;border:1px solid var(--sk-line);border-radius:var(--sk-radius);
  background:var(--sk-surface);
}
.sk-ty-item img{
  width:100%;height:auto;aspect-ratio:1;object-fit:contain;
  border-radius:8px;background:#fff;
}
.sk-ty-item-name{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:12.5px;font-weight:600;line-height:1.4;color:var(--sk-text);
}
.sk-ty-item a:hover .sk-ty-item-name{color:var(--sk-primary)}
.sk-ty-item-price{
  margin-top:auto;font-family:var(--sk-font-heading);font-weight:700;
  font-size:13.5px;color:var(--sk-primary);
}

/* --- related products heading -------------------------------------------- */
.related.products > h2,
.up-sells > h2{
  margin:0 0 16px;font-family:var(--sk-font-heading);font-size:20px;
}
.related.products,
.up-sells{margin-top:36px;padding-top:28px;border-top:1px solid var(--sk-line)}

/* --- return policy notes -------------------------------------------------- */
.sk-policy-note{
  display:flex;align-items:flex-start;gap:10px;
  margin:0 0 14px;padding:12px 14px;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--sk-accent) 45%,transparent);
  background:color-mix(in srgb,var(--sk-accent) 11%,var(--sk-surface));
  font-size:13.5px;font-weight:600;line-height:1.6;color:var(--sk-text);
}
.sk-policy-note svg{flex:none;margin-top:2px;color:var(--sk-accent)}
.sk-policy-note.is-ty{max-width:640px;margin:16px auto 0}

.sk-policy-line{
  display:flex;align-items:center;gap:7px;margin:12px 0 0;
  font-size:12.5px;color:var(--sk-text-2);
}
.sk-policy-line svg{flex:none;color:var(--sk-accent)}

.sk-policy-agree{margin:0 0 14px !important}
.sk-policy-agree label{display:flex !important;align-items:flex-start;gap:8px;font-size:13.5px;font-weight:600;cursor:pointer}
.sk-policy-agree input{margin-top:3px;accent-color:var(--sk-primary)}

/* --- working pages at full width ----------------------------------------- */
.sk-wide{width:100%;max-width:1100px;margin-inline:auto;color:var(--sk-text)}
.sk-post-wide .sk-post-title{max-width:1100px;margin-inline:auto;font-size:26px;margin-bottom:18px}

/* WooCommerce's own rule is .woocommerce .cart-collaterals .cart_totals
   {width:48%;float:right}, which out-ranks a two-class selector. */
.woocommerce-cart .woocommerce .cart-collaterals,
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
.woocommerce-cart .woocommerce .cart-collaterals .cross-sells{
  width:100% !important;float:none !important;
}
.woocommerce-cart .woocommerce .cart-collaterals::before,
.woocommerce-cart .woocommerce .cart-collaterals::after{content:none !important}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button{
  display:block;width:100%;white-space:normal;text-align:center;
  padding:15px 18px;font-size:16px;line-height:1.35;
}
.woocommerce-cart .cart_totals table th{width:auto;white-space:nowrap}
.woocommerce-cart .cart_totals table td{white-space:nowrap}

/* same trap on checkout: floats from WooCommerce's stylesheet */
.woocommerce-checkout .woocommerce form.checkout .col2-set,
.woocommerce-checkout .woocommerce form.checkout .col2-set .col-1,
.woocommerce-checkout .woocommerce form.checkout .col2-set .col-2{
  width:100% !important;float:none !important;
}

/* --- free delivery badge -------------------------------------------------- */
.sk-freeship-badge{
  display:inline-flex;align-items:center;gap:5px;
  margin-top:6px;padding:3px 9px;border-radius:99px;
  background:var(--sk-primary-soft);color:var(--sk-secondary);
  font-size:11.5px;font-weight:700;line-height:1.5;
}
.sk-freeship-badge svg{flex:none;color:var(--sk-primary)}
.single-product .sk-freeship-badge{margin:2px 0 10px;font-size:13px;padding:5px 12px}

/* ==========================================================================
   Category bar — vertical "all categories" menu + flyout
   ========================================================================== */
.sk-catbar{background:var(--sk-primary);position:relative;z-index:49}
.sk-catbar-in{display:flex;align-items:stretch;gap:0;min-height:46px}

.sk-catbar-drop{position:relative;flex:0 0 auto}
.sk-catbar-btn{
  display:flex;align-items:center;gap:9px;height:100%;min-height:46px;
  padding:0 18px;background:color-mix(in srgb,#000 12%,var(--sk-primary));
  color:#fff;font-family:var(--sk-font-heading);font-weight:700;font-size:14.5px;
  white-space:nowrap;cursor:pointer;border:0;
}
.sk-catbar-btn:hover{background:color-mix(in srgb,#000 20%,var(--sk-primary))}
.sk-catbar-btn .sk-ico:last-child{transition:transform .2s ease}
.sk-catbar-btn[aria-expanded="true"] .sk-ico:last-child{transform:rotate(90deg)}

.sk-catbar-panel{
  position:absolute;inset-inline-start:0;top:100%;z-index:60;
  width:290px;margin:0;padding:6px 0;list-style:none;
  background:var(--sk-surface);border:1px solid var(--sk-line);
  border-radius:0 0 var(--sk-radius) var(--sk-radius);box-shadow:var(--sk-shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.sk-catbar-drop:hover > .sk-catbar-panel,
.sk-catbar-btn[aria-expanded="true"] + .sk-catbar-panel,
.sk-catbar-panel:focus-within{opacity:1;visibility:visible;transform:none}

.sk-catbar-item{position:relative}
.sk-catbar-item > a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 16px;font-size:14.5px;font-weight:600;color:var(--sk-text);
}
.sk-catbar-item > a .sk-ico{flex:none;color:var(--sk-text-2)}
.sk-catbar-item:hover > a,
.sk-catbar-item:focus-within > a,
.sk-catbar-item.is-on > a{background:var(--sk-primary-soft);color:var(--sk-primary)}
.sk-catbar-item.is-on > a{box-shadow:inset 3px 0 0 var(--sk-primary)}

.sk-catbar-flyout{
  position:absolute;inset-inline-start:100%;top:-7px;z-index:61;
  min-width:500px;max-width:min(680px,58vw);padding:18px 24px 20px;
  max-height:min(72vh,540px);overflow-y:auto;overscroll-behavior:contain;
  background:var(--sk-surface);border:1px solid var(--sk-line);
  border-radius:var(--sk-radius);box-shadow:var(--sk-shadow-lg);
  opacity:0;visibility:hidden;transform:translateX(-8px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.sk-catbar-item:hover > .sk-catbar-flyout,
.sk-catbar-item:focus-within > .sk-catbar-flyout{opacity:1;visibility:visible;transform:none}

.sk-catbar-flyout-head{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--sk-line)}
.sk-catbar-flyout-head a{font-family:var(--sk-font-heading);font-weight:700;font-size:16px;color:var(--sk-text)}
.sk-catbar-flyout-head small{
  display:inline-block;margin-inline-start:10px;font-weight:600;font-size:12.5px;color:var(--sk-primary);
}
.sk-catbar-flyout-head a:hover{color:var(--sk-primary)}

.sk-catbar-sub{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 28px;margin:0;padding:0;list-style:none;
}
.sk-catbar-sub a{display:block;padding:6px 0;font-size:14px;line-height:1.45;color:var(--sk-text-2)}
.sk-catbar-sub a:hover{color:var(--sk-primary)}
@media (min-width:1200px){.sk-catbar-sub{grid-template-columns:repeat(3,minmax(0,1fr))}}

.sk-catbar-nav{display:flex;align-items:center;overflow:hidden}
.sk-catbar-nav ul{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.sk-catbar-nav li{position:relative}
.sk-catbar-nav > ul > li > a{
  display:flex;align-items:center;height:46px;padding:0 15px;
  color:#fff;font-size:14.5px;font-weight:600;white-space:nowrap;
}
.sk-catbar-nav > ul > li > a:hover,
.sk-catbar-nav > ul > li.current-menu-item > a{background:color-mix(in srgb,#000 14%,var(--sk-primary))}

.sk-catbar-nav .sub-menu{
  position:absolute;inset-inline-start:0;top:100%;z-index:60;
  display:block;min-width:220px;padding:6px 0;
  background:var(--sk-surface);border:1px solid var(--sk-line);
  border-radius:0 0 var(--sk-radius) var(--sk-radius);box-shadow:var(--sk-shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.sk-catbar-nav li:hover > .sub-menu,
.sk-catbar-nav li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:none}
.sk-catbar-nav .sub-menu a{display:block;padding:9px 16px;font-size:14px;color:var(--sk-text)}
.sk-catbar-nav .sub-menu a:hover{background:var(--sk-primary-soft);color:var(--sk-primary)}

.sk-catbar-cta{
  display:flex;align-items:center;margin-inline-start:auto;padding:0 16px;
  color:#fff;font-size:14px;font-weight:700;white-space:nowrap;
  background:var(--sk-accent);
}
.sk-catbar-cta:hover{filter:brightness(1.08)}

/* Pinned open on the home page, where the panel acts as a directory. */
@media (min-width:1025px){
  .sk-catbar.is-pinned .sk-catbar-panel{opacity:1;visibility:visible;transform:none}
}

@media (max-width:1024px){
  .sk-catbar{display:none}
}

/* Categories inside the mobile drawer */
.sk-dcats{margin-top:18px;border-top:1px solid var(--sk-line);padding-top:14px}
.sk-dcats-h{
  margin:0 0 6px;font-family:var(--sk-font-heading);font-weight:700;
  font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-2);
}
.sk-dcats ul{list-style:none;margin:0;padding:0}
.sk-dcats-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sk-dcats-row > a{flex:1;display:block;padding:10px 0;font-size:15px;font-weight:600;color:var(--sk-text)}
.sk-dcats-x{
  display:grid;place-items:center;width:34px;height:34px;flex:none;
  border:0;background:transparent;color:var(--sk-text-2);cursor:pointer;
}
.sk-dcats-x .sk-ico{transition:transform .2s ease}
.sk-dcats-x[aria-expanded="true"] .sk-ico{transform:rotate(90deg)}
.sk-dcats-sub{padding:0 0 8px 14px!important;border-inline-start:2px solid var(--sk-line)}
.sk-dcats-sub a{display:block;padding:7px 0;font-size:14px;color:var(--sk-text-2)}
.sk-dcats-sub a:hover{color:var(--sk-primary)}

/* ==========================================================================
   Product-first home page — tighter cards, hero fallback, endless feed
   ========================================================================== */

/* Hero: one banner, nothing competing with it. */
.sk-hero{padding-top:14px}
.sk-hero img{display:block;width:100%;height:auto;border-radius:var(--sk-radius)}
.sk-hero-fallback{
  display:flex;align-items:center;min-height:clamp(190px,34vw,380px);
  padding:clamp(22px,4vw,54px);border-radius:var(--sk-radius);
  background:linear-gradient(120deg,var(--sk-primary),var(--sk-secondary));
  color:#fff;
}
.sk-hero-kicker{
  margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;opacity:.82;
}
.sk-hero-fallback h1{
  margin:0;color:#fff;font-size:clamp(26px,4.4vw,46px);line-height:1.12;max-width:16ch;
}
.sk-hero-sub{margin:12px 0 0;max-width:46ch;font-size:clamp(14px,1.6vw,17px);opacity:.92}
.sk-hero-fallback .sk-btn{margin-top:20px;background:#fff;color:var(--sk-primary);box-shadow:none}
.sk-hero-fallback .sk-btn:hover{filter:none;background:var(--sk-muted)}

/* The feed is the page: give it room, and nothing after it competes. */
.sk-feed{padding-top:4px}
.sk-feed-more{display:flex;justify-content:center;margin-top:22px}
.sk-feed-more .sk-btn{min-width:200px;justify-content:center}
.sk-feed-more .sk-btn[disabled]{opacity:.6;pointer-events:none}

/* Phone: two dense columns, Daraz-style — smaller gutters, tighter cards. */
@media (max-width:639px){
  .sk-grid,ul.products{gap:8px}
  .sk-card{border-radius:10px}
  .sk-card-body{gap:5px;padding:8px 9px 10px}
  .sk-card-title{font-size:13px;line-height:1.35}
  .sk-card-price{font-size:15px}
  .sk-card-price del{font-size:12px}
  .sk-badge{min-width:34px;padding:4px 5px;font-size:12px;border-radius:8px;top:6px;inset-inline-start:6px}
  .sk-badge small{font-size:8.5px}
  .sk-badge.is-text{padding:4px 8px;font-size:10.5px}
  .sk-card-rating .sk-ico{width:12px;height:12px}
  .sk-sec{padding-block:18px}
  .sk-sec-title{font-size:18px}
  .sk-hero{padding-top:8px}
  .sk-hero img,.sk-hero-fallback{border-radius:12px}
}

/* One action per card at phone width: the second button halves how many
   products fit on screen, and the card itself is already a link. */
@media (max-width:639px){
  .sk-card-actions{gap:0;padding-top:2px}
  .sk-card-actions .sk-btn-ghost{display:none}
  .sk-card-actions .sk-btn{padding:9px 10px;font-size:12.5px;border-radius:9px}
}

/* --- mobile header: logo row, then a full-width search bar --------------
   Search is how people navigate a large catalogue on a phone, so it gets a
   row of its own rather than hiding behind an icon. */
@media (max-width:1023px){
  .sk-header-in{flex-wrap:wrap;padding-bottom:10px;min-height:0;padding-top:8px}
  .sk-logo{margin-inline-end:auto}
  .sk-header-search{
    display:flex;order:10;flex:1 0 100%;max-width:none;margin:2px 0 0;
  }
  .sk-header-search input[type=search]{padding:9px 14px;font-size:15px}
  .sk-header-search button{width:44px}
  /* the icon button is redundant once the bar is on screen */
  .sk-header-actions [data-search-open]{display:none}
}

/* ==========================================================================
   Banner slider — scroll-snap, so touch swipe is native and costs no JS
   ========================================================================== */
.sk-slider{position:relative;border-radius:var(--sk-radius);overflow:hidden;background:var(--sk-muted)}
.sk-slider-track{
  display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;
  overscroll-behavior-x:contain;
}
.sk-slider-track::-webkit-scrollbar{display:none}
.sk-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;min-width:0}
.sk-slide a{display:block}
.sk-slide picture,.sk-slide img{display:block;width:100%;height:100%}

/* The shape is fixed so the page never jumps while a banner loads. */
.sk-slider.is-25-10 .sk-slide{aspect-ratio:2.5}
.sk-slider.is-2-1 .sk-slide{aspect-ratio:2}
.sk-slider.is-3-1 .sk-slide{aspect-ratio:3}
.sk-slide img{object-fit:cover}

.sk-slider-arrow{
  position:absolute;top:50%;translate:0 -50%;z-index:3;
  display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;
  background:color-mix(in srgb,var(--sk-surface) 86%,transparent);
  color:var(--sk-text);cursor:pointer;box-shadow:var(--sk-shadow);
  opacity:0;transition:opacity .18s ease,background .18s ease;
}
.sk-slider:hover .sk-slider-arrow,.sk-slider-arrow:focus-visible{opacity:1}
.sk-slider-arrow:hover{background:var(--sk-surface)}
.sk-slider-arrow.is-prev{inset-inline-start:12px;rotate:180deg}
.sk-slider-arrow.is-next{inset-inline-end:12px}

.sk-slider-dots{
  position:absolute;inset-inline:0;bottom:12px;z-index:3;
  display:flex;justify-content:center;gap:7px;
}
.sk-slider-dots button{
  width:8px;height:8px;padding:0;border:0;border-radius:99px;cursor:pointer;
  background:color-mix(in srgb,#fff 60%,transparent);
  box-shadow:0 1px 3px rgba(0,0,0,.3);
  transition:width .22s ease,background .22s ease;
}
.sk-slider-dots button.is-on{width:22px;background:#fff}

/* Phone: arrows get in the way of a swipe, and the banner stands taller. */
@media (max-width:640px){
  .sk-slider{border-radius:12px}
  .sk-slider-arrow{display:none}
  .sk-slider.is-25-10 .sk-slide,
  .sk-slider.is-2-1 .sk-slide,
  .sk-slider.is-3-1 .sk-slide{aspect-ratio:4/3}
  .sk-slider-dots{bottom:9px}
}

@media (prefers-reduced-motion:reduce){
  .sk-slider-track{scroll-behavior:auto}
}

/* --- floating WhatsApp button with a label ------------------------------ */
/* The stack is pinned to the right edge, so a pill has to grow leftwards —
   align-items:flex-end keeps every other round button its own size. */
.sk-floats{align-items:flex-end}

.sk-float-wa.has-label{
  display:flex;align-items:center;justify-content:flex-start;
  width:auto;max-width:48px;height:48px;padding:0;
  border-radius:99px;overflow:hidden;
  transition:max-width .32s cubic-bezier(.4,0,.2,1), transform .16s ease;
}
.sk-float-wa.has-label .sk-ico{flex:none;width:24px;height:24px;margin-inline:12px}
.sk-float-wa .sk-float-txt{
  white-space:nowrap;font-family:var(--sk-font-heading);font-weight:700;font-size:14px;
  padding-inline-end:18px;opacity:0;transition:opacity .2s ease .06s;
}
.sk-float-wa.has-label:hover,
.sk-float-wa.has-label:focus-visible,
.sk-float-wa.has-label.is-open{max-width:min(78vw,260px)}
.sk-float-wa.has-label:hover .sk-float-txt,
.sk-float-wa.has-label:focus-visible .sk-float-txt,
.sk-float-wa.has-label.is-open .sk-float-txt{opacity:1}

@media (prefers-reduced-motion:reduce){
  .sk-float-wa.has-label{transition:none}
}