/*
Theme Name: The9 Shop Store
Author: aThemeArt
Author URI: https://athemeart.com/
Theme URI: https://athemeart.com/downloads/the9-shop-store/
Description:The9 Shop Store – your new favorite child theme that turns any WordPress site into a gorgeous, fully-loaded eCommerce fashion store in minutes! This isn't just another template… it's a complete, shoppable powerhouse built for selling anything you love: boutique apparel, clothing & footwear, jewelry, watches, bags, beauty & skincare products, cosmetics, electronics, cameras, sports goods, furniture, children's toys, handmade craft items, digital goodies like fonts, stock photos, software, music, even event tickets or affiliate links. If you can dream it, The9 can sell it! The layout is clean, modern, and crazy flexible – total control over the look and feel, visual design, branding, and user interface right from the familiar WordPress appearance settings. Tweak the design, shopping cart, product catalog, and product management without touching a line of code (though devs will love the clean Bootstrap framework underneath). One-click easy install, plays perfectly with Elementor, WPML, Yoast, Contact Form 7, MetaSlider, and all your favorite plugins. Download once and watch your website transform into a stunning online shop that feels custom-made. Ready to launch your dream store? Grab The9 today and start selling in style! 🚀 
Template: the9-store
Version: 1.0.5
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Tags: blog, e-commerce, three-columns, grid-layout, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, portfolio, footer-widgets
Text Domain: the9-shop-store
*/

/*==============================================================================
  DESIGN TOKENS & TYPOGRAPHY
  Heading font (Poppins) + shared neutrals. Brand colours come from the
  Customizer-driven :root vars injected in functions.php.
==============================================================================*/
:root {
    --ink: #14181f;          /* near-black for primary text/headings */
    --ink-soft: #515b67;     /* muted body / meta text */
    --line: #e6eaf0;         /* hairline borders */
    --surface: #f6f8fb;      /* light section background */
}

h1, h2, h3, h4, h5, h6,
.product_title,
.page-title-text,
.entry-title,
.the9-compact-header .page-title,
.the9-articles-list__headline,
.the9-article-single__headline,
.the9-about-page__title,
.the9-contact-page__title,
.the9-articles-page__title,
.the9-sticky-cart__title {
    font-family: var(--heading-font);
    -webkit-font-smoothing: antialiased;
}

/* UK Flag Bar - top of every page */
.the9-uk-bar {
    background: linear-gradient(135deg, #f8faff 0%, #eef3fc 100%);
    border-bottom: 1px solid #e0e6ed;
    padding: 8px 0;
    font-size: 0.95rem;
}

.the9-uk-bar .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}

.the9-uk-bar__flag {
    flex-shrink: 0;
    display: block;
    width: 40px;
    height: 20px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.16);
}

.the9-uk-bar__text {
    font-size: 0.98rem;
    font-weight: 800;
    color: var(--primary-color, #0D47A1);
    letter-spacing: 0;
}

#navbar ul > li > a{
  display: flex;
  align-items: center;
  
}
#navbar .top-form-minicart{
	width: auto;
	padding-right: 60px;
}
#navbar .top-form-minicart:before {
   top: calc(50% - 14px);
}
#navbar .top-form-minicart:after {
	 top: 50%;
	 height: 20px;
	 line-height: 0px;
	
}
/*-------------------- cat-menu-wrap----------------*/
@media only screen and (min-width: 991px) {
    #navbar ul > li{
        display: flex;
        height: 100%;
    }

    #navbar ul ul.sub-menu{
        top: 100%;
    }
    #navbar ul.sub-menu ul.sub-menu{
        top: 0px;
    }
    #navbar .top-form-minicart a.cart-contents{
        display: flex;
        align-items: center;
    }
    #navbar .top-form-minicart .icofont-cart{
        margin-right: 10px;
    }
}
.cat-menu-wrap{
    flex: 1!important;
    box-sizing: border-box;
    margin-right: 10px;
}
.cat-menu-wrap button.btn-mega{
    height: 100%;
    display: flex;
    align-items: center;   /* vertical center */
    white-space: nowrap;   /* prevent text from wrapping */
    overflow: hidden;      /* optional: hides overflow text */
    text-overflow: ellipsis; /* optional: adds "..." if text is too long */
    border-radius: 0px;
    border: none;
    position: relative;
    overflow: visible;
    min-width: 220px;
    text-align: center;
    justify-content: center;
    font-size: 105%;
    margin-top: 1px;
    display: flex;
    color: var(--nav-h-bg);
    background: var(--nav-h-color);
}
.cat-menu-wrap button.btn-mega:hover, .cat-menu-wrap button.btn-mega:focus{
    color: var(--nav-h-color);
    background: var(--nav-h-bg);
}
.cat-menu-wrap button.btn-mega:before{
    content: "";
    position: absolute;
    background:inherit;
    left: 0px;
    right: 0px;
    top: -11px;
    height: 11px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
}
#navbar .cat-menu-wrap ul.menu{
    display: none;
}
#aside-nav-wrapper{
    display: flex;
}
.cat-menu-wrap button.btn-mega span.bar{
    position:relative;
    height: 2px;
    margin-right: 15px;
    background-color: var(--nav-h-bg);
    display: block;
    width: 22px;
    transition: all 0.3s ease-in-out;
}
.cat-menu-wrap button.btn-mega span.bar:before,
.cat-menu-wrap button.btn-mega span.bar:after{
    content: '';
    position: absolute;
    left: 0px;
    height: 2px;
    width: 27px;
    top: -7px;
    background-color:var(--nav-h-bg);
    transition: all 0.3s ease-in-out;
}
.cat-menu-wrap button.btn-mega span.bar:after{
    top: auto;
    bottom: -7px;
    width:27px;
}
.cat-menu-wrap button.btn-mega:hover span.bar:before,
.cat-menu-wrap button.btn-mega:focus span.bar:before,
.cat-menu-wrap button.btn-mega:hover span.bar:after,
.cat-menu-wrap button.btn-mega:focus span.bar:after,
.cat-menu-wrap button.btn-mega:hover span.bar,
.cat-menu-wrap button.btn-mega:focus span.bar{
    background: var(--nav-h-color);
}
@media only screen and (max-width: 850px) {
    .cat-menu-wrap{
        display: none!important;
    }
}
#navbar ul.cat-menu-wrap ul.focus{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

ul.products li.product:before {
  border-bottom: 0px solid var(--secondary-color);
  border-left: 0px solid var(--secondary-color);
  width: 0%;
  height: 0%;
  left: 0px;
  bottom: 0px;
  position: absolute;
  content: "";
  transition: all 0.3s ease-in-out;
  z-index: 0;
  pointer-events: none;
  z-index: 9;
}
ul.products li.product:after {
  border-top: 0px solid var(--secondary-color);
  border-right: 0px solid var(--secondary-color);
  width: 0%;
  height: 0%;
  top: 0px;
  right: 0;
  position: absolute;
  content: "";
  transition: all 0.3s ease-in-out;
  z-index: 9;
  pointer-events: none;
}
/*-------------------- Footer ----------------*/
@media only screen and (max-width: 740px) {
   #colophon .site_info .col-6{
     width: 100%;
   }
}
ul.products li.move.product {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
ul.products li.move.product:hover,
ul.products li.move.product:focus {
    transform: translateY(-12px);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

.nav-links{
    display: block;
    margin: 0px auto;
}
.pagination-custom ul {
    display: flex;
    justify-content: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 30px 0;
}
.pagination-custom li {
    margin: 0;
}
.pagination-custom a,
.pagination-custom span {
    margin: 0;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400;
    padding:15px 18px;
    min-width: 1em;
    display: block;
    border: 1px solid var( --secondary-color );
    background: var( --quaternary-color );
    color: var( --secondary-color );
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.pagination-custom a:hover,
.pagination-custom a:focus,
.pagination-custom .current{
    background: var( --secondary-color );
    color: var( --quaternary-color );
}
/* Compact page/shop/category headers — restored */

.site-header-text-wrap h1{
    font-size: 3rem;
}
/*---------------------------------
    Preloader — Disabled for speed
-----------------------------------*/
#the9_preloader {
    display: none !important;
}
body.overlay--enabled {
    overflow: auto;
}
/*---------------------------------
    Compact Page/Shop/Category Headers
-----------------------------------*/
.the9-compact-header {
    padding: 24px 0 16px;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 32px;
}
.the9-compact-header .page-title {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 4px;
    color: #111;
}
.the9-compact-header .page-subtitle {
    font-size: 0.95rem;
    color: #6c757d;
    margin: 0;
}
.the9-compact-header .the9-breadcrumbs {
    margin-top: 8px;
}
/* Fix hero banner — show compact instead of hide */
#static_header_banner {
    padding: 24px 0 16px !important;
    background: #fff !important;
    border-bottom: 1px solid #e9ecef !important;
    display: block !important;
}
#static_header_banner .content-text .site-header-text-wrap h1 {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 4px;
    color: #111;
}
#static_header_banner .content-text .site-header-text-wrap .subtitle {
    font-size: 0.95rem;
    color: #6c757d;
    margin: 0;
}
/* Remove gradient hero from single product pages */
.the9-optimised-product .the9-product-hero {
    background: #ffffff !important;
    padding: 32px 0 40px !important;
    margin-bottom: 32px !important;
    border-bottom: 1px solid #e9ecef !important;
}
/* Sale percentage badge */
.the9-sale-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    background: #E85D3A;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    line-height: 1.3;
}
/* Review stars on product cards */
ul.products li.product .star-rating {
    margin: 6px auto 4px;
    font-size: 0.8rem;
}
/* Clear price hierarchy on cards */
ul.products li.product .price {
    font-size: 1rem;
    font-weight: 700;
    color: #111;
    margin: 4px 0;
}
ul.products li.product .price del {
    font-size: 0.85rem;
    font-weight: 400;
    color: #999;
    margin-right: 6px;
}
ul.products li.product .price ins {
    text-decoration: none;
    color: #E85D3A;
}
/* Subtler hover — remove 12px jump */
ul.products li.move.product:hover,
ul.products li.move.product:focus {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
/* Quick add / select options on cards — coral to match the primary buy CTA */
ul.products li.product .button {
    display: block;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 9px 18px;
    border-radius: 6px;
    background: var(--accent-color, #E85D3A);
    color: #fff;
    transition: background 0.2s ease, transform 0.2s ease;
}
ul.products li.product .button:hover {
    background: var(--accent-color-hover, #d44a2a);
    transform: translateY(-1px);
}
/* Sticky cart improvements */
.the9-sticky-cart {
    background: #fff;
    border-top: 2px solid #e9ecef;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.08);
    padding: 12px 0;
    transition: transform 0.3s ease;
    transform: translateY(100%);
}
.the9-sticky-cart.visible {
    transform: translateY(0);
}
.the9-sticky-cart__button {
    background: #0D47A1 !important;
    color: #fff !important;
    border-radius: 4px !important;
}
.the9-sticky-cart__button:hover {
    background: #1565C0 !important;
}
/* Trust badges styling */
.the9-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
}
.the9-trust-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #555;
}
.the9-trust-badge__icon {
    display: inline-flex;
    color: var(--secondary-color, #1565C0);
}
.the9-trust-badge__icon svg {
    width: 18px;
    height: 18px;
}
/* About page trust cards */
.the9-about-page__trust {
    margin: 48px 0;
}
.the9-about-page__trust-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
}
.the9-about-page__trust-card {
    background: #f8f9fa;
    padding: 28px 24px;
    border-radius: 8px;
    text-align: center;
}
.the9-about-page__trust-card h3 {
    font-size: 1.1rem;
    margin: 12px 0 8px;
}
.the9-about-page__trust-card p {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
    line-height: 1.5;
}
.the9-about-page__trust-icon {
    display: inline-flex;
    color: var(--secondary-color, #1565C0);
}
.the9-about-page__trust-icon svg {
    width: 34px;
    height: 34px;
    stroke-width: 1.6;
}
.the9-about-page__cta {
    text-align: center;
    padding: 48px 0;
    border-top: 1px solid #e9ecef;
    margin-top: 32px;
}
.the9-about-page__cta h2 {
    font-size: 1.5rem;
    margin-bottom: 8px;
}
.the9-about-page__cta p {
    color: #666;
    margin-bottom: 20px;
}
.the9-about-page__cta-button {
    display: inline-block;
    background: #0D47A1;
    color: #fff;
    padding: 12px 32px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}
.the9-about-page__cta-button:hover {
    background: #1565C0;
    color: #fff;
}
/* Contact page response times */
.the9-contact-page__response-times {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin: 40px 0;
}
.the9-contact-page__response-card {
    background: #f8f9fa;
    padding: 24px;
    border-radius: 8px;
    text-align: center;
}
.the9-contact-page__response-card h3 {
    font-size: 1rem;
    margin: 10px 0 6px;
}
.the9-contact-page__response-card p {
    font-size: 0.88rem;
    color: #666;
    margin: 0;
    line-height: 1.5;
}
.the9-contact-page__response-icon {
    display: inline-flex;
    color: var(--secondary-color, #1565C0);
}
.the9-contact-page__response-icon svg {
    width: 30px;
    height: 30px;
    stroke-width: 1.6;
}
/* Add to Cart accent button color */
.single_add_to_cart_button,
.the9-sticky-cart__button {
    background: #E85D3A !important;
    border-color: #E85D3A !important;
}
.single_add_to_cart_button:hover,
.the9-sticky-cart__button:hover {
    background: #d44a2a !important;
    border-color: #d44a2a !important;
}
/* Product page stock status */
.the9-stock-status {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 8px 0;
    display: flex;
    align-items: center;
    gap: 7px;
}
.the9-stock-status svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}
.the9-stock-status--in { color: #2e7d32; }
.the9-stock-status--low { color: #e65100; }
.the9-stock-status--out { color: #c62828; }
/* Product page checkout trust badge image */
.the9-product-trust-badge {
    flex: 0 0 100%;
    width: 100%;
    margin: 2px 0 4px;
}
.the9-product-trust-badge img {
    display: block;
    width: min(100%, 520px);
    height: auto;
    border-radius: 8px;
}
/* Breadcrumbs styling */
.the9-breadcrumbs {
    font-size: 0.85rem;
    margin-bottom: 12px;
    color: #6c757d;
}
.the9-breadcrumbs a {
    color: #1565C0;
    text-decoration: none;
}
.the9-breadcrumbs a:hover {
    text-decoration: underline;
}
.the9-breadcrumbs__sep {
    margin: 0 6px;
    color: #ccc;
}
.the9-breadcrumbs__current {
    color: #333;
}
/* Spinner Styles */
#the9_preloader .spinner {
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--secondary-color);
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}
/* Loading text animation */
#the9_preloader .loading-text {
    font-size: 18px;
    color: #555;
    animation: blink 1.5s infinite;
}
/* Responsive adjustments */
@media (max-width: 767px) {
    #the9_preloader #the9_preloader-animation #the9_preloader-spinner {
        height: 12rem;
        width: 12rem;
        margin: 0 auto 1.5rem auto;
    }
    #the9_preloader #the9_preloader-animation #the9_preloader-text {
        font-size: 4rem;
    }
}
/*==============================================================================
   KEY SELLING POINTS CHECKLIST – Before Add to Cart
==============================================================================*/
.the9-key-selling-points {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.the9-key-selling-points li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
}

.the9-key-selling-points li svg {
    flex-shrink: 0;
    color: #2e7d32;
    width: 18px;
    height: 18px;
}

/*==============================================================================
   SALE PERCENTAGE BADGE – Single Product (near price)
==============================================================================*/
.the9-save-badge {
    display: inline-block;
    background: #E85D3A;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 99px;
    line-height: 1.6;
    margin-left: 10px;
    vertical-align: middle;
    box-shadow: 0 3px 10px rgba(232, 93, 58, 0.22);
}

/* Sale percentage badge in product grid — overrides the default .the9-sale-badge */
.the9-sale-badge--percent {
    background: #E85D3A !important;
    padding: 5px 11px !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
}

/*==============================================================================
   SOCIAL PROOF – "X People Are Viewing This" Counter
==============================================================================*/
.the9-viewers-counter {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    margin-bottom: 16px;
    font-size: 0.88rem;
    color: #555;
    line-height: 1.4;
}

.the9-viewers-counter__icon {
    display: inline-flex;
    flex-shrink: 0;
    color: #E85D3A;
    animation: the9-pulse-icon 2s ease-in-out infinite;
}

.the9-viewers-counter__number {
    color: #E85D3A;
    font-weight: 800;
}

@keyframes the9-pulse-icon {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.15); }
}

/*==============================================================================
   PULSE ANIMATION – Add to Cart Button (on page load)
==============================================================================*/
.single_add_to_cart_button,
.the9-sticky-cart__button {
    animation: the9-cta-pulse 2s ease-in-out 3;
    animation-delay: 0.5s;
}

@keyframes the9-cta-pulse {
    0%, 100% { box-shadow: 0 6px 20px rgba(232, 93, 58, 0.28); }
    50% { box-shadow: 0 6px 28px rgba(232, 93, 58, 0.48); transform: scale(1.025); }
}

/* Avoid conflict with hover state — remove animation on hover/focus */
.single_add_to_cart_button:hover,
.single_add_to_cart_button:focus,
.the9-sticky-cart__button:hover,
.the9-sticky-cart__button:focus {
    animation: none;
}

/* Spinner rotation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Blink animation for text */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Disable AOS fade-up concertina effect — instant page load */
[data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* Smooth scrolling across the whole site */
html {
    scroll-behavior: smooth;
}

/*==============================================================================
  BREADCRUMBS – Reusable inline components (used outside .the9-product-content)
==============================================================================*/
.the9-breadcrumbs {
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px 1.5rem 0;
    font-size: 0.82rem;
    color: #999;
}

.the9-breadcrumbs a {
    color: var(--secondary-color, #1565C0);
    text-decoration: none;
    transition: color 0.2s ease;
}

.the9-breadcrumbs a:hover {
    color: var(--primary-color, #0D47A1);
    text-decoration: underline;
}

.the9-breadcrumbs__sep {
    margin: 0 6px;
    color: #ccc;
    font-size: 1.1rem;
}

.the9-breadcrumbs__current {
    color: #666;
}

/*==============================================================================
  STICKY ADD TO CART BAR
==============================================================================*/
.the9-sticky-cart {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    border-top: 2px solid #e5eaf0;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
    padding: 12px 0;
    transform: translateY(100%);
    transition: transform 0.35s ease;
}

.the9-sticky-cart.visible {
    transform: translateY(0);
}

.the9-sticky-cart__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.the9-sticky-cart__info {
    display: flex;
    flex-direction: column;
}

.the9-sticky-cart__title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--primary-color, #0D47A1);
    line-height: 1.3;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.the9-sticky-cart__price {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--secondary-color, #1565C0);
}

.the9-sticky-cart__price del {
    font-size: 0.8rem;
    color: #999;
}

.the9-sticky-cart__action {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.the9-sticky-cart__qty {
    display: flex;
    align-items: center;
    border: 2px solid #d0d7e2;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.the9-sticky-cart__qty-btn {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #f8f9fa;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease;
    color: var(--primary-color, #0D47A1);
}

.the9-sticky-cart__qty-btn:hover {
    background: #e9ecef;
}

.the9-sticky-cart__qty-input {
    width: 44px;
    height: 34px;
    border: none;
    border-left: 2px solid #d0d7e2;
    border-right: 2px solid #d0d7e2;
    text-align: center;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--primary-color, #0D47A1);
    background: #fff;
}

.the9-sticky-cart__qty-input:focus {
    outline: none;
}

.the9-sticky-cart__qty-input::-webkit-outer-spin-button,
.the9-sticky-cart__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.the9-sticky-cart__qty-input[type=number] {
    -moz-appearance: textfield;
}

.the9-sticky-cart__button {
    padding: 10px 28px;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    background: #E85D3A;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(232, 93, 58, 0.25);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.the9-sticky-cart__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232, 93, 58, 0.35);
    background: #d44a2a;
    color: #fff;
}

.the9-sticky-cart__scroll {
    text-decoration: none;
}

/*==============================================================================
  BACK TO TOP BUTTON
==============================================================================*/
.the9-back-to-top {
    position: fixed;
    bottom: 90px;
    right: 24px;
    z-index: 998;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary-color, #1565C0);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(13, 71, 161, 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    text-decoration: none;
}

.the9-back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.the9-back-to-top:hover {
    background: var(--primary-color, #0D47A1);
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(13, 71, 161, 0.35);
    color: #fff;
}

/*==============================================================================
  FOOTER PAYMENT ICONS
==============================================================================*/
.the9-payment-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-bottom: 8px;
}

.the9-payment-icon {
    display: inline-flex;
    line-height: 0;
    transition: transform 0.2s ease;
}

.the9-payment-icon:hover {
    transform: translateY(-2px);
}

.the9-payment-icon svg {
    border-radius: 3px;
    overflow: hidden;
}

/*==============================================================================
  MOBILE RESPONSIVE: STICKY CART, BACK TO TOP, BREADCRUMBS
==============================================================================*/
@media (max-width: 768px) {
    /* Keep the price visible on mobile — hide only the long title — so the
       shopper still sees what they'll pay next to the Add to Cart button. */
    .the9-sticky-cart__info {
        display: flex;
        flex-shrink: 0;
    }

    .the9-sticky-cart__title {
        display: none;
    }

    .the9-sticky-cart__price {
        font-size: 1.05rem;
        font-weight: 700;
        color: var(--accent-color, #E85D3A);
    }

    .the9-sticky-cart__action {
        flex: 1;
        justify-content: flex-end;
    }

    .the9-sticky-cart__qty {
        display: none;
    }

    .the9-sticky-cart__button {
        flex: 1;
        max-width: 220px;
        padding: 12px 20px;
        font-size: 0.85rem;
    }

    .the9-back-to-top {
        bottom: 80px;
        right: 16px;
        width: 38px;
        height: 38px;
    }

    .the9-trust-badge__text {
        font-size: 0.75rem;
    }
}

/*==============================================================================
  THE9 OPTIMISED PRODUCT PAGE — HERO LAYOUT
  Modern eCommerce single product view with hero image, headline,
  description, variations dropdown, and add-to-cart button.
==============================================================================*/

/* --- Hero Section Wrapper --- */
.the9-optimised-product .the9-product-hero {
    background: linear-gradient(135deg, #f8faff 0%, #eef3fc 100%);
    padding: 40px 0 50px;
    margin-bottom: 40px;
    border-bottom: 3px solid var(--secondary-color, #1565C0);
}

.the9-optimised-product .the9-product-hero__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 40px;
}

/* --- Left Column: Product Image (Hero Shot) --- */
.the9-optimised-product .the9-product-hero__image {
    flex: 1 1 48%;
    min-width: 300px;
}

.the9-optimised-product .the9-product-hero__image .woocommerce-product-gallery {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(13, 71, 161, 0.12);
    background: #fff;
}

.the9-optimised-product .the9-product-hero__image .woocommerce-product-gallery img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Sale flash badge */
.the9-optimised-product .onsale {
    background: var(--secondary-color, #1565C0);
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 6px 16px;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    top: 16px;
    left: 16px;
    min-width: auto;
    min-height: auto;
    line-height: 1.4;
}

/* Thumbnails styling */
.the9-optimised-product .flex-control-thumbs {
    display: flex;
    gap: 8px;
    padding: 12px 12px 16px;
    justify-content: center;
}

.the9-optimised-product .flex-control-thumbs li {
    width: 70px !important;
    margin: 0 !important;
}

.the9-optimised-product .flex-control-thumbs li img {
    border-radius: 8px;
    border: 2px solid transparent;
    transition: border-color 0.3s ease, transform 0.3s ease;
    opacity: 0.6;
    cursor: pointer;
}

.the9-optimised-product .flex-control-thumbs li img.flex-active,
.the9-optimised-product .flex-control-thumbs li img:hover {
    border-color: var(--secondary-color, #1565C0);
    opacity: 1;
    transform: scale(1.05);
}

/* --- Right Column: Product Summary --- */
.the9-optimised-product .the9-product-hero__summary {
    flex: 1 1 44%;
    min-width: 300px;
    padding-top: 10px;
}

/* Headline (Product Title) */
.the9-optimised-product .the9-product-hero__summary .product_title {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--primary-color, #0D47A1);
    margin: 0 0 10px;
    letter-spacing: -0.5px;
}

/* Rating */
.the9-optimised-product .the9-product-hero__summary .woocommerce-product-rating {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.the9-optimised-product .the9-product-hero__summary .star-rating {
    color: #f1c40f;
    font-size: 0.9rem;
}

.the9-optimised-product .the9-product-hero__summary .woocommerce-review-link {
    color: #666;
    font-size: 0.85rem;
}

/* Price */
.the9-optimised-product .the9-product-hero__summary .price {
    font-size: 2rem;
    font-weight: 700;
    color: var(--secondary-color, #1565C0);
    margin: 0 0 18px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.the9-optimised-product .the9-product-hero__summary .price del {
    font-size: 1.3rem;
    font-weight: 400;
    color: #999;
}

.the9-optimised-product .the9-product-hero__summary .price ins {
    text-decoration: none;
}

/* Short Description */
.the9-optimised-product .the9-product-hero__summary .woocommerce-product-details__short-description {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #444;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5eaf0;
}

.the9-optimised-product .the9-product-hero__summary .woocommerce-product-details__short-description p {
    margin-bottom: 0.5em;
}

/* --- Variation Dropdown Styling --- */
.the9-optimised-product .variations {
    border: none;
    margin-bottom: 20px;
}

.the9-optimised-product .variations tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.the9-optimised-product .variations td {
    display: block;
    padding: 0;
    border: none;
}

.the9-optimised-product .variations .label {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--primary-color, #0D47A1);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.the9-optimised-product .variations .label label {
    margin-bottom: 0;
}

.the9-optimised-product .variations select {
    width: 100%;
    max-width: 320px;
    padding: 12px 16px;
    font-size: 1rem;
    color: #333;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230D47A1' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center;
    background-size: 12px;
    border: 2px solid #d0d7e2;
    border-radius: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.the9-optimised-product .variations select:focus,
.the9-optimised-product .variations select:hover {
    border-color: var(--secondary-color, #1565C0);
    box-shadow: 0 0 0 4px rgba(21, 101, 192, 0.1);
    outline: none;
}

/* Reset variation link */
.the9-optimised-product .variations .reset_variations {
    font-size: 0.85rem;
    color: var(--secondary-color, #1565C0);
    text-decoration: underline;
    margin-top: 6px;
    display: inline-block;
}

/* Variation price display */
.the9-optimised-product .single_variation .price {
    font-size: 1.6rem;
    margin: 10px 0;
}

/* --- Quantity & Add to Cart --- */
.the9-optimised-product .cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e5eaf0;
}

.the9-optimised-product .quantity {
    display: flex;
    align-items: center;
    border: 2px solid #d0d7e2;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.the9-optimised-product .quantity .qty {
    width: 70px;
    padding: 12px 8px;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    border: none;
    background: transparent;
    color: var(--primary-color, #0D47A1);
}

.the9-optimised-product .quantity .qty:focus {
    outline: none;
}

/* Add to Cart Button */
.the9-optimised-product .single_add_to_cart_button {
    flex: 1;
    min-width: 200px;
    padding: 16px 36px;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: var(--accent-color, #E85D3A);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(232, 93, 58, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.the9-optimised-product .single_add_to_cart_button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(232, 93, 58, 0.38);
    background: var(--accent-color-hover, #d44a2a);
}

.the9-optimised-product .single_add_to_cart_button:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(232, 93, 58, 0.22);
}

.the9-optimised-product .single_add_to_cart_button.loading {
    opacity: 0.7;
    pointer-events: none;
}

.the9-optimised-product .single_add_to_cart_button.added::after {
    content: " ✓";
    font-size: 1.2rem;
}

/* --- Product Meta (SKU, Categories) --- */
.the9-optimised-product .product_meta {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e5eaf0;
    font-size: 0.85rem;
    color: #777;
}

.the9-optimised-product .product_meta > span {
    display: block;
    margin-bottom: 4px;
}

.the9-optimised-product .product_meta a {
    color: var(--secondary-color, #1565C0);
    font-weight: 500;
}

/* --- Tabs Section (Description, Additional Info, Reviews) --- */
.the9-product-content {
    padding-bottom: 60px;
}

.the9-product-content .woocommerce-tabs {
    border: none;
    margin-bottom: 50px;
}

.the9-product-content .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 4px;
    margin: 0 0 30px;
    padding: 0;
    border-bottom: 2px solid #e5eaf0;
    list-style: none;
    overflow-x: auto;
}

.the9-product-content .woocommerce-tabs ul.tabs li {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 0;
}

.the9-product-content .woocommerce-tabs ul.tabs li::before,
.the9-product-content .woocommerce-tabs ul.tabs li::after {
    display: none;
}

.the9-product-content .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 14px 24px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #888;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.the9-product-content .woocommerce-tabs ul.tabs li.active a {
    color: var(--secondary-color, #1565C0);
    border-bottom-color: var(--secondary-color, #1565C0);
}

.the9-product-content .woocommerce-tabs ul.tabs li a:hover {
    color: var(--primary-color, #0D47A1);
}

.the9-product-content .woocommerce-tabs .panel {
    padding: 24px 0;
    border: none;
    box-shadow: none;
    font-size: 1rem;
    line-height: 1.8;
    color: #444;
}

/* --- Related Products --- */
.the9-product-content .related.products,
.the9-product-content .upsells.products {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e5eaf0;
}

.the9-product-content .related.products h2,
.the9-product-content .upsells.products h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--primary-color, #0D47A1);
    margin-bottom: 24px;
}

/* --- Responsive --- */
@media (max-width: 1024px) {
    .the9-optimised-product .the9-product-hero__inner {
        gap: 30px;
    }

    .the9-optimised-product .the9-product-hero__summary .product_title {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .the9-optimised-product .the9-product-hero {
        padding: 20px 0 30px;
    }

    .the9-optimised-product .the9-product-hero__inner {
        flex-direction: column;
        gap: 24px;
    }

    .the9-optimised-product .the9-product-hero__image,
    .the9-optimised-product .the9-product-hero__summary {
        flex: 1 1 100%;
        min-width: 0;
    }

    .the9-optimised-product .the9-product-hero__summary .product_title {
        font-size: 1.5rem;
    }

    .the9-optimised-product .the9-product-hero__summary .price {
        font-size: 1.5rem;
    }

    .the9-optimised-product .cart {
        flex-direction: column;
        align-items: stretch;
    }

    .the9-optimised-product .quantity {
        align-self: flex-start;
    }

    .the9-optimised-product .single_add_to_cart_button {
        min-width: 0;
    }

    .the9-product-content .woocommerce-tabs ul.tabs li a {
        padding: 12px 16px;
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .the9-optimised-product .the9-product-hero__summary .product_title {
        font-size: 1.3rem;
    }

    .the9-optimised-product .the9-product-hero__summary .price {
        font-size: 1.3rem;
    }

    .the9-optimised-product .single_add_to_cart_button {
        padding: 14px 20px;
        font-size: 1rem;
    }
}

/*==============================================================================
  THE9 ARTICLES PAGE — DISTRACTION-FREE READING
  Clean, centred layout with typography-first design.
  No sidebars, minimal chrome, maximum readability.
==============================================================================*/

/* --- Page Wrapper --- */
.the9-articles-page {
    padding-bottom: 80px;
}

/* --- Hero Header --- */
.the9-articles-page__hero {
    display: none;
}

.the9-articles-page__title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--primary-color, #0D47A1);
    margin: 0 0 8px;
    letter-spacing: -1px;
    line-height: 1.15;
}

.the9-articles-page__subtitle {
    font-size: 1.2rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* --- Content Wrapper --- */
.the9-articles-page__content {
    max-width: 800px;
    margin: 0 auto;
}

.the9-articles-page__intro {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5eaf0;
}

/* --- Articles List --- */
.the9-articles-list {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.the9-articles-list__item {
    border-bottom: 1px solid #eef0f4;
    padding-bottom: 48px;
}

.the9-articles-list__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.the9-articles-list__image {
    margin-bottom: 24px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.the9-articles-list__image a {
    display: block;
}

.the9-articles-list__image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.the9-articles-list__image a:hover img {
    transform: scale(1.02);
}

.the9-articles-list__text {
    max-width: 700px;
}

.the9-articles-list__headline {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px;
}

.the9-articles-list__headline a {
    color: var(--primary-color, #0D47A1);
    text-decoration: none;
    transition: color 0.2s ease;
}

.the9-articles-list__headline a:hover {
    color: var(--secondary-color, #1565C0);
}

.the9-articles-list__meta {
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
}

.the9-articles-list__sep {
    margin: 0 6px;
    color: #ccc;
}

.the9-articles-list__date,
.the9-articles-list__author,
.the9-articles-list__categories a {
    color: #888;
}

.the9-articles-list__categories a {
    text-decoration: none;
    transition: color 0.2s ease;
}

.the9-articles-list__categories a:hover {
    color: var(--secondary-color, #1565C0);
}

.the9-articles-list__excerpt {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 18px;
}

.the9-articles-list__excerpt p {
    margin-bottom: 0;
}

.the9-articles-list__read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--secondary-color, #1565C0);
    text-decoration: none;
    transition: gap 0.2s ease;
}

.the9-articles-list__read-more:hover {
    gap: 10px;
    color: var(--primary-color, #0D47A1);
}

.the9-articles-list__arrow {
    font-size: 1.1rem;
    transition: transform 0.2s ease;
}

.the9-articles-list__read-more:hover .the9-articles-list__arrow {
    transform: translateX(3px);
}

/* --- Pagination --- */
.the9-articles-page .pagination-custom ul {
    margin-top: 50px;
}

.the9-articles-list__empty {
    text-align: center;
    padding: 60px 0;
    color: #888;
    font-size: 1.1rem;
}

/*==============================================================================
  THE9 SINGLE ARTICLE — DISTRACTION-FREE READING
  Typography-focused, centred, clean layout.
==============================================================================*/

/* --- Page Wrapper --- */
.the9-article-single {
    padding: 40px 0 80px;
}

.the9-article-single__wrap {
    max-width: 740px;
    margin: 0 auto;
}

/* --- Breadcrumb --- */
.the9-article-single__breadcrumb {
    margin-bottom: 24px;
    font-size: 0.9rem;
}

.the9-article-single__breadcrumb a {
    color: #888;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s ease;
}

.the9-article-single__breadcrumb a:hover {
    color: var(--secondary-color, #1565C0);
}

.the9-article-single__back-arrow {
    font-size: 1.1rem;
}

/* --- Categories --- */
.the9-article-single__categories {
    margin-bottom: 16px;
}

.the9-article-single__categories a {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    background: var(--secondary-color, #1565C0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background 0.2s ease;
    margin-right: 6px;
    margin-bottom: 4px;
}

.the9-article-single__categories a:hover {
    background: var(--primary-color, #0D47A1);
}

/* --- Headline --- */
.the9-article-single__headline {
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1.15;
    color: var(--primary-color, #0D47A1);
    margin: 0 0 20px;
    letter-spacing: -1px;
}

/* --- Meta --- */
.the9-article-single__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
    font-size: 0.9rem;
    color: #888;
    margin-bottom: 30px;
}

.the9-article-single__sep {
    margin: 0 8px;
    color: #ccc;
}

.the9-article-single__author a {
    color: var(--secondary-color, #1565C0);
    text-decoration: none;
    font-weight: 500;
}

.the9-article-single__author a:hover {
    text-decoration: underline;
}

/* --- Featured Image --- */
.the9-article-single__featured-image {
    margin-bottom: 36px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.the9-article-single__image {
    width: 100%;
    height: auto;
    display: block;
}

.the9-article-single__image-caption {
    font-size: 0.8rem;
    color: #999;
    text-align: center;
    padding: 12px 20px;
    margin: 0;
    background: #fafbfc;
    font-style: italic;
}

/* --- Article Content --- */
.the9-article-single__content {
    font-size: 1.1rem;
    line-height: 1.9;
    color: #333;
    word-wrap: break-word;
}

.the9-article-single__content p {
    margin-bottom: 1.5em;
}

.the9-article-single__content h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-color, #0D47A1);
    margin: 2em 0 0.6em;
}

.the9-article-single__content h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color, #0D47A1);
    margin: 1.8em 0 0.5em;
}

.the9-article-single__content a {
    color: var(--secondary-color, #1565C0);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.the9-article-single__content a:hover {
    color: var(--primary-color, #0D47A1);
}

.the9-article-single__content blockquote {
    border-left: 4px solid var(--secondary-color, #1565C0);
    margin: 1.8em 0;
    padding: 12px 24px;
    background: #f8faff;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #555;
}

.the9-article-single__content blockquote p:last-child {
    margin-bottom: 0;
}

.the9-article-single__content ul,
.the9-article-single__content ol {
    margin: 0 0 1.5em 1.5em;
}

.the9-article-single__content li {
    margin-bottom: 0.4em;
}

.the9-article-single__content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1.5em 0;
}

.the9-article-single__content .wp-caption {
    max-width: 100%;
    margin: 1.5em 0;
}

.the9-article-single__content .wp-caption-text {
    font-size: 0.85rem;
    color: #999;
    text-align: center;
    padding-top: 8px;
}

.the9-article-single__content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.the9-article-single__content .alignleft {
    float: left;
    margin-right: 1.5em;
}

.the9-article-single__content .alignright {
    float: right;
    margin-left: 1.5em;
}

/* Page links (multipage posts) */
.the9-article-single__content .page-links {
    margin: 2em 0;
    font-weight: 600;
    color: var(--secondary-color, #1565C0);
}

/* --- Tags --- */
.the9-article-single__tags {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid #eef0f4;
}

.the9-article-single__tags a {
    display: inline-block;
    padding: 6px 16px;
    margin: 0 6px 8px 0;
    border-radius: 20px;
    font-size: 0.8rem;
    color: #666;
    background: #f2f4f8;
    text-decoration: none;
    transition: all 0.2s ease;
}

.the9-article-single__tags a:hover {
    background: var(--secondary-color, #1565C0);
    color: #fff;
}

/* --- Author Bio --- */
.the9-article-single__author-bio {
    display: flex;
    gap: 20px;
    margin-top: 50px;
    padding: 28px;
    background: #f8faff;
    border-radius: 12px;
    border: 1px solid #eef0f4;
}

.the9-article-single__author-avatar {
    flex-shrink: 0;
}

.the9-article-single__author-avatar img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.the9-article-single__author-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary-color, #0D47A1);
    margin: 0 0 8px;
}

.the9-article-single__author-name a {
    color: var(--primary-color, #0D47A1);
    text-decoration: none;
}

.the9-article-single__author-name a:hover {
    color: var(--secondary-color, #1565C0);
}

.the9-article-single__author-bio-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

/* --- Post Navigation --- */
.the9-article-single__post-nav {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eef0f4;
}

.the9-article-single__post-nav-prev,
.the9-article-single__post-nav-next {
    flex: 1;
}

.the9-article-single__post-nav-next {
    text-align: right;
}

.the9-article-single__post-nav a {
    text-decoration: none;
    display: block;
}

.the9-article-single__post-nav-label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--secondary-color, #1565C0);
    margin-bottom: 4px;
    transition: color 0.2s ease;
}

.the9-article-single__post-nav-title {
    display: block;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.the9-article-single__post-nav a:hover .the9-article-single__post-nav-label {
    color: var(--primary-color, #0D47A1);
}

.the9-article-single__post-nav a:hover .the9-article-single__post-nav-title {
    color: var(--primary-color, #0D47A1);
}

/* --- Comments --- */
.the9-article-single .comment-respond {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eef0f4;
}

.the9-article-single .comment-reply-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--primary-color, #0D47A1);
    margin-bottom: 20px;
}

.the9-article-single .comment-form label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #555;
    margin-bottom: 4px;
}

.the9-article-single .comment-form input[type="text"],
.the9-article-single .comment-form input[type="email"],
.the9-article-single .comment-form input[type="url"],
.the9-article-single .comment-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #d0d7e2;
    border-radius: 10px;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.the9-article-single .comment-form input:focus,
.the9-article-single .comment-form textarea:focus {
    border-color: var(--secondary-color, #1565C0);
    outline: none;
}

.the9-article-single .comment-form .submit {
    padding: 12px 32px;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: var(--secondary-color, #1565C0);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.the9-article-single .comment-form .submit:hover {
    background: var(--primary-color, #0D47A1);
}

.the9-article-single .comment-list {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
}

.the9-article-single .comment {
    padding: 20px 0;
    border-bottom: 1px solid #eef0f4;
}

.the9-article-single .comment:last-child {
    border-bottom: none;
}

.the9-article-single .comment-author {
    font-weight: 600;
    color: var(--primary-color, #0D47A1);
}

.the9-article-single .comment-metadata {
    font-size: 0.8rem;
    color: #999;
}

.the9-article-single .comment-content {
    margin-top: 10px;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #555;
}

/* --- Responsive: Articles --- */
@media (max-width: 768px) {

    .the9-articles-page__title {
        font-size: 2rem;
    }

    .the9-articles-list__headline {
        font-size: 1.4rem;
    }

    .the9-article-single__headline {
        font-size: 1.8rem;
    }

    .the9-article-single__content {
        font-size: 1rem;
    }

    .the9-article-single__author-bio {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .the9-article-single__post-nav {
        flex-direction: column;
        gap: 20px;
    }

    .the9-article-single__post-nav-next {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .the9-articles-page__title {
        font-size: 1.6rem;
    }

    .the9-article-single__headline {
        font-size: 1.4rem;
    }

    .the9-article-single__meta {
        font-size: 0.8rem;
    }
}

/*==============================================================================
  THE9 ABOUT US PAGE — CLEAN & READABLE
  Centred, typography-focused layout with no distractions.
==============================================================================*/

/* --- Page Wrapper --- */
.the9-about-page {
    padding-bottom: 80px;
}

/* --- Hero Header --- */
.the9-about-page__hero {
    display: none;
}

.the9-about-page__title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--primary-color, #0D47A1);
    margin: 0 0 8px;
    letter-spacing: -1px;
    line-height: 1.15;
}

.the9-about-page__subtitle {
    font-size: 1.2rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* --- Content Wrapper --- */
.the9-about-page__wrap {
    max-width: 740px;
    margin: 0 auto;
}

/* --- Featured Image --- */
.the9-about-page__image {
    margin-bottom: 40px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.the9-about-page__featured-img {
    width: 100%;
    height: auto;
    display: block;
}

/* --- Content --- */
.the9-about-page__content {
    font-size: 1.1rem;
    line-height: 1.9;
    color: #333;
    word-wrap: break-word;
}

.the9-about-page__content p {
    margin-bottom: 1.5em;
}

.the9-about-page__content h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-color, #0D47A1);
    margin: 2em 0 0.6em;
}

.the9-about-page__content h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color, #0D47A1);
    margin: 1.8em 0 0.5em;
}

.the9-about-page__content h4 {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--primary-color, #0D47A1);
    margin: 1.5em 0 0.4em;
}

.the9-about-page__content a {
    color: var(--secondary-color, #1565C0);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.the9-about-page__content a:hover {
    color: var(--primary-color, #0D47A1);
}

.the9-about-page__content blockquote {
    border-left: 4px solid var(--secondary-color, #1565C0);
    margin: 1.8em 0;
    padding: 12px 24px;
    background: #f8faff;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #555;
}

.the9-about-page__content blockquote p:last-child {
    margin-bottom: 0;
}

.the9-about-page__content ul,
.the9-about-page__content ol {
    margin: 0 0 1.5em 1.5em;
}

.the9-about-page__content li {
    margin-bottom: 0.4em;
}

.the9-about-page__content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1.5em 0;
}

.the9-about-page__content .wp-caption {
    max-width: 100%;
    margin: 1.5em 0;
}

.the9-about-page__content .wp-caption-text {
    font-size: 0.85rem;
    color: #999;
    text-align: center;
    padding-top: 8px;
}

.the9-about-page__content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.the9-about-page__content .alignleft {
    float: left;
    margin-right: 1.5em;
}

.the9-about-page__content .alignright {
    float: right;
    margin-left: 1.5em;
}

.the9-about-page__content .gallery {
    display: grid;
    gap: 12px;
    margin: 1.5em 0;
}

.the9-about-page__content .gallery-item {
    margin: 0;
}

.the9-about-page__content .gallery-item img {
    margin: 0;
    border-radius: 6px;
}

/* Page links */
.the9-about-page__page-links {
    margin: 2em 0;
    font-weight: 600;
    color: var(--secondary-color, #1565C0);
}

/* --- Responsive --- */
@media (max-width: 768px) {

    .the9-about-page__title {
        font-size: 2rem;
    }

    .the9-about-page__content {
        font-size: 1rem;
    }

    .the9-about-page__content h2 {
        font-size: 1.5rem;
    }

    .the9-about-page__content h3 {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .the9-about-page__title {
        font-size: 1.6rem;
    }

    .the9-about-page__subtitle {
        font-size: 1rem;
    }
}

/*==============================================================================
  THE9 CONTACT US PAGE — CLEAN WITH FORM
  Centred layout with contact info and Contact Form 7 support.
==============================================================================*/

/* --- Page Wrapper --- */
.the9-contact-page {
    padding-bottom: 80px;
}

/* --- Hero Header --- */
.the9-contact-page__hero {
    display: none;
}

.the9-contact-page__title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--primary-color, #0D47A1);
    margin: 0 0 8px;
    letter-spacing: -1px;
    line-height: 1.15;
}

.the9-contact-page__subtitle {
    font-size: 1.2rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* --- Content Wrapper --- */
.the9-contact-page__wrap {
    max-width: 740px;
    margin: 0 auto;
}

/* --- Content --- */
.the9-contact-page__content {
    font-size: 1.1rem;
    line-height: 1.9;
    color: #333;
    word-wrap: break-word;
}

.the9-contact-page__content p {
    margin-bottom: 1.5em;
}

.the9-contact-page__content h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--primary-color, #0D47A1);
    margin: 2em 0 0.6em;
}

.the9-contact-page__content h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--primary-color, #0D47A1);
    margin: 1.8em 0 0.5em;
}

.the9-contact-page__content a {
    color: var(--secondary-color, #1565C0);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.the9-contact-page__content a:hover {
    color: var(--primary-color, #0D47A1);
}

/* --- Contact Form 7 Styling --- */
.the9-contact-page__content .wpcf7 {
    margin-top: 30px;
}

.the9-contact-page__content .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.the9-contact-page__content .wpcf7-form p {
    margin: 0;
}

.the9-contact-page__content .wpcf7-form label {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary-color, #0D47A1);
    margin-bottom: 6px;
}

.the9-contact-page__content .wpcf7-form input[type="text"],
.the9-contact-page__content .wpcf7-form input[type="email"],
.the9-contact-page__content .wpcf7-form input[type="tel"],
.the9-contact-page__content .wpcf7-form input[type="url"],
.the9-contact-page__content .wpcf7-form textarea,
.the9-contact-page__content .wpcf7-form select {
    width: 100%;
    padding: 14px 18px;
    font-size: 1rem;
    color: #333;
    background: #fff;
    border: 2px solid #d0d7e2;
    border-radius: 10px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

.the9-contact-page__content .wpcf7-form input:focus,
.the9-contact-page__content .wpcf7-form textarea:focus,
.the9-contact-page__content .wpcf7-form select:focus {
    border-color: var(--secondary-color, #1565C0);
    box-shadow: 0 0 0 4px rgba(21, 101, 192, 0.1);
    outline: none;
}

.the9-contact-page__content .wpcf7-form textarea {
    min-height: 160px;
    resize: vertical;
}

.the9-contact-page__content .wpcf7-form input[type="submit"],
.the9-contact-page__content .wpcf7-form .wpcf7-submit {
    display: inline-block;
    padding: 16px 40px;
    font-size: 1.05rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background: linear-gradient(135deg, var(--secondary-color, #1565C0), var(--primary-color, #0D47A1));
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(13, 71, 161, 0.25);
    width: auto;
    min-width: 220px;
}

.the9-contact-page__content .wpcf7-form input[type="submit"]:hover,
.the9-contact-page__content .wpcf7-form .wpcf7-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(13, 71, 161, 0.35);
    background: linear-gradient(135deg, #0A3D91, #0D47A1);
}

.the9-contact-page__content .wpcf7-form input[type="submit"]:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(13, 71, 161, 0.2);
}

/* Validation / Success messages */
.the9-contact-page__content .wpcf7 .wpcf7-response-output {
    border: 2px solid var(--secondary-color, #1565C0);
    border-radius: 10px;
    padding: 16px 20px;
    font-size: 0.95rem;
    margin: 20px 0 0;
}

.the9-contact-page__content .wpcf7 .wpcf7-validation-errors {
    border-color: #e74c3c;
}

.the9-contact-page__content .wpcf7 .wpcf7-mail-sent-ok {
    border-color: #27ae60;
}

.the9-contact-page__content .wpcf7 .wpcf7-not-valid-tip {
    font-size: 0.85rem;
    color: #e74c3c;
    margin-top: 4px;
}

.the9-contact-page__content .wpcf7 .wpcf7-not-valid {
    border-color: #e74c3c !important;
}

/* Page links */
.the9-contact-page__page-links {
    margin: 2em 0;
    font-weight: 600;
    color: var(--secondary-color, #1565C0);
}

/* --- Responsive --- */
@media (max-width: 768px) {

    .the9-contact-page__title {
        font-size: 2rem;
    }

    .the9-contact-page__content {
        font-size: 1rem;
    }

    .the9-contact-page__content .wpcf7-form input[type="submit"],
    .the9-contact-page__content .wpcf7-form .wpcf7-submit {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    .the9-contact-page__title {
        font-size: 1.6rem;
    }

    .the9-contact-page__subtitle {
        font-size: 1rem;
    }
}

/*==============================================================================
  FREE-SHIPPING PROGRESS BAR
==============================================================================*/
.the9-free-ship-bar {
    background: var(--surface, #f6f8fb);
    border: 1px solid var(--line, #e6eaf0);
    border-radius: 12px;
    padding: 14px 18px;
    margin: 0 0 24px;
}

.the9-free-ship-bar__label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.92rem;
    color: var(--ink, #14181f);
    margin-bottom: 10px;
}

.the9-free-ship-bar__label svg {
    width: 19px;
    height: 19px;
    flex-shrink: 0;
    color: var(--secondary-color, #1565C0);
}

.the9-free-ship-bar__label strong {
    color: var(--accent-color, #E85D3A);
    font-weight: 700;
}

.the9-free-ship-bar__track {
    height: 8px;
    background: #e3e8ef;
    border-radius: 99px;
    overflow: hidden;
}

.the9-free-ship-bar__fill {
    display: block;
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--secondary-color, #1565C0), var(--accent-color, #E85D3A));
    transition: width 0.5s ease;
}

.the9-free-ship-bar.is-unlocked .the9-free-ship-bar__label {
    color: #2e7d32;
}

.the9-free-ship-bar.is-unlocked .the9-free-ship-bar__label svg {
    color: #2e7d32;
}

.the9-free-ship-bar.is-unlocked .the9-free-ship-bar__fill {
    background: #2e7d32;
}

/* Tighter spacing inside the mini-cart dropdown */
.widget_shopping_cart .the9-free-ship-bar,
.dropdown-box .the9-free-ship-bar {
    padding: 10px 12px;
    margin-bottom: 14px;
}

.widget_shopping_cart .the9-free-ship-bar__label,
.dropdown-box .the9-free-ship-bar__label {
    font-size: 0.8rem;
    margin-bottom: 8px;
}

/*==============================================================================
  CART TRUST ROW (badges + payment methods)
==============================================================================*/
.the9-cart-trust {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--line, #e6eaf0);
}

.the9-cart-trust .the9-trust-badges {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    flex-direction: column;
    gap: 10px;
}

.the9-cart-trust .the9-payment-icons {
    justify-content: flex-start;
    margin-top: 16px;
}

/*==============================================================================
  HEADER PRODUCT SEARCH
==============================================================================*/
.the9-header-search {
    display: flex;
    align-items: center;
    margin: 0 14px;
    flex-shrink: 0;
}

.the9-header-search__form {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1.5px solid #dbe2ec;
    border-radius: 99px;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    max-width: 260px;
}

.the9-header-search__form:focus-within {
    border-color: var(--secondary-color, #1565C0);
    box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.12);
}

.the9-header-search__field {
    border: none;
    outline: none;
    padding: 8px 6px 8px 16px;
    font-size: 0.88rem;
    width: 160px;
    background: transparent;
    color: var(--ink, #14181f);
}

.the9-header-search__field::placeholder {
    color: #98a2b3;
}

.the9-header-search__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--secondary-color, #1565C0);
    padding: 6px 12px 6px 6px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.the9-header-search__submit:hover {
    color: var(--primary-color, #0D47A1);
}

.the9-header-search__submit svg {
    width: 18px;
    height: 18px;
}

/* Collapse the header search on smaller screens — the mobile menu still has it */
@media only screen and (max-width: 1100px) {
    .the9-header-search {
        display: none;
    }
}

/*==============================================================================
  CONVERSION PASS: HEADER, MOBILE SEARCH, PRODUCT GRID
==============================================================================*/
#navbar.navbar-fill {
    border-bottom: 1px solid var(--line, #e6eaf0);
    box-shadow: 0 2px 12px rgba(20, 24, 31, 0.05);
}

#navbar.navbar-fill > .container {
    min-height: 58px;
}

#navbar ul > li > a {
    padding-left: 14px;
    padding-right: 14px;
    font-weight: 600;
    letter-spacing: 0;
}

#navbar .top-form-minicart {
    padding-right: 22px;
}

.cat-menu-wrap {
    flex: 0 0 auto !important;
}

.cat-menu-wrap button.btn-mega {
    min-width: 170px;
    padding: 0 22px;
    border-radius: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.cat-menu-wrap button.btn-mega:before {
    display: none;
}

.cat-menu-wrap button.btn-mega span.bar {
    width: 18px;
    margin-right: 10px;
}

.cat-menu-wrap button.btn-mega span.bar:before,
.cat-menu-wrap button.btn-mega span.bar:after {
    width: 22px;
}

.the9-header-trust-strip {
    background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
    border-bottom: 1px solid var(--line, #e6eaf0);
}

.the9-header-trust-strip__inner {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.the9-header-trust-strip__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border: 1px solid rgba(230, 234, 240, 0.95);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 2px rgba(20, 24, 31, 0.04);
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--ink, #14181f);
    white-space: nowrap;
}

.the9-header-trust-strip__item svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.the9-header-trust-strip__item--delivery svg {
    color: #1f7a3f;
}

.the9-header-trust-strip__item--returns svg {
    color: #8a5a00;
}

.the9-header-trust-strip__item--secure svg {
    color: var(--accent-color, #E85D3A);
}

.the9-mobile-search {
    display: none;
    background: #fff;
    border-bottom: 1px solid var(--line, #e6eaf0);
    padding: 10px 0;
}

.the9-mobile-search .the9-header-search__form {
    width: 100%;
    max-width: none;
}

.the9-mobile-search .the9-header-search__field {
    flex: 1;
    width: auto;
    padding: 11px 8px 11px 16px;
}

.the9-mobile-search .the9-header-search__submit {
    padding-right: 14px;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    min-height: 42px;
    padding: 8px 38px 8px 14px;
    border: 1px solid var(--line, #e6eaf0);
    border-radius: 8px;
    background-color: #fff;
    color: var(--ink, #14181f);
    font-size: 0.9rem;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    color: var(--ink-soft, #515b67);
    font-size: 0.9rem;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
    row-gap: 30px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line, #e6eaf0);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(20, 24, 31, 0.04);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
.woocommerce ul.products li.product:focus-within,
.woocommerce-page ul.products li.product:focus-within {
    transform: translateY(-3px);
    border-color: rgba(21, 101, 192, 0.24);
    box-shadow: 0 12px 30px rgba(20, 24, 31, 0.1);
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex;
    flex: 1;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    margin: 0;
    padding: 18px;
    background: #f4f7fa;
    border-bottom: 1px solid var(--line, #e6eaf0);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    min-height: 2.8em;
    padding: 16px 18px 0;
    margin: 0;
    color: var(--ink, #14181f);
    font-family: var(--heading-font);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating {
    margin: 8px 18px 2px;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    display: block;
    padding: 6px 18px 14px;
    margin: 0;
    color: var(--ink, #14181f);
    font-size: 1.05rem;
    font-weight: 800;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
    display: inline-block;
    margin-right: 6px;
    color: #98a2b3;
    font-size: 0.86rem;
    font-weight: 500;
}

.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
    color: var(--accent-color, #E85D3A);
    text-decoration: none;
}

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    width: auto;
    margin: auto 18px 18px;
    padding: 10px 24px;
    border-radius: 7px;
    background: var(--accent-color, #E85D3A);
    color: #fff;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
    box-shadow: 0 5px 14px rgba(232, 93, 58, 0.18);
    align-self: center;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus,
.woocommerce-page ul.products li.product .button:focus {
    background: var(--accent-color-hover, #d44a2a);
    color: #fff;
    transform: translateY(-1px);
}

.the9-sale-badge {
    top: 12px;
    left: 12px;
    padding: 5px 10px;
    border-radius: 99px;
    box-shadow: 0 5px 14px rgba(20, 24, 31, 0.12);
}

@media only screen and (max-width: 1100px) {
    .the9-mobile-search {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    #navbar.navbar-fill > .container {
        min-height: 54px;
    }

    .the9-header-trust-strip__inner {
        justify-content: flex-start;
        gap: 8px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .the9-header-trust-strip__inner::-webkit-scrollbar {
        display: none;
    }
}

@media only screen and (max-width: 560px) {
    .the9-header-trust-strip__item {
        padding: 7px 11px;
        font-size: 0.76rem;
    }

    .the9-header-trust-strip__item svg {
        width: 15px;
        height: 15px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 0.94rem;
    }

    .woocommerce ul.products li.product .price,
    .woocommerce-page ul.products li.product .price {
        padding-left: 14px;
        padding-right: 14px;
    }

    .woocommerce ul.products li.product .button,
    .woocommerce-page ul.products li.product .button {
        margin-left: 14px;
        margin-right: 14px;
    }
}

/*==============================================================================
  REMOVE TOP PAGE BANNER
==============================================================================*/
#static_header_banner,
.the9-compact-header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/*==============================================================================
  REMOVE SHOP HERE CATEGORY BUTTON
==============================================================================*/
.cat-menu-wrap {
    display: none !important;
}

/*==============================================================================
  REMOVE MY ACCOUNT MENU ITEM
==============================================================================*/
#navbar li:has(> a[href*="my-account"]),
#navbar a[href*="my-account"] {
    display: none !important;
}

#navbar.navbar-fill {
    background-color: #6a1b9a !important;
}

#navbar.navbar-fill:hover,
#navbar.navbar-fill:focus-within {
    background-color: #6a1b9a !important;
}

#navbar.navbar-fill ul > li:hover > a,
#navbar.navbar-fill ul > li > a:hover,
#navbar.navbar-fill ul > li > a:focus,
#navbar.navbar-fill .top-form-minicart:hover,
#navbar.navbar-fill .top-form-minicart:focus-within {
    background-color: #1565c0 !important;
}

/*==============================================================================
  MOBILE CART ALIGNMENT
==============================================================================*/
@media only screen and (max-width: 767px) {
    body.woocommerce-cart .woocommerce-cart-form,
    body.woocommerce-cart .cart-collaterals,
    body.woocommerce-cart .cart_totals {
        width: 100%;
        max-width: 100%;
        float: none;
        box-sizing: border-box;
    }

    body.woocommerce-cart table.shop_table_responsive.cart {
        display: block;
        width: 100%;
        border: 0;
    }

    body.woocommerce-cart table.shop_table_responsive.cart thead {
        display: none;
    }

    body.woocommerce-cart table.shop_table_responsive.cart tbody,
    body.woocommerce-cart table.shop_table_responsive.cart tr,
    body.woocommerce-cart table.shop_table_responsive.cart td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    body.woocommerce-cart table.shop_table_responsive.cart tr.cart_item {
        margin-bottom: 14px;
        padding: 14px;
        border: 1px solid var(--line, #e6eaf0);
        border-radius: 8px;
        background: #fff;
    }

    body.woocommerce-cart table.shop_table_responsive.cart tr.cart_item td {
        border: 0;
        padding: 8px 0;
        text-align: left !important;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.product-remove {
        padding-top: 0;
        text-align: right !important;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.product-remove a.remove {
        margin-left: auto;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.product-thumbnail img {
        width: 72px;
        max-width: 72px;
        height: auto;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.product-name {
        font-weight: 700;
        line-height: 1.35;
    }

    body.woocommerce-cart table.shop_table_responsive.cart tr.cart_item td[data-title] {
        display: grid;
        grid-template-columns: minmax(92px, 42%) 1fr;
        align-items: center;
        column-gap: 12px;
        text-align: right !important;
    }

    body.woocommerce-cart table.shop_table_responsive.cart tr.cart_item td[data-title]::before {
        content: attr(data-title);
        float: none;
        font-weight: 700;
        color: var(--ink, #14181f);
        text-align: left;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.product-quantity .quantity {
        justify-content: flex-end;
        margin-left: auto;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.product-quantity .qty {
        max-width: 76px;
        min-height: 40px;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.product-subtotal {
        font-weight: 800;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.actions {
        padding: 4px 0 0 !important;
        border: 0;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.actions .coupon {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%;
        float: none;
        margin: 0 0 10px;
    }

    body.woocommerce-cart table.shop_table_responsive.cart td.actions .coupon .input-text,
    body.woocommerce-cart table.shop_table_responsive.cart td.actions .coupon .button,
    body.woocommerce-cart table.shop_table_responsive.cart td.actions > .button {
        width: 100% !important;
        min-height: 44px;
        margin: 0;
        white-space: normal;
        text-align: center;
    }

    body.woocommerce-cart .cart_totals {
        margin-top: 18px;
    }

    body.woocommerce-cart .cart_totals h2 {
        font-size: 1.25rem;
        line-height: 1.25;
    }

    body.woocommerce-cart .cart_totals table.shop_table {
        width: 100%;
        table-layout: fixed;
    }

    body.woocommerce-cart .cart_totals table.shop_table th,
    body.woocommerce-cart .cart_totals table.shop_table td {
        width: 50%;
        padding: 12px 0;
        vertical-align: top;
        overflow-wrap: anywhere;
    }

    body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        padding: 12px 16px;
        line-height: 1.25;
        text-align: center;
        white-space: normal;
    }

    body.woocommerce-cart .the9-free-ship-bar {
        padding: 12px 14px;
    }

    body.woocommerce-cart .the9-free-ship-bar__label {
        align-items: flex-start;
        line-height: 1.35;
    }
}