/**
 * THE KHATOON SHOP v5.1.0 — desktop/laptop reference rebuild
 * Desktop-only presentation layer. The approved mobile UI below 821px is not
 * changed by this file.
 */

@media (min-width: 821px) {
    :root {
        --tks-container: 1440px;
        --tks-gutter: clamp(22px, 2.2vw, 42px);
        --tks-desktop-section: clamp(38px, 4.3vw, 66px);
        --tks-desktop-card-radius: 14px;
    }

    html,
    body.tks-desktop-reference-v510 {
        overflow-x: clip;
    }

    body.tks-desktop-reference-v510 {
        background: #fff;
    }

    body.tks-desktop-reference-v510 .site-main,
    body.tks-desktop-reference-v510 .tks-homepage {
        width: 100%;
        overflow: clip;
    }

    body.tks-desktop-reference-v510 .tks-page-shell,
    body.tks-desktop-reference-v510 .tks-home-section,
    body.tks-desktop-reference-v510 .tks-why__inner,
    body.tks-desktop-reference-v510 .tks-home-promos,
    body.tks-desktop-reference-v510 .tks-quick-benefits,
    body.tks-desktop-reference-v510 .tks-footer__grid,
    body.tks-desktop-reference-v510 .tks-header__main {
        width: min(calc(100% - (var(--tks-gutter) * 2)), var(--tks-container));
    }

    /* ---------- Header ---------- */
    body.tks-desktop-reference-v510 .tks-announcement {
        min-height: 34px;
        border-bottom: 1px solid rgba(255,255,255,.18);
    }

    body.tks-desktop-reference-v510 .tks-announcement__track {
        width: min(calc(100% - 32px), 1040px);
        min-height: 34px;
    }

    body.tks-desktop-reference-v510 .tks-announcement__item {
        min-height: 34px;
        padding-inline: 18px;
        font-size: 11px;
        letter-spacing: .005em;
    }

    body.tks-desktop-reference-v510 .tks-header {
        border-bottom: 0;
        box-shadow: none;
    }

    body.tks-desktop-reference-v510 .tks-header.is-sticky {
        box-shadow: 0 10px 28px rgba(0,0,0,.18);
    }

    body.tks-desktop-reference-v510 .tks-header__main {
        min-height: 86px;
        grid-template-columns: minmax(190px, 228px) minmax(360px, 1fr) auto;
        gap: clamp(22px, 2.7vw, 48px);
    }

    body.tks-desktop-reference-v510 .tks-logo {
        height: 76px;
        overflow: visible;
    }

    body.tks-desktop-reference-v510 .tks-logo__image {
        width: auto;
        max-width: 205px;
        max-height: 72px;
        object-fit: contain;
        object-position: left center;
    }

    body.tks-desktop-reference-v510 .tks-search {
        height: 48px;
        grid-template-columns: minmax(0, 1fr) 58px;
        border-color: rgba(212,175,55,.65);
        border-radius: 999px;
        box-shadow: 0 3px 14px rgba(0,0,0,.08);
    }

    body.tks-desktop-reference-v510 .tks-search input[type="search"],
    body.tks-desktop-reference-v510 .tks-search > button {
        height: 46px;
        min-height: 46px;
    }

    body.tks-desktop-reference-v510 .tks-search input[type="search"] {
        padding-inline: 20px;
        font-size: 14px;
    }

    body.tks-desktop-reference-v510 .tks-search > button {
        width: 58px;
        border-radius: 0 999px 999px 0;
    }

    body.tks-desktop-reference-v510 .tks-header-actions {
        gap: clamp(12px, 1.5vw, 22px);
    }

    body.tks-desktop-reference-v510 .tks-header-action {
        min-width: 60px;
        min-height: 58px;
        gap: 2px;
        font-size: 11px;
        white-space: nowrap;
    }

    body.tks-desktop-reference-v510 .tks-header-action > svg,
    body.tks-desktop-reference-v510 .tks-action-icon > svg {
        width: 25px;
        height: 25px;
    }

    body.tks-desktop-reference-v510 .tks-header-cart small {
        max-width: 90px;
        font-size: 10px;
        line-height: 1.15;
    }

    body.tks-desktop-reference-v510 .tks-desktop-nav {
        border-top: 1px solid rgba(255,255,255,.09);
        border-bottom: 1px solid rgba(212,175,55,.28);
    }

    body.tks-desktop-reference-v510 .tks-desktop-menu {
        width: min(calc(100% - 28px), 1240px);
        min-height: 46px;
        justify-content: center;
    }

    body.tks-desktop-reference-v510 .tks-desktop-menu a {
        min-height: 46px;
        padding-inline: clamp(10px, 1.05vw, 16px);
        font-size: clamp(11px, .92vw, 13px);
        font-weight: 750;
    }

    /* ---------- Hero: reference-sized, no oversized copy or card wall ---------- */
    body.tks-desktop-reference-v510 .tks-hero {
        --tks-desktop-hero-height: clamp(420px, 34vw, 500px);
        width: 100%;
        height: var(--tks-desktop-hero-height);
        min-height: var(--tks-desktop-hero-height);
        max-height: var(--tks-desktop-hero-height);
        background: #fff1f6;
        overflow: hidden;
    }

    body.tks-desktop-reference-v510 .tks-hero__viewport,
    body.tks-desktop-reference-v510 .tks-hero__track,
    body.tks-desktop-reference-v510 .tks-hero-slide,
    body.tks-desktop-reference-v510 .tks-hero-slide__inner {
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    body.tks-desktop-reference-v510 .tks-hero-slide {
        overflow: hidden;
    }

    body.tks-desktop-reference-v510 .tks-hero-slide__inner {
        width: min(calc(100% - (var(--tks-gutter) * 2)), 1460px);
        margin-inline: auto;
        padding-inline: clamp(12px, 1.7vw, 28px);
        grid-template-columns: minmax(0, 42%) minmax(0, 58%);
        align-items: stretch;
        gap: 0;
    }

    body.tks-desktop-reference-v510 .tks-hero-copy {
        min-width: 0;
        padding: clamp(28px, 3vw, 44px) clamp(18px, 2.2vw, 34px) clamp(24px, 2.5vw, 36px) 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.tks-desktop-reference-v510 .tks-hero-copy__eyebrow {
        margin: 0 0 9px;
        font-size: clamp(10px, .82vw, 13px);
        line-height: 1.25;
        letter-spacing: .22em;
    }

    body.tks-desktop-reference-v510 .tks-hero-copy h1,
    body.tks-desktop-reference-v510 .tks-hero-copy h2.tks-hero-secondary-title {
        width: 100%;
        max-width: 570px;
        margin: 0;
        font-size: clamp(43px, 4.15vw, 64px);
        line-height: .93;
        letter-spacing: -.045em;
        text-wrap: balance;
    }

    body.tks-desktop-reference-v510 .tks-hero-copy h1 span,
    body.tks-desktop-reference-v510 .tks-hero-copy h2.tks-hero-secondary-title span {
        display: inline-block;
        font-size: .46em;
    }

    body.tks-desktop-reference-v510 .tks-hero-copy p {
        width: 100%;
        max-width: 520px;
        margin: clamp(13px, 1.3vw, 18px) 0;
        font-size: clamp(13px, 1.05vw, 16px);
        line-height: 1.42;
    }

    body.tks-desktop-reference-v510 .tks-button--hero {
        align-self: flex-start;
        min-width: 158px;
        min-height: 44px;
        padding: 10px 18px;
        border-radius: 999px;
        font-size: 13px;
    }

    body.tks-desktop-reference-v510 .tks-hero-trust {
        width: min(100%, 480px);
        margin-top: clamp(14px, 1.45vw, 22px);
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(7px, .9vw, 14px);
    }

    body.tks-desktop-reference-v510 .tks-hero-trust span {
        min-width: 0;
        gap: 6px;
        font-size: clamp(9px, .75vw, 11px);
        line-height: 1.15;
    }

    body.tks-desktop-reference-v510 .tks-hero-trust svg {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
    }

    body.tks-desktop-reference-v510 .tks-hero-visual {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 0;
        align-self: stretch;
        overflow: hidden;
        isolation: isolate;
    }

    body.tks-desktop-reference-v510 .tks-hero-visual::before {
        content: "";
        position: absolute;
        z-index: 0;
        right: -10%;
        bottom: -36%;
        width: 96%;
        aspect-ratio: 1.9 / 1;
        border-radius: 50%;
        background: rgba(255,255,255,.78);
        box-shadow: inset 0 0 0 1px rgba(212,175,55,.22);
    }

    body.tks-desktop-reference-v510 .tks-hero-slide--model .tks-hero-model {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        width: 68%;
        max-width: none;
        height: 100%;
        object-fit: cover;
        object-position: 48% 19%;
        border-radius: 0;
        filter: none;
    }

    body.tks-desktop-reference-v510 .tks-hero-products {
        position: absolute;
        z-index: 3;
        inset: 0;
        display: block;
        pointer-events: none;
    }

    body.tks-desktop-reference-v510 .tks-hero-product,
    body.tks-desktop-reference-v510 .tks-hero-slide:not(.tks-hero-slide--model) .tks-hero-product {
        position: absolute;
        right: auto;
        left: auto;
        top: auto;
        bottom: 0;
        width: auto;
        height: auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        backdrop-filter: none;
        box-shadow: none;
        filter: drop-shadow(0 10px 12px rgba(30,15,20,.15));
        pointer-events: auto;
    }

    body.tks-desktop-reference-v510 .tks-hero-product img {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        object-fit: contain;
        object-position: center bottom;
        background: transparent !important;
    }

    body.tks-desktop-reference-v510 .tks-hero-slide--model .tks-hero-product--1 { width: 21%; height: 38%; right: 0; }
    body.tks-desktop-reference-v510 .tks-hero-slide--model .tks-hero-product--2 { width: 20%; height: 34%; right: 18%; }
    body.tks-desktop-reference-v510 .tks-hero-slide--model .tks-hero-product--3 { width: 18%; height: 30%; left: 2%; }
    body.tks-desktop-reference-v510 .tks-hero-slide--model .tks-hero-product--4 { width: 17%; height: 27%; left: 19%; }

    body.tks-desktop-reference-v510 .tks-hero-slide:not(.tks-hero-slide--model) .tks-hero-products {
        inset: 0;
        height: 100%;
        display: block;
    }

    body.tks-desktop-reference-v510 .tks-hero-slide:not(.tks-hero-slide--model) .tks-hero-product--1 { width: 28%; height: 58%; right: 1%; bottom: 3%; }
    body.tks-desktop-reference-v510 .tks-hero-slide:not(.tks-hero-slide--model) .tks-hero-product--2 { width: 26%; height: 52%; right: 24%; bottom: 1%; }
    body.tks-desktop-reference-v510 .tks-hero-slide:not(.tks-hero-slide--model) .tks-hero-product--3 { width: 24%; height: 46%; left: 4%; bottom: 4%; }
    body.tks-desktop-reference-v510 .tks-hero-slide:not(.tks-hero-slide--model) .tks-hero-product--4 { width: 22%; height: 41%; left: 26%; bottom: 0; }

    body.tks-desktop-reference-v510 .tks-hero-slide--hair .tks-hero-visual::after,
    body.tks-desktop-reference-v510 .tks-hero-slide--beauty .tks-hero-visual::after,
    body.tks-desktop-reference-v510 .tks-hero-slide--deals .tks-hero-visual::after {
        content: "";
        position: absolute;
        z-index: 0;
        inset: 12% 5% 8%;
        border: 1px solid rgba(212,175,55,.26);
        border-radius: 48% 48% 18px 18px / 42% 42% 18px 18px;
        background: rgba(255,255,255,.42);
    }

    body.tks-desktop-reference-v510 .tks-hero-arrow {
        width: 38px;
        height: 38px;
        font-size: 25px;
        border-width: 1px;
    }

    body.tks-desktop-reference-v510 .tks-hero-arrow--prev { left: 12px; }
    body.tks-desktop-reference-v510 .tks-hero-arrow--next { right: 12px; }
    body.tks-desktop-reference-v510 .tks-hero-dots { bottom: 10px; gap: 8px; }
    body.tks-desktop-reference-v510 .tks-hero-dots button { width: 9px; height: 9px; }

    /* ---------- Homepage sections ---------- */
    body.tks-desktop-reference-v510 .tks-home-section {
        padding-block: var(--tks-desktop-section);
    }

    body.tks-desktop-reference-v510 .tks-section-heading {
        grid-template-columns: minmax(52px, 1fr) auto minmax(52px, 1fr);
        gap: 16px;
    }

    body.tks-desktop-reference-v510 .tks-section-heading small {
        font-size: 22px;
        line-height: 1;
    }

    body.tks-desktop-reference-v510 .tks-section-heading h2 {
        font-size: clamp(32px, 3vw, 46px);
        line-height: 1;
    }

    body.tks-desktop-reference-v510 .tks-home-categories {
        padding-top: clamp(34px, 3.5vw, 48px);
        padding-bottom: clamp(38px, 4vw, 54px);
    }

    body.tks-desktop-reference-v510 .tks-category-grid {
        margin-top: 26px;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: clamp(12px, 1.3vw, 20px);
    }

    body.tks-desktop-reference-v510 .tks-category-card {
        gap: 7px;
    }

    body.tks-desktop-reference-v510 .tks-category-card__media {
        width: min(100%, 146px);
        margin-inline: auto;
        padding: 6px;
        box-shadow: 0 0 0 4px #fff, 0 0 0 5px rgba(255,15,104,.28), 0 8px 24px rgba(30,14,22,.07);
    }

    body.tks-desktop-reference-v510 .tks-category-card strong {
        font-size: clamp(12px, .95vw, 15px);
    }

    body.tks-desktop-reference-v510 .tks-category-card small {
        display: none;
    }

    /* Reference desktop has no duplicate benefit strip between categories and Why Choose. */
    body.tks-desktop-reference-v510 .tks-quick-benefits {
        display: none;
    }

    body.tks-desktop-reference-v510 .tks-why {
        padding: clamp(34px, 3.6vw, 50px) 0;
        background:
            radial-gradient(circle at 12% 48%, rgba(56,7,28,.55), transparent 34%),
            radial-gradient(circle at 86% 45%, rgba(62,35,6,.28), transparent 34%),
            linear-gradient(110deg, #070607, #151013);
    }

    body.tks-desktop-reference-v510 .tks-why__heading {
        margin-bottom: 28px;
        gap: 18px;
    }

    body.tks-desktop-reference-v510 .tks-why__heading h2 {
        font-size: clamp(35px, 3.5vw, 52px);
    }

    body.tks-desktop-reference-v510 .tks-why__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: clamp(12px, 1.8vw, 26px);
    }

    body.tks-desktop-reference-v510 .tks-why__grid article > span {
        width: 66px;
        height: 66px;
        margin-bottom: 11px;
    }

    body.tks-desktop-reference-v510 .tks-why__grid article > span svg {
        width: 30px;
        height: 30px;
    }

    body.tks-desktop-reference-v510 .tks-why__grid strong {
        font-size: 13px;
    }

    body.tks-desktop-reference-v510 .tks-why__grid p {
        margin: 3px 0 0;
        font-size: 11px;
        line-height: 1.3;
    }

    body.tks-desktop-reference-v510 .tks-featured__heading {
        margin-bottom: 24px;
    }

    body.tks-desktop-reference-v510 .tks-featured__heading > a {
        padding: 8px 15px;
        font-size: 12px;
    }

    body.tks-desktop-reference-v510 .tks-product-carousel {
        grid-auto-flow: column;
        grid-auto-columns: minmax(210px, 1fr);
        gap: 14px;
        padding: 4px 2px 12px;
    }

    body.tks-desktop-reference-v510 .product-card {
        min-width: 0;
        border-radius: 13px;
        box-shadow: 0 8px 22px rgba(30,14,22,.07);
    }

    body.tks-desktop-reference-v510 .product-card__media {
        aspect-ratio: 1 / .92;
        min-height: 0;
    }

    body.tks-desktop-reference-v510 .product-card__media img {
        padding: 10px;
        object-fit: contain;
    }

    body.tks-desktop-reference-v510 .product-card__sale {
        top: 8px;
        left: 8px;
        min-height: 26px;
        padding: 5px 8px;
        font-size: 10px;
    }

    body.tks-desktop-reference-v510 .product-card__body {
        padding: 10px 12px 12px;
    }

    body.tks-desktop-reference-v510 .product-card__brand {
        font-size: 9px;
        letter-spacing: .1em;
    }

    body.tks-desktop-reference-v510 .product-card h3 {
        min-height: 38px;
        margin: 5px 0 7px;
        font-size: 12px;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    body.tks-desktop-reference-v510 .product-card__rating {
        min-height: 15px;
        font-size: 10px;
    }

    body.tks-desktop-reference-v510 .product-card__price {
        min-height: 25px;
        font-size: 16px;
    }

    body.tks-desktop-reference-v510 .product-card__button {
        min-height: 38px;
        margin-top: 8px;
        border-radius: 8px;
        font-size: 11px;
    }

    body.tks-desktop-reference-v510 .tks-home-brand-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 14px;
    }

    body.tks-desktop-reference-v510 .tks-home-brand-card {
        padding-bottom: 11px;
        border-radius: 13px;
    }

    body.tks-desktop-reference-v510 .tks-home-brand-card > span {
        aspect-ratio: 1.78;
    }

    body.tks-desktop-reference-v510 .tks-home-brand-card strong {
        margin-top: 8px;
        font-size: 12px;
    }

    body.tks-desktop-reference-v510 .tks-home-brand-card small {
        font-size: 10px;
    }

    body.tks-desktop-reference-v510 .tks-home-promos {
        padding-block: 10px clamp(42px, 5vw, 70px);
        gap: 16px;
    }

    body.tks-desktop-reference-v510 .tks-review-grid {
        margin-top: 24px;
        gap: 14px;
    }

    body.tks-desktop-reference-v510 .tks-review-grid article {
        padding: 19px;
        border-radius: 14px;
    }

    body.tks-desktop-reference-v510 .tks-review-grid blockquote {
        margin: 11px 0 15px;
        font-size: 15px;
    }

    body.tks-desktop-reference-v510 .tks-newsletter {
        min-height: 150px;
        padding-block: 22px;
        grid-template-columns: .58fr 1.75fr .58fr;
        gap: 18px;
    }

    body.tks-desktop-reference-v510 .tks-newsletter__art {
        min-height: 105px;
    }

    body.tks-desktop-reference-v510 .tks-newsletter__art b {
        font-size: 62px;
    }

    body.tks-desktop-reference-v510 .tks-newsletter h2 {
        font-size: clamp(27px, 2.7vw, 40px);
    }

    body.tks-desktop-reference-v510 .tks-newsletter p {
        margin: 6px 0 12px;
        font-size: 12px;
    }

    body.tks-desktop-reference-v510 .tks-newsletter__form {
        max-width: 610px;
        grid-template-columns: 1fr 132px;
    }

    body.tks-desktop-reference-v510 .tks-newsletter__form > input[type="email"],
    body.tks-desktop-reference-v510 .tks-newsletter__form > button {
        min-height: 44px;
    }

    body.tks-desktop-reference-v510 .tks-newsletter__heart {
        width: 125px;
    }

    body.tks-desktop-reference-v510 .tks-newsletter__heart b {
        font-size: 19px;
    }

    /* ---------- Reusable page headings ---------- */
    body.tks-desktop-reference-v510 .tks-page-shell {
        padding-block: clamp(28px, 3vw, 44px);
    }

    body.tks-desktop-reference-v510 .tks-page-heading {
        margin-bottom: 22px;
        padding-bottom: 16px;
    }

    body.tks-desktop-reference-v510 .tks-page-heading h1,
    body.tks-desktop-reference-v510 .entry-title,
    body.tks-desktop-reference-v510 .woocommerce-products-header__title,
    body.tks-desktop-reference-v510 .tks-checkout-page-header h1 {
        font-size: clamp(38px, 4.1vw, 60px);
        line-height: .98;
    }

    /* ---------- Shop/archive ---------- */
    body.tks-desktop-reference-v510 .tks-shop-layout {
        grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
        gap: 20px;
    }

    body.tks-desktop-reference-v510 .tks-shop-sidebar {
        position: sticky;
        top: 160px;
        max-height: calc(100vh - 180px);
        overflow: auto;
        border-radius: 14px;
        scrollbar-width: thin;
    }

    body.tks-desktop-reference-v510 .tks-shop-toolbar {
        min-height: 62px;
        margin-bottom: 14px;
        padding: 9px 12px;
        border-radius: 12px;
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products,
    body.tks-desktop-reference-v510 ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products li.product,
    body.tks-desktop-reference-v510 ul.products li.product {
        min-width: 0;
        border-radius: 13px;
        box-shadow: 0 7px 20px rgba(30,14,22,.06);
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products li.product a img {
        aspect-ratio: 1 / .9;
        padding: 10px;
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: 40px;
        padding: 9px 11px 0 !important;
        font-size: 12px !important;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products li.product .star-rating {
        margin: 6px 11px 0;
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products li.product .price {
        margin-inline: 11px;
        font-size: 16px !important;
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products li.product .button {
        width: calc(100% - 22px);
        min-height: 38px;
        margin: 8px 11px 0 !important;
        font-size: 11px;
    }

    /* ---------- Brands and deals ---------- */
    body.tks-desktop-reference-v510 .tks-brands-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
    }

    body.tks-desktop-reference-v510 .tks-brand-card {
        border-radius: 13px;
    }

    body.tks-desktop-reference-v510 .tks-brand-card__visual {
        aspect-ratio: 1.72;
        padding: 10px;
    }

    body.tks-desktop-reference-v510 .tks-brand-card__info {
        padding: 10px 11px;
    }

    body.tks-desktop-reference-v510 .tks-brand-card__info strong {
        font-size: 13px;
    }

    body.tks-desktop-reference-v510 .tks-deals-toolbar {
        margin-bottom: 15px;
    }

    body.tks-desktop-reference-v510 .tks-deals-categories a {
        min-height: 36px;
        padding: 7px 15px;
        font-size: 12px;
    }

    body.tks-desktop-reference-v510 .tks-deals-countdown {
        padding: 10px 14px;
    }

    /* ---------- Account, cart, checkout and wholesale ---------- */
    body.tks-desktop-reference-v510 .woocommerce-account .woocommerce {
        gap: 22px;
    }

    body.tks-desktop-reference-v510 .woocommerce-MyAccount-navigation {
        width: 250px;
        flex: 0 0 250px;
    }

    body.tks-desktop-reference-v510 .woocommerce-MyAccount-navigation ul {
        border-radius: 14px;
        overflow: hidden;
    }

    body.tks-desktop-reference-v510 .woocommerce-MyAccount-navigation a {
        min-height: 48px;
        padding: 11px 14px;
    }

    body.tks-desktop-reference-v510 .woocommerce-MyAccount-content {
        min-width: 0;
    }

    body.tks-desktop-reference-v510 .tks-account-welcome,
    body.tks-desktop-reference-v510 .tks-account-stat-grid article,
    body.tks-desktop-reference-v510 .tks-account-panel,
    body.tks-desktop-reference-v510 .woocommerce-MyAccount-content > section,
    body.tks-desktop-reference-v510 .woocommerce-MyAccount-content > form {
        border-radius: 14px;
        box-shadow: 0 8px 22px rgba(30,14,22,.055);
    }

    body.tks-desktop-reference-v510 .tks-account-stat-grid {
        gap: 12px;
    }

    body.tks-desktop-reference-v510 .tks-account-stat-grid article {
        padding: 15px;
    }

    body.tks-desktop-reference-v510 .tks-account-stat-grid svg,
    body.tks-desktop-reference-v510 .tks-account-dashboard svg,
    body.tks-desktop-reference-v510 .woocommerce-MyAccount-content svg {
        max-width: 42px;
        max-height: 42px;
    }

    body.tks-desktop-reference-v510 .woocommerce-cart-form,
    body.tks-desktop-reference-v510 .cart-collaterals,
    body.tks-desktop-reference-v510 .tks-cart-layout > *,
    body.tks-desktop-reference-v510 .tks-checkout-card,
    body.tks-desktop-reference-v510 .tks-order-summary-card {
        border-radius: 14px;
        box-shadow: 0 8px 24px rgba(30,14,22,.06);
    }

    body.tks-desktop-reference-v510 .tks-checkout-page-header {
        width: min(calc(100% - (var(--tks-gutter) * 2)), 1240px);
        padding: 28px 0 14px;
    }

    body.tks-desktop-reference-v510 .tks-checkout-progress {
        margin: 18px 0 8px;
    }

    body.tks-desktop-reference-v510 .tks-checkout-progress__number {
        width: 36px;
        height: 36px;
    }

    body.tks-desktop-reference-v510 .tks-checkout-progress ol::before {
        top: 17px;
    }

    body.tks-desktop-reference-v510 .tks-checkout-trust {
        width: min(calc(100% - (var(--tks-gutter) * 2)), 1240px);
        margin-bottom: 30px;
    }

    body.tks-desktop-reference-v510 .tks-checkout-trust article {
        min-height: 88px;
        padding: 13px;
    }

    body.tks-desktop-reference-v510 .tks-wholesale-layout {
        grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
        gap: 20px;
    }

    body.tks-desktop-reference-v510 .tks-wholesale-form-card,
    body.tks-desktop-reference-v510 .tks-wholesale-benefits-card,
    body.tks-desktop-reference-v510 .tks-wholesale-contact-card,
    body.tks-desktop-reference-v510 .tks-business-types {
        border-radius: 14px;
        box-shadow: 0 8px 24px rgba(30,14,22,.055);
    }

    /* ---------- Footer ---------- */
    body.tks-desktop-reference-v510 .tks-footer__grid {
        padding: 34px 0 26px;
        grid-template-columns: 1.15fr .8fr .8fr .85fr 1fr;
        gap: clamp(20px, 2.4vw, 36px);
    }

    body.tks-desktop-reference-v510 .tks-footer__logo,
    body.tks-desktop-reference-v510 .tks-footer__logo img {
        max-width: 190px;
        max-height: 84px;
    }

    body.tks-desktop-reference-v510 .tks-footer h2 {
        margin-bottom: 11px;
        font-size: 16px;
    }

    body.tks-desktop-reference-v510 .tks-footer__brand p,
    body.tks-desktop-reference-v510 .tks-footer__column a,
    body.tks-desktop-reference-v510 .tks-footer__contact {
        font-size: 11px;
    }

    body.tks-desktop-reference-v510 .tks-footer__socials a {
        width: 34px;
        height: 34px;
    }

    body.tks-desktop-reference-v510 .tks-footer__bottom {
        padding-block: 12px;
    }

    body.tks-desktop-reference-v510 .tks-back-to-top {
        width: 44px;
        height: 44px;
    }
}

/* Common laptops: compact without collapsing the approved desktop layout. */
@media (min-width: 821px) and (max-width: 1199px) {
    body.tks-desktop-reference-v510 .tks-header__main {
        min-height: 80px;
        grid-template-columns: 170px minmax(280px, 1fr) auto;
        gap: 18px;
    }

    body.tks-desktop-reference-v510 .tks-logo__image {
        max-width: 165px;
        max-height: 66px;
    }

    body.tks-desktop-reference-v510 .tks-header-actions {
        gap: 7px;
    }

    body.tks-desktop-reference-v510 .tks-header-action {
        min-width: 50px;
        font-size: 9px;
    }

    body.tks-desktop-reference-v510 .tks-desktop-menu {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }

    body.tks-desktop-reference-v510 .tks-desktop-menu a {
        padding-inline: 10px;
        font-size: 11px;
    }

    body.tks-desktop-reference-v510 .tks-hero {
        --tks-desktop-hero-height: clamp(400px, 40vw, 450px);
    }

    body.tks-desktop-reference-v510 .tks-hero-slide__inner {
        grid-template-columns: minmax(0, 44%) minmax(0, 56%);
        padding-inline: 18px;
    }

    body.tks-desktop-reference-v510 .tks-hero-copy h1,
    body.tks-desktop-reference-v510 .tks-hero-copy h2.tks-hero-secondary-title {
        font-size: clamp(37px, 4.7vw, 51px);
    }

    body.tks-desktop-reference-v510 .tks-hero-copy p {
        font-size: 13px;
    }

    body.tks-desktop-reference-v510 .tks-hero-slide--model .tks-hero-model {
        width: 72%;
        object-position: 48% 18%;
    }

    body.tks-desktop-reference-v510 .tks-category-grid {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 10px;
    }

    body.tks-desktop-reference-v510 .tks-category-card__media {
        width: min(100%, 112px);
    }

    body.tks-desktop-reference-v510 .tks-why__grid {
        gap: 10px;
    }

    body.tks-desktop-reference-v510 .tks-why__grid article > span {
        width: 58px;
        height: 58px;
    }

    body.tks-desktop-reference-v510 .tks-product-carousel {
        grid-auto-columns: minmax(190px, 1fr);
    }

    body.tks-desktop-reference-v510 .tks-home-brand-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    body.tks-desktop-reference-v510 .tks-shop-layout {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products,
    body.tks-desktop-reference-v510 ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.tks-desktop-reference-v510 .tks-brands-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.tks-desktop-reference-v510 .tks-footer__grid {
        grid-template-columns: 1.15fr repeat(4, minmax(0, .85fr));
        gap: 18px;
    }
}

/* Wide screens: keep readable density instead of stretching components. */
@media (min-width: 1600px) {
    body.tks-desktop-reference-v510 .tks-hero {
        --tks-desktop-hero-height: 500px;
    }

    body.tks-desktop-reference-v510 .tks-product-carousel {
        grid-auto-columns: minmax(220px, 1fr);
    }

    body.tks-desktop-reference-v510 .woocommerce ul.products,
    body.tks-desktop-reference-v510 ul.products {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}