/*
Theme Name: BVShop26
Theme URI: https://bitcoinvn.io/shop
Author: BitcoinVN
Author URI: https://bitcoinvn.io
Description: Custom WooCommerce theme for BitcoinVN Shop - cryptocurrency hardware wallets, merchandise, and collectibles.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bvshop26
Tags: woocommerce, e-commerce, custom-menu, translation-ready

BitcoinVN Shop Theme - 2026 Overhaul
*/

/* ==========================================================================
   CSS Variables
   ========================================================================== */

:root {
    /* Dark theme - deeper navies for security/authority feel */
    --color-bg-dark: #1c2d3f;
    --color-bg-darker: #0f1c2b;
    --color-bg-medium: #162638;
    --color-bg-light: #213a52;
    --color-bg-lighter: #2a4c68;
    --color-white: #ffffff;
    --color-text: #dce4ec;
    --color-text-light: #7d97b0;
    --color-text-on-dark: #dce4ec;
    --color-accent: #f7931a;
    --color-accent-hover: #e8850f;
    --color-border: rgba(255, 255, 255, 0.06);
    --color-border-dark: rgba(255, 255, 255, 0.08);
    --color-card-bg: rgba(255, 255, 255, 0.03);
    --color-card-bg-hover: rgba(255, 255, 255, 0.06);
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --container-max: 1200px;
    --radius: 8px;
    --radius-lg: 12px;
    --transition: 0.2s ease;

    /* Light section variables - clean, professional */
    --color-bg-section-light: #f6f7f9;
    --color-bg-section-white: #ffffff;
    --color-text-dark: #0f1c2b;
    --color-text-dark-secondary: #4a5d72;
    --color-border-light: rgba(0, 0, 0, 0.07);
    --color-card-bg-light: #ffffff;
    --color-card-shadow: rgba(0, 0, 0, 0.04);
    --color-card-shadow-hover: rgba(0, 0, 0, 0.10);

    /* Brand reference colors */
    --color-brand-primary: #374758;
    --color-brand-secondary: #FFE26E;
    --color-brand-link: #268bd2;
    --color-brand-header: #0c1d27;
}

/* Utility */
.bvshop26-hidden { display: none !important; }

/* ==========================================================================
   CSS Reset & Base
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-family);
    line-height: 1.6;
    color: var(--color-text);
    background-color: var(--color-bg-darker);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.01em;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

ul, ol {
    list-style: none;
}

/* ==========================================================================
   Layout
   ========================================================================== */

.site-container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 1.5rem;
}

.site-content {
    min-height: 50vh;
}

/* ==========================================================================
   Top Bar
   ========================================================================== */

.announcement-bar {
    background: var(--color-accent);
    color: #fff;
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.announcement-bar a {
    color: #fff;
    text-decoration: none;
}

.announcement-bar a:hover {
    text-decoration: underline;
}

.top-bar {
    background: #080f18;
    padding: 0.4rem 0;
    font-size: 0.78rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.top-bar .site-container {
    display: flex;
    justify-content: flex-end;
}

.top-bar-right {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.top-bar-right a {
    color: var(--color-text-light);
    transition: color var(--transition);
}

.top-bar-right a:hover {
    color: var(--color-accent);
}

.top-bar-sep {
    color: #444;
}

/* ==========================================================================
   Header
   ========================================================================== */

.site-header {
    background: #0f1c2b;
    padding: 0.75rem 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: padding 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.site-header.scrolled {
    padding: 1.1rem 0;
    background: rgba(15, 28, 43, 0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.4);
    border-bottom-color: transparent;
}

.site-header .site-container {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* Logo */
.site-branding {
    flex-shrink: 0;
}

.site-logo {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--color-white);
    font-weight: 700;
    font-size: 1.1rem;
    white-space: nowrap;
}

.logo-star {
    width: 28px;
    height: 28px;
}

.logo-text {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--color-white);
}

.logo-sub {
    color: var(--color-brand-secondary);
    font-weight: 600;
    font-size: 1rem;
}

/* Search */
.header-search {
    flex: 1;
    max-width: 320px;
}

.header-search form {
    display: flex;
    align-items: center;
    background: var(--color-border-dark);
    border-radius: var(--radius);
    overflow: hidden;
    border: 1px solid #3a3a55;
}

.header-search .search-field {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--color-white);
    font-size: 0.875rem;
    outline: none;
}

.header-search .search-field::placeholder {
    color: var(--color-text-light);
}

.header-search .search-submit {
    padding: 0.5rem 0.75rem;
    border: none;
    background: var(--color-accent);
    color: var(--color-white);
    cursor: pointer;
    transition: background var(--transition);
    display: flex;
    align-items: center;
}

.header-search .search-submit:hover {
    background: var(--color-accent-hover);
}

/* Navigation */
.main-navigation {
    flex-shrink: 0;
}

.main-navigation ul {
    display: flex;
    gap: 1.5rem;
}

.main-navigation a {
    color: var(--color-text-on-dark);
    font-size: 0.9rem;
    font-weight: 500;
    transition: color var(--transition);
    white-space: nowrap;
}

.main-navigation a:hover {
    color: var(--color-accent);
}

/* Navigation list items */
.main-navigation li {
    position: relative;
    list-style: none;
}

/* Dropdown arrow for items with sub-menus */
.main-navigation li.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-left: 5px;
    vertical-align: 1px;
}

/* Hide mobile-only elements on desktop */
.header-lang-switcher-mobile {
    display: none;
}

/* Sub-menus (dropdowns) */
.main-navigation .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: var(--color-bg-dark);
    border: 1px solid var(--color-border-dark);
    border-radius: var(--radius);
    padding: 0.4rem 0;
    z-index: 1000;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    flex-direction: column;
    gap: 0;
}

.main-navigation li:hover > .sub-menu,
.main-navigation li.submenu-open > .sub-menu {
    display: flex;
}

/* Nested sub-menus open to the right */
.main-navigation .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.main-navigation .sub-menu li {
    position: relative;
}

.main-navigation .sub-menu a {
    display: block;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    white-space: nowrap;
    color: var(--color-text-on-dark);
    transition: background var(--transition), color var(--transition);
}

.main-navigation .sub-menu a:hover {
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-accent);
}

/* Dropdown arrow for nested sub-menus (points right) */
.main-navigation .sub-menu li.menu-item-has-children > a::after {
    transform: rotate(-45deg);
    margin-left: auto;
    float: right;
    margin-top: 6px;
}

/* Cart */
.header-cart {
    flex-shrink: 0;
}

.cart-link {
    position: relative;
    color: var(--color-text-on-dark);
    display: flex;
    align-items: center;
    transition: color var(--transition);
}

.cart-link svg {
    width: 26px;
    height: 26px;
}

.cart-link:hover {
    color: var(--color-accent);
}

.cart-count {
    position: absolute;
    top: -8px;
    right: -12px;
    background: var(--color-accent);
    color: var(--color-white);
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

/* Cart added animation */
@keyframes cartBounce {
    0% { transform: scale(1); }
    25% { transform: scale(1.5); }
    50% { transform: scale(0.9); }
    75% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes cartShake {
    0%, 100% { transform: rotate(0deg); }
    15% { transform: rotate(-12deg); }
    30% { transform: rotate(10deg); }
    45% { transform: rotate(-8deg); }
    60% { transform: rotate(6deg); }
    75% { transform: rotate(-3deg); }
}

.cart-link.item-added svg {
    animation: cartShake 0.6s ease;
}

.cart-count.item-added {
    animation: cartBounce 0.5s ease;
}

/* Header Language Switcher */
.header-lang-switcher {
    position: relative;
    flex-shrink: 0;
}

.header-lang-toggle {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius);
    color: var(--color-text-on-dark);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.4rem 0.6rem;
    transition: all var(--transition);
}

.header-lang-toggle:hover {
    border-color: rgba(255, 255, 255, 0.25);
    color: var(--color-white);
}

.header-lang-toggle img {
    width: 18px;
    height: 13px;
    display: inline-block;
    border-radius: 2px;
}

.header-lang-toggle svg {
    transition: transform var(--transition);
    opacity: 0.6;
}

.header-lang-switcher.open .header-lang-toggle {
    border-color: var(--color-accent);
}

.header-lang-switcher.open .header-lang-toggle svg {
    transform: rotate(180deg);
}

.header-lang-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background: var(--color-bg-darker);
    border: 1px solid var(--color-border-dark);
    border-radius: var(--radius);
    min-width: 170px;
    padding: 0.25rem 0;
    z-index: 1000;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}

.header-lang-switcher.open .header-lang-dropdown {
    display: block;
}

.header-lang-dropdown li {
    margin: 0;
}

.header-lang-dropdown li a {
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.55rem 0.85rem;
    color: var(--color-text-light);
    font-size: 0.82rem;
    font-weight: 500;
    transition: background var(--transition), color var(--transition);
}

.header-lang-dropdown li a:hover {
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-white);
}

.header-lang-dropdown li.current-lang a {
    color: var(--color-accent);
    font-weight: 600;
}

.header-lang-dropdown li a img {
    width: 18px;
    height: 13px;
    display: inline-block;
    border-radius: 2px;
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
}

.mobile-menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--color-white);
    transition: transform var(--transition);
}

/* ==========================================================================
   Full-bleed sections (break out of .site-container if wrapped)
   ========================================================================== */

/* Full-bleed: only needed when inside .site-container (inner pages) */
.site-container > .hero-section,
.site-container > .featured-products-section,
.site-container > .why-hardware-section,
.site-container > .why-bvshop-section,
.site-container > .all-products-section,
.site-container > .blog-section,
.site-container > .faq-section {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* ==========================================================================
   Hero Section
   ========================================================================== */

.hero-section {
    background: linear-gradient(180deg, #060e18 0%, #0d1e30 40%, #132c44 70%, #162e45 100%);
    overflow: hidden;
    padding: 5rem 0;
}

.hero-bg-pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(ellipse 600px 600px at 10% 40%, rgba(247, 147, 26, 0.12) 0%, transparent 70%),
        radial-gradient(ellipse 500px 500px at 85% 20%, rgba(30, 90, 150, 0.15) 0%, transparent 60%),
        radial-gradient(ellipse 400px 400px at 60% 80%, rgba(247, 147, 26, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse 300px 300px at 30% 10%, rgba(50, 120, 200, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

/* Floating orbs */
.hero-bg-pattern::before,
.hero-bg-pattern::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.25;
    animation: float 8s ease-in-out infinite;
}

.hero-bg-pattern::before {
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(247, 147, 26, 0.2), transparent 70%);
    top: -50px;
    right: 10%;
    animation-duration: 10s;
}

.hero-bg-pattern::after {
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(30, 100, 180, 0.18), transparent 70%);
    bottom: -30px;
    left: 5%;
    animation-duration: 12s;
    animation-delay: -4s;
}

@keyframes float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-30px) scale(1.05); }
}

.hero-inner {
    display: flex;
    align-items: center;
    gap: 3rem;
    position: relative;
    z-index: 1;
}

.hero-content {
    flex: 1;
    color: var(--color-white);
}

/* Hero Slider */
.hero-slider {
    flex: 0 0 45%;
    max-width: 45%;
    position: relative;
}

.hero-slider-track {
    position: relative;
    height: 400px;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 0.6s ease, transform 0.6s ease;
    text-align: center;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero-slide.active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.hero-slide-img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 300px;
    flex-shrink: 0;
}

.hero-slide-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: var(--radius-lg);
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
}

.hero-slide.active .hero-slide-img-wrap {
    animation: slideFloat 4s ease-in-out infinite;
}

@keyframes slideFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.hero-slide-name {
    display: block;
    color: var(--color-white);
    font-weight: 600;
    font-size: 1rem;
    margin-top: 1rem;
}

/* Arrows */
.hero-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--color-white);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.25s ease;
    backdrop-filter: blur(4px);
}

.hero-arrow:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
}

.hero-arrow-left {
    left: -22px;
}

.hero-arrow-right {
    right: -22px;
}

.hero-slider-dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
}

.hero-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.hero-dot.active {
    background: var(--color-accent);
    border-color: var(--color-accent);
    transform: scale(1.2);
}

.hero-dot:hover {
    border-color: var(--color-white);
}

.hero-product-name {
    display: inline-block;
    font-size: 1.25rem;
    color: var(--color-accent);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid var(--color-accent);
    transition: opacity 0.3s ease;
}

.hero-title {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.12;
    margin-bottom: 1rem;
    letter-spacing: -0.025em;
}

.hero-description {
    font-size: 0.95rem;
    color: var(--color-text-on-dark);
    line-height: 1.7;
    margin-bottom: 2rem;
    max-width: 440px;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all var(--transition);
    border: 2px solid transparent;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0;
}

.btn-primary {
    background: var(--color-accent);
    color: var(--color-white);
    border-color: var(--color-accent);
}

.btn-primary:hover {
    background: var(--color-accent-hover);
    border-color: var(--color-accent-hover);
}

.btn-outline {
    background: transparent;
    color: var(--color-white);
    border-color: var(--color-white);
}

.btn-outline:hover {
    background: var(--color-white);
    color: var(--color-bg-dark);
}

/* ==========================================================================
   Featured Products Section
   ========================================================================== */

.featured-products-section {
    background: var(--color-bg-section-light);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.section-number {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--color-accent);
    letter-spacing: 2px;
    margin-bottom: 0.5rem;
}

.section-title {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 2rem;
    color: var(--color-text-dark);
}

.section-title-light {
    color: var(--color-white);
}


.btn-cart {
    padding: 0.5rem 1.25rem;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    background: transparent;
    transition: all var(--transition);
}

.btn-cart:hover {
    background: var(--color-accent);
    color: var(--color-white);
}
/* ==========================================================================
   Section Transition Overlays (smooth dark <-> light blending)
   ========================================================================== */


/* ==========================================================================
   Scroll Fade-in Animation
   ========================================================================== */

.fade-in-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-section.visible {
    opacity: 1;
    transform: translateY(0);
}
/* ==========================================================================
   Featured Products Carousel
   ========================================================================== */

.featured-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.carousel-viewport {
    overflow: hidden;
    flex: 1;
}

.carousel-track {
    display: flex;
    gap: 1.5rem;
    transition: transform 0.4s ease;
}

.carousel-card {
    flex: 0 0 calc(25% - 1.125rem);
    background: var(--color-card-bg-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border-light);
    transition: transform var(--transition), box-shadow var(--transition);
}

.carousel-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px var(--color-card-shadow-hover);
}

.carousel-card-image {
    display: block;
    padding: 1rem;
    background: var(--color-bg-section-light);
}

.carousel-card-image img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: var(--radius);
}

.carousel-card-info {
    padding: 0.75rem 1rem 1rem;
}

.carousel-card-title {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-card-title a {
    color: var(--color-text-dark);
    transition: color var(--transition);
}

.carousel-card-title a:hover {
    color: var(--color-accent);
}

.carousel-card-price {
    font-size: 0.9rem;
    color: var(--color-accent);
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.carousel-card-price del {
    color: var(--color-text-light);
    font-weight: 400;
    margin-right: 0.25rem;
}

.carousel-card-price ins {
    text-decoration: none;
}

.carousel-arrow {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--color-border-light);
    background: var(--color-card-bg-light);
    color: var(--color-text-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--transition);
    box-shadow: 0 2px 8px var(--color-card-shadow);
}

.carousel-arrow:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-white);
}

.carousel-arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
/* ==========================================================================
   Authenticity Process Section
   ========================================================================== */

.process-timeline {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.process-timeline::before {
    content: '';
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, var(--color-accent), rgba(247, 147, 26, 0.2));
}

.process-step {
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem 0;
    position: relative;
}

.process-step-number {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-accent);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.process-step-content {
    flex: 1;
    padding-top: 0.5rem;
}

.process-step-title {
    color: var(--color-text-dark);
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.process-step-desc {
    color: var(--color-text-dark-secondary);
    font-size: 0.875rem;
    line-height: 1.7;
}

/* ==========================================================================
   Why Hardware Wallets Section
   ========================================================================== */

.why-hardware-section {
    background: var(--color-bg-section-light);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.section-subtitle {
    color: var(--color-text-dark-secondary);
    font-size: 1rem;
    margin-top: -1.25rem;
    margin-bottom: 2.5rem;
    max-width: 600px;
}

.section-subtitle-light {
    color: var(--color-text-light);
}

.wallet-compare-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.wallet-card {
    background: var(--color-card-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 2rem 1.5rem;
    text-align: center;
    transition: transform var(--transition), box-shadow var(--transition);
    box-shadow: 0 2px 8px var(--color-card-shadow);
}

.wallet-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px var(--color-card-shadow-hover);
}

.wallet-card-highlight {
    background: rgba(247, 147, 26, 0.06);
    border-color: var(--color-accent);
    box-shadow: 0 2px 20px rgba(247, 147, 26, 0.1);
}

.wallet-card-icon {
    color: var(--color-text-dark-secondary);
    margin-bottom: 1.25rem;
}

.wallet-card-highlight .wallet-card-icon {
    color: var(--color-accent);
}

.wallet-card-title {
    color: var(--color-text-dark);
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.wallet-card-risk {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #e8605a;
    background: rgba(232, 96, 90, 0.1);
    padding: 0.35rem 0.75rem;
    border-radius: 50px;
}

.wallet-card-benefit {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #4ade80;
    background: rgba(74, 222, 128, 0.1);
    padding: 0.35rem 0.75rem;
    border-radius: 50px;
}

/* ==========================================================================
   Why BitcoinVN Shop Section
   ========================================================================== */

.why-bvshop-section {
    background: linear-gradient(180deg, #0a1520 0%, #0d1b2a 100%);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
    color: var(--color-text);
}

/* ==========================================================================
   All Products Section
   ========================================================================== */

.all-products-section {
    background: var(--color-bg-section-white);
    padding: 4rem 0;
    position: relative;
}

.all-products-section .products {
    margin-bottom: 2rem;
}

.all-products-section .products .product {
    background: var(--color-card-bg-light);
    border-color: var(--color-border-light);
    box-shadow: 0 2px 8px var(--color-card-shadow);
}

.all-products-section .products .product:hover {
    box-shadow: 0 4px 20px var(--color-card-shadow-hover);
}

.all-products-section .products .product h3 a {
    color: var(--color-text-dark);
}

.product-card-info {
    padding: 1rem;
}

.section-cta {
    text-align: center;
    margin-top: 2rem;
}

.btn-outline-dark {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition);
    border: 2px solid var(--color-accent);
    color: var(--color-accent);
    background: transparent;
}

.btn-outline-dark:hover {
    background: var(--color-accent);
    color: var(--color-white);
}

/* ==========================================================================
   Blog Section
   ========================================================================== */

.blog-section {
    background: var(--color-bg-section-white);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.blog-card {
    background: var(--color-card-bg-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border-light);
    transition: transform var(--transition), box-shadow var(--transition);
    box-shadow: 0 2px 8px var(--color-card-shadow);
}

.blog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px var(--color-card-shadow-hover);
}

.blog-card-image {
    display: block;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-card:hover .blog-card-image img {
    transform: scale(1.05);
}

.blog-card-content {
    padding: 1.25rem;
}

.blog-card-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 0.5rem;
}

.blog-card-cat {
    background: rgba(247, 147, 26, 0.1);
    color: var(--color-accent);
    padding: 0.15rem 0.5rem;
    border-radius: 50px;
    font-weight: 600;
}

.blog-card-title {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.blog-card-title a {
    color: var(--color-text-dark);
    transition: color var(--transition);
}

.blog-card-title a:hover {
    color: var(--color-accent);
}

.blog-card-excerpt {
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.blog-card-link {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-accent);
    transition: color var(--transition);
}

.blog-card-link:hover {
    color: var(--color-accent-hover);
}

/* ==========================================================================
   FAQ Section
   ========================================================================== */

.faq-section {
    background: var(--color-bg-section-light);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.faq-list {
    max-width: 800px;
    margin: 0 auto;
}

.faq-item {
    border-bottom: 1px solid var(--color-border-light);
}

.faq-item:first-child {
    border-top: 1px solid var(--color-border-light);
}

.faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1.25rem 0;
    background: none;
    border: none;
    color: var(--color-text-dark);
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    gap: 1rem;
    transition: color var(--transition);
}

.faq-question:hover {
    color: var(--color-accent);
}

.faq-icon {
    flex-shrink: 0;
    color: var(--color-text-dark-secondary);
    transition: transform 0.3s ease;
}

.faq-item.open .faq-icon {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq-answer p {
    padding: 0 0 1.25rem;
    color: var(--color-text-dark-secondary);
    font-size: 0.9rem;
    line-height: 1.7;
}

/* ==========================================================================
   Single Blog Post
   ========================================================================== */

.single-post .site-content > .site-container {
    max-width: 900px;
}

.single-post .entry-featured-image {
    max-width: 560px;
    margin: 0 auto 2rem;
}

.single-post .entry-featured-image img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
}

.single-post .entry-header {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.single-post .entry-title {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: var(--color-white);
}

.single-post .entry-meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.85rem;
    color: var(--color-text-light);
}

.single-post .entry-featured-image {
    margin-bottom: 2rem;
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.single-post .entry-featured-image img {
    width: 100%;
    height: auto;
}

.single-post .entry-content {
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--color-text-on-dark);
}

.single-post .entry-content p {
    margin-bottom: 1.25rem;
}

.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    color: var(--color-white);
}

.single-post .entry-content blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.5rem;
    border-left: 4px solid var(--color-accent);
    background: rgba(255, 255, 255, 0.04);
    border-radius: 0 var(--radius) var(--radius) 0;
    font-style: italic;
    color: var(--color-text-light);
}

.single-post .entry-content img {
    border-radius: var(--radius);
    margin: 1.5rem auto;
    display: block;
}

.single-post .entry-content ul,
.single-post .entry-content ol {
    margin: 1rem 0 1rem 1.5rem;
    list-style: disc;
}

.single-post .entry-content ol {
    list-style: decimal;
}

.single-post .entry-content li {
    margin-bottom: 0.5rem;
}

.single-post .entry-content pre,
.single-post .entry-content code {
    font-family: 'SF Mono', 'Fira Code', monospace;
    font-size: 0.9em;
}

.single-post .entry-content pre {
    background: var(--color-bg-dark);
    color: var(--color-text-on-dark);
    padding: 1.25rem;
    border-radius: var(--radius);
    overflow-x: auto;
    margin: 1.5rem 0;
}

.single-post .entry-content code {
    background: rgba(255, 255, 255, 0.08);
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    color: var(--color-accent);
}

.single-post .entry-content pre code {
    background: none;
    padding: 0;
}

.single-post .entry-footer {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.85rem;
    color: var(--color-text-light);
}

.single-post .entry-footer .tags a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.06);
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
    font-size: 0.8rem;
    margin: 0.25rem 0.25rem 0.25rem 0;
    color: var(--color-text-on-dark);
    transition: all var(--transition);
}

.single-post .entry-footer .tags a:hover {
    background: var(--color-accent);
    color: var(--color-white);
}

.single-post .post-navigation {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
}

.single-post .post-navigation a {
    display: inline-block;
    color: var(--color-text-on-dark);
    background: rgba(255, 255, 255, 0.06);
    padding: 0.6rem 1.25rem;
    border-radius: var(--radius);
    font-weight: 600;
    font-size: 0.9rem;
    transition: all var(--transition);
}

.single-post .post-navigation a:hover {
    color: var(--color-accent);
    background: rgba(255, 255, 255, 0.1);
}

/* ==========================================================================
   Single Product Page
   ========================================================================== */

.woocommerce div.product {
    padding: 1rem 0;
    overflow: visible;
}

.woocommerce .woocommerce-breadcrumb {
    font-size: 0.8rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 1.5rem;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--color-accent);
    transition: color var(--transition);
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--color-accent-hover);
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
    float: none;
}

.woocommerce div.product .product-top {
    display: flex;
    gap: 3rem;
    margin-bottom: 2rem;
}

.woocommerce div.product div.images {
    flex: 1;
}

.woocommerce div.product div.images img {
    border-radius: var(--radius-lg);
}

.woocommerce div.product div.summary {
    flex: 1;
}

.woocommerce div.product .product_title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 0.75rem;
}

.woocommerce div.product p.price {
    font-size: 1.5rem;
    color: var(--color-accent);
    font-weight: 700;
    margin-bottom: 1.5rem;
}

/* Hide the duplicate variation price below the selector -
   JS updates the main p.price instead */
.woocommerce div.product form.cart .woocommerce-variation-price {
    display: none;
}

.woocommerce div.product form.cart .woocommerce-variation-price .price {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--color-accent) !important;
}

.woocommerce div.product form.cart .woocommerce-variation-price .price del {
    color: var(--color-text-dark-secondary) !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
}

.woocommerce div.product p.price del {
    color: var(--color-text-dark-secondary);
    font-size: 1.1rem;
    font-weight: 400;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    color: var(--color-text-dark-secondary);
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-size: 0.92rem;
}

.woocommerce div.product .woocommerce-product-details__short-description p {
    margin-bottom: 0.85rem;
}

.woocommerce div.product .woocommerce-product-details__short-description ul,
.woocommerce div.product .woocommerce-product-details__short-description ol {
    margin: 0.75rem 0 0.75rem 1.25rem;
    list-style: disc;
}

.woocommerce div.product .woocommerce-product-details__short-description ol {
    list-style: decimal;
}

.woocommerce div.product .woocommerce-product-details__short-description li {
    margin-bottom: 0.4rem;
}

/* Product tabs description content */
.woocommerce div.product .woocommerce-tabs .panel {
    line-height: 1.8;
    color: var(--color-text-dark-secondary);
    font-size: 0.92rem;
}

.woocommerce div.product .woocommerce-tabs .panel p {
    margin-bottom: 0.85rem;
}

.woocommerce div.product .woocommerce-tabs .panel ul,
.woocommerce div.product .woocommerce-tabs .panel ol {
    margin: 0.75rem 0 0.75rem 1.25rem;
    list-style: disc;
}

.woocommerce div.product .woocommerce-tabs .panel ol {
    list-style: decimal;
}

.woocommerce div.product .woocommerce-tabs .panel li {
    margin-bottom: 0.4rem;
}

.woocommerce div.product .woocommerce-tabs .panel a {
    color: var(--color-accent);
    font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs .panel a:hover {
    color: var(--color-accent-hover);
}

.woocommerce div.product .woocommerce-tabs .panel table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 0.9rem;
}

.woocommerce div.product .woocommerce-tabs .panel table th,
.woocommerce div.product .woocommerce-tabs .panel table td {
    padding: 0.6rem 1rem;
    border: 1px solid var(--color-border-light);
    text-align: left;
    vertical-align: top;
}

.woocommerce div.product .woocommerce-tabs .panel table th {
    background: var(--color-bg-section-light);
    font-weight: 600;
    color: var(--color-text-dark);
    white-space: nowrap;
}

.woocommerce div.product .woocommerce-tabs .panel table tr:nth-child(even) td {
    background: rgba(0, 0, 0, 0.015);
}

.woocommerce div.product .woocommerce-tabs .panel img {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
    height: auto;
}

.woocommerce div.product form.cart {
    margin-bottom: 1.5rem;
}

.woocommerce div.product form.cart .quantity input {
    width: 60px;
    padding: 0.5rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    text-align: center;
    font-size: 1rem;
    background: var(--color-bg-section-white);
    color: var(--color-text-dark);
}

.woocommerce div.product form.cart .single_add_to_cart_button {
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background: var(--color-accent-hover);
}

.woocommerce div.product .product_meta {
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
    padding-top: 1rem;
    border-top: 1px solid var(--color-border-light);
}

.woocommerce div.product .product_meta a {
    color: var(--color-accent);
}

/* Product Tabs */
.woocommerce div.product .woocommerce-tabs {
    margin-top: 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--color-border-light);
    margin-bottom: 1.5rem;
    list-style: none;
    padding: 0;
}

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

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--color-text-dark-secondary);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all var(--transition);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--color-accent);
    border-bottom-color: var(--color-accent);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--color-accent);
}

.woocommerce div.product .woocommerce-tabs .panel {
    line-height: 1.7;
    color: var(--color-text-dark-secondary);
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    color: var(--color-text-dark);
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

/* ==========================================================================
   Product Trust Badges & Verification
   ========================================================================== */

.product-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-accent);
    background: rgba(247, 147, 26, 0.08);
    padding: 0.35rem 0.75rem;
    border-radius: 50px;
}

.trust-badge svg {
    flex-shrink: 0;
}

.product-shipping-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    background: var(--color-bg-section-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
}

.shipping-info-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--color-text-dark);
}

.shipping-info-item svg {
    flex-shrink: 0;
    color: var(--color-accent);
}

/* ==========================================================================
   Side Cart Drawer
   ========================================================================== */

/* Hide "View cart" link after AJAX add-to-cart (side cart replaces it) */
.woocommerce a.added_to_cart {
    display: none !important;
}

.side-cart-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

.side-cart-overlay.open {
    display: block;
}

body.side-cart-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.side-cart {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 420px;
    max-width: 100%;
    z-index: 10001;
    background: var(--color-bg-darker);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
}

.side-cart.open {
    transform: translateX(0);
}

.side-cart__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--color-border-dark);
    flex-shrink: 0;
}

.side-cart__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-white);
    margin: 0;
}

.side-cart__loading {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
}

.side-cart__spinner {
    width: 16px;
    height: 16px;
    border: 2px solid var(--color-border-dark);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: sideCartSpin 0.6s linear infinite;
}

@keyframes sideCartSpin {
    to { transform: rotate(360deg); }
}

.side-cart__close {
    background: none;
    border: none;
    color: var(--color-text-light);
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
}

.side-cart__close:hover {
    color: var(--color-white);
}

.side-cart__items {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.25rem;
}

.side-cart__item {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-border-dark);
    align-items: flex-start;
}

.side-cart__item:last-child {
    border-bottom: none;
}

.side-cart__item-image {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--color-bg-section-light);
}

.side-cart__item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.side-cart__item-info {
    flex: 1;
    min-width: 0;
}

.side-cart__item-name {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-white);
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-cart__item-name:hover {
    color: var(--color-accent);
}

.side-cart__item-price {
    font-size: 0.82rem;
    color: var(--color-accent);
    font-weight: 600;
    display: block;
    margin-bottom: 0.4rem;
}

.side-cart__item-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--color-border-dark);
    border-radius: var(--radius);
    overflow: hidden;
}

.side-cart__qty-btn {
    background: none;
    border: none;
    color: var(--color-text-light);
    width: 32px;
    height: 32px;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-cart__qty-btn:hover {
    background: var(--color-bg-light);
    color: var(--color-white);
}

.side-cart__qty-value {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-white);
    min-width: 28px;
    text-align: center;
}

.side-cart__item-remove {
    flex-shrink: 0;
    background: none;
    border: none;
    color: var(--color-text-light);
    cursor: pointer;
    padding: 0.25rem;
    opacity: 0.5;
}

.side-cart__item-remove:hover {
    opacity: 1;
    color: #e74c3c;
}

.side-cart__empty {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text-light);
}

.side-cart__empty p {
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.side-cart__browse {
    display: inline-block;
    padding: 0.6rem 1.75rem;
    background: var(--color-accent);
    border: none;
    border-radius: 50px;
    color: var(--color-white);
    font-size: 0.85rem;
    font-weight: 600;
    transition: background var(--transition);
}

.side-cart__browse:hover {
    background: var(--color-accent-hover);
    color: var(--color-white);
}

.side-cart__footer {
    flex-shrink: 0;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--color-border-dark);
}

.side-cart__subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
    color: var(--color-text-light);
}

.side-cart__subtotal-amount {
    font-weight: 700;
    color: var(--color-white);
    font-size: 1.1rem;
}

.side-cart__checkout {
    display: block;
    width: 100%;
    padding: 0.75rem;
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: background var(--transition);
    margin-bottom: 0.5rem;
}

.side-cart__checkout:hover {
    background: var(--color-accent-hover);
    color: var(--color-white);
}

.side-cart__continue {
    display: block;
    width: 100%;
    padding: 0.5rem;
    background: none;
    border: none;
    color: var(--color-text-light);
    font-size: 0.85rem;
    cursor: pointer;
    text-align: center;
}

.side-cart__continue:hover {
    color: var(--color-white);
}

@media (max-width: 768px) {
    .side-cart {
        width: 100%;
    }
}

/* Sticky Add to Cart bar - mobile only */
.sticky-add-to-cart {
    display: none;
}

@media (max-width: 768px) {
    .sticky-add-to-cart {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: var(--color-bg-darker);
        padding: 0.6rem 1rem;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.3);
        transform: translateY(100%);
        transition: transform 0.3s ease;
    }

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

    .sticky-add-to-cart__info {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
    }

    .sticky-add-to-cart__name {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--color-white);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sticky-add-to-cart__price {
        font-size: 0.75rem;
        color: var(--color-accent);
        font-weight: 700;
    }

    .sticky-add-to-cart__price del {
        color: var(--color-text-light);
        font-weight: 400;
        font-size: 0.7rem;
    }

    .sticky-add-to-cart__price ins {
        text-decoration: none;
    }

    .sticky-add-to-cart__button {
        flex-shrink: 0;
        background: var(--color-accent);
        color: var(--color-white);
        padding: 0.6rem 1.25rem;
        border-radius: 50px;
        font-size: 0.85rem;
        font-weight: 600;
        white-space: nowrap;
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    .sticky-add-to-cart__button:hover {
        background: var(--color-accent-hover);
    }
}

.product-verification {
    background: var(--color-bg-section-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    clear: both;
}

.product-verification-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 1.25rem;
}

.product-verification-steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.verification-step {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.verification-step-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(247, 147, 26, 0.1);
    color: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.verification-step span {
    font-size: 0.875rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.5;
    padding-top: 0.4rem;
}

/* ==========================================================================
   Product Security FAQ Tab
   ========================================================================== */

.product-security-faq {
    display: grid;
    gap: 1.5rem;
}

.security-faq-item h4 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 0.5rem;
}

.security-faq-item p {
    font-size: 0.9rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.7;
}

/* ==========================================================================
   Checkout Reassurance Strip
   ========================================================================== */


/* Hide login/coupon toggles - checkout is streamlined */
.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle,
.woocommerce-form-login,
.checkout_coupon {
    display: none;
}

/* ==========================================================================
   Thank You Page
   ========================================================================== */

/* Hide COD payment instructions on thank you page (redundant with order details grid) */
.woocommerce-order > .woocommerce-thankyou-order-received + .woocommerce-order-overview + p {
    display: none;
}

/* Hide page title on order-received page (banner replaces it) */
.woocommerce-order-received .entry-title,
.woocommerce-order-received .wp-block-post-title {
    display: none;
}

/* Success banner */
.bvshop26-thankyou__banner {
    text-align: center;
    padding: 0.25rem 1rem 0.75rem;
}
.bvshop26-thankyou__banner strong {
    display: block;
    font-size: 1.3rem;
    color: var(--color-text-dark);
    margin-bottom: 0.15rem;
}
.bvshop26-thankyou__banner span {
    font-size: 0.9rem;
    color: var(--color-text-dark-secondary);
}
.bvshop26-thankyou__checkmark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e8f5e9;
    color: #2e7d32;
    margin-bottom: 0.3rem;
}

/* Hide default "Order received" heading when banner is shown */
.woocommerce-order .woocommerce-thankyou-order-received {
    margin: 0;
    padding: 0;
    border: none;
}

/* Order details grid - restyle WooCommerce default list */
.woocommerce-order .woocommerce-order-overview {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 1rem;
    list-style: none !important;
    padding: 1.25rem !important;
    margin: 0 0 1.5rem !important;
    background: var(--color-bg-section-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
}
.woocommerce-order .woocommerce-order-overview li {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
    padding: 0;
    border: none;
    border-right: 1px dashed var(--color-border-light);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-dark-secondary);
}
.woocommerce-order .woocommerce-order-overview li:last-child {
    border-right: none;
}
.woocommerce-order .woocommerce-order-overview li strong {
    font-size: 0.9rem;
    text-transform: none;
    letter-spacing: 0;
    color: var(--color-text-dark);
    white-space: nowrap;
}

@media (max-width: 768px) {
    .woocommerce-order .woocommerce-order-overview {
        flex-wrap: wrap !important;
        gap: 0 !important;
    }
    .woocommerce-order .woocommerce-order-overview li {
        flex: 1 1 100%;
        border-right: none;
        border-bottom: 1px dashed var(--color-border-light);
        padding-bottom: 0.75rem;
        margin-bottom: 0.75rem;
    }
    .woocommerce-order .woocommerce-order-overview li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

/* What's Next section */
.thankyou-next-steps {
    background: var(--color-bg-section-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-top: 1.5rem;
}
.thankyou-next-steps h3 {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 0.4rem;
}
.thankyou-next-steps h3 svg {
    color: var(--color-accent);
}
.thankyou-next-steps > p {
    font-size: 0.88rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 1rem;
}
.thankyou-next-steps__items {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.thankyou-next-steps__item {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem;
    background: var(--color-bg-section-white);
    border-radius: var(--radius);
    border: 1px solid var(--color-border-light);
}
.thankyou-next-steps__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff5e0;
    color: var(--color-accent);
    flex-shrink: 0;
}
.thankyou-next-steps__item strong {
    display: block;
    font-size: 0.88rem;
    color: var(--color-text-dark);
    margin-bottom: 0.15rem;
}
.thankyou-next-steps__item span {
    font-size: 0.82rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.4;
}
.thankyou-next-steps__link {
    display: inline-block;
    margin-top: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-accent);
    text-decoration: none;
}
.thankyou-next-steps__link:hover {
    text-decoration: underline;
}

/* ==========================================================================
   Related Products
   ========================================================================== */

.woocommerce .related.products,
.woocommerce .up-sells,
section.related.products,
section.up-sells {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--color-border-light);
    clear: both !important;
    width: 100% !important;
    float: none !important;
    overflow: visible !important;
    display: block !important;
}

.woocommerce .related.products > h2,
.woocommerce .up-sells > h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--color-text-dark);
}

section.related.products ul.products,
section.up-sells ul.products,
.woocommerce section.related.products ul.products,
.woocommerce section.up-sells ul.products,
.woocommerce section.related.products ul.products.columns-4,
.woocommerce section.up-sells ul.products.columns-4,
.woocommerce .related.products ul.products[class*=columns-],
.woocommerce .up-sells ul.products[class*=columns-] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    gap: 1.5rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    clear: both !important;
    float: none !important;
    width: 100% !important;
}

section.related.products ul.products::before,
section.related.products ul.products::after,
section.up-sells ul.products::before,
section.up-sells ul.products::after {
    display: none !important;
    content: none !important;
}

section.related.products ul.products li.product,
section.up-sells ul.products li.product,
.woocommerce section.related.products ul.products.columns-4 li.product,
.woocommerce section.up-sells ul.products.columns-4 li.product,
.woocommerce ul.products.columns-4 li.product.first,
.woocommerce ul.products.columns-4 li.product.last {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: none !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--color-card-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    overflow: hidden;
    transition: transform var(--transition), box-shadow var(--transition);
    box-shadow: 0 2px 8px var(--color-card-shadow);
}

.woocommerce .related.products ul.products li.product:hover,
.woocommerce .up-sells ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px var(--color-card-shadow-hover);
}

.woocommerce .related.products ul.products li.product a img,
.woocommerce .up-sells ul.products li.product a img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    padding: 1rem;
    background: var(--color-bg-section-light);
}

.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title,
.woocommerce .up-sells ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.75rem 1rem 0.25rem;
    color: var(--color-text-dark);
}

.woocommerce .related.products ul.products li.product .price,
.woocommerce .up-sells ul.products li.product .price {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--color-accent);
    padding: 0 1rem;
    display: block;
}

.woocommerce .related.products ul.products li.product .price del,
.woocommerce .up-sells ul.products li.product .price del {
    color: var(--color-text-dark-secondary);
    font-weight: 400;
    font-size: 0.8rem;
}

.woocommerce .related.products ul.products li.product .price ins,
.woocommerce .up-sells ul.products li.product .price ins {
    text-decoration: none;
}

.woocommerce .related.products ul.products li.product .button,
.woocommerce .up-sells ul.products li.product .button {
    display: block;
    margin: auto 1rem 1rem;
    background: var(--color-accent);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    transition: background var(--transition);
}

.woocommerce .related.products ul.products li.product .button:hover,
.woocommerce .up-sells ul.products li.product .button:hover {
    background: var(--color-accent-hover);
}

/* ==========================================================================
   Cart Page
   ========================================================================== */

.woocommerce-cart .woocommerce {
    padding: 1rem 0;
}

.woocommerce table.shop_table {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border-collapse: collapse;
    width: 100%;
}

.woocommerce table.shop_table th {
    background: var(--color-bg-section-light);
    padding: 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-dark-secondary);
    border-bottom: 1px solid var(--color-border-light);
}

.woocommerce table.shop_table td {
    padding: 1rem;
    border-bottom: 1px solid var(--color-border-light);
    vertical-align: middle;
    color: var(--color-text-dark);
}

.woocommerce table.shop_table img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: var(--radius);
}

.woocommerce table.shop_table .product-name a {
    color: var(--color-text-dark);
    font-weight: 600;
    transition: color var(--transition);
}

.woocommerce table.shop_table .product-name a:hover {
    color: var(--color-accent);
}

.woocommerce table.shop_table .product-remove a {
    color: #e8605a;
    font-size: 1.25rem;
}

.woocommerce .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
}

.woocommerce .cart-collaterals .cart_totals h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 1rem;
}

.woocommerce .cart-collaterals .cart_totals table {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: 1rem;
}

.woocommerce .wc-proceed-to-checkout .checkout-button,
.wc-proceed-to-checkout .checkout-button.button.alt {
    display: block !important;
    width: 100% !important;
    background: #f7931a !important;
    color: #fff !important;
    border: none !important;
    padding: 1rem !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    text-align: center;
    transition: background 0.2s ease;
}

.woocommerce .wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button.button.alt:hover {
    background: #e8860f !important;
}

.woocommerce .coupon .input-text {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    background: var(--color-bg-section-white);
    color: var(--color-text-dark);
}

.woocommerce .coupon .button,
.woocommerce button[name="update_cart"] {
    padding: 0.5rem 1.25rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    background: var(--color-bg-section-white);
    color: var(--color-text-dark);
    cursor: pointer;
    font-size: 0.875rem;
    transition: all var(--transition);
}

.woocommerce .coupon .button:hover,
.woocommerce button[name="update_cart"]:hover {
    background: var(--color-accent);
    color: var(--color-white);
    border-color: var(--color-accent);
}

.woocommerce table.shop_table .quantity .qty {
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    color: var(--color-text-dark);
    background: var(--color-bg-section-white);
    width: 60px;
    text-align: center;
}

/* ==========================================================================
   Checkout Page
   ========================================================================== */

.woocommerce-checkout .woocommerce {
    padding: 1rem 0;
}

.woocommerce form.checkout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 1.5rem;
    align-items: start;
}

.woocommerce .col2-set {
    grid-column: 1;
}

.woocommerce .woocommerce-billing-fields > h3 {
    display: none;
}

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 0.75rem;
}

.woocommerce #order_review_heading {
    display: none;
}

.woocommerce #order_review {
    grid-column: 2;
    grid-row: 1 / -1;
    position: sticky;
    top: 100px;
}

.woocommerce #order_review .order-review-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 1rem;
}

.woocommerce form .form-row {
    margin-bottom: 0.5rem;
}

.woocommerce form .form-row label {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 0.2rem;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    background: var(--color-bg-section-white);
    color: var(--color-text-dark);
    transition: border-color var(--transition);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    outline: none;
    border-color: var(--color-accent);
}

.woocommerce #order_review {
    background: var(--color-bg-section-white);
    padding: 1rem;
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
    font-size: 0.88rem;
    display: flex;
    flex-direction: column;
}

/* Payment select + Place Order first, order summary below */
.woocommerce #order_review .bvshop26-payment-select-wrap {
    order: 0;
}

.woocommerce #order_review .woocommerce-checkout-payment {
    order: 1;
}

.woocommerce #order_review .woocommerce-checkout-payment .place-order {
    order: 0;
}

/* Shipping row hidden - we use our own toggle UI, cost is included in total */
.woocommerce #order_review table.shop_table .shipping {
    display: none;
}

/* Shipping step - above billing fields in left column */
.bvshop26-shipping-step {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--color-border-light);
}

.bvshop26-shipping-label {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 0.5rem;
}

/* Two-option toggle */
.bvshop26-shipping-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.bvshop26-shipping-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.75rem 0.5rem;
    min-height: 48px;
    border: 2px solid var(--color-border-light);
    border-radius: var(--radius);
    background: var(--color-bg-section-white);
    cursor: pointer;
    transition: border-color var(--transition), background var(--transition);
    text-align: center;
    font-family: inherit;
}

.bvshop26-shipping-option:hover {
    border-color: var(--color-accent);
}

.bvshop26-shipping-option.active {
    border-color: var(--color-accent);
    background: rgba(247, 147, 26, 0.05);
}

.bvshop26-shipping-option svg {
    color: var(--color-text-dark-secondary);
    flex-shrink: 0;
}

.bvshop26-shipping-option.active svg {
    color: var(--color-accent);
}

.bvshop26-shipping-option__label {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--color-text-dark);
}

.bvshop26-shipping-option__desc {
    font-size: 0.75rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.3;
}

/* Privacy badge */
.bvshop26-privacy-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.6rem 0.85rem;
    background: rgba(76, 175, 80, 0.08);
    border: 1px solid rgba(76, 175, 80, 0.25);
    border-radius: var(--radius);
    font-size: 0.82rem;
    color: var(--color-text-dark);
    line-height: 1.4;
}

.bvshop26-privacy-badge.hidden {
    display: none;
}

.bvshop26-privacy-badge svg {
    flex-shrink: 0;
    color: #4caf50;
}

/* Pickup location sub-selector */
.bvshop26-pickup-locations {
    margin-top: 0.75rem;
    padding: 0.75rem 0.85rem;
    background: var(--color-bg-section-white);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
}

.bvshop26-pickup-locations__label {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 0.5rem;
}

.bvshop26-pickup-locations__options {
    display: flex;
    gap: 0.5rem;
}

.bvshop26-pickup-location {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.85rem;
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
    transition: background var(--transition);
    font-size: 0.85rem;
    color: var(--color-text-dark);
    min-height: 40px;
}

.bvshop26-pickup-location:hover {
    background: var(--color-bg-section);
}

.bvshop26-pickup-location.active {
    background: var(--color-bg-section);
}

.bvshop26-pickup-location input[type="radio"] {
    accent-color: var(--color-text-dark);
    margin: 0;
}

/* Inline validation errors */
.bvshop26-invalid input,
.bvshop26-invalid select,
.bvshop26-invalid textarea {
    border-color: #e74c3c !important;
}
.bvshop26-invalid.bvshop26-contact-guide {
    border: 1px solid #e74c3c;
}
.bvshop26-field-error {
    display: block;
    font-size: 0.78rem;
    color: #e74c3c;
    margin-top: 0.25rem;
}

/* Email notice */
.bvshop26-email-notice {
    display: block;
    font-size: 0.82rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.4;
    margin-top: 0.3rem;
}

.woocommerce #order_review .checkout-summary-label {
    order: 3;
    margin: 0.75rem 0 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--color-border-light);
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--color-text-dark);
}

.woocommerce #order_review .checkout-summary-label span {
    font-weight: 400;
    color: var(--color-text-dark-secondary);
}

.woocommerce #order_review #order_review_heading {
    display: none;
}

.woocommerce #order_review > table.shop_table {
    order: 4;
    font-size: 0.82rem;
}



.woocommerce #place_order {
    display: block;
    width: 100%;
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 0.85rem;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background var(--transition);
    margin-top: 0.75rem;
}

.woocommerce #place_order:hover {
    background: var(--color-accent-hover);
}

.woocommerce #place_order.bvshop26-loading {
    pointer-events: none;
    opacity: 0.7;
}

.woocommerce .woocommerce-checkout-payment {
    margin-top: 0;
}

.woocommerce .woocommerce-checkout-payment .woocommerce-privacy-policy-text {
    display: none;
}

.woocommerce .woocommerce-checkout-payment .woocommerce-terms-and-conditions-checkout-info {
    display: none;
}

.woocommerce .wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce .wc_payment_method {
    padding: 0;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    margin-bottom: 0.4rem;
    overflow: hidden;
    transition: border-color var(--transition);
}

.woocommerce .wc_payment_method:last-child {
    margin-bottom: 0;
}

.woocommerce .wc_payment_method > input[type="radio"] {
    display: none;
}

.woocommerce .wc_payment_method > label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    color: var(--color-text-dark);
    padding: 0.6rem 0.75rem;
    margin: 0;
}

.woocommerce .wc_payment_method > label::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 2px solid var(--color-border-light);
    border-radius: 50%;
    flex-shrink: 0;
    transition: all var(--transition);
}

.woocommerce .wc_payment_method > input[type="radio"]:checked + label::before {
    border-color: var(--color-accent);
    background: var(--color-accent);
    box-shadow: inset 0 0 0 3px var(--color-bg-section-white);
}

.woocommerce .wc_payment_method > input[type="radio"]:checked + label {
    color: var(--color-accent);
}

.woocommerce .wc_payment_method:has(input[type="radio"]:checked) {
    border-color: var(--color-accent);
    background: rgba(247, 147, 26, 0.03);
}

.woocommerce .wc_payment_method .payment_box {
    padding: 0.6rem 0.75rem 0.6rem 2.5rem;
    font-size: 0.8rem;
    color: var(--color-text-dark-secondary);
    background: var(--color-bg-section-light);
    line-height: 1.5;
}

.bvshop26-payment-select-wrap {
    margin-bottom: 0.75rem;
    position: relative;
    order: 0;
}

.bvshop26-payment-select-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 0.3rem;
}


.bvshop26-payment-select {
    width: 100%;
    padding: 0.7rem 0.85rem;
    border: 2px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text-dark);
    background: var(--color-bg-section-white);
    cursor: pointer;
    transition: border-color var(--transition), box-shadow var(--transition);
}

.bvshop26-payment-select:hover {
    border-color: var(--color-accent);
}

.bvshop26-payment-select:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(247, 147, 26, 0.15);
}

.bvshop26-payment-desc {
    margin-top: 0.5rem;
    padding: 0.75rem;
    font-size: 0.82rem;
    color: var(--color-text-dark-secondary);
    background: var(--color-bg-section-light);
    border-radius: var(--radius);
    line-height: 1.5;
}

/* Align "Create an account" and "Deliver to different address" checkboxes */
.woocommerce .woocommerce-account-fields .create-account,
.woocommerce .woocommerce-shipping-fields #ship-to-different-address {
    margin: 0.8rem 0;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
}

.woocommerce .woocommerce-account-fields .create-account label,
.woocommerce .woocommerce-shipping-fields #ship-to-different-address label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--color-text-dark-secondary);
    cursor: pointer;
}

.woocommerce .woocommerce-account-fields .create-account label input,
.woocommerce .woocommerce-shipping-fields #ship-to-different-address label input {
    margin: 0;
    width: 16px;
    height: 16px;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer {
    background: #0a1520;
    color: var(--color-text-on-dark);
    padding: 3rem 0 1.5rem;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.footer-main {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--color-border-dark);
}

/* Footer Brand */
.footer-brand {
    padding-right: 2rem;
}

.footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-white);
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
}

.footer-logo .logo-star {
    width: 32px;
    height: 32px;
}

.footer-tagline {
    font-size: 0.85rem;
    color: var(--color-text-light);
    line-height: 1.6;
}

.footer-description {
    font-size: 0.8rem;
    color: var(--color-text-light);
    line-height: 1.6;
    opacity: 0.7;
    margin-top: 0.5rem;
}

/* Footer Nav Columns */
.footer-heading {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-white);
    margin-bottom: 1rem;
}

.footer-links li {
    margin-bottom: 0.5rem;
}

.footer-links a {
    font-size: 0.85rem;
    color: var(--color-text-light);
    transition: color var(--transition);
}

.footer-links a:hover {
    color: var(--color-accent);
}

/* Footer Social */
.footer-social {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem 0;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--color-border-dark);
    color: var(--color-text-light);
    transition: all var(--transition);
}

.social-link:hover {
    color: var(--color-white);
    border-color: var(--color-accent);
    background: var(--color-accent);
}

/* Footer Bottom */
.footer-bottom {
    text-align: center;
    padding-top: 1rem;
    font-size: 0.8rem;
    color: var(--color-text-light);
}

/* ==========================================================================
   Inner Pages (content area with container)
   ========================================================================== */

/* Inner pages get container padding */
.site-content > .site-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* ==========================================================================
   WooCommerce Product Grid (Shop/Archive pages)
   ========================================================================== */

.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
}

.products .product {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: transform var(--transition), box-shadow var(--transition);
    display: flex;
    flex-direction: column;
}

.products .product > div {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.products .product .button {
    margin-top: auto;
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    text-align: center;
    transition: background var(--transition);
}

.products .product .button:hover {
    background: var(--color-accent-hover);
}

.products .product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.products .product img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.products .product .price {
    font-weight: 600;
    font-size: 1rem;
    color: var(--color-accent);
}

.products .product .button {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background var(--transition);
}

.products .product .button:hover {
    background: var(--color-accent-hover);
}

/* ==========================================================================
   Blog Index (home.php)
   ========================================================================== */

.archive-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.archive-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-white);
}

.blog-category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.category-tab {
    display: inline-block;
    padding: 0.4rem 1rem;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-light);
    border: 1px solid var(--color-border-dark);
    transition: all var(--transition);
}

.category-tab:hover {
    color: var(--color-accent);
    border-color: var(--color-accent);
}

.category-tab.active {
    background: var(--color-accent);
    color: var(--color-white);
    border-color: var(--color-accent);
}

.blog-index-grid {
    display: grid;
    grid-template-columns: repeat(var(--blog-grid-columns, 3), 1fr);
    gap: 1.5rem;
}

.blog-index-card {
    background: var(--color-card-bg);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border);
    transition: transform var(--transition), box-shadow var(--transition);
}

.blog-index-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.blog-index-image {
    display: block;
    aspect-ratio: 1.5/1;
    overflow: hidden;
}

.blog-index-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-index-card:hover .blog-index-image img {
    transform: scale(1.05);
}

.blog-index-content {
    padding: 1rem 1.25rem;
}

.blog-index-meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: var(--color-text-light);
    margin-bottom: 0.5rem;
}

.blog-index-cat {
    background: rgba(247, 147, 26, 0.1);
    color: var(--color-accent);
    padding: 0.15rem 0.5rem;
    border-radius: 50px;
    font-weight: 600;
}

.blog-index-title {
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.blog-index-title a {
    color: var(--color-white);
    transition: color var(--transition);
}

.blog-index-title a:hover {
    color: var(--color-accent);
}

.blog-index-excerpt {
    font-size: 0.82rem;
    color: var(--color-text-light);
    line-height: 1.5;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Posts pagination */
.nav-links {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 2rem;
}

.nav-links a,
.nav-links span.current {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text-on-dark);
    background: rgba(255, 255, 255, 0.05);
    transition: all var(--transition);
}

.nav-links a:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-white);
}

.nav-links span.current {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-white);
}

/* ==========================================================================
   Comments
   ========================================================================== */

.comments-area {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.comments-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--color-white);
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
}

.comment-list .comment {
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.comment-list .comment-body {
    display: flex;
    gap: 1rem;
}

.comment-list .comment-author img {
    border-radius: 50%;
}

.comment-list .comment-author .fn {
    font-weight: 600;
    color: var(--color-white);
}

.comment-list .comment-metadata {
    font-size: 0.75rem;
    color: var(--color-text-light);
    margin-bottom: 0.5rem;
}

.comment-list .comment-metadata a {
    color: var(--color-text-light);
}

.comment-list .comment-content p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--color-text-on-dark);
}

.comment-list .reply a {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-accent);
}

.comment-respond .comment-reply-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--color-white);
}

.comment-respond label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: var(--color-text-on-dark);
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius);
    font-size: 0.9rem;
    margin-bottom: 1rem;
    font-family: var(--font-family);
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-white);
    transition: border-color var(--transition);
}

.comment-respond input:focus,
.comment-respond textarea:focus {
    outline: none;
    border-color: var(--color-accent);
}

.comment-respond .submit {
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
}

.comment-respond .submit:hover {
    background: var(--color-accent-hover);
}

.no-comments {
    color: var(--color-text-light);
    font-style: italic;
}

/* ==========================================================================
   404 Page
   ========================================================================== */

.error-404 {
    text-align: center;
    padding: 3rem 0;
}

.error-404 .page-title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--color-white);
    margin-bottom: 1rem;
}

.error-404 .page-content p {
    color: var(--color-text-light);
    margin-bottom: 1.5rem;
}

.error-404 .search-form {
    display: flex;
    max-width: 450px;
    margin: 0 auto 1.5rem;
    gap: 0.5rem;
}

.error-404 .search-form .search-field {
    flex: 1;
    padding: 0.65rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius);
    font-size: 0.9rem;
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-white);
}

.error-404 .search-form .search-submit {
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 0.65rem 1.25rem;
    border-radius: var(--radius);
    cursor: pointer;
    font-weight: 600;
    transition: background var(--transition);
}

.error-404 .search-form .search-submit:hover {
    background: var(--color-accent-hover);
}

.error-404 .button {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-white);
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    transition: background var(--transition);
}

.error-404 .button:hover {
    background: var(--color-accent-hover);
}

/* ==========================================================================
   Search Results
   ========================================================================== */

.search-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.search-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-white);
}

/* Product search grid */
.search-results-grid.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-results-grid .product {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: box-shadow var(--transition);
}

.search-results-grid .product:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.search-results-grid .product a img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.03);
}

.search-product-info {
    padding: 0.75rem 1rem 1rem;
}

.search-product-info .woocommerce-loop-product__title {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.search-product-info .woocommerce-loop-product__title a {
    color: var(--color-white);
    transition: color var(--transition);
}

.search-product-info .woocommerce-loop-product__title a:hover {
    color: var(--color-accent);
}

.search-product-info .price {
    display: block;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--color-accent);
    margin-bottom: 0.75rem;
}

.search-product-info .price del {
    color: var(--color-text-light);
    font-weight: 400;
    font-size: 0.85rem;
}

.search-product-info .price ins {
    text-decoration: none;
}

.search-product-info .button {
    display: block;
    background: var(--color-accent);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    text-align: center;
    transition: background var(--transition);
}

.search-product-info .button:hover {
    background: var(--color-accent-hover);
    color: var(--color-white);
}

/* Post search list */
.search-results-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.search-result-item {
    display: flex;
    gap: 1.25rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.search-result-thumb {
    flex-shrink: 0;
    width: 120px;
    height: 90px;
    border-radius: var(--radius);
    overflow: hidden;
}

.search-result-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-result-content {
    flex: 1;
    min-width: 0;
}

.search-result-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.search-result-title a {
    color: var(--color-white);
    transition: color var(--transition);
}

.search-result-title a:hover {
    color: var(--color-accent);
}

.search-result-excerpt {
    font-size: 0.875rem;
    color: var(--color-text-light);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.search-result-link {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-accent);
}

.search-result-link:hover {
    color: var(--color-accent-hover);
}

/* No results */
.search-no-results {
    text-align: center;
    padding: 3rem 0;
}

.search-no-results p {
    font-size: 1.1rem;
    color: var(--color-text-light);
    margin-bottom: 1.5rem;
}

.search-no-results-form form {
    display: flex;
    max-width: 450px;
    margin: 0 auto;
    gap: 0.5rem;
}

.search-no-results-form .search-field {
    flex: 1;
    padding: 0.65rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--radius);
    font-size: 0.9rem;
    outline: none;
    background: rgba(255, 255, 255, 0.05);
    color: var(--color-white);
}

.search-no-results-form .search-field:focus {
    border-color: var(--color-accent);
}

/* ==========================================================================
   WooCommerce Overrides
   ========================================================================== */

.woocommerce-page .site-content {
    background: var(--color-bg-section-light);
}

.woocommerce-page .site-content .site-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
    max-width: var(--container-max);
}

/* Shop page title */
.woocommerce-products-header__title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 0.5rem;
}

.shop-category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.shop-category-tabs .category-tab {
    color: var(--color-text-dark);
    background: var(--color-white);
    border: 1px solid #d0d5dd;
}

.shop-category-tabs .category-tab:hover {
    color: var(--color-accent);
    border-color: var(--color-accent);
    background: rgba(247, 147, 26, 0.06);
}

.shop-category-tabs .category-tab.active {
    background: var(--color-accent);
    color: var(--color-white);
    border-color: var(--color-accent);
}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb {
    font-size: 0.8rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 1.5rem;
    padding: 0;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--color-accent);
    transition: color var(--transition);
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--color-accent-hover);
}

/* Result count & ordering bar */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    margin-bottom: 1.5rem;
}

.woocommerce .woocommerce-result-count {
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
}

.woocommerce .woocommerce-ordering select {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.85rem;
    color: var(--color-text-dark);
    background: var(--color-white);
    cursor: pointer;
}

.woocommerce .woocommerce-ordering select:focus {
    outline: none;
    border-color: var(--color-accent);
}

/* Shop product grid */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}

.woocommerce ul.products li.product {
    margin: 0 !important;
    padding: 0;
    float: none !important;
    width: 100% !important;
    background: var(--color-card-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    overflow: hidden;
    transition: transform var(--transition), box-shadow var(--transition);
    box-shadow: 0 2px 8px var(--color-card-shadow);
    display: flex;
    flex-direction: column;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px var(--color-card-shadow-hover);
}

/* On-sale product card highlight */
.woocommerce ul.products li.product.sale,
ul.products li.product.sale {
    border: 2px solid #ff6b3d !important;
    box-shadow: 0 2px 12px rgba(255, 107, 61, 0.15) !important;
}

.woocommerce ul.products li.product.sale:hover,
ul.products li.product.sale:hover {
    border-color: #ff6b3d !important;
    box-shadow: 0 8px 28px rgba(255, 107, 61, 0.25) !important;
}

.woocommerce ul.products li.product a img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    padding: 1rem;
    background: var(--color-bg-section-light);
    margin: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.95rem;
    font-weight: 600;
    padding: 0.75rem 1rem 0.25rem;
    color: var(--color-text-dark);
    margin: 0;
}

.woocommerce ul.products li.product a {
    color: var(--color-text-dark);
    transition: color var(--transition);
}

.woocommerce ul.products li.product a:hover {
    color: var(--color-accent);
}

.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--color-accent);
    padding: 0 1rem;
    display: block;
    margin-bottom: 0.5rem;
}

.woocommerce ul.products li.product .price del {
    color: var(--color-text-dark-secondary);
    font-weight: 400;
    font-size: 0.85rem;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}

.woocommerce ul.products li.product .button {
    display: block;
    margin: auto 1rem 1rem;
    margin-top: auto;
    background: var(--color-accent);
    color: var(--color-white);
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    text-align: center;
    transition: background var(--transition);
}

.woocommerce ul.products li.product .button:hover {
    background: var(--color-accent-hover);
    color: var(--color-white);
}

/* Sale badge */
/* Sale badge */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    background: linear-gradient(135deg, #ff4136, #e02d1b) !important;
    color: var(--color-white) !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0.4rem 0.9rem !important;
    border-radius: 6px !important;
    border: 2px solid #ff6b3d !important;
    position: absolute !important;
    top: 0.75rem !important;
    left: 0.75rem !important;
    right: auto !important;
    z-index: 2 !important;
    min-width: auto !important;
    min-height: auto !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    box-shadow: 0 3px 12px rgba(255, 65, 54, 0.5);
    animation: saleBadge 1.5s ease-in-out infinite;
}

@keyframes saleBadge {
    0%, 100% { border-color: #ff6b3d; box-shadow: 0 3px 12px rgba(255, 65, 54, 0.4); }
    50% { border-color: #ffdc00; box-shadow: 0 3px 18px rgba(255, 107, 61, 0.7); }
}

/* Ensure product card is positioned for the badge */
.woocommerce ul.products li.product {
    position: relative;
}

.woocommerce ul.products li.product a {
    position: relative;
}

/* Star ratings */
.woocommerce ul.products li.product .star-rating {
    margin: 0.25rem 1rem 0;
    font-size: 0.8rem;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination {
    margin-top: 2rem;
    text-align: center;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-flex;
    gap: 0.25rem;
    border: none;
    list-style: none;
    padding: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 0.5rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text-dark);
    background: var(--color-white);
    transition: all var(--transition);
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-white);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-white);
}

/* WooCommerce notices */
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error {
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    border-radius: var(--radius);
    font-size: 0.9rem;
}

.woocommerce .woocommerce-info {
    background: #eef6ff;
    border-left: 4px solid #3b82f6;
    color: #1e40af;
}

.woocommerce .woocommerce-message {
    background: #f0fdf4;
    border-left: 4px solid #22c55e;
    color: #166534;
}

.woocommerce .woocommerce-error {
    background: #fef2f2;
    border-left: 4px solid #ef4444;
    color: #991b1b;
    list-style: none;
}

/* ==========================================================================
   Education & Setup Guide Pages
   ========================================================================== */

.education-page,
.setup-guides-page {
    padding: 2rem 0 4rem;
}

.page-header {
    margin-bottom: 3rem;
}

.page-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 0.75rem;
}

.page-description {
    font-size: 1.05rem;
    color: var(--color-text-dark-secondary);
    max-width: 700px;
    line-height: 1.7;
}

.education-category {
    margin-bottom: 3rem;
}

.education-category-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 0.5rem;
}

.education-category-desc {
    font-size: 0.95rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 1.5rem;
}

.setup-important-notice {
    background: var(--color-bg-section-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 2rem;
    margin-bottom: 2.5rem;
}

.setup-important-notice h2 {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 1rem;
}

.setup-checklist {
    list-style: none;
    padding: 0;
}

.setup-checklist li {
    position: relative;
    padding-left: 1.75rem;
    font-size: 0.95rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.7;
    margin-bottom: 0.5rem;
}

.setup-checklist li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.55rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid var(--color-accent);
}

.setup-guides-list {
    margin-bottom: 2.5rem;
}

.setup-guides-list h2 {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 1.5rem;
}

.setup-support-cta {
    text-align: center;
    background: var(--color-bg-section-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 3rem 2rem;
}

.setup-support-cta h2 {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 0.75rem;
}

.setup-support-cta p {
    font-size: 0.95rem;
    color: var(--color-text-dark-secondary);
    max-width: 600px;
    margin: 0 auto 1.5rem;
    line-height: 1.7;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 992px) {
    .hero-inner {
        flex-direction: column;
        text-align: center;
    }

    .hero-slider {
        flex: none;
        max-width: 70%;
    }

    .hero-description {
        max-width: 100%;
    }

    .hero-actions {
        justify-content: center;
    }

    .wallet-compare-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .carousel-card {
        flex: 0 0 calc(33.333% - 1rem);
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }

    section.related.products ul.products,
    section.up-sells ul.products,
    .woocommerce section.related.products ul.products,
    .woocommerce section.up-sells ul.products,
    .woocommerce section.related.products ul.products.columns-4,
    .woocommerce section.up-sells ul.products.columns-4,
    .woocommerce .related.products ul.products[class*=columns-],
    .woocommerce .up-sells ul.products[class*=columns-] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .woocommerce div.product .product-top {
        gap: 2rem;
    }

    .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .footer-brand {
        grid-column: 1 / -1;
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    .top-bar {
        display: none;
    }

    .site-header {
        padding: 0.5rem 0;
    }

    .site-header .site-container {
        flex-wrap: wrap;
    }

    .header-search {
        display: none;
        order: 10;
        max-width: 100%;
        flex-basis: 100%;
        margin-top: 0.4rem;
    }

    .main-navigation.active ~ .header-search {
        display: block;
    }

    .header-search .search-field {
        padding: 0.4rem 0.75rem;
        font-size: 0.82rem;
    }

    .header-lang-switcher {
        display: none;
    }

    .main-navigation.active .header-lang-switcher-mobile {
        display: block;
        padding: 0.5rem 0;
        border-top: 1px solid var(--color-border-dark);
    }

    .mobile-lang-toggle {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        background: none;
        border: 1px solid var(--color-border-dark);
        border-radius: 6px;
        padding: 0.4rem 0.75rem;
        color: var(--color-text-light);
        font-size: 0.82rem;
        font-weight: 600;
        cursor: pointer;
    }

    .mobile-lang-toggle svg {
        transition: transform 0.2s ease;
    }

    .header-lang-switcher-mobile.open .mobile-lang-toggle svg {
        transform: rotate(180deg);
    }

    .main-navigation .mobile-lang-dropdown {
        display: none !important;
        list-style: none;
        padding: 0.4rem 0;
        margin: 0.4rem 0 0;
    }

    .header-lang-switcher-mobile.open .mobile-lang-dropdown {
        display: block !important;
    }

    .mobile-lang-dropdown li a {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.35rem 0.75rem;
        min-height: 44px;
        font-size: 0.82rem;
        color: var(--color-text-light);
    }

    .mobile-lang-dropdown li.current-lang {
        display: none;
    }

    .main-navigation {
        display: none;
    }

    .main-navigation.active {
        display: block;
        order: 11;
        flex-basis: 100%;
        margin-top: 0.75rem;
    }

    .main-navigation.active > ul {
        flex-direction: column;
        gap: 0;
    }

    .main-navigation.active a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 0.5rem 0;
        border-top: 1px solid var(--color-border-dark);
    }

    .main-navigation .sub-menu {
        position: static;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        min-width: 0;
    }

    .main-navigation.active .sub-menu {
        display: none;
        flex-direction: column;
    }

    .main-navigation.active li.submenu-open > .sub-menu {
        display: flex;
    }

    .main-navigation.active .sub-menu a {
        padding-left: 1rem;
        font-size: 0.85rem;
        color: var(--color-text-light);
    }

    .main-navigation .menu-item-has-children {
        position: relative;
    }

    .main-navigation .menu-item-has-children > a::after {
        content: ' ▾';
        color: var(--color-text-light);
        font-size: 0.75rem;
    }

    .main-navigation .menu-item-has-children.submenu-open > a::after {
        content: ' ▴';
    }

    .main-navigation.active .sub-menu .sub-menu a {
        padding-left: 2rem;
    }

    /* Hide hover-based dropdowns on mobile */
    .main-navigation li:hover > .sub-menu {
        display: none;
    }

    .mobile-menu-toggle {
        display: flex;
    }

    .hero-title {
        font-size: 1.75rem;
    }

    .hero-section {
        padding: 2rem 0;
    }

    .blog-index-grid {
        grid-template-columns: 1fr !important;
    }

    .featured-products-section {
        padding: 2.5rem 0;
    }

    .products,
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    section.related.products ul.products,
    section.up-sells ul.products,
    .woocommerce section.related.products ul.products,
    .woocommerce section.up-sells ul.products,
    .woocommerce section.related.products ul.products.columns-4,
    .woocommerce section.up-sells ul.products.columns-4,
    .woocommerce .related.products ul.products[class*=columns-],
    .woocommerce .up-sells ul.products[class*=columns-] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }

    .woocommerce ul.products li.product a img {
        padding: 0.5rem;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.85rem;
        padding: 0.5rem 0.75rem 0.25rem;
    }

    .woocommerce ul.products li.product .price {
        font-size: 0.85rem;
        padding: 0 0.75rem;
    }

    .woocommerce ul.products li.product .button {
        margin: auto 0.75rem 0.75rem;
        padding: 0.4rem 0.75rem;
        font-size: 0.8rem;
    }

    .wallet-compare-grid {
        grid-template-columns: 1fr;
    }

    .carousel-card {
        flex: 0 0 calc(50% - 0.75rem);
    }

    .why-hardware-section,
    .why-bvshop-section,
    .all-products-section,
    .blog-section,
    .faq-section {
        padding: 2.5rem 0;
    }

    .process-timeline::before {
        left: 20px;
    }

    .process-step-number {
        width: 40px;
        height: 40px;
        font-size: 0.95rem;
    }

    .product-verification-steps {
        grid-template-columns: 1fr;
    }

    .product-trust-badges {
        gap: 0.5rem;
    }

    .woocommerce div.product .product-top {
        flex-direction: column;
    }

    /* Mobile: Product page typography */
    .woocommerce div.product .product_title {
        font-size: 1.3rem;
        margin-bottom: 0.5rem;
    }

    .woocommerce div.product p.price {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

    /* Mobile: Touch targets - 44px minimum */
    .woocommerce div.product form.cart .single_add_to_cart_button {
        min-height: 48px;
        width: 100%;
        font-size: 1rem;
    }

    .woocommerce div.product form.cart .quantity input {
        min-height: 44px;
        width: 70px;
        font-size: 1rem;
    }

    .woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea,
    .woocommerce form .form-row select {
        min-height: 44px;
        font-size: 16px; /* prevents iOS zoom on focus */
    }

    .woocommerce #place_order {
        min-height: 48px;
        font-size: 1.1rem;
    }

    /* Mobile: Trust badges stack vertically */
    .product-trust-badges {
        flex-direction: column;
    }

    /* Mobile: Product tabs horizontal scroll */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        white-space: nowrap;
        padding: 0.6rem 1rem;
        font-size: 0.82rem;
    }

    .woocommerce .related.products .products,
    .woocommerce .up-sells .products,
    section.related.products ul.products,
    section.up-sells ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.75rem !important;
    }

    .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title,
    .woocommerce .up-sells ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.8rem;
        padding: 0.5rem 0.5rem 0.25rem;
    }

    .woocommerce .related.products ul.products li.product .price,
    .woocommerce .up-sells ul.products li.product .price {
        font-size: 0.8rem;
        padding: 0 0.5rem;
    }

    .woocommerce .related.products ul.products li.product .button,
    .woocommerce .up-sells ul.products li.product .button {
        margin: auto 0.5rem 0.5rem;
        padding: 0.4rem 0.75rem;
        font-size: 0.75rem;
    }

    .woocommerce .related.products ul.products li.product a img,
    .woocommerce .up-sells ul.products li.product a img {
        padding: 0.5rem;
    }

    .woocommerce form.checkout {
        grid-template-columns: 1fr;
    }

    .woocommerce #order_review {
        grid-column: 1;
        grid-row: auto;
        position: static;
    }

    .woocommerce .cart-collaterals .cart_totals {
        max-width: 100%;
    }

    .single-post .entry-title {
        font-size: 1.5rem;
    }

    .footer-main {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .footer-heading {
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
    }

    .footer-links {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem 0.75rem;
    }

    .footer-links li {
        margin-bottom: 0;
    }

    .footer-social {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .hero-image {
        max-width: 80%;
    }

    .hero-title {
        font-size: 1.5rem;
    }

    .btn {
        padding: 0.6rem 1.25rem;
        font-size: 0.85rem;
    }

    .carousel-card {
        flex: 0 0 calc(100% - 0.75rem);
    }

    .carousel-arrow {
        width: 32px;
        height: 32px;
    }

    .section-title {
        font-size: 1.35rem;
    }

    .faq-question {
        font-size: 0.9rem;
    }

}

@media (max-width: 329px) {
    .products,
    .woocommerce ul.products,
    section.related.products ul.products,
    section.up-sells ul.products,
    .woocommerce section.related.products ul.products,
    .woocommerce section.up-sells ul.products,
    .woocommerce section.related.products ul.products.columns-4,
    .woocommerce section.up-sells ul.products.columns-4,
    .woocommerce .related.products ul.products[class*=columns-],
    .woocommerce .up-sells ul.products[class*=columns-] {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   My Account Pages
   ========================================================================== */

.woocommerce-account .site-content {
    background: var(--color-bg-section-light);
}

.woocommerce-account .woocommerce {
    padding: 1rem 0;
}

/* Account Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    max-width: 240px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: var(--color-card-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--color-text-dark-secondary);
    border-left: 3px solid transparent;
    transition: all var(--transition);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--color-accent);
    background: rgba(247, 147, 26, 0.04);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--color-accent);
    border-left-color: var(--color-accent);
    background: rgba(247, 147, 26, 0.06);
    font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li + li {
    border-top: 1px solid var(--color-border-light);
}

/* Account Content */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

/* Account layout - side by side */
.woocommerce-account .woocommerce {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    min-width: 0;
}

/* Dashboard */
.woocommerce-account .woocommerce-MyAccount-content > p {
    font-size: 0.95rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.7;
    margin-bottom: 1rem;
}

.woocommerce-account .woocommerce-MyAccount-content > p a {
    color: var(--color-accent);
    font-weight: 600;
}

/* Orders Table */
.woocommerce-account table.woocommerce-orders-table {
    width: 100%;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border-collapse: collapse;
    background: var(--color-card-bg-light);
}

.woocommerce-account table.woocommerce-orders-table th {
    background: var(--color-bg-section-light);
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-dark-secondary);
    border-bottom: 1px solid var(--color-border-light);
    text-align: left;
}

.woocommerce-account table.woocommerce-orders-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-border-light);
    vertical-align: middle;
    font-size: 0.9rem;
    color: var(--color-text-dark);
}

.woocommerce-account table.woocommerce-orders-table td a {
    color: var(--color-accent);
    font-weight: 600;
}

.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
    font-weight: 600;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-white);
    padding: 0.4rem 1rem;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 600;
    border: none;
    transition: background var(--transition);
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button:hover {
    background: var(--color-accent-hover);
}

/* Addresses */
.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.woocommerce-account .woocommerce-Address {
    background: var(--color-card-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.woocommerce-account .woocommerce-Address header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-border-light);
}

.woocommerce-account .woocommerce-Address header h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin: 0;
}

.woocommerce-account .woocommerce-Address header a {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-accent);
}

.woocommerce-account .woocommerce-Address address {
    font-size: 0.9rem;
    font-style: normal;
    color: var(--color-text-dark-secondary);
    line-height: 1.7;
}

/* Account Details Form */
.woocommerce-account .woocommerce-EditAccountForm fieldset {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-dark);
    padding: 0 0.5rem;
}

.woocommerce-account .woocommerce-EditAccountForm .form-row label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 0.3rem;
}

.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    color: var(--color-text-dark);
    background: var(--color-bg-section-white);
    transition: border-color var(--transition);
}

.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:focus {
    outline: none;
    border-color: var(--color-accent);
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button {
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:hover {
    background: var(--color-accent-hover);
}

/* Login / Register */
.woocommerce-account .u-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2 {
    background: var(--color-card-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 2rem;
}

.woocommerce-account .u-columns h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 1.25rem;
}

.woocommerce-account .woocommerce-form-login .form-row label,
.woocommerce-account .woocommerce-form-register .form-row label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 0.3rem;
}

.woocommerce-account .woocommerce-form-login .form-row input.input-text,
.woocommerce-account .woocommerce-form-register .form-row input.input-text {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    color: var(--color-text-dark);
    background: var(--color-bg-section-white);
    transition: border-color var(--transition);
}

.woocommerce-account .woocommerce-form-login .form-row input.input-text:focus,
.woocommerce-account .woocommerce-form-register .form-row input.input-text:focus {
    outline: none;
    border-color: var(--color-accent);
}

.woocommerce-account .woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce-form-register .woocommerce-button {
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
    width: 100%;
    text-align: center;
}

.woocommerce-account .woocommerce-form-login .woocommerce-button:hover,
.woocommerce-account .woocommerce-form-register .woocommerce-button:hover {
    background: var(--color-accent-hover);
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 1rem;
}

.woocommerce-account .woocommerce-LostPassword a {
    font-size: 0.85rem;
    color: var(--color-accent);
    font-weight: 600;
}

/* Lost Password Form */
.woocommerce-account .woocommerce-ResetPassword {
    max-width: 480px;
    margin: 0 auto;
    background: var(--color-card-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 2rem;
}

/* ==========================================================================
   Variable Products & Product Gallery
   ========================================================================== */

.woocommerce div.product form.cart .variations {
    width: 100%;
    border: none;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.woocommerce div.product form.cart .variations tr {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    display: block !important;
    border: none;
    padding: 0;
    vertical-align: middle;
}

.woocommerce div.product form.cart .variations td.label {
    flex-shrink: 0;
    width: auto;
    min-width: 60px;
}

.woocommerce div.product form.cart .variations td.label label,
.woocommerce div.product form.cart .variations .label label {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0f1c2b !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 1 !important;
}

.woocommerce div.product form.cart .variations td.value {
    flex: 1;
    max-width: 280px;
}

.woocommerce div.product form.cart .variations td.value select {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    color: var(--color-text-dark);
    background: var(--color-bg-section-white);
    cursor: pointer;
    transition: border-color var(--transition);
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234a5d72' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2rem;
}

.woocommerce div.product form.cart .variations td.value select:focus {
    outline: none;
    border-color: var(--color-accent);
}

.woocommerce div.product form.cart .reset_variations {
    font-size: 0.8rem;
    color: var(--color-accent);
    font-weight: 600;
    display: block;
    margin-top: 0.35rem;
}

.woocommerce div.product form.cart .woocommerce-variation-price .price {
    font-size: 1.35rem;
    color: var(--color-accent);
    font-weight: 700;
    margin-bottom: 1rem;
}

.woocommerce div.product form.cart .woocommerce-variation-description p {
    font-size: 0.9rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 0.75rem;
}

/* Product Gallery */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 5;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.2rem;
    transition: background var(--transition);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover {
    background: var(--color-accent);
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
    list-style: none;
    padding: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: var(--radius);
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color var(--transition);
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
    transition: opacity var(--transition);
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li:hover img {
    opacity: 1;
}

.woocommerce div.product div.images .flex-control-thumbs li:has(img.flex-active) {
    border-color: var(--color-accent);
}

/* ==========================================================================
   Out of Stock & Stock Status
   ========================================================================== */

.woocommerce ul.products li.product .out-of-stock-badge {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    color: var(--color-white);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
}

.woocommerce div.product .stock {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.woocommerce div.product .stock.in-stock {
    color: #22c55e;
}

.woocommerce div.product .stock.out-of-stock {
    color: #ef4444;
}

.woocommerce div.product .stock.available-on-backorder {
    color: #f59e0b;
}

.woocommerce div.product form.cart .single_add_to_cart_button:disabled,
.woocommerce div.product form.cart .single_add_to_cart_button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--color-text-dark-secondary);
}

/* ==========================================================================
   Cart Page Responsive
   ========================================================================== */

@media (max-width: 768px) {
    .woocommerce table.shop_table thead {
        display: none;
    }

    .woocommerce table.shop_table tbody tr {
        display: flex;
        flex-wrap: wrap;
        padding: 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        align-items: center;
        gap: 0.5rem;
    }

    .woocommerce table.shop_table tbody td {
        border: none;
        padding: 0.25rem 0;
    }

    .woocommerce table.shop_table tbody .product-thumbnail {
        flex: 0 0 60px;
    }

    .woocommerce table.shop_table tbody .product-name {
        flex: 1;
        min-width: 0;
    }

    .woocommerce table.shop_table tbody .product-price,
    .woocommerce table.shop_table tbody .product-quantity,
    .woocommerce table.shop_table tbody .product-subtotal {
        flex: 0 0 auto;
    }

    .woocommerce table.shop_table tbody .product-remove {
        flex: 0 0 30px;
        text-align: center;
    }

    .woocommerce table.shop_table tbody .actions {
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-top: 0.5rem;
    }

    /* My Account responsive */
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        max-width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        flex: 1;
        min-width: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        text-align: center;
        font-size: 0.8rem;
        padding: 0.6rem 0.5rem;
        border-left: none;
        border-bottom: 3px solid transparent;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
        border-left-color: transparent;
        border-bottom-color: var(--color-accent);
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li + li {
        border-top: none;
        border-left: 1px solid var(--color-border-light);
    }

    .woocommerce-account .u-columns {
        grid-template-columns: 1fr;
    }

    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }
}

/* Quantity input styling */
.woocommerce .quantity {
    display: inline-flex;
    align-items: center;
}

.woocommerce .quantity .qty {
    width: 60px;
    padding: 0.5rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    background: var(--color-bg-section-white);
    color: var(--color-text-dark);
}

/* Mini Cart Widget */
.widget_shopping_cart .widget_shopping_cart_content {
    background: var(--color-bg-darker);
    border: 1px solid var(--color-border-dark);
    border-radius: var(--radius-lg);
    padding: 1rem;
}

.widget_shopping_cart .woocommerce-mini-cart {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    max-height: 300px;
    overflow-y: auto;
}

.widget_shopping_cart .woocommerce-mini-cart li {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-border);
    align-items: center;
}

.widget_shopping_cart .woocommerce-mini-cart li img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: var(--radius);
}

.widget_shopping_cart .woocommerce-mini-cart li a {
    color: var(--color-white);
    font-weight: 600;
    font-size: 0.85rem;
}

.widget_shopping_cart .woocommerce-mini-cart li .quantity {
    font-size: 0.8rem;
    color: var(--color-text-light);
}

.widget_shopping_cart .woocommerce-mini-cart__total {
    padding: 0.75rem 0;
    font-weight: 600;
    color: var(--color-white);
    border-top: 1px solid var(--color-border);
}

.widget_shopping_cart .woocommerce-mini-cart__buttons {
    display: flex;
    gap: 0.5rem;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a {
    flex: 1;
    text-align: center;
    padding: 0.6rem 1rem;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all var(--transition);
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:first-child {
    border: 1px solid var(--color-border-dark);
    color: var(--color-text-on-dark);
    background: transparent;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:first-child:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout {
    background: var(--color-accent);
    color: var(--color-white);
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout:hover {
    background: var(--color-accent-hover);
}

/* Empty Cart */
.woocommerce-cart .cart-empty {
    text-align: center;
    padding: 3rem 0;
    font-size: 1.1rem;
    color: var(--color-text-dark-secondary);
}

.woocommerce-cart .return-to-shop a,
.woocommerce-cart .return-to-shop a.wp-element-button,
.woocommerce-cart .return-to-shop a.wc-backward {
    display: inline-block;
    background: var(--color-accent) !important;
    color: var(--color-white) !important;
    padding: 0.75rem 2rem !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: background var(--transition);
}

.woocommerce-cart .return-to-shop {
    text-align: center;
}

.woocommerce-cart .return-to-shop a:hover {
    background: var(--color-accent-hover);
}

.empty-cart-suggestions {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--color-border-light);
}

.empty-cart-suggestions ul.products li.product {
    display: flex;
    flex-direction: column;
}

.empty-cart-suggestions ul.products li.product a.button,
.empty-cart-suggestions ul.products li.product a.add_to_cart_button {
    margin-top: auto;
}

.empty-cart-suggestions h2 {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 1.5rem;
}

/* Block-based empty cart button */
.wc-block-cart .wc-block-components-button,
.wp-block-woocommerce-empty-cart-block .wc-block-components-button,
.woocommerce-cart .wp-element-button,
.woocommerce-cart .wc-block-components-button {
    background: var(--color-accent) !important;
    color: var(--color-white) !important;
    border: none !important;
    padding: 0.75rem 2rem !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    transition: background 0.2s ease !important;
}

.wc-block-cart .wc-block-components-button:hover,
.wp-block-woocommerce-empty-cart-block .wc-block-components-button:hover,
.woocommerce-cart .wp-element-button:hover,
.woocommerce-cart .wc-block-components-button:hover {
    background: var(--color-accent-hover) !important;
}

/* ==========================================================================
   Product Reviews Tab
   ========================================================================== */

.woocommerce #reviews #comments ol.commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce #reviews #comments ol.commentlist li {
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--color-border-light);
}

.woocommerce #reviews #comments ol.commentlist li .comment_container {
    display: flex;
    gap: 1rem;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex-shrink: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    flex: 1;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .meta {
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 0.5rem;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong {
    color: var(--color-text-dark);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .description p {
    font-size: 0.9rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.7;
}

/* Review Form */
.woocommerce #review_form #respond {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--color-border-light);
}

.woocommerce #review_form #respond .comment-reply-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 1rem;
}

.woocommerce #review_form #respond label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-dark);
    margin-bottom: 0.3rem;
}

.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"],
.woocommerce #review_form #respond textarea {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    font-size: 0.9rem;
    color: var(--color-text-dark);
    background: var(--color-bg-section-white);
    font-family: var(--font-family);
    transition: border-color var(--transition);
    margin-bottom: 1rem;
}

.woocommerce #review_form #respond input:focus,
.woocommerce #review_form #respond textarea:focus {
    outline: none;
    border-color: var(--color-accent);
}

.woocommerce #review_form #respond .form-submit input[type="submit"] {
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
}

.woocommerce #review_form #respond .form-submit input[type="submit"]:hover {
    background: var(--color-accent-hover);
}

/* Star Rating Selector */
.woocommerce #review_form #respond .comment-form-rating .stars {
    display: inline-flex;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.woocommerce #review_form #respond .comment-form-rating .stars a {
    color: #ccc;
    font-size: 1.25rem;
    transition: color var(--transition);
}

.woocommerce #review_form #respond .comment-form-rating .stars a:hover,
.woocommerce #review_form #respond .comment-form-rating .stars a.active {
    color: var(--color-accent);
}

/* Star Rating Display */
.woocommerce .star-rating {
    color: var(--color-accent);
}

/* ==========================================================================
   WooCommerce Notices Refinement
   ========================================================================== */

.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-error::before {
    display: none;
}

.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button {
    float: right;
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 0.4rem 1rem;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 600;
    transition: background var(--transition);
}

.woocommerce .woocommerce-info a.button:hover,
.woocommerce .woocommerce-message a.button:hover {
    background: var(--color-accent-hover);
}

/* ==========================================================================
   Order Tracking & Details
   ========================================================================== */

.woocommerce-order-details {
    margin-bottom: 2rem;
}

.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 1rem;
}

.woocommerce-order-details table {
    width: 100%;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border-collapse: collapse;
    background: var(--color-card-bg-light);
}

.woocommerce-order-details table th,
.woocommerce-order-details table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-border-light);
    font-size: 0.9rem;
    color: var(--color-text-dark);
    text-align: left;
}

.woocommerce-order-details table th {
    background: var(--color-bg-section-light);
    font-weight: 600;
    color: var(--color-text-dark-secondary);
}

.woocommerce-order-details table tfoot th {
    text-align: right;
}

@media (max-width: 480px) {
    .woocommerce-order-details table th,
    .woocommerce-order-details table td {
        padding: 0.5rem 0.6rem;
        font-size: 0.78rem;
    }
}

/* Customer Details */
.woocommerce-customer-details {
    background: var(--color-card-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.woocommerce-customer-details address {
    font-style: normal;
    font-size: 0.9rem;
    color: var(--color-text-dark-secondary);
    line-height: 1.7;
}

/* ==========================================================================
   Generic Page Template
   ========================================================================== */

.page-template-default .site-content {
    background: var(--color-bg-section-light);
}

.page-template-default .entry-content {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-text-dark);
}

.page-template-default .entry-content p {
    margin-bottom: 1.25rem;
}

.page-template-default .entry-content h2,
.page-template-default .entry-content h3,
.page-template-default .entry-content h4 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    color: var(--color-text-dark);
}

.page-template-default .entry-content ul,
.page-template-default .entry-content ol {
    margin: 1rem 0 1rem 1.5rem;
    list-style: disc;
    color: var(--color-text-dark-secondary);
}

.page-template-default .entry-content ol {
    list-style: decimal;
}

.page-template-default .entry-content li {
    margin-bottom: 0.5rem;
}

.page-template-default .entry-content a {
    color: var(--color-accent);
    font-weight: 600;
}

.page-template-default .entry-content a:hover {
    color: var(--color-accent-hover);
}

.page-template-default .entry-content blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.5rem;
    border-left: 4px solid var(--color-accent);
    background: var(--color-bg-section-white);
    border-radius: 0 var(--radius) var(--radius) 0;
    color: var(--color-text-dark-secondary);
    font-style: italic;
}

.page-template-default .entry-content img {
    border-radius: var(--radius-lg);
    margin: 1.5rem auto;
    display: block;
    max-width: 560px;
    height: auto;
}

/* Generic page tables, forms, inputs */
.page-template-default .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
}

.page-template-default .entry-content table th,
.page-template-default .entry-content table td {
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--color-border-light);
    color: var(--color-text-dark);
    font-size: 0.9rem;
}

.page-template-default .entry-content table th {
    background: var(--color-bg-section-light);
    font-weight: 600;
    color: var(--color-text-dark);
}

.page-template-default .entry-content input,
.page-template-default .entry-content select,
.page-template-default .entry-content textarea {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    color: var(--color-text-dark);
    background: var(--color-bg-section-white);
}

/* Ensure all nested text is readable on light bg */
.page-template-default .entry-content,
.page-template-default .entry-content div,
.page-template-default .entry-content span,
.page-template-default .entry-content label,
.page-template-default .entry-content td,
.page-template-default .entry-content th,
.page-template-default .entry-content strong {
    color: var(--color-text-dark);
}

.page-template-default .entry-content .description,
.page-template-default .entry-content small,
.page-template-default .entry-content .note {
    color: var(--color-text-dark-secondary);
}

.page-template-default .entry-title {
    color: var(--color-text-dark);
}

/* ==========================================================================
   Empty States
   ========================================================================== */

.woocommerce-info.woocommerce-info--empty {
    text-align: center;
    padding: 2rem;
}

.woocommerce .woocommerce-no-products-found .woocommerce-info {
    text-align: center;
    padding: 2rem;
    background: var(--color-bg-section-white);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    color: var(--color-text-dark-secondary);
}

/* ==========================================================================
   WooCommerce Breadcrumbs - All Pages
   ========================================================================== */

.woocommerce-page .woocommerce-breadcrumb {
    font-size: 0.8rem;
    color: var(--color-text-dark-secondary);
    margin-bottom: 1.5rem;
    padding: 0;
}

.woocommerce-page .woocommerce-breadcrumb a {
    color: var(--color-accent);
    transition: color var(--transition);
}

.woocommerce-page .woocommerce-breadcrumb a:hover {
    color: var(--color-accent-hover);
}

/* ==========================================================================
   Trusted Since Badge (Footer)
   ========================================================================== */

.footer-trust-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--color-accent);
    background: rgba(247, 147, 26, 0.1);
    padding: 0.3rem 0.75rem;
    border-radius: 50px;
    margin-top: 0.75rem;
    letter-spacing: 0.5px;
}

/* ==========================================================================
   WooCommerce Blocks - Cart Page
   ========================================================================== */

.wc-block-cart .wc-block-components-sidebar-layout {
    gap: 2rem;
}

/* Cart page title */
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart .entry-title,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout .entry-title {
    font-size: 1.7rem;
    font-weight: 700;
    color: var(--color-text-dark);
    margin-bottom: 1.5rem;
}

/* Cart items header */
.wc-block-cart-items__header {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-dark-secondary);
    border-bottom: 2px solid var(--color-border-light);
    padding-bottom: 0.75rem;
}

/* Cart item rows */
.wc-block-cart-items__row {
    border-bottom: 1px solid var(--color-border-light);
    padding: 1.25rem 0;
}

/* Product name */
.wc-block-cart-items__row .wc-block-components-product-name {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-accent);
    transition: color var(--transition);
}

.wc-block-cart-items__row .wc-block-components-product-name:hover {
    color: var(--color-accent-hover);
}

/* Product image */
.wc-block-cart-item__image img {
    border-radius: var(--radius);
}

/* Product price */
.wc-block-components-product-price {
    color: var(--color-text-dark);
    font-weight: 600;
}

/* Product metadata (descriptions) */
.wc-block-components-product-metadata {
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
}

/* Quantity selector */
.wc-block-components-quantity-selector {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    overflow: hidden;
}

.wc-block-components-quantity-selector__button {
    background: var(--color-bg-section-light);
    border: none;
    color: var(--color-text-dark);
    font-size: 1rem;
    font-weight: 600;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    transition: all var(--transition);
}

.wc-block-components-quantity-selector__button:hover {
    background: var(--color-accent);
    color: var(--color-white);
}

.wc-block-components-quantity-selector__input {
    border: none;
    border-left: 1px solid var(--color-border-light);
    border-right: 1px solid var(--color-border-light);
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    color: var(--color-text-dark);
    width: 48px;
    padding: 0.4rem 0;
}

/* Remove item */
.wc-block-cart-item__remove-link {
    font-size: 0.85rem;
    color: var(--color-accent);
    font-weight: 600;
    transition: color var(--transition);
}

.wc-block-cart-item__remove-link:hover {
    color: #e8605a;
}

/* Cart totals title */
.wc-block-cart__totals-title {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--color-text-dark-secondary);
    border-bottom: 2px solid var(--color-border-light);
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

/* Totals lines */
.wc-block-components-totals-item {
    padding: 0.5rem 0;
}

.wc-block-components-totals-item__label {
    font-size: 0.9rem;
    color: var(--color-text-dark-secondary);
}

.wc-block-components-totals-item__value {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text-dark);
}

/* Totals footer (grand total) */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text-dark);
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text-dark);
}

/* Shipping info */
.wc-block-components-totals-shipping .wears-block-components-totals-item__description,
.wc-block-components-shipping-address {
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
}

.wc-block-components-shipping-address a {
    color: var(--color-accent);
    font-weight: 600;
}

/* Coupon panel */
.wc-block-components-totals-coupon .wc-block-components-panel__button {
    color: var(--color-accent);
    font-weight: 600;
    font-size: 0.9rem;
}

.wc-block-components-totals-coupon__form {
    display: flex;
    gap: 0.5rem;
}

.wc-block-components-totals-coupon__input .wc-block-components-text-input input {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
}

/* Proceed to Checkout button */
.wc-block-cart__submit-button,
.wc-block-cart .wc-block-cart__submit-button,
.wc-block-cart .wc-block-components-button.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button,
.wc-block-cart .wp-block-woocommerce-proceed-to-checkout-block .wp-element-button,
.wc-block-cart .wp-element-button.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block .wp-element-button {
    display: block;
    width: 100%;
    background: #f7931a !important;
    color: #fff !important;
    border: none !important;
    padding: 1rem !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background 0.2s ease !important;
    text-align: center;
}

.wc-block-cart__submit-button:hover,
.wc-block-cart .wc-block-cart__submit-button:hover,
.wc-block-cart .wc-block-components-button.wc-block-cart__submit-button:hover,
.wp-block-woocommerce-proceed-to-checkout-block .wp-element-button:hover {
    background: #e8860f !important;
}

/* ==========================================================================
   WooCommerce Blocks - Checkout Page
   ========================================================================== */

.wc-block-checkout .wc-block-components-sidebar-layout {
    gap: 2rem;
}

/* Checkout form fields */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-checkout .select2-container .select2-selection--single {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
    color: var(--color-text-dark);
    background: var(--color-bg-section-white);
    transition: border-color var(--transition);
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus {
    outline: none;
    border-color: var(--color-accent);
}

.wc-block-components-text-input label {
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
}

/* Checkout sections */
.wp-block-woocommerce-checkout-contact-information-block,
.wp-block-woocommerce-checkout-shipping-address-block,
.wp-block-woocommerce-checkout-billing-address-block,
.wp-block-woocommerce-checkout-shipping-methods-block,
.wp-block-woocommerce-checkout-payment-block {
    margin-bottom: 1.5rem;
}

/* Checkout section titles */
.wc-block-checkout__form .wc-block-components-checkout-step__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text-dark);
}

/* Radio controls (shipping methods, payment) */
.wc-block-components-radio-control__option {
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius);
    margin-bottom: 0.5rem;
    transition: border-color var(--transition);
}

.wc-block-components-radio-control__option:has(input:checked) {
    border-color: var(--color-accent);
    background: rgba(247, 147, 26, 0.04);
}

.wc-block-components-radio-control__label {
    font-weight: 600;
    color: var(--color-text-dark);
}

/* Checkout order summary */
.wc-block-components-order-summary-item {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-border-light);
}

.wc-block-components-order-summary-item__image img {
    border-radius: var(--radius);
}

.wc-block-components-order-summary-item .wc-block-components-product-name {
    font-weight: 600;
    color: var(--color-text-dark);
}

/* Place Order button */
.wc-block-components-checkout-place-order-button {
    display: block;
    width: 100%;
    background: var(--color-accent) !important;
    color: var(--color-white) !important;
    border: none !important;
    padding: 1rem !important;
    border-radius: 50px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: background 0.2s ease !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background: var(--color-accent-hover) !important;
}

/* Return to cart */
.wc-block-components-checkout-return-to-cart-button {
    color: var(--color-accent);
    font-weight: 600;
    font-size: 0.9rem;
}

/* Checkout notices */
.wc-block-components-notice-banner {
    border-radius: var(--radius);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

/* Express payment buttons */
.wc-block-components-express-payment {
    margin-bottom: 1.5rem;
}

.wc-block-components-express-payment__title-container {
    font-size: 0.85rem;
    color: var(--color-text-dark-secondary);
}

/* ==========================================================================
   WooCommerce Blocks - Responsive
   ========================================================================== */

@media (max-width: 768px) {
    .wc-block-cart .wc-block-components-sidebar-layout,
    .wc-block-checkout .wc-block-components-sidebar-layout {
        flex-direction: column;
    }

    .wc-block-cart__submit-button,
    .wc-block-components-checkout-place-order-button {
        font-size: 0.95rem !important;
        padding: 0.85rem !important;
    }
}

/* ==========================================================================
   Why BVShop Section - Improved Process Cards
   ========================================================================== */

.process-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
}

.process-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-lg);
    padding: 2rem 1.5rem;
    text-align: center;
    position: relative;
    transition: transform var(--transition), box-shadow var(--transition), background var(--transition);
}

.process-card:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.process-card-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-accent);
    color: var(--color-white);
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
}

.process-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    color: var(--color-accent);
}

.process-card-title {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--color-white);
    margin-bottom: 0.5rem;
}

.process-card-desc {
    font-size: 0.85rem;
    color: var(--color-text-light);
    line-height: 1.6;
}

/* Arrow connectors between cards */
.process-card::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid var(--color-accent);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    opacity: 0.4;
}

.process-card:last-child::after {
    display: none;
}

@media (max-width: 992px) {
    .process-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .process-card::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .process-cards {
        grid-template-columns: 1fr;
    }
}