/*
 * THE KHATOON SHOP — Luxury Global Finish
 * Version 3.3.1
 * Purpose: non-sticky header, stronger contrast, visible page titles,
 * and one consistent black / white / gold / pink design language.
 */

:root {
    --tks-lux-black: #080808;
    --tks-lux-charcoal: #171316;
    --tks-lux-white: #ffffff;
    --tks-lux-cream: #fffaf5;
    --tks-lux-blush: #fff1f6;
    --tks-lux-pink: #e83f77;
    --tks-lux-pink-dark: #b92858;
    --tks-lux-gold: #d7ad45;
    --tks-lux-gold-light: #f2d88c;
    --tks-lux-ink: #211b1e;
    --tks-lux-muted: #6f6469;
    --tks-lux-line: #eadfd9;
    --tks-lux-shadow: 0 18px 46px rgba(35, 20, 27, .10);
    --tks-lux-serif: Georgia, "Times New Roman", serif;
    --tks-lux-sans: Arial, Helvetica, sans-serif;
}

/* --------------------------------------------------
   1. GLOBAL LUXURY FOUNDATION
-------------------------------------------------- */
html {
    background: var(--tks-lux-white);
    scroll-behavior: smooth;
}

body {
    background:
        radial-gradient(circle at 8% 4%, rgba(232, 63, 119, .045), transparent 26%),
        radial-gradient(circle at 92% 16%, rgba(215, 173, 69, .055), transparent 24%),
        var(--tks-lux-white);
    color: var(--tks-lux-ink);
    font-family: var(--tks-lux-sans);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
    font-family: var(--tks-lux-sans);
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.page-title,
.woocommerce-products-header__title,
.product_title {
    color: var(--tks-lux-ink);
    font-family: var(--tks-lux-serif);
    font-weight: 400;
    letter-spacing: -.02em;
}

p,
li,
dd,
dt,
td,
th,
label,
legend,
address {
    color: inherit;
}

.site-main a:not(.button):not(.wp-element-button):not(.product-cart-link) {
    color: var(--tks-lux-pink-dark);
    text-decoration-color: rgba(185, 40, 88, .35);
    text-underline-offset: 3px;
}

.site-main a:not(.button):not(.wp-element-button):not(.product-cart-link):hover,
.site-main a:not(.button):not(.wp-element-button):not(.product-cart-link):focus {
    color: var(--tks-lux-black);
    text-decoration-color: var(--tks-lux-gold);
}

::selection {
    background: var(--tks-lux-pink);
    color: var(--tks-lux-white);
}

/* --------------------------------------------------
   2. HEADER MUST SCROLL AWAY — NO STICKY BANNER
-------------------------------------------------- */
.announcement-bar,
.site-header,
body.admin-bar .site-header {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
}

.site-header {
    z-index: 1000;
    overflow: visible;
    border-bottom: 1px solid rgba(215, 173, 69, .48) !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(232, 63, 119, .10), transparent 28%),
        linear-gradient(180deg, #0d0c0d 0%, #060606 100%) !important;
    box-shadow: 0 13px 34px rgba(0, 0, 0, .17) !important;
}

.announcement-bar {
    z-index: 1001;
    border-bottom: 1px solid rgba(215, 173, 69, .38) !important;
    background:
        linear-gradient(90deg, #080808 0%, #1a1015 28%, #c52d61 50%, #1a1015 72%, #080808 100%) !important;
    color: var(--tks-lux-white) !important;
}

.announcement-inner,
.announcement-inner span {
    color: var(--tks-lux-white) !important;
    opacity: 1 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .45);
}

.announcement-inner span + span::before {
    background: var(--tks-lux-gold) !important;
    opacity: .72;
}

/* Make every header label readable on the black background. */
.site-header .brand-logo,
.site-header .brand-logo-text,
.site-header .brand-logo-text span,
.site-header .brand-logo-text strong,
.site-header .header-actions,
.site-header .header-actions .header-action,
.site-header .header-actions .header-action span,
.site-header .header-actions .header-action svg,
.site-header .mobile-menu-toggle {
    color: var(--tks-lux-white) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.site-header .header-actions .header-action {
    min-width: 58px;
    gap: 6px;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .25px;
    text-shadow: 0 1px 7px rgba(0, 0, 0, .42);
}

.site-header .header-actions .header-action:hover,
.site-header .header-actions .header-action:focus,
.site-header .header-actions .header-action:hover span,
.site-header .header-actions .header-action:focus span {
    color: var(--tks-lux-pink) !important;
}

.site-header .header-actions .header-action svg {
    filter: drop-shadow(0 2px 7px rgba(0, 0, 0, .34));
}

.site-header .cart-count-badge {
    color: var(--tks-lux-white) !important;
    background: var(--tks-lux-pink) !important;
    box-shadow: 0 0 0 2px var(--tks-lux-black), 0 5px 12px rgba(232, 63, 119, .35) !important;
}

.desktop-product-search,
.header-search {
    border: 1px solid rgba(215, 173, 69, .72) !important;
    background: var(--tks-lux-white) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18) !important;
}

.desktop-product-search input,
.header-search input {
    color: #241f21 !important;
    background: var(--tks-lux-white) !important;
}

.desktop-product-search input::placeholder,
.header-search input::placeholder {
    color: #847a7f !important;
    opacity: 1;
}

.desktop-product-search button,
.header-search button {
    border-left: 1px solid rgba(215, 173, 69, .48) !important;
    background: linear-gradient(135deg, var(--tks-lux-pink), var(--tks-lux-pink-dark)) !important;
    color: var(--tks-lux-white) !important;
}

.desktop-product-search button:hover,
.desktop-product-search button:focus,
.header-search button:hover,
.header-search button:focus {
    background: linear-gradient(135deg, #252025, var(--tks-lux-black)) !important;
    color: var(--tks-lux-gold-light) !important;
}

.header-main > .main-navigation {
    border-top: 1px solid rgba(215, 173, 69, .30) !important;
}

.site-header .header-main .primary-menu > li > a,
.site-header .header-main .main-navigation .menu > li > a,
.site-header .main-navigation > ul > li > a {
    color: var(--tks-lux-white) !important;
    opacity: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .55px !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}

.site-header .header-main .primary-menu > li > a::after,
.site-header .header-main .main-navigation .menu > li > a::after,
.site-header .main-navigation > ul > li > a::after {
    height: 2px !important;
    background: linear-gradient(90deg, var(--tks-lux-gold), var(--tks-lux-pink), var(--tks-lux-gold)) !important;
}

.site-header .header-main .primary-menu > li:hover > a,
.site-header .header-main .primary-menu > li:focus-within > a,
.site-header .header-main .main-navigation .menu > li:hover > a,
.site-header .header-main .main-navigation .menu > li:focus-within > a,
.site-header .header-main .primary-menu > li.current-menu-item > a,
.site-header .header-main .primary-menu > li.current_page_item > a,
.site-header .header-main .main-navigation .menu > li.current-menu-item > a,
.site-header .header-main .main-navigation .menu > li.current_page_item > a {
    color: var(--tks-lux-pink) !important;
}

.site-header .main-navigation .sub-menu,
.site-header .main-navigation .children {
    overflow: hidden;
    border: 1px solid rgba(215, 173, 69, .52) !important;
    border-top: 2px solid var(--tks-lux-gold) !important;
    background: #0e0c0d !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .38) !important;
}

.site-header .main-navigation .sub-menu a,
.site-header .main-navigation .children a {
    color: #f8f2f4 !important;
    font-weight: 700 !important;
}

.site-header .main-navigation .sub-menu a:hover,
.site-header .main-navigation .sub-menu a:focus,
.site-header .main-navigation .children a:hover,
.site-header .main-navigation .children a:focus {
    background: linear-gradient(90deg, rgba(232, 63, 119, .18), transparent) !important;
    color: var(--tks-lux-gold-light) !important;
}

/* --------------------------------------------------
   3. PAGE NAMES / TITLES — NEVER HIDDEN
-------------------------------------------------- */
body:not(.home) .site-main {
    min-height: 58vh;
    background:
        radial-gradient(circle at 8% 0%, rgba(232, 63, 119, .05), transparent 26%),
        radial-gradient(circle at 94% 8%, rgba(215, 173, 69, .06), transparent 24%),
        linear-gradient(180deg, var(--tks-lux-cream) 0, var(--tks-lux-white) 230px);
}

body.page:not(.home):not(.woocommerce-page) .site-main > article > .entry-header,
body.blog .page-header,
body.archive:not(.woocommerce) .page-header,
body.search:not(.woocommerce) .page-header {
    position: relative;
    display: block !important;
    width: min(100% - 48px, 1320px);
    margin: 0 auto 34px;
    padding: clamp(38px, 6vw, 72px) clamp(24px, 5vw, 70px);
    overflow: hidden;
    border: 1px solid rgba(215, 173, 69, .50);
    border-radius: 0 0 22px 22px;
    background:
        radial-gradient(circle at 90% 15%, rgba(232, 63, 119, .17), transparent 27%),
        radial-gradient(circle at 8% 90%, rgba(215, 173, 69, .14), transparent 30%),
        linear-gradient(135deg, #fff, #fff5f8 52%, #fffaf0);
    box-shadow: var(--tks-lux-shadow);
    color: var(--tks-lux-ink) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.page:not(.home):not(.woocommerce-page) .site-main > article > .entry-header::before,
body.blog .page-header::before,
body.archive:not(.woocommerce) .page-header::before,
body.search:not(.woocommerce) .page-header::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--tks-lux-black), var(--tks-lux-gold), var(--tks-lux-pink), var(--tks-lux-gold), var(--tks-lux-black));
    content: "";
}

.entry-title,
.page-title,
.woocommerce-products-header__title.page-title,
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-account .entry-title {
    display: block !important;
    max-width: 100%;
    margin-top: 0;
    color: var(--tks-lux-ink) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

body.page:not(.home):not(.woocommerce-page) .entry-header .entry-title,
body.blog .page-header .page-title,
body.archive:not(.woocommerce) .page-header .page-title,
body.search:not(.woocommerce) .page-header .page-title {
    margin: 0;
    font-size: clamp(40px, 6vw, 72px);
    line-height: 1.05;
}

body.page:not(.home):not(.woocommerce-page) .entry-header .entry-title::after,
body.blog .page-header .page-title::after,
body.archive:not(.woocommerce) .page-header .page-title::after,
body.search:not(.woocommerce) .page-header .page-title::after,
.woocommerce-products-header__title.page-title::after,
body.woocommerce-cart .entry-title::after,
body.woocommerce-checkout .entry-title::after,
body.woocommerce-account .entry-title::after {
    display: block;
    width: 88px;
    height: 3px;
    margin-top: 18px;
    background: linear-gradient(90deg, var(--tks-lux-gold), var(--tks-lux-pink), var(--tks-lux-gold));
    content: "";
}

body.page:not(.home):not(.woocommerce-page) .site-main > article > .entry-content {
    width: min(100% - 48px, 1180px);
    margin: 0 auto;
    padding: 0 0 72px;
}

/* WooCommerce archive headings and breadcrumbs. */
.woocommerce-products-header {
    display: block !important;
    width: min(100% - 48px, 1320px);
    margin: 0 auto 30px !important;
    padding: clamp(34px, 5vw, 58px) clamp(24px, 4vw, 52px) !important;
    border: 1px solid rgba(215, 173, 69, .48);
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 16%, rgba(232, 63, 119, .15), transparent 30%),
        linear-gradient(135deg, #fff, #fff6f9 56%, #fffaf1);
    box-shadow: 0 16px 38px rgba(42, 25, 32, .08);
    color: var(--tks-lux-ink) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.woocommerce-products-header__title.page-title {
    margin: 0 !important;
    font-size: clamp(38px, 5vw, 64px) !important;
    line-height: 1.08 !important;
}

.woocommerce .woocommerce-breadcrumb {
    color: var(--tks-lux-muted) !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .25px;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--tks-lux-pink-dark) !important;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--tks-lux-black) !important;
}

/* --------------------------------------------------
   4. LUXURY TEXT, SECTIONS, CARDS AND PRODUCT AREAS
-------------------------------------------------- */
.homepage-premium .home-section-heading h2,
.homepage-premium .home-promo-banner h2,
.homepage-premium .home-newsletter h2,
.home-section-heading h2,
.home-promo-banner h2,
.home-newsletter h2 {
    color: var(--tks-lux-ink);
    text-wrap: balance;
}

.homepage-premium .home-section-kicker,
.home-section-kicker,
.hero-eyebrow {
    color: var(--tks-lux-pink-dark) !important;
    font-weight: 900 !important;
    letter-spacing: 2.2px !important;
}

.homepage-premium .home-section-heading h2::after,
.home-section-heading h2::after {
    background: linear-gradient(90deg, transparent, var(--tks-lux-gold) 18%, var(--tks-lux-pink) 50%, var(--tks-lux-gold) 82%, transparent) !important;
}

.homepage-premium .home-categories,
.homepage-premium .home-testimonials {
    color: var(--tks-lux-white);
    background:
        radial-gradient(circle at 8% 12%, rgba(232, 63, 119, .13), transparent 24%),
        radial-gradient(circle at 92% 88%, rgba(215, 173, 69, .14), transparent 28%),
        linear-gradient(135deg, #060606, #181014 52%, #060606) !important;
}

.homepage-premium .home-categories .home-section-heading h2,
.homepage-premium .home-testimonials .home-section-heading h2,
.homepage-premium .home-categories .category-card strong {
    color: var(--tks-lux-white) !important;
    opacity: 1 !important;
}

.category-card,
.product-card,
.brand-carousel-card,
.testimonial-card,
.home-social-card,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    border-color: rgba(215, 173, 69, .32) !important;
}

.product-card,
.brand-carousel-card,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: linear-gradient(180deg, #fff 0%, #fffafd 100%) !important;
    box-shadow: 0 12px 30px rgba(45, 27, 35, .075) !important;
}

.product-card:hover,
.brand-carousel-card:hover,
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    border-color: var(--tks-lux-gold) !important;
    box-shadow: 0 20px 46px rgba(38, 22, 29, .14) !important;
}

.product-card h3,
.product-card h3 a,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title a {
    color: var(--tks-lux-ink) !important;
    font-family: var(--tks-lux-sans) !important;
    font-weight: 800 !important;
}

.product-price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.single-product.woocommerce div.product .price {
    color: var(--tks-lux-pink-dark) !important;
    font-weight: 900 !important;
}

.woocommerce span.onsale,
.product-card-sale {
    border: 1px solid rgba(255, 255, 255, .62) !important;
    background: linear-gradient(135deg, var(--tks-lux-pink), var(--tks-lux-pink-dark)) !important;
    color: var(--tks-lux-white) !important;
    box-shadow: 0 8px 20px rgba(232, 63, 119, .28) !important;
}

.single-product.woocommerce div.product .product_title {
    color: var(--tks-lux-ink) !important;
    text-wrap: balance;
}

.single-product.woocommerce div.product .woocommerce-product-gallery__wrapper,
.single-product.woocommerce div.product .woocommerce-product-gallery__image {
    border-color: rgba(215, 173, 69, .38) !important;
    background: linear-gradient(145deg, #fff, #fff8fa) !important;
}

.woocommerce-tabs,
.woocommerce-Tabs-panel,
.woocommerce-Reviews,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-checkout #customer_details,
.woocommerce-order-details,
.woocommerce-customer-details {
    border-color: rgba(215, 173, 69, .34) !important;
}

/* --------------------------------------------------
   5. BUTTONS, FORMS, TABLES AND NOTICES
-------------------------------------------------- */
.site-main .button,
.site-main a.button,
.site-main button.button,
.site-main input.button,
.site-main .wp-element-button,
.site-main .product-cart-link,
.site-main .single_add_to_cart_button,
.site-main #place_order,
.site-main input[type="submit"] {
    border: 1px solid var(--tks-lux-gold) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #171316, var(--tks-lux-black)) !important;
    color: var(--tks-lux-white) !important;
    font-weight: 900 !important;
    letter-spacing: .28px;
    text-shadow: none !important;
    box-shadow: 0 8px 20px rgba(18, 12, 15, .14);
}

.site-main .button:hover,
.site-main a.button:hover,
.site-main button.button:hover,
.site-main input.button:hover,
.site-main .wp-element-button:hover,
.site-main .product-cart-link:hover,
.site-main .single_add_to_cart_button:hover,
.site-main #place_order:hover,
.site-main input[type="submit"]:hover,
.site-main .button:focus,
.site-main a.button:focus,
.site-main button.button:focus,
.site-main input.button:focus,
.site-main .wp-element-button:focus,
.site-main .single_add_to_cart_button:focus,
.site-main #place_order:focus {
    border-color: var(--tks-lux-pink) !important;
    background: linear-gradient(135deg, var(--tks-lux-pink), var(--tks-lux-pink-dark)) !important;
    color: var(--tks-lux-white) !important;
    box-shadow: 0 10px 24px rgba(232, 63, 119, .25) !important;
}

.site-main input[type="text"],
.site-main input[type="email"],
.site-main input[type="tel"],
.site-main input[type="number"],
.site-main input[type="password"],
.site-main input[type="search"],
.site-main input[type="url"],
.site-main select,
.site-main textarea {
    border: 1px solid #dfd3d7 !important;
    border-radius: 8px !important;
    background: var(--tks-lux-white) !important;
    color: var(--tks-lux-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

.site-main input:focus,
.site-main select:focus,
.site-main textarea:focus {
    border-color: var(--tks-lux-gold) !important;
    outline: 2px solid rgba(232, 63, 119, .16) !important;
    outline-offset: 1px;
    box-shadow: 0 0 0 4px rgba(215, 173, 69, .10) !important;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
table {
    border-color: rgba(215, 173, 69, .30) !important;
}

.woocommerce table.shop_table th,
thead th {
    background: #151214 !important;
    color: var(--tks-lux-gold-light) !important;
    font-weight: 800 !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border: 1px solid rgba(215, 173, 69, .42) !important;
    border-top: 4px solid var(--tks-lux-gold) !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #fff, #fff8fb) !important;
    color: var(--tks-lux-ink) !important;
    box-shadow: 0 10px 28px rgba(40, 24, 31, .07);
}

.woocommerce-error { border-top-color: var(--tks-lux-pink) !important; }

.woocommerce nav.woocommerce-pagination ul,
.navigation.pagination .nav-links {
    border-color: rgba(215, 173, 69, .40) !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.navigation.pagination .page-numbers {
    color: var(--tks-lux-ink) !important;
    background: var(--tks-lux-white) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.navigation.pagination .page-numbers.current,
.navigation.pagination a.page-numbers:hover {
    background: var(--tks-lux-black) !important;
    color: var(--tks-lux-gold-light) !important;
}

/* --------------------------------------------------
   6. FOOTER — HIGH-CONTRAST LUXURY
-------------------------------------------------- */
.site-footer {
    border-top: 2px solid var(--tks-lux-gold) !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(232, 63, 119, .13), transparent 28%),
        radial-gradient(circle at 90% 100%, rgba(215, 173, 69, .13), transparent 30%),
        linear-gradient(135deg, #050505, #171014 54%, #050505) !important;
    color: #f7f1f3 !important;
}

.site-footer,
.site-footer p,
.site-footer li,
.site-footer address,
.site-footer span {
    color: #d9d0d3;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .footer-column h3 {
    color: var(--tks-lux-gold-light) !important;
    font-family: var(--tks-lux-serif) !important;
}

.site-footer a {
    color: #f4edf0 !important;
    opacity: 1 !important;
}

.site-footer a:hover,
.site-footer a:focus {
    color: var(--tks-lux-pink) !important;
}

.footer-bottom {
    border-top-color: rgba(215, 173, 69, .32) !important;
    background: #030303 !important;
}

/* --------------------------------------------------
   7. RESPONSIVE SAFETY
-------------------------------------------------- */
@media (max-width: 1100px) {
    .site-header .header-actions .header-action {
        min-width: 42px;
    }
}

@media (max-width: 850px) {
    .announcement-bar,
    .site-header,
    body.admin-bar .site-header {
        position: relative !important;
        top: auto !important;
    }

    .site-header .mobile-menu-toggle {
        border-color: rgba(215, 173, 69, .50) !important;
        background: rgba(255, 255, 255, .04) !important;
    }

    .site-header .header-main > .main-navigation {
        background:
            radial-gradient(circle at 90% 0%, rgba(232, 63, 119, .12), transparent 30%),
            #0a090a !important;
    }

    .site-header .header-main .primary-menu > li > a,
    .site-header .header-main .main-navigation .menu > li > a {
        color: var(--tks-lux-white) !important;
        font-size: 13px !important;
    }

    body.page:not(.home):not(.woocommerce-page) .site-main > article > .entry-header,
    body.blog .page-header,
    body.archive:not(.woocommerce) .page-header,
    body.search:not(.woocommerce) .page-header,
    .woocommerce-products-header {
        width: calc(100% - 28px);
        margin-bottom: 24px !important;
        padding: 34px 22px !important;
        border-radius: 0 0 16px 16px;
    }

    body.page:not(.home):not(.woocommerce-page) .site-main > article > .entry-content {
        width: calc(100% - 32px);
    }

    .entry-title,
    .page-title,
    .woocommerce-products-header__title.page-title {
        overflow-wrap: anywhere;
    }
}

@media (max-width: 520px) {
    .announcement-inner {
        min-height: 31px;
        font-size: 9.5px !important;
        letter-spacing: .1px !important;
    }

    .site-header .header-actions .header-action {
        width: 36px;
        min-width: 36px;
    }

    body.page:not(.home):not(.woocommerce-page) .entry-header .entry-title,
    body.blog .page-header .page-title,
    body.archive:not(.woocommerce) .page-header .page-title,
    body.search:not(.woocommerce) .page-header .page-title,
    .woocommerce-products-header__title.page-title {
        font-size: clamp(34px, 12vw, 48px) !important;
    }
}

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