body.shop-template.template-warm-market {
    --canvas: #f7f2ec;
    --paper: #fffdf9;
    --ink: #251d18;
    --soft-ink: #6f6258;
    --line: #eadfd4;
    --brand: #b8322a;
    --brand-deep: #84261f;
    --mint: #0f8b8d;
    --leaf: #39745f;
    --gold: #f2b35b;
    --cream: #fff2d9;
    --detail-bg: #f7f2ec;
    --radius-lg: 22px;
}

body.shop-template.template-fresh-green {
    --canvas: #eef8f0;
    --paper: #fdfffb;
    --ink: #183126;
    --soft-ink: #66766c;
    --line: #d9ebdf;
    --brand: #2f9e62;
    --brand-deep: #17693d;
    --mint: #1f8f7a;
    --leaf: #2f7a50;
    --gold: #e3ad52;
    --cream: #f4ffe8;
    --detail-bg: #eff8f1;
    --radius-lg: 24px;
}

body.shop-template.template-tech-blue {
    --canvas: #eef4ff;
    --paper: #ffffff;
    --ink: #14233d;
    --soft-ink: #65748c;
    --line: #dbe6f7;
    --brand: #246bfe;
    --brand-deep: #1644a6;
    --mint: #00a6b4;
    --leaf: #256a7a;
    --gold: #f0b64b;
    --cream: #eaf2ff;
    --detail-bg: #eef4ff;
    --radius-lg: 18px;
}

body.shop-template.template-luxury-black {
    --canvas: #161412;
    --paper: #24211d;
    --ink: #fff7ea;
    --soft-ink: #c8baaa;
    --line: #3d362f;
    --brand: #d6a958;
    --brand-deep: #f4d58d;
    --mint: #a88a4a;
    --leaf: #d0b16a;
    --gold: #e5c36f;
    --cream: #2f2923;
    --detail-bg: #161412;
    --radius-lg: 16px;
}

body.shop-template.template-sweet-pink {
    --canvas: #fff0f5;
    --paper: #fffafd;
    --ink: #3c1d2b;
    --soft-ink: #865f70;
    --line: #f2d7e2;
    --brand: #e84d88;
    --brand-deep: #a72258;
    --mint: #20a7a0;
    --leaf: #8b4f69;
    --gold: #ffc45d;
    --cream: #ffe9f2;
    --detail-bg: #fff0f5;
    --radius-lg: 28px;
}

body.shop-template.template-minimal-white {
    --canvas: #f6f7f8;
    --paper: #ffffff;
    --ink: #15191e;
    --soft-ink: #6f7782;
    --line: #e3e7ec;
    --brand: #20242a;
    --brand-deep: #080a0d;
    --mint: #5c6670;
    --leaf: #4f5963;
    --gold: #b58a48;
    --cream: #f4f5f6;
    --detail-bg: #f6f7f8;
    --radius-lg: 12px;
}

body.shop-template.template-festival-red {
    --canvas: #fff2e8;
    --paper: #fffaf5;
    --ink: #3a1712;
    --soft-ink: #7d5b51;
    --line: #f1d4c4;
    --brand: #d71920;
    --brand-deep: #8b1015;
    --mint: #c48b2c;
    --leaf: #8d4c34;
    --gold: #ffcf63;
    --cream: #fff1cf;
    --detail-bg: #fff2e8;
    --radius-lg: 20px;
}

body.shop-template.template-cafe-brown {
    --canvas: #f4ede3;
    --paper: #fffaf2;
    --ink: #2b2018;
    --soft-ink: #796557;
    --line: #e7d7c6;
    --brand: #8b4b2f;
    --brand-deep: #56301f;
    --mint: #b88045;
    --leaf: #7b5b42;
    --gold: #d6a159;
    --cream: #f7e0c3;
    --detail-bg: #f4ede3;
    --radius-lg: 18px;
}

body.shop-template.template-ocean-cyan {
    --canvas: #eaf8fb;
    --paper: #fbfeff;
    --ink: #123037;
    --soft-ink: #617981;
    --line: #cfe7ee;
    --brand: #0e9bb0;
    --brand-deep: #08606e;
    --mint: #0f8b8d;
    --leaf: #2d6f7a;
    --gold: #f3b958;
    --cream: #e1f7fb;
    --detail-bg: #eaf8fb;
    --radius-lg: 26px;
}

body.shop-template.template-playful-color {
    --canvas: #fff8db;
    --paper: #fffefa;
    --ink: #2e2716;
    --soft-ink: #756a4d;
    --line: #eee0ac;
    --brand: #ff7a1a;
    --brand-deep: #b8480b;
    --mint: #2aa7a0;
    --leaf: #528847;
    --gold: #ffd447;
    --cream: #fff0b8;
    --detail-bg: #fff8db;
    --radius-lg: 30px;
}

body.shop-template.template-fashion-studio {
    --canvas: #f4f1ed;
    --paper: #fffdfa;
    --ink: #16181d;
    --soft-ink: #6f7178;
    --line: #ded8cf;
    --brand: #111827;
    --brand-deep: #05070b;
    --mint: #9ca3af;
    --leaf: #53565d;
    --gold: #d4af37;
    --cream: #ede5da;
    --detail-bg: #f4f1ed;
    --radius-lg: 6px;
}

body.shop-template.template-home-living {
    --canvas: #f3f0ea;
    --paper: #fffaf2;
    --ink: #253126;
    --soft-ink: #6d7569;
    --line: #ded7ca;
    --brand: #4f6f52;
    --brand-deep: #2f4932;
    --mint: #7a8f76;
    --leaf: #5c7d5f;
    --gold: #d9b88f;
    --cream: #eadfce;
    --detail-bg: #f3f0ea;
    --radius-lg: 18px;
}

body.shop-template.template-baby-care {
    --canvas: #fff7ed;
    --paper: #fffdfa;
    --ink: #3b2a18;
    --soft-ink: #88725b;
    --line: #f2dcc1;
    --brand: #f59e0b;
    --brand-deep: #b45309;
    --mint: #8cc7ff;
    --leaf: #f472b6;
    --gold: #ffd166;
    --cream: #fff0c9;
    --detail-bg: #fff7ed;
    --radius-lg: 30px;
}

body.shop-template.template-jewelry-gold {
    --canvas: #151515;
    --paper: #22201b;
    --ink: #fff8e7;
    --soft-ink: #cfbea1;
    --line: #3a3326;
    --brand: #b88a2c;
    --brand-deep: #f7e7b6;
    --mint: #6d5a32;
    --leaf: #d7bc65;
    --gold: #f0d689;
    --cream: #2f281d;
    --detail-bg: #151515;
    --radius-lg: 2px;
}

body.shop-template.template-pet-supply {
    --canvas: #fff7ed;
    --paper: #fffefa;
    --ink: #332213;
    --soft-ink: #85674d;
    --line: #efd8bf;
    --brand: #f97316;
    --brand-deep: #c2410c;
    --mint: #06b6d4;
    --leaf: #84cc16;
    --gold: #ffd166;
    --cream: #ffe3bd;
    --detail-bg: #fff7ed;
    --radius-lg: 24px;
}

body.shop-template.template-sports-gear {
    --canvas: #f8fafc;
    --paper: #ffffff;
    --ink: #111827;
    --soft-ink: #64748b;
    --line: #dbe3ee;
    --brand: #ef4444;
    --brand-deep: #111827;
    --mint: #22c55e;
    --leaf: #334155;
    --gold: #fbbf24;
    --cream: #eef2f7;
    --detail-bg: #f8fafc;
    --radius-lg: 12px;
}

body.shop-template.template-book-culture {
    --canvas: #f7f2ea;
    --paper: #fffaf1;
    --ink: #241a35;
    --soft-ink: #716582;
    --line: #e6dccb;
    --brand: #7c3aed;
    --brand-deep: #4c1d95;
    --mint: #0f766e;
    --leaf: #67508f;
    --gold: #f59e0b;
    --cream: #efe4cf;
    --detail-bg: #f7f2ea;
    --radius-lg: 14px;
}

body.shop-template.template-wellness-care {
    --canvas: #ecfdf5;
    --paper: #fbfffd;
    --ink: #12342f;
    --soft-ink: #5f7f76;
    --line: #cbeedd;
    --brand: #0f766e;
    --brand-deep: #115e59;
    --mint: #38bdf8;
    --leaf: #16a34a;
    --gold: #a7f3d0;
    --cream: #dcfce7;
    --detail-bg: #ecfdf5;
    --radius-lg: 22px;
}

body.shop-template.template-auto-parts {
    --canvas: #eef2f7;
    --paper: #ffffff;
    --ink: #101828;
    --soft-ink: #667085;
    --line: #d6dee9;
    --brand: #0f172a;
    --brand-deep: #020617;
    --mint: #64748b;
    --leaf: #334155;
    --gold: #f97316;
    --cream: #e2e8f0;
    --detail-bg: #eef2f7;
    --radius-lg: 8px;
}

body.shop-template.template-flower-gift {
    --canvas: #fff1f2;
    --paper: #fffafd;
    --ink: #3b1828;
    --soft-ink: #8b6172;
    --line: #f4d4df;
    --brand: #db2777;
    --brand-deep: #9d174d;
    --mint: #86efac;
    --leaf: #16a34a;
    --gold: #f59e0b;
    --cream: #ffe4ec;
    --detail-bg: #fff1f2;
    --radius-lg: 28px;
}

body.shop-template.template-tea-chinese {
    --canvas: #f3efe4;
    --paper: #fffaf0;
    --ink: #1f2a1f;
    --soft-ink: #69725f;
    --line: #ddd2bd;
    --brand: #166534;
    --brand-deep: #0f3f23;
    --mint: #7c2d12;
    --leaf: #315d38;
    --gold: #c9a227;
    --cream: #e8dcc4;
    --detail-bg: #f3efe4;
    --radius-lg: 10px;
}

body.shop-template.template-industrial-b2b {
    --canvas: #f1f5f9;
    --paper: #ffffff;
    --ink: #0f172a;
    --soft-ink: #64748b;
    --line: #cbd5e1;
    --brand: #1d4ed8;
    --brand-deep: #1e3a8a;
    --mint: #475569;
    --leaf: #334155;
    --gold: #f59e0b;
    --cream: #e2e8f0;
    --detail-bg: #f1f5f9;
    --radius-lg: 6px;
}

body.shop-template .template-selector {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 80;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body.shop-template .template-selector__toggle {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    color: var(--ink);
    box-shadow: 0 16px 40px rgba(40, 24, 16, 0.16);
    cursor: pointer;
    font-weight: 900;
}

body.shop-template .template-selector__panel {
    position: absolute;
    right: 0;
    bottom: 54px;
    width: min(360px, calc(100vw - 28px));
    max-height: min(560px, calc(100vh - 110px));
    overflow: auto;
    display: none;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--paper);
    color: var(--ink);
    box-shadow: 0 24px 70px rgba(40, 24, 16, 0.2);
}

body.shop-template .template-selector.is-open .template-selector__panel {
    display: block;
}

body.shop-template .template-selector__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    font-weight: 950;
}

body.shop-template .template-selector__grid {
    display: grid;
    gap: 8px;
}

body.shop-template .template-option {
    width: 100%;
    min-height: 62px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--paper) 92%, var(--brand) 8%);
    color: var(--ink);
    text-align: left;
    cursor: pointer;
}

body.shop-template .template-option.is-active {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent);
}

body.shop-template .template-option__swatch {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--swatch-a), var(--swatch-b));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

body.shop-template .template-option strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

body.shop-template .template-option span {
    display: block;
    margin-top: 2px;
    color: var(--soft-ink);
    font-size: 12px;
}

body.shop-template.template-luxury-black .topbar,
body.shop-template.template-luxury-black .category-button,
body.shop-template.template-luxury-black .quick-item,
body.shop-template.template-luxury-black .product-card,
body.shop-template.template-luxury-black .contact-band,
body.shop-template.template-luxury-black .member-panel {
    background: var(--paper);
}

body.shop-template.template-luxury-black .hero::before {
    background:
        linear-gradient(115deg, rgba(10, 9, 8, 0.98), rgba(36, 33, 29, 0.94) 52%, rgba(214, 169, 88, 0.25)),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-minimal-white .hero::before {
    background:
        linear-gradient(115deg, rgba(32, 36, 42, 0.96), rgba(76, 84, 94, 0.88) 48%, rgba(255, 255, 255, 0.24)),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-fresh-green .hero::before,
body.shop-template.template-ocean-cyan .hero::before {
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--brand-deep) 92%, #000 8%), color-mix(in srgb, var(--brand) 86%, #fff 14%) 48%, rgba(255,255,255,0.22)),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.shop-detail-page {
    color: var(--ink);
    background: var(--detail-bg);
}

body.shop-template.shop-detail-page .mobile-container {
    background: var(--detail-bg);
}

body.shop-template.shop-detail-page header.bg-white {
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--paper) 92%, transparent);
    color: var(--ink);
    backdrop-filter: blur(16px);
    box-shadow: none;
}

body.shop-template.shop-detail-page main.max-w-4xl {
    max-width: 1120px;
}

body.shop-template.shop-detail-page #productContent > .bg-white,
body.shop-template.shop-detail-page #recommendedProducts {
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--paper);
    color: var(--ink);
    box-shadow: 0 18px 48px rgba(40, 24, 16, 0.1);
}

body.shop-template.shop-detail-page .main-image-container {
    border-radius: calc(var(--radius-lg) - 4px);
    background: var(--cream);
}

body.shop-template.shop-detail-page #productName,
body.shop-template.shop-detail-page h1,
body.shop-template.shop-detail-page h2,
body.shop-template.shop-detail-page h3 {
    color: var(--ink);
}

body.shop-template.shop-detail-page #productSubtitle,
body.shop-template.shop-detail-page .text-gray-500,
body.shop-template.shop-detail-page .text-gray-600,
body.shop-template.shop-detail-page .text-gray-700 {
    color: var(--soft-ink);
}

body.shop-template.shop-detail-page #productPrice,
body.shop-template.shop-detail-page .text-red-600 {
    color: var(--brand);
}

body.shop-template.shop-detail-page .thumbnail-image.active {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent);
}

body.shop-template.shop-detail-page #bottomActions {
    border-top: 1px solid var(--line);
    background: color-mix(in srgb, var(--paper) 96%, transparent);
    backdrop-filter: blur(16px);
}

body.shop-template.shop-detail-page #bottomActions button {
    border-radius: 14px;
    font-weight: 900;
}

body.shop-template.shop-detail-page #bottomActions button:first-child {
    background: var(--mint);
}

body.shop-template.shop-detail-page #bottomActions button:last-child {
    background: var(--brand);
}

body.shop-template.shop-detail-page #recommendedProductsGrid > div {
    border-color: var(--line);
    border-radius: calc(var(--radius-lg) - 8px);
    background: var(--paper);
}

@media (max-width: 900px) {
    body.shop-template .template-selector {
        right: 12px;
        bottom: 74px;
    }
}

/* Distinct storefront template systems. These rules change layout, density and component shape,
   not only color variables. */
body.shop-template {
    --template-card-radius: var(--radius-lg, 18px);
    --template-card-shadow: 0 18px 46px rgba(24, 29, 38, 0.1);
    --template-tight-shadow: 0 10px 24px rgba(24, 29, 38, 0.08);
    --template-section-gap: 18px;
}

body.shop-template .hero,
body.shop-template .catalog,
body.shop-template.shop-list-page .category-header,
body.shop-template.shop-member-page section,
body.shop-template.member-center-page .white-header {
    isolation: isolate;
}

body.shop-template .hero::before,
body.shop-template.shop-list-page .category-header::before,
body.shop-template.member-center-page .white-header::before {
    pointer-events: none;
}

body.shop-template .product-card,
body.shop-template.shop-list-page #productsGrid .product-card,
body.shop-template.shop-detail-page #productContent > .bg-white,
body.shop-template.shop-member-page .order-card,
body.shop-template.member-center-page .stats-card,
body.shop-template.member-center-page .content-card,
body.shop-template.member-center-page .app-switcher {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

body.shop-template .product-card:hover,
body.shop-template.shop-list-page #productsGrid .product-card:hover {
    transform: translateY(-4px);
}

body.shop-template.shop-list-page .category-header {
    position: relative;
    overflow: hidden;
}

body.shop-template.shop-list-page .category-header > div {
    position: relative;
    z-index: 1;
}

body.shop-template.shop-list-page header.bg-white,
body.shop-template.shop-member-page header.bg-white {
    border-bottom: 1px solid var(--line);
    background: var(--paper) !important;
    color: var(--ink);
    box-shadow: none !important;
}

body.shop-template.shop-list-page section.bg-white.border-b,
body.shop-template.shop-member-page nav.bg-white {
    border-color: var(--line) !important;
    background: var(--paper) !important;
}

body.shop-template.shop-list-page #productsGrid .product-card {
    border: 1px solid var(--line);
    border-radius: var(--template-card-radius);
    background: var(--paper) !important;
    box-shadow: var(--template-tight-shadow);
}

body.shop-template.shop-list-page #productsGrid .product-card > div:first-child {
    background: var(--cream) !important;
}

body.shop-template.shop-list-page #productsGrid .product-card h3,
body.shop-template.shop-detail-page #productName,
body.shop-template.shop-member-page h1,
body.shop-template.shop-member-page h2,
body.shop-template.member-center-page h3 {
    color: var(--ink) !important;
}

body.shop-template.shop-list-page #productsGrid .product-card .text-red-600,
body.shop-template.shop-list-page #productsGrid .product-card .text-lg,
body.shop-template.shop-detail-page #productPrice {
    color: var(--brand) !important;
}

body.shop-template.shop-list-page #productsGrid .product-card button,
body.shop-template.shop-member-page button.bg-green-500,
body.shop-template.member-center-page .user-level,
body.shop-template.member-center-page .module-icon,
body.shop-template.member-center-page .stat-value-custom {
    background: var(--brand) !important;
    color: #fff !important;
}

body.shop-template.shop-detail-page #productContent.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0 !important;
}

body.shop-template.shop-detail-page #productContent {
    gap: 18px;
}

body.shop-template.shop-detail-page .product-description blockquote {
    border-left-color: var(--brand);
}

body.shop-template.shop-member-page .mobile-container,
body.shop-template.member-center-page .mobile-container {
    background: var(--canvas) !important;
    color: var(--ink);
}

body.shop-template.shop-member-page .order-filter-btn,
body.shop-template.shop-member-page .tab-content .bg-white,
body.shop-template.shop-member-page #ordersList > div,
body.shop-template.shop-member-page #addressList > div,
body.shop-template.member-center-page .stats-card,
body.shop-template.member-center-page .app-switcher,
body.shop-template.member-center-page .content-card {
    border: 1px solid var(--line);
    background: var(--paper) !important;
    color: var(--ink);
    box-shadow: var(--template-tight-shadow);
}

body.shop-template.shop-member-page .nav-item.active {
    color: var(--brand) !important;
    border-bottom-color: var(--brand) !important;
}

body.shop-template.member-center-page .white-header {
    position: relative;
    overflow: hidden;
}

body.shop-template.member-center-page .white-header-content {
    position: relative;
    z-index: 1;
}

/* 1. Warm Market: community bazaar with awning rhythm and tactile product cards. */
body.shop-template.template-warm-market {
    --template-card-radius: 22px;
    --template-card-shadow: 0 18px 42px rgba(87, 45, 28, 0.12);
    --template-tight-shadow: 0 12px 28px rgba(87, 45, 28, 0.09);
}

body.shop-template.template-warm-market .topbar {
    border-bottom: 3px solid rgba(184, 50, 42, .12);
}

body.shop-template.template-warm-market .hero {
    padding-top: 34px;
}

body.shop-template.template-warm-market .hero::before {
    background:
        repeating-linear-gradient(90deg, rgba(255,255,255,.1) 0 24px, rgba(242,179,91,.18) 24px 48px),
        linear-gradient(112deg, rgba(132, 38, 31, .97), rgba(184, 50, 42, .9) 49%, rgba(242, 179, 91, .34)),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-warm-market .quick-grid {
    grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
}

body.shop-template.template-warm-market .quick-item {
    border-radius: 18px 18px 24px 24px;
    border-bottom: 4px solid rgba(184, 50, 42, .18);
}

body.shop-template.template-warm-market .category-button {
    border-radius: 12px 18px 18px 12px;
}

body.shop-template.template-warm-market .product-card {
    border-radius: 24px 18px 24px 18px;
    box-shadow: var(--template-card-shadow);
}

body.shop-template.template-warm-market .product-badge {
    border-radius: 10px 999px 999px 10px;
    background: var(--brand);
}

/* 2. Fresh Green: organic grocery with soft blocks and image-forward cards. */
body.shop-template.template-fresh-green {
    --template-card-radius: 30px;
    --template-card-shadow: 0 20px 48px rgba(37, 112, 70, 0.14);
    --template-tight-shadow: 0 12px 30px rgba(37, 112, 70, 0.1);
}

body.shop-template.template-fresh-green .hero {
    padding: 38px 0 38px;
}

body.shop-template.template-fresh-green .hero-inner {
    grid-template-columns: minmax(0, .88fr) minmax(320px, 1fr);
}

body.shop-template.template-fresh-green .hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px) 0 0 / 38px 38px,
        linear-gradient(128deg, #17693d 0%, #2f9e62 54%, #dcefb6 100%),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-fresh-green .spotlight {
    border-radius: 44px;
    padding: 18px;
    background: rgba(255, 255, 255, .34);
}

body.shop-template.template-fresh-green .spotlight-image,
body.shop-template.template-fresh-green .spotlight-image img {
    border-radius: 34px;
}

body.shop-template.template-fresh-green .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-fresh-green .quick-item,
body.shop-template.template-fresh-green .member-panel,
body.shop-template.template-fresh-green .deal-panel {
    border-radius: 30px;
}

body.shop-template.template-fresh-green .quick-item i,
body.shop-template.template-fresh-green .category-button i {
    border-radius: 50%;
}

body.shop-template.template-fresh-green .product-card {
    padding: 10px;
    border-radius: 32px;
    box-shadow: var(--template-card-shadow);
}

body.shop-template.template-fresh-green .product-thumb {
    border-radius: 24px;
}

body.shop-template.template-fresh-green .product-action {
    border-radius: 999px;
}

body.shop-template.template-fresh-green.shop-list-page .category-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(135deg, rgba(255,255,255,.16) 0 9px, transparent 9px 24px);
}

/* 3. Tech Blue: compact electronics dashboard with sharp cards and dense scanning. */
body.shop-template.template-tech-blue {
    --template-card-radius: 10px;
    --template-card-shadow: 0 18px 40px rgba(19, 52, 115, 0.12);
    --template-tight-shadow: 0 8px 20px rgba(19, 52, 115, 0.08);
}

body.shop-template.template-tech-blue {
    background-image:
        linear-gradient(rgba(36, 107, 254, .06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(36, 107, 254, .06) 1px, transparent 1px);
    background-size: 28px 28px;
}

body.shop-template.template-tech-blue .topbar {
    background: rgba(255,255,255,.94) !important;
}

body.shop-template.template-tech-blue .hero {
    padding: 24px 0 28px;
}

body.shop-template.template-tech-blue .hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(0deg, rgba(255,255,255,.08) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(120deg, #10264e, #246bfe 58%, #00a6b4),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-tech-blue .hero-inner {
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, .72fr);
}

body.shop-template.template-tech-blue .hero-kicker,
body.shop-template.template-tech-blue .hero-button,
body.shop-template.template-tech-blue .category-button,
body.shop-template.template-tech-blue .product-action,
body.shop-template.template-tech-blue.shop-list-page #productsGrid .product-card button {
    border-radius: 8px;
}

body.shop-template.template-tech-blue .spotlight,
body.shop-template.template-tech-blue .spotlight-image,
body.shop-template.template-tech-blue .product-card,
body.shop-template.template-tech-blue .quick-item,
body.shop-template.template-tech-blue .deal-panel,
body.shop-template.template-tech-blue .member-panel {
    border-radius: 10px;
}

body.shop-template.template-tech-blue .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-tech-blue .quick-item {
    min-height: 72px;
    box-shadow: none;
}

body.shop-template.template-tech-blue .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

body.shop-template.template-tech-blue .product-card {
    box-shadow: none;
}

body.shop-template.template-tech-blue .product-body {
    padding: 12px;
}

body.shop-template.template-tech-blue .product-name {
    min-height: 0;
}

body.shop-template.template-tech-blue.shop-detail-page #productContent {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

body.shop-template.template-tech-blue.shop-detail-page #productContent > .content-section,
body.shop-template.template-tech-blue.shop-detail-page #recommendedProducts {
    grid-column: 1 / -1;
}

/* 4. Luxury Black: premium editorial storefront with dark cards and gold frames. */
body.shop-template.template-luxury-black {
    --template-card-radius: 8px;
    --template-card-shadow: 0 24px 60px rgba(0, 0, 0, .26);
    --template-tight-shadow: 0 16px 36px rgba(0, 0, 0, .22);
}

body.shop-template.template-luxury-black .topbar {
    border-bottom-color: rgba(214, 169, 88, .24);
    background: rgba(22, 20, 18, .9) !important;
}

body.shop-template.template-luxury-black .brand-title span,
body.shop-template.template-luxury-black .icon-link {
    color: var(--soft-ink);
}

body.shop-template.template-luxury-black .hero {
    padding: 46px 0 48px;
}

body.shop-template.template-luxury-black .hero-inner {
    grid-template-columns: minmax(0, .92fr) minmax(320px, .82fr);
}

body.shop-template.template-luxury-black .hero-title {
    max-width: 620px;
}

body.shop-template.template-luxury-black .hero-kicker {
    border-radius: 0;
    border-color: rgba(214, 169, 88, .62);
    background: transparent;
    color: var(--brand-deep);
}

body.shop-template.template-luxury-black .spotlight {
    border-radius: 0;
    border: 1px solid rgba(214, 169, 88, .5);
    background: rgba(36, 33, 29, .86);
}

body.shop-template.template-luxury-black .spotlight-image {
    border-radius: 0;
}

body.shop-template.template-luxury-black .spotlight-ticket {
    left: auto;
    right: -16px;
    border: 1px solid rgba(214,169,88,.5);
    border-radius: 0;
    background: #161412;
    color: var(--brand);
}

body.shop-template.template-luxury-black .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-luxury-black .quick-item,
body.shop-template.template-luxury-black .deal-panel,
body.shop-template.template-luxury-black .member-panel,
body.shop-template.template-luxury-black .product-card,
body.shop-template.template-luxury-black .contact-band {
    border-color: rgba(214, 169, 88, .28);
    border-radius: 0;
    box-shadow: var(--template-tight-shadow);
}

body.shop-template.template-luxury-black .category-button {
    border-radius: 0;
    background: transparent;
}

body.shop-template.template-luxury-black .product-thumb {
    background: #100f0d;
}

body.shop-template.template-luxury-black .product-action,
body.shop-template.template-luxury-black.shop-list-page #productsGrid .product-card button {
    border-radius: 0;
    background: var(--brand) !important;
    color: #161412 !important;
}

body.shop-template.template-luxury-black.shop-detail-page #bottomActions {
    background: rgba(22, 20, 18, .96);
}

/* 5. Sweet Pink: beauty template with soft magazine cards and floating chips. */
body.shop-template.template-sweet-pink {
    --template-card-radius: 32px;
    --template-card-shadow: 0 22px 52px rgba(190, 58, 112, .16);
    --template-tight-shadow: 0 14px 30px rgba(190, 58, 112, .11);
}

body.shop-template.template-sweet-pink .hero {
    padding: 36px 0 40px;
}

body.shop-template.template-sweet-pink .hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px) 0 0 / 42px 42px,
        linear-gradient(132deg, #a72258, #e84d88 55%, #ffc45d),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-sweet-pink .hero-inner {
    grid-template-columns: minmax(0, .95fr) minmax(310px, .8fr);
}

body.shop-template.template-sweet-pink .hero-kicker,
body.shop-template.template-sweet-pink .hero-button,
body.shop-template.template-sweet-pink .category-button,
body.shop-template.template-sweet-pink .product-action {
    border-radius: 999px;
}

body.shop-template.template-sweet-pink .spotlight,
body.shop-template.template-sweet-pink .spotlight-image,
body.shop-template.template-sweet-pink .deal-panel,
body.shop-template.template-sweet-pink .member-panel,
body.shop-template.template-sweet-pink .contact-band {
    border-radius: 34px;
}

body.shop-template.template-sweet-pink .quick-grid {
    grid-template-columns: repeat(4, 1fr);
}

body.shop-template.template-sweet-pink .quick-item {
    min-height: 100px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 28px;
}

body.shop-template.template-sweet-pink .quick-item i {
    border-radius: 50%;
}

body.shop-template.template-sweet-pink .product-card {
    border-radius: 32px;
    box-shadow: var(--template-card-shadow);
}

body.shop-template.template-sweet-pink .product-badge {
    left: 14px;
    top: auto;
    bottom: 12px;
    background: rgba(232, 77, 136, .9);
}

body.shop-template.template-sweet-pink.member-center-page .white-header {
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
}

/* 6. Minimal White: gallery-like layout with quiet borders and no heavy chrome. */
body.shop-template.template-minimal-white {
    --template-card-radius: 4px;
    --template-card-shadow: none;
    --template-tight-shadow: none;
}

body.shop-template.template-minimal-white .topbar {
    border-bottom-color: #dfe4ea;
    background: rgba(255,255,255,.94) !important;
}

body.shop-template.template-minimal-white .hero {
    padding: 58px 0 48px;
}

body.shop-template.template-minimal-white .hero::before {
    background:
        linear-gradient(115deg, rgba(32,36,42,.95), rgba(92,102,112,.84) 48%, rgba(255,255,255,.22)),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-minimal-white .hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .62fr);
}

body.shop-template.template-minimal-white .hero-kicker,
body.shop-template.template-minimal-white .hero-button,
body.shop-template.template-minimal-white .icon-link,
body.shop-template.template-minimal-white .primary-link,
body.shop-template.template-minimal-white .category-button,
body.shop-template.template-minimal-white .product-action,
body.shop-template.template-minimal-white .quick-item,
body.shop-template.template-minimal-white .product-card,
body.shop-template.template-minimal-white .deal-panel,
body.shop-template.template-minimal-white .member-panel,
body.shop-template.template-minimal-white .contact-band {
    border-radius: 4px;
    box-shadow: none;
}

body.shop-template.template-minimal-white .quick-grid {
    grid-template-columns: repeat(4, 1fr);
}

body.shop-template.template-minimal-white .quick-item {
    background: transparent;
}

body.shop-template.template-minimal-white .feature-row {
    grid-template-columns: 1fr 1fr;
}

body.shop-template.template-minimal-white .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

body.shop-template.template-minimal-white .product-card {
    border-color: #dfe4ea;
    background: #fff !important;
}

body.shop-template.template-minimal-white .product-thumb {
    aspect-ratio: 4 / 5;
    background: #f4f5f6;
}

body.shop-template.template-minimal-white .product-action {
    background: transparent !important;
    border: 1px solid var(--ink);
    color: var(--ink) !important;
}

body.shop-template.template-minimal-white.member-center-page .module-grid {
    gap: 10px;
}

/* 7. Festival Red: promotion layout with campaign badges and stronger purchase cues. */
body.shop-template.template-festival-red {
    --template-card-radius: 20px;
    --template-card-shadow: 0 20px 48px rgba(168, 34, 26, .17);
    --template-tight-shadow: 0 12px 30px rgba(168, 34, 26, .12);
}

body.shop-template.template-festival-red .hero {
    padding: 32px 0 34px;
}

body.shop-template.template-festival-red .hero::before {
    background:
        repeating-linear-gradient(-45deg, rgba(255,255,255,.12) 0 8px, transparent 8px 18px),
        linear-gradient(126deg, #8b1015, #d71920 55%, #ffcf63),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-festival-red .hero-title {
    max-width: 680px;
}

body.shop-template.template-festival-red .hero-kicker,
body.shop-template.template-festival-red .product-badge {
    background: var(--gold);
    color: #5a170f;
}

body.shop-template.template-festival-red .quick-grid {
    grid-template-columns: 1.25fr 1fr 1fr 1.25fr;
}

body.shop-template.template-festival-red .quick-item {
    border-radius: 18px;
    border-color: rgba(215, 25, 32, .18);
}

body.shop-template.template-festival-red .deal-panel {
    position: relative;
    border-radius: 18px;
    background:
        repeating-linear-gradient(-45deg, rgba(255,255,255,.12) 0 8px, transparent 8px 18px),
        linear-gradient(100deg, var(--brand), var(--brand-deep)) !important;
}

body.shop-template.template-festival-red .product-card {
    position: relative;
    border-radius: 20px;
    box-shadow: var(--template-card-shadow);
}

body.shop-template.template-festival-red .product-card::before {
    content: "HOT";
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--gold);
    color: #5a170f;
    font-size: 11px;
    font-weight: 950;
}

body.shop-template.template-festival-red .product-action,
body.shop-template.template-festival-red.shop-list-page #productsGrid .product-card button {
    border-radius: 999px;
    background: var(--brand) !important;
}

body.shop-template.template-festival-red.shop-list-page .category-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(-45deg, rgba(255,255,255,.13) 0 7px, transparent 7px 16px);
}

/* 8. Cafe Brown: lifestyle editorial with warm paper and story panels. */
body.shop-template.template-cafe-brown {
    --template-card-radius: 16px;
    --template-card-shadow: 0 20px 44px rgba(86, 48, 31, .14);
    --template-tight-shadow: 0 12px 28px rgba(86, 48, 31, .1);
}

body.shop-template.template-cafe-brown .hero {
    padding: 46px 0 42px;
}

body.shop-template.template-cafe-brown .hero::before {
    background:
        linear-gradient(90deg, rgba(43,32,24,.16) 1px, transparent 1px) 0 0 / 42px 42px,
        linear-gradient(120deg, #56301f, #8b4b2f 54%, #d6a159),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-cafe-brown .hero-inner {
    grid-template-columns: minmax(0, .9fr) minmax(300px, .78fr);
}

body.shop-template.template-cafe-brown .hero-kicker,
body.shop-template.template-cafe-brown .category-button {
    border-radius: 6px;
}

body.shop-template.template-cafe-brown .spotlight,
body.shop-template.template-cafe-brown .product-card,
body.shop-template.template-cafe-brown .quick-item,
body.shop-template.template-cafe-brown .deal-panel,
body.shop-template.template-cafe-brown .member-panel,
body.shop-template.template-cafe-brown .contact-band {
    border-radius: 16px;
    box-shadow: var(--template-tight-shadow);
}

body.shop-template.template-cafe-brown .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.shop-template.template-cafe-brown .quick-item {
    min-height: 74px;
}

body.shop-template.template-cafe-brown .feature-row {
    grid-template-columns: .88fr 1.12fr;
}

body.shop-template.template-cafe-brown .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

body.shop-template.template-cafe-brown .product-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,.64), rgba(255,250,242,.92)),
        var(--paper) !important;
}

body.shop-template.template-cafe-brown .product-thumb {
    margin: 10px 10px 0;
    border-radius: 12px;
}

/* 9. Ocean Cyan: clear mobile-first template with wave-like headers and floating cards. */
body.shop-template.template-ocean-cyan {
    --template-card-radius: 28px;
    --template-card-shadow: 0 22px 48px rgba(14, 112, 130, .16);
    --template-tight-shadow: 0 12px 30px rgba(14, 112, 130, .1);
}

body.shop-template.template-ocean-cyan .hero {
    padding: 34px 0 42px;
}

body.shop-template.template-ocean-cyan .hero::before {
    background:
        linear-gradient(140deg, #08606e, #0e9bb0 52%, #bfeff7),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-ocean-cyan .hero::after {
    height: 34px;
    background: linear-gradient(180deg, rgba(234,248,251,0), var(--canvas));
    border-top-left-radius: 52% 100%;
    border-top-right-radius: 52% 100%;
}

body.shop-template.template-ocean-cyan .hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .82fr);
}

body.shop-template.template-ocean-cyan .quick-grid {
    grid-template-columns: repeat(4, 1fr);
}

body.shop-template.template-ocean-cyan .quick-item,
body.shop-template.template-ocean-cyan .spotlight,
body.shop-template.template-ocean-cyan .spotlight-image,
body.shop-template.template-ocean-cyan .product-card,
body.shop-template.template-ocean-cyan .deal-panel,
body.shop-template.template-ocean-cyan .member-panel,
body.shop-template.template-ocean-cyan .contact-band {
    border-radius: 28px;
}

body.shop-template.template-ocean-cyan .category-rail {
    padding-bottom: 22px;
}

body.shop-template.template-ocean-cyan .category-button {
    border-radius: 999px;
}

body.shop-template.template-ocean-cyan .product-card {
    box-shadow: var(--template-card-shadow);
}

body.shop-template.template-ocean-cyan .product-thumb {
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
}

body.shop-template.template-ocean-cyan.shop-list-page .category-header::before {
    content: "";
    position: absolute;
    left: -12%;
    right: -12%;
    bottom: -42px;
    height: 84px;
    border-radius: 50% 50% 0 0;
    background: rgba(255, 255, 255, .2);
}

/* 10. Playful Color: youth retail with offset cards, dashed accents and blocky energy. */
body.shop-template.template-playful-color {
    --template-card-radius: 26px;
    --template-card-shadow: 10px 10px 0 rgba(46, 39, 22, .14);
    --template-tight-shadow: 6px 6px 0 rgba(46, 39, 22, .1);
}

body.shop-template.template-playful-color .hero {
    padding: 30px 0 38px;
}

body.shop-template.template-playful-color .hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.13) 12px, transparent 12px) 0 0 / 28px 28px,
        linear-gradient(128deg, #b8480b, #ff7a1a 48%, #ffd447),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-playful-color .hero-kicker,
body.shop-template.template-playful-color .hero-button,
body.shop-template.template-playful-color .category-button {
    border: 2px solid rgba(46, 39, 22, .22);
    border-radius: 16px;
}

body.shop-template.template-playful-color .spotlight,
body.shop-template.template-playful-color .quick-item,
body.shop-template.template-playful-color .product-card,
body.shop-template.template-playful-color .deal-panel,
body.shop-template.template-playful-color .member-panel,
body.shop-template.template-playful-color .contact-band {
    border: 2px solid rgba(46, 39, 22, .14);
    border-radius: 26px;
    box-shadow: var(--template-tight-shadow);
}

body.shop-template.template-playful-color .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-playful-color .quick-item:nth-child(2n),
body.shop-template.template-playful-color .product-card:nth-child(2n) {
    transform: translateY(4px);
}

body.shop-template.template-playful-color .quick-item:nth-child(2n):hover,
body.shop-template.template-playful-color .product-card:nth-child(2n):hover {
    transform: translateY(0);
}

body.shop-template.template-playful-color .product-badge {
    border: 2px solid rgba(255,255,255,.82);
    background: var(--mint);
}

body.shop-template.template-playful-color .product-action,
body.shop-template.template-playful-color.shop-list-page #productsGrid .product-card button {
    border-radius: 16px;
    box-shadow: 4px 4px 0 rgba(46, 39, 22, .16);
}

body.shop-template.template-playful-color.member-center-page .module-icon {
    box-shadow: 5px 5px 0 rgba(46, 39, 22, .12);
}

/* List page variations */
body.shop-template.template-tech-blue.shop-list-page .mobile-container,
body.shop-template.template-minimal-white.shop-list-page .mobile-container {
    max-width: 100%;
}

body.shop-template.template-luxury-black.shop-list-page .mobile-container,
body.shop-template.template-luxury-black.shop-member-page .mobile-container {
    background: #161412 !important;
}

body.shop-template.template-luxury-black.shop-list-page #productsGrid .product-card,
body.shop-template.template-luxury-black.shop-detail-page #productContent > .bg-white,
body.shop-template.template-luxury-black.shop-detail-page #recommendedProducts,
body.shop-template.template-luxury-black.shop-member-page .tab-content .bg-white,
body.shop-template.template-luxury-black.shop-member-page #ordersList > div,
body.shop-template.template-luxury-black.member-center-page .stats-card,
body.shop-template.template-luxury-black.member-center-page .content-card,
body.shop-template.template-luxury-black.member-center-page .app-switcher {
    border-color: rgba(214, 169, 88, .28);
    background: #24211d !important;
    color: #fff7ea;
}

body.shop-template.template-tech-blue.shop-list-page #productsGrid {
    grid-template-columns: 1fr;
}

body.shop-template.template-tech-blue.shop-list-page #productsGrid .product-card {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    border-radius: 10px;
}

body.shop-template.template-tech-blue.shop-list-page #productsGrid .product-card > div:first-child {
    height: 100% !important;
    min-height: 132px;
}

body.shop-template.template-minimal-white.shop-list-page #productsGrid .product-card {
    border-radius: 4px;
    box-shadow: none;
}

body.shop-template.template-fresh-green.shop-list-page #productsGrid .product-card,
body.shop-template.template-sweet-pink.shop-list-page #productsGrid .product-card,
body.shop-template.template-ocean-cyan.shop-list-page #productsGrid .product-card {
    padding: 8px;
}

body.shop-template.template-fresh-green.shop-list-page #productsGrid .product-card > div:first-child,
body.shop-template.template-sweet-pink.shop-list-page #productsGrid .product-card > div:first-child,
body.shop-template.template-ocean-cyan.shop-list-page #productsGrid .product-card > div:first-child {
    border-radius: calc(var(--template-card-radius) - 10px);
    overflow: hidden;
}

/* Detail page variations */
body.shop-template.template-luxury-black.shop-detail-page,
body.shop-template.template-luxury-black.shop-detail-page .mobile-container {
    background: #161412 !important;
}

body.shop-template.template-luxury-black.shop-detail-page header.bg-white {
    background: rgba(22, 20, 18, .92) !important;
}

body.shop-template.template-fresh-green.shop-detail-page .main-image-container,
body.shop-template.template-sweet-pink.shop-detail-page .main-image-container,
body.shop-template.template-ocean-cyan.shop-detail-page .main-image-container {
    border-radius: 28px;
}

body.shop-template.template-minimal-white.shop-detail-page #productContent > .bg-white,
body.shop-template.template-minimal-white.shop-detail-page #recommendedProducts {
    border-radius: 4px;
    box-shadow: none;
}

body.shop-template.template-luxury-black.shop-detail-page #bottomActions button {
    color: #161412 !important;
}

body.shop-template.template-playful-color.shop-detail-page #productContent > .bg-white,
body.shop-template.template-playful-color.shop-detail-page #recommendedProducts {
    border-width: 2px;
    box-shadow: var(--template-tight-shadow);
}

/* Member center variations */
body.shop-template.template-tech-blue.member-center-page .stats-grid-custom,
body.shop-template.template-minimal-white.member-center-page .stats-grid-custom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

body.shop-template.template-luxury-black.member-center-page .white-header {
    background: linear-gradient(135deg, #161412, #2b241c) !important;
}

body.shop-template.template-minimal-white.member-center-page .white-header,
body.shop-template.template-minimal-white.member-center-page .stats-card,
body.shop-template.template-minimal-white.member-center-page .app-switcher,
body.shop-template.template-minimal-white.member-center-page .content-card {
    border-radius: 4px;
    box-shadow: none;
}

body.shop-template.template-fresh-green.member-center-page .white-header,
body.shop-template.template-ocean-cyan.member-center-page .white-header,
body.shop-template.template-sweet-pink.member-center-page .white-header {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

body.shop-template.template-playful-color.shop-member-page nav.fixed,
body.shop-template.template-playful-color.member-center-page .bottom-nav {
    box-shadow: 0 -6px 0 rgba(46, 39, 22, .08);
}

@media (max-width: 900px) {
    body.shop-template.template-tech-blue.shop-detail-page #productContent {
        display: flex;
        flex-direction: column;
    }

    body.shop-template.template-tech-blue.shop-list-page #productsGrid .product-card {
        grid-template-columns: 112px minmax(0, 1fr);
    }

    body.shop-template.template-warm-market .quick-grid,
    body.shop-template.template-fresh-green .quick-grid,
    body.shop-template.template-tech-blue .quick-grid,
    body.shop-template.template-luxury-black .quick-grid,
    body.shop-template.template-sweet-pink .quick-grid,
    body.shop-template.template-minimal-white .quick-grid,
    body.shop-template.template-festival-red .quick-grid,
    body.shop-template.template-ocean-cyan .quick-grid,
    body.shop-template.template-playful-color .quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.shop-template.template-cafe-brown .quick-grid {
        grid-template-columns: 1fr;
    }

    body.shop-template.template-cafe-brown .feature-row,
    body.shop-template.template-minimal-white .feature-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    body.shop-template.template-tech-blue.shop-list-page #productsGrid .product-card {
        display: block;
    }

    body.shop-template.template-tech-blue.shop-list-page #productsGrid .product-card > div:first-child {
        height: 10rem !important;
    }

    body.shop-template.template-playful-color .quick-item:nth-child(2n),
    body.shop-template.template-playful-color .product-card:nth-child(2n) {
        transform: none;
    }
}

/* Additional industry templates */
body.shop-template.template-fashion-studio {
    --template-card-radius: 6px;
    --template-card-shadow: none;
    --template-tight-shadow: none;
}

body.shop-template.template-fashion-studio .hero {
    padding: 64px 0 54px;
}

body.shop-template.template-fashion-studio .hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px) 0 0 / 56px 56px,
        linear-gradient(115deg, #05070b, #111827 56%, rgba(212,175,55,.82)),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-fashion-studio .hero-inner {
    grid-template-columns: minmax(0, .78fr) minmax(360px, .94fr);
}

body.shop-template.template-fashion-studio .hero-title {
    max-width: 560px;
    text-transform: uppercase;
}

body.shop-template.template-fashion-studio .spotlight,
body.shop-template.template-fashion-studio .spotlight-image,
body.shop-template.template-fashion-studio .quick-item,
body.shop-template.template-fashion-studio .product-card,
body.shop-template.template-fashion-studio .deal-panel,
body.shop-template.template-fashion-studio .member-panel,
body.shop-template.template-fashion-studio .contact-band,
body.shop-template.template-fashion-studio .category-button,
body.shop-template.template-fashion-studio .product-action {
    border-radius: 0;
    box-shadow: none;
}

body.shop-template.template-fashion-studio .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

body.shop-template.template-fashion-studio .product-thumb {
    aspect-ratio: 3 / 4;
}

body.shop-template.template-fashion-studio .product-action {
    border: 1px solid var(--ink);
    background: transparent !important;
    color: var(--ink) !important;
}

body.shop-template.template-home-living {
    --template-card-radius: 18px;
    --template-card-shadow: 0 20px 44px rgba(79, 111, 82, .13);
    --template-tight-shadow: 0 12px 26px rgba(79, 111, 82, .1);
}

body.shop-template.template-home-living .hero {
    padding: 50px 0 44px;
}

body.shop-template.template-home-living .hero::before {
    background:
        linear-gradient(90deg, rgba(37,49,38,.1) 1px, transparent 1px) 0 0 / 46px 46px,
        linear-gradient(128deg, #2f4932, #4f6f52 56%, #d9b88f),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-home-living .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.shop-template.template-home-living .quick-item {
    min-height: 76px;
}

body.shop-template.template-home-living .feature-row {
    grid-template-columns: .9fr 1.1fr;
}

body.shop-template.template-home-living .product-card {
    padding: 10px;
    border-radius: 18px;
}

body.shop-template.template-home-living .product-thumb {
    border-radius: 12px;
}

body.shop-template.template-baby-care {
    --template-card-radius: 30px;
    --template-card-shadow: 0 20px 46px rgba(245, 158, 11, .16);
    --template-tight-shadow: 0 12px 30px rgba(245, 158, 11, .12);
}

body.shop-template.template-baby-care .hero::before {
    background:
        repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 18px, transparent 18px 36px),
        linear-gradient(135deg, #f59e0b, #f472b6 52%, #8cc7ff),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-baby-care .spotlight,
body.shop-template.template-baby-care .spotlight-image,
body.shop-template.template-baby-care .quick-item,
body.shop-template.template-baby-care .product-card,
body.shop-template.template-baby-care .deal-panel,
body.shop-template.template-baby-care .member-panel,
body.shop-template.template-baby-care .contact-band,
body.shop-template.template-baby-care .product-action {
    border-radius: 30px;
}

body.shop-template.template-baby-care .quick-grid {
    grid-template-columns: repeat(4, 1fr);
}

body.shop-template.template-baby-care .quick-item {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

body.shop-template.template-baby-care .product-badge {
    background: var(--leaf);
}

body.shop-template.template-jewelry-gold {
    --template-card-radius: 2px;
    --template-card-shadow: 0 24px 64px rgba(0, 0, 0, .3);
    --template-tight-shadow: 0 16px 40px rgba(0, 0, 0, .24);
}

body.shop-template.template-jewelry-gold .topbar,
body.shop-template.template-jewelry-gold .quick-item,
body.shop-template.template-jewelry-gold .product-card,
body.shop-template.template-jewelry-gold .contact-band,
body.shop-template.template-jewelry-gold .member-panel,
body.shop-template.template-jewelry-gold.shop-detail-page #productContent > .bg-white,
body.shop-template.template-jewelry-gold.shop-detail-page #recommendedProducts {
    border-color: rgba(184, 138, 44, .32);
    background: var(--paper);
}

body.shop-template.template-jewelry-gold .hero::before {
    background:
        linear-gradient(90deg, rgba(184,138,44,.22) 1px, transparent 1px) 0 0 / 58px 58px,
        linear-gradient(115deg, #050505, #151515 58%, rgba(184,138,44,.72)),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-jewelry-gold .spotlight,
body.shop-template.template-jewelry-gold .spotlight-image,
body.shop-template.template-jewelry-gold .quick-item,
body.shop-template.template-jewelry-gold .product-card,
body.shop-template.template-jewelry-gold .category-button,
body.shop-template.template-jewelry-gold .product-action {
    border-radius: 0;
}

body.shop-template.template-jewelry-gold .product-action,
body.shop-template.template-jewelry-gold.shop-list-page #productsGrid .product-card button {
    background: var(--brand) !important;
    color: #151515 !important;
}

body.shop-template.template-pet-supply {
    --template-card-radius: 24px;
    --template-card-shadow: 8px 8px 0 rgba(249, 115, 22, .16);
    --template-tight-shadow: 5px 5px 0 rgba(249, 115, 22, .12);
}

body.shop-template.template-pet-supply .hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.22) 10px, transparent 10px) 0 0 / 24px 24px,
        linear-gradient(128deg, #c2410c, #f97316 54%, #84cc16),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-pet-supply .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-pet-supply .quick-item,
body.shop-template.template-pet-supply .product-card,
body.shop-template.template-pet-supply .deal-panel,
body.shop-template.template-pet-supply .member-panel {
    border-width: 2px;
    box-shadow: var(--template-tight-shadow);
}

body.shop-template.template-pet-supply .quick-item i {
    border-radius: 50%;
}

body.shop-template.template-sports-gear {
    --template-card-radius: 12px;
    --template-card-shadow: 0 18px 40px rgba(17, 24, 39, .14);
    --template-tight-shadow: 0 10px 24px rgba(17, 24, 39, .1);
}

body.shop-template.template-sports-gear .hero {
    padding: 36px 0;
}

body.shop-template.template-sports-gear .hero::before {
    background:
        repeating-linear-gradient(-12deg, rgba(255,255,255,.16) 0 8px, transparent 8px 26px),
        linear-gradient(120deg, #111827, #ef4444 58%, #22c55e),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-sports-gear .hero-kicker,
body.shop-template.template-sports-gear .hero-button,
body.shop-template.template-sports-gear .category-button,
body.shop-template.template-sports-gear .quick-item,
body.shop-template.template-sports-gear .product-card,
body.shop-template.template-sports-gear .product-action {
    border-radius: 12px;
}

body.shop-template.template-sports-gear .product-card {
    border-top: 4px solid var(--brand);
}

body.shop-template.template-sports-gear.shop-list-page #productsGrid {
    grid-template-columns: 1fr;
}

body.shop-template.template-sports-gear.shop-list-page #productsGrid .product-card {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
}

body.shop-template.template-book-culture {
    --template-card-radius: 14px;
    --template-card-shadow: 0 18px 42px rgba(76, 29, 149, .12);
    --template-tight-shadow: 0 12px 28px rgba(76, 29, 149, .09);
}

body.shop-template.template-book-culture .hero::before {
    background:
        linear-gradient(90deg, rgba(36,26,53,.1) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(128deg, #4c1d95, #7c3aed 54%, #f59e0b),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-book-culture .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}

body.shop-template.template-book-culture .product-card {
    border-left: 7px solid color-mix(in srgb, var(--brand) 70%, white 30%);
}

body.shop-template.template-book-culture .product-thumb {
    aspect-ratio: 4 / 5;
    margin: 12px 12px 0;
    border-radius: 10px;
}

body.shop-template.template-wellness-care {
    --template-card-radius: 22px;
    --template-card-shadow: 0 20px 46px rgba(15, 118, 110, .14);
    --template-tight-shadow: 0 12px 30px rgba(15, 118, 110, .1);
}

body.shop-template.template-wellness-care .hero::before {
    background:
        linear-gradient(135deg, rgba(255,255,255,.16) 25%, transparent 25%) 0 0 / 32px 32px,
        linear-gradient(128deg, #115e59, #0f766e 52%, #a7f3d0),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-wellness-care .quick-item,
body.shop-template.template-wellness-care .product-card,
body.shop-template.template-wellness-care .deal-panel,
body.shop-template.template-wellness-care .member-panel,
body.shop-template.template-wellness-care .contact-band {
    border-radius: 22px;
}

body.shop-template.template-wellness-care .product-badge {
    background: var(--brand-deep);
}

body.shop-template.template-auto-parts {
    --template-card-radius: 8px;
    --template-card-shadow: 0 18px 42px rgba(15, 23, 42, .14);
    --template-tight-shadow: 0 10px 26px rgba(15, 23, 42, .1);
}

body.shop-template.template-auto-parts .hero::before {
    background:
        linear-gradient(90deg, rgba(249,115,22,.18) 1px, transparent 1px) 0 0 / 40px 40px,
        linear-gradient(120deg, #020617, #0f172a 56%, #f97316),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-auto-parts .hero-kicker,
body.shop-template.template-auto-parts .category-button,
body.shop-template.template-auto-parts .quick-item,
body.shop-template.template-auto-parts .product-card,
body.shop-template.template-auto-parts .product-action,
body.shop-template.template-auto-parts .deal-panel,
body.shop-template.template-auto-parts .member-panel {
    border-radius: 8px;
}

body.shop-template.template-auto-parts .product-card {
    border-top: 4px solid var(--gold);
}

body.shop-template.template-auto-parts .product-action {
    background: var(--gold) !important;
    color: var(--ink) !important;
}

body.shop-template.template-flower-gift {
    --template-card-radius: 30px;
    --template-card-shadow: 0 22px 50px rgba(219, 39, 119, .15);
    --template-tight-shadow: 0 12px 30px rgba(219, 39, 119, .11);
}

body.shop-template.template-flower-gift .hero::before {
    background:
        linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px) 0 0 / 38px 38px,
        linear-gradient(132deg, #9d174d, #db2777 54%, #86efac),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-flower-gift .spotlight,
body.shop-template.template-flower-gift .spotlight-image,
body.shop-template.template-flower-gift .quick-item,
body.shop-template.template-flower-gift .product-card,
body.shop-template.template-flower-gift .deal-panel,
body.shop-template.template-flower-gift .member-panel,
body.shop-template.template-flower-gift .contact-band,
body.shop-template.template-flower-gift .product-action {
    border-radius: 30px;
}

body.shop-template.template-flower-gift .product-thumb {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

body.shop-template.template-tea-chinese {
    --template-card-radius: 10px;
    --template-card-shadow: 0 18px 42px rgba(22, 101, 52, .12);
    --template-tight-shadow: 0 12px 28px rgba(22, 101, 52, .09);
}

body.shop-template.template-tea-chinese .hero {
    padding: 56px 0 46px;
}

body.shop-template.template-tea-chinese .hero::before {
    background:
        linear-gradient(90deg, rgba(201,162,39,.16) 1px, transparent 1px) 0 0 / 50px 50px,
        linear-gradient(128deg, #0f3f23, #166534 55%, #c9a227),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-tea-chinese .quick-grid {
    grid-template-columns: repeat(4, 1fr);
}

body.shop-template.template-tea-chinese .quick-item,
body.shop-template.template-tea-chinese .product-card,
body.shop-template.template-tea-chinese .deal-panel,
body.shop-template.template-tea-chinese .member-panel,
body.shop-template.template-tea-chinese .contact-band {
    border-radius: 10px;
}

body.shop-template.template-tea-chinese .product-card {
    background:
        linear-gradient(180deg, rgba(255,250,240,.84), rgba(243,239,228,.88)),
        var(--paper) !important;
}

body.shop-template.template-industrial-b2b {
    --template-card-radius: 6px;
    --template-card-shadow: none;
    --template-tight-shadow: none;
}

body.shop-template.template-industrial-b2b .hero {
    padding: 28px 0 34px;
}

body.shop-template.template-industrial-b2b .hero::before {
    background:
        linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(120deg, #1e3a8a, #1d4ed8 58%, #f59e0b),
        var(--hero-image, none) right center / contain no-repeat;
}

body.shop-template.template-industrial-b2b .hero-kicker,
body.shop-template.template-industrial-b2b .hero-button,
body.shop-template.template-industrial-b2b .category-button,
body.shop-template.template-industrial-b2b .quick-item,
body.shop-template.template-industrial-b2b .product-card,
body.shop-template.template-industrial-b2b .product-action,
body.shop-template.template-industrial-b2b .deal-panel,
body.shop-template.template-industrial-b2b .member-panel {
    border-radius: 6px;
    box-shadow: none;
}

body.shop-template.template-industrial-b2b .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-industrial-b2b .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

body.shop-template.template-industrial-b2b .product-card {
    border-top: 4px solid var(--brand);
}

body.shop-template.template-industrial-b2b.shop-list-page #productsGrid {
    grid-template-columns: 1fr;
}

body.shop-template.template-industrial-b2b.shop-list-page #productsGrid .product-card {
    display: grid;
    grid-template-columns: 136px minmax(0, 1fr);
}

body.shop-template.template-jewelry-gold.shop-list-page .mobile-container,
body.shop-template.template-jewelry-gold.shop-member-page .mobile-container,
body.shop-template.template-jewelry-gold.shop-detail-page,
body.shop-template.template-jewelry-gold.shop-detail-page .mobile-container {
    background: #151515 !important;
}

@media (max-width: 900px) {
    body.shop-template.template-fashion-studio .hero-inner,
    body.shop-template.template-home-living .hero-inner {
        grid-template-columns: 1fr;
    }

    body.shop-template.template-baby-care .quick-grid,
    body.shop-template.template-pet-supply .quick-grid,
    body.shop-template.template-tea-chinese .quick-grid,
    body.shop-template.template-industrial-b2b .quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.shop-template.template-sports-gear.shop-list-page #productsGrid .product-card,
    body.shop-template.template-industrial-b2b.shop-list-page #productsGrid .product-card {
        grid-template-columns: 112px minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    body.shop-template.template-sports-gear.shop-list-page #productsGrid .product-card,
    body.shop-template.template-industrial-b2b.shop-list-page #productsGrid .product-card {
        display: block;
    }
}

/* Industry layout layer: stronger visual systems beyond color changes. */
body.shop-template.shop-home-page .catalog-head,
body.shop-template.shop-home-page .feature-row,
body.shop-template.shop-home-page .product-grid,
body.shop-template.shop-list-page #productsGrid,
body.shop-template.shop-detail-page #productContent,
body.shop-template.member-center-page .module-grid,
body.shop-template.member-center-page .stats-grid-custom {
    align-items: stretch;
}

body.shop-template.shop-home-page .hero,
body.shop-template.shop-home-page .quick-strip,
body.shop-template.shop-home-page .catalog,
body.shop-template.shop-list-page .category-header,
body.shop-template.member-center-page .white-header {
    position: relative;
}

body.shop-template.shop-home-page .hero-copy,
body.shop-template.shop-home-page .hero-stage,
body.shop-template.shop-home-page .quick-grid,
body.shop-template.shop-home-page .catalog > .shell,
body.shop-template.shop-list-page .category-header > *,
body.shop-template.member-center-page .white-header-content {
    position: relative;
    z-index: 1;
}

/* Fashion: editorial lookbook, tall imagery, almost no chrome. */
body.shop-template.template-fashion-studio.shop-home-page {
    background:
        linear-gradient(90deg, rgba(17, 24, 39, .06) 1px, transparent 1px) 0 0 / 72px 72px,
        var(--canvas) !important;
}

body.shop-template.template-fashion-studio .topbar {
    border-bottom: 1px solid #111827 !important;
    background: rgba(244, 241, 237, .94) !important;
}

body.shop-template.template-fashion-studio .brand-mark,
body.shop-template.template-fashion-studio .icon-link,
body.shop-template.template-fashion-studio .primary-link,
body.shop-template.template-fashion-studio .hero-kicker,
body.shop-template.template-fashion-studio .hero-button {
    border-radius: 0;
}

body.shop-template.template-fashion-studio.shop-home-page .hero {
    min-height: 620px;
    display: grid;
    align-items: center;
}

body.shop-template.template-fashion-studio.shop-home-page .hero::after {
    height: 1px;
    background: rgba(255, 255, 255, .32);
}

body.shop-template.template-fashion-studio.shop-home-page .hero-title {
    max-width: 520px;
    font-size: clamp(46px, 8vw, 96px);
    line-height: .9;
}

body.shop-template.template-fashion-studio.shop-home-page .spotlight {
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .62);
    background: transparent;
}

body.shop-template.template-fashion-studio.shop-home-page .spotlight-image img {
    aspect-ratio: 4 / 5;
}

body.shop-template.template-fashion-studio.shop-home-page .quick-strip {
    margin-top: 0;
    border-bottom: 1px solid #d8d2c9;
    background: rgba(255, 253, 250, .82);
}

body.shop-template.template-fashion-studio.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

body.shop-template.template-fashion-studio.shop-home-page .quick-item {
    min-height: 96px;
    border-width: 0 1px 0 0;
    background: transparent !important;
}

body.shop-template.template-fashion-studio.shop-home-page .catalog-head {
    padding: 34px 0 18px;
    border-top: 1px solid #111827;
    border-bottom: 1px solid #ded8cf;
}

body.shop-template.template-fashion-studio.shop-home-page .feature-row {
    grid-template-columns: 1fr;
}

body.shop-template.template-fashion-studio.shop-home-page .deal-panel {
    min-height: 260px;
    grid-template-columns: minmax(0, .85fr) minmax(260px, 1fr);
    border: 0;
    background: #111827 !important;
}

body.shop-template.template-fashion-studio.shop-home-page .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: #d9d2c8;
}

body.shop-template.template-fashion-studio.shop-home-page .product-card {
    border: 0;
    background: var(--paper) !important;
}

body.shop-template.template-fashion-studio.shop-home-page .product-card:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

body.shop-template.template-fashion-studio.shop-home-page .product-card:first-child .product-thumb {
    aspect-ratio: 3 / 4;
}

body.shop-template.template-fashion-studio.shop-list-page #productsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: #d9d2c8;
}

body.shop-template.template-fashion-studio.shop-list-page #productsGrid .product-card,
body.shop-template.template-fashion-studio.shop-detail-page #productContent > .bg-white,
body.shop-template.template-fashion-studio.shop-detail-page #recommendedProducts,
body.shop-template.template-fashion-studio.member-center-page .stats-card,
body.shop-template.template-fashion-studio.member-center-page .content-card,
body.shop-template.template-fashion-studio.member-center-page .app-switcher {
    border-radius: 0;
    box-shadow: none;
}

body.shop-template.template-fashion-studio.shop-detail-page #productContent {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
}

body.shop-template.template-fashion-studio.shop-detail-page .main-image-container {
    min-height: 560px;
    border-radius: 0;
}

/* Home living: room-scene layout, wide panels and quiet product groupings. */
body.shop-template.template-home-living.shop-home-page {
    background:
        linear-gradient(180deg, rgba(217, 184, 143, .28), transparent 340px),
        linear-gradient(90deg, rgba(79, 111, 82, .07) 1px, transparent 1px) 0 0 / 92px 92px,
        var(--canvas) !important;
}

body.shop-template.template-home-living.shop-home-page .hero {
    min-height: 560px;
}

body.shop-template.template-home-living.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, .72fr) minmax(420px, 1fr);
    gap: 48px;
}

body.shop-template.template-home-living.shop-home-page .spotlight {
    padding: 20px;
    border: 10px solid rgba(255, 250, 242, .26);
    border-radius: 28px 28px 4px 28px;
}

body.shop-template.template-home-living.shop-home-page .spotlight-image,
body.shop-template.template-home-living.shop-home-page .spotlight-image img {
    border-radius: 18px 18px 4px 18px;
}

body.shop-template.template-home-living.shop-home-page .spotlight-image img {
    aspect-ratio: 5 / 4;
}

body.shop-template.template-home-living.shop-home-page .quick-strip {
    margin-top: -42px;
}

body.shop-template.template-home-living.shop-home-page .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

body.shop-template.template-home-living.shop-home-page .quick-item {
    min-height: 118px;
    align-items: flex-start;
    border-radius: 4px 24px 24px 24px;
}

body.shop-template.template-home-living.shop-home-page .feature-row {
    grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
}

body.shop-template.template-home-living.shop-home-page .deal-panel {
    min-height: 240px;
    grid-template-columns: minmax(0, .9fr) minmax(260px, .72fr);
    border-radius: 4px 28px 28px 28px;
}

body.shop-template.template-home-living.shop-home-page .member-panel {
    border-radius: 28px 4px 28px 28px;
}

body.shop-template.template-home-living.shop-home-page .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

body.shop-template.template-home-living.shop-home-page .product-card:nth-child(3n + 1) .product-thumb {
    aspect-ratio: 4 / 3;
}

body.shop-template.template-home-living.shop-list-page #productsGrid {
    grid-template-columns: 1fr;
}

body.shop-template.template-home-living.shop-list-page #productsGrid .product-card {
    display: grid;
    grid-template-columns: 42% minmax(0, 1fr);
}

/* Baby: soft playful blocks, centered shortcut icons and rounded trust cards. */
body.shop-template.template-baby-care.shop-home-page {
    background:
        radial-gradient(circle at 18px 18px, rgba(140, 199, 255, .22) 0 6px, transparent 7px) 0 0 / 58px 58px,
        radial-gradient(circle at 44px 42px, rgba(244, 114, 182, .16) 0 5px, transparent 6px) 0 0 / 58px 58px,
        var(--canvas) !important;
}

body.shop-template.template-baby-care .topbar {
    border-bottom: 0;
    box-shadow: 0 12px 28px rgba(245, 158, 11, .09) !important;
}

body.shop-template.template-baby-care .brand-mark,
body.shop-template.template-baby-care .icon-link,
body.shop-template.template-baby-care .primary-link {
    border-radius: 22px;
}

body.shop-template.template-baby-care.shop-home-page .hero {
    border-bottom-left-radius: 42px;
    border-bottom-right-radius: 42px;
}

body.shop-template.template-baby-care.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
}

body.shop-template.template-baby-care.shop-home-page .hero-title {
    max-width: 640px;
}

body.shop-template.template-baby-care.shop-home-page .quick-strip {
    margin-top: -32px;
}

body.shop-template.template-baby-care.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-baby-care.shop-home-page .quick-item {
    min-height: 132px;
    padding: 18px 10px;
    border: 0;
    border-radius: 999px 999px 30px 30px;
}

body.shop-template.template-baby-care.shop-home-page .quick-item i {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mint) 28%, white 72%);
}

body.shop-template.template-baby-care.shop-home-page .feature-row {
    grid-template-columns: 1fr 1fr;
}

body.shop-template.template-baby-care.shop-home-page .deal-panel,
body.shop-template.template-baby-care.shop-home-page .member-panel {
    min-height: 190px;
    border: 3px solid rgba(255, 255, 255, .72);
}

body.shop-template.template-baby-care.shop-list-page #productsGrid .product-card,
body.shop-template.template-baby-care.member-center-page .stats-card,
body.shop-template.template-baby-care.member-center-page .content-card,
body.shop-template.template-baby-care.member-center-page .app-switcher {
    border-radius: 30px;
}

body.shop-template.template-baby-care.member-center-page .module-grid {
    grid-template-columns: repeat(3, 1fr);
}

body.shop-template.template-baby-care.member-center-page .module-icon {
    border-radius: 50%;
}

/* Jewelry: dark gallery, gold frames and larger hero/product showcases. */
body.shop-template.template-jewelry-gold.shop-home-page,
body.shop-template.template-jewelry-gold.shop-list-page,
body.shop-template.template-jewelry-gold.shop-member-page,
body.shop-template.template-jewelry-gold.member-center-page {
    background:
        radial-gradient(circle at 78% 8%, rgba(184, 138, 44, .18), transparent 260px),
        #151515 !important;
}

body.shop-template.template-jewelry-gold .topbar {
    background: rgba(10, 10, 10, .92) !important;
    border-bottom: 1px solid rgba(240, 214, 137, .28) !important;
}

body.shop-template.template-jewelry-gold.shop-home-page .hero {
    min-height: 650px;
}

body.shop-template.template-jewelry-gold.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, .82fr) minmax(420px, .9fr);
}

body.shop-template.template-jewelry-gold.shop-home-page .spotlight {
    padding: 18px;
    border: 1px solid rgba(240, 214, 137, .72);
    background: rgba(21, 21, 21, .6);
}

body.shop-template.template-jewelry-gold.shop-home-page .spotlight-image img {
    aspect-ratio: 1 / 1.12;
}

body.shop-template.template-jewelry-gold.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: rgba(240, 214, 137, .22);
}

body.shop-template.template-jewelry-gold.shop-home-page .quick-item {
    border: 0;
    background: #211f1b !important;
}

body.shop-template.template-jewelry-gold.shop-home-page .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.shop-template.template-jewelry-gold.shop-home-page .product-card:first-child {
    grid-column: span 2;
}

body.shop-template.template-jewelry-gold.shop-home-page .product-thumb,
body.shop-template.template-jewelry-gold.shop-list-page #productsGrid .product-card > div:first-child {
    background:
        radial-gradient(circle, rgba(240, 214, 137, .16), transparent 58%),
        #0f0f0f !important;
}

body.shop-template.template-jewelry-gold.shop-list-page .category-header {
    border-bottom: 1px solid rgba(240, 214, 137, .3);
    background: #101010 !important;
}

body.shop-template.template-jewelry-gold.shop-detail-page #productContent {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
}

body.shop-template.template-jewelry-gold.shop-detail-page .main-image-container {
    min-height: 560px;
}

/* Pet supply: cheerful offset cards and chunky category blocks. */
body.shop-template.template-pet-supply.shop-home-page {
    background:
        radial-gradient(circle at 18px 18px, rgba(249, 115, 22, .16) 0 7px, transparent 8px) 0 0 / 64px 64px,
        radial-gradient(circle at 44px 46px, rgba(6, 182, 212, .12) 0 6px, transparent 7px) 0 0 / 64px 64px,
        var(--canvas) !important;
}

body.shop-template.template-pet-supply .topbar {
    border-bottom: 3px solid rgba(249, 115, 22, .24);
}

body.shop-template.template-pet-supply.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .78fr);
}

body.shop-template.template-pet-supply.shop-home-page .spotlight {
    transform: rotate(1.5deg);
}

body.shop-template.template-pet-supply.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-pet-supply.shop-home-page .quick-item {
    min-height: 112px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border: 2px solid rgba(51, 34, 19, .16);
    text-align: center;
}

body.shop-template.template-pet-supply.shop-home-page .quick-item:nth-child(odd),
body.shop-template.template-pet-supply.shop-home-page .product-card:nth-child(odd) {
    transform: translateY(-4px);
}

body.shop-template.template-pet-supply.shop-home-page .quick-item:nth-child(even),
body.shop-template.template-pet-supply.shop-home-page .product-card:nth-child(even) {
    transform: translateY(6px);
}

body.shop-template.template-pet-supply.shop-home-page .feature-row {
    grid-template-columns: .8fr 1.2fr;
}

body.shop-template.template-pet-supply.shop-list-page #productsGrid {
    gap: 16px;
}

body.shop-template.template-pet-supply.shop-list-page #productsGrid .product-card {
    border-width: 2px;
    box-shadow: 6px 6px 0 rgba(249, 115, 22, .14);
}

/* Sports: action layout, angled headers and horizontal product scanning. */
body.shop-template.template-sports-gear.shop-home-page {
    background:
        repeating-linear-gradient(-12deg, rgba(17, 24, 39, .06) 0 8px, transparent 8px 28px),
        var(--canvas) !important;
}

body.shop-template.template-sports-gear .topbar {
    background: #111827 !important;
    color: #fff;
}

body.shop-template.template-sports-gear .brand-title span,
body.shop-template.template-sports-gear .icon-link {
    color: rgba(255,255,255,.72);
}

body.shop-template.template-sports-gear.shop-home-page .hero {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 54px), 0 100%);
    padding-bottom: 86px;
}

body.shop-template.template-sports-gear.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, 1.06fr) minmax(330px, .72fr);
}

body.shop-template.template-sports-gear.shop-home-page .hero-title {
    max-width: 650px;
    font-style: italic;
}

body.shop-template.template-sports-gear.shop-home-page .quick-strip {
    margin-top: -54px;
}

body.shop-template.template-sports-gear.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-sports-gear.shop-home-page .quick-item {
    min-height: 88px;
    border-left: 5px solid var(--brand);
    transform: skewX(-5deg);
}

body.shop-template.template-sports-gear.shop-home-page .quick-item > * {
    transform: skewX(5deg);
}

body.shop-template.template-sports-gear.shop-home-page .product-grid,
body.shop-template.template-sports-gear.shop-list-page #productsGrid {
    grid-template-columns: 1fr;
}

body.shop-template.template-sports-gear.shop-home-page .product-card,
body.shop-template.template-sports-gear.shop-list-page #productsGrid .product-card {
    display: grid;
    grid-template-columns: 178px minmax(0, 1fr);
    border-left: 6px solid var(--brand);
}

body.shop-template.template-sports-gear.shop-home-page .product-thumb,
body.shop-template.template-sports-gear.shop-list-page #productsGrid .product-card > div:first-child {
    aspect-ratio: auto;
    min-height: 168px;
}

/* Books: editorial shelves, portrait cards and readable panels. */
body.shop-template.template-book-culture.shop-home-page {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, .12), transparent 380px),
        linear-gradient(90deg, rgba(36, 26, 53, .08) 1px, transparent 1px) 0 0 / 44px 44px,
        var(--canvas) !important;
}

body.shop-template.template-book-culture.shop-home-page .hero {
    border-bottom: 12px solid color-mix(in srgb, var(--brand-deep) 72%, black 28%);
}

body.shop-template.template-book-culture.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, .9fr) minmax(340px, .8fr);
}

body.shop-template.template-book-culture.shop-home-page .spotlight {
    padding: 22px;
    border-radius: 4px 22px 22px 4px;
}

body.shop-template.template-book-culture.shop-home-page .spotlight-image img {
    aspect-ratio: 4 / 5;
}

body.shop-template.template-book-culture.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-book-culture.shop-home-page .quick-item,
body.shop-template.template-book-culture.shop-home-page .product-card,
body.shop-template.template-book-culture.shop-list-page #productsGrid .product-card {
    border-left: 8px solid color-mix(in srgb, var(--brand) 72%, white 28%);
    border-radius: 4px 16px 16px 4px;
}

body.shop-template.template-book-culture.shop-home-page .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

body.shop-template.template-book-culture.shop-list-page #productsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.shop-template.template-book-culture.member-center-page .module-grid {
    grid-template-columns: repeat(2, 1fr);
}

/* Wellness: clinical trust layout, airy cards and calmer actions. */
body.shop-template.template-wellness-care.shop-home-page {
    background:
        linear-gradient(180deg, rgba(167, 243, 208, .36), transparent 360px),
        radial-gradient(circle at 80% 12%, rgba(56, 189, 248, .18), transparent 260px),
        var(--canvas) !important;
}

body.shop-template.template-wellness-care .topbar {
    background: rgba(251, 255, 253, .92) !important;
}

body.shop-template.template-wellness-care.shop-home-page .hero {
    min-height: 540px;
}

body.shop-template.template-wellness-care.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, .95fr) minmax(320px, .82fr);
}

body.shop-template.template-wellness-care.shop-home-page .quick-strip {
    margin-top: -26px;
}

body.shop-template.template-wellness-care.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-wellness-care.shop-home-page .quick-item {
    min-height: 104px;
    border-top: 4px solid color-mix(in srgb, var(--brand) 50%, white 50%);
    box-shadow: 0 18px 44px rgba(15, 118, 110, .09);
}

body.shop-template.template-wellness-care.shop-home-page .feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.shop-template.template-wellness-care.shop-home-page .deal-panel,
body.shop-template.template-wellness-care.shop-home-page .member-panel {
    background: #fbfffd !important;
    color: var(--ink);
}

body.shop-template.template-wellness-care.shop-home-page .deal-panel p,
body.shop-template.template-wellness-care.shop-home-page .member-panel p {
    color: var(--soft-ink);
}

body.shop-template.template-wellness-care.shop-home-page .product-card {
    box-shadow: 0 16px 36px rgba(15, 118, 110, .08);
}

body.shop-template.template-wellness-care.member-center-page .white-header {
    background: linear-gradient(135deg, #0f766e, #38bdf8) !important;
}

/* Auto: garage-style hard edges and spec-list product rows. */
body.shop-template.template-auto-parts.shop-home-page,
body.shop-template.template-auto-parts.shop-list-page {
    background:
        linear-gradient(90deg, rgba(15, 23, 42, .06) 1px, transparent 1px) 0 0 / 36px 36px,
        linear-gradient(rgba(15, 23, 42, .06) 1px, transparent 1px) 0 0 / 36px 36px,
        var(--canvas) !important;
}

body.shop-template.template-auto-parts .topbar {
    background: #0f172a !important;
    color: #fff;
}

body.shop-template.template-auto-parts .brand-mark,
body.shop-template.template-auto-parts .icon-link,
body.shop-template.template-auto-parts .primary-link,
body.shop-template.template-auto-parts .hero-kicker,
body.shop-template.template-auto-parts .hero-button,
body.shop-template.template-auto-parts .category-button,
body.shop-template.template-auto-parts .quick-item,
body.shop-template.template-auto-parts .product-card,
body.shop-template.template-auto-parts .deal-panel,
body.shop-template.template-auto-parts .member-panel,
body.shop-template.template-auto-parts .contact-band {
    border-radius: 0;
}

body.shop-template.template-auto-parts.shop-home-page .hero {
    border-bottom: 6px solid var(--gold);
}

body.shop-template.template-auto-parts.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

body.shop-template.template-auto-parts.shop-home-page .quick-item {
    border-right: 0;
    border-bottom: 4px solid var(--gold);
}

body.shop-template.template-auto-parts.shop-home-page .product-grid,
body.shop-template.template-auto-parts.shop-list-page #productsGrid {
    grid-template-columns: 1fr;
}

body.shop-template.template-auto-parts.shop-home-page .product-card,
body.shop-template.template-auto-parts.shop-list-page #productsGrid .product-card {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    border-left: 5px solid var(--gold);
}

body.shop-template.template-auto-parts.shop-home-page .product-action,
body.shop-template.template-auto-parts.shop-list-page #productsGrid .product-card button {
    border-radius: 0;
}

body.shop-template.template-auto-parts.shop-detail-page #productContent {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

/* Floral: romantic gifting layout with staggered soft cards. */
body.shop-template.template-flower-gift.shop-home-page {
    background:
        radial-gradient(circle at 16% 9%, rgba(219, 39, 119, .16), transparent 230px),
        radial-gradient(circle at 86% 28%, rgba(134, 239, 172, .2), transparent 260px),
        var(--canvas) !important;
}

body.shop-template.template-flower-gift.shop-home-page .hero {
    border-bottom-left-radius: 72px;
    border-bottom-right-radius: 72px;
}

body.shop-template.template-flower-gift.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, .82fr) minmax(340px, .82fr);
}

body.shop-template.template-flower-gift.shop-home-page .spotlight {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .66);
    border-radius: 220px 220px 34px 34px;
}

body.shop-template.template-flower-gift.shop-home-page .spotlight-image,
body.shop-template.template-flower-gift.shop-home-page .spotlight-image img {
    border-radius: 200px 200px 26px 26px;
}

body.shop-template.template-flower-gift.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-flower-gift.shop-home-page .quick-item {
    min-height: 112px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

body.shop-template.template-flower-gift.shop-home-page .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

body.shop-template.template-flower-gift.shop-home-page .product-card:nth-child(3n + 2) {
    transform: translateY(18px);
}

body.shop-template.template-flower-gift.shop-list-page #productsGrid .product-card {
    border-radius: 30px 30px 8px 8px;
}

body.shop-template.template-flower-gift.member-center-page .white-header {
    border-bottom-left-radius: 38px;
    border-bottom-right-radius: 38px;
}

/* Tea: heritage paper texture, restrained grid and gift-card spacing. */
body.shop-template.template-tea-chinese.shop-home-page {
    background:
        linear-gradient(90deg, rgba(201, 162, 39, .12) 1px, transparent 1px) 0 0 / 58px 58px,
        linear-gradient(rgba(22, 101, 52, .08) 1px, transparent 1px) 0 0 / 58px 58px,
        var(--canvas) !important;
}

body.shop-template.template-tea-chinese .topbar {
    border-bottom: 1px solid rgba(201, 162, 39, .4);
}

body.shop-template.template-tea-chinese .brand-mark,
body.shop-template.template-tea-chinese .icon-link,
body.shop-template.template-tea-chinese .primary-link,
body.shop-template.template-tea-chinese .hero-kicker,
body.shop-template.template-tea-chinese .hero-button {
    border-radius: 2px;
}

body.shop-template.template-tea-chinese.shop-home-page .hero {
    min-height: 590px;
}

body.shop-template.template-tea-chinese.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, .84fr) minmax(360px, .8fr);
}

body.shop-template.template-tea-chinese.shop-home-page .spotlight {
    padding: 22px;
    border: 1px solid rgba(201, 162, 39, .55);
    border-radius: 2px;
}

body.shop-template.template-tea-chinese.shop-home-page .spotlight-image {
    border-radius: 2px;
}

body.shop-template.template-tea-chinese.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.shop-template.template-tea-chinese.shop-home-page .quick-item,
body.shop-template.template-tea-chinese.shop-home-page .product-card,
body.shop-template.template-tea-chinese.shop-list-page #productsGrid .product-card,
body.shop-template.template-tea-chinese.member-center-page .stats-card,
body.shop-template.template-tea-chinese.member-center-page .content-card {
    border-radius: 2px;
    box-shadow: 0 10px 0 rgba(201, 162, 39, .08);
}

body.shop-template.template-tea-chinese.shop-home-page .product-card {
    padding: 12px;
}

body.shop-template.template-tea-chinese.shop-home-page .product-thumb {
    border: 1px solid rgba(201, 162, 39, .22);
    border-radius: 2px;
}

body.shop-template.template-tea-chinese.shop-list-page #productsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Industrial: procurement dashboard, dense cards and square controls. */
body.shop-template.template-industrial-b2b.shop-home-page,
body.shop-template.template-industrial-b2b.shop-list-page,
body.shop-template.template-industrial-b2b.member-center-page {
    background:
        linear-gradient(rgba(29, 78, 216, .07) 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(90deg, rgba(29, 78, 216, .07) 1px, transparent 1px) 0 0 / 28px 28px,
        var(--canvas) !important;
}

body.shop-template.template-industrial-b2b .topbar {
    background: #fff !important;
    border-bottom: 2px solid #cbd5e1 !important;
}

body.shop-template.template-industrial-b2b.shop-home-page .hero {
    min-height: 500px;
    border-bottom: 6px solid var(--gold);
}

body.shop-template.template-industrial-b2b.shop-home-page .hero-inner {
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
}

body.shop-template.template-industrial-b2b.shop-home-page .hero-title {
    max-width: 700px;
}

body.shop-template.template-industrial-b2b.shop-home-page .quick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

body.shop-template.template-industrial-b2b.shop-home-page .quick-item {
    min-height: 82px;
    border-radius: 0;
    border-right: 0;
    box-shadow: none;
}

body.shop-template.template-industrial-b2b.shop-home-page .feature-row {
    grid-template-columns: 1.35fr .65fr;
}

body.shop-template.template-industrial-b2b.shop-home-page .product-grid,
body.shop-template.template-industrial-b2b.shop-list-page #productsGrid {
    grid-template-columns: 1fr;
    gap: 8px;
}

body.shop-template.template-industrial-b2b.shop-home-page .product-card,
body.shop-template.template-industrial-b2b.shop-list-page #productsGrid .product-card {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    border-radius: 0;
    box-shadow: none;
}

body.shop-template.template-industrial-b2b.shop-home-page .product-body,
body.shop-template.template-industrial-b2b.shop-list-page #productsGrid .product-card .p-3 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

body.shop-template.template-industrial-b2b.member-center-page .module-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

body.shop-template.template-industrial-b2b.member-center-page .module-icon,
body.shop-template.template-industrial-b2b.member-center-page .stats-card,
body.shop-template.template-industrial-b2b.member-center-page .content-card,
body.shop-template.template-industrial-b2b.member-center-page .app-switcher {
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 900px) {
    body.shop-template.template-fashion-studio.shop-home-page .hero,
    body.shop-template.template-home-living.shop-home-page .hero,
    body.shop-template.template-jewelry-gold.shop-home-page .hero,
    body.shop-template.template-tea-chinese.shop-home-page .hero {
        min-height: 0;
    }

    body.shop-template.template-fashion-studio.shop-home-page .product-grid,
    body.shop-template.template-jewelry-gold.shop-home-page .product-grid,
    body.shop-template.template-book-culture.shop-list-page #productsGrid,
    body.shop-template.template-tea-chinese.shop-list-page #productsGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.shop-template.template-fashion-studio.shop-home-page .product-card:first-child,
    body.shop-template.template-jewelry-gold.shop-home-page .product-card:first-child {
        grid-column: span 2;
    }

    body.shop-template.template-home-living.shop-home-page .hero-inner,
    body.shop-template.template-home-living.shop-list-page #productsGrid .product-card,
    body.shop-template.template-fashion-studio.shop-detail-page #productContent,
    body.shop-template.template-jewelry-gold.shop-detail-page #productContent,
    body.shop-template.template-auto-parts.shop-detail-page #productContent {
        grid-template-columns: 1fr;
    }

    body.shop-template.template-baby-care.shop-home-page .quick-grid,
    body.shop-template.template-pet-supply.shop-home-page .quick-grid,
    body.shop-template.template-sports-gear.shop-home-page .quick-grid,
    body.shop-template.template-book-culture.shop-home-page .quick-grid,
    body.shop-template.template-wellness-care.shop-home-page .quick-grid,
    body.shop-template.template-auto-parts.shop-home-page .quick-grid,
    body.shop-template.template-flower-gift.shop-home-page .quick-grid,
    body.shop-template.template-tea-chinese.shop-home-page .quick-grid,
    body.shop-template.template-industrial-b2b.shop-home-page .quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.shop-template.template-home-living.shop-home-page .feature-row,
    body.shop-template.template-pet-supply.shop-home-page .feature-row,
    body.shop-template.template-wellness-care.shop-home-page .feature-row,
    body.shop-template.template-industrial-b2b.shop-home-page .feature-row {
        grid-template-columns: 1fr;
    }

    body.shop-template.template-sports-gear.shop-home-page .product-card,
    body.shop-template.template-sports-gear.shop-list-page #productsGrid .product-card,
    body.shop-template.template-auto-parts.shop-home-page .product-card,
    body.shop-template.template-auto-parts.shop-list-page #productsGrid .product-card,
    body.shop-template.template-industrial-b2b.shop-home-page .product-card,
    body.shop-template.template-industrial-b2b.shop-list-page #productsGrid .product-card {
        grid-template-columns: 122px minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    body.shop-template.template-fashion-studio.shop-home-page .quick-grid,
    body.shop-template.template-baby-care.shop-home-page .quick-grid,
    body.shop-template.template-pet-supply.shop-home-page .quick-grid,
    body.shop-template.template-sports-gear.shop-home-page .quick-grid,
    body.shop-template.template-book-culture.shop-home-page .quick-grid,
    body.shop-template.template-wellness-care.shop-home-page .quick-grid,
    body.shop-template.template-auto-parts.shop-home-page .quick-grid,
    body.shop-template.template-flower-gift.shop-home-page .quick-grid,
    body.shop-template.template-tea-chinese.shop-home-page .quick-grid,
    body.shop-template.template-industrial-b2b.shop-home-page .quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.shop-template.template-fashion-studio.shop-home-page .product-grid,
    body.shop-template.template-jewelry-gold.shop-home-page .product-grid,
    body.shop-template.template-book-culture.shop-list-page #productsGrid,
    body.shop-template.template-tea-chinese.shop-list-page #productsGrid {
        grid-template-columns: 1fr;
    }

    body.shop-template.template-fashion-studio.shop-home-page .product-card:first-child,
    body.shop-template.template-jewelry-gold.shop-home-page .product-card:first-child {
        grid-column: auto;
    }

    body.shop-template.template-home-living.shop-list-page #productsGrid .product-card,
    body.shop-template.template-sports-gear.shop-home-page .product-card,
    body.shop-template.template-sports-gear.shop-list-page #productsGrid .product-card,
    body.shop-template.template-auto-parts.shop-home-page .product-card,
    body.shop-template.template-auto-parts.shop-list-page #productsGrid .product-card,
    body.shop-template.template-industrial-b2b.shop-home-page .product-card,
    body.shop-template.template-industrial-b2b.shop-list-page #productsGrid .product-card {
        display: block;
    }

    body.shop-template.template-pet-supply.shop-home-page .quick-item:nth-child(odd),
    body.shop-template.template-pet-supply.shop-home-page .quick-item:nth-child(even),
    body.shop-template.template-pet-supply.shop-home-page .product-card:nth-child(odd),
    body.shop-template.template-pet-supply.shop-home-page .product-card:nth-child(even),
    body.shop-template.template-flower-gift.shop-home-page .product-card:nth-child(3n + 2) {
        transform: none;
    }
}

/* Industry content module: each template changes information structure, not just color tokens. */
body.shop-template.shop-home-page .industry-showcase {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(320px, 1fr);
    gap: 22px;
    align-items: stretch;
    padding: 34px 0 8px;
}

body.shop-template.shop-home-page .industry-copy {
    min-width: 0;
    display: grid;
    align-content: center;
}

body.shop-template.shop-home-page .industry-copy h2 {
    margin: 0;
    max-width: 620px;
    color: var(--ink);
    font-size: clamp(23px, 3.2vw, 36px);
    line-height: 1.12;
    letter-spacing: 0;
}

body.shop-template.shop-home-page .industry-copy > p:not(.section-label) {
    max-width: 590px;
    margin: 12px 0 0;
    color: var(--soft-ink);
    line-height: 1.72;
}

body.shop-template.shop-home-page .industry-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

body.shop-template.shop-home-page .industry-tags span {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--paper) 82%, transparent);
    color: var(--brand);
    font-size: 12px;
    font-weight: 900;
}

body.shop-template.shop-home-page .industry-board {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.shop-template.shop-home-page .industry-card {
    min-width: 0;
    min-height: 164px;
    display: grid;
    align-content: start;
    gap: 9px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: var(--template-card-radius, var(--radius-lg, 18px));
    background: color-mix(in srgb, var(--paper) 90%, transparent);
    box-shadow: var(--template-tight-shadow, 0 12px 28px rgba(24, 29, 38, .08));
}

body.shop-template.shop-home-page .industry-card i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: color-mix(in srgb, var(--brand) 13%, white);
    color: var(--brand);
    font-size: 23px;
}

body.shop-template.shop-home-page .industry-card strong {
    color: var(--ink);
    font-size: 16px;
    line-height: 1.32;
}

body.shop-template.shop-home-page .industry-card span {
    color: var(--soft-ink);
    font-size: 13px;
    line-height: 1.55;
}

body.shop-template.template-warm-market.shop-home-page .industry-board {
    grid-template-columns: 1.1fr .9fr 1fr;
}

body.shop-template.template-warm-market.shop-home-page .industry-card {
    border-style: dashed;
}

body.shop-template.template-warm-market.shop-home-page .industry-card:nth-child(2) {
    margin-top: 18px;
}

body.shop-template.template-fresh-green.shop-home-page .industry-board,
body.shop-template.template-ocean-cyan.shop-home-page .industry-board,
body.shop-template.template-wellness-care.shop-home-page .industry-board {
    grid-template-columns: 1fr 1fr;
}

body.shop-template.template-fresh-green.shop-home-page .industry-card:first-child,
body.shop-template.template-ocean-cyan.shop-home-page .industry-card:first-child,
body.shop-template.template-wellness-care.shop-home-page .industry-card:first-child {
    grid-row: span 2;
    min-height: 100%;
}

body.shop-template.template-fresh-green.shop-home-page .industry-card,
body.shop-template.template-ocean-cyan.shop-home-page .industry-card,
body.shop-template.template-wellness-care.shop-home-page .industry-card {
    border-radius: 30px;
}

body.shop-template.template-tech-blue.shop-home-page .industry-board {
    padding: 12px;
    border: 1px solid rgba(36, 107, 254, .2);
    border-radius: 10px;
    background:
        linear-gradient(rgba(36,107,254,.12) 1px, transparent 1px) 0 0 / 18px 18px,
        #f8fbff;
}

body.shop-template.template-tech-blue.shop-home-page .industry-card {
    min-height: 134px;
    border-radius: 6px;
    border-left: 4px solid var(--brand);
    box-shadow: none;
}

body.shop-template.template-luxury-black.shop-home-page .industry-showcase,
body.shop-template.template-jewelry-gold.shop-home-page .industry-showcase {
    grid-template-columns: minmax(0, .64fr) minmax(360px, 1fr);
}

body.shop-template.template-luxury-black.shop-home-page .industry-card,
body.shop-template.template-jewelry-gold.shop-home-page .industry-card {
    min-height: 190px;
    justify-items: center;
    align-content: center;
    border-color: rgba(214, 169, 88, .32);
    border-radius: 0;
    background: #24211d;
    text-align: center;
}

body.shop-template.template-luxury-black.shop-home-page .industry-card i,
body.shop-template.template-jewelry-gold.shop-home-page .industry-card i {
    border: 1px solid rgba(214, 169, 88, .42);
    border-radius: 50%;
    background: transparent;
    color: var(--gold);
}

body.shop-template.template-sweet-pink.shop-home-page .industry-board,
body.shop-template.template-baby-care.shop-home-page .industry-board,
body.shop-template.template-flower-gift.shop-home-page .industry-board {
    gap: 16px;
}

body.shop-template.template-sweet-pink.shop-home-page .industry-card,
body.shop-template.template-baby-care.shop-home-page .industry-card,
body.shop-template.template-flower-gift.shop-home-page .industry-card {
    min-height: 178px;
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.9)),
        color-mix(in srgb, var(--brand) 8%, var(--paper));
}

body.shop-template.template-sweet-pink.shop-home-page .industry-card:nth-child(2),
body.shop-template.template-baby-care.shop-home-page .industry-card:nth-child(2),
body.shop-template.template-flower-gift.shop-home-page .industry-card:nth-child(2) {
    transform: translateY(20px);
}

body.shop-template.template-minimal-white.shop-home-page .industry-showcase,
body.shop-template.template-fashion-studio.shop-home-page .industry-showcase {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    border-top: 1px solid var(--ink);
    border-bottom: 1px solid var(--line);
}

body.shop-template.template-minimal-white.shop-home-page .industry-tags span,
body.shop-template.template-fashion-studio.shop-home-page .industry-tags span,
body.shop-template.template-minimal-white.shop-home-page .industry-card,
body.shop-template.template-fashion-studio.shop-home-page .industry-card {
    border-radius: 0;
    box-shadow: none;
}

body.shop-template.template-minimal-white.shop-home-page .industry-board,
body.shop-template.template-fashion-studio.shop-home-page .industry-board {
    gap: 1px;
    background: var(--line);
}

body.shop-template.template-minimal-white.shop-home-page .industry-card,
body.shop-template.template-fashion-studio.shop-home-page .industry-card {
    border: 0;
    background: var(--paper);
}

body.shop-template.template-fashion-studio.shop-home-page .industry-card:first-child {
    grid-column: span 2;
}

body.shop-template.template-festival-red.shop-home-page .industry-board {
    padding: 12px;
    border-radius: 20px;
    background:
        repeating-linear-gradient(-45deg, rgba(215,25,32,.12) 0 8px, transparent 8px 18px),
        color-mix(in srgb, var(--gold) 24%, var(--paper));
}

body.shop-template.template-festival-red.shop-home-page .industry-card {
    border: 2px solid rgba(215, 25, 32, .18);
    background: #fffaf5;
}

body.shop-template.template-festival-red.shop-home-page .industry-card::after {
    content: "SALE";
    width: max-content;
    padding: 4px 7px;
    border-radius: 999px;
    background: var(--gold);
    color: #5a170f;
    font-size: 11px;
    font-weight: 950;
}

body.shop-template.template-cafe-brown.shop-home-page .industry-showcase,
body.shop-template.template-tea-chinese.shop-home-page .industry-showcase {
    grid-template-columns: minmax(0, .7fr) minmax(360px, 1fr);
}

body.shop-template.template-cafe-brown.shop-home-page .industry-card,
body.shop-template.template-tea-chinese.shop-home-page .industry-card {
    border-radius: 4px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.52) 1px, transparent 1px) 0 0 / 22px 22px,
        var(--paper);
}

body.shop-template.template-cafe-brown.shop-home-page .industry-card:nth-child(1),
body.shop-template.template-tea-chinese.shop-home-page .industry-card:nth-child(1) {
    grid-column: span 2;
}

body.shop-template.template-playful-color.shop-home-page .industry-card,
body.shop-template.template-pet-supply.shop-home-page .industry-card {
    border: 2px solid rgba(46, 39, 22, .16);
    box-shadow: 6px 6px 0 rgba(46, 39, 22, .1);
}

body.shop-template.template-playful-color.shop-home-page .industry-card:nth-child(odd),
body.shop-template.template-pet-supply.shop-home-page .industry-card:nth-child(odd) {
    transform: rotate(-1deg);
}

body.shop-template.template-playful-color.shop-home-page .industry-card:nth-child(even),
body.shop-template.template-pet-supply.shop-home-page .industry-card:nth-child(even) {
    transform: rotate(1deg) translateY(14px);
}

body.shop-template.template-home-living.shop-home-page .industry-board {
    grid-template-columns: 1.3fr .7fr;
}

body.shop-template.template-home-living.shop-home-page .industry-card {
    min-height: 150px;
    border-radius: 4px 26px 26px 26px;
}

body.shop-template.template-home-living.shop-home-page .industry-card:first-child {
    grid-row: span 2;
    min-height: 100%;
}

body.shop-template.template-sports-gear.shop-home-page .industry-board,
body.shop-template.template-auto-parts.shop-home-page .industry-board,
body.shop-template.template-industrial-b2b.shop-home-page .industry-board {
    grid-template-columns: 1fr;
    gap: 8px;
}

body.shop-template.template-sports-gear.shop-home-page .industry-card,
body.shop-template.template-auto-parts.shop-home-page .industry-card,
body.shop-template.template-industrial-b2b.shop-home-page .industry-card {
    min-height: 104px;
    grid-template-columns: 48px minmax(0, .7fr) minmax(0, 1fr);
    align-items: center;
    align-content: center;
    border-radius: 8px;
    box-shadow: none;
}

body.shop-template.template-sports-gear.shop-home-page .industry-card {
    border-left: 5px solid var(--brand);
}

body.shop-template.template-auto-parts.shop-home-page .industry-card {
    border-left: 5px solid var(--gold);
}

body.shop-template.template-industrial-b2b.shop-home-page .industry-card {
    border-radius: 0;
    border-left: 5px solid var(--brand);
}

body.shop-template.template-book-culture.shop-home-page .industry-board {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
}

body.shop-template.template-book-culture.shop-home-page .industry-card {
    border-left: 9px solid var(--brand);
    border-radius: 4px 14px 14px 4px;
}

body.shop-template.template-book-culture.shop-home-page .industry-card:nth-child(2) {
    min-height: 206px;
}

@media (max-width: 900px) {
    body.shop-template.shop-home-page .industry-showcase,
    body.shop-template.template-luxury-black.shop-home-page .industry-showcase,
    body.shop-template.template-jewelry-gold.shop-home-page .industry-showcase,
    body.shop-template.template-cafe-brown.shop-home-page .industry-showcase,
    body.shop-template.template-tea-chinese.shop-home-page .industry-showcase,
    body.shop-template.template-minimal-white.shop-home-page .industry-showcase,
    body.shop-template.template-fashion-studio.shop-home-page .industry-showcase {
        grid-template-columns: 1fr;
    }

    body.shop-template.shop-home-page .industry-board,
    body.shop-template.template-fresh-green.shop-home-page .industry-board,
    body.shop-template.template-ocean-cyan.shop-home-page .industry-board,
    body.shop-template.template-wellness-care.shop-home-page .industry-board,
    body.shop-template.template-home-living.shop-home-page .industry-board,
    body.shop-template.template-book-culture.shop-home-page .industry-board {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.shop-template.template-fresh-green.shop-home-page .industry-card:first-child,
    body.shop-template.template-ocean-cyan.shop-home-page .industry-card:first-child,
    body.shop-template.template-wellness-care.shop-home-page .industry-card:first-child,
    body.shop-template.template-home-living.shop-home-page .industry-card:first-child,
    body.shop-template.template-cafe-brown.shop-home-page .industry-card:nth-child(1),
    body.shop-template.template-tea-chinese.shop-home-page .industry-card:nth-child(1),
    body.shop-template.template-fashion-studio.shop-home-page .industry-card:first-child {
        grid-column: auto;
        grid-row: auto;
        min-height: 164px;
    }
}

@media (max-width: 620px) {
    body.shop-template.shop-home-page .industry-showcase {
        padding-top: 28px;
    }

    body.shop-template.shop-home-page .industry-board,
    body.shop-template.template-fresh-green.shop-home-page .industry-board,
    body.shop-template.template-ocean-cyan.shop-home-page .industry-board,
    body.shop-template.template-wellness-care.shop-home-page .industry-board,
    body.shop-template.template-home-living.shop-home-page .industry-board,
    body.shop-template.template-book-culture.shop-home-page .industry-board {
        grid-template-columns: 1fr;
    }

    body.shop-template.template-sports-gear.shop-home-page .industry-card,
    body.shop-template.template-auto-parts.shop-home-page .industry-card,
    body.shop-template.template-industrial-b2b.shop-home-page .industry-card {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    body.shop-template.template-sports-gear.shop-home-page .industry-card span,
    body.shop-template.template-auto-parts.shop-home-page .industry-card span,
    body.shop-template.template-industrial-b2b.shop-home-page .industry-card span {
        grid-column: 2;
    }

    body.shop-template.template-sweet-pink.shop-home-page .industry-card:nth-child(2),
    body.shop-template.template-baby-care.shop-home-page .industry-card:nth-child(2),
    body.shop-template.template-flower-gift.shop-home-page .industry-card:nth-child(2),
    body.shop-template.template-playful-color.shop-home-page .industry-card:nth-child(odd),
    body.shop-template.template-pet-supply.shop-home-page .industry-card:nth-child(odd),
    body.shop-template.template-playful-color.shop-home-page .industry-card:nth-child(even),
    body.shop-template.template-pet-supply.shop-home-page .industry-card:nth-child(even) {
        transform: none;
    }
}

/* Mobile storefront safety layer. Template-specific desktop hero grids have
   higher specificity than the base responsive rules, so mobile must collapse
   them explicitly to avoid narrow vertical text columns. */
@media (max-width: 900px) {
    body.shop-template.shop-home-page .hero-inner,
    body.shop-template.template-fresh-green.shop-home-page .hero-inner,
    body.shop-template.template-tech-blue.shop-home-page .hero-inner,
    body.shop-template.template-luxury-black.shop-home-page .hero-inner,
    body.shop-template.template-sweet-pink.shop-home-page .hero-inner,
    body.shop-template.template-minimal-white.shop-home-page .hero-inner,
    body.shop-template.template-cafe-brown.shop-home-page .hero-inner,
    body.shop-template.template-ocean-cyan.shop-home-page .hero-inner,
    body.shop-template.template-fashion-studio.shop-home-page .hero-inner,
    body.shop-template.template-home-living.shop-home-page .hero-inner,
    body.shop-template.template-baby-care.shop-home-page .hero-inner,
    body.shop-template.template-jewelry-gold.shop-home-page .hero-inner,
    body.shop-template.template-pet-supply.shop-home-page .hero-inner,
    body.shop-template.template-sports-gear.shop-home-page .hero-inner,
    body.shop-template.template-book-culture.shop-home-page .hero-inner,
    body.shop-template.template-wellness-care.shop-home-page .hero-inner,
    body.shop-template.template-flower-gift.shop-home-page .hero-inner,
    body.shop-template.template-tea-chinese.shop-home-page .hero-inner,
    body.shop-template.template-industrial-b2b.shop-home-page .hero-inner {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.shop-template.shop-home-page .hero-copy,
    body.shop-template.shop-home-page .hero-stage {
        width: 100%;
        min-width: 0;
    }

    body.shop-template.shop-home-page .hero-title,
    body.shop-template.shop-home-page .hero-desc {
        max-width: 100%;
    }

    body.shop-template.shop-home-page .spotlight {
        max-width: min(100%, 420px);
    }
}

@media (max-width: 520px) {
    body.shop-template.shop-home-page .hero-title {
        font-size: clamp(32px, 10vw, 44px);
        line-height: 1.08;
    }

    body.shop-template.shop-home-page .hero-button {
        min-width: 0;
        white-space: normal;
    }
}

/* Product-first mobile storefront. Keep each template's visual language, but
   prevent the header, metrics and story modules from pushing products below
   the first screen on phones. */
@media (max-width: 700px) {
    body.shop-template.shop-home-page .shell {
        width: min(100% - 24px, 720px);
    }

    body.shop-template.shop-home-page .topbar-inner {
        height: 56px !important;
        gap: 10px !important;
    }

    body.shop-template.shop-home-page .brand {
        gap: 8px !important;
    }

    body.shop-template.shop-home-page .brand-mark {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
        border-radius: 10px !important;
    }

    body.shop-template.shop-home-page .brand-title strong {
        max-width: 42vw !important;
        font-size: 15px !important;
    }

    body.shop-template.shop-home-page .icon-link,
    body.shop-template.shop-home-page .primary-link {
        width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        border-radius: 10px !important;
    }

    body.shop-template.shop-home-page .primary-link span {
        display: none !important;
    }

    body.shop-template.shop-home-page .hero,
    body.shop-template.template-warm-market.shop-home-page .hero,
    body.shop-template.template-fresh-green.shop-home-page .hero,
    body.shop-template.template-tech-blue.shop-home-page .hero,
    body.shop-template.template-luxury-black.shop-home-page .hero,
    body.shop-template.template-sweet-pink.shop-home-page .hero,
    body.shop-template.template-minimal-white.shop-home-page .hero,
    body.shop-template.template-festival-red.shop-home-page .hero,
    body.shop-template.template-cafe-brown.shop-home-page .hero,
    body.shop-template.template-ocean-cyan.shop-home-page .hero,
    body.shop-template.template-playful-color.shop-home-page .hero,
    body.shop-template.template-fashion-studio.shop-home-page .hero,
    body.shop-template.template-home-living.shop-home-page .hero,
    body.shop-template.template-baby-care.shop-home-page .hero,
    body.shop-template.template-jewelry-gold.shop-home-page .hero,
    body.shop-template.template-pet-supply.shop-home-page .hero,
    body.shop-template.template-sports-gear.shop-home-page .hero,
    body.shop-template.template-book-culture.shop-home-page .hero,
    body.shop-template.template-wellness-care.shop-home-page .hero,
    body.shop-template.template-auto-parts.shop-home-page .hero,
    body.shop-template.template-flower-gift.shop-home-page .hero,
    body.shop-template.template-tea-chinese.shop-home-page .hero,
    body.shop-template.template-industrial-b2b.shop-home-page .hero {
        min-height: 0 !important;
        padding: 14px 0 12px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        clip-path: none !important;
    }

    body.shop-template.shop-home-page .hero::after,
    body.shop-template.template-ocean-cyan.shop-home-page .hero::after {
        height: 8px !important;
        border-radius: 0 !important;
    }

    body.shop-template.shop-home-page .hero-inner {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.shop-template.shop-home-page .hero-kicker {
        min-height: 28px !important;
        padding: 5px 9px !important;
        font-size: 12px !important;
    }

    body.shop-template.shop-home-page .hero-title,
    body.shop-template.template-fashion-studio.shop-home-page .hero-title {
        display: -webkit-box !important;
        max-width: 100% !important;
        margin-top: 8px !important;
        overflow: hidden !important;
        font-size: clamp(24px, 7.4vw, 32px) !important;
        line-height: 1.12 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    body.shop-template.shop-home-page .hero-desc {
        display: -webkit-box !important;
        max-width: 100% !important;
        margin-top: 8px !important;
        overflow: hidden !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    body.shop-template.shop-home-page .hero-actions {
        display: none !important;
    }

    body.shop-template.shop-home-page .hero-actions::-webkit-scrollbar {
        display: none !important;
    }

    body.shop-template.shop-home-page .hero-button {
        min-height: 36px !important;
        min-width: 0 !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 8px 11px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }

    body.shop-template.shop-home-page .hero-button:not(.solid) {
        display: none !important;
    }

    body.shop-template.shop-home-page .hero-stage,
    body.shop-template.shop-home-page .spotlight {
        display: none !important;
    }

    body.shop-template.shop-home-page .quick-strip,
    body.shop-template.template-fashion-studio.shop-home-page .quick-strip,
    body.shop-template.template-home-living.shop-home-page .quick-strip,
    body.shop-template.template-baby-care.shop-home-page .quick-strip,
    body.shop-template.template-sports-gear.shop-home-page .quick-strip,
    body.shop-template.template-wellness-care.shop-home-page .quick-strip {
        margin-top: 0 !important;
        padding-top: 8px !important;
        border-bottom: 0 !important;
        background: transparent !important;
    }

    body.shop-template.shop-home-page .quick-grid,
    body.shop-template.template-warm-market.shop-home-page .quick-grid,
    body.shop-template.template-fresh-green.shop-home-page .quick-grid,
    body.shop-template.template-tech-blue.shop-home-page .quick-grid,
    body.shop-template.template-luxury-black.shop-home-page .quick-grid,
    body.shop-template.template-sweet-pink.shop-home-page .quick-grid,
    body.shop-template.template-minimal-white.shop-home-page .quick-grid,
    body.shop-template.template-festival-red.shop-home-page .quick-grid,
    body.shop-template.template-cafe-brown.shop-home-page .quick-grid,
    body.shop-template.template-ocean-cyan.shop-home-page .quick-grid,
    body.shop-template.template-playful-color.shop-home-page .quick-grid,
    body.shop-template.template-fashion-studio.shop-home-page .quick-grid,
    body.shop-template.template-home-living.shop-home-page .quick-grid,
    body.shop-template.template-baby-care.shop-home-page .quick-grid,
    body.shop-template.template-jewelry-gold.shop-home-page .quick-grid,
    body.shop-template.template-pet-supply.shop-home-page .quick-grid,
    body.shop-template.template-sports-gear.shop-home-page .quick-grid,
    body.shop-template.template-book-culture.shop-home-page .quick-grid,
    body.shop-template.template-wellness-care.shop-home-page .quick-grid,
    body.shop-template.template-auto-parts.shop-home-page .quick-grid,
    body.shop-template.template-flower-gift.shop-home-page .quick-grid,
    body.shop-template.template-tea-chinese.shop-home-page .quick-grid,
    body.shop-template.template-industrial-b2b.shop-home-page .quick-grid {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding-bottom: 2px !important;
        scrollbar-width: none !important;
    }

    body.shop-template.shop-home-page .quick-grid::-webkit-scrollbar {
        display: none !important;
    }

    body.shop-template.shop-home-page .quick-item,
    body.shop-template.template-sweet-pink.shop-home-page .quick-item,
    body.shop-template.template-baby-care.shop-home-page .quick-item,
    body.shop-template.template-pet-supply.shop-home-page .quick-item,
    body.shop-template.template-sports-gear.shop-home-page .quick-item,
    body.shop-template.template-auto-parts.shop-home-page .quick-item,
    body.shop-template.template-industrial-b2b.shop-home-page .quick-item,
    body.shop-template.template-flower-gift.shop-home-page .quick-item,
    body.shop-template.template-book-culture.shop-home-page .quick-item {
        min-width: 132px !important;
        min-height: 42px !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 8px 10px !important;
        border-radius: 12px !important;
        text-align: left !important;
        transform: none !important;
    }

    body.shop-template.shop-home-page .quick-item > * {
        transform: none !important;
    }

    body.shop-template.shop-home-page .quick-item i {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
        border-radius: 9px !important;
        font-size: 16px !important;
    }

    body.shop-template.shop-home-page .quick-item strong {
        max-width: 78px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    body.shop-template.shop-home-page .quick-item span {
        display: none !important;
    }

    body.shop-template.shop-home-page .industry-showcase {
        display: none !important;
    }

    body.shop-template.shop-home-page .catalog {
        padding-top: 14px !important;
        padding-bottom: 80px !important;
    }

    body.shop-template.shop-home-page .catalog-head,
    body.shop-template.template-fashion-studio.shop-home-page .catalog-head {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        margin-bottom: 10px !important;
        padding: 0 !important;
        border-top: 0 !important;
    }

    body.shop-template.shop-home-page .catalog-head .section-label {
        display: none !important;
    }

    body.shop-template.shop-home-page .catalog-head h2 {
        font-size: 22px !important;
        line-height: 1.18 !important;
    }

    body.shop-template.shop-home-page .catalog-head p {
        margin-top: 4px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    body.shop-template.shop-home-page .toolbar {
        grid-template-columns: minmax(0, 1fr) 116px !important;
        gap: 8px !important;
    }

    body.shop-template.shop-home-page .search-box input,
    body.shop-template.shop-home-page .sort-box select {
        height: 40px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
    }

    body.shop-template.shop-home-page .category-rail {
        gap: 8px !important;
        padding: 0 0 10px !important;
    }

    body.shop-template.shop-home-page .category-button {
        min-height: 36px !important;
        padding: 7px 10px !important;
        border-radius: 999px !important;
        font-size: 13px !important;
    }

    body.shop-template.shop-home-page .category-button i {
        font-size: 16px !important;
    }

    body.shop-template.shop-home-page .category-button small {
        height: 19px !important;
        min-width: 19px !important;
        padding: 0 5px !important;
        font-size: 11px !important;
    }

    body.shop-template.shop-home-page .feature-row {
        display: none !important;
    }

    body.shop-template.shop-home-page .product-grid,
    body.shop-template.template-tech-blue.shop-home-page .product-grid,
    body.shop-template.template-minimal-white.shop-home-page .product-grid,
    body.shop-template.template-fashion-studio.shop-home-page .product-grid,
    body.shop-template.template-home-living.shop-home-page .product-grid,
    body.shop-template.template-jewelry-gold.shop-home-page .product-grid,
    body.shop-template.template-sports-gear.shop-home-page .product-grid,
    body.shop-template.template-book-culture.shop-home-page .product-grid,
    body.shop-template.template-auto-parts.shop-home-page .product-grid,
    body.shop-template.template-flower-gift.shop-home-page .product-grid,
    body.shop-template.template-industrial-b2b.shop-home-page .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        background: transparent !important;
    }

    body.shop-template.shop-home-page .product-card,
    body.shop-template.template-sports-gear.shop-home-page .product-card,
    body.shop-template.template-auto-parts.shop-home-page .product-card,
    body.shop-template.template-industrial-b2b.shop-home-page .product-card {
        display: flex !important;
        grid-template-columns: none !important;
        min-width: 0 !important;
        transform: none !important;
    }

    body.shop-template.template-fashion-studio.shop-home-page .product-card:first-child,
    body.shop-template.template-jewelry-gold.shop-home-page .product-card:first-child {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    body.shop-template.shop-home-page .product-thumb,
    body.shop-template.template-fashion-studio.shop-home-page .product-card:first-child .product-thumb,
    body.shop-template.template-jewelry-gold.shop-home-page .product-thumb,
    body.shop-template.template-sports-gear.shop-home-page .product-thumb,
    body.shop-template.template-auto-parts.shop-home-page .product-thumb,
    body.shop-template.template-industrial-b2b.shop-home-page .product-thumb {
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
    }

    body.shop-template.shop-home-page .product-body,
    body.shop-template.template-industrial-b2b.shop-home-page .product-body {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        padding: 10px !important;
    }

    body.shop-template.shop-home-page .product-category {
        font-size: 11px !important;
    }

    body.shop-template.shop-home-page .product-name {
        min-height: 36px !important;
        margin-top: 6px !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    body.shop-template.shop-home-page .product-desc,
    body.shop-template.shop-home-page .stock,
    body.shop-template.shop-home-page .old-price {
        display: none !important;
    }

    body.shop-template.shop-home-page .product-meta {
        margin-top: 8px !important;
    }

    body.shop-template.shop-home-page .price {
        font-size: 18px !important;
    }

    body.shop-template.shop-home-page .product-action {
        min-height: 34px !important;
        margin-top: 9px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    body.shop-template.template-luxury-black.shop-home-page .search-box input,
    body.shop-template.template-luxury-black.shop-home-page .sort-box select,
    body.shop-template.template-jewelry-gold.shop-home-page .search-box input,
    body.shop-template.template-jewelry-gold.shop-home-page .sort-box select,
    body.shop-template.template-luxury-black.shop-home-page .category-button:not(.is-active),
    body.shop-template.template-jewelry-gold.shop-home-page .category-button:not(.is-active) {
        border-color: rgba(214, 169, 88, .32) !important;
        background: #211f1b !important;
        color: var(--ink) !important;
    }

    body.shop-template.template-luxury-black.shop-home-page .search-box input::placeholder,
    body.shop-template.template-jewelry-gold.shop-home-page .search-box input::placeholder {
        color: color-mix(in srgb, var(--ink) 55%, transparent) !important;
    }

    body.shop-template.template-luxury-black.shop-home-page .search-box i,
    body.shop-template.template-luxury-black.shop-home-page .sort-box i,
    body.shop-template.template-jewelry-gold.shop-home-page .search-box i,
    body.shop-template.template-jewelry-gold.shop-home-page .sort-box i,
    body.shop-template.template-luxury-black.shop-home-page .category-button:not(.is-active) i,
    body.shop-template.template-jewelry-gold.shop-home-page .category-button:not(.is-active) i {
        color: var(--brand) !important;
    }

    body.shop-template.template-luxury-black.shop-home-page .category-button:not(.is-active) small,
    body.shop-template.template-jewelry-gold.shop-home-page .category-button:not(.is-active) small {
        background: rgba(214, 169, 88, .16) !important;
        color: var(--ink) !important;
    }
}

@media (max-width: 380px) {
    body.shop-template.shop-home-page .top-actions {
        gap: 6px !important;
    }

    body.shop-template.shop-home-page .brand-title strong {
        max-width: 36vw !important;
    }

    body.shop-template.shop-home-page .toolbar {
        grid-template-columns: 1fr !important;
    }
}

/* Shared fixed shop topbar for inner storefront pages. The homepage already
   owns its richer hero-aware topbar; runtime injects this compact version into
   detail, list, member, order, payment and auth pages. */
body.shop-template.has-shop-global-topbar {
    --shop-global-topbar-height: 64px;
    padding-top: var(--shop-global-topbar-height);
}

body.shop-template .shop-global-topbar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 45;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--paper) 94%, transparent);
    color: var(--ink);
    backdrop-filter: blur(18px);
}

body.shop-template .shop-global-topbar-inner {
    width: min(1160px, calc(100% - 32px));
    height: var(--shop-global-topbar-height, 64px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

body.shop-template .shop-global-brand {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.shop-template .shop-global-logo {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--brand) 18%, var(--line));
    border-radius: 12px;
    background: var(--brand);
    color: #fff;
    font-size: 19px;
    font-weight: 950;
}

body.shop-template .shop-global-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.shop-template .shop-global-title {
    min-width: 0;
    display: grid;
    gap: 2px;
}

body.shop-template .shop-global-title strong {
    overflow: hidden;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.shop-template .shop-global-title span {
    color: var(--soft-ink);
    font-size: 12px;
    line-height: 1.1;
}

body.shop-template .shop-global-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.shop-template .shop-global-icon,
body.shop-template .shop-global-user {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--paper) 86%, white);
    color: var(--ink);
    font-weight: 850;
}

body.shop-template .shop-global-icon {
    width: 40px;
    font-size: 20px;
}

body.shop-template .shop-global-user {
    max-width: 140px;
    padding: 0 12px;
    font-size: 14px;
}

body.shop-template .shop-global-user span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.shop-template.has-shop-global-topbar .mobile-container > header.bg-white:first-child {
    display: none !important;
}

body.shop-template.has-shop-global-topbar.shop-member-page .mobile-container > nav.bg-white.sticky {
    top: var(--shop-global-topbar-height, 64px) !important;
}

body.shop-template.has-shop-global-topbar.shop-detail-page #bottomActions {
    z-index: 40;
}

body.shop-template.has-shop-global-topbar.shop-auth-page .mobile-container,
body.shop-template.has-shop-global-topbar.member-center-page .mobile-container,
body.shop-template.has-shop-global-topbar.shop-member-page .mobile-container,
body.shop-template.has-shop-global-topbar.shop-list-page .mobile-container,
body.shop-template.has-shop-global-topbar.shop-detail-page .mobile-container {
    min-height: calc(100dvh - var(--shop-global-topbar-height, 64px));
}

@media (max-width: 700px) {
    body.shop-template.has-shop-global-topbar {
        --shop-global-topbar-height: 58px;
    }

    body.shop-template .shop-global-topbar-inner {
        width: min(100% - 24px, 720px);
        gap: 10px;
    }

    body.shop-template .shop-global-logo {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 10px;
    }

    body.shop-template .shop-global-title strong {
        max-width: 46vw;
        font-size: 15px;
    }

    body.shop-template .shop-global-title span {
        display: none;
    }

    body.shop-template .shop-global-icon,
    body.shop-template .shop-global-user {
        height: 38px;
        border-radius: 10px;
    }

    body.shop-template .shop-global-icon {
        width: 38px;
    }

    body.shop-template .shop-global-user {
        max-width: 92px;
        padding: 0 10px;
        font-size: 13px;
    }
}