/* ============================================
   PARESHMART Storefront — Vibrant & Playful
   Purple / Pink / Green on light airy white
   ============================================ */

:root {
    --wk-card:       var(--wk-surface);
    --wk-shadow-sm:  0 8px 24px rgba(30, 27, 46, .06);
    --wk-shadow-md:  0 18px 48px rgba(30, 27, 46, .11);
    --wk-shadow-brand: 0 16px 40px color-mix(in srgb,var(--wk-purple) 14%,transparent);
    --font:          "Shabnam", Tahoma, "Segoe UI", Arial, sans-serif;
    --wk-font-safe:  var(--font);
    --font-mono:     var(--font);
    --wk-purple:     #8b5cf6;
    --wk-purple-ink: #7c3aed;
    --wk-purple-soft:#ede9fe;
    --wk-pink:       #ec4899;
    --wk-pink-soft:  #fce7f3;
    --wk-green:      #10b981;
    --wk-green-soft: #d1fae5;
    --wk-yellow:     #f59e0b;
    --wk-red:        #ef4444;
    --wk-bg:         #faf8f6;
    --wk-surface:    #ffffff;
    --wk-text:       #1e1b2e;
    --wk-muted:      #6b7280;
    --wk-border:     #e8e5df;
    --radius:        14px;
    --radius-sm:     8px;
    --max-w:         1200px;
}

/* Ocean Blue */
[data-theme="ocean"] {
    --wk-purple: #0ea5e9; --wk-purple-ink: #0369a1; --wk-purple-soft: #e0f2fe;
    --wk-pink: #06b6d4;   --wk-pink-soft: #cffafe;
    --wk-green: #10b981;  --wk-green-soft: #d1fae5;
    --wk-yellow: #f59e0b; --wk-red: #ef4444;
    --wk-bg: #f0f9ff;     --wk-surface: #ffffff;
    --wk-text: #0c1e2e;   --wk-muted: #64748b; --wk-border: #e0e7ef;
}
/* Forest Green */
[data-theme="forest"] {
    --wk-purple: #16a34a; --wk-purple-ink: #15803d; --wk-purple-soft: #dcfce7;
    --wk-pink: #ca8a04;   --wk-pink-soft: #fef9c3;
    --wk-green: #16a34a;  --wk-green-soft: #dcfce7;
    --wk-yellow: #ca8a04; --wk-red: #dc2626;
    --wk-bg: #f7faf5;     --wk-surface: #ffffff;
    --wk-text: #14261a;   --wk-muted: #6b7a6f; --wk-border: #dde6da;
}
/* Sunset Orange */
[data-theme="sunset"] {
    --wk-purple: #f97316; --wk-purple-ink: #c2410c; --wk-purple-soft: #fff7ed;
    --wk-pink: #e11d48;   --wk-pink-soft: #ffe4e6;
    --wk-green: #10b981;  --wk-green-soft: #d1fae5;
    --wk-yellow: #eab308; --wk-red: #e11d48;
    --wk-bg: #fffbf5;     --wk-surface: #ffffff;
    --wk-text: #2e1a0e;   --wk-muted: #78716c; --wk-border: #ede5db;
}
/* Midnight Dark */
[data-theme="midnight"] {
    --wk-purple: #a78bfa; --wk-purple-ink: #7c3aed; --wk-purple-soft: #1e1b3a;
    --wk-pink: #f472b6;   --wk-pink-soft: #2a1528;
    --wk-green: #34d399;  --wk-green-soft: #0d2e22;
    --wk-yellow: #fbbf24; --wk-red: #fb7185;
    --wk-bg: #0f0e17;     --wk-surface: #1a1926;
    --wk-text: #fffffe;   --wk-muted: #94a3b8; --wk-border: #2d2b3d;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--wk-bg); color: var(--wk-text); line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
picture { display: contents; }

/* ── Branded Page Loader ────────────────────── */
.wk-page-loader {
    position: fixed; inset: 0; background: var(--wk-bg);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    z-index: 9999; gap: 16px;
    transition: opacity .5s, visibility .5s;
}
.wk-page-loader.done { opacity: 0; visibility: hidden; pointer-events: none; }
.wk-page-loader svg { animation: loaderBounce 1s ease-in-out infinite; }
@keyframes loaderBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.wk-loader-bar { width: 120px; height: 4px; background: var(--wk-border); border-radius: 2px; overflow: hidden; }
.wk-loader-bar::after {
    content: ""; display: block; width: 40%; height: 100%;
    background: linear-gradient(90deg, var(--wk-purple), var(--wk-pink), var(--wk-green));
    border-radius: 2px; animation: loaderSlide 1s ease-in-out infinite;
}
@keyframes loaderSlide { 0%{transform:translateX(-100%)} 100%{transform:translateX(350%)} }

/* ── Header ─────────────────────────────────── */
.wk-header { border-bottom: 1px solid var(--wk-border); position: sticky; top: 0; z-index: 100; }
.wk-header-inner {
    max-width: var(--max-w); margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap;
}
.wk-logo { display: flex; align-items: center; font-weight: 900; flex-shrink: 0; }
.wk-logo-text {
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    white-space: nowrap;
}
.wk-header-nav { display: flex; align-items: center; gap: 6px 20px; flex-wrap: wrap; flex: 1 1 0; justify-content: center; overflow: hidden; }
.wk-header-nav.wk-nav-ready { overflow: visible; }
.wk-header-nav > a, .wk-nav-dropdown-trigger { font-size: 14px; font-weight: 700; color: var(--wk-muted); transition: color .2s; text-decoration: none; white-space: nowrap; }
.wk-header-nav > a:hover, .wk-nav-dropdown-trigger:hover { color: var(--wk-purple-ink); }

/* Category Dropdown */
.wk-nav-dropdown { position: relative; }
.wk-nav-dropdown-trigger { cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.wk-nav-dropdown-menu {
    display: none; position: absolute; top: calc(100% + 10px);
    background: var(--wk-surface); border: 2px solid var(--wk-border); border-radius: 12px;
    padding: 10px 0; min-width: 200px; box-shadow: 0 12px 32px rgba(0,0,0,.08);
    z-index: 200;
}
.wk-nav-dropdown-menu::before {
    content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
    border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--wk-border);
}
.wk-nav-dropdown-menu::after {
    content: ""; position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
    border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid var(--wk-surface);
}
.wk-nav-dropdown-menu a { display: block; padding: 8px 20px; font-size: 13px; font-weight: 600; color: var(--wk-text); transition: all .15s; text-decoration: none; }
.wk-nav-dropdown-menu a:hover { background: var(--wk-purple-soft); color: var(--wk-purple-ink); }
.wk-nav-dropdown:hover .wk-nav-dropdown-menu { display: block; }
.wk-nav-dropdown::after { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 12px; }

/* Cart button */
.wk-cart-btn {
    position: relative; background: none; border: 2px solid var(--wk-border);
    border-radius: var(--radius-sm); cursor: pointer;
    font-family: var(--font); font-weight: 800; font-size: 13px;
    color: var(--wk-text); display: flex; align-items: center; gap: 6px;
    transition: all .2s;
}
.wk-cart-btn:hover { border-color: var(--wk-purple-ink); color: var(--wk-purple-ink); }
.wk-cart-count {
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    color: #fff; font-size: 10px; font-weight: 900;
    min-width: 20px; height: 20px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    transition: transform .3s cubic-bezier(.68,-.55,.27,1.55);
}
.wk-cart-count.bump { transform: scale(1.4); }

/* ── Container ──────────────────────────────── */
.wk-container { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; }

/* ── Hero ───────────────────────────────────── */
.wk-hero {
    background: linear-gradient(135deg, #1e1b2e 0%, #312e81 50%, #581c87 100%);
    padding: 72px 0; text-align: center; color: #fff;
    position: relative; overflow: hidden;
}
.wk-hero::before, .wk-hero::after {
    content: ""; position: absolute; border-radius: 50%;
    filter: blur(60px); opacity: .2; pointer-events: none;
}
.wk-hero::before { width: 300px; height: 300px; background: var(--wk-pink); top: -50px; right: 10%; }
.wk-hero::after { width: 250px; height: 250px; background: var(--wk-green); bottom: -80px; left: 15%; }
.wk-hero h1 { font-size: clamp(28px, 5vw, 48px); font-weight: 900; letter-spacing: -1px; margin-bottom: 12px; line-height: 1.1; }
.wk-hero p { font-size: 17px; color: rgba(255,255,255,.7); max-width: 480px; margin: 0 auto 28px; }
.wk-hero-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    color: #fff; padding: 14px 32px; border-radius: var(--radius-sm);
    font-weight: 800; font-size: 15px;
    box-shadow: 0 4px 20px rgba(139,92,246,.4);
    transition: all .2s;
}
.wk-hero-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(139,92,246,.5); }

/* ── Section ────────────────────────────────── */
.wk-section-title { font-weight: 900; letter-spacing: -.5px; }
.wk-section-sub { color: var(--wk-muted); font-size: 15px; font-weight: 600; }

/* ── Product Grid ───────────────────────────── */
.wk-product-grid { display: grid; }
.wk-product-card {
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    animation: cardReveal .5s ease backwards;
    display: flex; flex-direction: column;
}
.wk-product-card:nth-child(1) { animation-delay: .05s; }
.wk-product-card:nth-child(2) { animation-delay: .1s; }
.wk-product-card:nth-child(3) { animation-delay: .15s; }
.wk-product-card:nth-child(4) { animation-delay: .2s; }
.wk-product-card:nth-child(5) { animation-delay: .25s; }
.wk-product-card:nth-child(6) { animation-delay: .3s; }
@keyframes cardReveal { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }

.wk-product-img {
    aspect-ratio: 1 / 1; min-height: 230px; padding: 0;
    background: transparent; overflow: hidden; position: relative;
    flex-shrink: 0; border-radius: inherit;
}
.wk-product-img picture { display: block; width: 100%; height: 100%; }
.wk-product-img img {
    width: 100%; height: 100%; max-width: none;
    object-fit: cover; object-position: center; display: block;
    border-radius: inherit; position: relative; z-index: 1;
    filter: none; transition: transform .45s cubic-bezier(.25,.8,.25,1);
}
.wk-product-badge {
    position: absolute;
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    color: #fff; font-weight: 800; text-transform: uppercase; letter-spacing: .3px;
}
.wk-product-badge.featured { background: linear-gradient(135deg, var(--wk-green), #34d399); }
.wk-product-cat { font-weight: 800; text-transform: uppercase; color: var(--wk-purple-ink); }
.wk-product-name { font-weight: 800; }
.wk-product-price { display: flex; align-items: center; }
.wk-product-price .current { font-weight: 900; font-family: var(--font-mono); }
.wk-product-price .original { color: var(--wk-muted); text-decoration: line-through; }
.wk-add-btn {
    width: 100%; padding: 12px; border: none;
    background: var(--wk-text); color: #fff;
    font-family: var(--font); font-size: 13px; font-weight: 800;
    letter-spacing: .5px; text-transform: uppercase;
    cursor: pointer; transition: all .2s;
}
.wk-product-card .wk-add-btn { margin-top: auto; }
.wk-add-btn:hover { background: var(--wk-purple); }
.wk-add-btn.added { background: var(--wk-green); animation: addPop .4s ease; }
@keyframes addPop { 0%{transform:scale(1)} 50%{transform:scale(1.02)} 100%{transform:scale(1)} }

/* ── Cart Drawer ────────────────────────────── */
.wk-cart-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,.35);
    backdrop-filter: blur(4px); z-index: 1200;
    opacity: 0; visibility: hidden; transition: all .3s;
}
.wk-cart-overlay.open { opacity: 1; visibility: visible; }
.wk-cart-drawer {
    position: fixed; top: 0; bottom: 0; max-width: 100vw;
    background: var(--wk-surface); z-index: 1201;
    transition: transform .4s cubic-bezier(.25,.8,.25,1);
    display: flex; flex-direction: column;
}
.wk-cart-drawer-header { border-bottom: 1px solid var(--wk-border); display: flex; align-items: center; justify-content: space-between; }
.wk-cart-drawer-header h2 { font-size: 18px; font-weight: 900; }
.wk-cart-close {
    background: var(--wk-bg); border: 1px solid var(--wk-border);
    border-radius: var(--radius-sm); padding: 6px 12px;
    cursor: pointer; font-size: 14px; font-weight: 800;
    color: var(--wk-text); transition: all .2s;
}
.wk-cart-close:hover { border-color: var(--wk-purple-ink); color: var(--wk-purple-ink); }
.wk-cart-items { flex: 1; overflow-y: auto; }
.wk-cart-item {
    display: flex; gap: 14px; padding: 14px 0;
    border-bottom: 1px solid var(--wk-border);
    animation: itemSlideIn .3s ease;
}
@keyframes itemSlideIn { from{opacity:0;transform:translateX(20px)} to{opacity:1;transform:translateX(0)} }
.wk-cart-item-img {
    width: 60px; height: 60px; border-radius: var(--radius-sm);
    background: var(--wk-bg); overflow: hidden; flex-shrink: 0;
}
.wk-cart-item-img img { width: 100%; height: 100%; object-fit: cover; }
.wk-cart-item-info { flex: 1; }
.wk-cart-item-name { font-weight: 800; font-size: 14px; margin-bottom: 2px; }
.wk-cart-item-price { font-family: var(--font-mono); font-size: 14px; font-weight: 700; }
.wk-qty-ctrl { display: inline-flex; border: 2px solid var(--wk-border); border-radius: var(--radius-sm); overflow: hidden; margin-top: 6px; }
.wk-qty-btn {
    background: var(--wk-bg); border: none; width: 30px; height: 28px;
    cursor: pointer; font-size: 14px; font-weight: 800; color: var(--wk-text);
    transition: background .15s;
}
.wk-qty-btn:hover { background: var(--wk-purple-soft); color: var(--wk-purple-ink); }
.wk-qty-val {
    width: 32px; height: 28px; text-align: center; border: none;
    background: var(--wk-surface); font-family: var(--font-mono); font-size: 13px; font-weight: 700;
}
.wk-cart-empty { text-align: center; padding: 60px 20px; color: var(--wk-muted); }
.wk-cart-empty-icon { font-size: 48px; margin-bottom: 12px; opacity: .4; }
.wk-cart-footer { border-top: 1px solid var(--wk-border); background: var(--wk-bg); }
.wk-cart-total { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.wk-cart-total-label { font-size: 14px; font-weight: 700; color: var(--wk-muted); }
.wk-cart-total-value { font-size: 22px; font-weight: 900; font-family: var(--font-mono); }
.wk-checkout-btn {
    width: 100%; padding: 14px; border: none; border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    color: #fff; font-family: var(--font); font-size: 15px; font-weight: 800;
    cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px;
    box-shadow: 0 4px 15px rgba(139,92,246,.25); transition: all .2s;
}
.wk-checkout-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 25px rgba(139,92,246,.35); }

/* ── Hero Carousel ────────────────────────────── */
.wk-hero-carousel { position: relative; overflow: hidden; background: #0f0a1e; }
.wk-carousel-track { display: flex; transition: transform .6s cubic-bezier(.25,.8,.25,1); }
.wk-hero-carousel .wk-carousel-track { direction: ltr; }
.wk-hero-carousel .wk-carousel-slide { direction: rtl; }
.wk-carousel-slide { flex: 0 0 100%; min-width: 0; max-width: 100%; }
.wk-hero-slide { position: relative; display: flex; align-items: center; }
.wk-hero-slide-bg { position: absolute; inset: 0; z-index: 0; }
.wk-hero-slide-bg img { width: 100%; height: 100%; filter: blur(40px) saturate(1.5); opacity: .35; transform: scale(1.2); }
.wk-hero-slide-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(135deg, #0f0a1e 0%, transparent 100%);
    opacity: .92;
}
.wk-hero-slide-overlay::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    opacity: .2;
}
.wk-hero-slide-content {
    position: relative; z-index: 2;
    display: grid; grid-template-columns: 1fr 1fr; align-items: center;
}
.wk-hero-slide-text { color: #fff; }
.wk-hero-badge {
    display: inline-block;
    background: var(--wk-pink-deep, #db2777);
    color: #fff; font-size: 12px; font-weight: 800;
    padding: 5px 14px; border-radius: 99px; margin-bottom: 16px;
    letter-spacing: .5px; text-transform: uppercase;
}
.wk-hero-cat {
    font-size: 13px; font-weight: 700; color: rgba(255,255,255,.5);
    text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px;
}
.wk-hero-name { font-weight: 900; margin-bottom: 12px; letter-spacing: -.5px; color: #fff; }
.wk-hero-desc { font-size: 16px; color: rgba(255,255,255,.65); margin-bottom: 20px; max-width: 440px; }
.wk-hero-price { display: flex; align-items: baseline; gap: 12px; margin-bottom: 28px; }
.wk-hero-price-current { font-weight: 900; color: #fff; }
.wk-hero-price-original { font-size: 18px; color: rgba(255,255,255,.4); text-decoration: line-through; }
.wk-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.wk-hero-btn-primary {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 32px; background: #fff; color: var(--wk-purple-ink);
    border-radius: 12px; font-weight: 800; font-size: 15px;
    text-decoration: none; transition: all .2s;
    box-shadow: 0 4px 20px rgba(0,0,0,.2);
}
.wk-hero-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,.3); }
.wk-hero-btn-cart {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 14px 28px; background: rgba(255,255,255,.12);
    color: #fff; border: 2px solid rgba(255,255,255,.25);
    border-radius: 12px; font-family: var(--font);
    font-weight: 800; font-size: 15px; cursor: pointer;
    transition: all .2s; backdrop-filter: blur(8px);
}
.wk-hero-btn-cart:hover { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); transform: translateY(-2px); }
.wk-hero-btn-cart.added { background: var(--wk-green) !important; border-color: var(--wk-green) !important; }
.wk-hero-slide-img { display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; }
.wk-hero-slide-img img { max-width: 100%; width: auto; height: auto; object-fit: contain; transition: transform .5s cubic-bezier(.25,.8,.25,1); }
.wk-hero-slide-img:hover img { transform: scale(1.05) translateY(-8px); }

.wk-hero-carousel .wk-carousel-prev,
.wk-hero-carousel .wk-carousel-next {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 48px; height: 48px; border-radius: 50%;
    background: rgba(255,255,255,.1); backdrop-filter: blur(8px);
    border: 2px solid rgba(255,255,255,.2);
    font-size: 22px; font-weight: 700; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    color: #fff; transition: all .2s; z-index: 3;
}
.wk-hero-carousel .wk-carousel-prev { left: 20px; }
.wk-hero-carousel .wk-carousel-next { right: 20px; }
.wk-hero-carousel .wk-carousel-prev:hover,
.wk-hero-carousel .wk-carousel-next:hover { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); }

.wk-hero-carousel .wk-carousel-dots {
    display: flex; justify-content: center; gap: 4px;
    position: absolute; bottom: 14px; left: 0; right: 0;
    z-index: 3; padding: 0;
}
.wk-hero-carousel .wk-carousel-dot,
.wk-carousel-dot {
    width: 24px; height: 24px; border-radius: 50%;
    background: none; border: none; cursor: pointer; padding: 0;
    display: grid; place-items: center; flex: 0 0 24px;
}
.wk-hero-carousel .wk-carousel-dot::after,
.wk-carousel-dot::after {
    content: ""; display: block;
    width: 10px; height: 10px; border-radius: 50%;
    background: rgba(255,255,255,.3);
    transition: background .3s, transform .3s, box-shadow .3s;
}
.wk-hero-carousel .wk-carousel-dot.active::after,
.wk-carousel-dot.active::after {
    background: #fff; transform: scale(1.2);
    box-shadow: 0 0 12px rgba(255,255,255,.5);
}
.wk-carousel-dot:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.wk-hero-counter {
    position: absolute; top: 20px; right: 24px;
    z-index: 3; color: rgba(255,255,255,.5);
    font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums;
}

@media (max-width: 768px) {
    .wk-hero-slide { min-height: auto; }
    .wk-hero-slide-content { grid-template-columns: 1fr; gap: 24px; padding-top: 36px; padding-bottom: 52px; }
    .wk-hero-slide-img { order: -1; min-height: 240px; min-width: 0; }
    .wk-hero-slide-img img { max-height: 240px; }
    .wk-hero-name { font-size: 28px; }
    .wk-hero-price-current { font-size: 26px; }
    .wk-hero-carousel .wk-carousel-prev,
    .wk-hero-carousel .wk-carousel-next { width: 36px; height: 36px; font-size: 18px; }
    .wk-hero-carousel .wk-carousel-prev { left: 10px; }
    .wk-hero-carousel .wk-carousel-next { right: 10px; }
}

/* ── Skeleton Loader ────────────────────────── */
.wk-skel {
    background: linear-gradient(90deg, var(--wk-border) 25%, #f0ede8 50%, var(--wk-border) 75%);
    background-size: 200% 100%; animation: shimmer 1.5s ease-in-out infinite; border-radius: var(--radius-sm);
}
@keyframes shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

/* ── Footer ─────────────────────────────────── */
.wk-footer-inner {
    max-width: var(--max-w); margin: 0 auto; padding: 0 24px;
    display: flex; align-items: center; justify-content: space-between;
}
.wk-footer-brand { display: flex; align-items: center; gap: 8px; font-weight: 800; color: #fff; }
.wk-footer a { color: var(--wk-purple); }

/* ── Responsive ─────────────────────────────── */
@media (max-width: 768px) {
    .wk-header-nav { display: none; }
    .wk-product-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .wk-cart-drawer { width: 100vw; }
    .wk-hero h1 { font-size: 28px; }
}
@media (max-width: 340px) { .wk-product-grid { grid-template-columns: 1fr; } }

/* ── Header search ─────────────────────────────── */
.wk-search { position: relative; flex: 0 1 240px; }
.wk-search-icon {
    position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
    width: 15px; height: 15px; color: var(--wk-muted); pointer-events: none;
    transition: color .2s;
}
.wk-search-input {
    width: 100%; padding: 9px 14px 9px 36px;
    font-family: var(--font); font-size: 13px; font-weight: 600;
    color: var(--wk-text);
    border: 2px solid var(--wk-border); border-radius: 999px;
    outline: none; transition: border-color .2s, box-shadow .2s, background .2s;
    -webkit-appearance: none; appearance: none;
}
.wk-search-input::placeholder { color: var(--wk-muted); font-weight: 600; }
.wk-search-input::-webkit-search-cancel-button { -webkit-appearance: none; }
.wk-search-input:focus { border-color: var(--wk-purple-ink); background: var(--wk-surface); box-shadow: 0 0 0 4px var(--wk-purple-soft); }
.wk-search-input:focus + .wk-search-icon,
.wk-search:focus-within .wk-search-icon { color: var(--wk-purple-ink); }
.wk-search-link { display: none !important; }

.wk-search-panel {
    position: absolute; top: calc(100% + 10px); left: 0; right: 0; z-index: 300;
    background: var(--wk-surface); border: 2px solid var(--wk-border);
    border-radius: var(--radius); box-shadow: 0 12px 40px rgba(0,0,0,.10);
    overflow: hidden; max-height: 70vh; overflow-y: auto;
}
.wk-search-row {
    display: flex; align-items: center; gap: 12px; padding: 10px 14px;
    cursor: pointer; text-decoration: none; color: var(--wk-text);
    border-bottom: 1px solid var(--wk-border); transition: background .15s;
}
.wk-search-row:last-of-type { border-bottom: none; }
.wk-search-row:hover, .wk-search-row.active { background: var(--wk-purple-soft); }
.wk-search-thumb { width: 42px; height: 42px; border-radius: var(--radius-sm); object-fit: cover; background: var(--wk-bg); flex-shrink: 0; }
.wk-search-info { flex: 1; min-width: 0; }
.wk-search-name { font-size: 13px; font-weight: 800; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wk-search-name mark { background: transparent; color: var(--wk-purple-ink); font-weight: 900; }
.wk-search-meta { font-size: 11px; color: var(--wk-muted); font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.wk-search-price { font-size: 13px; font-weight: 800; font-family: var(--font-mono); white-space: nowrap; color: var(--wk-text); }
.wk-search-oos { color: var(--wk-red); }
.wk-search-foot {
    display: block; padding: 11px 14px; text-align: center;
    font-size: 12px; font-weight: 800; color: var(--wk-purple-ink);
    text-decoration: none; background: var(--wk-bg);
    border-top: 1px solid var(--wk-border);
}
.wk-search-foot:hover { background: var(--wk-purple-soft); }
.wk-search-empty { padding: 20px 14px; text-align: center; font-size: 13px; color: var(--wk-muted); font-weight: 600; }
@media (max-width: 900px) { .wk-search { min-width: 0; } }

/* ── Order status icon ─────────────────────────── */
.wk-status { width: 84px; height: 84px; display: block; margin: 0 auto; }
.wk-status-ring, .wk-status-mark { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.wk-status-ring { stroke-dasharray: 151; stroke-dashoffset: 151; animation: wkRing .55s cubic-bezier(.65,0,.45,1) forwards; }
.wk-status-mark { stroke-dasharray: 48; stroke-dashoffset: 48; animation: wkMark .3s cubic-bezier(.65,0,.45,1) .5s forwards; }
.wk-status-mark-2 { animation-delay: .68s; }
.wk-status-ok   .wk-status-ring, .wk-status-ok   .wk-status-mark { stroke: var(--wk-green); }
.wk-status-wait .wk-status-ring, .wk-status-wait .wk-status-mark { stroke: var(--wk-yellow); }
.wk-status-bad  .wk-status-ring, .wk-status-bad  .wk-status-mark { stroke: var(--wk-red); }
@keyframes wkRing { to { stroke-dashoffset: 0; } }
@keyframes wkMark { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) { .wk-status-ring, .wk-status-mark { animation: none; stroke-dashoffset: 0; } }

/* ── Cookie consent ────────────────────────────────────────────── */
.wk-cookie {
    position: fixed; left: 16px; right: 16px; bottom: 16px;
    background: var(--wk-surface); border: 2px solid var(--wk-border);
    border-radius: var(--radius); box-shadow: 0 12px 40px rgba(0,0,0,.14);
    max-height: min(52vh, 420px); overflow-y: auto;
    opacity: 0; transform: translateY(14px); pointer-events: none;
    transition: opacity .26s ease, transform .26s ease;
}
.wk-cookie.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
.wk-cookie-inner { max-width: 1180px; margin: 0 auto; padding: 16px 20px; }
.wk-cookie-main { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.wk-cookie-copy { flex: 1 1 320px; min-width: 0; }
.wk-cookie-title { font-size: 14px; font-weight: 900; margin: 0 0 3px; }
.wk-cookie-text { font-size: 13px; line-height: 1.55; color: var(--wk-muted); margin: 0; }
.wk-cookie-link { color: var(--wk-purple-ink); font-weight: 700; text-decoration: underline; }
.wk-cookie-actions { display: flex; gap: 10px; flex: 0 0 auto; }
.wk-cookie-btn {
    font: inherit; font-size: 13px; font-weight: 800; cursor: pointer;
    padding: 10px 18px; border-radius: var(--radius-sm);
    border: 2px solid var(--wk-border); background: var(--wk-surface);
    color: var(--wk-text); transition: border-color .15s ease, background .15s ease;
}
.wk-cookie-btn:hover { border-color: var(--wk-text); }
.wk-cookie-btn-accept { background: var(--wk-purple); border-color: var(--wk-purple-ink); color: #fff; }
.wk-cookie-btn-accept:hover { filter: brightness(1.08); border-color: var(--wk-purple-ink); }
.wk-cookie-btn:focus-visible { outline: 3px solid var(--wk-purple); outline-offset: 2px; }
.wk-cookie-prefs { margin-top: 14px; padding-top: 14px; border-top: 2px solid var(--wk-border); }
.wk-cookie-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px 28px; align-items: start; }
.wk-cookie-cat-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wk-cookie-cat-name { font-size: 13px; font-weight: 800; }
.wk-cookie-cat-desc { font-size: 11.5px; line-height: 1.45; color: var(--wk-muted); margin: 2px 0 0; }
.wk-cookie-always { font-size: 11px; font-weight: 800; color: #047857; background: var(--wk-green-soft); padding: 3px 9px; border-radius: 999px; }
.wk-cookie-switch { position: relative; display: inline-block; width: 40px; height: 22px; flex: 0 0 auto; cursor: pointer; }
.wk-cookie-switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.wk-cookie-slider { position: absolute; inset: 0; background: var(--wk-border); border-radius: 999px; transition: background .18s ease; pointer-events: none; }
.wk-cookie-slider::before { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: transform .18s ease; }
.wk-cookie-switch input:checked + .wk-cookie-slider { background: var(--wk-purple); }
.wk-cookie-switch input:checked + .wk-cookie-slider::before { transform: translateX(18px); }
.wk-cookie-switch input:focus-visible + .wk-cookie-slider { outline: 3px solid var(--wk-purple); outline-offset: 2px; }
.wk-cookie-prefs-foot { display: flex; justify-content: flex-end; margin-top: 12px; }
@media (max-width: 560px) {
    .wk-cookie-inner { padding: 14px 16px; gap: 14px; }
    .wk-cookie-prefs-foot .wk-cookie-btn { width: 100%; }
    .wk-cookie-actions { width: 100%; }
    .wk-cookie-btn { flex: 1 1 0; padding: 11px 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .wk-cookie { transition: none; transform: none; }
    .wk-cookie-slider, .wk-cookie-slider::before { transition: none; }
}

/* ── Ratings & reviews ─────────────────────────────────────────────── */
.wk-stars { display: inline-flex; gap: 1px; line-height: 1; white-space: nowrap; }
.wk-star { position: relative; display: inline-block; }
.wk-star-off { color: var(--wk-border); }
.wk-star-on { position: absolute; left: 0; top: 0; overflow: hidden; color: var(--wk-yellow); white-space: nowrap; }
.wk-rating-line { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; text-decoration: none; color: inherit; }
.wk-rating-line:hover .wk-rating-line-text { text-decoration: underline; }
.wk-rating-line-text { font-size: 13px; font-weight: 700; color: var(--wk-muted); }
.wk-reviews { margin-top: 60px; padding-top: 36px; border-top: 2px solid var(--wk-border); scroll-margin-top: 90px; }
.wk-reviews-heading { font-size: 22px; font-weight: 900; margin: 0 0 22px; }
.wk-reviews-empty { color: var(--wk-muted); font-size: 14px; margin: 0 0 24px; }
.wk-reviews-summary {
    display: grid; grid-template-columns: auto 1fr; gap: 32px; align-items: center;
    background: var(--wk-surface); border: 2px solid var(--wk-border);
    border-radius: var(--radius); padding: 22px 26px; margin-bottom: 28px;
}
.wk-reviews-score { text-align: center; }
.wk-reviews-avg { font-size: 40px; font-weight: 900; line-height: 1; font-family: var(--font-mono); }
.wk-reviews-count { font-size: 12px; color: var(--wk-muted); margin-top: 6px; font-weight: 700; }
.wk-reviews-bars { display: grid; gap: 6px; min-width: 0; }
.wk-reviews-bar { display: grid; grid-template-columns: 30px 1fr 28px; gap: 10px; align-items: center; font-size: 12px; }
.wk-reviews-bar-label { color: var(--wk-muted); font-weight: 700; }
.wk-reviews-bar-track { height: 7px; background: var(--wk-bg); border-radius: 99px; overflow: hidden; }
.wk-reviews-bar-fill { display: block; height: 100%; background: var(--wk-yellow); border-radius: 99px; }
.wk-reviews-bar-n { color: var(--wk-muted); font-family: var(--font-mono); text-align: right; }
.wk-review-list { list-style: none; margin: 0 0 32px; padding: 0; display: grid; gap: 22px; }
.wk-review { padding-bottom: 22px; border-bottom: 1px solid var(--wk-border); }
.wk-review:last-child { border-bottom: 0; padding-bottom: 0; }
.wk-review-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wk-review-title { font-size: 15px; font-weight: 800; }
.wk-review-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12px; color: var(--wk-muted); margin-top: 6px; }
.wk-review-author { font-weight: 800; color: var(--wk-text); }
.wk-review-verified { color: var(--wk-green); font-weight: 800; background: var(--wk-green-soft); padding: 2px 8px; border-radius: 99px; }
.wk-review-body { font-size: 14px; line-height: 1.75; margin: 10px 0 0; white-space: pre-line; }
.wk-review-reply {
    margin: 12px 0 0; padding: 12px 14px; background: var(--wk-bg);
    border-left: 3px solid var(--wk-purple); border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.wk-review-reply-who { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; color: var(--wk-purple-ink); }
.wk-review-reply p { font-size: 13px; line-height: 1.7; margin: 4px 0 0; white-space: pre-line; }
.wk-review-form-wrap { background: var(--wk-surface); border: 2px solid var(--wk-border); border-radius: var(--radius); padding: 18px 22px; }
.wk-review-form-toggle { font-size: 15px; font-weight: 800; cursor: pointer; }
.wk-review-note { font-size: 12.5px; color: var(--wk-muted); line-height: 1.6; margin: 12px 0 0; }
.wk-review-form { margin-top: 18px; display: grid; gap: 16px; }
.wk-review-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.wk-review-form label, .wk-review-field { display: grid; gap: 5px; font-size: 13px; font-weight: 700; }
.wk-review-form label em { font-weight: 500; color: var(--wk-muted); font-style: normal; }
.wk-review-form small { font-size: 11px; font-weight: 500; color: var(--wk-muted); }
.wk-review-form input[type=text], .wk-review-form input[type=email], .wk-review-form textarea {
    font: inherit; font-weight: 500; padding: 11px 13px;
    border: 2px solid var(--wk-border); border-radius: var(--radius-sm);
    background: var(--wk-bg); color: var(--wk-text); width: 100%;
}
.wk-review-form textarea { resize: vertical; min-height: 96px; }
.wk-review-form input:focus, .wk-review-form textarea:focus { outline: none; border-color: var(--wk-purple-ink); }
.wk-review-submit {
    justify-self: start; padding: 13px 30px; border: none; border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    color: #fff; font-family: var(--font); font-size: 14px; font-weight: 800; cursor: pointer;
    box-shadow: 0 4px 15px rgba(139,92,246,.25); transition: transform .2s, box-shadow .2s;
}
.wk-review-submit:hover { transform: translateY(-1px); box-shadow: 0 6px 25px rgba(139,92,246,.35); }
.wk-review-submit:focus-visible { outline: 3px solid var(--wk-purple); outline-offset: 3px; }
.wk-review-submit:disabled { opacity: .6; cursor: default; transform: none; box-shadow: none; }
.wk-review-form input.is-bad { border-color: var(--wk-red); }
.wk-review-form input.is-ok  { border-color: var(--wk-green); }
.wk-review-form small.is-bad { color: var(--wk-red); font-weight: 700; }
.wk-review-form small.is-ok  { color: var(--wk-green); font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
    .wk-review-submit { transition: none; }
    .wk-review-submit:hover { transform: none; }
}
.wk-rating-input { border: 0; padding: 0; margin: 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; }
.wk-rating-input legend { font-size: 13px; font-weight: 700; margin-bottom: 5px; float: left; width: 100%; }
.wk-rating-input input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.wk-rating-input label { font-size: 30px; line-height: 1; cursor: pointer; color: var(--wk-border); transition: color .12s ease; }
.wk-rating-input label:hover,
.wk-rating-input label:hover ~ label,
.wk-rating-input input:checked ~ label { color: var(--wk-yellow); }
.wk-rating-input input:focus-visible + label { outline: 3px solid var(--wk-purple); outline-offset: 2px; border-radius: 4px; }
.wk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wk-card-rating { display: flex; align-items: center; gap: 5px; margin: 4px 0 2px; font-size: 11px; color: var(--wk-muted); font-weight: 700; }
@media (max-width: 560px) { .wk-reviews-summary { grid-template-columns: 1fr; gap: 20px; padding: 18px; } }
@media (prefers-reduced-motion: reduce) { .wk-rating-input label { transition: none; } }
.wk-order-rate summary { font-size: 12.5px; font-weight: 800; color: var(--wk-purple-ink); cursor: pointer; display: inline-block; padding: 4px 0; }
.wk-order-rate-form { display: grid; gap: 10px; margin-top: 10px; max-width: 460px; }
.wk-order-rate-form input[type=text], .wk-order-rate-form textarea {
    font: inherit; font-size: 13px; padding: 9px 11px;
    border: 2px solid var(--wk-border); border-radius: var(--radius-sm);
    background: var(--wk-bg); color: var(--wk-text); width: 100%;
}
.wk-order-rate-form textarea { resize: vertical; }
.wk-order-rate-form input:focus, .wk-order-rate-form textarea:focus { outline: none; border-color: var(--wk-purple-ink); }
.wk-order-rate-form .wk-rating-input label { font-size: 24px; }
.wk-order-rate-form .wk-review-submit { padding: 10px 22px; font-size: 13px; }
.wk-order-rate-note { font-size: 12px; color: var(--wk-muted); margin: 0; line-height: 1.55; }

/* ── Questions & answers ───────────────────────────────────────────── */
.wk-qa { margin-top: 48px; padding-top: 36px; border-top: 2px solid var(--wk-border); scroll-margin-top: 90px; }
.wk-qa-heading { font-size: 22px; font-weight: 900; margin: 0 0 22px; display: flex; align-items: center; gap: 10px; }
.wk-qa-count { font-size: 12px; font-weight: 800; color: var(--wk-purple-ink); background: var(--wk-purple-soft); padding: 3px 10px; border-radius: 99px; }
.wk-qa-empty { color: var(--wk-muted); font-size: 14px; margin: 0 0 24px; }
.wk-qa-list { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 20px; }
.wk-qa-item { padding-bottom: 20px; border-bottom: 1px solid var(--wk-border); }
.wk-qa-item:last-child { border-bottom: 0; padding-bottom: 0; }
.wk-qa-q, .wk-qa-a { display: flex; gap: 12px; align-items: flex-start; }
.wk-qa-a { margin-top: 12px; }
.wk-qa-marker {
    flex: 0 0 auto; width: 24px; height: 24px; border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 900; font-family: var(--font-mono);
    background: var(--wk-bg); color: var(--wk-muted);
}
.wk-qa-marker-a { background: var(--wk-purple); color: #fff; }
.wk-qa-text { font-size: 14px; line-height: 1.7; margin: 0; white-space: pre-line; }
.wk-qa-q .wk-qa-text { font-weight: 700; }
.wk-qa-meta { font-size: 11.5px; color: var(--wk-muted); margin: 4px 0 0; display: flex; gap: 8px; flex-wrap: wrap; }
.wk-qa-form-wrap { background: var(--wk-surface); border: 2px solid var(--wk-border); border-radius: var(--radius); padding: 18px 22px; }
.wk-qa-form-toggle { font-size: 15px; font-weight: 800; cursor: pointer; }
.wk-qa-note { font-size: 12.5px; color: var(--wk-muted); line-height: 1.6; margin: 12px 0 0; }
.wk-qa-form { margin-top: 18px; display: grid; gap: 16px; }
.wk-qa-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.wk-qa-form label, .wk-qa-field { display: grid; gap: 5px; font-size: 13px; font-weight: 700; }
.wk-qa-form small { font-size: 11px; font-weight: 500; color: var(--wk-muted); }
.wk-qa-form input[type=text], .wk-qa-form input[type=email], .wk-qa-form textarea {
    font: inherit; font-weight: 500; padding: 11px 13px;
    border: 2px solid var(--wk-border); border-radius: var(--radius-sm);
    background: var(--wk-bg); color: var(--wk-text); width: 100%;
}
.wk-qa-form textarea { resize: vertical; min-height: 80px; }
.wk-qa-form input:focus, .wk-qa-form textarea:focus { outline: none; border-color: var(--wk-purple-ink); }
.wk-qa-form input.is-bad { border-color: var(--wk-red); }
.wk-qa-form input.is-ok  { border-color: var(--wk-green); }
.wk-qa-form small.is-bad { color: var(--wk-red); font-weight: 700; }
.wk-qa-form small.is-ok  { color: var(--wk-green); font-weight: 700; }

/* ── Floating contact bar ──────────────────────────────────────────── */
.wk-social {
    position: fixed; top: auto; bottom: 24px; transform: none;
    z-index: 850; pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}
.wk-social-left  { left: 14px; }
.wk-social-right { right: 14px; }
.wk-social.is-hidden { opacity: 0; visibility: hidden; }
.wk-social-inner[hidden] { display: none; }
.wk-social-inner { display: flex; flex-direction: column; gap: 9px; }
.wk-social-link {
    pointer-events: auto; position: relative; flex: 0 0 auto;
    width: 42px; height: 42px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--wk-social-brand, var(--wk-purple));
    color: #fff; text-decoration: none;
    box-shadow: 0 3px 12px rgba(0,0,0,.18);
    transition: transform .18s ease, box-shadow .18s ease;
}
.wk-social-link svg { width: 20px; height: 20px; display: block; }
.wk-social-link:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0,0,0,.26); }
.wk-social-link:focus-visible { outline: 3px solid var(--wk-purple); outline-offset: 3px; }
.wk-social-label {
    position: absolute; top: 50%; transform: translateY(-50%);
    white-space: nowrap; font-size: 12px; font-weight: 800; line-height: 1;
    padding: 7px 11px; border-radius: 7px;
    background: var(--wk-text); color: var(--wk-surface);
    opacity: 0; pointer-events: none;
    transition: opacity .16s ease;
}
.wk-social-left  .wk-social-label { left: calc(100% + 9px); }
.wk-social-right .wk-social-label { right: calc(100% + 9px); }
.wk-social-link:hover .wk-social-label,
.wk-social-link:focus-visible .wk-social-label { opacity: 1; }
@media (max-width: 1320px) {
    .wk-social-link { width: 38px; height: 38px; }
    .wk-social-link svg { width: 18px; height: 18px; }
}
@media (max-width: 720px) {
    .wk-social-inner { gap: 7px; }
    .wk-social-link { width: 52px; height: 52px; box-shadow: 0 2px 8px rgba(0,0,0,.16); }
    .wk-social-link svg { width: 25px; height: 25px; }
    .wk-social-label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .wk-social, .wk-social-link, .wk-social-label { transition: none; }
    .wk-social-link:hover { transform: none; }
}
@media (max-width: 1340px) {
    body.wk-has-social-left  .wk-container { padding-left: 72px; }
    body.wk-has-social-right .wk-container { padding-right: 72px; }
}
@media (max-width: 720px) {
    body.wk-has-social-left  .wk-container { padding-left: 50px; }
    body.wk-has-social-right .wk-container { padding-right: 50px; }
}
.wk-social-toggle {
    pointer-events: auto;
    width: 60px; height: 60px; border-radius: 50%; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    color: #fff; box-shadow: 0 3px 12px rgba(0,0,0,.18);
    transition: transform .18s ease, box-shadow .18s ease;
}
.wk-social-toggle:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0,0,0,.26); }
.wk-social-toggle:focus-visible { outline: 3px solid var(--wk-purple); outline-offset: 3px; }
.wk-social-toggle svg { width: 25px; height: 25px; display: block; flex: 0 0 auto; }
.wk-social-toggle > .wk-social-toggle-open { display: block !important; }
.wk-social-toggle > .wk-social-toggle-close { display: none !important; }
.wk-social.is-open .wk-social-toggle > .wk-social-toggle-open { display: none !important; }
.wk-social.is-open .wk-social-toggle > .wk-social-toggle-close { display: block !important; }
.wk-social-collapsible { display: flex; flex-direction: column-reverse; gap: 9px; align-items: center; }
.wk-social-collapsible .wk-social-link {
    opacity: 0; transform: translateY(10px) scale(.85);
    transition: opacity .18s ease, transform .18s ease;
    transition-delay: calc(var(--wk-social-i, 0) * 35ms);
}
.wk-social.is-open .wk-social-link { opacity: 1; transform: none; }
@media (max-width: 1320px) {
    .wk-social-left  { left: 8px; }
    .wk-social-right { right: 8px; }
}
@media (max-width: 720px) {
    .wk-social-collapsible, .wk-social-collapsible .wk-social-inner { gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
    .wk-social-toggle, .wk-social-collapsible .wk-social-link { transition: none; }
    .wk-social-toggle:hover { transform: none; }
    .wk-social-collapsible .wk-social-link { opacity: 1; transform: none; }
}

/* ── Exit-intent prompt ────────────────────────────────────────────── */
.wk-lead[hidden] { display: none; }
.wk-lead {
    position: fixed; inset: 0; z-index: 9000;
    display: flex; align-items: center; justify-content: center; padding: 20px;
    opacity: 0; transition: opacity .24s ease;
}
.wk-lead.is-open { opacity: 1; }
.wk-lead-backdrop { position: absolute; inset: 0; background: rgba(15,12,30,.55); }
.wk-lead-box {
    position: relative; width: 100%; max-width: 420px;
    background: var(--wk-surface); border-radius: var(--radius);
    padding: 30px 28px 26px; text-align: center;
    box-shadow: 0 24px 70px rgba(0,0,0,.3);
    transform: translateY(14px) scale(.98); transition: transform .24s ease;
}
.wk-lead.is-open .wk-lead-box { transform: none; }
.wk-lead-x {
    position: absolute; top: 10px; right: 12px; border: none; background: none;
    font-size: 26px; line-height: 1; color: var(--wk-muted); cursor: pointer; padding: 4px 8px;
}
.wk-lead-x:hover { color: var(--wk-text); }
.wk-lead-title { font-size: 22px; font-weight: 900; margin: 0 0 8px; }
.wk-lead-text { font-size: 14px; line-height: 1.65; color: var(--wk-muted); margin: 0 0 18px; }
.wk-lead-offer {
    background: var(--wk-purple-soft); border: 2px dashed var(--wk-purple);
    border-radius: var(--radius-sm); padding: 14px; margin-bottom: 18px;
}
.wk-lead-offer-value { display: block; font-size: 26px; font-weight: 900; color: var(--wk-purple-ink); line-height: 1.1; }
.wk-lead-offer-note { font-size: 12px; font-weight: 700; color: var(--wk-muted); }
.wk-lead-form { display: grid; gap: 12px; }
.wk-lead-field { display: grid; gap: 5px; text-align: left; font-size: 12px; font-weight: 800; }
.wk-lead-field input {
    font: inherit; font-weight: 500; font-size: 14px; padding: 12px 13px;
    border: 2px solid var(--wk-border); border-radius: var(--radius-sm);
    background: var(--wk-bg); color: var(--wk-text); width: 100%;
}
.wk-lead-field input:focus { outline: none; border-color: var(--wk-purple-ink); }
.wk-lead-hint { font-size: 11.5px; color: var(--wk-muted); margin: -4px 0 0; text-align: left; }
.wk-lead-submit {
    font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; padding: 13px;
    border: none; border-radius: var(--radius-sm); color: #fff;
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    box-shadow: 0 4px 15px rgba(139,92,246,.25);
}
.wk-lead-submit:disabled { opacity: .65; cursor: default; }
.wk-lead-no { font: inherit; font-size: 12.5px; font-weight: 700; color: var(--wk-muted); background: none; border: none; cursor: pointer; padding: 2px; }
.wk-lead-no:hover { color: var(--wk-text); text-decoration: underline; }
.wk-lead-done { font-size: 14px; line-height: 1.6; margin: 6px 0 0; }
.wk-lead-done.is-ok { color: var(--wk-green); font-weight: 700; }
.wk-lead-done.is-bad { color: var(--wk-red); font-weight: 700; }
.wk-lead-code {
    display: inline-block; font-family: var(--font-mono); font-size: 18px;
    background: var(--wk-purple-soft); color: var(--wk-purple-ink);
    padding: 4px 12px; border-radius: 6px; margin-top: 8px;
}
@media (prefers-reduced-motion: reduce) {
    .wk-lead, .wk-lead-box { transition: none; }
    .wk-lead-box { transform: none; }
}
.wk-ask-link {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 13px; font-weight: 700; color: var(--wk-purple-ink);
    text-decoration: none; margin-bottom: 18px;
    padding: 7px 12px; border-radius: 999px;
    background: var(--wk-purple-soft); transition: filter .15s ease;
}
.wk-ask-link:hover { filter: brightness(.96); text-decoration: underline; }

/* ── Product FAQ ───────────────────────────────────────────────────── */
.wk-faq { margin-top: 48px; padding-top: 36px; border-top: 2px solid var(--wk-border); scroll-margin-top: 90px; }
.wk-faq-heading { font-size: 22px; font-weight: 900; margin: 0 0 20px; }
.wk-faq-list { display: grid; gap: 10px; }
.wk-faq-item { border: 2px solid var(--wk-border); border-radius: var(--radius-sm); background: var(--wk-surface); overflow: hidden; }
.wk-faq-item summary {
    cursor: pointer; padding: 14px 18px; font-size: 14.5px; font-weight: 800;
    list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.wk-faq-item summary::-webkit-details-marker { display: none; }
.wk-faq-item summary::after { content: "+"; font-size: 20px; font-weight: 400; color: var(--wk-muted); }
.wk-faq-item[open] summary::after { content: "−"; }
.wk-faq-item[open] summary { border-bottom: 1px solid var(--wk-border); }
.wk-faq-item p { margin: 0; padding: 14px 18px; font-size: 14px; line-height: 1.75; color: var(--wk-muted); }

/* ── Phone field ──────────────────────────────── */
.wk-phone-field {
    display: grid; grid-template-columns: auto minmax(0, 1fr);
    gap: 8px; width: 100%; direction: ltr;
}
.wk-phone-field select { width: auto; min-width: 0; max-width: 100%; padding-inline: 10px 26px; }
.wk-phone-field input[type="tel"] { width: 100%; min-width: 0; }
@media (max-width: 480px) { .wk-phone-field { grid-template-columns: minmax(0, 1fr); } }

/* ── Field validation ─────────────────────────── */
.wk-field-note { font-size: 11px; font-weight: 700; margin: 5px 0 0; line-height: 1.4; }
.wk-field-note.wk-field-bad  { color: #ef4444; }
.wk-field-note.wk-field-warn { color: #f59e0b; }
input.wk-field-invalid { border-color: #ef4444 !important; }
.wk-lead-field .wk-phone-field { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.wk-lead-field .wk-phone-field select {
    width: 100%; padding: 11px 12px; border: 2px solid var(--wk-border); border-radius: 10px;
    font-family: var(--font); font-size: 13px; font-weight: 700;
    background: var(--wk-surface); color: var(--wk-text);
}
.wk-lead-field .wk-phone-field select:focus { outline: none; border-color: var(--wk-purple-ink); }
.wk-footer-inner a { display: inline-block; padding: 4px 2px; min-height: 24px; }

/* ── Phones ─────────────────────────────────── */
@media (max-width: 768px) {
    .wk-social-inner { display: none; }
    .wk-social.is-open .wk-social-inner { display: flex; }
    body.wk-has-social-left  .wk-container,
    body.wk-has-social-right .wk-container { padding-left: 16px; padding-right: 16px; }
    .wk-container { padding-left: 16px; padding-right: 16px; }
    .wk-header-inner { gap: 10px 12px; padding-top: 10px; padding-bottom: 10px; }
    .wk-logo { font-size: 17px; gap: 7px; }
    .wk-logo svg { width: 24px; height: 24px; }
    .wk-cart-btn { padding: 7px 11px; font-size: 13px; }
    .wk-header-inner { padding-left: 16px; padding-right: 16px; }
    .wk-btn-label { display: none; }
    .wk-section { padding: 32px 0; }
    .wk-section-title { font-size: 22px; }
    .wk-section-sub { font-size: 13px; }
    .wk-product-cat { font-size: 12px; }
    .wk-product-badge { font-size: 12px; }
    .wk-product-name { font-size: 14px; }
    .wk-phone-field { grid-template-columns: minmax(0, 1fr); }
    .wk-footer-inner { gap: 18px; }
}
@media (max-width: 380px) {
    .wk-hero-name { font-size: 24px; }
    .wk-hero-price-current { font-size: 22px; }
    .wk-hero-actions { flex-direction: column; align-items: stretch; }
}

.wk-carousel-track { user-select: none; -webkit-user-select: none; touch-action: pan-y; }
.wk-carousel-track a, .wk-carousel-track img { -webkit-user-drag: none; }

/* ── Product page ───────────────────────────── */
.wk-product-layout { display: grid; align-items: start; }
.wk-buy-row { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.wk-buy-cta { flex: 1; border-radius: var(--radius-sm); font-size: 15px; padding: 16px; }
@media (max-width: 768px) {
    .wk-buy-row { gap: 12px; }
    .wk-social { top: auto; bottom: 88px; transform: none; }
    .wk-social-left  { left: 12px; }
    .wk-social-right { right: 12px; }
}

/* ── Column layouts ─────────────────────────── */
.wk-cols-2 { display: grid; grid-template-columns: 1fr 1fr; }
.wk-cols-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.wk-checkout-layout { display: grid; grid-template-columns: 1.3fr 1fr; }
@media (max-width: 768px) {
    .wk-cols-2, .wk-cols-3, .wk-checkout-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 430px) {
    .wk-chat-window {
        width: auto !important;
        left: 12px !important;
        right: 12px !important;
        max-height: 70vh !important;
    }
}

/* ── Cart page ──────────────────────────────── */
.wk-cart-page { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; align-items: start; }
.wk-cart-lines { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.wk-cart-line {
    display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 16px; align-items: start;
    grid-template-areas: "img info total";
    background: var(--wk-surface); border: 2px solid var(--wk-border);
    border-radius: var(--radius); padding: 16px;
}
.wk-cart-line-img {
    grid-area: img; width: 96px; height: 96px; border-radius: 10px;
    overflow: hidden; background: var(--wk-bg);
    display: flex; align-items: center; justify-content: center;
    font-size: 26px; flex-shrink: 0;
}
.wk-cart-line-img img { width: 100%; height: 100%; object-fit: cover; }
.wk-cart-line-info { grid-area: info; min-width: 0; }
.wk-cart-line-name { font-weight: 800; font-size: 15px; color: var(--wk-text); text-decoration: none; display: block; }
.wk-cart-line-name:hover { color: var(--wk-purple-ink); }
.wk-cart-line-variant { font-size: 12px; font-weight: 700; color: var(--wk-muted); margin-top: 3px; }
.wk-cart-line-unit { font-size: 13px; color: var(--wk-muted); margin-top: 4px; }
.wk-cart-line-controls { display: flex; align-items: center; gap: 14px; margin-top: 12px; flex-wrap: wrap; }
.wk-cart-line-remove {
    background: none; border: none; padding: 6px 2px; cursor: pointer;
    font-family: var(--font); font-size: 13px; font-weight: 700; color: var(--wk-muted);
    text-decoration: underline; text-underline-offset: 2px;
}
.wk-cart-line-remove:hover { color: #dc2626; }
.wk-cart-line-total { grid-area: total; font-weight: 900; font-size: 16px; font-family: var(--font-mono); white-space: nowrap; }
.wk-cart-summary {
    background: var(--wk-surface); border: 2px solid var(--wk-border);
    border-radius: var(--radius); padding: 24px; position: sticky; top: 90px;
}
.wk-cart-summary h2 { font-size: 17px; font-weight: 900; margin: 0 0 16px; }
.wk-cart-summary-row { display: flex; justify-content: space-between; align-items: baseline; font-size: 15px; }
.wk-cart-summary-row strong { font-family: var(--font-mono); font-size: 20px; font-weight: 900; }
.wk-cart-summary-note { font-size: 12px; color: var(--wk-muted); margin: 10px 0 18px; line-height: 1.5; }
.wk-cart-keep-shopping {
    display: block; text-align: center; margin-top: 12px; padding: 6px 0; min-height: 24px;
    font-size: 13px; font-weight: 700; color: var(--wk-purple-ink); text-decoration: none;
}
.wk-ship-progress { background: var(--wk-purple-soft); border-radius: var(--radius); padding: 14px 18px; margin-bottom: 18px; }
.wk-ship-progress p { margin: 0 0 10px; font-size: 13px; font-weight: 700; color: var(--wk-text); }
.wk-ship-bar { height: 6px; border-radius: 99px; background: rgba(0,0,0,.08); overflow: hidden; }
.wk-ship-bar span { display: block; height: 100%; border-radius: 99px; background: var(--wk-purple); transition: width .4s ease; }
@media (max-width: 768px) {
    .wk-cart-page { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .wk-cart-summary { position: static; }
    .wk-cart-line {
        grid-template-columns: 76px minmax(0, 1fr);
        grid-template-areas: "img info" "total total";
        gap: 10px 12px; padding: 12px;
    }
    .wk-cart-line-img { width: 76px; height: 76px; }
    .wk-cart-line-total { text-align: right; font-size: 17px; }
}
.wk-pay-note { font-size: 12px; font-weight: 700; color: var(--wk-muted); margin: 10px 0 0; min-height: 16px; line-height: 1.5; }
.wk-terms { display: flex; gap: 10px; align-items: flex-start; margin-top: 18px; font-size: 13px; line-height: 1.5; cursor: pointer; }
.wk-terms input { margin-top: 2px; width: 18px; height: 18px; flex-shrink: 0; accent-color: var(--wk-purple-ink); cursor: pointer; }
.wk-terms a { color: var(--wk-purple-ink); font-weight: 700; }

/* ── Announcements and the skip link ────────── */
.wk-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.wk-skip-link {
    position: absolute; left: 12px; top: -60px; z-index: 500;
    padding: 12px 20px; border-radius: 0 0 10px 10px;
    background: var(--wk-purple-ink); color: #fff;
    font-size: 14px; font-weight: 800; text-decoration: none;
    transition: top .15s ease;
}
.wk-skip-link:focus { top: 0; outline: 3px solid var(--wk-yellow); outline-offset: 2px; }
#wk-main:focus { outline: none; }

/* ── Breadcrumbs ────────────────────────────── */
.wk-crumbs { margin-bottom: 20px; }
.wk-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.wk-crumbs li { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; min-width: 0; }
.wk-crumbs li + li::before { content: "/"; color: var(--wk-border); font-weight: 700; }
.wk-crumbs a { color: var(--wk-purple-ink); text-decoration: none; padding: 4px 0; }
.wk-crumbs a:hover { text-decoration: underline; }
.wk-crumbs span { color: var(--wk-muted); font-weight: 600; }
.wk-crumbs li:last-child span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 45vw; }

/* ── The bigger picture ─────────────────────── */
.wk-lightbox {
    position: fixed; inset: 0; z-index: 400;
    background: rgba(15, 10, 30, .92);
    display: flex; align-items: center; justify-content: center; padding: 24px;
}
.wk-lightbox[hidden] { display: none !important; }
.wk-lightbox img { max-width: 100%; max-height: 90vh; width: auto; height: auto; border-radius: 12px; }
.wk-lightbox-close {
    position: absolute; top: 16px; right: 16px;
    width: 44px; height: 44px; border-radius: 50%; border: none; cursor: pointer;
    background: rgba(255,255,255,.15); color: #fff; font-size: 26px; line-height: 1;
}
.wk-lightbox-close:hover { background: rgba(255,255,255,.28); }
.wk-lightbox-close:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

/* ── Recently viewed ────────────────────────── */
.wk-recent-strip { display: flex; gap: 14px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.wk-recent-card {
    flex: 0 0 140px; scroll-snap-align: start; text-decoration: none;
    background: var(--wk-surface); border: 2px solid var(--wk-border);
    border-radius: 12px; overflow: hidden; transition: border-color .2s;
}
.wk-recent-card:hover { border-color: var(--wk-purple); }
.wk-recent-img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; background: var(--wk-bg); overflow: hidden; }
.wk-recent-img img { width: 100%; height: 100%; object-fit: cover; }
.wk-recent-name {
    padding: 10px 12px; font-size: 13px; font-weight: 700; color: var(--wk-text); line-height: 1.4;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

@font-face { font-family:"Shabnam"; src:url("../fonts/Shabnam.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Shabnam"; src:url("../fonts/Shabnam-Medium.woff2") format("woff2"); font-style:normal; font-weight:500 700; font-display:swap; }
@font-face { font-family:"Shabnam"; src:url("../fonts/Shabnam-Bold.woff2") format("woff2"); font-style:normal; font-weight:800 900; font-display:swap; }
/* ================================================================
   PARESHMART IRANIAN UI 2.1 — RTL + SHABNAM + RESPONSIVE HARDENING
   Local/system font only. No network font is ever requested.
   ================================================================ */
html { direction: rtl; width: 100%; max-width: 100%; overflow-x: hidden; }
body { direction: rtl; width: 100%; max-width: 100%; overflow-x: hidden; font-family: var(--wk-font-safe); }
button, input, select, textarea { font-family: var(--wk-font-safe); }
input, select, textarea { direction: rtl; text-align: right; }
input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[name*="phone"], input[name*="email"] { unicode-bidi: plaintext; }
.wk-container, .wk-header-inner, .wk-footer-inner, .wk-section > * { min-width: 0; }
.wk-container { width: 100%; }

.wk-header-inner { direction: rtl; }
.wk-header-nav { direction: rtl; min-width: 0; }
.wk-search { direction: rtl; min-width: 0; }
.wk-search-input { text-align: right; }
.wk-nav-dropdown-menu { right: 50%; left: auto; transform: translateX(50%); text-align: right; }
.wk-nav-dropdown-menu::before, .wk-nav-dropdown-menu::after { right: 50%; left: auto; transform: translateX(50%); }

.wk-product-layout, .wk-checkout-layout, .wk-cart-page, .wk-cols-2, .wk-cols-3 { min-width: 0; }
.wk-product-layout > *, .wk-checkout-layout > *, .wk-cart-page > *, .wk-cols-2 > *, .wk-cols-3 > * { min-width: 0; max-width: 100%; }
.wk-product-layout img, .wk-card img, .wk-product-img img, .wk-hero-slide img { max-width: 100%; }
.wk-product-layout h1, .wk-product-layout p, .wk-product-layout .wk-product-cat { overflow-wrap: anywhere; }
.wk-thumb { flex: 0 0 auto; }

.wk-input, .wk-select, .wk-textarea,
input.wk-input, select.wk-select, textarea.wk-input,
.wk-form-group input, .wk-form-group select, .wk-form-group textarea {
    width: 100%; max-width: 100%; min-width: 0; color: var(--wk-text);
    background: var(--wk-surface); border: 2px solid var(--wk-border);
    border-radius: var(--radius-sm); outline: 0; transition: border-color .18s, box-shadow .18s;
}
.wk-form-group input:focus, .wk-form-group select:focus, .wk-form-group textarea:focus,
.wk-input:focus, .wk-select:focus, .wk-textarea:focus {
    border-color: var(--wk-purple-ink); box-shadow: 0 0 0 4px var(--wk-purple-soft);
}
label { cursor: default; }

.wk-auth-page { min-height: calc(100vh - 68px); display: grid; place-items: center; padding: 48px 16px; }
.wk-auth-card { width: min(100%, 460px); background: var(--wk-surface); border: 1px solid var(--wk-border); border-radius: 20px; padding: clamp(22px, 5vw, 34px); box-shadow: 0 20px 70px rgba(30,27,46,.08); }
.wk-auth-head { text-align: center; margin-bottom: 24px; }
.wk-auth-icon { width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 18px; background: linear-gradient(135deg,var(--wk-purple-soft),var(--wk-pink-soft)); font-size: 32px; }
.wk-auth-head h1 { font-size: clamp(23px, 6vw, 30px); line-height: 1.25; font-weight: 900; margin-bottom: 6px; }
.wk-auth-head p { color: var(--wk-muted); font-size: 13px; }
.wk-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 5px; border-radius: 12px; background: var(--wk-bg); margin-bottom: 20px; }
.wk-auth-tabs button { border: 0; background: transparent; color: var(--wk-muted); padding: 11px 10px; border-radius: 9px; font-size: 13px; font-weight: 800; cursor: pointer; }
.wk-auth-tabs button.is-active { color: var(--wk-purple-ink); background: var(--wk-surface); box-shadow: 0 2px 12px rgba(30,27,46,.06); }
.wk-auth-field { margin-bottom: 15px; }
.wk-auth-field label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 800; color: var(--wk-muted); }
.wk-auth-field input { width: 100%; padding: 13px 14px; border: 2px solid var(--wk-border); border-radius: 11px; background: var(--wk-bg); font-size: 14px; font-weight: 600; }
.wk-auth-submit { width: 100%; min-height: 48px; border: 0; border-radius: 11px; background: linear-gradient(135deg,var(--wk-purple),var(--wk-pink)); color: #fff; font-size: 14px; font-weight: 900; cursor: pointer; box-shadow: 0 8px 24px rgba(139,92,246,.22); }
.wk-auth-submit:hover { transform: translateY(-1px); }
.wk-auth-footer { text-align:center; margin-top:18px; padding-top:18px; border-top:1px solid var(--wk-border); color:var(--wk-muted); font-size:13px; }
.wk-auth-footer a { color:var(--wk-purple-ink); font-weight:800; }
.wk-alert-error { border:1px solid #fecaca; }
.wk-alert-success { border:1px solid #bbf7d0; }

.wk-cart-drawer { right: 0; left: auto; transform: translateX(100%); }
.wk-cart-drawer.open { transform: translateX(0); }
.wk-cart-total, .wk-cart-summary-row { direction: rtl; }

@media (max-width: 900px) {
    .wk-container { padding-inline: 16px; }
    .wk-product-layout, .wk-checkout-layout { grid-template-columns: minmax(0,1fr); }
    .wk-cart-page { grid-template-columns: minmax(0,1fr); }
    .wk-cart-summary { order: -1; }
}
@media (max-width: 640px) {
    .wk-header-inner { padding-inline: 12px; }
    .wk-header-nav { order: 3; flex-basis: 100%; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 3px; }
    .wk-cart-drawer { width: min(100vw, 390px); }
    .wk-product-layout { gap: 16px; }
    .wk-buy-row { align-items: stretch; }
    .wk-buy-row > * { min-width: 0; }
}
@media (max-width: 420px) {
    .wk-auth-page { padding: 20px 10px; }
    .wk-auth-card { border-radius: 16px; padding: 20px 16px; }
    .wk-auth-tabs button { font-size: 12px; }
}

/* RTL seller control */
.wk-seller-btn { gap:7px; white-space:nowrap; }
.wk-seller-btn>span:first-child { font-size:16px; line-height:1; }
.wk-seller-auth-page { min-height:calc(100vh - 74px); }
.wk-alert { padding:12px 14px; border-radius:10px; margin-bottom:14px; font-size:13px; font-weight:700; }
.wk-alert-error { background:#fee2e2; color:#b91c1c; }
.wk-alert-success { background:#dcfce7; color:#166534; }
@media(max-width:575px) {
    .wk-seller-label { display:none; }
    .wk-seller-btn { min-width:42px; width:42px; height:38px; padding:7px 9px; justify-content:center; }
    .wk-seller-btn>span:first-child { font-size:18px; }
}

.wk-header-actions { flex-wrap:nowrap; justify-content:flex-end; }
.wk-seller-btn { min-width:0; }
@media(max-width:640px) {
    .wk-header-actions { gap:6px; }
    .wk-header-actions .wk-seller-label { display:none; }
    .wk-seller-btn { width:40px; min-width:40px; height:38px; padding:7px 9px; justify-content:center; }
    .wk-header-actions #accountToggle { padding:6px 9px!important; }
    .wk-cart-btn { min-width:40px; justify-content:center; }
}
@media(max-width:350px) {
    .wk-logo-text { max-width:82px; overflow:hidden; text-overflow:ellipsis; }
    .wk-header-inner { gap:8px; }
    .wk-header-actions { gap:4px; }
}

/* ── Plugin-friendly mobile navigation drawer ─────────────── */
.wk-mobile-menu-toggle {
    display:none; width:40px; height:38px; border:2px solid var(--wk-border); border-radius:8px;
    background:var(--wk-surface); cursor:pointer; font:800 18px var(--font);
}
.wk-mobile-menu-overlay { position:fixed; inset:0; background:rgba(15,12,30,.48); z-index:1090; opacity:0; visibility:hidden; transition:opacity .2s,visibility .2s; }
.wk-mobile-menu-drawer { position:fixed; top:0; bottom:0; right:0; width:min(88vw,360px); background:var(--wk-surface); z-index:1100; transform:translateX(105%); transition:transform .24s ease; overflow:auto; }
body.wk-mobile-menu-open { overflow:hidden; }
body.wk-mobile-menu-open .wk-mobile-menu-overlay { opacity:1; visibility:visible; }
body.wk-mobile-menu-open .wk-mobile-menu-drawer { transform:translateX(0); }
.wk-mobile-menu-head { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:2px solid var(--wk-border); position:sticky; top:0; background:var(--wk-surface); z-index:1; }
.wk-mobile-menu-head button { border:0; background:none; font-size:22px; color:var(--wk-muted); cursor:pointer; }
.wk-mobile-menu-nav { display:flex; flex-direction:column; padding:10px; }
.wk-mobile-menu-nav a { padding:13px 14px; border-radius:10px; color:var(--wk-text); font-size:14px; font-weight:800; }
.wk-mobile-menu-nav a:hover, .wk-mobile-menu-nav a:focus-visible { background:var(--wk-purple-soft); color:var(--wk-purple-ink); outline:none; }
.wk-mobile-menu-nav .wk-mobile-menu-child { padding-right:30px; font-size:13px; color:var(--wk-muted); font-weight:700; }
@media (max-width:768px) { .wk-mobile-menu-toggle { display:inline-flex; } }
@media (max-width: 640px) { .wk-header-actions > select { max-width: 86px; min-width: 0; } }

/* ───────────────────────────────────────────────
   Mobile bottom navigation
   ─────────────────────────────────────────────── */
.wk-mobile-bottom-nav { display:none; }
@media (max-width:768px) {
    body { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
    .wk-mobile-bottom-nav {
        position:fixed; left:0; right:0; bottom:0; z-index:1080;
        display:grid; grid-template-columns:repeat(5,1fr); gap:4px;
        padding:8px 7px calc(8px + env(safe-area-inset-bottom));
        background:rgba(255,255,255,.96);
        border-top:1px solid var(--wk-border);
        box-shadow:0 -10px 30px rgba(15,12,30,.10);
        backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    }
    .wk-mobile-bottom-item {
        position:relative; min-width:0; min-height:54px;
        border:0; border-radius:14px; background:transparent;
        color:var(--wk-muted); text-decoration:none;
        font-family:inherit; font-size:10px; font-weight:800;
        display:flex; flex-direction:column; align-items:center; justify-content:center;
        gap:4px; cursor:pointer; padding:5px 2px;
    }
    .wk-mobile-bottom-item:hover,
    .wk-mobile-bottom-item:focus-visible { background:var(--wk-purple-soft); color:var(--wk-purple-ink); outline:none; }
    .wk-mobile-bottom-icon {
        position:relative; width:24px; height:24px;
        display:flex; align-items:center; justify-content:center;
        font-size:20px; line-height:1;
    }
    .wk-mobile-bottom-badge {
        position:absolute; top:-6px; right:-9px; min-width:18px; height:18px;
        padding:0 4px; border-radius:99px;
        background:var(--wk-purple-ink); color:#fff;
        font-size:10px; font-weight:900;
        align-items:center; justify-content:center;
        box-shadow:0 3px 8px rgba(76,44,146,.25);
    }
    .wk-mobile-bottom-cart { appearance:none; -webkit-appearance:none; }
}

/* ================= RTL / Mobile fixes ================= */
.wk-hero-slide-bg,
.wk-hero-slide-bg picture,
.wk-hero-slide-bg img { width:100%; height:100%; display:block; }
.wk-hero-slide-bg img { object-fit:cover; }
[dir="rtl"] .wk-hero-carousel .wk-carousel-prev,
.wk-hero-carousel.rtl .wk-carousel-prev { left:auto; right:20px; }
[dir="rtl"] .wk-hero-carousel .wk-carousel-next,
.wk-hero-carousel.rtl .wk-carousel-next { right:auto; left:20px; }
.wk-cookie { z-index:9999; }
.wk-footer { z-index:1; }
#accountMenu { position:relative !important; }
#accountDrop { max-width:calc(100vw - 24px); }
@media (max-width:768px) {
    #accountDrop {
        right:auto !important; left:0 !important;
        width:min(220px, calc(100vw - 24px)) !important;
    }
    .wk-hero-carousel .wk-carousel-prev,
    .wk-hero-carousel .wk-carousel-next { width:36px; height:36px; }
    [dir="rtl"] .wk-hero-carousel .wk-carousel-prev,
    .wk-hero-carousel.rtl .wk-carousel-prev { right:10px; left:auto; }
    [dir="rtl"] .wk-hero-carousel .wk-carousel-next,
    .wk-hero-carousel.rtl .wk-carousel-next { left:10px; right:auto; }
}

/* ============================================================
   UI Refresh v2 — tighter grid, richer product imagery, unified
   header/footer, and touch-first mobile spacing.
   ============================================================ */
button .wk-ui-icon,
a .wk-ui-icon { vertical-align: -0.18em; }
.wk-ui-icon.lucide { overflow: visible; }

.wk-header {
    background: color-mix(in srgb, var(--wk-surface) 94%, transparent);
    backdrop-filter: blur(14px);
}
.wk-header-inner { min-height: 74px; padding: 10px 22px; }
.wk-logo { gap: 9px; font-size: 19px; }
.wk-logo img { border-radius: 10px; }
.wk-header-actions { gap: 7px !important; }
.wk-header-actions > * { min-height: 40px; }
.wk-header-actions #accountToggle,
.wk-cart-btn,
.wk-mobile-menu-toggle {
    border: 1px solid var(--wk-border) !important;
    border-radius: 12px !important;
    background: var(--wk-surface) !important;
    box-shadow: 0 2px 10px rgba(30,27,46,.035);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
}
.wk-header-actions #accountToggle { color: var(--wk-text) !important; padding: 8px 11px !important; }
.wk-cart-btn { padding: 8px 11px; }
.wk-header-actions #accountToggle:hover,
.wk-cart-btn:hover,
.wk-mobile-menu-toggle:hover {
    transform: translateY(-1px);
    border-color: var(--wk-purple) !important;
    color: var(--wk-purple-ink) !important;
    box-shadow: 0 8px 22px rgba(124,58,237,.10);
}
.wk-cart-btn .wk-ui-icon,
.wk-header-actions #accountToggle .wk-ui-icon { width: 17px; height: 17px; }
.wk-mobile-menu-toggle { align-items: center; justify-content: center; padding: 8px !important; color: var(--wk-text); }

.wk-search { flex-basis: 260px; }
.wk-search-input { min-height: 42px; padding-top: 10px; padding-bottom: 10px; border-width: 1px; background: var(--wk-bg); box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }

.wk-section { padding: 54px 0; }
.wk-section-title { font-size: clamp(22px, 3vw, 28px); margin-bottom: 8px; }
.wk-section-sub { margin-bottom: 26px; }

.wk-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.wk-product-card {
    border: 1px solid var(--wk-border);
    border-radius: 22px;
    background: var(--wk-surface);
    box-shadow: var(--wk-shadow-sm);
    overflow: hidden;
    min-width: 0;
}
.wk-product-card:hover {
    transform: translateY(-7px);
    border-color: color-mix(in srgb, var(--wk-purple) 45%, var(--wk-border));
    box-shadow: var(--wk-shadow-md);
}
.wk-product-card:hover .wk-product-img img { transform: scale(1.075) translateY(-3px); filter: drop-shadow(0 22px 30px rgba(30,27,46,.15)); }
.wk-product-img .wk-ui-icon { position: relative; z-index: 2; width: 54px; height: 54px; color: var(--wk-purple-ink); opacity: .35; }
.wk-product-badge { top: 16px; left: 16px; z-index: 3; padding: 6px 11px; border-radius: 999px; font-size: 10px; box-shadow: 0 6px 16px rgba(124,58,237,.15); }
.wk-product-info { padding: 16px 17px 14px; background: var(--wk-surface); }
.wk-product-cat { min-height: 16px; margin-bottom: 7px; font-size: 10px; letter-spacing: .75px; }
.wk-product-name { min-height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.45; margin-bottom: 8px; }
.wk-product-price { min-height: 30px; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
.wk-product-price .current { font-size: 17px; }
.wk-product-price .original { font-size: 12px; }
.wk-product-card .wk-add-btn {
    width: calc(100% - 24px);
    margin: auto 12px 12px !important;
    min-height: 44px;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--wk-text), color-mix(in srgb, var(--wk-text) 84%, var(--wk-purple)));
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: 0 8px 20px rgba(30,27,46,.08);
}
.wk-product-card .wk-add-btn:hover { background: linear-gradient(135deg, var(--wk-purple-ink), var(--wk-purple)); transform: translateY(-1px); }
.wk-product-card .wk-add-btn .wk-ui-icon { width: 17px; height: 17px; margin-inline-end: 5px; }
.wk-product-card .wk-add-btn[disabled] { background: var(--wk-border) !important; color: var(--wk-muted) !important; box-shadow: none; }
.wk-product-card [class*="rating"],
.wk-product-card .wk-rating { display: inline-flex; align-items: center; gap: 5px; min-height: 20px; margin-bottom: 7px; }

.wk-carousel { border-radius: 26px; overflow: hidden; box-shadow: var(--wk-shadow-md); border: 1px solid var(--wk-border); background: var(--wk-surface); }
.wk-carousel-slide-inner { min-height: 360px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); align-items: stretch; }
.wk-carousel-img { min-height: 360px; padding: 34px; background: radial-gradient(circle at 45% 35%, #fff 0, transparent 45%), linear-gradient(145deg, var(--wk-purple-soft), var(--wk-bg)); }
.wk-carousel-img img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 24px 34px rgba(30,27,46,.14)); transition: transform .45s ease; }
.wk-carousel-img:hover img { transform: scale(1.035) translateY(-4px); }
.wk-carousel-info { padding: clamp(26px, 4vw, 42px); display: flex; flex-direction: column; justify-content: center; }
.wk-carousel-name { font-size: clamp(22px, 3vw, 34px); line-height: 1.25; margin: 4px 0 10px; }
.wk-carousel-desc { color: var(--wk-muted); line-height: 1.8; margin-bottom: 18px; }
.wk-carousel-add-btn { min-height: 46px; border-radius: 14px; display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; }
.wk-carousel-prev,
.wk-carousel-next {
    width: 44px !important; height: 44px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.86) !important;
    color: var(--wk-text) !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    box-shadow: 0 8px 24px rgba(30,27,46,.12);
}
.wk-carousel-prev:hover,
.wk-carousel-next:hover { background: #fff !important; transform: translateY(-50%) scale(1.04); }

.wk-cart-empty-icon,
.wk-product-img > .wk-ui-icon { display: grid; place-items: center; }
.wk-cart-empty-icon .wk-ui-icon { width: 42px; height: 42px; color: var(--wk-purple-ink); }

.wk-footer {
    position: relative; padding: 0;
    background:
        radial-gradient(circle at 15% 5%, rgba(139,92,246,.18), transparent 28%),
        radial-gradient(circle at 86% 0%, rgba(236,72,153,.14), transparent 25%),
        var(--wk-text);
    color: rgba(255,255,255,.64);
}
.wk-footer-grid { display: grid; align-items: start; }
.wk-footer-brand-col { min-width: 0; }
.wk-footer-logo { display: inline-flex; align-items: center; gap: 10px; color: #fff !important; font-size: 18px; font-weight: 900; margin-bottom: 14px; }
.wk-footer-logo-mark {
    width: 38px; height: 38px; border-radius: 13px;
    display: grid; place-items: center; color: #fff;
    background: linear-gradient(135deg, var(--wk-purple), var(--wk-pink));
    box-shadow: 0 10px 24px rgba(139,92,246,.28);
}
.wk-footer-logo-mark .wk-ui-icon { width: 19px; height: 19px; }
.wk-footer-description { margin: 0 0 20px; }
.wk-footer-contact { margin-top: 10px; display: grid; gap: 8px; }
.wk-footer-contact-item { display: inline-flex !important; align-items: center; gap: 9px; width: fit-content; color: rgba(255,255,255,.7) !important; }
.wk-footer-contact-icon {
    width: 30px; height: 30px; display: grid; place-items: center;
    border: 1px solid rgba(255,255,255,.11); border-radius: 10px;
    background: rgba(255,255,255,.06);
}
.wk-footer-contact-icon .wk-ui-icon { width: 15px; height: 15px; }
.wk-footer-col { display: grid; align-content: start; }
.wk-footer-col h2 { color: #fff; font-weight: 900; margin: 0 0 6px; }
.wk-footer-col a { color: rgba(255,255,255,.52) !important; transition: color .18s ease, transform .18s ease; width: fit-content; }
.wk-footer-col a:hover { color: #fff !important; transform: translateX(-2px); }
.wk-footer-bottom {
    margin-top: 38px; padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.09);
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap;
    line-height: 1.8; color: rgba(255,255,255,.38);
}
.wk-footer-brandline { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.wk-footer-brandline a { color: #fff !important; font-weight: 800; }
.wk-footer-heart {
    width: 24px; height: 24px; display: grid; place-items: center;
    border-radius: 8px; color: #fff;
    background: rgba(236,72,153,.16);
}
.wk-footer-heart .wk-ui-icon { width: 12px; height: 12px; }

.wk-mobile-bottom-nav {
    backdrop-filter: blur(18px);
    background: color-mix(in srgb, var(--wk-surface) 92%, transparent) !important;
    border-top: 1px solid var(--wk-border) !important;
    box-shadow: 0 -10px 30px rgba(30,27,46,.07);
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
}
.wk-mobile-bottom-item {
    min-width: 0 !important;
    min-height: 54px !important;
    border-radius: 14px !important;
    color: var(--wk-muted) !important;
}
.wk-mobile-bottom-item:hover,
.wk-mobile-bottom-item:focus-visible,
.wk-mobile-bottom-item[aria-current="page"] {
    color: var(--wk-purple-ink) !important;
    background: var(--wk-purple-soft) !important;
}
.wk-mobile-bottom-icon { width: 24px; height: 24px; display: grid; place-items: center; position: relative; }
.wk-mobile-bottom-icon .wk-ui-icon { width: 19px; height: 19px; }
.wk-mobile-bottom-item > span:last-child { font-size: 10px !important; font-weight: 800; margin-top: 2px; }
.wk-mobile-bottom-badge { min-width: 17px !important; height: 17px !important; font-size: 9px !important; top: -3px !important; inset-inline-end: -5px !important; }

.wk-mobile-menu-drawer { box-shadow: -20px 0 50px rgba(30,27,46,.12) !important; }
.wk-mobile-menu-head { min-height: 58px !important; padding: 12px 16px !important; border-bottom-color: var(--wk-border) !important; }
.wk-mobile-menu-head button { width: 38px !important; height: 38px !important; display: grid !important; place-items: center !important; border-radius: 12px !important; }
.wk-mobile-menu-nav a { min-height: 48px; display: flex !important; align-items: center; border-bottom-color: var(--wk-border) !important; }

.wk-cart-drawer { width: min(430px, 100vw); box-shadow: -18px 0 50px rgba(30,27,46,.16); }
.wk-cart-drawer-header { padding: 16px 18px; min-height: 68px; }
.wk-cart-close { min-height: 40px; display: inline-flex; align-items: center; gap: 6px; }
.wk-cart-items { padding: 12px 18px; }
.wk-cart-footer { padding: 16px 18px calc(16px + env(safe-area-inset-bottom, 0px)); }

input, select, textarea, button { max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--wk-purple); outline-offset: 2px; }

@media (max-width: 1100px) {
    .wk-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .wk-footer-grid { grid-template-columns: 1.35fr repeat(3, minmax(115px, 1fr)); gap: 28px; }
    .wk-header-nav { gap: 6px 14px; }
}
@media (max-width: 900px) {
    .wk-header-inner { padding-inline: 16px; }
    .wk-header-nav { display: none; }
    .wk-header-actions { margin-inline-start: auto; }
    .wk-search { order: 3; flex: 1 1 100%; }
    .wk-search-input { min-height: 40px; }
    .wk-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .wk-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wk-footer-brand-col { grid-column: 1 / -1; }
    .wk-carousel-slide-inner { grid-template-columns: 1fr; }
    .wk-carousel-img { min-height: 300px; }
    .wk-carousel-info { min-height: 320px; padding: 26px; }
}
@media (max-width: 640px) {
    body { padding-bottom: 78px; }
    .wk-header-inner { min-height: 62px; padding: 8px 12px; }
    .wk-logo { font-size: 17px; max-width: 44%; }
    .wk-logo-text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
    .wk-header-actions .wk-btn-label { display: none; }
    .wk-header-actions #accountToggle,
    .wk-cart-btn,
    .wk-mobile-menu-toggle { width: 40px; height: 40px; min-width: 40px; padding: 0 !important; justify-content: center; }
    .wk-header-actions #accountToggle .wk-ui-icon[data-lucide="chevron-down"] { display: none; }
    .wk-header-actions .wk-ui-icon { width: 18px; height: 18px; }
    .wk-search { margin-top: 2px; }
    .wk-search-input { border-radius: 13px; padding-inline: 12px 40px; }
    .wk-section { padding: 38px 0; }
    .wk-container { padding-inline: 14px; }
    .wk-product-grid { gap: 12px; }
    .wk-product-img { min-height: 0; aspect-ratio: 1 / 1; }
    .wk-product-info { padding: 12px 12px 10px; }
    .wk-product-cat { font-size: 9px; margin-bottom: 5px; }
    .wk-product-name { font-size: 13px; min-height: 38px; }
    .wk-product-price .current { font-size: 15px; }
    .wk-product-card .wk-add-btn { width: calc(100% - 16px); margin: auto 8px 8px !important; min-height: 42px; padding-inline: 8px; font-size: 11px; }
    .wk-carousel { border-radius: 20px; }
    .wk-carousel-img { min-height: 230px; padding: 18px; }
    .wk-carousel-info { min-height: 0; padding: 22px 18px 24px; }
    .wk-carousel-name { font-size: 22px; }
    .wk-footer { margin-top: 44px; }
    .wk-footer-shell { padding: 38px 14px 18px; }
    .wk-footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .wk-footer-brand-col { grid-column: auto; }
    .wk-footer-description { max-width: none; }
    .wk-footer-bottom { margin-top: 28px; align-items: flex-start; flex-direction: column; gap: 8px; }
    .wk-social { bottom: 88px !important; }
    .wk-chat-window { max-width: calc(100vw - 24px) !important; }
}
@media (max-width: 380px) {
    .wk-logo { max-width: 40%; }
    .wk-product-grid { gap: 10px; }
    .wk-product-card .wk-add-btn { font-size: 10.5px; }
    .wk-mobile-bottom-nav { padding-inline: 4px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .wk-product-card,
    .wk-product-img img,
    .wk-carousel-img img,
    .wk-header-actions #accountToggle,
    .wk-cart-btn,
    .wk-mobile-menu-toggle { transition: none !important; }
}

/* ================================================================
   PARESHMART FINAL UX POLISH — product/mobile/home/cart-modal/articles
   ================================================================ */
.wk-ui-icon { width: 1em; height: 1em; flex: 0 0 auto; }

.wk-header { box-shadow: 0 4px 18px rgba(30,27,46,.045); }
.wk-header-inner { gap: 12px 18px; }
.wk-header-nav > a,
.wk-nav-dropdown-trigger { padding: 9px 8px; border-radius: 10px; }
.wk-header-nav > a:hover,
.wk-nav-dropdown-trigger:hover { background: var(--wk-purple-soft); }
.wk-cart-btn,
.wk-mobile-menu-toggle,
.wk-header-actions #accountToggle { min-height: 42px; border-radius: 12px !important; box-shadow: 0 4px 14px rgba(30,27,46,.04); }
.wk-header-actions #accountToggle { border-color: var(--wk-border) !important; }
.wk-account-drop { border-radius: 16px !important; box-shadow: 0 18px 48px rgba(30,27,46,.15) !important; }
.wk-account-drop a,
.wk-account-drop form button { display:flex !important; align-items:center; gap:8px; text-align:right !important; }

.wk-product-layout { grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important; gap: 34px !important; }
.wk-product-layout > * { min-width: 0; }
.wk-product-layout #mainImage { background: linear-gradient(145deg, var(--wk-bg), var(--wk-surface)) !important; border: 1px solid var(--wk-border) !important; box-shadow: 0 18px 50px rgba(30,27,46,.07); }
.wk-product-layout #mainImage img { object-fit: contain !important; padding: 18px; }
.wk-product-layout .wk-thumb { background: var(--wk-surface); box-shadow: 0 4px 14px rgba(30,27,46,.05); }
.wk-product-layout .wk-thumb img { object-fit: contain !important; padding: 4px; }
.wk-product-layout .variant-opt { min-height: 42px !important; border-radius: 12px !important; }
.wk-product-layout .wk-buy-row { align-items: stretch; }
.wk-product-layout .wk-buy-cta { min-height: 52px; border-radius: 14px; }

.wk-category-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 18px !important; }
.wk-category-card {
    position: relative; min-width: 0;
    background: var(--wk-surface) !important;
    border: 1px solid var(--wk-border) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 26px rgba(30,27,46,.055);
    overflow: hidden; transform: translateY(0);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.wk-category-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(30,27,46,.10); border-color: var(--wk-purple) !important; }
.wk-category-card .wk-category-media { position:relative; height: 168px; overflow:hidden; background:linear-gradient(145deg,var(--wk-bg),var(--wk-surface)); }
.wk-category-card .wk-category-media img { width:100%; height:100%; object-fit:cover !important; transition:transform .35s ease; }
.wk-category-card:hover .wk-category-media img { transform:scale(1.06); }
.wk-category-card .wk-category-body { padding: 14px 16px 16px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.wk-category-card .wk-category-count { font-size:11px; color:var(--wk-muted); margin-top:3px; }
.wk-category-card .wk-category-arrow { width:30px; height:30px; border-radius:10px; display:grid; place-items:center; background:var(--wk-purple-soft); color:var(--wk-purple-ink); flex:0 0 auto; }

.wk-sale-strip { scrollbar-width: thin; scrollbar-color: var(--wk-border) transparent; }
.wk-sale-strip::-webkit-scrollbar { height: 7px; }
.wk-sale-strip::-webkit-scrollbar-thumb { background: var(--wk-border); border-radius: 999px; }
.wk-sale-card {
    flex: 0 0 232px !important; min-width: 0; scroll-snap-align: start;
    background: var(--wk-surface) !important;
    border:1px solid var(--wk-border) !important;
    border-radius:20px !important;
    overflow:hidden; box-shadow:0 8px 24px rgba(30,27,46,.055);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.wk-sale-card:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(30,27,46,.10); border-color:var(--wk-purple) !important; }
.wk-sale-card .wk-sale-media { height:190px; position:relative; overflow:hidden; background:linear-gradient(145deg,var(--wk-bg),var(--wk-surface)); }
.wk-sale-card .wk-sale-media img { width:100%; height:100%; object-fit:contain !important; padding:14px; transition:transform .35s ease; }
.wk-sale-card:hover .wk-sale-media img { transform:scale(1.045); }
.wk-sale-card .wk-sale-body { padding:14px 16px 16px; }
.wk-sale-card .wk-sale-name { min-height:40px; font-size:13px; font-weight:900; line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wk-sale-card .wk-sale-price { margin-top:8px; display:flex; gap:7px; align-items:baseline; flex-wrap:wrap; }
.wk-sale-card .wk-sale-cta { margin-top:12px; display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; font-weight:900; color:var(--wk-purple-ink); }
.wk-sale-card .wk-sale-badge { position:absolute; top:10px; inset-inline-start:10px; background:linear-gradient(135deg,#ef4444,#f97316); color:#fff; font-size:11px; font-weight:900; padding:5px 9px; border-radius:999px; box-shadow:0 8px 18px rgba(239,68,68,.22); }

.wk-cart-success-overlay {
    position:fixed; inset:0; background:rgba(18,15,28,.46); backdrop-filter:blur(5px);
    opacity:0; visibility:hidden; pointer-events:none; z-index:10050;
    transition:opacity .22s ease, visibility .22s ease;
}
.wk-cart-success-overlay.open { opacity:1; visibility:visible; pointer-events:auto; }
.wk-cart-success-modal {
    position:fixed; inset-inline:50%; top:50%;
    width:min(92vw,460px);
    transform:translate(-50%,-46%) scale(.96);
    background:var(--wk-surface);
    border:1px solid var(--wk-border);
    border-radius:24px;
    box-shadow:0 28px 90px rgba(18,15,28,.24);
    opacity:0; visibility:hidden; z-index:10051;
    transition:transform .22s ease, opacity .22s ease, visibility .22s ease;
    overflow:hidden;
}
.wk-cart-success-modal.open { transform:translate(-50%,-50%) scale(1); opacity:1; visibility:visible; }
.wk-cart-success-head { padding:26px 24px 14px; text-align:center; }
.wk-cart-success-icon {
    width:64px; height:64px; margin:0 auto 14px;
    display:grid; place-items:center; border-radius:20px;
    background:linear-gradient(135deg,var(--wk-green-soft),var(--wk-purple-soft));
    color:var(--wk-green);
    box-shadow:0 14px 30px rgba(16,185,129,.15);
}
.wk-cart-success-icon .wk-ui-icon { width:30px; height:30px; stroke-width:2.5; }
.wk-cart-success-title { font-size:19px; font-weight:900; margin-bottom:4px; }
.wk-cart-success-subtitle { color:var(--wk-muted); font-size:12px; line-height:1.8; }
.wk-cart-success-product {
    display:flex; align-items:center; gap:12px;
    margin:10px 20px 18px; padding:10px;
    border:1px solid var(--wk-border); border-radius:15px;
    background:var(--wk-bg);
}
.wk-cart-success-product-image { width:56px; height:56px; border-radius:12px; overflow:hidden; background:var(--wk-surface); flex:0 0 auto; display:grid; place-items:center; }
.wk-cart-success-product-image img { width:100%; height:100%; object-fit:contain; padding:6px; }
.wk-cart-success-product-name { font-size:13px; font-weight:800; line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wk-cart-success-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 20px 20px; }
.wk-cart-success-actions button,
.wk-cart-success-actions a {
    min-height:48px; border-radius:13px;
    display:flex; align-items:center; justify-content:center; gap:7px;
    font:800 13px var(--wk-font-safe); cursor:pointer; text-decoration:none;
}
.wk-cart-success-continue { background:var(--wk-bg); color:var(--wk-text); border:1px solid var(--wk-border); }
.wk-cart-success-go { background:linear-gradient(135deg,var(--wk-purple),var(--wk-pink)); color:#fff; border:0; box-shadow:0 10px 26px rgba(139,92,246,.2); }

.wk-article-archive-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:26px; }
.wk-article-archive-title-wrap { min-width:0; }
.wk-article-cats { margin-top:0; }
.wk-article-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.wk-article-card { border:1px solid var(--wk-border); border-radius:20px; box-shadow:0 8px 26px rgba(30,27,46,.055); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.wk-article-card:hover { transform:translateY(-4px); border-color:var(--wk-purple); box-shadow:0 16px 36px rgba(30,27,46,.10); }
.wk-article-image { position:relative; aspect-ratio:16/9; background:linear-gradient(145deg,var(--wk-bg),var(--wk-surface)); }
.wk-article-image img { object-fit:cover; transition:transform .35s ease; }
.wk-article-card:hover .wk-article-image img { transform:scale(1.04); }
.wk-article-placeholder { color:var(--wk-purple-ink); opacity:.55; }
.wk-article-body { padding:18px; }
.wk-article-body h2 { margin:10px 0 9px; font-size:18px; }
.wk-article-card .wk-article-readmore { margin-top:14px; display:inline-flex; align-items:center; gap:6px; color:var(--wk-purple-ink); font-size:12px; font-weight:900; }
.wk-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:7px; font-size:11px; }
.wk-article-single { padding:36px 0 64px; }
.wk-article-header { max-width:900px; }
.wk-article-header h1 { letter-spacing:-.7px; }
.wk-article-header .wk-article-meta { margin-top:12px; }
.wk-article-cover { max-width:1040px; border:1px solid var(--wk-border); box-shadow:0 20px 55px rgba(30,27,46,.08); }
.wk-article-content { font-size:17px; color:var(--wk-text); }
.wk-article-content h2 { font-size:27px; margin-top:36px; }
.wk-article-content h3 { font-size:21px; margin-top:28px; }
.wk-article-content ul, .wk-article-content ol { padding-inline-start:28px; margin:0 0 20px; }
.wk-article-content li { margin-bottom:8px; }
.wk-article-content pre { overflow:auto; padding:16px; background:var(--wk-text); color:#fff; border-radius:14px; }
.wk-article-comments { padding-bottom:10px; }

@media (max-width: 980px) {
    .wk-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .wk-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 768px) {
    .wk-product-layout { grid-template-columns:minmax(0,1fr) !important; gap:20px !important; }
    .wk-product-layout > * { width:100%; }
    .wk-product-layout #mainImage { aspect-ratio: 1 / .94 !important; }
    .wk-product-layout #mainImage img { padding:14px; }
    .wk-buy-row { flex-wrap:wrap; }
    .wk-buy-row .wk-buy-cta { flex:1 0 100% !important; width:100%; }
    .wk-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
    .wk-category-card .wk-category-media { height:135px; }
    .wk-sale-card { flex-basis:214px !important; }
    .wk-sale-card .wk-sale-media { height:168px; }
    .wk-article-single { padding-top:20px; }
    .wk-article-header h1 { font-size:29px; }
    .wk-article-content { font-size:15px; line-height:2.05; }
}
@media (max-width: 560px) {
    .wk-header-nav { display:none !important; }
    .wk-header-inner { min-height:64px; }
    .wk-logo { max-width:42%; }
    .wk-search { order:3; flex-basis:100%; margin-top:2px; }
    .wk-header-actions { margin-inline-start:auto; }
    .wk-cart-success-modal { width:calc(100vw - 24px); border-radius:20px; }
    .wk-cart-success-head { padding:22px 18px 10px; }
    .wk-cart-success-product { margin-inline:14px; }
    .wk-cart-success-actions { padding:0 14px 14px; }
    .wk-article-grid { grid-template-columns:1fr; gap:14px; }
    .wk-article-card .wk-article-body { padding:15px; }
    .wk-article-cats { width:100%; overflow-x:auto; flex-wrap:nowrap; padding-bottom:3px; }
    .wk-article-cats a { flex:0 0 auto; }
}
@media (max-width: 420px) {
    .wk-category-grid { grid-template-columns:1fr 1fr !important; }
    .wk-category-card .wk-category-media { height:118px; }
    .wk-category-card .wk-category-body { padding:11px 12px 13px; }
    .wk-category-card .wk-category-arrow { width:26px; height:26px; }
    .wk-sale-card { flex-basis:200px !important; }
    .wk-sale-card .wk-sale-media { height:154px; }
    .wk-cart-success-actions { grid-template-columns:1fr; }
}

/* ================================================================
   FINAL CONSISTENCY LAYER — cumulative UI + cart patch
   ================================================================ */
.wk-cart-added-modal { position:fixed; inset:0; z-index:10080; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(17,12,31,.46); backdrop-filter:blur(6px); }
.wk-cart-added-modal.is-open { display:flex; }
.wk-cart-added-dialog {
    width:min(440px,calc(100vw - 28px));
    background:var(--wk-surface); border:1px solid var(--wk-border);
    border-radius:24px; padding:26px;
    box-shadow:0 26px 80px rgba(30,27,46,.24);
    text-align:center;
    transform:translateY(10px) scale(.98); opacity:0;
    transition:transform .22s ease,opacity .22s ease;
}
.wk-cart-added-modal.is-open .wk-cart-added-dialog { transform:none; opacity:1; }
.wk-cart-added-icon { width:66px; height:66px; margin:0 auto 14px; border-radius:20px; display:grid; place-items:center; background:linear-gradient(135deg,var(--wk-purple-soft),var(--wk-pink-soft)); color:var(--wk-purple-ink); }
.wk-cart-added-icon svg { width:30px; height:30px; }
.wk-cart-added-title { font-size:21px; font-weight:950; color:var(--wk-text); margin:0 0 7px; }
.wk-cart-added-text { font-size:13px; color:var(--wk-muted); line-height:1.7; margin:0 0 20px; }
.wk-cart-added-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wk-cart-added-actions a, .wk-cart-added-actions button { min-height:48px; border-radius:13px; font-family:var(--wk-font-safe,var(--font)); font-size:13px; font-weight:900; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:7px; text-decoration:none; }
.wk-cart-added-continue { background:var(--wk-bg); border:1px solid var(--wk-border); color:var(--wk-text); }
.wk-cart-added-go { background:var(--wk-purple-ink); border:1px solid var(--wk-purple-ink); color:#fff; box-shadow:0 8px 22px rgba(124,58,237,.18); }
.wk-cart-added-dialog .wk-ui-icon { width:17px; height:17px; }
.wk-home-sale-strip { grid-auto-flow:column; grid-auto-columns:minmax(220px,250px); }
.wk-footer-col { min-width:0; }
.wk-footer-col a { max-width:100%; overflow-wrap:anywhere; }
.wk-header-inner, .wk-header-actions, .wk-card, .wk-auth-card, .wk-cart-summary, .wk-cart-line, .wk-checkout-card, .wk-product-layout>*, .wk-checkout-layout>* { min-width:0; max-width:100%; }
.wk-card img, .wk-auth-card img, .wk-cart-line img, .wk-checkout-layout img { max-width:100%; height:auto; }
.wk-product-layout h1, .wk-product-layout h2, .wk-product-layout p, .wk-card h1, .wk-card h2, .wk-card p { overflow-wrap:anywhere; }
.wk-cart-btn, .wk-mobile-menu-toggle, .wk-header-actions #accountToggle { min-width:42px; }

@media(max-width:900px) {
    .wk-product-layout, .wk-checkout-layout, .wk-cart-page { grid-template-columns:minmax(0,1fr) !important; }
    .wk-cols-2, .wk-cols-3 { grid-template-columns:minmax(0,1fr) !important; }
    .wk-cart-summary { position:static; top:auto; }
    .wk-home-categories-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; }
}
@media(max-width:768px) {
    .wk-home-category-media { height:118px !important; }
    .wk-home-category-body { min-height:68px; padding:11px 12px 12px !important; }
    .wk-home-category-name { font-size:13px; }
    .wk-home-sale-strip { grid-auto-columns:minmax(205px,74vw); gap:12px; }
    .wk-home-sale-media { height:165px !important; }
    .wk-footer-shell { padding-top:34px; padding-bottom:18px; }
    .wk-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px 14px !important; }
    .wk-footer-brand-col { grid-column:1 / -1 !important; }
    .wk-footer-col { gap:7px; }
    .wk-footer-col h2 { margin-bottom:4px; }
    .wk-footer-contact { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .wk-footer-contact-item { min-width:0; }
    .wk-footer-contact-item>span:last-child { overflow-wrap:anywhere; }
    .wk-footer-bottom { margin-top:24px; }
    .wk-product-layout { gap:20px !important; }
    .wk-product-layout #mainImage { aspect-ratio:1 / .94 !important; }
    .wk-buy-row { flex-wrap:wrap; }
    .wk-buy-row .wk-buy-cta { flex:1 0 100% !important; width:100%; }
    .wk-cart-line { grid-template-columns:76px minmax(0,1fr) !important; grid-template-areas:"img info" "total total" !important; }
    .wk-cart-line-img { width:76px; height:76px; }
}
@media(max-width:600px) {
    .wk-home-categories-grid { gap:10px !important; }
    .wk-home-sale-strip { grid-auto-columns:minmax(198px,78vw); }
    .wk-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .wk-footer-contact { grid-template-columns:1fr; }
    .wk-footer-description { max-width:none; }
    .wk-footer-bottom { flex-direction:column; align-items:flex-start; }
    .wk-cart-added-dialog { width:calc(100vw - 24px); padding:22px 17px 17px; border-radius:21px; }
    .wk-article-grid { grid-template-columns:1fr; gap:14px; }
    .wk-article-content { font-size:15px; line-height:2.05; }
}
@media(max-width:380px) {
    .wk-home-category-media { height:104px !important; }
    .wk-home-category-body { padding:9px 10px 10px !important; }
    .wk-home-category-name { font-size:12px; }
    .wk-footer-grid { gap:16px 10px !important; }
    .wk-footer-col a { font-size:11px; }
    .wk-cart-added-actions { grid-template-columns:1fr; }
}

/* ================================================================
   HOME ISOLATION PATCH
   ================================================================ */
.wk-home-categories-grid {
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(220px,280px)) !important;
    justify-content:start;
    gap:18px !important;
    min-width:0;
    margin-top:24px !important;
}
.wk-home-category-card {
    min-width:0; display:block; overflow:hidden;
    background:var(--wk-surface) !important;
    border:1px solid var(--wk-border) !important;
    border-radius:20px !important;
    box-shadow:0 8px 26px rgba(30,27,46,.055);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.wk-home-category-card:hover { transform:translateY(-4px); border-color:var(--wk-purple) !important; box-shadow:0 16px 36px rgba(30,27,46,.10); }
.wk-home-category-media { position:relative; height:158px !important; overflow:hidden; background:linear-gradient(145deg,var(--wk-bg),var(--wk-surface)); }
.wk-home-category-media > div { width:100%; height:100%; }
.wk-home-category-media img { width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .35s ease; }
.wk-home-category-card:hover .wk-home-category-media img { transform:scale(1.05); }
.wk-home-category-body { min-height:70px; padding:13px 14px 14px !important; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.wk-home-category-name { min-width:0; color:var(--wk-text); font-size:14px; font-weight:900; line-height:1.45; overflow-wrap:anywhere; }
.wk-home-category-count { margin-top:4px; color:var(--wk-muted); font-size:11px; font-weight:700; }
.wk-home-category-arrow { width:31px; height:31px; flex:0 0 31px; display:grid; place-items:center; border-radius:10px; background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.wk-home-category-arrow .wk-ui-icon { width:16px; height:16px; }
.wk-home-sale-strip { min-width:0; scrollbar-color:var(--wk-border) transparent; }
.wk-home-sale-strip::-webkit-scrollbar { height:7px; }
.wk-home-sale-strip::-webkit-scrollbar-thumb { background:var(--wk-border); border-radius:999px; }
.wk-home-sale-card { display:flex; flex-direction:column; overflow:hidden; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.wk-home-sale-media { flex:0 0 188px; position:relative; overflow:hidden; cursor:pointer; }
.wk-home-sale-media img { width:100% !important; height:100% !important; object-fit:contain !important; transition:transform .35s ease; }
.wk-home-sale-card:hover .wk-home-sale-media img { transform:scale(1.045); }
.wk-home-sale-badge { position:absolute; color:#fff; font-weight:900; }
.wk-home-sale-body { flex:1 1 auto; display:flex; flex-direction:column; cursor:pointer; }
.wk-home-sale-name { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.wk-home-sale-price { display:flex; flex-wrap:wrap; }
.wk-home-sale-price .original { text-decoration:line-through; }
.wk-home-sale-cta { margin-top:auto; padding-top:12px; align-items:center; justify-content:space-between; gap:8px; color:var(--wk-purple-ink); font-size:12px; font-weight:900; }
.wk-home-sale-cta .wk-ui-icon { width:16px; height:16px; }
@media (max-width: 980px) { .wk-home-categories-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; justify-content:stretch; } }
@media (max-width: 700px) {
    .wk-home-categories-grid { gap:12px !important; }
    .wk-home-category-media { height:132px !important; }
    .wk-home-category-body { min-height:66px; padding:11px 12px 12px !important; }
    .wk-home-category-name { font-size:13px; }
    .wk-home-category-arrow { width:28px; height:28px; flex-basis:28px; }
    .wk-home-sale-card { flex-basis:min(78vw,270px) !important; width:min(78vw,270px); min-width:min(78vw,270px) !important; }
    .wk-home-sale-media { height:min(58vw,190px) !important; flex-basis:min(58vw,190px); }
}
@media (max-width: 420px) {
    .wk-home-categories-grid { gap:10px !important; }
    .wk-home-category-media { height:112px !important; }
    .wk-home-category-body { padding:10px !important; }
    .wk-home-category-name { font-size:12px; }
    .wk-home-category-count { font-size:10px; }
    .wk-home-category-arrow { width:26px; height:26px; flex-basis:26px; }
    .wk-home-sale-card { flex-basis:78vw !important; width:78vw; min-width:78vw !important; }
    .wk-home-sale-media { height:54vw !important; flex-basis:54vw; }
}
#wkChatToggle,
#wkChatToggle svg,
#wkChatToggle .wk-ui-icon { color: #fff !important; stroke: #fff !important; fill: none !important; }

/* ================================================================
   AUTH OTP + TRACK UI — FINAL ADDITIVE LAYER
   ================================================================ */
.wk-otp-page .wk-btn,
.wk-track-page .wk-btn {
    width:100%; min-height:50px; border:0; border-radius:14px; padding:13px 18px;
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    background:linear-gradient(135deg,var(--wk-purple),var(--wk-pink));
    color:#fff; font-family:var(--wk-font-safe,var(--font));
    font-size:14px; font-weight:900; cursor:pointer;
    box-shadow:0 9px 24px rgba(139,92,246,.20);
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease, opacity .2s ease;
}
.wk-otp-page .wk-btn:hover,
.wk-track-page .wk-btn:hover { transform:translateY(-1px); box-shadow:0 13px 30px rgba(124,58,237,.24); }
.wk-otp-page .wk-btn:focus-visible,
.wk-track-page .wk-btn:focus-visible { outline:3px solid var(--wk-purple-soft); outline-offset:3px; }
.wk-otp-page .wk-btn:disabled,
.wk-track-page .wk-btn:disabled { opacity:.65; cursor:not-allowed; transform:none; box-shadow:none; }

.wk-otp-wrap { width:min(100%,520px); margin-inline:auto; }
.wk-otp-card {
    position:relative; overflow:hidden;
    padding:clamp(24px,5vw,34px);
    text-align:center;
    border:1px solid var(--wk-border); border-radius:24px;
    background:var(--wk-surface);
    box-shadow:0 22px 70px rgba(30,27,46,.09);
}
.wk-otp-card::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,var(--wk-purple),var(--wk-pink),var(--wk-green)); }
.wk-otp-icon {
    width:70px; height:70px; display:grid; place-items:center;
    margin:0 auto 16px; border-radius:21px;
    color:var(--wk-purple-ink);
    background:linear-gradient(135deg,var(--wk-purple-soft),var(--wk-pink-soft));
    box-shadow:0 12px 28px rgba(124,58,237,.10);
}
.wk-otp-icon .wk-ui-icon { width:32px; height:32px; stroke-width:2.2; }
.wk-otp-title { font-size:clamp(23px,5vw,29px); font-weight:950; line-height:1.3; margin:0 0 8px; }
.wk-otp-subtitle { margin:0 auto; max-width:400px; font-size:13px; line-height:1.9; color:var(--wk-muted); }
.wk-otp-subtitle strong { color:var(--wk-text); font-weight:900; }
.wk-otp-cells { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; direction:ltr; margin:24px auto 18px; max-width:390px; }
.wk-otp-cell {
    width:100%; min-width:0; height:58px;
    border:2px solid var(--wk-border); border-radius:14px;
    background:var(--wk-bg); color:var(--wk-text);
    text-align:center; font-family:var(--wk-font-safe,var(--font));
    font-size:24px; font-weight:950; line-height:1;
    direction:ltr; outline:none; caret-color:var(--wk-purple-ink);
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}
.wk-otp-cell::selection { background:var(--wk-purple-soft); }
.wk-otp-cell:focus {
    border-color:var(--wk-purple-ink); background:var(--wk-surface);
    box-shadow:0 0 0 4px var(--wk-purple-soft), 0 7px 18px rgba(124,58,237,.08);
    transform:translateY(-1px);
}
.wk-otp-cell.is-filled { border-color:color-mix(in srgb,var(--wk-purple) 62%,var(--wk-border)); background:var(--wk-surface); }
.wk-otp-cells.is-invalid .wk-otp-cell { border-color:var(--wk-red) !important; box-shadow:0 0 0 3px color-mix(in srgb,var(--wk-red) 12%,transparent); }
.wk-otp-hint { display:flex; align-items:center; justify-content:center; gap:7px; min-height:22px; margin:0 0 15px; color:var(--wk-muted); font-size:12px; line-height:1.6; }
.wk-otp-hint .wk-ui-icon { width:14px; height:14px; }
.wk-otp-error, .wk-otp-success { min-height:20px; margin:10px 0 14px; font-size:12.5px; font-weight:800; line-height:1.7; }
.wk-otp-error { color:var(--wk-red); }
.wk-otp-success { color:var(--wk-green); }
.wk-otp-loading { display:inline-flex; align-items:center; gap:7px; }
.wk-otp-spinner { width:15px; height:15px; border:2px solid rgba(255,255,255,.35); border-top-color:#fff; border-radius:50%; animation:wkOtpSpin .7s linear infinite; }
@keyframes wkOtpSpin { to { transform:rotate(360deg); } }
.wk-otp-footnote { margin-top:15px; font-size:11.5px; line-height:1.7; color:var(--wk-muted); }
.wk-otp-footnote button { appearance:none; border:0; padding:0; background:none; color:var(--wk-purple-ink); font:inherit; font-weight:900; cursor:pointer; text-decoration:none; }
.wk-otp-footnote button:hover { text-decoration:underline; }

.wk-track-wrap { width:min(100%,680px); margin-inline:auto; }
.wk-track-head { margin-bottom:20px; }
.wk-track-card { background:var(--wk-surface); border:1px solid var(--wk-border); border-radius:22px; padding:24px; margin-bottom:24px; box-shadow:0 12px 36px rgba(30,27,46,.055); }
.wk-track-card .wk-form-group { margin-bottom:14px !important; }
.wk-track-card .wk-form-group:last-of-type { margin-bottom:18px !important; }
.wk-track-card label { display:block; margin-bottom:7px !important; font-size:12px !important; font-weight:900 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--wk-muted) !important; }
.wk-track-card input {
    width:100% !important; min-height:48px; padding:12px 14px !important;
    border:2px solid var(--wk-border) !important; border-radius:12px !important;
    background:var(--wk-bg) !important; color:var(--wk-text) !important;
    box-shadow:none !important; outline:none;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.wk-track-card input:focus { border-color:var(--wk-purple-ink) !important; background:var(--wk-surface) !important; box-shadow:0 0 0 4px var(--wk-purple-soft) !important; }
.wk-track-card .wk-btn { margin-top:2px; }
.wk-track-result { background:var(--wk-surface); border:1px solid var(--wk-border); border-radius:22px; overflow:hidden; box-shadow:0 12px 40px rgba(30,27,46,.06); }
.wk-track-result-head,
.wk-track-result-section { padding:20px 22px !important; }
.wk-track-result-section { border-top:1px solid var(--wk-border); }
.wk-track-result .wk-track-pill { white-space:nowrap; }

@media (max-width:560px) {
    .wk-otp-card { border-radius:20px; padding:22px 16px; }
    .wk-otp-cells { gap:7px; margin-top:20px; }
    .wk-otp-cell { height:52px; border-radius:12px; font-size:21px; }
    .wk-track-card { padding:18px 15px; border-radius:19px; }
    .wk-track-result-head,
    .wk-track-result-section { padding:17px 15px !important; }
}
@media (max-width:390px) {
    .wk-otp-cells { gap:5px; }
    .wk-otp-cell { height:48px; border-radius:11px; font-size:19px; }
}
@media (prefers-reduced-motion:reduce) {
    .wk-otp-cell, .wk-otp-page .wk-btn, .wk-track-page .wk-btn { transition:none; }
    .wk-otp-page .wk-btn:hover, .wk-track-page .wk-btn:hover { transform:none; }
    .wk-otp-spinner { animation:none; }
}
/* ========================================================================== */
/* PARESHMART HOME EXTENSIONS                                                 */
/* ========================================================================== */
.pm-home-promo-slide picture,
.pm-home-promo-slide picture img { display:block; width:100%; height:100%; }
.pm-home-promo-overlay { position:absolute; inset:0; }
.pm-home-services-section { background:var(--wk-bg); }
.pm-home-services {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid var(--wk-border); border-radius:18px;
    background:var(--wk-surface);
    box-shadow:0 8px 28px rgba(30,27,46,.045);
    overflow:hidden;
}
.pm-home-service-card {
    display:flex; flex-direction:row !important; align-items:center !important;
    gap:13px; min-width:0; padding:18px 16px;
    border-inline-start:1px solid var(--wk-border);
}
.pm-home-service-card:first-child { border-inline-start:0; }
.pm-home-service-icon {
    position:relative !important; inset:auto !important; margin:0 !important;
    flex:0 0 46px !important;
    width:46px; height:46px; border-radius:14px;
    display:grid; place-items:center;
    background:var(--wk-purple-soft); color:var(--wk-purple-ink);
}
.pm-home-service-icon .wk-ui-icon { width:22px; height:22px; stroke-width:2; }
.pm-home-service-card>div { flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.pm-home-service-card strong {
    width:100%; text-align:right;
    font-size:13px; line-height:1.6; font-weight:950; color:var(--wk-text);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.pm-home-service-card>div>span {
    width:100%; text-align:right;
    display:block; margin-top:4px;
    font-size:10px; line-height:1.75; color:var(--wk-muted);
    overflow-wrap:anywhere;
}
.pm-home-added-section { padding-top:38px; }
.pm-home-added-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:20px; }
.pm-home-added-heading .wk-section-title { margin-bottom:0; }
.pm-home-added-heading .wk-section-sub { margin-top:4px; }
.pm-home-added-more { flex:0 0 auto; color:var(--wk-purple-ink); font-size:12px; font-weight:900; text-decoration:none; white-space:nowrap; }
.pm-home-article-cats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.pm-home-article-cats>a {
    display:flex; align-items:center; gap:10px; min-width:0;
    padding:13px; border:1px solid var(--wk-border); border-radius:15px;
    background:var(--wk-surface); color:var(--wk-text); text-decoration:none;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pm-home-article-cats>a:hover { transform:translateY(-2px); border-color:var(--wk-purple); box-shadow:0 10px 24px rgba(30,27,46,.06); }
.pm-home-article-cat-icon {
    width:38px; height:38px; flex:0 0 38px;
    display:grid; place-items:center; border-radius:11px;
    background:var(--wk-bg); color:var(--wk-purple-ink);
}
.pm-home-article-cat-icon .wk-ui-icon { width:18px; height:18px; }
.pm-home-article-cats>a>span:nth-child(2) { min-width:0; }
.pm-home-article-cats strong,
.pm-home-article-cats small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pm-home-article-cats strong { font-size:12px; font-weight:950; }
.pm-home-article-cats small { margin-top:4px; color:var(--wk-muted); font-size:10px; }
.pm-home-article-cat-arrow { margin-inline-start:auto; width:16px; height:16px; color:var(--wk-muted); flex:0 0 auto; }
.pm-home-articles-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pm-home-article-card {
    min-width:0; overflow:hidden;
    border:1px solid var(--wk-border); border-radius:18px;
    background:var(--wk-surface);
    box-shadow:0 8px 25px rgba(30,27,46,.04);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pm-home-article-card:hover { transform:translateY(-3px); border-color:var(--wk-purple); box-shadow:0 14px 32px rgba(30,27,46,.07); }
.pm-home-article-media { display:block; height:190px; overflow:hidden; background:var(--wk-bg); text-decoration:none; }
.pm-home-article-media img { display:block; width:100%; height:100%; object-fit:cover; }
.pm-home-article-empty { display:grid; place-items:center; width:100%; height:100%; color:var(--wk-muted); opacity:.28; }
.pm-home-article-empty .wk-ui-icon { width:48px; height:48px; }
.pm-home-article-body { padding:14px 15px 15px; }
.pm-home-article-cat-label { display:inline-flex; padding:5px 8px; border-radius:999px; background:var(--wk-purple-soft); color:var(--wk-purple-ink); font-size:9px; font-weight:900; }
.pm-home-article-title { display:block; margin-top:8px; color:var(--wk-text); font-size:15px; font-weight:950; line-height:1.65; text-decoration:none; }
.pm-home-article-body p { margin:8px 0 0; color:var(--wk-muted); font-size:11px; line-height:1.8; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.pm-home-article-meta { display:flex; justify-content:space-between; gap:10px; margin-top:12px; padding-top:10px; border-top:1px solid var(--wk-border); color:var(--wk-muted); font-size:10px; font-weight:800; }

.pm-footer-social { align-items:center; }
.pm-footer-social-link { text-decoration:none !important; }
.pm-footer-social-link svg { width:18px; height:18px; fill:currentColor; }
.pm-footer-trust-title { color:rgba(255,255,255,.82); font-size:12px; font-weight:900; }
.pm-footer-trust-items { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.pm-footer-trust-items a { display:block !important; padding:0 !important; text-decoration:none !important; }
.pm-footer-trust-items img { display:block; width:auto; height:58px; max-width:105px; object-fit:contain; border-radius:9px; background:#fff; padding:4px; }
.pm-footer-enamad {
    display:flex; align-items:center; justify-content:flex-start;
    padding-top:18px; border-top:1px solid rgba(255,255,255,.08);
    min-height:60px;
}
.pm-footer-enamad img,
.pm-footer-enamad a { max-width:100%; height:auto; }
.pm-footer-enamad>script { display:none; }
.pm-footer-enamad iframe { max-width:100%; }
@media(max-width:900px) { .pm-footer-enamad { justify-content:center; } }

.pm-home-promo-image-link { position:absolute; inset:0; display:block; width:100%; height:100%; }
.pm-home-promo-copy, .pm-home-promo-overlay { z-index:3; }
.pm-home-services-section { margin:18px 0 18px; padding:0; }
.pm-home-services-section+.wk-section { margin-top:0; }

@media(max-width:980px) {
    .pm-home-services { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pm-home-service-card:nth-child(odd) { border-inline-start:0; }
    .pm-home-service-card:nth-child(n+3) { border-top:1px solid var(--wk-border); }
    .pm-home-article-cats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pm-home-articles-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pm-footer-trust { align-items:flex-start; flex-direction:column; }
}
@media(max-width:700px) {
    .pm-home-promo { padding-top:8px; }
    .pm-home-services { border-radius:15px; }
    .pm-home-service-card { padding:14px 12px; gap:10px; }
    .pm-home-service-icon { width:42px; height:42px; flex-basis:42px; border-radius:12px; }
    .pm-home-service-icon .wk-ui-icon { width:20px; height:20px; }
    .pm-home-service-card strong { font-size:12px; }
    .pm-home-service-card>div>span { font-size:9px; }
    .pm-home-added-section { padding-top:30px; }
    .pm-home-added-heading { align-items:flex-start; margin-bottom:16px; }
    .pm-home-added-heading .wk-section-sub { max-width:72%; }
    .pm-home-added-more { font-size:10px; }
    .pm-home-article-media { height:160px; }
    .pm-home-article-body { padding:11px; }
    .pm-home-article-title { font-size:12px; }
    .pm-home-services-section { margin:14px 0 14px; }
}
@media(max-width:520px) {
    .pm-home-services { grid-template-columns:1fr; }
    .pm-home-service-card { border-inline-start:0 !important; border-top:1px solid var(--wk-border); }
    .pm-home-service-card:first-child { border-top:0; }
    .pm-home-article-cats { grid-template-columns:1fr; }
    .pm-home-articles-grid { grid-template-columns:1fr; }
    .pm-home-article-media { height:180px; }
    .pm-footer-trust-items img { height:52px; max-width:92px; }
}
@media(max-width:380px) {
    .pm-home-promo-track { min-height:330px; }
    .pm-home-service-card { padding:12px 10px; }
    .pm-home-service-icon { width:38px; height:38px; flex-basis:38px; }
    .pm-home-service-icon .wk-ui-icon { width:18px; height:18px; }
    .pm-home-promo-copy h1 { font-size:23px; }
    .pm-home-promo-copy p { font-size:11px; }
    .pm-home-article-title { font-size:11px; }
}

/* ========================================================================== */
/* PARESHMART HERO VISUAL REFRESH                                             */
/* ========================================================================== */
.pm-home-promo { margin:20px 0 22px; padding:0 !important; background:transparent; }
.pm-home-promo .wk-container { position:relative; }
.pm-home-promo-track {
    position:relative; overflow:hidden;
    min-height:clamp(280px,38vw,400px);
    border-radius:16px;
    background:var(--wk-surface);
    border:1px solid rgba(30,27,46,.06);
    box-shadow:0 7px 24px rgba(30,27,46,.055);
    isolation:isolate;
}
.pm-home-promo-slide {
    position:absolute; inset:0;
    opacity:0; visibility:hidden;
    overflow:hidden; background:var(--wk-surface);
    transition:opacity .38s ease, visibility .38s ease;
}
.pm-home-promo-slide.is-active {
    position:relative; display:block;
    min-height:inherit;
    opacity:1; visibility:visible;
}
.pm-home-promo-slide picture {
    position:absolute; inset:0; display:block;
    width:100%; height:100%; min-height:0;
}
.pm-home-promo-slide picture img {
    position:absolute; inset:0;
    display:block; width:100%; height:100%;
    object-fit:cover; object-position:center;
    transform:scale(1.001);
    transition:transform .8s ease;
}
.pm-home-promo-slide.is-active picture img { transform:scale(1); }
.pm-home-promo-image-link { z-index:2; pointer-events:auto; }
.pm-home-promo-image-link picture,
.pm-home-promo-image-link img { pointer-events:none; }
.pm-home-promo-overlay {
    z-index:3;
    background:linear-gradient(90deg,rgba(15,18,30,.62) 0%,rgba(15,18,30,.30) 30%,rgba(15,18,30,.06) 66%,rgba(15,18,30,0) 100%);
    pointer-events:none;
}
.pm-home-promo-copy {
    z-index:4; position:absolute; inset:0;
    display:flex; align-items:center;
    padding:34px clamp(26px,5vw,72px);
    max-width:650px; color:#fff; text-align:right;
    pointer-events:none;
}
.pm-home-promo-copy h1 {
    margin:0 0 10px; max-width:570px;
    font-size:clamp(23px,2.9vw,40px); line-height:1.35;
    font-weight:950; letter-spacing:-.2px;
    text-shadow:0 3px 20px rgba(0,0,0,.22);
}
.pm-home-promo-copy p {
    margin:0 0 20px; max-width:500px;
    font-size:14px; line-height:1.95;
    color:rgba(255,255,255,.92);
    text-shadow:0 2px 12px rgba(0,0,0,.18);
}
.pm-home-promo-cta {
    pointer-events:auto;
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    min-height:42px; padding:10px 17px;
    border:1px solid rgba(255,255,255,.68); border-radius:11px;
    background:rgba(255,255,255,.94); color:var(--wk-purple-ink);
    font-size:12px; font-weight:950; text-decoration:none;
    box-shadow:0 7px 18px rgba(0,0,0,.13);
    backdrop-filter:blur(8px);
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.pm-home-promo-cta:hover { transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.16); background:#fff; }
.pm-home-promo-cta span { font-size:16px; line-height:1; }
.pm-home-promo-cta-disabled { cursor:default; }
.pm-home-promo-prev,
.pm-home-promo-next {
    position:absolute; z-index:5; top:50%; transform:translateY(-50%);
    width:42px; height:42px; display:grid; place-items:center;
    padding:0;
    border:1px solid rgba(30,27,46,.09); border-radius:50%;
    background:rgba(255,255,255,.93); color:var(--wk-text);
    box-shadow:0 5px 18px rgba(30,27,46,.13);
    cursor:pointer; font-size:24px; line-height:1;
    backdrop-filter:blur(10px);
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.pm-home-promo-prev:hover,
.pm-home-promo-next:hover { background:#fff; box-shadow:0 8px 21px rgba(30,27,46,.17); }
.pm-home-promo-prev { right:15px; }
.pm-home-promo-next { left:15px; }
.pm-home-promo-dots {
    position:absolute; z-index:5; bottom:14px; left:50%;
    transform:translateX(-50%);
    display:flex; align-items:center; justify-content:center; gap:6px;
    padding:6px 8px;
    border:1px solid rgba(255,255,255,.32); border-radius:999px;
    background:rgba(22,22,30,.22);
    backdrop-filter:blur(10px);
    direction:ltr;
}
.pm-home-promo-dots button {
    width:6px; height:6px; border:0; padding:0;
    border-radius:999px; background:rgba(255,255,255,.62);
    cursor:pointer;
    transition:width .2s ease, background .2s ease, opacity .2s ease;
}
.pm-home-promo-dots button.is-active { width:19px; background:#fff; }

@media(max-width:900px) {
    .pm-home-promo { margin:16px 0 18px; }
    .pm-home-promo-track { min-height:clamp(250px,48vw,350px); border-radius:15px; }
    .pm-home-promo-copy { max-width:58%; padding:28px 5%; }
    .pm-home-promo-copy h1 { font-size:clamp(20px,3.6vw,31px); }
    .pm-home-promo-copy p { font-size:12px; }
}
@media(max-width:700px) {
    .pm-home-promo { margin:12px 0 16px; }
    .pm-home-promo-track { min-height:clamp(230px,72vw,390px); border-radius:14px; }
    .pm-home-promo-overlay { background:linear-gradient(180deg,rgba(15,18,30,.02) 18%,rgba(15,18,30,.10) 42%,rgba(15,18,30,.74) 100%); }
    .pm-home-promo-copy { align-items:flex-end; justify-content:center; max-width:none; padding:20px 18px 48px; text-align:center; }
    .pm-home-promo-copy h1 { font-size:clamp(21px,6.7vw,30px); line-height:1.4; margin-bottom:6px; }
    .pm-home-promo-copy p { font-size:11px; line-height:1.85; margin:0 auto 11px; max-width:330px; }
    .pm-home-promo-cta { min-height:38px; padding:9px 14px; border-radius:10px; font-size:11px; }
    .pm-home-promo-prev,
    .pm-home-promo-next { top:auto; bottom:11px; transform:none; width:33px; height:33px; font-size:19px; }
    .pm-home-promo-prev { right:11px; }
    .pm-home-promo-next { left:11px; }
    .pm-home-promo-dots { bottom:18px; padding:5px 7px; gap:5px; }
    .pm-home-promo-dots button { width:5px; height:5px; }
    .pm-home-promo-dots button.is-active { width:17px; }
}
@media(max-width:420px) {
    .pm-home-promo-track { min-height:clamp(215px,78vw,330px); border-radius:13px; }
    .pm-home-promo-copy { padding:18px 14px 45px; }
    .pm-home-promo-copy h1 { font-size:21px; }
    .pm-home-promo-copy p { font-size:10px; max-width:290px; }
    .pm-home-promo-cta { min-height:35px; padding:8px 12px; font-size:10px; }
    .pm-home-promo-prev,
    .pm-home-promo-next { width:31px; height:31px; font-size:18px; }
}

/* ================================================================
   HOMEPAGE SALE + PRODUCT HERO — DIGIKALA-INSPIRED
   ================================================================ */
.pm-home-sale-section { margin-top:24px !important; margin-bottom:24px !important; }
.pm-home-sale-panel {
    overflow:hidden; border-radius:22px;
    background:linear-gradient(225deg,#7cbd2a 0%,#a5cc4f 100%);
    box-shadow:0 14px 36px rgba(30,27,46,.10);
    padding:18px 0 16px;
}
.pm-home-sale-heading { margin:0 !important; padding:2px 20px 14px; color:#fff; }
.pm-home-sale-heading-main { min-width:0; }
.pm-home-sale-heading .wk-section-title {
    display:flex; align-items:center; gap:9px;
    color:#fff !important;
    font-size:20px; font-weight:950;
}
.pm-home-sale-heading .wk-section-title .wk-ui-icon { width:22px; height:22px; }
.pm-home-sale-heading .wk-section-sub { color:rgba(255,255,255,.88) !important; }
.pm-home-sale-all { flex:0 0 auto; color:#fff !important; font-size:13px !important; font-weight:900 !important; }
.wk-home-sale-strip {
    display:flex !important; flex-wrap:nowrap !important;
    align-items:stretch; gap:2px !important;
    width:100%; padding:0 10px 4px !important;
    overflow-x:auto !important; overflow-y:hidden !important;
    overscroll-behavior-x:contain; overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory; scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    cursor:grab;
    direction:rtl;
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.wk-home-sale-strip.is-dragging { cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; }
.wk-home-sale-strip>* { direction:rtl; }
.wk-home-sale-strip::-webkit-scrollbar { display:none; }
.wk-home-sale-card {
    flex:0 0 222px !important; width:222px; min-width:222px !important;
    scroll-snap-align:start;
    border:1px solid #e7e7e7 !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:none !important;
    transform:none !important;
}
.wk-home-sale-card:hover { border-color:#d9d9d9 !important; box-shadow:0 8px 20px rgba(0,0,0,.10) !important; transform:translateY(-2px) !important; }
.wk-home-sale-media { height:176px !important; flex-basis:176px; background:#fff !important; }
.wk-home-sale-media img { padding:9px !important; }
.wk-home-sale-badge {
    top:9px !important; inset-inline-start:9px !important;
    padding:4px 8px !important; border-radius:6px !important;
    background:#ef394e !important;
    font-size:10px !important;
    box-shadow:none !important;
}
.wk-home-sale-body { padding:12px 12px 14px !important; }
.wk-home-sale-name { min-height:48px; color:#3f3f46; font-size:12px; font-weight:700; line-height:1.7; }
.wk-home-sale-price { margin-top:7px !important; align-items:center !important; justify-content:flex-start !important; gap:7px !important; }
.wk-home-sale-price .current { font-size:15px !important; font-weight:900 !important; color:#222 !important; }
.wk-home-sale-price .original { font-size:11px !important; color:#9a9a9a !important; }
.wk-home-sale-cta { display:none !important; }
.wk-home-sale-more {
    flex:0 0 132px; width:132px; min-width:132px;
    margin-inline-start:2px;
    border-radius:10px;
    background:#fff; color:#444;
    display:flex; flex-direction:column;
    align-items:center; justify-content:center; gap:12px;
    text-decoration:none;
    scroll-snap-align:start;
}
.wk-home-sale-more-icon { width:42px; height:42px; border:2px solid #4a4a4a; border-radius:50%; display:grid; place-items:center; }
.wk-home-sale-more-icon .wk-ui-icon { width:22px; height:22px; }

.wk-hero-carousel { margin-top:24px; margin-bottom:24px; isolation:isolate; box-shadow:0 16px 42px rgba(30,27,46,.12); }
.wk-hero-slide { min-height:470px; }
.wk-hero-slide-content { gap:24px; padding-top:40px; padding-bottom:52px; }
.wk-hero-slide-text { max-width:620px; }
.wk-hero-slide-img { min-height:360px; padding:22px; }
.wk-hero-slide-img::before {
    content:""; position:absolute; inset:12% 8%;
    border-radius:34px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 20px 50px rgba(0,0,0,.10);
}
.wk-hero-slide-img img { position:relative; z-index:1; max-height:350px; filter:drop-shadow(0 24px 48px rgba(0,0,0,.38)); }
.wk-hero-name { font-size:clamp(25px,3.25vw,40px); line-height:1.22; }
.wk-hero-desc { line-height:1.9; }
.wk-hero-price-current { font-size:clamp(26px,3vw,35px); }

@media(max-width:900px) {
    .pm-home-sale-section { margin-top:20px !important; margin-bottom:20px !important; }
    .pm-home-sale-panel { border-radius:18px; }
    .wk-home-sale-card { flex-basis:205px !important; width:205px; min-width:205px !important; }
    .wk-home-sale-media { height:160px !important; flex-basis:160px; }
    .wk-hero-carousel { margin-top:20px; margin-bottom:20px; }
    .wk-hero-slide-content { gap:12px; padding-top:28px; padding-bottom:42px; }
    .wk-hero-slide-img { min-height:300px; padding:14px; }
    .wk-hero-slide-img::before { inset:10% 4%; border-radius:26px; }
    .wk-hero-slide-img img { max-height:280px; }
}
@media(max-width:700px) {
    .pm-home-sale-panel { border-radius:15px; padding-top:14px; }
    .pm-home-sale-heading { padding:2px 13px 12px; }
    .pm-home-sale-heading .wk-section-title { font-size:16px; }
    .pm-home-sale-heading .wk-section-sub { font-size:10px; }
    .pm-home-sale-all { font-size:11px !important; }
    .wk-home-sale-strip { padding-inline:7px !important; }
    .wk-home-sale-card { flex:0 0 154px !important; flex-basis:154px !important; width:154px !important; min-width:154px !important; }
    .wk-home-sale-media { height:154px !important; max-height:154px !important; flex-basis:154px !important; }
    .wk-home-sale-more { flex-basis:110px; width:110px; min-width:110px; }
    .wk-hero-carousel { margin-top:16px; margin-bottom:16px; }
    .wk-hero-slide { min-height:0; }
    .wk-hero-slide-content { grid-template-columns:1fr; gap:4px; padding:18px 18px 44px; }
    .wk-hero-slide-text { order:2; max-width:none; text-align:center; }
    .wk-hero-slide-img { order:1; min-height:220px; padding:8px; }
    .wk-hero-slide-img::before { inset:7% 5%; border-radius:22px; }
    .wk-hero-slide-img img { max-height:215px; }
    .wk-hero-name { font-size:clamp(21px,6vw,28px); }
    .wk-hero-desc { font-size:12px; margin-inline:auto; }
    .wk-hero-price { justify-content:center; margin-bottom:16px; }
    .wk-hero-actions { justify-content:center; }
}
@media (pointer:fine) {
    .wk-home-sale-strip { cursor:grab; }
    .wk-home-sale-strip.is-dragging { cursor:grabbing; user-select:none; }
}

/* ========================================================================
   PARESHMART STOREFRONT — CONSOLIDATED REFERENCE UI
   ======================================================================== */
.pm-container, .sb-container { width:min(1240px,calc(100% - 32px)); margin-inline:auto; min-width:0; }
.pm-home { overflow:hidden; background:var(--wk-bg); padding-bottom:44px; }
.pm-home-section { padding-top:48px; }
.pm-home-section:first-child { padding-top:30px; }
.pm-home-section, .pm-home-section * { min-width:0; }
.wk-ui-icon { display:inline-block; vertical-align:middle; stroke-width:2; pointer-events:none; }
button, a, input, select, textarea { font-family:var(--font); }

.pm-top-notice-global, .pm-top-notice {
    position:relative; z-index:30;
    background:linear-gradient(100deg,var(--wk-purple-ink),var(--wk-purple),var(--wk-pink));
    color:#fff;
}
.pm-top-notice-inner { position:relative; min-height:42px; display:flex; align-items:center; justify-content:center; padding-inline:12px; }
.pm-top-notice-copy { display:flex; align-items:center; justify-content:center; gap:9px; width:100%; padding-inline:30px; font-size:11px; font-weight:850; }
.pm-top-notice-copy p { margin:0; text-align:center; }
.pm-top-notice-copy>a {
    display:inline-flex; align-items:center; gap:5px;
    color:var(--wk-text); background:var(--wk-surface);
    text-decoration:none; border-radius:999px; padding:6px 11px;
    font-size:9px; font-weight:950;
    box-shadow:0 7px 18px rgba(0,0,0,.12);
    transition:transform .18s ease;
}
.pm-top-notice-copy>a:hover { transform:translateY(-1px); }
.pm-top-notice-close {
    position:absolute; inset-inline-end:4px;
    width:34px; height:34px;
    border:1px solid rgba(255,255,255,.22); border-radius:10px;
    background:rgba(255,255,255,.08); color:#fff;
    display:grid; place-items:center; cursor:pointer;
    transition:transform .18s ease, background .18s ease;
}
.pm-top-notice-close:hover { transform:scale(1.06); background:rgba(255,255,255,.17); }
.pm-top-notice-close .wk-ui-icon,
.pm-top-notice-copy>a .wk-ui-icon { width:13px; height:13px; }
.pm-top-notice.is-dismissed { display:none; }

.sb-header {
    position:sticky; top:0; z-index:900;
    background:color-mix(in srgb,var(--wk-surface) 96%,transparent);
    border-bottom:1px solid var(--wk-border);
    backdrop-filter:blur(14px);
    box-shadow:0 4px 20px rgba(0,0,0,.04);
}
.sb-header-row { min-height:78px; display:grid; grid-template-columns:minmax(145px,auto) minmax(260px,1fr) auto; align-items:center; gap:18px; }
.sb-brand { display:flex; align-items:center; gap:9px; min-width:0; color:var(--wk-text); text-decoration:none; }
.sb-brand img { display:block; width:auto; height:auto; max-width:154px; max-height:80px; object-fit:contain; }
.sb-brand-mark { width:44px; height:44px; flex:0 0 44px; border-radius:13px; display:grid; place-items:center; background:var(--wk-purple-ink); color:#fff; }
.sb-brand-copy { display:flex; flex-direction:column; min-width:0; line-height:1; }
.sb-brand-copy strong { font-size:16px; font-weight:950; }
.sb-brand-copy small { margin-top:5px; color:var(--wk-muted); font-size:9px; }
.sb-header-search { position:relative; min-width:0; }
.sb-header-search form { position:relative; }
.sb-header-search input.sb-search-input {
    display:block; width:100%; height:46px;
    border:1px solid var(--wk-border); border-radius:14px;
    background:var(--wk-bg); padding:0 46px 0 13px;
    color:var(--wk-text); font:700 12px var(--font); outline:0;
}
.sb-header-search input.sb-search-input:focus {
    border-color:var(--wk-purple);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--wk-purple) 12%,transparent);
}
.sb-header-search input.sb-search-input::placeholder { color:var(--wk-muted); }
.sb-header-search form>button {
    position:absolute; inset-inline-start:7px; top:5px;
    width:36px; height:36px;
    border:0; border-radius:9px;
    background:transparent; color:var(--wk-muted);
    cursor:pointer;
}
.sb-header-search .wk-search-panel {
    position:absolute; inset-inline:0; top:calc(100% + 8px);
    z-index:1200; max-height:min(66vh,520px); overflow:auto;
    border:1px solid var(--wk-border); border-radius:16px;
    background:var(--wk-surface); box-shadow:var(--wk-shadow-md);
}
.sb-header-search .wk-search-row { padding:11px 12px; gap:10px; }
.sb-header-search .wk-search-name { font-size:11px; }
.sb-header-search .wk-search-meta { font-size:9px; }
.sb-header-search .wk-search-price { font-size:10px; }
.sb-header-search .wk-search-foot { font-size:10px; }
.sb-header-actions { display:flex; align-items:center; gap:7px; }
.sb-icon-btn, .sb-cart-trigger, .sb-account-trigger {
    min-height:43px; height:43px;
    border:1px solid var(--wk-border); border-radius:12px;
    background:var(--wk-surface); color:var(--wk-text);
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    padding:0 11px; text-decoration:none;
    font:800 11px var(--font); cursor:pointer; white-space:nowrap;
    transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.sb-icon-btn:hover,
.sb-cart-trigger:hover,
.sb-account-trigger:hover,
.sb-account-wrap.is-open .sb-account-trigger { border-color:var(--wk-purple); color:var(--wk-purple-ink); background:var(--wk-purple-soft); }
.sb-icon-btn .wk-ui-icon,
.sb-cart-trigger .wk-ui-icon,
.sb-account-trigger .wk-ui-icon { width:17px; height:17px; flex:none; }
.sb-cart-trigger b, .sb-count {
    min-width:18px; height:18px; padding-inline:4px;
    display:grid; place-items:center; border-radius:99px;
    background:var(--wk-purple-ink); color:#fff;
    font-size:9px; line-height:1; font-weight:950;
}
.sb-account-wrap { position:relative; min-width:0; }
.sb-account-trigger .sb-chevron { transition:transform .18s ease; }
.sb-account-wrap.is-open .sb-account-trigger .sb-chevron { transform:rotate(180deg); }
.sb-account-guest { color:var(--wk-purple-ink); }
.sb-account-drop {
    position:absolute; inset-inline-end:0; top:calc(100% + 8px);
    z-index:1300; width:220px; padding:7px;
    background:var(--wk-surface); border:1px solid var(--wk-border);
    border-radius:15px; box-shadow:var(--wk-shadow-md);
    overflow:hidden;
}
.sb-account-drop[hidden] { display:none !important; }
.sb-account-drop a,
.sb-account-drop .sb-account-logout {
    display:flex; align-items:center; gap:9px; width:100%;
    padding:10px 11px; border:0; border-radius:10px;
    background:transparent; color:var(--wk-text); text-decoration:none;
    text-align:right; font:800 10px var(--font); cursor:pointer;
}
.sb-account-drop a:hover,
.sb-account-drop .sb-account-logout:hover { background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.sb-account-drop .wk-ui-icon { width:15px; height:15px; flex:none; }
.sb-account-drop form { margin:4px 0 0; padding-top:4px; border-top:1px solid var(--wk-border); }
.sb-account-drop .sb-account-logout { color:var(--wk-red); }

.sb-nav-row {
    position:relative; min-height:49px;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    border-top:1px solid color-mix(in srgb,var(--wk-border) 75%,transparent);
}
.sb-primary-nav { display:flex; align-items:center; gap:20px; min-width:0; }
.sb-primary-nav>a,
.sb-nav-menu>a,
.sb-category-trigger {
    display:inline-flex; align-items:center; gap:6px;
    border:0; background:none;
    color:var(--wk-text); text-decoration:none;
    font:850 11px var(--font); white-space:nowrap; cursor:pointer;
}
.sb-primary-nav>a:hover,
.sb-nav-menu>a:hover,
.sb-category-trigger:hover { color:var(--wk-purple-ink); }
.sb-mega-wrap, .sb-nav-menu { position:relative; }
.sb-category-trigger { padding:9px 11px; border-radius:10px; background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.sb-mega-panel {
    display:none; position:absolute;
    right:0; left:auto;
    inset-inline-end:auto; inset-inline-start:auto;
    top:calc(100% + 10px);
    width:min(900px,calc(100vw - 30px));
    max-width:calc(100vw - 24px);
    padding:18px; z-index:940;
    background:var(--wk-surface); border:1px solid var(--wk-border);
    border-radius:18px; box-shadow:var(--wk-shadow-md);
}
.sb-mega-panel.is-open { display:block; }
.sb-mega-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; font-size:12px; }
.sb-mega-head a { color:var(--wk-purple-ink); font-size:10px; text-decoration:none; }
.sb-mega-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.sb-mega-cat { min-width:0; padding:11px; background:var(--wk-bg); border:1px solid var(--wk-border); border-radius:13px; }
.sb-mega-cat-head {
    display:flex !important; align-items:center; justify-content:space-between; gap:8px;
    margin-bottom:7px; color:var(--wk-text) !important;
    font-size:11px; font-weight:900 !important;
}
.sb-mega-cat>a { display:block; padding:5px 0; color:var(--wk-muted); font-size:10px; text-decoration:none; }
.sb-mega-cat>a:hover { color:var(--wk-purple-ink); }
.sb-nav-submenu {
    display:none; position:absolute; top:100%;
    right:0; left:auto;
    inset-inline-end:auto; inset-inline-start:auto;
    min-width:180px; max-width:calc(100vw - 24px);
    padding:7px;
    background:var(--wk-surface); border:1px solid var(--wk-border);
    border-radius:12px; box-shadow:var(--wk-shadow-sm);
}
.sb-nav-menu:hover .sb-nav-submenu,
.sb-nav-menu:focus-within .sb-nav-submenu { display:block; }
.sb-nav-submenu a { display:block; padding:9px; border-radius:8px; color:var(--wk-text); text-decoration:none; font-size:10px; }
.sb-nav-submenu a:hover { background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.sb-nav-meta { display:flex; align-items:center; gap:8px; color:var(--wk-muted); font-size:9px; font-weight:800; }
.sb-nav-meta select { height:32px; border:1px solid var(--wk-border); border-radius:8px; background:var(--wk-surface); color:var(--wk-text); font:700 10px var(--font); }

.sb-mobile-trigger { display:none; border:1px solid var(--wk-border); background:var(--wk-surface); color:var(--wk-text); width:42px; height:42px; border-radius:12px; place-items:center; cursor:pointer; }
.sb-mobile-overlay { position:fixed; inset:0; z-index:980; background:rgba(0,0,0,.38); opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s ease; }
.sb-mobile-drawer {
    right:0; position:fixed; inset-block:0; inset-inline-end:0; z-index:990;
    width:min(360px,92vw); padding:18px;
    background:var(--wk-surface); box-shadow:-20px 0 50px rgba(0,0,0,.16);
    overflow:auto; transform:translateX(105%);
    transition:transform .24s ease;
}
.wk-mobile-menu-open .sb-mobile-overlay { opacity:1; visibility:visible; }
.wk-mobile-menu-open .sb-mobile-drawer { transform:none; }
.sb-mobile-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:13px; border-bottom:1px solid var(--wk-border); }
.sb-mobile-head button { width:38px; height:38px; border:1px solid var(--wk-border); border-radius:10px; background:var(--wk-surface); color:var(--wk-text); cursor:pointer; }
.sb-mobile-shortcuts { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px 0; }
.sb-mobile-shortcuts a { padding:10px; border:1px solid var(--wk-border); border-radius:10px; color:var(--wk-text); text-decoration:none; text-align:center; font:800 10px var(--font); }
.sb-mobile-nav { display:flex; flex-direction:column; gap:3px; }
.sb-mobile-nav a { padding:10px 11px; border-radius:9px; color:var(--wk-text); text-decoration:none; font:800 11px var(--font); }
.sb-mobile-nav a:hover { background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.sb-mobile-nav .is-child { padding-inline-start:25px; color:var(--wk-muted); }

/* Homepage v2 */
.pm-home-hero { position:relative; }
.pm-hero-swiper { position:relative; overflow:hidden; border:1px solid var(--wk-border); border-radius:24px; background:var(--wk-text); box-shadow:var(--wk-shadow-md); }
.pm-hero-slide { position:relative; min-height:430px; overflow:hidden; background:var(--wk-text); isolation:isolate; }
.pm-hero-bg, .pm-hero-bg picture { position:absolute; inset:0; display:block; width:100%; height:100%; }
.pm-hero-bg img { width:100%; height:100%; display:block; object-fit:cover; }
.pm-hero-overlay { position:absolute; inset:0; z-index:1; background:linear-gradient(to left,color-mix(in srgb,var(--wk-text) 86%,transparent) 0%,color-mix(in srgb,var(--wk-text) 58%,transparent) 38%,transparent 72%); }
.pm-hero-copy {
    position:relative; z-index:2;
    display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
    width:min(560px,56%); min-height:430px; padding:52px 46px;
    color:#fff; text-align:right;
}
.pm-hero-copy>span { display:inline-flex; align-items:center; padding:7px 11px; border-radius:999px; background:color-mix(in srgb,var(--wk-purple) 30%,transparent); border:1px solid color-mix(in srgb,#fff 22%,transparent); font-size:10px; font-weight:900; }
.pm-hero-copy h1 { margin:13px 0 7px; font-size:38px; line-height:1.35; font-weight:950; letter-spacing:-.4px; }
.pm-hero-copy p { max-width:510px; margin:0; color:rgba(255,255,255,.82); font-size:12px; line-height:2; }
.pm-hero-btn {
    display:inline-flex; align-items:center; gap:7px;
    margin-top:20px; padding:12px 15px;
    border-radius:12px; background:var(--wk-surface); color:var(--wk-text);
    text-decoration:none; font:900 10px var(--font);
    box-shadow:0 10px 26px rgba(0,0,0,.14);
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.pm-hero-btn:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.18); background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.pm-hero-btn .wk-ui-icon { width:14px; height:14px; }
.pm-hero-swiper>.pm-slider-arrow { top:50%; z-index:5; }
.pm-hero-pagination {
    position:absolute !important; z-index:5 !important;
    bottom:16px !important; left:50% !important; transform:translateX(-50%) !important;
    display:flex; justify-content:center; gap:5px; width:auto !important;
}
.pm-hero-pagination .swiper-pagination-bullet { width:7px; height:7px; margin:0 !important; border-radius:99px; background:var(--wk-surface); opacity:.45; transition:width .22s ease, opacity .22s ease, background .22s ease; }
.pm-hero-pagination .swiper-pagination-bullet-active { width:22px; background:var(--wk-purple); opacity:1; }

.pm-services-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid var(--wk-border); border-radius:19px; background:var(--wk-surface); box-shadow:var(--wk-shadow-sm); }
.pm-service-card { display:flex; align-items:center; gap:12px; min-width:0; padding:17px 15px; border-inline-start:1px solid var(--wk-border); }
.pm-service-card:first-child { border-inline-start:0; }
.pm-service-card>span { width:44px; height:44px; flex:0 0 44px; border-radius:13px; display:grid; place-items:center; background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.pm-service-card>span .wk-ui-icon { width:21px; height:21px; }
.pm-service-card>div { min-width:0; }
.pm-service-card strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:950; }
.pm-service-card p { margin:4px 0 0; color:var(--wk-muted); font-size:8px; line-height:1.75; overflow-wrap:anywhere; }

.pm-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:17px; }
.pm-section-head>div { min-width:0; }
.pm-eyebrow { display:inline-flex; align-items:center; padding:5px 8px; border-radius:999px; background:var(--wk-purple-soft); color:var(--wk-purple-ink); font-size:8px; font-weight:950; }
.pm-section-head h2 { margin:8px 0 3px; font-size:23px; line-height:1.45; font-weight:950; letter-spacing:-.2px; }
.pm-section-head p { margin:0; color:var(--wk-muted); font-size:10px; line-height:1.9; }
.pm-section-more { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; color:var(--wk-purple-ink); text-decoration:none; font-size:9px; font-weight:950; white-space:nowrap; }
.pm-section-more .wk-ui-icon { width:14px; height:14px; transition:transform .18s ease; }
.pm-section-more:hover .wk-ui-icon { transform:translateX(-3px); }
.pm-services-section { padding-top:28px; }
.pm-article-cat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.pm-article-cat-grid>a {
    display:flex; align-items:center; gap:10px; min-width:0;
    padding:12px; border:1px solid var(--wk-border); border-radius:15px;
    background:var(--wk-surface); color:var(--wk-text); text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pm-article-cat-grid>a:hover { transform:translateY(-3px); border-color:var(--wk-purple); box-shadow:var(--wk-shadow-sm); }
.pm-article-cat-grid>a>span { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:11px; background:var(--wk-bg); color:var(--wk-purple-ink); }
.pm-article-cat-grid>a>span .wk-ui-icon { width:18px; height:18px; }
.pm-article-cat-grid>a>div { min-width:0; display:flex; flex-direction:column; }
.pm-article-cat-grid>a strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; font-weight:950; }
.pm-article-cat-grid>a small { margin-top:3px; color:var(--wk-muted); font-size:8px; }
.pm-article-cat-grid>a>.wk-ui-icon { width:15px; height:15px; margin-inline-start:auto; color:var(--wk-muted); flex:0 0 auto; transition:transform .18s ease, color .18s ease; }
.pm-article-cat-grid>a:hover>.wk-ui-icon { color:var(--wk-purple-ink); transform:translateX(-2px); }

.pm-category-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.pm-category-card {
    position:relative; display:flex; flex-direction:column; min-width:0;
    overflow:hidden; padding:9px;
    border:1px solid var(--wk-border); border-radius:18px;
    background:var(--wk-surface); color:var(--wk-text); text-decoration:none;
    box-shadow:0 6px 18px rgba(30,27,46,.035);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.pm-category-card:hover { transform:translateY(-4px); border-color:var(--wk-purple); box-shadow:0 15px 34px rgba(30,27,46,.08); }
.pm-category-media { display:block; width:100%; aspect-ratio:1.25; overflow:hidden; border-radius:14px; background:var(--wk-bg); }
.pm-category-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .4s ease, filter .35s ease; }
.pm-category-card:hover .pm-category-media img { transform:scale(1.06); filter:saturate(1.04); }
.pm-category-icon { display:grid; place-items:center; background:linear-gradient(145deg,var(--wk-purple-soft),var(--wk-bg)); color:var(--wk-purple-ink); }
.pm-category-icon .wk-ui-icon { width:34px; height:34px; }
.pm-category-card strong { margin-top:9px; font-size:10.5px; font-weight:950; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pm-category-card small { margin-top:3px; color:var(--wk-muted); font-size:8px; }

.pm-product-swiper { position:relative; padding:3px 4px 26px; margin-inline:-4px; overflow:hidden; }
.pm-product-swiper .swiper-wrapper { padding-top:20px; align-items:stretch; }
.pm-product-swiper .swiper-slide { height:auto; padding:0 2px; }
.pm-shared-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; align-items:stretch; }
.pm-product-card {
    position:relative; display:flex; height:100%; min-width:0; flex-direction:column;
    overflow:hidden; padding:8px;
    border:1px solid var(--wk-border); border-radius:19px;
    background:var(--wk-surface);
    box-shadow:0 8px 24px rgba(30,27,46,.035);
    isolation:isolate;
    transition:transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, border-color .28s ease;
}
.pm-product-card:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--wk-purple) 46%,var(--wk-border)); box-shadow:0 20px 44px rgba(30,27,46,.13); }
.pm-product-media { position:relative; width:100%; aspect-ratio:1/1.03; overflow:hidden; border-radius:15px; background:var(--wk-bg); }
.pm-product-media>a { display:block; width:100%; height:100%; overflow:hidden; }
.pm-product-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s cubic-bezier(.2,.7,.2,1), filter .35s ease; }
.pm-product-card:hover .pm-product-media img { transform:scale(1.075); filter:saturate(1.04); }
.pm-product-media::after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.32) 42%,transparent 64%); transform:translateX(-125%); opacity:0; pointer-events:none; transition:transform .75s ease, opacity .25s ease; }
.pm-product-card:hover .pm-product-media::after { transform:translateX(125%); opacity:1; }
.pm-product-glow { position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--wk-purple) 15%,transparent),transparent 48%); opacity:0; transition:opacity .3s ease; }
.pm-product-card:hover .pm-product-glow { opacity:1; }
.pm-product-placeholder { display:grid; place-items:center; width:100%; height:100%; color:var(--wk-muted); opacity:.42; }
.pm-product-placeholder .wk-ui-icon { width:44px; height:44px; }
.pm-wish-btn {
    position:absolute; inset-inline-start:9px; top:9px; z-index:5;
    width:35px; height:35px;
    border:1px solid color-mix(in srgb,var(--wk-border) 80%,transparent);
    border-radius:11px;
    background:color-mix(in srgb,var(--wk-surface) 88%,transparent);
    color:var(--wk-text);
    display:grid; place-items:center; cursor:pointer;
    backdrop-filter:blur(8px);
    transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.pm-wish-btn:hover,
.pm-wish-btn.is-saved { transform:scale(1.06); background:var(--wk-purple-soft); border-color:var(--wk-purple); color:var(--wk-purple-ink); box-shadow:0 9px 22px color-mix(in srgb,var(--wk-purple) 22%,transparent); }
.pm-wish-btn .wk-ui-icon { width:17px; height:17px; }
.pm-product-badge { position:absolute; inset-inline-end:9px; top:9px; z-index:5; padding:6px 8px; border-radius:8px; background:var(--wk-purple-ink); color:#fff; font-size:8px; font-weight:950; box-shadow:0 5px 14px color-mix(in srgb,var(--wk-purple-ink) 25%,transparent); }
.pm-product-badge-muted { background:var(--wk-muted); }
.pm-product-badge-featured { background:var(--wk-text); }
.pm-product-hover-actions { position:absolute; inset-inline:9px; bottom:9px; z-index:4; display:flex; justify-content:center; gap:7px; opacity:0; transform:translateY(7px); transition:opacity .23s ease, transform .23s ease; }
.pm-product-card:hover .pm-product-hover-actions { opacity:1; transform:none; }
.pm-product-hover-actions a,
.pm-product-hover-actions button {
    width:37px; height:37px;
    display:grid; place-items:center;
    border:1px solid color-mix(in srgb,#fff 55%,transparent);
    border-radius:11px;
    background:color-mix(in srgb,var(--wk-surface) 86%,transparent);
    backdrop-filter:blur(10px);
    color:var(--wk-text); text-decoration:none; cursor:pointer;
    box-shadow:0 10px 24px rgba(30,27,46,.13);
    transition:transform .18s ease, background .18s ease, color .18s ease;
}
.pm-product-hover-actions a:hover,
.pm-product-hover-actions button:hover { transform:translateY(-3px) scale(1.04); background:var(--wk-purple-ink); color:#fff; }
.pm-product-hover-actions .wk-ui-icon { width:16px; height:16px; }
.pm-product-body { display:flex; flex:1; min-width:0; flex-direction:column; padding:12px 3px 3px; }
.pm-product-cat { display:block; min-height:14px; overflow:hidden; color:var(--wk-purple-ink); font-size:8px; font-weight:950; white-space:nowrap; text-overflow:ellipsis; }
.pm-product-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:39px; margin-top:5px; color:var(--wk-text); font-size:12px; line-height:1.72; font-weight:950; text-decoration:none; transition:color .18s ease; }
.pm-product-title:hover { color:var(--wk-purple-ink); }
.pm-product-price { display:flex; align-items:center; gap:7px; min-height:23px; margin-top:8px; flex-wrap:wrap; }
.pm-product-price strong { color:var(--wk-text); font-size:12px; font-weight:950; }
.pm-product-price del { color:var(--wk-muted); font-size:8px; }
.pm-product-action {
    display:flex; align-items:center; justify-content:center; gap:6px;
    min-height:39px; margin-top:auto; padding:8px 10px;
    border:1px solid color-mix(in srgb,var(--wk-purple) 22%,var(--wk-border));
    border-radius:11px;
    background:var(--wk-purple-soft); color:var(--wk-purple-ink);
    text-decoration:none; font-size:9px; font-weight:950; cursor:pointer;
    transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.pm-product-action:hover { transform:translateY(-1px); background:var(--wk-purple-ink); border-color:var(--wk-purple-ink); color:#fff; }
.pm-product-action .wk-ui-icon { width:14px; height:14px; }
.pm-product-action.is-disabled { opacity:.62; cursor:not-allowed; background:var(--wk-bg); color:var(--wk-muted); }

.pm-slider-arrow {
    position:absolute; z-index:8; top:50%;
    width:40px; height:40px;
    display:grid; place-items:center;
    border:1px solid var(--wk-border); border-radius:12px;
    background:color-mix(in srgb,var(--wk-surface) 90%,transparent);
    color:var(--wk-text);
    backdrop-filter:blur(8px);
    cursor:pointer; transform:translateY(-50%);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.pm-slider-prev { inset-inline-end:12px; }
.pm-slider-next { inset-inline-start:12px; }
.pm-slider-arrow:hover { transform:translateY(-50%) scale(1.05); background:var(--wk-purple-ink); border-color:var(--wk-purple-ink); color:#fff; box-shadow:0 9px 24px rgba(0,0,0,.12); }
.pm-slider-arrow .wk-ui-icon { width:17px; height:17px; }
.pm-slider-progress { position:absolute !important; inset-inline:2px !important; bottom:2px !important; width:auto !important; height:2px !important; border-radius:99px !important; background:var(--wk-border) !important; overflow:hidden; }
.pm-slider-progress .swiper-pagination-progressbar-fill { background:linear-gradient(90deg,var(--wk-purple),var(--wk-pink)) !important; }

.pm-article-swiper { position:relative; overflow:hidden; padding:2px 3px 6px; margin-inline:-3px; }
.pm-article-swiper .swiper-slide { height:auto; }
.pm-article-card { display:flex; height:100%; min-width:0; flex-direction:column; overflow:hidden; border:1px solid var(--wk-border); border-radius:19px; background:var(--wk-surface); box-shadow:0 8px 24px rgba(30,27,46,.04); transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.pm-article-card:hover { transform:translateY(-4px); border-color:var(--wk-purple); box-shadow:0 17px 38px rgba(30,27,46,.09); }
.pm-article-media { position:relative; display:block; height:190px; overflow:hidden; background:var(--wk-bg); color:inherit; text-decoration:none; }
.pm-article-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .5s ease, filter .35s ease; }
.pm-article-card:hover .pm-article-media img { transform:scale(1.07); filter:saturate(1.05); }
.pm-article-hover { position:absolute; inset-inline-end:12px; bottom:12px; width:37px; height:37px; display:grid; place-items:center; border-radius:11px; background:var(--wk-purple-ink); color:#fff; opacity:0; transform:translateY(7px); transition:opacity .24s ease, transform .24s ease; }
.pm-article-card:hover .pm-article-hover { opacity:1; transform:none; }
.pm-article-hover .wk-ui-icon { width:16px; height:16px; }
.pm-article-body { display:flex; flex:1; flex-direction:column; padding:14px; min-width:0; }
.pm-article-body>span { align-self:flex-start; display:inline-flex; padding:5px 8px; border-radius:999px; background:var(--wk-purple-soft); color:var(--wk-purple-ink); font-size:8px; font-weight:950; }
.pm-article-body>a { text-decoration:none; }
.pm-article-body h3 { margin:8px 0 0; color:var(--wk-text); font-size:13px; line-height:1.7; font-weight:950; }
.pm-article-body>p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:7px 0 0; color:var(--wk-muted); font-size:10px; line-height:1.85; }
.pm-article-meta { display:flex; justify-content:space-between; gap:8px; margin-top:auto; padding-top:10px; border-top:1px solid var(--wk-border); color:var(--wk-muted); font-size:8px; }

.sb-shop, .sb-blog, .sb-product-page, .sb-page-shell { padding:28px 0 65px; }
.sb-breadcrumb { display:flex; align-items:center; gap:6px; margin-bottom:15px; color:var(--wk-muted); font-size:9px; }
.sb-breadcrumb a { color:inherit; text-decoration:none; }
.sb-shop-layout, .sb-blog-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:22px; }
.sb-single-layout { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:22px; }
.sb-filter, .sb-blog-sidebar, .sb-single-sidebar { height:max-content; position:sticky; top:100px; padding:16px; background:var(--wk-surface); border:1px solid var(--wk-border); border-radius:17px; }
.sb-filter h3, .sb-blog-sidebar h3, .sb-single-sidebar h3 { margin:0 0 13px; font-size:13px; }
.sb-filter-group { padding:13px 0; border-top:1px solid var(--wk-border); }
.sb-filter-group:first-of-type { border-top:0; padding-top:0; }
.sb-filter-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.sb-filter input[type=number],
.sb-filter select,
.sb-filter-drawer input[type=number] { width:100%; height:37px; padding:0 8px; border:1px solid var(--wk-border); border-radius:9px; background:var(--wk-bg); color:var(--wk-text); font:700 10px var(--font); }
.sb-filter label { display:flex; align-items:center; gap:7px; margin:7px 0; font-size:10px; font-weight:750; }
.sb-filter-option { position:relative; display:flex !important; align-items:center; gap:9px; min-height:39px; margin:4px 0 !important; padding:8px 9px !important; border:1px solid transparent; border-radius:11px; cursor:pointer; transition:background .16s ease, border-color .16s ease; }
.sb-filter-option:hover { background:var(--wk-bg); border-color:var(--wk-border); }
.sb-filter-option input { margin:0; accent-color:var(--wk-purple-ink); }
.sb-filter-option span { font-size:10px; }
.sb-filter-option small { margin-inline-start:auto; color:var(--wk-muted); font-size:9px; }
.sb-filter-mobile { display:none; }
.sb-shop-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:15px; }
.sb-shop-head h1 { margin:5px 0 0; font-size:25px; font-weight:950; }
.sb-shop-head p { margin:4px 0 0; color:var(--wk-muted); font-size:10px; }
.sb-shop-tools { display:flex; align-items:center; gap:7px; }
.sb-shop-tools select { height:38px; min-width:150px; padding:0 30px 0 10px; border:1px solid var(--wk-border); border-radius:9px; background:var(--wk-surface); color:var(--wk-text); font:800 10px var(--font); cursor:pointer; }
.sb-grid-products, .sb-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.sb-pagination { display:flex; justify-content:center; gap:6px; flex-wrap:wrap; margin-top:25px; }
.sb-pagination a { min-width:36px; height:36px; display:grid; place-items:center; padding:0 8px; border:1px solid var(--wk-border); border-radius:9px; background:var(--wk-surface); color:var(--wk-text); text-decoration:none; font:800 10px var(--font); }
.sb-pagination a.active { background:var(--wk-purple-ink); border-color:var(--wk-purple-ink); color:#fff; }
.sb-filter-drawer, .sb-filter-drawer-overlay { display:none; }
.sb-filter-drawer-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:14px; margin-bottom:4px; border-bottom:1px solid var(--wk-border); }
.sb-filter-drawer-head strong { display:block; font-size:14px; }
.sb-filter-drawer-head small { display:block; margin-top:3px; color:var(--wk-muted); font-size:9px; }
.sb-filter-drawer-close { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--wk-border); border-radius:12px; background:var(--wk-surface); color:var(--wk-text); cursor:pointer; }
.sb-filter-drawer-close:hover { background:var(--wk-purple-soft); border-color:var(--wk-purple); color:var(--wk-purple-ink); }
.sb-filter-drawer-actions { position:sticky; bottom:0; margin-top:10px; padding:10px 0 2px; background:linear-gradient(to bottom,transparent,var(--wk-surface) 22%); }
.sb-filter-submit { width:100%; height:45px; display:flex; align-items:center; justify-content:center; gap:7px; border:0; border-radius:12px; background:var(--wk-purple-ink); color:#fff; font:900 11px var(--font); cursor:pointer; }
.sb-filter-submit:hover { filter:brightness(1.06); transform:translateY(-1px); }
.sb-filter-reset { display:block; padding:9px 0 2px; color:var(--wk-muted); text-align:center; text-decoration:none; font-size:9px; }
.sb-filter-reset:hover { color:var(--wk-purple-ink); }
.sb-empty-state { text-align:center; padding:70px 20px; background:var(--wk-surface); border:1px solid var(--wk-border); border-radius:20px; }
.sb-empty-state h2 { margin:11px 0 5px; font-size:17px; }
.sb-empty-state p { color:var(--wk-muted); font-size:11px; }
.sb-btn { display:inline-flex; margin-top:14px; padding:10px 15px; border-radius:10px; text-decoration:none; font:900 10px var(--font); }
.sb-btn-primary { background:var(--wk-purple-ink); color:#fff; }

.sb-product-page .wk-container { max-width:1240px; margin-inline:auto; }
.sb-product-page .wk-product-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:26px; align-items:start; }
.sb-product-page .wk-product-layout>div:first-child,
.sb-product-page .wk-product-layout>div:nth-child(2) { background:var(--wk-surface); border:1px solid var(--wk-border); border-radius:21px; padding:14px; }
.sb-product-page .wk-product-layout>div:nth-child(2) { padding:23px; }
.sb-product-page #mainImage { border:0 !important; background:var(--wk-bg) !important; border-radius:17px !important; }
.sb-product-page #thumbGallery { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.sb-product-page .wk-thumb { width:auto !important; height:auto !important; aspect-ratio:1; border-radius:10px !important; border-color:var(--wk-border) !important; }
.sb-product-page .wk-product-cat { font-size:9px; color:var(--wk-purple-ink); }
.sb-product-page .sb-product-title { margin:0 !important; font-size:28px !important; }
.sb-product-page #priceDisplay .current { font-size:25px !important; font-weight:950; }
.sb-product-page .wk-add-btn.wk-buy-cta { min-height:47px; border-radius:11px; background:var(--wk-purple-ink); }
.sb-product-page .wk-product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.sb-product-page .wk-product-card { border-radius:17px !important; border:1px solid var(--wk-border) !important; background:var(--wk-surface) !important; }

.pm-article-archive-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:8px 0 24px; margin-bottom:4px; border-bottom:1px solid var(--wk-border); }
.pm-article-archive-head h1 { margin:7px 0 5px; font-size:30px; line-height:1.35; font-weight:950; letter-spacing:-.3px; }
.pm-article-archive-head p { margin:0; color:var(--wk-muted); font-size:10px; line-height:1.9; }
.pm-article-archive-back { display:inline-flex; align-items:center; gap:7px; padding:10px 13px; border:1px solid var(--wk-border); border-radius:11px; background:var(--wk-surface); color:var(--wk-text); text-decoration:none; font:850 9px var(--font); }
.pm-article-archive-back:hover { background:var(--wk-purple-soft); border-color:var(--wk-purple); color:var(--wk-purple-ink); }
.pm-article-sidebar-head { display:flex; align-items:center; gap:9px; padding-bottom:12px; margin-bottom:5px; border-bottom:1px solid var(--wk-border); }
.pm-article-sidebar-head>span { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.pm-article-sidebar-head .wk-ui-icon { width:17px; height:17px; }
.pm-article-sidebar-head div { display:flex; flex-direction:column; }
.pm-article-sidebar-head strong { font-size:11px; }
.pm-article-sidebar-head small { margin-top:2px; color:var(--wk-muted); font-size:8px; }
.pm-article-sidebar-recent-head { margin:19px 0 6px; padding-top:13px; border-top:1px solid var(--wk-border); font-size:10px; font-weight:950; }
.pm-article-sidebar-recent a { display:flex !important; align-items:center; justify-content:space-between; gap:7px; padding:8px !important; border-radius:9px; }
.pm-article-sidebar-recent a:hover { background:var(--wk-bg); }
.pm-article-sidebar-recent a strong { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:9px; line-height:1.7; }
.pm-article-sidebar-recent a .wk-ui-icon { width:13px; height:13px; flex:none; color:var(--wk-purple-ink); }
.pm-article-archive-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 11px; color:var(--wk-muted); font-size:8px; }
.pm-article-archive-toolbar span:last-child { display:inline-flex; align-items:center; gap:5px; font-weight:850; }
.pm-article-archive-toolbar .wk-ui-icon { width:13px; height:13px; color:var(--wk-purple-ink); }
.pm-article-archive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.pm-archive-article-card {
    display:flex; flex-direction:column; min-width:0; overflow:hidden;
    border:1px solid var(--wk-border); border-radius:19px;
    background:var(--wk-surface);
    box-shadow:0 7px 22px rgba(30,27,46,.035);
    transition:transform .26s cubic-bezier(.2,.7,.2,1), box-shadow .26s ease, border-color .26s ease;
}
.pm-archive-article-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--wk-purple) 42%,var(--wk-border)); box-shadow:0 20px 42px rgba(30,27,46,.11); }
.pm-archive-article-media { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:var(--wk-bg); color:inherit; text-decoration:none; }
.pm-archive-article-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .55s ease, filter .4s ease; }
.pm-archive-article-card:hover .pm-archive-article-media img { transform:scale(1.065); filter:saturate(1.06); }
.pm-archive-article-media:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(18,15,28,.38)); opacity:.55; pointer-events:none; }
.pm-archive-article-placeholder { width:100%; height:100%; display:grid; place-items:center; color:var(--wk-muted); opacity:.45; }
.pm-archive-article-placeholder .wk-ui-icon { width:44px; height:44px; }
.pm-archive-article-category { position:absolute; inset-inline-start:10px; top:10px; z-index:2; padding:6px 8px; border-radius:9px; background:color-mix(in srgb,var(--wk-surface) 88%,transparent); backdrop-filter:blur(8px); color:var(--wk-purple-ink); font-size:8px; font-weight:950; }
.pm-archive-article-arrow { position:absolute; inset-inline-end:10px; bottom:10px; z-index:2; width:35px; height:35px; display:grid; place-items:center; border-radius:11px; background:var(--wk-purple-ink); color:#fff; opacity:0; transform:translateY(7px); transition:opacity .22s ease, transform .22s ease; }
.pm-archive-article-card:hover .pm-archive-article-arrow { opacity:1; transform:none; }
.pm-archive-article-arrow .wk-ui-icon { width:15px; height:15px; }
.pm-archive-article-body { display:flex; flex:1; flex-direction:column; min-width:0; padding:14px 15px 15px; }
.pm-archive-article-meta { display:flex; align-items:center; gap:11px; color:var(--wk-muted); font-size:8px; }
.pm-archive-article-meta span { display:inline-flex; align-items:center; gap:4px; }
.pm-archive-article-meta .wk-ui-icon { width:12px; height:12px; color:var(--wk-purple-ink); }
.pm-archive-article-title { display:-webkit-box; overflow:hidden; margin-top:8px; color:var(--wk-text); text-decoration:none; font-size:14px; line-height:1.75; font-weight:950; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pm-archive-article-title:hover { color:var(--wk-purple-ink); }
.pm-archive-article-body p { display:-webkit-box; overflow:hidden; margin:7px 0 0; color:var(--wk-muted); font-size:10px; line-height:1.9; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.pm-archive-article-link { display:inline-flex; align-items:center; gap:5px; margin-top:auto; padding-top:12px; color:var(--wk-purple-ink); text-decoration:none; font-size:9px; font-weight:950; }
.pm-archive-article-link .wk-ui-icon { width:13px; height:13px; transition:transform .18s ease; }
.pm-archive-article-link:hover .wk-ui-icon { transform:translateX(-3px); }
.pm-archive-article-empty { grid-column:1/-1; padding:65px 20px; border:1px dashed var(--wk-border); border-radius:18px; background:var(--wk-surface); color:var(--wk-muted); text-align:center; }
.pm-archive-article-empty .wk-ui-icon { width:42px; height:42px; opacity:.45; }
.pm-archive-article-empty h2 { margin:10px 0 3px; color:var(--wk-text); font-size:16px; }
.pm-archive-article-empty p { margin:0; font-size:10px; }

.sb-blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sb-blog-sidebar a { display:block; padding:8px; border-radius:8px; color:var(--wk-text); font-size:10px; text-decoration:none; }
.sb-blog-sidebar a:hover { background:var(--wk-purple-soft); color:var(--wk-purple-ink); }
.sb-blog-card { overflow:hidden; border:1px solid var(--wk-border); border-radius:17px; background:var(--wk-surface); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.sb-blog-card:hover { transform:translateY(-4px); border-color:var(--wk-purple); box-shadow:var(--wk-shadow-sm); }
.sb-blog-card .sb-article-media { height:190px; }
.sb-blog-card-body { padding:14px; }
.sb-blog-card-title { display:block; margin-top:7px; color:var(--wk-text); text-decoration:none; font-size:14px; font-weight:950; line-height:1.7; }
.sb-blog-card-excerpt { margin:6px 0; color:var(--wk-muted); font-size:10px; line-height:1.8; }
.sb-single-sidebar { top:100px; }
.sb-article-single { padding:25px !important; border:1px solid var(--wk-border); border-radius:21px; background:var(--wk-surface); }
.sb-article-single h1 { margin:9px 0; font-size:30px; line-height:1.45; font-weight:950; }
.sb-article-single .sb-meta { margin-bottom:17px; color:var(--wk-muted); font-size:9px; }
.sb-article-cover { width:100%; max-height:500px; margin-bottom:19px; border-radius:15px; object-fit:cover; }
.sb-article-content { font-size:12px; line-height:2.2; }
.sb-article-content img { max-width:100%; height:auto; border-radius:12px; }
.sb-article-content h2 { margin:25px 0 9px; font-size:19px; }
.sb-side-item { display:flex; gap:8px; padding:8px 0; border-bottom:1px solid var(--wk-border); color:var(--wk-text); text-decoration:none; }
.sb-side-item img { width:55px; height:55px; border-radius:8px; object-fit:cover; }
.sb-side-item strong { font-size:9px; line-height:1.7; }

.pm-image-banner-section { padding-top:42px; }
.pm-image-banner { overflow:hidden; border:1px solid var(--wk-border); border-radius:20px; background:var(--wk-surface); box-shadow:0 12px 32px rgba(30,27,46,.06); }
.pm-image-banner a, .pm-image-banner picture { display:block; width:100%; }
.pm-image-banner img { display:block; width:100%; height:200px; object-fit:cover; transition:transform .35s ease; }
.pm-image-banner:hover img { transform:scale(1.018); }

.wk-footer { margin-top:74px; }
.wk-footer-shell { padding-top:58px; padding-bottom:28px; }
.wk-footer-grid { grid-template-columns:1.65fr repeat(3,minmax(145px,1fr)); gap:48px; }
.wk-footer-description { max-width:430px; font-size:13px; line-height:2.15; color:rgba(255,255,255,.60); }
.wk-footer-col { gap:11px; }
.wk-footer-col h2 { margin-bottom:8px; font-size:15px; }
.wk-footer-col a { font-size:13px; line-height:1.9; }
.wk-footer-contact-item { font-size:13px; }
.wk-footer-bottom { font-size:12px; }
.pm-footer-social { display:flex; flex-wrap:wrap; gap:9px; margin-top:17px; }
.pm-footer-social-link { width:40px !important; height:40px !important; display:grid !important; place-items:center !important; padding:0 !important; border-radius:12px !important; background:rgba(255,255,255,.075) !important; border:1px solid rgba(255,255,255,.11) !important; color:#fff !important; transition:transform .18s ease, background .18s ease !important; }
.pm-footer-social-link:hover { transform:translateY(-3px) scale(1.03); background:var(--wk-purple-ink) !important; }
.pm-footer-enamad { max-width:180px; margin-top:12px; overflow:hidden; }
.pm-footer-enamad img, .pm-footer-enamad iframe { max-width:100%; height:auto; }
.pm-footer-trust { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.10); }
.pm-footer-trust>div { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.pm-footer-trust img { display:block; width:auto; max-width:110px; height:62px; padding:4px; border-radius:9px; background:#fff; object-fit:contain; }

@media(max-width:1120px) {
    .sb-header-row { grid-template-columns:minmax(130px,auto) minmax(220px,1fr) auto; }
    .sb-primary-nav { gap:15px; }
    .pm-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .pm-shared-product-grid,
    .sb-grid-products,
    .sb-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px) {
    .sb-nav-meta { display:none; }
    .sb-mega-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .pm-hero-slide, .pm-hero-copy { min-height:380px; }
    .pm-hero-copy { width:min(66%,560px); padding:42px 34px; }
    .pm-hero-copy h1 { font-size:32px; }
    .pm-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pm-service-card:nth-child(odd) { border-inline-start:0; }
    .pm-service-card:nth-child(n+3) { border-top:1px solid var(--wk-border); }
    .sb-shop-layout, .sb-blog-layout, .sb-single-layout { grid-template-columns:1fr; }
    .sb-filter, .sb-blog-sidebar, .sb-single-sidebar { position:static; }
    .sb-grid-products, .sb-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .sb-product-page .wk-product-layout { grid-template-columns:minmax(0,1fr) minmax(0,.9fr); }
}
@media(max-width:780px) {
    .sb-header { position:relative; }
    .sb-header-row { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"brand actions" "search search"; gap:10px; padding:10px 0 12px; min-height:0; }
    .sb-brand { grid-area:brand; }
    .sb-header-actions { grid-area:actions; justify-self:end; }
    .sb-header-search { grid-area:search; width:100%; margin-top:1px; }
    .sb-header-search input.sb-search-input { height:44px; border-radius:13px; font-size:11px; }
    .sb-header-actions .sb-account-trigger,
    .sb-header-actions .sb-icon-btn,
    .sb-header-actions .sb-cart-trigger { width:42px; min-width:42px; padding:0; justify-content:center; }
    .sb-account-trigger span,
    .sb-account-trigger .sb-chevron,
    .sb-header-actions .sb-cart-trigger span { display:none; }
    .sb-mobile-trigger { display:grid; }
    .sb-nav-row { display:none; }
    .pm-home-section { padding-top:38px; }
    .pm-hero-swiper { border-radius:19px; }
    .pm-hero-slide, .pm-hero-copy { min-height:350px; }
    .pm-hero-copy { width:78%; padding:34px 24px; }
    .pm-hero-copy h1 { font-size:28px; }
    .pm-hero-copy p { font-size:10px; }
    .pm-hero-btn { margin-top:15px; }
    .pm-slider-arrow { width:36px; height:36px; }
    .pm-slider-prev { inset-inline-end:9px; }
    .pm-slider-next { inset-inline-start:9px; }
    .pm-section-head { align-items:flex-start; gap:12px; }
    .pm-section-head h2 { font-size:20px; }
    .pm-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .pm-article-cat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pm-shared-product-grid,
    .sb-grid-products,
    .sb-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .pm-product-card { padding:7px; border-radius:16px; }
    .pm-product-media { border-radius:13px; }
    .pm-product-hover-actions { opacity:1; transform:none; inset-inline:7px; bottom:7px; }
    .pm-product-hover-actions a,
    .pm-product-hover-actions button { width:32px; height:32px; border-radius:10px; }
    .pm-product-body { padding:10px 2px 2px; }
    .pm-product-title { font-size:10.5px; min-height:37px; }
    .pm-product-action { min-height:36px; padding:7px; font-size:8.5px; }
    .pm-product-price strong { font-size:10.5px; }
    .pm-product-section .pm-product-swiper { padding-bottom:22px; }
    .pm-article-swiper { padding-inline:2px; }
    .pm-article-media { height:175px; }
    .pm-article-archive-head { align-items:flex-start; flex-direction:column; gap:11px; padding-bottom:18px; }
    .pm-article-archive-head h1 { font-size:25px; }
    .pm-article-archive-back { align-self:stretch; justify-content:center; }
    .pm-article-archive-grid { grid-template-columns:1fr; }
    .sb-filter { display:none; }
    .sb-filter-mobile { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
    .sb-filter-mobile button { height:38px; padding:0 11px; border:1px solid var(--wk-border); border-radius:10px; background:var(--wk-surface); color:var(--wk-text); font:850 10px var(--font); }
    .sb-filter-drawer {
        right:0; display:block; position:fixed; top:0; inset-inline-end:0;
        z-index:10020; width:min(420px,94vw);
        height:100dvh; max-height:100dvh;
        padding:20px 18px 22px;
        background:var(--wk-surface);
        box-shadow:-24px 0 65px rgba(30,27,46,.20);
        transform:translateX(105%);
        transition:transform .24s cubic-bezier(.2,.7,.2,1);
        overflow:auto; overscroll-behavior:contain; touch-action:pan-y;
    }
    .sb-filter-drawer-overlay { display:block; position:fixed; inset:0; z-index:10019; background:rgba(17,12,31,.48); backdrop-filter:blur(3px); opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s ease; }
    .sb-filter-drawer.is-open { transform:translateX(0); }
    .sb-filter-drawer-overlay.is-open { opacity:1; visibility:visible; }
    .sb-product-page .wk-product-layout { grid-template-columns:1fr; }
    .sb-product-page .wk-product-layout>div:nth-child(2) { padding:18px; }
    .sb-product-page .sb-product-title { font-size:23px !important; }
    .sb-product-page #priceDisplay .current { font-size:22px !important; }
    .sb-product-page .wk-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sb-blog-grid { grid-template-columns:1fr; }
    .sb-article-single { padding:18px; }
    .sb-article-single h1 { font-size:24px; }
    .wk-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 24px; }
    .wk-footer-brand-col { grid-column:1/-1; }
    .wk-footer-shell { padding-top:42px; }
    .pm-footer-trust { align-items:flex-start; flex-direction:column; }
}
@media(max-width:520px) {
    .pm-container, .sb-container { width:calc(100% - 20px); }
    .sb-brand img { max-width:128px; max-height:60px; }
    .sb-brand-copy { display:none; }
    .sb-header-actions { gap:4px; }
    .pm-top-notice-copy { padding-inline:28px 18px; gap:7px; font-size:10px; }
    .pm-top-notice-copy>a { padding:5px 8px; font-size:9px; }
    .pm-home-section { padding-top:34px; }
    .pm-section-head { margin-bottom:13px; }
    .pm-section-head h2 { font-size:19px; }
    .pm-section-head p { font-size:9px; }
    .pm-section-more { font-size:8px; }
    .pm-hero-swiper { border-radius:16px; }
    .pm-hero-slide, .pm-hero-copy { min-height:320px; }
    .pm-hero-copy { width:86%; padding:27px 20px; }
    .pm-hero-copy h1 { font-size:24px; }
    .pm-hero-copy p { line-height:1.85; }
    .pm-hero-copy>span { font-size:8px; }
    .pm-hero-btn { padding:10px 12px; font-size:9px; }
    .pm-services-grid { grid-template-columns:1fr; }
    .pm-service-card { border-inline-start:0 !important; }
    .pm-service-card+.pm-service-card { border-top:1px solid var(--wk-border); }
    .pm-article-cat-grid { grid-template-columns:1fr; }
    .pm-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .pm-category-card { padding:7px; border-radius:15px; }
    .pm-category-media { border-radius:12px; aspect-ratio:1.18; }
    .pm-category-card strong { font-size:10px; }
    .pm-product-title { font-size:10px; min-height:35px; }
    .pm-product-cat { font-size:7px; }
    .pm-product-badge { font-size:7px; padding:5px 6px; }
    .pm-product-action { min-height:34px; font-size:8px; }
    .pm-product-price { gap:5px; }
    .pm-product-price strong { font-size:10px; }
    .pm-product-price del { font-size:7px; }
    .pm-image-banner img { height:90px; border-radius:0; }
    .pm-article-media { height:170px; }
    .pm-article-body { padding:12px; }
    .pm-article-body h3 { font-size:12px; }
    .pm-article-body>p { font-size:9px; }
    .pm-article-archive-head h1 { font-size:22px; }
    .pm-archive-article-media { aspect-ratio:1.42; }
    .pm-archive-article-body { padding:12px; }
    .pm-archive-article-title { font-size:12px; }
    .wk-footer-grid { grid-template-columns:1fr 1fr; gap:24px 16px; }
    .wk-footer-col h2 { font-size:12px; }
    .wk-footer-col a { font-size:11px; }
    .wk-footer-description { font-size:11px; }
}
@media(max-width:380px) {
    .sb-header-actions .sb-icon-btn,
    .sb-header-actions .sb-cart-trigger,
    .sb-header-actions .sb-account-trigger { width:38px; min-width:38px; height:38px; }
    .sb-mobile-trigger { width:38px; height:38px; }
    .sb-brand img { max-width:112px; max-height:34px; }
    .pm-category-grid { grid-template-columns:1fr 1fr; }
    .pm-shared-product-grid,
    .sb-grid-products,
    .sb-product-grid { gap:8px; }
    .pm-product-card { padding:6px; }
    .pm-product-action { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) {
    *, *::before, *::after {
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
    }
}

/* ========================================================================
   FINAL SAFE PATCHES
   ======================================================================== */
.sb-mobile-overlay, .sb-mobile-drawer { display: none; }
@media (max-width: 780px) { .sb-mobile-overlay, .sb-mobile-drawer { display: block; } }
@media (min-width: 781px) {
    .sb-mobile-overlay, .sb-mobile-drawer { display: none !important; visibility: hidden !important; pointer-events: none !important; }
}
.sb-product-media .sb-wish-btn,
.pm-product-media .pm-wish-btn,
.pm-product-media .sb-wish-btn {
    position: absolute;
    inset-inline-start: 9px;
    inset-block-start: 9px;
    z-index: 6;
    width: 35px; height: 35px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--wk-border) 80%, transparent);
    border-radius: 11px;
    background: color-mix(in srgb, var(--wk-surface) 90%, transparent);
    color: var(--wk-text);
    display: grid; place-items: center;
    cursor: pointer;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sb-product-media .sb-wish-btn:hover,
.sb-product-media .sb-wish-btn.is-saved,
.pm-product-media .pm-wish-btn:hover,
.pm-product-media .pm-wish-btn.is-saved,
.pm-product-media .sb-wish-btn:hover,
.pm-product-media .sb-wish-btn.is-saved {
    transform: scale(1.06);
    background: var(--wk-purple-soft);
    border-color: var(--wk-purple);
    color: var(--wk-purple-ink);
    box-shadow: 0 9px 22px color-mix(in srgb, var(--wk-purple) 22%, transparent);
}
.sb-product-media .sb-wish-btn .wk-ui-icon,
.pm-product-media .pm-wish-btn .wk-ui-icon,
.pm-product-media .sb-wish-btn .wk-ui-icon { width: 17px; height: 17px; }
@media (max-width: 380px) {
    .sb-product-media .sb-wish-btn,
    .pm-product-media .pm-wish-btn,
    .pm-product-media .sb-wish-btn { width: 32px; height: 32px; inset-inline-start: 7px; inset-block-start: 7px; border-radius: 10px; }
    .sb-product-media .sb-wish-btn .wk-ui-icon,
    .pm-product-media .pm-wish-btn .wk-ui-icon,
    .pm-product-media .sb-wish-btn .wk-ui-icon { width: 15px; height: 15px; }
}

/* Product detail wishlist button */
.sb-product-page .wk-product-layout .sb-wish-btn {
    position: relative; inset: auto;
    flex: 0 0 38px;
    width: 38px; height: 38px;
    min-width: 38px; min-height: 38px;
    padding: 0; margin-top: 1px;
    border: 1px solid var(--wk-border);
    border-radius: 11px;
    background: var(--wk-surface);
    color: var(--wk-text);
    display: inline-grid; place-items: center;
    cursor: pointer;
    box-shadow: var(--wk-shadow-sm);
    transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.sb-product-page .wk-product-layout .sb-wish-btn:hover,
.sb-product-page .wk-product-layout .sb-wish-btn.is-saved {
    transform: translateY(-1px);
    background: var(--wk-purple-soft);
    border-color: var(--wk-purple);
    color: var(--wk-purple-ink);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--wk-purple) 18%, transparent);
}
.sb-product-page .wk-product-layout .sb-wish-btn .wk-ui-icon { width: 17px; height: 17px; }

/* Homepage categories: three cards per row on mobile. */
@media (max-width: 520px) {
    .pm-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
    .pm-category-card { min-width: 0; padding: 7px 6px; border-radius: 14px; }
    .pm-category-media { width: 100%; aspect-ratio: 1 / 1; border-radius: 11px; }
    .pm-category-card strong { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9.5px; }
    .pm-category-card small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 7.5px; }
}
@media (max-width: 380px) {
    .pm-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
    .pm-category-card { padding: 6px 5px; }
    .pm-category-card strong { font-size: 8.5px; }
    .pm-category-card small { font-size: 7px; }
}

/* ========================================================================
   FINAL UI/UX ALIGNMENT
   ======================================================================== */
body.pm-storefront { --wk-focus:var(--wk-purple); --wk-focus-soft:var(--wk-purple-soft); }
body.pm-storefront .sb-header-search .sb-search-input { font-size:13px; min-height:44px; }
body.pm-storefront .sb-header-search .sb-search-icon { width:20px; height:20px; }
body.pm-storefront .pm-section-more { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
body.pm-storefront .pm-shared-product-grid,
body.pm-storefront .sb-grid-products,
body.pm-storefront .sb-product-grid { gap:18px; }
body.pm-storefront .pm-article-archive-grid .pm-archive-article-card.pm-article-card-modern { height:100%; }
body.pm-storefront .pm-article-archive-grid .pm-article-card-modern-media { aspect-ratio:1/1.02; }
body.pm-storefront .sb-filter-group>strong { display:block; margin-bottom:8px; }
body.pm-storefront .sb-filter-grid input { height:40px; border-radius:10px; }
body.pm-storefront .sb-filter-submit { min-height:42px; border-radius:11px; font-size:11px; }
body.pm-storefront .sb-filter-reset { font-size:10px; display:inline-flex; align-items:center; gap:5px; justify-content:center; }
body.pm-storefront .sb-shop-head { align-items:center; }
body.pm-storefront .sb-shop-tools label { font-size:11px !important; }
body.pm-storefront .sb-shop-tools :is(button,a) { display:inline-flex; align-items:center; gap:6px; }
@media(max-width:900px) { body.pm-storefront .pm-article-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } }
@media(max-width:480px) {
    body.pm-storefront .pm-article-archive-grid { grid-template-columns:1fr; }
    body.pm-storefront .pm-article-archive-grid .pm-article-card-modern-body { min-height:0; }
    body.pm-storefront .sb-shop-tools select { min-width:132px; font-size:10px; }
}
body.pm-storefront { --wk-shadow-brand:0 16px 40px color-mix(in srgb,var(--wk-purple) 14%,transparent); }
body.pm-storefront .pm-container { width:min(100% - 32px,1240px); margin-inline:auto; }
body.pm-storefront .pm-product-card,
body.pm-storefront .pm-article-card { border-radius:18px; overflow:hidden; }
body.pm-storefront .pm-product-action { gap:7px; }
body.pm-storefront .pm-product-action .wk-ui-icon,
body.pm-storefront .pm-section-more .wk-ui-icon { width:15px; height:15px; margin-inline-start:2px; }
body.pm-storefront .sb-shop-layout { grid-template-columns:minmax(245px,270px) minmax(0,1fr); gap:28px; align-items:start; }
body.pm-storefront .sb-filter { position:sticky; border:1px solid var(--wk-border); background:var(--wk-surface); }
body.pm-storefront .sb-filter-group { padding:15px 0; border-bottom:1px solid var(--wk-border); }
body.pm-storefront .sb-filter-group:last-child { border-bottom:0; }
body.pm-storefront .sb-filter-option { display:flex; align-items:center; gap:10px; padding:8px 9px !important; margin:2px 0 !important; border-radius:11px; }
body.pm-storefront .sb-filter-option input { flex:0 0 auto; width:16px; height:16px; accent-color:var(--wk-purple); }
body.pm-storefront .sb-filter-option span { min-width:0; line-height:1.75; }
body.pm-storefront .sb-filter-option small { margin-inline-start:auto; }
body.pm-storefront .sb-shop-head { gap:14px; border-bottom:1px solid var(--wk-border); }
body.pm-storefront .sb-shop-head p { line-height:1.8; }
body.pm-storefront .sb-shop-tools { align-items:center; }
body.pm-storefront .sb-shop-tools>label,
body.pm-shop .sb-shop-tools>label { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
body.pm-storefront .sb-shop-tools select { padding-inline:12px 36px; border:1px solid var(--wk-border); background:var(--wk-surface); }
body.pm-storefront .sb-grid-products { gap:18px; align-items:stretch; }
body.pm-storefront .sb-grid-products>.pm-product-card { height:100%; }
body.pm-storefront .sb-pagination { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:26px; }
body.pm-storefront .sb-pagination a { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--wk-border); background:var(--wk-surface); }
body.pm-storefront .sb-breadcrumb { display:flex; align-items:center; gap:7px; direction:rtl; }
body.pm-storefront .sb-breadcrumb a,
body.pm-storefront .sb-breadcrumb span { display:inline-flex; align-items:center; gap:5px; line-height:1.7; }
@media(max-width:900px) {
    body.pm-storefront .pm-container { width:min(100% - 24px,1240px); }
    body.pm-storefront .pm-product-body { min-height:0; }
    body.pm-storefront .sb-shop-layout { grid-template-columns:1fr; gap:17px; }
    body.pm-storefront .sb-shop-head { align-items:flex-start; }
}
@media(max-width:700px) {
    body.pm-storefront .pm-container { width:min(100% - 18px,1240px); }
    body.pm-storefront .sb-shop-head { margin-bottom:15px; padding-bottom:12px; display:grid; }
    body.pm-storefront .sb-shop-head h1 { font-size:23px; }
    body.pm-storefront .sb-shop-tools { width:100%; flex-wrap:wrap; }
    body.pm-storefront .sb-shop-tools select { flex:1 1 150px; min-width:0; }
}

/* ========================================================================
   Storefront refinement
   ======================================================================== */
body.pm-storefront { --wk-ui-shadow:0 14px 38px color-mix(in srgb,var(--wk-text) 7%,transparent); --wk-ui-shadow-hover:0 18px 46px color-mix(in srgb,var(--wk-text) 11%,transparent); }
body.pm-storefront .sb-header { border-bottom-color:color-mix(in srgb,var(--wk-border) 80%,transparent); }
body.pm-storefront .sb-header-search input.sb-search-input { background:color-mix(in srgb,var(--wk-bg) 82%,var(--wk-surface)); }
body.pm-storefront .sb-header-search input.sb-search-input:focus { box-shadow:0 0 0 4px color-mix(in srgb,var(--wk-purple) 11%,transparent); }
body.pm-storefront .sb-primary-nav { gap:23px; }
body.pm-storefront .sb-primary-nav>a,
body.pm-storefront .sb-nav-menu>a,
body.pm-storefront .sb-category-trigger { font-size:12px; }
body.pm-storefront .sb-category-trigger { border-radius:12px; padding:10px 13px; }
body.pm-storefront .sb-icon-btn,
body.pm-storefront .sb-cart-trigger,
body.pm-storefront .sb-account-trigger { border-radius:13px; min-height:45px; height:45px; }
body.pm-storefront .sb-mega-panel,
body.pm-storefront .sb-account-drop { border-radius:18px; box-shadow:var(--wk-ui-shadow); }
body.pm-storefront .pm-category-card,
body.pm-storefront .pm-article-cat-grid>a { border-radius:18px; }
body.pm-storefront .pm-showcase-card { box-shadow:0 7px 20px color-mix(in srgb,var(--wk-text) 5%,transparent); }
body.pm-storefront .pm-showcase-card:hover { box-shadow:var(--wk-ui-shadow-hover); }
body.pm-storefront .pm-article-card-modern-body { margin-top:-36px; }
body.pm-storefront .pm-article-card-modern-body h3,
body.pm-storefront .pm-article-card-modern-body h2 { font-size:14px; }
body.pm-storefront .pm-story-ring { box-shadow:0 10px 28px color-mix(in srgb,var(--wk-text) 9%,transparent); }
@media(max-width:980px) {
    body.pm-storefront .pm-home-section { padding-top:46px; }
    body.pm-storefront .pm-section-head h2 { font-size:19px; }
    body.pm-storefront .wk-footer { margin-top:60px; }
}
@media(max-width:700px) {
    body.pm-storefront .sb-header-row { min-height:0; gap:9px; }
    body.pm-storefront .sb-primary-nav,
    body.pm-storefront .sb-nav-row { gap:10px; }
    body.pm-storefront .pm-home-section { padding-top:36px; }
    body.pm-storefront .pm-section-head h2 { font-size:18px; }
    body.pm-storefront .pm-product-title { font-size:10px; }
    body.pm-storefront .pm-product-price strong { font-size:10px; }
    body.pm-storefront .pm-article-card-modern-body { margin-top:-28px; padding:13px 13px 14px; box-shadow:0 12px 30px color-mix(in srgb,var(--wk-text) 8%,transparent); }
    body.pm-storefront .wk-footer { margin-top:50px; }
}

/* ========================================================================
   PareshMart storefront vNext
   ======================================================================== */
body.pm-storefront {
    --wk-text-muted: var(--wk-muted);
    --pm-z-header: 900;
    --pm-z-dropdown: 1200;
    --pm-z-search: 1300;
    --pm-z-mobile: 10020;
    --pm-z-cart: 10030;
    --pm-z-story: 10040;
    --pm-z-chat: 10010;
    --pm-ui-radius-sm: 12px;
    --pm-ui-radius-md: 16px;
    --pm-ui-radius-lg: 22px;
    --pm-ui-shadow: 0 14px 40px color-mix(in srgb, var(--wk-text) 7%, transparent);
    --pm-ui-shadow-hover: 0 20px 48px color-mix(in srgb, var(--wk-text) 12%, transparent);
    --pm-copy: 14px;
    --pm-copy-sm: 13px;
    --pm-copy-xs: 11px;
    font-size: var(--pm-copy);
    line-height: 1.85;
    text-rendering: optimizeLegibility;
}
body.pm-storefront :is(button,input,select,textarea) { font-family:var(--font); }
body.pm-storefront :is(button,a,select,input,textarea):focus-visible { outline:2px solid color-mix(in srgb,var(--wk-purple) 62%,transparent); outline-offset:3px; }
body.pm-storefront .sb-header {
    position:sticky; top:0; z-index:var(--pm-z-header);
    background:color-mix(in srgb,var(--wk-surface) 94%,transparent);
    border-bottom:1px solid color-mix(in srgb,var(--wk-border) 82%,transparent);
    box-shadow:0 8px 28px color-mix(in srgb,var(--wk-text) 5%,transparent);
    backdrop-filter:blur(16px) saturate(125%);
    -webkit-backdrop-filter:blur(16px) saturate(125%);
}
body.pm-storefront .sb-header-row { min-height:78px; gap:18px; }
body.pm-storefront .sb-header-search .wk-search-panel { z-index:var(--pm-z-search); }
body.pm-storefront .sb-account-drop,
body.pm-storefront .sb-mega-panel,
body.pm-storefront .sb-nav-submenu { z-index:var(--pm-z-dropdown); }
body.pm-storefront .sb-account-drop a,
body.pm-storefront .sb-account-drop .sb-account-logout { font-size:13px; min-height:42px; }
body.pm-storefront .sb-primary-nav>a,
body.pm-storefront .sb-nav-menu>a,
body.pm-storefront .sb-category-trigger { font-size:13px; }
body.pm-storefront .sb-header-search input.sb-search-input { height:48px; font-size:14px; border-radius:15px; }
body.pm-storefront .sb-header-search .wk-search-name { font-size:13px; }
body.pm-storefront .sb-header-search .wk-search-meta { font-size:11px; }
body.pm-storefront .sb-header-search .wk-search-price { font-size:12px; }
body.pm-storefront .sb-header-search .wk-search-foot { font-size:12px; }
body.pm-storefront .pm-home { padding-bottom:54px; }
body.pm-storefront .pm-home-section { padding-top:64px; }
body.pm-storefront .pm-home-section:first-child { padding-top:30px; }
body.pm-storefront .pm-section-head { align-items:center; gap:18px; margin-bottom:22px; }
body.pm-storefront .pm-section-head h2 { font-size:24px; line-height:1.45; letter-spacing:-.2px; }
body.pm-storefront .pm-section-head p { font-size:13px; line-height:1.8; }
body.pm-storefront .pm-eyebrow { font-size:11px; }
body.pm-storefront .pm-section-more { font-size:12px; min-height:40px; padding:0 12px; border-radius:11px; }
body.pm-storefront .pm-section-more .wk-ui-icon { width:16px; height:16px; }
body.pm-storefront .pm-category-grid { gap:16px; }
body.pm-storefront .pm-category-card { border-radius:18px; padding:9px; }
body.pm-storefront .pm-category-card strong { font-size:13px; line-height:1.7; }
body.pm-storefront .pm-category-card small { font-size:11px; line-height:1.65; }
body.pm-storefront .pm-services-grid { gap:0; }
body.pm-storefront .pm-service-card { padding:20px 18px; min-height:112px; }
body.pm-storefront .pm-service-card strong { font-size:13px; }
body.pm-storefront .pm-service-card small { font-size:11px; }
body.pm-storefront .pm-shared-product-grid,
body.pm-storefront .sb-grid-products,
body.pm-storefront .sb-product-grid { gap:20px; align-items:stretch; }
body.pm-storefront .pm-product-card { padding:9px; border-radius:20px; box-shadow:0 10px 28px color-mix(in srgb,var(--wk-text) 6%,transparent); }
body.pm-storefront .pm-product-media { border-radius:16px; }
body.pm-storefront .pm-product-body { padding:14px 5px 5px; min-height:176px; }
body.pm-storefront .pm-product-cat { font-size:11px; line-height:1.6; }
body.pm-storefront .pm-product-title { font-size:14px; line-height:1.75; min-height:50px; }
body.pm-storefront .pm-product-price strong { font-size:16px; line-height:1.5; }
body.pm-storefront .pm-product-price del { font-size:11px; }
body.pm-storefront .pm-product-action { font-size:12px; min-height:42px; border-radius:12px; }
body.pm-storefront .pm-product-hover-actions a,
body.pm-storefront .pm-product-hover-actions button { width:38px; height:38px; border-radius:11px; }
body.pm-storefront .pm-product-showcase-shell { border-radius:24px; padding:18px; box-shadow:var(--pm-ui-shadow); }
body.pm-storefront .pm-product-showcase-head h2 { font-size:22px; }
body.pm-storefront .pm-product-showcase-head p { font-size:12px; }
body.pm-storefront .pm-product-showcase-tab { height:40px; padding-inline:14px; font-size:12px; border-radius:11px; }
body.pm-storefront .pm-showcase-card { border-radius:18px; }
body.pm-storefront .pm-showcase-title { font-size:12px; line-height:1.7; }
body.pm-storefront .pm-showcase-price strong { font-size:15px; }
body.pm-storefront .pm-article-card-modern-media { aspect-ratio:16/11; border-radius:20px; }
body.pm-storefront .pm-article-card-modern-body { margin:-22px 12px 0; padding:16px; min-height:0; border-radius:18px; background:var(--wk-surface); box-shadow:var(--pm-ui-shadow); }
body.pm-storefront .pm-article-card-modern-body h3,
body.pm-storefront .pm-article-card-modern-body h2 { font-size:15px; line-height:1.8; }
body.pm-storefront .pm-article-card-modern-body p { font-size:12px; line-height:1.9; }
body.pm-storefront .pm-article-card-modern-meta,
body.pm-storefront .pm-article-card-modern-more { font-size:11px; }
body.pm-storefront .sb-shop,
body.pm-storefront .sb-blog,
body.pm-storefront .sb-product-page,
body.pm-storefront .sb-page-shell { padding:34px 0 72px; }
body.pm-storefront .sb-breadcrumb { font-size:12px; margin-bottom:20px; }
body.pm-storefront .sb-filter { top:96px; border-radius:18px; padding:18px; box-shadow:var(--pm-ui-shadow); }
body.pm-storefront .sb-filter-group>strong { font-size:13px; }
body.pm-storefront .sb-filter-option { min-height:44px; }
body.pm-storefront .sb-filter-option span { font-size:12px; }
body.pm-storefront .sb-filter-option small { font-size:11px; }
body.pm-storefront .sb-shop-head { min-height:62px; margin-bottom:22px; padding-bottom:16px; }
body.pm-storefront .sb-shop-head h1 { font-size:30px; line-height:1.35; }
body.pm-storefront .sb-shop-head p { font-size:12px; }
body.pm-storefront .sb-shop-tools { gap:10px; }
body.pm-storefront .sb-shop-tools>label { font-size:12px !important; }
body.pm-storefront .sb-shop-tools select { height:44px; min-width:175px; border-radius:12px; font-size:12px; }
body.pm-storefront .sb-pagination a { min-width:42px; height:42px; border-radius:11px; font-size:12px; }
body.pm-storefront .sb-product-page .wk-product-layout { grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr); gap:30px; }
body.pm-storefront .sb-product-page .wk-product-layout>div:first-child,
body.pm-storefront .sb-product-page .wk-product-layout>div:nth-child(2) { border-radius:22px; padding:16px; box-shadow:0 10px 30px color-mix(in srgb,var(--wk-text) 5%,transparent); }
body.pm-storefront .sb-product-page .wk-product-layout>div:nth-child(2) { padding:28px; }
body.pm-storefront .sb-product-page .sb-product-title { font-size:30px !important; line-height:1.45 !important; }
body.pm-storefront .sb-product-page .wk-product-cat { font-size:12px; }
body.pm-storefront .sb-product-page #priceDisplay .current { font-size:28px !important; line-height:1.4; }
body.pm-storefront .sb-product-page .wk-add-btn.wk-buy-cta { min-height:54px; border-radius:14px; font-size:14px; font-weight:900; }
body.pm-storefront .sb-product-page .variant-opt { min-height:46px !important; padding-inline:16px !important; border-radius:13px !important; font-size:13px !important; }
body.pm-storefront .sb-product-page #stockDisplay { font-size:13px !important; }
body.pm-storefront .sb-product-page .wk-qty-ctrl { min-height:44px; border-radius:12px; }
body.pm-storefront .sb-product-page .wk-qty-val { font-size:14px !important; }
body.pm-storefront .sb-product-page .wk-section-title { font-size:20px; }
body.pm-storefront .sb-product-page .wk-faq-heading { font-size:22px; }
body.pm-storefront .sb-product-page .wk-product-layout [style*="font-size:12px"],
body.pm-storefront .sb-product-page .wk-product-layout [style*="font-size:13px"],
body.pm-storefront .sb-product-page .wk-product-layout [style*="font-size:14px"] { font-size:13px !important; }
body.pm-storefront .sb-product-page .wk-product-layout h3 { font-size:18px !important; }
body.pm-storefront .sb-product-page .wk-product-layout .wk-product-price,
body.pm-storefront .sb-product-page .wk-product-layout .wk-rating-line { font-size:13px !important; }
body.pm-storefront .wk-footer { margin-top:76px; }
body.pm-storefront .wk-footer-shell { padding-top:64px; padding-bottom:32px; }
body.pm-storefront .wk-footer-grid { grid-template-columns:1.7fr repeat(3,minmax(150px,1fr)); gap:46px; }
body.pm-storefront .wk-footer-logo { font-size:18px; }
body.pm-storefront .wk-footer-description { max-width:480px; font-size:13px; line-height:2.05; }
body.pm-storefront .wk-footer-col { gap:10px; }
body.pm-storefront .wk-footer-col h2 { font-size:15px; line-height:1.5; }
body.pm-storefront .wk-footer-col a { font-size:13px; line-height:1.85; }
body.pm-storefront .wk-footer-contact-item { font-size:13px; }
body.pm-storefront .wk-footer-bottom { font-size:12px; }
body.pm-storefront .sb-mobile-overlay { z-index:var(--pm-z-mobile); }
body.pm-storefront .sb-mobile-drawer { z-index:calc(var(--pm-z-mobile) + 1); }
body.pm-storefront .wk-cart-overlay { z-index:var(--pm-z-cart) !important; }
body.pm-storefront .wk-cart-drawer { z-index:calc(var(--pm-z-cart) + 1) !important; }
body.pm-storefront .pm-story-viewer { z-index:var(--pm-z-story); }
body.pm-storefront #wkChatToggle,
body.pm-storefront #wkChatWindow { z-index:var(--pm-z-chat) !important; }

@media(max-width:1200px) {
    body.pm-storefront .pm-shared-product-grid,
    body.pm-storefront .sb-grid-products,
    body.pm-storefront .sb-product-grid { gap:16px; }
    body.pm-storefront .pm-product-body { min-height:168px; }
    body.pm-storefront .pm-article-card-modern-body { margin-top:-20px; }
    body.pm-storefront .sb-product-page .wk-product-layout { grid-template-columns:minmax(0,1fr) minmax(330px,.95fr); }
}
@media(max-width:900px) {
    body.pm-storefront .sb-header { position:sticky; top:0; }
    body.pm-storefront .pm-home-section { padding-top:48px; }
    body.pm-storefront .pm-section-head { margin-bottom:18px; }
    body.pm-storefront .pm-section-head h2 { font-size:21px; }
    body.pm-storefront .pm-section-head p { font-size:12px; }
    body.pm-storefront .pm-shared-product-grid,
    body.pm-storefront .sb-grid-products,
    body.pm-storefront .sb-product-grid { gap:13px; }
    body.pm-storefront .pm-product-title { font-size:13px; min-height:46px; }
    body.pm-storefront .pm-product-price strong { font-size:15px; }
    body.pm-storefront .pm-product-action { font-size:11px; min-height:41px; }
    body.pm-storefront .pm-article-card-modern-body { margin:-18px 10px 0; padding:14px; }
    body.pm-storefront .pm-article-card-modern-body h3,
    body.pm-storefront .pm-article-card-modern-body h2 { font-size:14px; }
    body.pm-storefront .pm-article-card-modern-body p { font-size:11px; }
    body.pm-storefront .sb-shop-head h1 { font-size:26px; }
    body.pm-storefront .sb-filter { position:static; }
    body.pm-storefront .sb-product-page .wk-product-layout { grid-template-columns:1fr; }
    body.pm-storefront .sb-product-page .wk-product-layout>div:nth-child(2) { padding:22px; }
    body.pm-storefront .sb-product-page .sb-product-title { font-size:25px !important; }
}
@media(max-width:780px) {
    body.pm-storefront .sb-header { box-shadow:0 6px 20px color-mix(in srgb,var(--wk-text) 5%,transparent); }
    body.pm-storefront .sb-header-row { gap:9px; padding-top:9px; padding-bottom:10px; }
    body.pm-storefront .sb-header-search input.sb-search-input { height:44px; font-size:13px; border-radius:13px; }
    body.pm-storefront .pm-home-section { padding-top:42px; }
    body.pm-storefront .pm-section-head { align-items:flex-start; }
    body.pm-storefront .pm-section-head h2 { font-size:19px; }
    body.pm-storefront .pm-section-head p { font-size:11px; }
    body.pm-storefront .pm-section-more { font-size:11px; min-height:36px; }
    body.pm-storefront .pm-category-card strong { font-size:12px; }
    body.pm-storefront .pm-category-card small { font-size:10px; }
    body.pm-storefront .pm-service-card { min-height:96px; padding:17px 14px; }
    body.pm-storefront .pm-service-card strong { font-size:12px; }
    body.pm-storefront .pm-service-card small { font-size:10px; }
    body.pm-storefront .pm-product-card { padding:8px; border-radius:17px; }
    body.pm-storefront .pm-product-media { border-radius:14px; }
    body.pm-storefront .pm-product-body { padding:12px 3px 3px; min-height:0; }
    body.pm-storefront .pm-product-cat { font-size:9px; }
    body.pm-storefront .pm-product-title { font-size:12px; line-height:1.75; min-height:42px; }
    body.pm-storefront .pm-product-price strong { font-size:14px; }
    body.pm-storefront .pm-product-price del { font-size:10px; }
    body.pm-storefront .pm-product-action { min-height:39px; font-size:10px; }
    body.pm-storefront .pm-product-showcase-shell { padding:13px; border-radius:19px; }
    body.pm-storefront .pm-product-showcase-head h2 { font-size:18px; }
    body.pm-storefront .pm-product-showcase-tab { height:36px; font-size:10px; padding-inline:11px; }
    body.pm-storefront .pm-article-card-modern-body { margin:-16px 8px 0; padding:13px; border-radius:16px; }
    body.pm-storefront .pm-article-card-modern-body h3,
    body.pm-storefront .pm-article-card-modern-body h2 { font-size:13px; }
    body.pm-storefront .pm-article-card-modern-body p { font-size:10px; }
    body.pm-storefront .pm-article-card-modern-meta,
    body.pm-storefront .pm-article-card-modern-more { font-size:10px; }
    body.pm-storefront .sb-shop,
    body.pm-storefront .sb-blog,
    body.pm-storefront .sb-product-page,
    body.pm-storefront .sb-page-shell { padding-top:24px; padding-bottom:52px; }
    body.pm-storefront .sb-shop-head h1 { font-size:23px; }
    body.pm-storefront .sb-shop-head p { font-size:11px; }
    body.pm-storefront .sb-shop-tools select { height:40px; min-width:0; flex:1; font-size:11px; }
    body.pm-storefront .wk-footer { margin-top:52px; }
    body.pm-storefront .wk-footer-shell { padding-top:46px; }
    body.pm-storefront .wk-footer-grid { grid-template-columns:1fr 1fr; gap:26px 18px; }
    body.pm-storefront .wk-footer-brand-col { grid-column:1/-1; }
    body.pm-storefront .wk-footer-col h2 { font-size:13px; }
    body.pm-storefront .wk-footer-col a { font-size:12px; }
    body.pm-storefront .wk-footer-description { font-size:12px; }
}
@media(max-width:520px) {
    body.pm-storefront .pm-container,
    body.pm-storefront .sb-container { width:min(100% - 18px,1240px); }
    body.pm-storefront .pm-home-section { padding-top:36px; }
    body.pm-storefront .pm-section-head { gap:10px; margin-bottom:15px; }
    body.pm-storefront .pm-section-head h2 { font-size:18px; }
    body.pm-storefront .pm-section-head p { font-size:10px; }
    body.pm-storefront .pm-section-more { font-size:10px; padding-inline:9px; }
    body.pm-storefront .pm-shared-product-grid,
    body.pm-storefront .sb-grid-products,
    body.pm-storefront .sb-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    body.pm-storefront .pm-product-title { font-size:11px; min-height:39px; }
    body.pm-storefront .pm-product-price strong { font-size:13px; }
    body.pm-storefront .pm-product-action { font-size:9.5px; }
    body.pm-storefront .pm-article-card-modern-media { aspect-ratio:1.18; }
    body.pm-storefront .pm-article-card-modern-body { margin:-12px 7px 0; padding:11px; }
    body.pm-storefront .pm-article-card-modern-body h3,
    body.pm-storefront .pm-article-card-modern-body h2 { font-size:12px; }
    body.pm-storefront .pm-article-card-modern-body p { font-size:10px; }
    body.pm-storefront .sb-shop-tools { width:100%; }
    body.pm-storefront .sb-shop-tools select { font-size:10px; }
    body.pm-storefront .sb-product-page .sb-product-title { font-size:22px !important; }
    body.pm-storefront .sb-product-page #priceDisplay .current { font-size:23px !important; }
    body.pm-storefront .sb-product-page .wk-product-layout>div:first-child,
    body.pm-storefront .sb-product-page .wk-product-layout>div:nth-child(2) { padding:11px; border-radius:18px; }
    body.pm-storefront .sb-product-page .wk-product-layout>div:nth-child(2) { padding:17px; }
    body.pm-storefront .wk-footer-grid { grid-template-columns:1fr 1fr; gap:22px 14px; }
    body.pm-storefront .wk-footer-col h2 { font-size:12px; }
    body.pm-storefront .wk-footer-col a { font-size:11px; }
    body.pm-storefront .wk-footer-description { font-size:11px; }
    body.pm-storefront .wk-footer-bottom { font-size:10px; }
}
body.pm-storefront .pm-article-archive-head { padding-bottom:22px; margin-bottom:22px; }
body.pm-storefront .pm-article-archive-head h1 { font-size:32px; line-height:1.4; }
body.pm-storefront .pm-article-archive-head p { font-size:12px; }
body.pm-storefront .pm-article-archive-back { min-height:42px; font-size:12px; border-radius:12px; }
body.pm-storefront .pm-article-archive-toolbar { margin-bottom:15px; font-size:11px; }
body.pm-storefront .pm-article-archive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
body.pm-storefront .pm-article-archive-grid .pm-article-card-modern-link { min-height:100%; }
body.pm-storefront .pm-article-archive-grid .pm-article-card-modern-body { display:flex; flex-direction:column; min-height:0; }
body.pm-storefront .pm-article-archive-grid .pm-article-card-modern-more { margin-top:auto; }
body.pm-storefront .pm-article-sidebar-head strong { font-size:13px; }
body.pm-storefront .pm-article-sidebar-head small { font-size:11px; }
body.pm-storefront .pm-article-sidebar-recent-head { font-size:13px; }
body.pm-storefront .pm-article-sidebar-recent a { font-size:11px; }
body.pm-storefront .pm-hero-search-copy h2 { font-size:clamp(24px,3.2vw,36px); }
body.pm-storefront .pm-hero-search-copy p { font-size:13px; }
body.pm-storefront .pm-hero-search-input { font-size:14px; }
body.pm-storefront .pm-hero-search-submit { font-size:13px; }
body.pm-storefront .pm-hero-search-shortcuts a { font-size:11px; padding:7px 10px; }
body.pm-storefront .pm-hero-search-shortcuts:before { font-size:11px; }
body.pm-storefront .pm-search-head strong { font-size:14px; }
body.pm-storefront .pm-search-head small { font-size:11px; }
body.pm-storefront .pm-search-product-body strong { font-size:12px; }
body.pm-storefront .pm-search-product-body small { font-size:11px; }
body.pm-storefront .pm-search-foot { font-size:11px; }
@media(max-width:1200px) { body.pm-storefront .pm-article-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) {
    body.pm-storefront .pm-article-archive-head h1 { font-size:28px; }
    body.pm-storefront .pm-home-section + .pm-home-section { padding-top:46px; }
}
@media(max-width:700px) {
    body.pm-storefront .pm-article-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
    body.pm-storefront .pm-article-archive-head h1 { font-size:24px; }
    body.pm-storefront .pm-article-archive-head p { font-size:11px; }
    body.pm-storefront .pm-article-archive-back { font-size:11px; }
    body.pm-storefront .pm-hero-search-copy h2 { font-size:22px; }
    body.pm-storefront .pm-hero-search-copy p { font-size:11px; }
    body.pm-storefront .pm-hero-search-input { font-size:12px; }
    body.pm-storefront .pm-hero-search-submit { font-size:11px; }
    body.pm-storefront .pm-hero-search-shortcuts a { font-size:10px; }
    body.pm-storefront .pm-hero-search-shortcuts:before { font-size:10px; }
}
@media(max-width:520px) {
    body.pm-storefront .pm-article-archive-grid { grid-template-columns:1fr; }
    body.pm-storefront .pm-home-section + .pm-home-section { padding-top:38px; }
}

/* ========================================================================
   PARESHMART — FINAL VISUAL SYSTEM
   ======================================================================== */
body.pm-storefront .pm-article-archive-head,
body.pm-storefront .sb-shop-head {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    padding: 22px 24px;
    margin-bottom: 24px;
    border: 1px solid color-mix(in srgb, var(--wk-border) 92%, var(--wk-text) 8%);
    border-radius: var(--pm-ui-radius-lg, 22px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--wk-surface) 98%, var(--wk-text) 2%), color-mix(in srgb, var(--wk-bg) 94%, var(--wk-surface) 6%));
    box-shadow: 0 12px 34px color-mix(in srgb, var(--wk-text) 6%, transparent);
}
body.pm-storefront .pm-article-archive-head::before,
body.pm-storefront .sb-shop-head::before {
    content: "";
    position: absolute;
    inset-inline-start: -70px;
    inset-block-start: -90px;
    width: 210px;
    height: 210px;
    border-radius: 999px;
    background: radial-gradient(circle, color-mix(in srgb, var(--wk-purple) 10%, transparent) 0%, transparent 68%);
    pointer-events: none;
    z-index: 0;
}
body.pm-storefront .pm-article-archive-head>*,
body.pm-storefront .sb-shop-head>* { position: relative; z-index: 1; }
body.pm-storefront .pm-article-archive-head h1,
body.pm-storefront .sb-shop-head h1 {
    margin: 0;
    color: var(--wk-text);
    font-size: clamp(23px, 2.6vw, 32px);
    line-height: 1.4;
    font-weight: 950;
    letter-spacing: -0.25px;
}
body.pm-storefront .pm-article-archive-head p,
body.pm-storefront .sb-shop-head p {
    margin: 6px 0 0;
    color: var(--wk-muted);
    font-size: 12px;
    line-height: 1.85;
    font-weight: 650;
}
body.pm-storefront .pm-article-archive-back,
body.pm-storefront .sb-shop-tools :is(button, a) { min-height: 42px; border-radius: var(--pm-ui-radius-sm, 12px); }
body.pm-storefront .sb-shop-tools { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
body.pm-storefront .sb-shop-tools select { min-height: 44px; border-radius: var(--pm-ui-radius-sm, 12px); }
body.pm-storefront .pm-section-head h2 { position: relative; padding-bottom: 7px; }
body.pm-storefront .pm-section-head h2::after {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    margin-top: 7px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--wk-purple), var(--wk-pink));
}
body.pm-storefront ::selection { background: color-mix(in srgb, var(--wk-purple) 22%, transparent); color: var(--wk-text); }
@media (max-width: 780px) {
    body.pm-storefront .pm-article-archive-head,
    body.pm-storefront .sb-shop-head { flex-direction: column; align-items: stretch; gap: 12px; padding: 18px 16px; margin-bottom: 18px; border-radius: var(--pm-ui-radius-md, 16px); }
    body.pm-storefront .pm-article-archive-head h1,
    body.pm-storefront .sb-shop-head h1 { font-size: clamp(21px, 5vw, 26px); }
    body.pm-storefront .pm-article-archive-head p,
    body.pm-storefront .sb-shop-head p { margin-top: 4px; font-size: 11px; }
    body.pm-storefront .pm-article-archive-back,
    body.pm-storefront .sb-shop-tools { width: 100%; }
    body.pm-storefront .sb-shop-tools { justify-content: stretch; }
    body.pm-storefront .sb-shop-tools select,
    body.pm-storefront .sb-shop-tools :is(button, a) { flex: 1 1 160px; }
    body.pm-storefront .pm-section-head h2 { padding-bottom: 5px; }
}
@media (max-width: 520px) {
    body.pm-storefront .pm-article-archive-head,
    body.pm-storefront .sb-shop-head { padding: 16px 14px; border-radius: 15px; }
    body.pm-storefront .pm-article-archive-head h1,
    body.pm-storefront .sb-shop-head h1 { font-size: 21px; }
    body.pm-storefront .pm-article-archive-head p,
    body.pm-storefront .sb-shop-head p { font-size: 10.5px; }
    body.pm-storefront .sb-shop-tools { gap: 8px; }
    body.pm-storefront .sb-shop-tools select,
    body.pm-storefront .sb-shop-tools :is(button, a) { min-height: 42px; flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    body.pm-storefront .pm-section-head h2::after { transition: none; }
}