:root { --bsx-bg: #070b14; --bsx-bg-soft: #0b1020; --bsx-card: #11182c; --bsx-card-2: #17213a; --bsx-text: #f8fafc; --bsx-muted: #a8b4c8; --bsx-subtle: #718096; --bsx-border: rgba(129, 140, 248, .28); --bsx-border-strong: rgba(129, 140, 248, .48); --bsx-accent: #6366f1; --bsx-accent-2: #8b5cf6; --bsx-success: #10b981; --bsx-danger: #fb7185; --bsx-radius: 18px; --bsx-shadow: 0 24px 70px rgba(0, 0, 0, .30); --bsx-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } /* Bigstep archive shell: neutralise Haru's decorative archive skin. */ html body.tax-product_cat.term-san-pham-customize{background:#070a16!important;color:#eef0ff} html body.tax-product_cat.term-san-pham-customize #haru-content-main{background-color:#080b18!important;background-image:radial-gradient(circle,rgba(112,104,170,.20) 1px,transparent 1.2px),linear-gradient(180deg,rgba(14,17,38,.18),rgba(8,11,24,.1))!important;background-size:32px 32px,100% 100%!important;background-position:0 0,0 0!important} html body.tax-product_cat.term-san-pham-customize .haru-page-title{height:auto!important;min-height:88px;padding:20px 0!important;background-image:none!important;background-color:transparent!important;border-bottom:1px solid rgba(126,113,202,.18)} html body.tax-product_cat.term-san-pham-customize .haru-page-title__content{max-width:1240px;margin:0 auto;padding:0 24px} html body.tax-product_cat.term-san-pham-customize .haru-breadcrumb{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(128,112,212,.32);border-radius:999px;background:rgba(24,27,57,.72);font-size:12px;font-weight:700} html body.tax-product_cat.term-san-pham-customize .haru-archive-product{padding:34px 0 72px;background:transparent!important} html body.tax-product_cat.term-san-pham-customize .haru-archive-product>.h-row{max-width:1240px;margin:0 auto;padding:0 24px} html body.tax-product_cat.term-san-pham-customize .archive-content{min-width:0} html body.tax-product_cat.term-san-pham-customize .shop-filter{margin:0 0 22px;padding:14px 16px;border:1px solid rgba(126,113,202,.25);border-radius:14px;background:rgba(15,19,42,.72);box-shadow:0 14px 34px rgba(0,0,0,.14)} html body.tax-product_cat.term-san-pham-customize .shop-filter__catalog{align-items:center} html body.tax-product_cat.term-san-pham-customize .shop-filter .woocommerce-result-count{margin:0;color:#9da5c4;font-size:13px;font-weight:700} html body.tax-product_cat.term-san-pham-customize .shop-filter .orderby{border-color:rgba(126,113,202,.5);border-radius:10px;background:#11152d;color:#f1efff;padding:11px 38px 11px 14px;font-weight:700} html body.tax-product_cat.term-san-pham-customize .archive-product.products{min-width:0} html body.tax-product_cat.term-san-pham-customize .archive-product.products>.product-item{border:1px solid rgba(126,113,202,.3);border-radius:16px;background:linear-gradient(155deg,rgba(22,27,57,.94),rgba(11,15,33,.97));box-shadow:0 14px 28px rgba(0,0,0,.13);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease} html body.tax-product_cat.term-san-pham-customize .archive-product.products>.product-item:hover{transform:translateY(-3px);border-color:rgba(166,119,255,.7);box-shadow:0 18px 38px rgba(66,36,150,.22)} html body.tax-product_cat.term-san-pham-customize .archive-product.products>.product-item .product-wrap{background:transparent} @media(max-width:767px){ html body.tax-product_cat.term-san-pham-customize .haru-page-title{min-height:66px;padding:12px 0!important} html body.tax-product_cat.term-san-pham-customize .haru-page-title__content{padding:0 14px} html body.tax-product_cat.term-san-pham-customize .haru-archive-product{padding:18px 0 48px} html body.tax-product_cat.term-san-pham-customize .haru-archive-product>.h-row{padding:0 14px} html body.tax-product_cat.term-san-pham-customize .shop-filter{margin-bottom:14px;padding:10px;border-radius:12px} html body.tax-product_cat.term-san-pham-customize .shop-filter__layout{display:none} } /* Checkout shipping payer: keep the AJAX-refreshed block full width. This intentionally relies only on WooCommerce's stable checkout structure. */ body.woocommerce-checkout #order_review table.shop_table tfoot, body.woocommerce-checkout #order_review table.shop_table tfoot tr.woocommerce-shipping-totals, body.woocommerce-checkout #order_review table.shop_table tfoot tr.woocommerce-shipping-totals > td, body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals, body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals > td{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals > th{ display:none!important; } body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul#shipping_method, body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul#shipping_method > li, body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods > li{ display:grid!important; grid-template-columns:minmax(0,1fr) 22px!important; align-items:center!important; gap:10px!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:46px!important; margin:0 0 8px!important; padding:9px 12px!important; box-sizing:border-box!important; overflow:visible!important; } body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul#shipping_method > li:last-child, body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods > li:last-child{ margin-bottom:0!important; } body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul#shipping_method > li > label, body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods > li > label{ grid-column:1!important; width:auto!important; min-width:0!important; margin:0!important; white-space:normal!important; overflow-wrap:anywhere!important; } body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul#shipping_method > li > input, body.woocommerce-checkout #order_review tr.woocommerce-shipping-totals ul.woocommerce-shipping-methods > li > input{ grid-column:2!important; justify-self:end!important; position:static!important; margin:0!important; } /* Let the homepage canvas continue behind the support and SEO shortcode bands. */ body.home .bs-home-support-cta, body.home .bigstep-seo-intro { background: transparent !important; } /* Continue the homepage canvas through the footer instead of a separate dark band. */ body.home:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer { background: transparent !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone), body.bigstep-content-redesign:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) { background: linear-gradient(rgba(99, 102, 241, .025) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(99, 102, 241, .025) 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(ellipse 70% 46% at 50% 0%, rgba(99, 102, 241, .14), transparent 58%), #070b14 !important; color: var(--bsx-text); font-family: var(--bsx-font); } body.bigstep-woo-redesign:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where(a, button, input, select, textarea), body.bigstep-content-redesign:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where(a, button, input, select, textarea) { font-family: var(--bsx-font); } /* Global theme buttons, excluding app surfaces and slider/navigation controls. */ body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( a.button, a.added_to_cart, button.button, input.button, .button, .btn, .haru-button, .haru-btn, .elementor-button, .wp-block-button__link, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button, .woocommerce .wc-forward, .woocommerce-Button, input[type="submit"], input[type="button"], button[type="submit"] ):not(.slick-arrow):not(.owl-prev):not(.owl-next):not(.swiper-button-next):not(.swiper-button-prev):not(.fancybox-button):not(.mfp-close):not(.pswp__button):not(.quantity button):not(.qty):not(.menu-toggle):not(.navbar-toggle):not(.bigstep-ai-app *):not(.bigstep-landing *):not(.bigstep-home-landing *):not(.bigstep-ai-checkout *) { -webkit-appearance: none !important; appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 44px !important; padding: 0 22px !important; border: 1px solid rgba(129, 140, 248, .42) !important; border-radius: 12px !important; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 60%, #a855f7 100%) !important; color: #fff !important; box-shadow: 0 14px 34px rgba(99, 102, 241, .24), inset 0 1px 0 rgba(255, 255, 255, .16) !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; vertical-align: middle !important; white-space: nowrap !important; cursor: pointer !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( a.button, a.added_to_cart, button.button, input.button, .button, .btn, .haru-button, .haru-btn, .elementor-button, .wp-block-button__link, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button, .woocommerce .wc-forward, .woocommerce-Button, input[type="submit"], input[type="button"], button[type="submit"] ):not(.slick-arrow):not(.owl-prev):not(.owl-next):not(.swiper-button-next):not(.swiper-button-prev):not(.fancybox-button):not(.mfp-close):not(.pswp__button):not(.quantity button):not(.qty):not(.menu-toggle):not(.navbar-toggle):not(.bigstep-ai-app *):not(.bigstep-landing *):not(.bigstep-home-landing *):not(.bigstep-ai-checkout *):hover { border-color: rgba(199, 210, 254, .70) !important; background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 62%, #9333ea 100%) !important; color: #fff !important; box-shadow: 0 18px 42px rgba(99, 102, 241, .32), inset 0 1px 0 rgba(255, 255, 255, .18) !important; transform: translateY(-1px) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( button:disabled, button.disabled, input:disabled, input.disabled, a.disabled, .button.disabled, .button:disabled ):not(.bigstep-ai-app *):not(.bigstep-landing *):not(.bigstep-home-landing *) { opacity: .55 !important; cursor: not-allowed !important; box-shadow: none !important; transform: none !important; } /* Shared page shell. */ body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.content-area, .site-main, .haru-archive-product, .haru-single-product, .haru-single-blog, .haru-archive-blog), body.bigstep-content-redesign:not(.bigstep-plugin-surface) :where(.content-area, .site-main, .haru-archive-blog, .haru-single-blog) { max-width: 1280px; margin-left: auto; margin-right: auto; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title { background: transparent !important; border-bottom: 1px solid var(--bsx-border); margin-bottom: 28px; min-height: 0 !important; padding: 0 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title__content, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title__content { min-height: 0 !important; padding: clamp(34px, 4vw, 56px) 20px !important; background: radial-gradient(ellipse 70% 70% at 50% 0%, rgba(99, 102, 241, .13), transparent 62%), linear-gradient(180deg, rgba(7, 11, 20, .98), rgba(9, 14, 27, .90)) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title :where(.container, .page-title-inner, .page-title-content), body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title :where(.container, .page-title-inner, .page-title-content) { min-height: 0 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title :where(h1, h2, .page-title, .entry-title, .haru-page-title__heading--main), body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title :where(h1, h2, .page-title, .entry-title, .haru-page-title__heading--main) { margin: 0 !important; color: var(--bsx-text) !important; font-size: clamp(30px, 4vw, 44px) !important; font-weight: 950 !important; line-height: 1.08 !important; letter-spacing: -.035em !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title :where(.breadcrumbs, .breadcrumb, .woocommerce-breadcrumb), body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title :where(.breadcrumbs, .breadcrumb, .woocommerce-breadcrumb) { margin-top: 12px !important; color: var(--bsx-muted) !important; font-size: 14px !important; font-weight: 700 !important; } .bigstep-page-intro { position: relative; margin: 0 0 22px; padding: clamp(24px, 4vw, 44px); border: 1px solid var(--bsx-border); border-radius: 22px; background: linear-gradient(135deg, rgba(99, 102, 241, .16), rgba(139, 92, 246, .08)), rgba(15, 23, 42, .82); box-shadow: var(--bsx-shadow); overflow: hidden; } .bigstep-page-intro::after { content: ""; position: absolute; inset: auto -10% -40% auto; width: 42%; height: 80%; background: radial-gradient(circle, rgba(251, 125, 82, .18), transparent 64%); pointer-events: none; } .bigstep-page-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 7px 11px; border: 1px solid var(--bsx-border-strong); border-radius: 999px; color: #c7d2fe; background: rgba(99, 102, 241, .10); font-size: 12px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .bigstep-page-kicker::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: var(--bsx-success); box-shadow: 0 0 18px rgba(16, 185, 129, .80); } .bigstep-page-intro h1 { position: relative; z-index: 1; max-width: 760px; margin: 0; color: var(--bsx-text); font-size: clamp(30px, 5vw, 58px); font-weight: 950; line-height: 1.02; letter-spacing: -.045em; } .bigstep-page-intro p { position: relative; z-index: 1; max-width: 680px; margin: 14px 0 0; color: var(--bsx-muted); font-size: 15px; line-height: 1.75; font-weight: 600; } /* WooCommerce archive/product cards. */ body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-products-header { display: none; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce .woocommerce-result-count, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-result-count, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce .woocommerce-ordering, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__label, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__catalog, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__view, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .price_slider_amount, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget { margin: 0 0 18px; color: var(--bsx-muted) !important; font-size: 13px; font-weight: 700; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget :where(.price_label, .from, .to, label, span, p) { color: var(--bsx-muted) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .widget :where(.widget-title, .widget-title span, h2, h3, h4) { color: var(--bsx-text) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce .woocommerce-ordering select, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce select.orderby { min-height: 42px; padding: 0 38px 0 14px; border: 1px solid var(--bsx-border); border-radius: 12px; background-color: rgba(15, 23, 42, .86); color: var(--bsx-text); } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px !important; margin: 0 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; padding: 12px !important; border: 1px solid var(--bsx-border); border-radius: 18px; background: linear-gradient(180deg, rgba(17, 24, 39, .94), rgba(15, 23, 42, .86)); box-shadow: 0 20px 54px rgba(0, 0, 0, .24); overflow: hidden; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product:hover { border-color: var(--bsx-border-strong); transform: translateY(-3px); box-shadow: 0 26px 70px rgba(0, 0, 0, .34); } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product a img, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .product-thumbnail img { width: 100% !important; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 14px; background: #fff; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .woocommerce-loop-product__title, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .product-title, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .product-title a, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product h2, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product h3 { min-height: 2.7em; margin: 14px 0 8px !important; color: var(--bsx-text) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; letter-spacing: -.01em; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce ul.products li.product .price, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .price { display: flex; align-items: baseline; gap: 8px; min-height: 24px; margin: 0 0 12px !important; color: #a5b4fc !important; font-size: 16px !important; font-weight: 950 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce ul.products li.product .price :where(.amount, bdi), body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .price :where(.amount, bdi) { color: inherit !important; font: inherit !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce ul.products li.product .price del, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .price del { color: #718096 !important; font-size: 12px; opacity: 1 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce ul.products li.product :where(.button, a.button, .add_to_cart_button) { width: 100% !important; margin-top: auto !important; } /* Woo inserts a second "view cart" anchor after an AJAX add. The site already confirms success through its popup/minicart, so keep product cards to one CTA. */ body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce ul.products li.product a.added_to_cart, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product a.added_to_cart, body.home.bigstep-plugin-surface #uc_woocommerce_product_carousel_elementor_dc941e1 a.added_to_cart { display: none !important; } @media (max-width: 767px) { /* Teespace prints the same AJAX add button once in .product-actions and once in .product-info. The second copy becomes visible after added_to_cart. */ body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .product-info > .product-button--add-to-cart, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info > .product-button--add-to-cart { display: none !important; } } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products.layout-grid, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-product.products .products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 12px !important; border: 1px solid var(--bsx-border) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(17, 24, 39, .94), rgba(15, 23, 42, .86)) !important; box-sizing: border-box !important; box-shadow: 0 20px 54px rgba(0, 0, 0, .24) !important; overflow: hidden !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-wrap { display: flex !important; flex-direction: column !important; height: 100% !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-top, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-thumbnail { border-radius: 14px !important; background: #fff !important; overflow: hidden !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-thumbnail img { width: 100% !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info { padding: 13px 2px 2px !important; background: transparent !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info :where(.woocommerce-loop-product__title, .product-title, h2, h3), body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info :where(.woocommerce-loop-product__title, .product-title, h2, h3) a { min-height: 2.7em !important; margin: 0 0 8px !important; color: #f8fafc !important; opacity: 1 !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.35 !important; letter-spacing: -.01em !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info .price { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 7px !important; margin: 0 !important; color: #60a5fa !important; font-size: 15px !important; font-weight: 950 !important; line-height: 1.3 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info .price :where(.amount, bdi, ins) { color: inherit !important; font: inherit !important; text-decoration: none !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info .price :where(.nbo-base-price-html, del) { color: var(--bsx-subtle) !important; font-size: 12px !important; font-weight: 750 !important; opacity: 1 !important; } /* Single product. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product { max-width: 1280px; margin: 0 auto 50px !important; padding: 0 18px; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-top { display: grid !important; grid-template-columns: minmax(340px, .92fr) minmax(430px, 1.08fr); gap: clamp(24px, 4vw, 46px); align-items: start; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-image-wrap, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-summary { float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .woocommerce-product-gallery, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-summary .summary-content { float: none !important; width: 100% !important; max-width: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .woocommerce-product-gallery { padding: 16px; border: 1px solid var(--bsx-border); border-radius: 22px; background: #fff; box-shadow: var(--bsx-shadow); } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .woocommerce-product-gallery img { border-radius: 16px; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary { position: sticky; top: 22px; padding: clamp(20px, 2.8vw, 30px) !important; border: 1px solid var(--bsx-border); border-radius: 22px; background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(15, 23, 42, .90)); box-shadow: var(--bsx-shadow); overflow: hidden; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .product_title { margin: 0 0 12px !important; color: var(--bsx-text) !important; font-size: clamp(26px, 2.45vw, 38px) !important; font-weight: 950 !important; line-height: 1.12 !important; letter-spacing: -.028em !important; overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product p.price, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product span.price { color: #a5b4fc !important; font-size: clamp(22px, 2.3vw, 30px) !important; font-weight: 950 !important; line-height: 1.12 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product p.price :where(.amount, bdi), body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product span.price :where(.amount, bdi) { color: inherit !important; font: inherit !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-wrap, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-customizer, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-field, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-group { max-width: 100% !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-badge, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-pill, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-option { border-color: rgba(129, 140, 248, .38) !important; background: rgba(99, 102, 241, .12) !important; color: #c7d2fe !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-balloon, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-inner, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-arrow { border-color: rgba(129, 140, 248, .28) !important; background: #10192d !important; color: var(--bsx-text) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-body, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-support { color: var(--bsx-muted) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options { margin-top: 22px !important; padding: 18px !important; border: 1px solid rgba(129, 140, 248, .24) !important; border-radius: 18px !important; background: rgba(2, 6, 23, .42) !important; color: var(--bsx-text) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; margin-bottom: 16px !important; padding-bottom: 14px !important; border-bottom: 1px solid rgba(129, 140, 248, .16) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__head strong { display: block !important; color: var(--bsx-text) !important; font-size: 19px !important; font-weight: 950 !important; line-height: 1.2 !important; letter-spacing: -.015em !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__eyebrow, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__label { display: block !important; margin-bottom: 8px !important; color: var(--bsx-subtle) !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: .06em !important; text-transform: uppercase !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__price { color: #a5b4fc !important; font-size: 20px !important; font-weight: 950 !important; line-height: 1.15 !important; text-align: right !important; white-space: nowrap !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__section { margin-top: 14px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__segmented, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__chips { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__segment, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__chip, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__color { -webkit-appearance: none !important; appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 42px !important; padding: 0 14px !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 12px !important; background: rgba(15, 23, 42, .78) !important; color: var(--bsx-muted) !important; box-shadow: none !important; font-size: 13px !important; font-weight: 850 !important; line-height: 1.1 !important; text-transform: none !important; white-space: nowrap !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__segment.is-active, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__chip.is-active, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__color.is-active { border-color: rgba(129, 140, 248, .70) !important; background: rgba(99, 102, 241, .18) !important; color: #f8fafc !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__segment svg, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__design svg { width: 17px !important; height: 17px !important; fill: currentColor !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__color-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__color { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; min-height: 68px !important; padding: 8px 10px !important; text-align: left !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__color-media { box-sizing: border-box !important; display: grid !important; place-items: center !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; flex: 0 0 52px !important; aspect-ratio: 1 / 1 !important; border: 1px solid rgba(226, 232, 240, .9) !important; border-radius: 12px !important; background: #fff !important; overflow: hidden !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__color-media img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; opacity: 1 !important; visibility: visible !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__actions { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; margin-top: 18px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__design, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__clear { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 46px !important; padding: 0 16px !important; border-radius: 13px !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__design[hidden], body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options [data-bigstep-design-link][hidden] { display: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__design { border: 1px solid rgba(199, 210, 254, .38) !important; background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; color: #fff !important; box-shadow: 0 16px 34px rgba(99, 102, 241, .24) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options__clear { border: 1px solid rgba(129, 140, 248, .22) !important; background: rgba(15, 23, 42, .76) !important; color: var(--bsx-muted) !important; } .bigstep-product-trust { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 20px; } .bigstep-product-trust span { display: inline-flex; align-items: center; min-height: 30px; padding: 0 10px; border: 1px solid var(--bsx-border); border-radius: 999px; color: #c7d2fe; background: rgba(99, 102, 241, .10); font-size: 12px; font-weight: 850; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .variations_form { margin-top: 20px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.variations th, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.variations td { display: block; width: 100%; padding: 0 0 10px !important; color: var(--bsx-muted); } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.variations select, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .quantity input.qty { min-height: 44px; border: 1px solid var(--bsx-border); border-radius: 12px; background: rgba(2, 6, 23, .55); color: var(--bsx-text); } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single_add_to_cart_button { width: 100% !important; min-height: 54px !important; margin-top: 12px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .related, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .up-sells { max-width: 1280px; margin: 34px auto 0 !important; padding: 0 18px; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs { padding: 22px !important; border: 1px solid var(--bsx-border); border-radius: 22px; background: rgba(15, 23, 42, .72); box-shadow: var(--bsx-shadow); } /* Cart and checkout. */ body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce { max-width: 1180px; margin: 0 auto; padding: 0 18px 52px; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout { padding: clamp(18px, 3vw, 28px); border: 1px solid var(--bsx-border); border-radius: 22px; background: linear-gradient(180deg, rgba(17, 24, 39, .94), rgba(15, 23, 42, .88)); box-shadow: var(--bsx-shadow); } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table { border: 0 !important; border-collapse: separate !important; border-spacing: 0 10px !important; background: transparent !important; color: var(--bsx-text); } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table th, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table th { border: 0 !important; color: var(--bsx-subtle); font-size: 12px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table td, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table td { border: 0 !important; background: rgba(2, 6, 23, .38); color: var(--bsx-text); vertical-align: middle; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tr.cart_item td:first-child, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tr.cart_item td:first-child { border-radius: 14px 0 0 14px; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tr.cart_item td:last-child, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tr.cart_item td:last-child { border-radius: 0 14px 14px 0; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals .cart_totals { float: none !important; width: 100% !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals { margin-top: 20px; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 430px !important; gap: 24px; max-width: 1060px; margin-left: auto !important; margin-right: auto !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #customer_details, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review_heading, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order { float: none !important; width: 430px !important; max-width: none !important; min-width: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review_heading, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order { grid-column: 2; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #customer_details { grid-row: 1 / span 2; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review { position: sticky; top: 22px; align-self: start; width: 100% !important; max-width: none !important; padding: 18px; border: 1px solid var(--bsx-border); border-radius: 18px; background: rgba(2, 6, 23, .58) !important; color: var(--bsx-text) !important; overflow: hidden; box-sizing: border-box !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .woocommerce-additional-fields h3, #order_review_heading, .woocommerce-checkout-order h3) { margin: 0 0 16px !important; color: var(--bsx-text) !important; font-size: 22px !important; font-weight: 950 !important; line-height: 1.18 !important; letter-spacing: -.02em !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .woocommerce-checkout-review-order-wrap { width: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .shop_table, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .woocommerce-checkout-review-order-table { width: 100% !important; min-width: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 10px !important; table-layout: fixed !important; background: transparent !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.product-total) { width: 132px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(th, td) { border: 0 !important; color: var(--bsx-text) !important; background: transparent !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(p, dt, dd, li, label, small, .variation, .variation *) { color: var(--bsx-muted) !important; font-size: 12px !important; line-height: 1.45 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review thead th { color: var(--bsx-subtle) !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .06em !important; text-transform: uppercase !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tbody tr.cart_item td { padding: 16px 12px !important; background: rgba(15, 23, 42, .90) !important; color: var(--bsx-text) !important; vertical-align: top !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tbody tr.cart_item td:first-child { border-radius: 14px 0 0 14px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tbody tr.cart_item td:last-child { border-radius: 0 14px 14px 0 !important; text-align: right !important; white-space: nowrap !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.product-name, .product-name a, .cart_item .product-name) { color: #f8fafc !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.45 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.product-total, .cart-subtotal td, .order-total td, .amount, bdi) { color: #fff !important; font-weight: 900 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr :where(th, td) { padding: 14px 12px !important; border-top: 1px solid rgba(129, 140, 248, .16) !important; background: rgba(15, 23, 42, .74) !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr th { border-radius: 12px 0 0 12px !important; color: var(--bsx-muted) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr td { border-radius: 0 12px 12px 0 !important; text-align: right !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-checkout-payment { border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 16px !important; background: rgba(15, 23, 42, .70) !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods { border-bottom: 1px solid rgba(129, 140, 248, .18) !important; background: transparent !important; color: var(--bsx-text) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce form .form-row label { color: var(--bsx-muted); font-size: 13px; font-weight: 800; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce form .form-row input.input-text, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce form .form-row textarea, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce form .form-row select, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .select2-container .select2-selection--single { min-height: 46px; border: 1px solid var(--bsx-border) !important; border-radius: 12px !important; background: rgba(2, 6, 23, .52) !important; color: var(--bsx-text) !important; box-shadow: none !important; } /* ------------------------------------------------------------------ * Select2 dropdown (Tỉnh/Phường/Xã) — dark mode. Dropdown được Select2 * attach vào (không nằm trong #order_review) nên phải scope theo * body.bigstep-woo-redesign + selector select2 global. * ------------------------------------------------------------------ */ body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ~ .select2-container--open .select2-dropdown, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .select2-container--open .select2-dropdown, body.bigstep-woo-redesign.woocommerce-checkout .select2-dropdown { border: 1px solid rgba(129, 140, 248, .32) !important; border-radius: 12px !important; background: rgba(15, 23, 42, .96) !important; box-shadow: 0 18px 44px rgba(0, 0, 0, .5) !important; overflow: hidden !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-search--dropdown { padding: 8px !important; background: transparent !important; border-bottom: 1px solid rgba(129, 140, 248, .16) !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-search--dropdown .select2-search__field { min-height: 38px !important; padding: 8px 10px !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 8px !important; background: rgba(2, 6, 23, .72) !important; color: #f8fafc !important; font-size: 13px !important; outline: none !important; box-shadow: none !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-search--dropdown .select2-search__field::placeholder { color: rgba(203, 213, 225, .55) !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-results { background: transparent !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-results__options { background: transparent !important; max-height: 260px !important; scrollbar-color: rgba(129, 140, 248, .4) transparent !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-results__option { padding: 10px 14px !important; background: transparent !important; color: #e2e8f0 !important; font-size: 13.5px !important; line-height: 1.4 !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-results__option[aria-selected="true"] { background: rgba(99, 102, 241, .18) !important; color: #f8fafc !important; font-weight: 700 !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-results__option--highlighted, body.bigstep-woo-redesign.woocommerce-checkout .select2-results__option--highlighted[aria-selected] { background: linear-gradient(135deg, rgba(99, 102, 241, .72), rgba(139, 92, 246, .68)) !important; color: #fff !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-results__message, body.bigstep-woo-redesign.woocommerce-checkout .select2-results__option--disabled { color: rgba(203, 213, 225, .55) !important; } /* Selection (ô hiển thị giá trị đã chọn) — text color + arrow */ body.bigstep-woo-redesign.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { color: #f1f5f9 !important; line-height: 46px !important; padding-left: 14px !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__placeholder { color: rgba(203, 213, 225, .55) !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: rgba(203, 213, 225, .7) transparent transparent transparent !important; } body.bigstep-woo-redesign.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent rgba(203, 213, 225, .7) transparent !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-error, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-info, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-message { border: 1px solid var(--bsx-border) !important; border-radius: 16px; background: rgba(15, 23, 42, .90) !important; color: var(--bsx-text) !important; box-shadow: 0 16px 44px rgba(0, 0, 0, .24); } /* Blog archive and single. */ body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-archive-blog, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-single-blog { padding: 0 18px 54px; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-wrap, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-wrap { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--bsx-border); border-radius: 20px; background: linear-gradient(180deg, rgba(17, 24, 39, .94), rgba(15, 23, 42, .86)); box-shadow: 0 20px 54px rgba(0, 0, 0, .24); overflow: hidden; } body.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-wrap :where(.post-thumbnail, .post-image, .post-featured) img { width: 100%; max-width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-content, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-content, body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-info, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-info { padding: 18px !important; } body.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-title, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-title a, body.bigstep-content-redesign:not(.bigstep-plugin-surface) h2.entry-title, body.bigstep-content-redesign:not(.bigstep-plugin-surface) h2.entry-title a { color: var(--bsx-text) !important; font-size: 20px !important; font-weight: 950 !important; line-height: 1.2 !important; letter-spacing: -.025em; } body.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-meta, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-meta-wrap, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .entry-meta { color: var(--bsx-subtle) !important; font-size: 12px !important; font-weight: 800 !important; } body.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-excerpt, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .entry-summary, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-content p { color: var(--bsx-muted); font-size: 14px; line-height: 1.7; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 330px); gap: 28px; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content .post-wrap { padding: clamp(22px, 4vw, 42px); border: 1px solid var(--bsx-border); border-radius: 24px; background: rgba(15, 23, 42, .84); box-shadow: var(--bsx-shadow); } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content h1, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content .post-title { color: var(--bsx-text); font-size: clamp(32px, 5vw, 58px) !important; font-weight: 950 !important; line-height: 1.05 !important; letter-spacing: -.045em; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content :where(p, li) { color: #d4dbea; font-size: 16px; line-height: 1.85; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content :where(h2, h3, h4) { color: var(--bsx-text); font-weight: 900; letter-spacing: -.025em; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) :where(.sidebar, .widget-area, aside) { padding: 18px; border: 1px solid var(--bsx-border); border-radius: 20px; background: rgba(15, 23, 42, .72); align-self: start; } body.bigstep-content-redesign:not(.bigstep-plugin-surface) :where(.widget, .widget a) { color: var(--bsx-muted); } body.bigstep-content-redesign:not(.bigstep-plugin-surface) :where(.widget-title, .widget h2, .widget h3) { color: var(--bsx-text); font-weight: 900; } .bigstep-blog-index { max-width: 1280px; margin: 0 auto; padding: 0 18px 54px; } .bigstep-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .bigstep-blog-card { display: flex; flex-direction: column; min-height: 100%; border: 1px solid var(--bsx-border); border-radius: 20px; background: linear-gradient(180deg, rgba(17, 24, 39, .94), rgba(15, 23, 42, .86)); box-shadow: 0 20px 54px rgba(0, 0, 0, .24); overflow: hidden; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .bigstep-blog-card:hover { border-color: var(--bsx-border-strong); transform: translateY(-3px); box-shadow: 0 26px 70px rgba(0, 0, 0, .34); } .bigstep-blog-card__media { display: block; background: #0b1020; } .bigstep-blog-card__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; } .bigstep-blog-card__body { display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 18px; } .bigstep-blog-card__meta { color: var(--bsx-subtle); font-size: 12px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; } .bigstep-blog-card h2 { margin: 0; color: var(--bsx-text); font-size: 20px; font-weight: 950; line-height: 1.2; letter-spacing: -.025em; } .bigstep-blog-card h2 a { color: inherit; text-decoration: none; } .bigstep-blog-card p { margin: 0; color: var(--bsx-muted); font-size: 14px; line-height: 1.7; } .bigstep-blog-card__link { display: inline-flex; align-items: center; margin-top: auto; color: #c7d2fe; font-size: 13px; font-weight: 900; text-decoration: none; } @media (max-width: 1100px) { body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products.layout-grid, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-product.products .products { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout, .bigstep-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Final checkout hardening. Keep the native Woo checkout dark even when the parent theme or Woo blocks inject white wrappers after the main form CSS. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) { background: linear-gradient(rgba(99, 102, 241, .025) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(99, 102, 241, .025) 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(ellipse 70% 46% at 50% 0%, rgba(99, 102, 241, .14), transparent 58%), #070b14 !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( #haru-content-main, #main, #primary, .site, .site-content, .content-area, .site-main, .page-content, .entry-content, .elementor, .elementor-section-wrap, .elementor-widget-container ) { background: transparent !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce { background: transparent !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-info, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-message, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-error { border: 1px solid rgba(129, 140, 248, .24) !important; border-left: 3px solid #3b82f6 !important; background: rgba(15, 23, 42, .82) !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-info a, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-message a, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-error a { color: #c7d2fe !important; font-weight: 900 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(360px, 430px) !important; align-items: start !important; gap: 24px !important; max-width: 1120px !important; background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(15, 23, 42, .90)) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #customer_details { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: auto !important; max-width: 100% !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review_heading, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order { grid-column: 2 !important; width: auto !important; max-width: 100% !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .woocommerce-checkout-review-order-wrap, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .woocommerce-checkout-review-order-table, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review thead, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tbody, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot { background: transparent !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review { background: rgba(2, 6, 23, .58) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .woocommerce-checkout-review-order-wrap { padding: 0 !important; border: 0 !important; border-radius: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table { width: 100% !important; min-width: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 10px !important; table-layout: fixed !important; margin: 0 0 16px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table :where(th, td) { border: 0 !important; background: transparent !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table thead th { color: var(--bsx-subtle) !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .06em !important; text-transform: uppercase !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td { padding: 16px 12px !important; background: rgba(15, 23, 42, .92) !important; color: var(--bsx-text) !important; vertical-align: top !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td:first-child { border-radius: 14px 0 0 14px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td:last-child { border-radius: 0 14px 14px 0 !important; text-align: right !important; white-space: nowrap !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.product-name, .product-name a, .cart_item .product-name) { color: #f8fafc !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.45 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.variation, .variation *, small, p, dt, dd, li, label) { color: var(--bsx-muted) !important; font-size: 12px !important; line-height: 1.45 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr :where(th, td) { padding: 14px 12px !important; border-top: 1px solid rgba(129, 140, 248, .16) !important; background: rgba(15, 23, 42, .74) !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr th { border-radius: 12px 0 0 12px !important; color: var(--bsx-muted) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr td { border-radius: 0 12px 12px 0 !important; text-align: right !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.amount, bdi, .product-total, .cart-subtotal td, .order-total td) { color: #ffffff !important; font-weight: 900 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity { display: inline-grid !important; grid-template-columns: 34px 44px 34px !important; align-items: center !important; width: auto !important; min-width: 112px !important; height: 38px !important; margin: 8px 0 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 12px !important; background: #111827 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity :where(button, .minus, .plus, .qty_button, .quantity-button) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; min-width: 34px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #c7d2fe !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity input.qty, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity input[type="number"], body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review input.qty { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #f8fafc !important; font-size: 14px !important; font-weight: 800 !important; text-align: center !important; box-shadow: none !important; -moz-appearance: textfield !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity input.qty::-webkit-outer-spin-button, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } @media (max-width: 900px) { body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout { grid-template-columns: 1fr !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #customer_details, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review_heading, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order { grid-column: 1 !important; width: 100% !important; } } @media (max-width: 900px) { body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-top, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content { grid-template-columns: 1fr; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review { position: static; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review { width: 100% !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review_heading, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review { grid-column: auto; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #customer_details { grid-row: auto; } } @media (max-width: 700px) { body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products.layout-grid, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-product.products .products, body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout, .bigstep-blog-grid { grid-template-columns: 1fr; } .bigstep-page-intro { padding: 22px; border-radius: 18px; } .bigstep-page-intro h1 { font-size: clamp(28px, 9vw, 40px); } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-archive-blog, body.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-single-blog { padding-left: 12px; padding-right: 12px; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table { font-size: 13px; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( a.button, a.added_to_cart, button.button, input.button, .button, .btn, .haru-button, .haru-btn, .elementor-button, .wp-block-button__link, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button, .woocommerce .wc-forward, .woocommerce-Button, input[type="submit"], input[type="button"], button[type="submit"] ):not(.slick-arrow):not(.owl-prev):not(.owl-next):not(.swiper-button-next):not(.swiper-button-prev):not(.fancybox-button):not(.mfp-close):not(.pswp__button):not(.quantity button):not(.qty):not(.menu-toggle):not(.navbar-toggle):not(.bigstep-ai-app *):not(.bigstep-landing *):not(.bigstep-home-landing *):not(.bigstep-ai-checkout *) { min-height: 42px !important; padding: 0 16px !important; font-size: 13px !important; line-height: 1.15 !important; white-space: normal !important; } } /* Last-source checkout guard: parent theme and Woo fragments sometimes repaint the review column white after the main shop rules. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( #order_review, #order_review .woocommerce-checkout-review-order-wrap, #order_review .woocommerce-checkout-review-order-table, #order_review table.shop_table, #order_review table.shop_table thead, #order_review table.shop_table tbody, #order_review table.shop_table tfoot ) { background: transparent !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review { background: rgba(2, 6, 23, .60) !important; border: 1px solid var(--bsx-border) !important; border-radius: 18px !important; overflow: hidden !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table :where(th, td) { border: 0 !important; background: transparent !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td { background: rgba(15, 23, 42, .92) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr :where(th, td) { background: rgba(15, 23, 42, .74) !important; color: var(--bsx-text) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.product-name, .product-name a, .amount, bdi, .product-total, .cart-subtotal td, .order-total td) { color: #fff !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.variation, .variation *, small, p, dt, dd, li, label) { color: var(--bsx-muted) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity { display: inline-grid !important; grid-template-columns: 34px 44px 34px !important; align-items: center !important; width: auto !important; min-width: 112px !important; height: 38px !important; margin: 8px 0 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 12px !important; background: #111827 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity :where(button, .minus, .plus, .qty_button, .quantity-button) { width: 34px !important; min-width: 34px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #c7d2fe !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity input.qty, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review input.qty { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #f8fafc !important; font-size: 14px !important; font-weight: 800 !important; text-align: center !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .payment_box, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-checkout-payment .payment_box { border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 14px !important; background: rgba(15, 23, 42, .88) !important; color: var(--bsx-muted) !important; box-shadow: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .payment_box::before, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-checkout-payment .payment_box::before { border-bottom-color: rgba(15, 23, 42, .88) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment :where(p, label, li), body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-checkout-payment :where(p, label, li) { color: var(--bsx-muted) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .blockUI.blockOverlay, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce .blockUI.blockOverlay { background: rgba(2, 6, 23, .50) !important; border-radius: 18px !important; opacity: .55 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout { display: block !important; max-width: 1140px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(380px, 430px) !important; align-items: start !important; gap: 24px !important; width: 100% !important; min-width: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-customer, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #customer_details, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review_heading, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review { float: none !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order { grid-column: 2 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity br { display: none !important; } @media (max-width: 900px) { body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-wrap { grid-template-columns: 1fr !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order { grid-column: 1 !important; } } /* Final native theme guard. These rules intentionally sit last because Teespace and older customizer snippets repaint Woo/blog surfaces after the child CSS. */ body.bigstep-woo-redesign:not(.bigstep-plugin-surface), body.bigstep-content-redesign:not(.bigstep-plugin-surface) { background: linear-gradient(rgba(99, 102, 241, .025) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(99, 102, 241, .025) 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(ellipse 70% 46% at 50% 0%, rgba(99, 102, 241, .14), transparent 58%), #070b14 !important; color: var(--bsx-text) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( #haru-content-main, #primary, #main, .site, .site-content, .content-area, .site-main, .page-content, .entry-content, .haru-archive-product, .haru-single-product, .haru-cart, .haru-checkout, .woocommerce ), body.bigstep-content-redesign:not(.bigstep-plugin-surface) :where( #haru-content-main, #primary, #main, .site, .site-content, .content-area, .site-main, .page-content, .entry-content, .haru-archive-blog, .haru-single-blog ) { background: transparent !important; color: var(--bsx-text) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( h1, h2, h3, h4, h5, h6, .product_title, .woocommerce-loop-product__title, .product-title, .widget-title, .woocommerce-tabs .tabs li a, .woocommerce-Tabs-panel h2 ), body.bigstep-content-redesign:not(.bigstep-plugin-surface) :where( h1, h2, h3, h4, h5, h6, .post-title, .post-title a, .entry-title, .entry-title a, .widget-title ) { color: var(--bsx-text) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( p, li, label, small, dd, dt, .woocommerce-result-count, .shop-filter, .shop-filter__label, .product_meta, .product_meta *, .woocommerce-product-details__short-description, .woocommerce-product-details__short-description *, .woocommerce-Tabs-panel, .woocommerce-Tabs-panel *, .widget, .widget * ), body.bigstep-content-redesign:not(.bigstep-plugin-surface) :where( p, li, label, small, .post-excerpt, .entry-summary, .entry-meta, .post-meta-info, .widget, .widget * ) { color: var(--bsx-muted) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( a, .amount, bdi, .price, .price *, .product_meta a, .woocommerce-Tabs-panel a ), body.bigstep-content-redesign:not(.bigstep-plugin-surface) :where(a) { color: #c7d2fe !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( input:not([type="checkbox"]):not([type="radio"]), select, textarea, .select2-selection, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple ) { min-height: 44px !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 12px !important; background: #0b1222 !important; color: #f8fafc !important; box-shadow: none !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( input::placeholder, textarea::placeholder, .select2-selection__placeholder ) { color: #7f8ea8 !important; opacity: 1 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .woocommerce-ordering select, select.orderby, .shop-filter select, .shop-filter__view a, .shop-filter__view button, .gridlist-toggle a, .view-mode a, .catalog-view a ) { display: inline-flex !important; align-items: center !important; min-height: 46px !important; padding: 0 42px 0 16px !important; border: 1px solid rgba(129, 140, 248, .34) !important; border-radius: 12px !important; background-color: #0b1222 !important; color: #f8fafc !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.1 !important; box-shadow: none !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .shop-filter__view a, .shop-filter__view button, .gridlist-toggle a, .view-mode a, .catalog-view a ) { justify-content: center !important; width: 38px !important; min-width: 38px !important; min-height: 38px !important; padding: 0 !important; border-color: rgba(129, 140, 248, .22) !important; background: rgba(15, 23, 42, .72) !important; color: #a8b4c8 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .shop-filter__view a.active, .shop-filter__view a.current, .gridlist-toggle a.active, .view-mode a.active, .catalog-view a.active ) { color: #f8fafc !important; border-color: rgba(129, 140, 248, .56) !important; background: rgba(99, 102, 241, .18) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .widget_product_tag_cloud a, .widget_tag_cloud a, .tagcloud a, .wp-tag-cloud a, .product-tags a, .product-tag a, .tags a ) { display: inline-flex !important; align-items: center !important; min-height: 30px !important; margin: 0 6px 8px 0 !important; padding: 0 12px !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 10px !important; background: rgba(15, 23, 42, .72) !important; color: #a8b4c8 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .widget_product_tag_cloud a:hover, .widget_tag_cloud a:hover, .tagcloud a:hover, .wp-tag-cloud a:hover ) { border-color: rgba(129, 140, 248, .52) !important; background: rgba(99, 102, 241, .18) !important; color: #fff !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .summary, .single-product-summary, .summary-content, .bigstep-product-options, .bs-v19-wrap, .bs-v19-customizer, .bs-v19-field, .bs-v19-group, .woocommerce-tabs, .woocommerce-Tabs-panel, .woocommerce-product-details__short-description, .product_meta ) { border-color: rgba(129, 140, 248, .26) !important; background-color: rgba(15, 23, 42, .82) !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( table, table tbody, table thead, table tfoot, table tr, table th, table td, form.cart, .variations, .woocommerce-tabs table, .woocommerce-Tabs-panel table, .bigstep-product-options table, .bs-v19-wrap table, .bs-v19-customizer table ) { border-color: rgba(129, 140, 248, .18) !important; background: transparent !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( table th, table td, .woocommerce-tabs table th, .woocommerce-tabs table td, .woocommerce-Tabs-panel table th, .woocommerce-Tabs-panel table td, .bigstep-product-options :is(th, td, label, p, span, strong), .bs-v19-wrap :is(th, td, label, p, span, strong), .bs-v19-customizer :is(th, td, label, p, span, strong) ) { color: var(--bsx-muted) !important; background: transparent !important; } /* The right-column wrapper is only a layout container. Keep the dark card on div.product .summary; otherwise the wrapper shows as a stray background band below the real product cards on every single product page. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-summary, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-summary .summary-content { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-product-options__head, .bigstep-product-options__section, .bs-v19-section, .bs-v19-item, .bs-v19-row, .bs-v19-choice, .bs-v19-option, .bs-v19-pill, .bs-v19-inner, .bs-v19-balloon, .product-addon, .nbo-wrapper, .nbo-options, .nbo-delivery ) { border-color: rgba(129, 140, 248, .22) !important; background: rgba(2, 6, 23, .32) !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-product-options__segment, .bigstep-product-options__chip, .bigstep-product-options__color, .bs-v19-option, .bs-v19-pill, .nbo-options input + label, .nbo-options label ) { background: rgba(15, 23, 42, .74) !important; color: #cbd5e1 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-product-options__segment.is-active, .bigstep-product-options__chip.is-active, .bigstep-product-options__color.is-active, .bs-v19-option.is-active, .bs-v19-pill.is-active, .nbo-options input:checked + label ) { border-color: rgba(129, 140, 248, .72) !important; background: rgba(99, 102, 241, .20) !important; color: #fff !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-product-details__short-description::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel--description::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .product-description::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .read-more-mask, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-mask, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-read-more::after { background: linear-gradient(180deg, rgba(15, 23, 42, 0), rgba(15, 23, 42, .96) 74%) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-product-support, .product-support, .support-policy, .policy-box, .shop_attributes, .woocommerce-product-attributes ) { border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 14px !important; background: rgba(2, 6, 23, .34) !important; color: var(--bsx-muted) !important; overflow: hidden !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-product-support th, .bigstep-product-support td, .product-support th, .product-support td, .support-policy th, .support-policy td, .shop_attributes th, .shop_attributes td ) { padding: 12px 14px !important; border-color: rgba(129, 140, 248, .14) !important; background: rgba(15, 23, 42, .54) !important; color: var(--bsx-muted) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .woocommerce-cart-form, .cart-collaterals, .cart_totals, .cart_totals table, table.shop_table, table.shop_table thead, table.shop_table tbody, table.shop_table tfoot ) { border-color: rgba(129, 140, 248, .22) !important; background: transparent !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals { background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(15, 23, 42, .88)) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table thead tr, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table thead th { background: rgba(248, 250, 252, .06) !important; color: #a8b4c8 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table :where(th, td) { border-color: rgba(129, 140, 248, .13) !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tbody tr.cart_item td { background: rgba(2, 6, 23, .44) !important; color: var(--bsx-text) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( table.shop_table .product-name, table.shop_table .product-name a, table.shop_table .product-price, table.shop_table .product-subtotal, table.shop_table .amount, table.shop_table bdi, .cart_totals .amount, .cart_totals bdi ) { color: #f8fafc !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( table.shop_table .variation, table.shop_table .variation *, table.shop_table small, table.shop_table p, .cart_totals p, .cart_totals label, .cart_totals li, .woocommerce-shipping-destination, .shipping-calculator-button ) { color: var(--bsx-muted) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals { float: none !important; width: 100% !important; max-width: 560px !important; margin-left: auto !important; padding: 22px !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 18px !important; background: rgba(2, 6, 23, .48) !important; color: var(--bsx-text) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals :where(.cart-totals-wrap, .cart-totals-inner) { background: rgba(2, 6, 23, .52) !important; color: #f8fafc !important; border-radius: 16px !important; box-shadow: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals :where(table, tbody, tfoot, tr, th, td) { background: transparent !important; color: var(--bsx-text) !important; border-color: rgba(129, 140, 248, .14) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals :where(th, td) { padding: 14px 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.coupon, .actions) { background: transparent !important; color: var(--bsx-text) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .quantity { display: inline-grid !important; grid-template-columns: 34px 44px 34px !important; align-items: center !important; width: auto !important; min-width: 112px !important; height: 38px !important; padding: 0 !important; border: 1px solid rgba(129, 140, 248, .26) !important; border-radius: 12px !important; background: #111827 !important; overflow: hidden !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .quantity :where(button, .minus, .plus, .qty_button, .quantity-button) { display: grid !important; place-items: center !important; width: 34px !important; min-width: 34px !important; height: 36px !important; min-height: 36px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #c7d2fe !important; font-size: 0 !important; line-height: 1 !important; box-shadow: none !important; cursor: pointer !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .quantity .input-button::before { display: block !important; font-family: inherit !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1 !important; transform: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .quantity .input-button.minus::before { content: "−" !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .quantity .input-button.plus::before { content: "+" !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .quantity input.qty { width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 36px !important; min-height: 36px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #f8fafc !important; text-align: center !important; line-height: 36px !important; box-shadow: none !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .cart-side-widget, .cart-side-widget *, .widget_shopping_cart, .widget_shopping_cart_content, .woocommerce-mini-cart, .woocommerce-mini-cart * ) { color: #d4dbea !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .cart-side-widget, .widget_shopping_cart, .widget_shopping_cart_content ) { background: #0b1222 !important; border-color: rgba(129, 140, 248, .22) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .cart-side-widget .amount, .cart-side-widget bdi, .widget_shopping_cart_content .amount, .widget_shopping_cart_content bdi ) { color: #60a5fa !important; font-weight: 900 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .cart-side-widget h2, .cart-side-widget h3, .cart-side-widget .widget-title, .cart-side-widget .product-title, .cart-side-widget .product-title a, .widget_shopping_cart_content .product-title, .widget_shopping_cart_content .product-title a, .woocommerce-mini-cart-item a:not(.remove) ) { color: #f8fafc !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .cart-side-widget .mini_cart_item, .widget_shopping_cart_content .mini_cart_item, .woocommerce-mini-cart__total ) { border-color: rgba(129, 140, 248, .16) !important; background: rgba(2, 6, 23, .32) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .cart-side-widget .button, .widget_shopping_cart_content .button, .woocommerce-mini-cart__buttons .button ) { color: #fff !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-archive-blog { max-width: 1280px !important; margin: 0 auto !important; padding: 36px 18px 70px !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-archive-blog :where(.h-row, .archive-content) { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout.layout-grid, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout.layout-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; height: auto !important; overflow: visible !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout > article.grid-item, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout > article.grid-item { position: static !important; inset: auto !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; display: block !important; float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-wrap, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-wrap { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; border: 1px solid rgba(129, 140, 248, .24) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(15, 23, 42, .88)) !important; overflow: hidden !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item :where(.post-thumbnail-wrap, .post-thumbnail, .post-image), body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item :where(.post-thumbnail-wrap, .post-thumbnail, .post-image) { display: block !important; width: 100% !important; background: #0b1020 !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item img, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; object-fit: cover !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item :where(.post-content-wrap, .post-detail), body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item :where(.post-content-wrap, .post-detail) { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; gap: 10px !important; padding: 18px !important; background: transparent !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-title, body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-title a, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-title, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-title a { margin: 0 !important; color: #f8fafc !important; font-size: 20px !important; font-weight: 950 !important; line-height: 1.22 !important; letter-spacing: -.02em !important; word-break: normal !important; overflow-wrap: anywhere !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item :where(.post-meta-info, .post-info, .post-excerpt), body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item :where(.post-meta-info, .post-info, .post-excerpt) { color: #a8b4c8 !important; font-size: 13px !important; line-height: 1.65 !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-read-more, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-read-more { margin-top: auto !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-single-blog { max-width: 1280px !important; margin: 0 auto !important; padding: 36px 18px 72px !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content.has-right-sidebar, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content { display: grid !important; grid-template-columns: minmax(0, 760px) minmax(280px, 340px) !important; justify-content: center !important; gap: 28px !important; width: 100% !important; max-width: none !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-wrapper, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-sidebar, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .sidebar { float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content .post-wrap { padding: clamp(22px, 3vw, 34px) !important; border: 1px solid rgba(129, 140, 248, .24) !important; border-radius: 22px !important; background: rgba(15, 23, 42, .86) !important; box-shadow: var(--bsx-shadow) !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content :where(.post-title, h1) { margin: 0 0 18px !important; color: #f8fafc !important; font-size: clamp(30px, 3.2vw, 46px) !important; font-weight: 950 !important; line-height: 1.1 !important; letter-spacing: -.03em !important; text-align: left !important; word-break: normal !important; overflow-wrap: anywhere !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content :where(.post-content, .post-content-wrap, p, li) { color: #d4dbea !important; font-size: 16px !important; line-height: 1.82 !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) :where( .single-sidebar, .sidebar, .widget-area, aside ) { padding: 20px !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 20px !important; background: rgba(15, 23, 42, .76) !important; color: var(--bsx-muted) !important; } @media (max-width: 1100px) { body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout.layout-grid, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout.layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 900px) { body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content.has-right-sidebar, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content { grid-template-columns: 1fr !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals { max-width: none !important; } } @media (max-width: 700px) { body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout.layout-grid, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout.layout-grid { grid-template-columns: 1fr !important; } } /* Old inline product snippets. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-info-wrapper, .bigstep-shipping-container, .bigstep-shipping-table ) { border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 14px !important; background: rgba(2, 6, 23, .42) !important; color: var(--bsx-muted) !important; overflow: hidden !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-info-header, .bigstep-shipping-table th ) { padding: 9px 14px !important; border-color: rgba(129, 140, 248, .16) !important; background: rgba(15, 23, 42, .82) !important; color: #c7d2fe !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-info-row, .bigstep-shipping-table td, .bigstep-shipping-table tr ) { border-color: rgba(129, 140, 248, .12) !important; background: rgba(15, 23, 42, .42) !important; color: var(--bsx-muted) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-info-row *, .bigstep-shipping-table * ) { color: var(--bsx-muted) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-info-row strong, .bigstep-info-row b, .bigstep-info-row a, .bigstep-shipping-table strong, .bigstep-shipping-table b, .bigstep-shipping-table a ) { color: #f8fafc !important; } /* Cart drawer is available globally from the header, not only on Woo pages. */ body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( .cart-side-widget, .widget_shopping_cart, .widget_shopping_cart_content ) { border-color: rgba(129, 140, 248, .22) !important; background: #0b1222 !important; color: #d4dbea !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) .haru-cart .cart-side-widget, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) .cart-side-widget { --bsx-cart-edge: calc((100% - 100vw) / 2); position: fixed !important; top: 0 !important; right: calc(var(--bsx-cart-edge) - 360px) !important; bottom: 0 !important; left: auto !important; z-index: 999999 !important; display: none !important; flex-direction: column !important; width: min(340px, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; border-left: 1px solid rgba(129, 140, 248, .24) !important; background: linear-gradient(180deg, #0b1222 0%, #070b14 100%) !important; color: #d4dbea !important; box-shadow: -28px 0 64px rgba(2, 6, 23, .54) !important; transform: translateX(0) !important; visibility: hidden !important; opacity: 0 !important; overflow: hidden !important; pointer-events: none !important; transition: right .24s ease, opacity .18s ease, visibility .18s ease !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( .cart-side-widget .widget_shopping_cart, .cart-side-widget .widget_shopping_cart_content ) { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-height: 0 !important; overflow: hidden !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( .cart-side-widget .woocommerce-mini-cart, .cart-side-widget .cart_list ) { flex: 1 1 auto !important; max-height: calc(100dvh - 230px) !important; overflow-y: auto !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( .cart-side-widget *, .widget_shopping_cart_content *, .woocommerce-mini-cart * ) { color: #d4dbea !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( .cart-side-widget h2, .cart-side-widget h3, .cart-side-widget .widget-title, .cart-side-widget .product-title, .cart-side-widget .product-title a, .widget_shopping_cart_content .product-title, .widget_shopping_cart_content .product-title a, .woocommerce-mini-cart-item a:not(.remove) ) { color: #f8fafc !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( .cart-side-widget .amount, .cart-side-widget bdi, .widget_shopping_cart_content .amount, .widget_shopping_cart_content bdi ) { color: #60a5fa !important; font-weight: 900 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) :where( .cart-side-widget .mini_cart_item, .widget_shopping_cart_content .mini_cart_item, .woocommerce-mini-cart__total ) { border-color: rgba(129, 140, 248, .16) !important; background: rgba(2, 6, 23, .32) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) .haru-cart .cart-side-widget.in, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) .cart-side-widget.in { display: flex !important; right: var(--bsx-cart-edge) !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) .haru-cart .cart-mask-overlay, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) .cart-mask-overlay { position: fixed !important; top: 0 !important; right: auto !important; bottom: auto !important; left: 50% !important; z-index: 999998 !important; width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; transform: translateX(-50vw) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) .haru-cart .cart-mask-overlay.in, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) .cart-mask-overlay.in { z-index: 999998 !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content .post-title, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content h1 { margin: 0 0 18px !important; color: #f8fafc !important; font-size: clamp(28px, 3vw, 40px) !important; line-height: 1.14 !important; letter-spacing: -.018em !important; text-align: left !important; word-break: normal !important; overflow-wrap: anywhere !important; } @media (max-width: 700px) { body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content .post-title, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content h1 { font-size: 26px !important; line-height: 1.17 !important; letter-spacing: 0 !important; } } /* Mobile pass: replace old parent-theme Woo fragments with compact dark layouts. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-click-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0 0 14px !important; padding: 14px 16px !important; border: 1px solid rgba(129, 140, 248, .24) !important; border-radius: 16px !important; background: rgba(15, 23, 42, .88) !important; color: #f8fafc !important; font-size: 18px !important; font-weight: 950 !important; line-height: 1.2 !important; letter-spacing: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-click-header span { margin-left: auto !important; color: #c7d2fe !important; font-size: 12px !important; font-weight: 900 !important; white-space: nowrap !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-toggle-content { display: block !important; } @media (max-width: 700px) { body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce .woocommerce-ordering, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__catalog, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__view { align-items: center !important; gap: 10px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .shop-filter, .shop-filter__label, .shop-filter__catalog, .shop-filter__view, .shop-filter__filter, .shop-filter__toggle, .filter-toggle, .catalog-view, .view-mode ) { color: #c7d2fe !important; font-size: 13px !important; font-weight: 850 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce .woocommerce-ordering select { width: min(220px, 100%) !important; min-height: 44px !important; padding: 0 38px 0 14px !important; border-radius: 12px !important; font-size: 13px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products.layout-grid, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-product.products .products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-content .products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item { width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 9px !important; border-radius: 15px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .product-info { padding: 10px 1px 1px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-top, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-thumbnail, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product a img { border-radius: 12px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .woocommerce-loop-product__title, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .product-title, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .product-title a, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product h2, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product h3, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info :where(.woocommerce-loop-product__title, .product-title, h2, h3), body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info :where(.woocommerce-loop-product__title, .product-title, h2, h3) a { display: -webkit-box !important; min-height: 0 !important; margin: 0 0 7px !important; color: #f8fafc !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.28 !important; letter-spacing: 0 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce ul.products li.product .price, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .price, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info .price { gap: 4px !important; margin: 0 !important; font-size: 13px !important; line-height: 1.25 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info .price :where(.nbo-base-price-html, del), body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products li.product .price del { font-size: 10px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product { padding: 0 12px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .single-product-top { gap: 16px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .woocommerce-product-gallery { padding: 10px !important; border-radius: 18px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .summary { position: static !important; padding: 16px !important; border-radius: 18px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product .product_title { font-size: 22px !important; line-height: 1.16 !important; letter-spacing: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product p.price, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) div.product span.price { font-size: 22px !important; line-height: 1.18 !important; letter-spacing: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-trust { gap: 6px !important; margin: 12px 0 14px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-trust span { min-height: 28px !important; padding: 0 9px !important; font-size: 11px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-wrap, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bs-v19-customizer { padding: 13px !important; border-radius: 16px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .bigstep-product-options__segment, .bigstep-product-options__chip, .bigstep-product-options__color, .bs-v19-option, .bs-v19-pill, .nbo-options input + label, .nbo-options label ) { min-height: 38px !important; padding: 0 10px !important; font-size: 12px !important; line-height: 1.15 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .woocommerce-product-details__short-description, .woocommerce-Tabs-panel, .product_meta, .bigstep-info-row, .bigstep-shipping-table td ) { font-size: 14px !important; line-height: 1.58 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row { display: grid !important; grid-template-columns: minmax(72px, auto) minmax(0, 1fr) !important; gap: 8px !important; align-items: start !important; padding: 10px 12px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce { padding-left: 12px !important; padding-right: 12px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout { padding: 14px !important; border-radius: 18px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table { display: block !important; width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table thead { display: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tbody, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item { display: block !important; width: 100% !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item { position: relative !important; margin: 0 0 12px !important; padding: 13px !important; border: 1px solid rgba(129, 140, 248, .20) !important; border-radius: 16px !important; background: rgba(2, 6, 23, .48) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item td { display: grid !important; grid-template-columns: 92px minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; width: 100% !important; padding: 7px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #f8fafc !important; text-align: left !important; box-sizing: border-box !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-remove { position: absolute !important; top: 10px !important; right: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; padding: 0 !important; border-radius: 999px !important; background: rgba(15, 23, 42, .82) !important; z-index: 2 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-thumbnail, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-name { display: block !important; padding-right: 38px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-thumbnail img { width: 88px !important; height: 88px !important; border-radius: 12px !important; object-fit: cover !important; background: #fff !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-name a { color: #f8fafc !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-price::before { content: "Giá"; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity::before { content: "Số lượng"; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-subtotal::before { content: "Tổng cá»™ng"; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-price::before, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity::before, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-subtotal::before { color: #a8b4c8 !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: 0 !important; text-transform: uppercase !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-price, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-subtotal { grid-template-columns: 94px minmax(0, 1fr) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity .quantity { justify-self: end !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; padding: 12px 0 0 !important; background: transparent !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions :where(.button, button, input.button), body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-actions :where(.button, button, input.button), body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon :where(.button, button, input.button) { width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 13px !important; font-size: 14px !important; line-height: 1.15 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon input.input-text { width: 100% !important; min-height: 46px !important; border-radius: 13px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-totals-inner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 16px !important; border-radius: 16px !important; background: rgba(2, 6, 23, .52) !important; color: #f8fafc !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals table.shop_table :where(th, td), body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-totals-inner :where(th, td, p, label, li) { color: #d4dbea !important; background: transparent !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-click-header { flex-wrap: wrap !important; font-size: 16px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout { display: block !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #customer_details, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review_heading, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout #order_review, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-order { width: 100% !important; max-width: none !important; margin: 0 0 14px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review { padding: 14px !important; border-radius: 16px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table { table-layout: auto !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr :where(th, td) { padding: 12px 9px !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item :where(.post-content-wrap, .post-detail), body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item :where(.post-content-wrap, .post-detail), body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-content, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-content, body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-info, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-info { padding: 14px !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-title, body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-title a, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-title, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) article.grid-item .post-title a { font-size: 18px !important; line-height: 1.24 !important; letter-spacing: 0 !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-single-blog { padding: 18px 12px 44px !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content .post-wrap { padding: 16px !important; border-radius: 18px !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content .post-title, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content h1 { font-size: 24px !important; line-height: 1.18 !important; letter-spacing: 0 !important; } } @media (max-width: 360px) { body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products.layout-grid, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-product.products .products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-content .products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .products { grid-template-columns: 1fr !important; } } /* NBDesigner option panels use inline/light theme styles; normalize them for the Bigstep shop skin. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .nbd-option-field, .nbd-field, .nbd-field-content, .nbd-field-header, .nbd-xlabel-wrap, .nbd-xlabel-wrapper, .nbd-swatch, .nbd-option-value, .nbd-option-value-inner ) { border-color: rgba(129, 140, 248, .18) !important; background: rgba(15, 23, 42, .72) !important; color: #d4dbea !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .nbd-field-header, .nbd-field-header *, .nbd-option-field label, .nbd-option-field span, .nbd-option-field p, .nbd-option-field strong, .nbd-option-field .nbd-field-label, .nbd-option-field .nbd-xlabel-label, .nbd-option-field .nbd-help-tip ) { color: #cbd5e1 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-option-field :where( label, .nbd-option-value, .nbd-option-value-label, .nbd-label, .nbd-button, .nbd-xlabel-wrap, .nbd-xlabel-wrapper, .nbd-xlabel, .nbd-xlabel-value ) { border-color: rgba(129, 140, 248, .24) !important; background-color: rgba(15, 23, 42, .82) !important; color: #cbd5e1 !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .nbd-option-field input:checked + label:not(.nbd-xlabel), .nbd-option-field .active, .nbd-option-field .selected, .nbd-option-field .nbd-xlabel-wrapper:hover ) { border-color: rgba(129, 140, 248, .62) !important; background: rgba(99, 102, 241, .18) !important; color: #fff !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-option-field :where( input:disabled + label, .disabled, .nbd-disabled ) { opacity: .58 !important; background-color: rgba(15, 23, 42, .46) !important; color: #94a3b8 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-option-field :where(img, .nbd-xlabel-value img) { border-radius: 12px !important; background: #fff !important; } @media (max-width: 700px) { body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce .woocommerce-ordering :where( select, .nice-select, .select2-selection, .select2-selection__rendered, .chosen-single ) { min-height: 42px !important; font-size: 14px !important; font-weight: 850 !important; line-height: 42px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro { padding: 18px !important; border-radius: 18px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro h1, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro h1 { font-size: 32px !important; line-height: 1.08 !important; letter-spacing: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro p, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro p { font-size: 15px !important; line-height: 1.6 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item { display: grid !important; grid-template-columns: 90px minmax(0, 1fr) !important; column-gap: 12px !important; align-items: start !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-thumbnail { grid-column: 1 !important; grid-row: 1 !important; width: auto !important; padding: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-name { grid-column: 2 !important; grid-row: 1 !important; width: auto !important; padding: 0 34px 0 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-name > a { display: -webkit-box !important; margin: 0 0 8px !important; font-size: 14px !important; line-height: 1.32 !important; letter-spacing: 0 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-name :where(.button, a.button) { width: auto !important; min-height: 38px !important; padding: 0 13px !important; font-size: 12px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-price, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-subtotal { grid-column: 1 / -1 !important; grid-template-columns: 96px minmax(0, 1fr) !important; } } @media (max-width: 480px) { body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__sidebar-btn, body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__label, body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-result-count { color: #c7d2fe !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.25 !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce .woocommerce-ordering select.orderby, body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-ordering select.orderby { width: 100% !important; max-width: 100% !important; height: 46px !important; min-height: 46px !important; padding: 0 38px 0 14px !important; border-radius: 12px !important; background-color: rgba(15, 23, 42, .78) !important; color: #f8fafc !important; font-size: 16px !important; font-weight: 850 !important; line-height: 46px !important; letter-spacing: 0 !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__layout { display: none !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) ul.products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products.layout-grid, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-product.products .products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-content .products, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-archive-product .products { grid-template-columns: 1fr !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info :where(.woocommerce-loop-product__title, .product-title, h2, h3), body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info :where(.woocommerce-loop-product__title, .product-title, h2, h3) a { font-size: 18px !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-align: center !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .products .product-item .product-info .price { justify-content: center !important; font-size: 18px !important; line-height: 1.25 !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title { display: none !important; } } /* Product description should read like a native dark card, not a clipped legacy reveal block from older theme snippets. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs { display: block !important; clear: both !important; width: min(100%, 1180px) !important; max-width: 1180px !important; margin: clamp(26px, 4vw, 48px) auto 0 !important; padding: clamp(18px, 3vw, 30px) !important; border: 1px solid rgba(129, 140, 248, .26) !important; border-radius: 22px !important; background: linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(8, 13, 25, .92)) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, .26) !important; overflow: visible !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs ul.wc-tabs, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs .tabs { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; list-style: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs ul.wc-tabs li, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs .tabs li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs ul.wc-tabs li a, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs .tabs li a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 0 16px !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 999px !important; background: rgba(15, 23, 42, .78) !important; color: #c7d2fe !important; font-size: 13px !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: 0 !important; text-decoration: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs ul.wc-tabs li.active a, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs .tabs li.active a { border-color: rgba(129, 140, 248, .76) !important; background: rgba(99, 102, 241, .22) !important; color: #fff !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs h2, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .custom-description-title { display: block !important; margin: 0 0 16px !important; color: #f8fafc !important; font-size: clamp(20px, 2.2vw, 28px) !important; font-weight: 900 !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-transform: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs .haru-accordion-title, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel > h2:first-child { display: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel--description, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) #tab-description, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-reveal-container, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-reveal-wrapper, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-content { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #cbd5e1 !important; box-shadow: none !important; overflow: visible !important; -webkit-line-clamp: unset !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel--description { max-width: 820px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel--description :where(p, li, dd, td), body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-content :where(p, li, dd, td) { color: #cbd5e1 !important; font-size: 15.5px !important; line-height: 1.78 !important; letter-spacing: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel--description :where(strong, b), body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-content :where(strong, b) { color: #f8fafc !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-reveal-wrapper::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-product-details__short-description::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel--description::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .product-description::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description::after, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .read-more-mask, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-mask, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-read-more::after { display: none !important; content: none !important; background: none !important; opacity: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .btn-reveal-more { display: none !important; } @media (max-width: 767px) { body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs { width: calc(100% - 24px) !important; margin-top: 24px !important; padding: 18px !important; border-radius: 18px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs ul.wc-tabs, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs .tabs { gap: 8px !important; margin-bottom: 18px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs ul.wc-tabs li a, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs .tabs li a { min-height: 36px !important; padding: 0 13px !important; font-size: 12px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-Tabs-panel--description :where(p, li, dd, td), body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .description-content :where(p, li, dd, td) { font-size: 14px !important; line-height: 1.68 !important; } } /* Final Woo button guard. Keep native cart/checkout buttons aligned after parent theme, Woo fragments, or NBD snippets repaint them. */ body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce :where( a.button, button.button, input.button, .checkout-button, .single_add_to_cart_button, .wc-forward, .woocommerce-Button, #place_order, .nbd-create-design, .nbo-clear-cart-button, .empty-cart-button, .add_to_cart_button, .added_to_cart, .haru-button ), body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .woocommerce-mini-cart__buttons a.button, .cart-side-widget a.button, .widget_shopping_cart_content a.button ) { -webkit-appearance: none !important; appearance: none !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: auto !important; max-width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 46px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid rgba(129, 140, 248, .48) !important; border-radius: 13px !important; background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 60%, #a855f7 100%) !important; color: #fff !important; box-shadow: 0 16px 34px rgba(99, 102, 241, .24), inset 0 1px 0 rgba(255, 255, 255, .16) !important; font-family: var(--bsx-font) !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: normal !important; overflow: hidden !important; vertical-align: middle !important; cursor: pointer !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce :where( a.button:hover, button.button:hover, input.button:hover, .checkout-button:hover, .single_add_to_cart_button:hover, .wc-forward:hover, .woocommerce-Button:hover, #place_order:hover, .nbd-create-design:hover, .nbo-clear-cart-button:hover, .empty-cart-button:hover, .add_to_cart_button:hover, .added_to_cart:hover, .haru-button:hover ) { border-color: rgba(199, 210, 254, .72) !important; background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 62%, #9333ea 100%) !important; color: #fff !important; box-shadow: 0 18px 42px rgba(99, 102, 241, .32), inset 0 1px 0 rgba(255, 255, 255, .18) !important; transform: translateY(-1px) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce :where( button.button:disabled, button.button.disabled, input.button:disabled, input.button.disabled, a.button.disabled, .checkout-button.disabled, #place_order:disabled ) { opacity: .54 !important; filter: saturate(.8) !important; cursor: not-allowed !important; transform: none !important; box-shadow: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions { box-sizing: border-box !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; padding: 22px 0 0 !important; background: transparent !important; overflow: hidden !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions :where(.button, button.button, input.button, a.button, .haru-button, a.haru-button) { flex: 0 1 auto !important; min-width: min(170px, 100%) !important; min-height: 48px !important; padding-inline: 18px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions button[name="update_cart"], body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions .update-cart-button { margin-left: auto !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 12px !important; align-items: center !important; width: 100% !important; max-width: 100% !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon :where(input.input-text, input[type="text"]) { width: 100% !important; min-width: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .wc-proceed-to-checkout .checkout-button, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #place_order { display: flex !important; width: 100% !important; min-height: 52px !important; border-radius: 14px !important; font-size: 15px !important; font-weight: 900 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(260px, 420px) auto !important; gap: 12px !important; align-items: end !important; justify-content: start !important; width: 100% !important; max-width: 100% !important; margin: 16px 0 24px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon p { margin: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon :where( .form-row, .form-row-first, .form-row-last ) { float: none !important; clear: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon .form-row-first { grid-column: 1 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon .form-row-last { grid-column: 2 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon :where(input.input-text, input[type="text"]) { width: 100% !important; min-width: 0 !important; } @media (max-width: 767px) { body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce :where( a.button, button.button, input.button, .checkout-button, .single_add_to_cart_button, .wc-forward, .woocommerce-Button, #place_order, .nbd-create-design, .nbo-clear-cart-button, .empty-cart-button, .add_to_cart_button, .added_to_cart, .haru-button ) { width: 100% !important; min-height: 46px !important; padding-inline: 14px !important; font-size: 13px !important; line-height: 1.16 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; padding-top: 14px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions :where(.button, button.button, input.button, a.button, .haru-button, a.haru-button), body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon :where(.button, button.button, input.button, a.button), body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon :where(.button, button.button, input.button, a.button) { width: 100% !important; min-width: 0 !important; margin: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions button[name="update_cart"], body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.actions .update-cart-button { margin-left: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon { grid-template-columns: minmax(0, 1fr) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon :where(.form-row-first, .form-row-last, .custom-coupon-wrapper) { grid-column: 1 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .wc-proceed-to-checkout .checkout-button, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #place_order { min-height: 50px !important; } } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .custom-coupon-wrapper { display: block !important; grid-column: 1 / -1 !important; margin: 14px 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: #a8b4c8 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-label { display: block !important; margin: 0 0 10px !important; color: #a8b4c8 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0 !important; } /* ------------------------------------------------------------------ * Voucher card (chip mã giảm giá) — enrich HTML qua bigstep-voucher-cards.js: * .coupon-item[data-code] { * .bs-vc-strip { .bs-vc-strip-text } // left rail * .bs-vc-body { * .bs-vc-tag // icon tag top-right * .bs-vc-badge // tagline "Đơn từ 200K" * .bs-vc-title // "Giảm 10%" * .bs-vc-code // "Code: BIGSTEP10" * .bs-vc-btn // "Sao chép mã" * } * } * Màu tự custom qua --vhue (HSL) set inline bởi JS. * ------------------------------------------------------------------ */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item { --vhue: 232; --vc-main: hsl(var(--vhue) 84% 62%); --vc-deep: hsl(var(--vhue) 74% 46%); --vc-soft: hsl(var(--vhue) 84% 90%); box-sizing: border-box !important; position: relative !important; display: grid !important; grid-template-columns: 56px 1fr !important; align-items: stretch !important; gap: 0 !important; min-height: 148px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .06) !important; border-radius: 14px !important; background: #ffffff !important; color: #0f172a !important; box-shadow: 0 12px 32px rgba(2, 6, 23, .45) !important; overflow: hidden !important; cursor: pointer !important; white-space: normal !important; letter-spacing: 0 !important; text-transform: none !important; transition: transform .15s ease, box-shadow .15s ease !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item:hover, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item:focus-within { transform: translateY(-2px) !important; box-shadow: 0 18px 42px rgba(2, 6, 23, .55), 0 0 0 2px hsl(var(--vhue) 84% 62% / .35) !important; } /* Left strip: gradient dọc + text "VOUCHER" xoay 90°. Cắt notch giữa strip * và body bằng radial-gradient tạo 2 nửa tròn (top + bottom) trên body. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-strip { position: relative; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, hsl(var(--vhue) 84% 68%), hsl(var(--vhue) 74% 52%)); color: #ffffff; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-strip-text { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 12px; font-weight: 900; letter-spacing: .32em; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, .28); } /* Body: bg trắng, dashed border trái + notch tròn trên/dưới (mask trên * pseudo-element ::before). */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-body { position: relative; display: grid; grid-template-rows: auto auto auto auto; align-content: space-between; gap: 6px; padding: 14px 16px 14px 22px; background: #ffffff; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-body::before { content: ""; position: absolute; left: -1px; top: 8px; bottom: 8px; width: 0; border-left: 1.5px dashed hsl(var(--vhue) 62% 62% / .55); } /* Notch trên + dưới nằm giữa 2 phần (semicircle nhỏ cắt vào body edge). */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item::before, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item::after { content: ""; position: absolute; left: 50px; width: 12px; height: 12px; transform: translateX(-50%); background: #071223; border-radius: 50%; z-index: 2; box-shadow: 0 0 0 1px rgba(255, 255, 255, .04) inset; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item::before { top: -6px; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item::after { bottom: -6px; } /* Tag icon top-right */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-tag { position: absolute; top: 12px; right: 14px; color: hsl(var(--vhue) 22% 72%); line-height: 0; } /* Badge tagline: pill mỏng với border màu voucher */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-badge { justify-self: start; max-width: calc(100% - 26px); padding: 4px 10px; border: 1px solid hsl(var(--vhue) 74% 52% / .38); border-radius: 999px; background: hsl(var(--vhue) 90% 96%); color: hsl(var(--vhue) 68% 32%); font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Title lớn (Giảm 10% / Free ship) */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-title { color: hsl(var(--vhue) 74% 32%); font-size: 22px; font-weight: 900; line-height: 1; letter-spacing: -.01em; text-transform: uppercase; overflow-wrap: anywhere; } /* Code: small grey caption */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-code { color: #64748b; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-code b { color: #0f172a; font-weight: 900; letter-spacing: .02em; } /* Button "Sao chép mã" — pill nhỏ màu voucher */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .coupon-item .bs-vc-btn { justify-self: start; padding: 6px 14px; border-radius: 999px; background: linear-gradient(135deg, hsl(var(--vhue) 84% 62%), hsl(var(--vhue) 74% 46%)); color: #ffffff; font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; line-height: 1; white-space: nowrap; box-shadow: 0 4px 12px hsl(var(--vhue) 74% 30% / .32); } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.woocommerce-form-coupon { grid-template-columns: minmax(0, 520px) !important; align-items: stretch !important; justify-content: start !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.woocommerce-form-coupon :where( .form-row-first, .form-row-last, .custom-coupon-wrapper ) { grid-column: 1 !important; width: 100% !important; max-width: 520px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.woocommerce-form-coupon :where(button.button, input.button, input[type="submit"]) { width: 100% !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce form.woocommerce-form-coupon .form-row-first, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce form.woocommerce-form-coupon .form-row-last, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce form.woocommerce-form-coupon .custom-coupon-wrapper { grid-column: 1 / 2 !important; width: 100% !important; max-width: 520px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce form.woocommerce-form-coupon button.button { width: 100% !important; } /* Product printing-options color thumbnails must remain visible and square. The plugin has mobile fallback rules; this guard keeps the actual shirt thumbnail from collapsing into a tall strip. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__color { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; min-height: 68px !important; padding: 8px 10px !important; text-align: left !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__color-media { box-sizing: border-box !important; display: grid !important; place-items: center !important; flex: 0 0 52px !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; aspect-ratio: 1 / 1 !important; border: 1px solid rgba(226, 232, 240, .9) !important; border-radius: 12px !important; background: #fff !important; overflow: hidden !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__color-media img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; opacity: 1 !important; visibility: visible !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__swatch { width: 34px !important; height: 34px !important; border-radius: 999px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-options .bigstep-product-options__color-name { min-width: 0 !important; color: inherit !important; font-weight: 900 !important; line-height: 1.2 !important; white-space: normal !important; } /* Final NBDesigner product option guard. NBD stores shirt thumbnails as inline background images, so do not reset the image layer with a background shorthand. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-wrapper { margin-top: 18px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-option-field { box-sizing: border-box !important; margin: 0 0 14px !important; padding: 14px !important; border: 1px solid rgba(129, 140, 248, .24) !important; border-radius: 16px !important; background: rgba(2, 6, 23, .36) !important; color: #e5edff !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-header { margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-header > label { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; color: #f8fafc !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-content { min-width: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)) !important; gap: 8px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap > input[type="radio"], body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap input[type="radio"] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap > label.nbd-label, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-result, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-list-item { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 13px !important; background: rgba(15, 23, 42, .78) !important; color: #cbd5e1 !important; box-shadow: none !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; text-align: center !important; white-space: normal !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap > input[type="radio"]:checked + label.nbd-label, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-list-item.active, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-result { border-color: rgba(129, 140, 248, .86) !important; background: rgba(99, 102, 241, .24) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(199, 210, 254, .22), 0 12px 28px rgba(99, 102, 241, .16) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-result { justify-content: space-between !important; gap: 10px !important; width: 100% !important; min-height: 46px !important; cursor: pointer !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-result svg, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-result path { width: 18px !important; height: 18px !important; fill: currentColor !important; color: #c7d2fe !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-pseudo-list { margin-top: 8px !important; border-radius: 14px !important; background: rgba(2, 6, 23, .64) !important; overflow: hidden !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-list-item { justify-content: flex-start !important; min-height: 50px !important; margin: 0 !important; border-radius: 0 !important; text-align: left !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-item-title { color: inherit !important; font-weight: 950 !important; line-height: 1.25 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-ad-item-description { margin-top: 3px !important; color: #9fb0ca !important; font-size: 12px !important; line-height: 1.35 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrapper { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(74px, 1fr)) !important; gap: 10px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrap { box-sizing: border-box !important; position: relative !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 7px !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 14px !important; background: rgba(15, 23, 42, .74) !important; color: #cbd5e1 !important; text-align: center !important; overflow: hidden !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-value, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-value-inner { display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; margin: 0 !important; border: 0 !important; background: transparent !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap label.nbd-xlabel { position: relative !important; display: block !important; width: 100% !important; height: 54px !important; min-height: 54px !important; margin: 0 !important; border: 1px solid rgba(226, 232, 240, .9) !important; border-radius: 11px !important; background-color: #fff !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; box-shadow: none !important; cursor: pointer !important; overflow: hidden !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap label.nbd-xlabel::before, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap label.nbd-xlabel::after { content: none !important; display: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrap:has(input[type="radio"]:checked)::before { content: "" !important; position: absolute !important; top: 13px !important; left: 13px !important; z-index: 3 !important; width: 13px !important; height: 7px !important; border: 0 !important; border-left: 3px solid #fff !important; border-bottom: 3px solid #fff !important; transform: rotate(-45deg) !important; filter: drop-shadow(0 1px 2px rgba(2, 6, 23, .55)) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrap > label:not(.nbd-xlabel) { display: block !important; margin: 7px 0 0 !important; padding: 0 !important; background: transparent !important; color: #dbeafe !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; text-align: center !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrap:has(input[type="radio"]:checked) { border-color: rgba(129, 140, 248, .95) !important; background: rgba(99, 102, 241, .24) !important; box-shadow: inset 0 0 0 1px rgba(199, 210, 254, .22), 0 12px 26px rgba(99, 102, 241, .14) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap input[type="radio"]:checked + label.nbd-xlabel { border-color: #818cf8 !important; box-shadow: 0 0 0 2px rgba(129, 140, 248, .42) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbo-recomand { top: -1px !important; right: 6px !important; color: #07111f !important; background: #22d3ee !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-wrapper { margin: 14px 0 18px !important; border: 1px solid rgba(129, 140, 248, .26) !important; border-radius: 14px !important; background: rgba(2, 6, 23, .46) !important; color: #cbd5e1 !important; overflow: hidden !important; box-shadow: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-header { padding: 10px 12px !important; border-bottom: 1px solid rgba(129, 140, 248, .16) !important; background: rgba(15, 23, 42, .82) !important; color: #c7d2fe !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row { display: grid !important; grid-template-columns: minmax(104px, max-content) minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; min-height: 38px !important; padding: 8px 12px !important; border-bottom: 1px solid rgba(129, 140, 248, .12) !important; background: rgba(15, 23, 42, .36) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row:last-child { border-bottom: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-label, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-value { width: auto !important; min-width: 0 !important; padding: 0 !important; flex: none !important; color: #cbd5e1 !important; font-size: 13px !important; line-height: 1.35 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-label { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: #f8fafc !important; font-weight: 900 !important; white-space: nowrap !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; min-width: 18px !important; margin: 0 !important; text-align: center !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-value { text-align: left !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-zalo-link { color: #60a5fa !important; font-weight: 950 !important; text-decoration: none !important; } /* Final single-product quantity guard. Theme quantity markup uses spans, so it needs a separate skin from normal Woo buttons. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity { box-sizing: border-box !important; display: inline-grid !important; grid-template-columns: 40px 52px 40px !important; align-items: stretch !important; width: 132px !important; min-width: 132px !important; height: 52px !important; min-height: 52px !important; margin: 0 10px 0 0 !important; padding: 3px !important; border: 1px solid rgba(129, 140, 248, .34) !important; border-radius: 15px !important; background: rgba(15, 23, 42, .82) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 28px rgba(2, 6, 23, .18) !important; overflow: hidden !important; vertical-align: top !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity .input-button { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 44px !important; min-width: 40px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 11px !important; background: transparent !important; color: #c7d2fe !important; box-shadow: none !important; font-size: 0 !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; transition: background-color .16s ease, color .16s ease, transform .16s ease !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity .input-button::before { display: block !important; color: inherit !important; font-size: 22px !important; font-weight: 650 !important; line-height: 1 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity .input-button.minus::before { content: "-" !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity .input-button.plus::before { content: "+" !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity .input-button:hover { background: rgba(99, 102, 241, .18) !important; color: #fff !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity input.qty { -webkit-appearance: textfield !important; appearance: textfield !important; box-sizing: border-box !important; display: block !important; width: 52px !important; height: 44px !important; min-width: 52px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(129, 140, 248, .42) !important; border-radius: 12px !important; background: #070d1c !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05) !important; font-size: 16px !important; font-weight: 950 !important; line-height: 44px !important; text-align: center !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity input.qty::-webkit-outer-spin-button, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .single_add_to_cart_button { box-sizing: border-box !important; flex: 1 1 0 !important; height: 52px !important; min-height: 52px !important; margin: 0 !important; border-radius: 15px !important; font-size: 14px !important; font-weight: 950 !important; white-space: nowrap !important; } /* Compact product description card: keep product details near the buying flow instead of burying them below feed/related sections. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card { box-sizing: border-box !important; margin: 16px 0 18px !important; padding: 14px !important; border: 1px solid rgba(129, 140, 248, .26) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(2, 6, 23, .58)) !important; color: #dbeafe !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important; overflow: hidden !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__head { display: grid !important; gap: 6px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__eyebrow { color: #93a4bf !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: .05em !important; line-height: 1.2 !important; text-transform: uppercase !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card h2 { margin: 0 !important; color: #fff !important; font-size: 18px !important; font-weight: 950 !important; letter-spacing: -.015em !important; line-height: 1.18 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__head p { margin: 0 !important; color: #b7c4da !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.55 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__details { margin-top: 12px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__details > summary { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 42px !important; padding: 0 13px !important; border: 1px solid rgba(129, 140, 248, .34) !important; border-radius: 13px !important; background: rgba(99, 102, 241, .16) !important; color: #f8fafc !important; font-size: 13px !important; font-weight: 950 !important; line-height: 1.15 !important; list-style: none !important; cursor: pointer !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__details > summary::-webkit-details-marker { display: none !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__details > summary::after { content: "+" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; border-radius: 999px !important; background: rgba(199, 210, 254, .12) !important; color: #c7d2fe !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__details[open] > summary::after { content: "-" !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__content { box-sizing: border-box !important; max-height: min(56vh, 520px) !important; margin-top: 12px !important; padding: 13px !important; border: 1px solid rgba(129, 140, 248, .18) !important; border-radius: 14px !important; background: rgba(2, 6, 23, .38) !important; color: #cbd5e1 !important; overflow: auto !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__content :where(p, li, dd, td) { color: #cbd5e1 !important; font-size: 14px !important; line-height: 1.68 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__content :where(h1, h2, h3, h4, strong, b) { color: #fff !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-product-description-card__content :where(img, video, iframe) { max-width: 100% !important; height: auto !important; border-radius: 12px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-tabs:empty { display: none !important; } @media (max-width: 420px) { body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap { grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap label.nbd-xlabel { height: 50px !important; min-height: 50px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row { grid-template-columns: minmax(98px, max-content) minmax(0, 1fr) !important; gap: 8px !important; padding: 8px 10px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-label, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-value { font-size: 12px !important; } } /* Final mobile Woo cleanup: checkout and thank-you screens should read like compact cards, not squeezed desktop tables. */ @media (max-width: 640px) { body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.checkout .woocommerce-checkout-wrap { display: block !important; width: 100% !important; max-width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review { padding: 14px !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(15, 23, 42, .86), rgba(8, 13, 26, .94)) !important; overflow: hidden !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table thead, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tfoot { display: block !important; width: 100% !important; min-width: 0 !important; border: 0 !important; border-spacing: 0 !important; background: transparent !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table thead tr { display: grid !important; grid-template-columns: minmax(0, 1fr) max-content !important; gap: 12px !important; padding: 0 4px 10px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table thead th { display: block !important; padding: 0 !important; color: #8ea0bc !important; font-size: 11px !important; line-height: 1.2 !important; text-align: left !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table thead th:last-child { text-align: right !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item { position: relative !important; display: block !important; width: 100% !important; margin: 0 0 12px !important; padding: 15px !important; border: 1px solid rgba(129, 140, 248, .18) !important; border-radius: 18px !important; background: rgba(8, 15, 30, .82) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td { display: block !important; width: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #eef4ff !important; text-align: left !important; white-space: normal !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td.product-name { padding-right: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td.product-total { margin-top: 12px !important; padding-top: 12px !important; border-top: 1px solid rgba(129, 140, 248, .14) !important; color: #fff !important; font-size: 18px !important; font-weight: 950 !important; text-align: right !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.product-name, .product-name a, .cart_item .product-name) { color: #f8fafc !important; font-size: 16px !important; font-weight: 950 !important; line-height: 1.32 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .product-name :where(img, .nbd-cart-item-design img, .nbd-cart-item-design-preview img, .nbd-design-thumbnail img) { display: block !important; width: min(190px, 100%) !important; max-width: min(190px, 100%) !important; height: auto !important; margin: 10px 0 !important; border-radius: 10px !important; background: #fff !important; object-fit: contain !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .product-name :where(a.button, button.button, .button, .nbd-edit-design, .nbd-edit-design-button) { width: min(190px, 100%) !important; min-height: 40px !important; margin: 2px 0 8px !important; padding: 0 14px !important; border-radius: 13px !important; font-size: 13px !important; font-weight: 950 !important; line-height: 1.14 !important; white-space: normal !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .quantity { grid-template-columns: 34px 42px 34px !important; min-width: 110px !important; height: 38px !important; margin: 10px 0 8px !important; border-radius: 13px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.variation, dl.variation) { display: grid !important; grid-template-columns: 1fr !important; gap: 4px !important; margin: 10px 0 0 !important; color: #aebbd1 !important; font-size: 13px !important; line-height: 1.35 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.variation dt, .variation dd, .variation p) { display: inline !important; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #aebbd1 !important; font-size: 13px !important; line-height: 1.35 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.variation dt, .variation strong) { color: #dce6fb !important; font-weight: 900 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr { display: grid !important; grid-template-columns: minmax(94px, .42fr) minmax(0, 1fr) !important; align-items: start !important; gap: 10px !important; margin: 0 !important; padding: 14px 0 !important; border-top: 1px solid rgba(129, 140, 248, .16) !important; background: transparent !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr :where(th, td) { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; text-align: left !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr th { color: #f8fafc !important; font-size: 14px !important; font-weight: 950 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr td, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr td :where(label, p, li, small) { color: #c4d0e5 !important; font-size: 14px !important; line-height: 1.35 !important; text-align: right !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review tfoot tr.order-total td { color: #fff !important; font-size: 21px !important; font-weight: 950 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review ul.woocommerce-shipping-methods { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review ul.woocommerce-shipping-methods li, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review .shipping_method + label { color: #c4d0e5 !important; text-align: right !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(input[type="radio"], input[type="checkbox"]) { width: 18px !important; min-width: 18px !important; height: 18px !important; min-height: 18px !important; margin: 0 0 0 8px !important; accent-color: #0ea5e9 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-checkout-payment { margin-top: 14px !important; padding: 14px !important; border: 1px solid rgba(129, 140, 248, .24) !important; border-radius: 18px !important; background: rgba(8, 15, 30, .82) !important; color: #dbeafe !important; overflow: hidden !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods { display: grid !important; gap: 10px !important; padding: 0 0 14px !important; border: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods li { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; color: #dbeafe !important; text-align: left !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods li input[type="radio"] { grid-column: 1 !important; margin: 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods li label { grid-column: 2 !important; display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; color: #dbeafe !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.25 !important; text-align: left !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods li label img { max-width: 96px !important; max-height: 26px !important; object-fit: contain !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .payment_box { grid-column: 1 / -1 !important; margin: 8px 0 2px !important; padding: 11px 12px !important; border-radius: 14px !important; background: rgba(2, 6, 23, .42) !important; color: #b9c6dc !important; font-size: 13px !important; line-height: 1.45 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-privacy-policy-text, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-terms-and-conditions-wrapper { margin-top: 14px !important; padding-top: 14px !important; border-top: 1px solid rgba(129, 140, 248, .18) !important; color: #b9c6dc !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-terms-and-conditions-wrapper label { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; align-items: start !important; gap: 10px !important; color: #dbeafe !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.35 !important; text-align: left !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { margin: 1px 0 0 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #place_order { width: 100% !important; min-height: 54px !important; margin-top: 14px !important; border-radius: 16px !important; font-size: 17px !important; white-space: nowrap !important; } } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface), body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce { color: var(--bsx-text) !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .woocommerce-order, .woocommerce-order-details, .woocommerce-customer-details, .woocommerce-table--order-details, table.shop_table ) { border-color: rgba(129, 140, 248, .22) !important; background: rgba(15, 23, 42, .76) !important; color: var(--bsx-text) !important; box-shadow: none !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .woocommerce-thankyou-order-received, .woocommerce-notice--success, .woocommerce-order-overview, .woocommerce-order-details__title, .woocommerce-column__title ) { color: #f8fafc !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-thankyou-order-received, body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-notice--success { padding: 14px 16px !important; border: 1px dashed rgba(96, 165, 250, .72) !important; border-radius: 16px !important; background: rgba(248, 250, 252, .96) !important; color: #334155 !important; font-weight: 900 !important; text-align: center !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( table.shop_table, table.shop_table thead, table.shop_table tbody, table.shop_table tfoot, table.shop_table tr, table.shop_table th, table.shop_table td ) { border-color: rgba(129, 140, 248, .16) !important; background: transparent !important; color: #dbeafe !important; box-shadow: none !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table :where( .product-name, .product-name a, .product-total, .amount, bdi, strong, th ) { color: #f8fafc !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table :where( td, p, li, dt, dd, small, label, .variation, .variation * ) { color: #b9c6dc !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table :where(img, .nbd-cart-item-design img, .nbd-design-thumbnail img) { max-width: min(220px, 100%) !important; height: auto !important; border-radius: 10px !important; background: #fff !important; object-fit: contain !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-order-overview { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; gap: 10px !important; margin: 20px 0 !important; padding: 14px !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 18px !important; background: rgba(15, 23, 42, .74) !important; list-style: none !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-order-overview li { margin: 0 !important; padding: 10px !important; border: 1px solid rgba(129, 140, 248, .14) !important; border-radius: 14px !important; background: rgba(2, 6, 23, .36) !important; color: #aebbd1 !important; font-size: 12px !important; font-weight: 850 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-order-overview li strong { display: block !important; margin-top: 4px !important; color: #f8fafc !important; font-size: 15px !important; font-weight: 950 !important; line-height: 1.25 !important; } @media (max-width: 640px) { body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce { padding-left: 16px !important; padding-right: 16px !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-order-details { margin-top: 22px !important; padding: 14px !important; border-radius: 20px !important; background: rgba(15, 23, 42, .78) !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-order-details__title { margin: 0 0 14px !important; font-size: 24px !important; font-weight: 950 !important; line-height: 1.16 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table, body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table thead, body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tbody, body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tfoot { display: block !important; width: 100% !important; min-width: 0 !important; border: 0 !important; background: transparent !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table thead tr { display: grid !important; grid-template-columns: minmax(0, 1fr) max-content !important; gap: 12px !important; padding: 0 8px 10px !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tbody tr, body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tfoot tr { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(104px, max-content) !important; gap: 12px !important; margin: 0 0 12px !important; padding: 14px !important; border: 1px solid rgba(129, 140, 248, .16) !important; border-radius: 16px !important; background: rgba(8, 15, 30, .78) !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table :where(th, td) { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; vertical-align: top !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table :where(td:last-child, th:last-child) { text-align: right !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tbody tr td.product-name { grid-column: 1 / -1 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tbody tr td.product-total { grid-column: 1 / -1 !important; padding-top: 10px !important; border-top: 1px solid rgba(129, 140, 248, .14) !important; text-align: right !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tfoot tr th { color: #8ea0bc !important; font-size: 13px !important; font-weight: 950 !important; letter-spacing: .05em !important; text-transform: uppercase !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.shop_table tfoot tr td { color: #f8fafc !important; font-size: 16px !important; font-weight: 950 !important; } } /* Final pass: WooCommerce wraps the thank-you order table in its own white panels. Keep those panels in the Bigstep dark surface system on mobile. */ body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where( .order-details-wrap, .order-details-inner ) { box-sizing: border-box !important; width: 100% !important; max-width: none !important; border-color: rgba(129, 140, 248, .18) !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .order-details-wrap { padding: 0 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .order-details-inner { overflow: visible !important; padding: 0 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details { width: 100% !important; max-width: none !important; margin: 0 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details :where( thead, tbody, tfoot, tr, th, td ) { background-color: transparent !important; } @media (max-width: 640px) { body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-order { padding: 12px !important; border-radius: 22px !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-order-details { padding: 0 !important; border: 0 !important; background: transparent !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-order-details__title { margin: 24px 0 14px !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details thead { display: none !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details tbody tr { display: block !important; width: 100% !important; margin-bottom: 14px !important; padding: 16px !important; border: 1px solid rgba(129, 140, 248, .18) !important; border-radius: 18px !important; background: rgba(8, 15, 30, .9) !important; background-color: rgba(8, 15, 30, .9) !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details tbody tr td { display: block !important; width: 100% !important; padding: 0 !important; background: transparent !important; text-align: left !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details tbody tr td.product-name { color: #eef4ff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.4 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details tbody tr td.product-total { margin-top: 14px !important; padding-top: 12px !important; border-top: 1px solid rgba(129, 140, 248, .16) !important; color: #f8fafc !important; font-size: 18px !important; font-weight: 950 !important; text-align: right !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details tfoot tr { display: block !important; width: 100% !important; margin-bottom: 10px !important; padding: 14px !important; border: 1px solid rgba(129, 140, 248, .16) !important; border-radius: 16px !important; background: rgba(8, 15, 30, .78) !important; background-color: rgba(8, 15, 30, .78) !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details tfoot tr :where(th, td) { display: block !important; width: 100% !important; padding: 0 !important; text-align: left !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details tfoot tr th { margin-bottom: 6px !important; color: #8ea0bc !important; font-size: 12px !important; line-height: 1.25 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details tfoot tr td { color: #f8fafc !important; font-size: 16px !important; font-weight: 950 !important; line-height: 1.35 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-table--order-details :where(.variation, .variation *) { color: #aebbd1 !important; font-size: 13px !important; line-height: 1.35 !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > thead { display: none !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tbody > tr.woocommerce-table__line-item { display: block !important; background: rgba(8, 15, 30, .9) !important; background-color: rgba(8, 15, 30, .9) !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr { display: block !important; background: rgba(8, 15, 30, .78) !important; background-color: rgba(8, 15, 30, .78) !important; } body.woocommerce-order-received.bigstep-woo-redesign:not(.bigstep-plugin-surface) table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details > tfoot > tr > :where(th, td) { display: block !important; width: 100% !important; text-align: left !important; } } @media (max-width: 640px) { body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table > thead { display: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td.product-name :where( .button, a.button, .nbd-edit-design, .nbd-cart-item-edit, .nbd-upload-design ) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; min-height: 42px !important; margin: 12px 0 !important; padding: 0 18px !important; border-radius: 14px !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.15 !important; white-space: nowrap !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td.product-name img, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table tbody tr.cart_item td.product-name :where(.nbd-cart-item-design img, .nbd-design-thumbnail img) { display: block !important; width: min(100%, 220px) !important; max-width: min(100%, 220px) !important; height: auto !important; margin: 12px 0 !important; border-radius: 12px !important; object-fit: contain !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table > tfoot > tr { grid-template-columns: minmax(96px, .45fr) minmax(0, 1fr) !important; align-items: start !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review table.shop_table > tfoot > tr > th { min-width: 96px !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: normal !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #order_review :where(.woocommerce-info, .woocommerce-message, .woocommerce-error) { border: 1px solid rgba(251, 191, 36, .42) !important; border-left: 4px solid #f59e0b !important; border-radius: 14px !important; background: rgba(120, 53, 15, .22) !important; color: #ffedc4 !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.45 !important; } } /* Desktop content pass. The parent theme renders blog single pages as: .haru-single-blog > .h-row > (.single-content + .single-sidebar). Keep the grid on that row, not on .single-content, otherwise the sidebar spans the full page behind the article. */ @media (min-width: 901px) { body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-page-title { display: none !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-archive-blog { padding-top: 52px !important; } body.blog.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout.layout-grid, body.archive.bigstep-content-redesign:not(.bigstep-plugin-surface) .archive-content-layout.layout-grid { align-items: stretch !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-single-blog { max-width: 1220px !important; padding-top: 46px !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-single-blog > .h-row { display: grid !important; grid-template-columns: minmax(0, 780px) minmax(280px, 340px) !important; gap: 36px !important; align-items: start !important; justify-content: center !important; width: 100% !important; max-width: 1180px !important; margin: 0 auto !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content.has-right-sidebar, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content { display: block !important; grid-column: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-wrapper { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; margin: 0 !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-sidebar { grid-column: 2 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; float: none !important; margin: 0 !important; padding: 18px !important; position: static !important; top: auto !important; max-height: none !important; overflow: visible !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-sidebar :where(.widget, aside) { width: 100% !important; max-width: 100% !important; margin: 0 0 16px !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-sidebar :where(img, iframe) { max-width: 100% !important; height: auto !important; border-radius: 12px !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content .post-wrap { width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .post-meta-info { height: auto !important; min-height: 0 !important; } } @media (max-width: 900px) { body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .haru-single-blog > .h-row { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-content, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-wrapper, body.single-post.bigstep-content-redesign:not(.bigstep-plugin-surface) .single-sidebar { width: 100% !important; max-width: 100% !important; float: none !important; } } /* Post-rollback product pass: compact NBDesigner choices and support rows. */ body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbo-wrapper { width: 100% !important; max-width: 100% !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-option-field { margin-bottom: 12px !important; padding: 12px !important; border-radius: 14px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-header { margin-bottom: 8px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap:has(> label.nbd-label:nth-of-type(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap > label.nbd-label { min-width: 0 !important; min-height: 40px !important; padding: 0 8px !important; border-radius: 12px !important; font-size: 11px !important; line-height: 1.12 !important; letter-spacing: 0 !important; word-break: keep-all !important; overflow-wrap: anywhere !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrapper { grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)) !important; gap: 8px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrap { padding: 6px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap label.nbd-xlabel { height: 58px !important; min-height: 58px !important; background-size: cover !important; background-position: center !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrap > label:not(.nbd-xlabel) { margin-top: 6px !important; font-size: 11px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > :where(.nbo-wrapper, .nbd-options, .bigstep-product-options, .bigstep-product-description-card, .bigstep-info-wrapper) { flex: 0 0 100% !important; width: 100% !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity { margin: 0 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .single_add_to_cart_button { flex: 1 1 180px !important; min-width: 160px !important; padding-inline: 18px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-wrapper { width: 100% !important; margin-top: 12px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row { grid-template-columns: 98px minmax(0, 1fr) !important; gap: 8px !important; min-height: 34px !important; padding: 7px 10px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-label, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-value { font-size: 12px !important; line-height: 1.32 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-label { white-space: nowrap !important; } @media (max-width: 420px) { body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-option-field { padding: 10px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap:has(> label.nbd-label:nth-of-type(5)) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-label-wrap > label.nbd-label { min-height: 38px !important; padding: 0 5px !important; font-size: 9.5px !important; line-height: 1.08 !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .nbd-field-xlabel-wrap .nbd-xlabel-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart { gap: 8px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity { grid-template-columns: 36px 46px 36px !important; width: 124px !important; min-width: 124px !important; height: 48px !important; min-height: 48px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity .input-button { width: 36px !important; min-width: 36px !important; height: 40px !important; min-height: 40px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .quantity input.qty { width: 46px !important; min-width: 46px !important; height: 40px !important; min-height: 40px !important; line-height: 40px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) form.cart > .single_add_to_cart_button { flex-basis: calc(100% - 132px) !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; padding-inline: 10px !important; font-size: 12px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row { grid-template-columns: 86px minmax(0, 1fr) !important; padding: 7px 9px !important; } body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-label, body.single-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-info-row .bs-value { font-size: 11.5px !important; } } /* Global header/footer shell synced from the homepage surface. Keep this block limited to native theme pages; app/studio/landing surfaces load their own UI. */ body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header { position: relative !important; z-index: 90 !important; width: 100% !important; background: #000 !important; color: #dbe4ff !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header :where(.haru-header__desktop, .haru-header__mobile) { background: #000 !important; color: inherit !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header :where(.haru-header__desktop, .haru-header__mobile) > .elementor, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header :where(.haru-header__desktop, .haru-header__mobile) > .elementor > .elementor-element, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-9a6ca10 { background: transparent !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-9a6ca10 { box-sizing: border-box !important; width: min(1280px, calc(100vw - 32px)) !important; min-height: 74px !important; margin: 0 auto !important; padding: 14px 20px !important; border-bottom: 1px solid rgba(129, 140, 248, .24) !important; background-color: rgba(8, 11, 18, .78) !important; background-image: linear-gradient(180deg, rgba(99, 102, 241, .08), rgba(8, 11, 18, .70)) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-e7ad7a3 { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-5b372e4 { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; gap: 14px !important; justify-content: center !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-c6180f9, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-386c4e1 { flex: 0 0 auto !important; width: auto !important; min-width: max-content !important; max-width: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-4438adf { flex: 0 0 220px !important; width: 220px !important; max-width: 220px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-logo :where(img, .haru-logo__default) { width: auto !important; height: 40px !important; object-fit: contain !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu { align-items: center !important; gap: 6px !important; flex-wrap: nowrap !important; width: max-content !important; max-width: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu :where(li, li.menu-item) { display: flex !important; align-items: center !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu :where(a, .haru-menu-item-title) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; margin: 0 !important; padding: 0 10px !important; border-radius: 999px !important; background: transparent !important; color: #dbe4ff !important; font-family: var(--bsx-font) !important; font-size: 13px !important; font-weight: 760 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; transition: color .16s ease, background-color .16s ease, transform .16s ease !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu :where(li.current-menu-item, li.current-menu-ancestor, li.active, li:hover) > a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu :where(a:hover, a:focus-visible) { background: rgba(99, 102, 241, .14) !important; color: #fff !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header :where(.haru-cart, .haru-cart *, .haru-social, .haru-social *) { color: #dbe4ff !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 38px !important; width: 38px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 999px !important; background: rgba(15, 23, 42, .58) !important; box-shadow: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart:hover { border-color: rgba(129, 140, 248, .56) !important; background: rgba(99, 102, 241, .16) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart .cart-count, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart :where(.count, .haru-cart__number) { background: #0ea5e9 !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .22) !important; box-shadow: 0 8px 20px rgba(14, 165, 233, .24) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-social :where(ul, li) { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-social a { display: inline-grid !important; place-items: center !important; width: 38px !important; height: 38px !important; min-width: 38px !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 999px !important; background: rgba(15, 23, 42, .58) !important; color: #dbe4ff !important; box-shadow: none !important; transition: transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-social a:hover { border-color: rgba(129, 140, 248, .58) !important; background: rgba(99, 102, 241, .16) !important; color: #fff !important; transform: translateY(-1px) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer { margin-top: 0 !important; border-top: 1px solid rgba(129, 140, 248, .24) !important; background: linear-gradient(rgba(99, 102, 241, .030) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(99, 102, 241, .030) 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(ellipse 64% 34% at 50% 0%, rgba(99, 102, 241, .12), transparent 62%), #04050a !important; color: #cbd5e1 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer :where(.section-bg-gray, .e-con, .elementor-widget-container) { background-color: transparent !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-bc0044a { box-sizing: border-box !important; width: min(1280px, calc(100vw - 32px)) !important; margin: 0 auto !important; padding: 44px 0 28px !important; background: transparent !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-bc0044a > .e-con-inner { gap: 32px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-bc0044a > :where(.e-con-inner, .e-con-full), body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-bc0044a :where(.e-con-child) { align-items: flex-start !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-logo-footer img { width: auto !important; height: 31px !important; object-fit: contain !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer :where(.haru-heading-title, h2, h3, h4, h5, h6) { color: #f8fafc !important; font-family: var(--bsx-font) !important; font-size: 15px !important; font-weight: 820 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer :where(.haru-footer-link, .haru-footer-link *, p, li, a) { color: #cbd5e1 !important; font-family: var(--bsx-font) !important; font-size: 13.5px !important; font-weight: 560 !important; line-height: 1.55 !important; text-decoration: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-footer-link ul { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-footer-link li { margin: 0 !important; padding: 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer :where(.haru-footer-link a, .haru-social a):hover { color: #fff !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-widget-image img { max-width: min(172px, 100%) !important; max-height: 76px !important; height: auto !important; object-fit: contain !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social :where(ul, li) { display: flex !important; align-items: center !important; gap: 9px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social a { display: inline-grid !important; place-items: center !important; width: 34px !important; height: 34px !important; min-width: 34px !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 9px !important; background: rgba(15, 23, 42, .68) !important; color: #cbd5e1 !important; box-shadow: none !important; transition: transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social a:hover { border-color: var(--bsx-accent) !important; background: rgba(99, 102, 241, .18) !important; color: #fff !important; transform: translateY(-1px) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-f4f32cb { box-sizing: border-box !important; width: min(1280px, calc(100vw - 32px)) !important; min-height: 0 !important; margin: 0 auto !important; padding: 15px 0 18px !important; border-top: 1px solid rgba(99, 102, 241, .18) !important; background: transparent !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-f4f32cb :where(.haru-heading-title, h6) { margin: 0 !important; color: #7d89a0 !important; font-size: 12px !important; font-weight: 780 !important; line-height: 1.25 !important; letter-spacing: .04em !important; text-align: center !important; } /* Mobile hardening after global header/footer sync. */ @media (max-width: 700px) { body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) { overflow-x: hidden !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-products-header, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .haru-page-title { box-sizing: border-box !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; margin-left: auto !important; margin-right: auto !important; overflow: hidden !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce { box-sizing: border-box !important; width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro h1, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro h1 { display: block !important; max-width: 100% !important; font-size: clamp(27px, 8vw, 32px) !important; line-height: 1.08 !important; letter-spacing: 0 !important; white-space: normal !important; text-wrap: balance !important; overflow-wrap: anywhere !important; word-break: normal !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro p, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-page-intro p { max-width: 100% !important; overflow-wrap: anywhere !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-result-count, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-ordering, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter { width: 100% !important; max-width: 100% !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; height: auto !important; min-height: 0 !important; align-items: stretch !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__sidebar-btn, body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__catalog, body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-result-count, body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-ordering { position: static !important; inset: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; transform: none !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__catalog { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .shop-filter__sidebar-btn { justify-content: flex-start !important; min-height: 38px !important; padding: 0 2px !important; font-size: 13px !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-result-count { color: #cbd7ee !important; font-size: 13px !important; font-weight: 850 !important; line-height: 1.35 !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-ordering select { width: 100% !important; max-width: 100% !important; } } @media (max-width: 760px) { body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-9a6ca10 { width: min(100%, calc(100vw - 20px)) !important; min-height: 64px !important; padding: 10px 12px !important; border-radius: 0 0 14px 14px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-logo :where(img, .haru-logo__default) { height: 28px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-social a { width: 34px !important; min-width: 34px !important; height: 34px !important; min-height: 34px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; border-radius: 14px !important; background: rgba(2, 6, 23, .52) !important; color: #fff !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container { box-sizing: border-box !important; position: fixed !important; left: 0 !important; right: auto !important; top: 64px !important; width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; min-width: 0 !important; height: auto !important; max-height: calc(100dvh - 72px) !important; margin: 0 !important; padding: 14px 16px 18px !important; border: 0 !important; border-top: 1px solid rgba(129, 140, 248, .18) !important; border-bottom: 1px solid rgba(129, 140, 248, .18) !important; border-radius: 0 !important; background: rgba(7, 11, 20, .98) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, .50) !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: none !important; transform: none !important; translate: none !important; z-index: 999 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; justify-content: stretch !important; align-items: stretch !important; transform: none !important; translate: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu > li { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu > li > a { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; max-width: none !important; min-height: 48px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid rgba(129, 140, 248, .16) !important; border-radius: 14px !important; background: rgba(15, 23, 42, .72) !important; color: #dde6f7 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.15 !important; text-align: left !important; white-space: nowrap !important; transition: background .15s ease, border-color .15s ease, color .15s ease !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu :where(.sub-menu, .children) { position: static !important; display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; width: 100% !important; max-width: none !important; margin: 6px 0 2px !important; padding: 0 !important; background: transparent !important; transform: none !important; translate: none !important; visibility: visible !important; opacity: 1 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu :where(.haru-sub-item, .sub-menu a, .children a) { display: flex !important; align-items: center !important; justify-content: flex-start !important; min-height: 40px !important; padding: 0 16px 0 26px !important; border: 1px solid rgba(129, 140, 248, .12) !important; border-radius: 12px !important; background: rgba(15, 23, 42, .46) !important; color: #b9c4dc !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.15 !important; text-align: left !important; white-space: nowrap !important; transition: background .15s ease, border-color .15s ease, color .15s ease !important; } /* Mobile: trạng thái nhấn / đang ở (đồng bộ dropdown desktop) */ body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu > li > a:hover, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu > li > a:active, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu > li.current-menu-item > a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu :where(.haru-sub-item, .sub-menu a, .children a):hover, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu :where(.haru-sub-item, .sub-menu a, .children a):active, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu :where(.sub-menu, .children) > li.current-menu-item > a { background: linear-gradient(135deg, rgba(99, 102, 241, .34), rgba(139, 92, 246, .24)) !important; border-color: rgba(139, 92, 246, .55) !important; color: #fff !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-bc0044a { width: min(100%, calc(100vw - 20px)) !important; padding: 30px 0 20px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-bc0044a > .e-con-inner, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-bc0044a { gap: 18px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-f4f32cb { width: min(100%, calc(100vw - 20px)) !important; padding: 14px 0 18px !important; } } /* 2026-05-28 targeted Woo polish: checkout payment, filter drawer, cart popup and footer badges. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-checkout-payment { padding: 16px !important; border: 1px solid rgba(129, 140, 248, .28) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(8, 15, 30, .94)) !important; color: #e5edff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 22px 54px rgba(2, 6, 23, .30) !important; overflow: hidden !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 0 14px !important; border: 0 !important; background: transparent !important; list-style: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods li.wc_payment_method, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods > li { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; margin: 0 !important; padding: 13px !important; border: 1px solid rgba(129, 140, 248, .20) !important; border-radius: 16px !important; background: rgba(2, 6, 23, .34) !important; color: #dbeafe !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods li.wc_payment_method:has(input:checked), body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods > li:has(input:checked) { border-color: rgba(14, 165, 233, .52) !important; background: rgba(14, 165, 233, .10) !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods input[type="radio"], body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { width: 18px !important; min-width: 18px !important; height: 18px !important; min-height: 18px !important; margin: 0 !important; accent-color: #0ea5e9 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods label { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px 10px !important; min-width: 0 !important; margin: 0 !important; color: #e5edff !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.28 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods label img { display: inline-block !important; width: auto !important; max-width: min(132px, 46vw) !important; max-height: 32px !important; margin: 0 !important; object-fit: contain !important; vertical-align: middle !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .payment_box { grid-column: 1 / -1 !important; margin: 10px 0 0 !important; padding: 12px 14px !important; border: 1px solid rgba(129, 140, 248, .18) !important; border-radius: 14px !important; background: rgba(15, 23, 42, .72) !important; color: #cbd5e1 !important; font-size: 13.5px !important; line-height: 1.55 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .payment_box::before { display: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-privacy-policy-text, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-terms-and-conditions-wrapper { margin: 14px 0 0 !important; padding-top: 14px !important; border-top: 1px solid rgba(129, 140, 248, .18) !important; color: #b9c6dc !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-terms-and-conditions-wrapper label { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; gap: 10px !important; align-items: start !important; color: #e5edff !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.35 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment #place_order { width: 100% !important; min-height: 54px !important; margin-top: 14px !important; border-radius: 16px !important; white-space: nowrap !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-sidebar.hidden-sidebar, body.post-type-archive-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-sidebar.hidden-sidebar { border-right: 1px solid rgba(129, 140, 248, .28) !important; background: linear-gradient(180deg, #08101f 0%, #050914 100%) !important; color: #e5edff !important; box-shadow: 30px 0 70px rgba(2, 6, 23, .50) !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar__header, body.post-type-archive-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar__header { border-bottom: 1px solid rgba(129, 140, 248, .18) !important; background: rgba(15, 23, 42, .78) !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar__close, body.post-type-archive-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar__close { color: #f8fafc !important; font-weight: 850 !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar__content, body.post-type-archive-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar__content { padding: 16px !important; background: transparent !important; color: #cbd5e1 !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar .widget, body.post-type-archive-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar .widget { width: 100% !important; margin: 0 0 18px !important; padding: 0 !important; color: #cbd5e1 !important; background: transparent !important; } body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar .widget_media_image img, body.post-type-archive-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .hidden-sidebar .widget_media_image img, body.tax-product_cat.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-sidebar.left-sidebar .widget_media_image img, body.post-type-archive-product.bigstep-woo-redesign:not(.bigstep-plugin-surface) .archive-sidebar.left-sidebar .widget_media_image img { display: block !important; width: min(100%, 320px) !important; max-width: 100% !important; height: auto !important; margin: 0 auto 22px !important; border-radius: 10px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap.bigstep-cart-popup, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap { position: fixed !important; inset: 0 !important; z-index: 9999999 !important; display: none; align-items: center !important; justify-content: center !important; padding: 18px !important; background: rgba(2, 6, 23, .76) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap[hidden] { display: none !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .popup-cart-content { position: relative !important; width: min(420px, calc(100vw - 34px)) !important; max-width: 420px !important; padding: 24px !important; border: 1px solid rgba(129, 140, 248, .30) !important; border-radius: 22px !important; background: linear-gradient(180deg, #101a2c 0%, #08101f 100%) !important; color: #e5edff !important; text-align: center !important; box-shadow: 0 28px 80px rgba(2, 6, 23, .56) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-btn-x { position: absolute !important; top: 12px !important; right: 12px !important; display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 999px !important; background: rgba(15, 23, 42, .78) !important; color: #cbd5e1 !important; font-size: 22px !important; line-height: 1 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-success-icon { display: grid !important; place-items: center !important; width: 50px !important; height: 50px !important; margin: 0 auto 12px !important; border-radius: 999px !important; background: linear-gradient(135deg, #0ea5e9, #22c55e) !important; color: #fff !important; font-size: 24px !important; font-weight: 900 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap h3 { margin: 0 0 14px !important; color: #fff !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.18 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-product-summary { display: grid !important; grid-template-columns: 76px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; margin: 14px 0 !important; padding: 12px !important; border: 1px solid rgba(129, 140, 248, .18) !important; border-radius: 16px !important; background: rgba(2, 6, 23, .34) !important; text-align: left !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-img img { width: 76px !important; height: 76px !important; border-radius: 12px !important; object-fit: cover !important; background: #fff !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-name { color: #f8fafc !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.35 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-qty, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-ask { color: #a8b4c8 !important; font-size: 13px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-total-box { display: flex !important; justify-content: space-between !important; gap: 14px !important; margin: 12px 0 16px !important; color: #cbd5e1 !important; font-size: 14px !important; font-weight: 780 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-price, body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-price * { color: #38bdf8 !important; font-weight: 900 !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .popup-cart-btns { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-top: 16px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap :where(.p-btn-close, .p-btn-checkout) { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 0 14px !important; border-radius: 14px !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-btn-close { border: 1px solid rgba(129, 140, 248, .24) !important; background: rgba(15, 23, 42, .82) !important; color: #dbeafe !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .p-btn-checkout { border: 0 !important; background: linear-gradient(135deg, #6366f1, #a855f7) !important; color: #fff !important; box-shadow: 0 14px 34px rgba(99, 102, 241, .30) !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) { display: block !important; padding: 14px 18px !important; border-radius: 16px !important; background: rgba(15, 23, 42, .94) !important; color: #e5edff !important; } body.bigstep-cart-popup-open.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) { display: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-b68080a img { width: clamp(120px, 9vw, 160px) !important; max-width: 100% !important; max-height: none !important; height: auto !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-5f044f6 img { width: clamp(230px, 18vw, 340px) !important; max-width: 100% !important; max-height: none !important; height: auto !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-9277ba4 { align-items: center !important; } @media (max-width: 640px) { body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-checkout-payment { padding: 12px !important; border-radius: 18px !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods li.wc_payment_method, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment ul.payment_methods > li { padding: 12px !important; } body.bigstep-woo-redesign:not(.bigstep-plugin-surface) #popup-cart-wrap .popup-cart-btns { grid-template-columns: 1fr !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-b68080a img { width: min(140px, 60vw) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .elementor-element-5f044f6 img { width: min(280px, 88vw) !important; } } /* Desktop dropdown submenu — polished glassy panel matching header. */ body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .sub-menu, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown { min-width: 240px !important; /* margin-top:6px cũ tạo "vùng chết" 6px khiến dropdown ẩn khi rê chuột xuống. Thay bằng border-top trong suốt: giữ khoảng cách thẻ nổi nhưng hover không đứt. */ margin-top: 0 !important; padding: 7px !important; border: 1px solid rgba(129, 140, 248, .30) !important; border-top: 6px solid transparent !important; border-radius: 16px !important; background-clip: padding-box !important; background-color: rgba(10, 13, 22, .94) !important; background-image: linear-gradient(180deg, rgba(99, 102, 241, .14), rgba(8, 11, 18, .86)) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(99, 102, 241, .12), inset 0 1px 0 rgba(255, 255, 255, .06) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; overflow: hidden !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main > li.menu-item-has-children { position: relative !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main > li.menu-item-has-children::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; height: 12px !important; background: transparent !important; pointer-events: auto !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .sub-menu > li, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown > li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .sub-menu > li + li, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown > li + li { margin-top: 2px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .sub-menu > li > a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown a.haru-sub-item, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown > li > a { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; position: relative !important; min-height: 40px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; color: #aeb8cf !important; font-family: var(--bsx-font) !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: none !important; transition: background-color .14s ease, color .14s ease, transform .14s ease !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .sub-menu > li:hover > a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .sub-menu > li > a:hover, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .sub-menu > li.current-menu-item > a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown a.haru-sub-item:hover, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown > li:hover > a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown > li.current-menu-item > a { background: linear-gradient(135deg, rgba(99, 102, 241, .32), rgba(139, 92, 246, .22)) !important; color: #fff !important; transform: translateX(3px) !important; box-shadow: inset 2px 0 0 0 #8b5cf6 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .sub-arrow, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main .haru-item--main .sub-arrow { margin-left: 6px !important; color: rgba(203, 215, 238, .70) !important; opacity: .80 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main > li:hover > a .sub-arrow, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main > li.current-menu-item > a .sub-arrow { color: #fff !important; opacity: 1 !important; } /* ── Global header shimmer line (non-home pages) ─────────────────────────── */ body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-9a6ca10 { position: relative !important; overflow: visible !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-9a6ca10::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 40%; height: 1px; background: linear-gradient(90deg, transparent, #8b5cf6, #e879f9, transparent); animation: bigstepHeaderShine 5s ease-in-out infinite; opacity: .7; pointer-events: none; z-index: 5; } @keyframes bigstepHeaderShine { 0% { left: -40%; opacity: 0; } 10% { opacity: .7; } 90% { opacity: .7; } 100% { left: 100%; opacity: 0; } } /* ── Full-width header (non-home) ─────── */ body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header { background-color: rgba(8, 11, 18, .78) !important; background-image: linear-gradient(180deg, rgba(99, 102, 241, .08), rgba(8, 11, 18, .70)) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-bottom: 1px solid rgba(129, 140, 248, .24) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-9a6ca10 { background-color: transparent !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-bottom: 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-9a6ca10::after { display: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 40%; height: 1px; background: linear-gradient(90deg, transparent, #8b5cf6, #e879f9, transparent); animation: bigstepHeaderShine 5s ease-in-out infinite; opacity: .7; pointer-events: none; z-index: 5; } /* ── Force menu container visible at tablet (override elementor-hidden-tablet) ── */ @media (max-width: 1024px) { body.home.bigstep-plugin-surface #haru-header .elementor-element-c6180f9.elementor-hidden-tablet, body.home.bigstep-plugin-surface #haru-header .elementor-element.elementor-element-c6180f9 { display: flex !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-c6180f9.elementor-hidden-tablet, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element.elementor-element-c6180f9 { display: flex !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; } } /* Below 760px (mobile): hide desktop nav, show burger toggle */ @media (max-width: 759px) { body.home.bigstep-plugin-surface #haru-header .haru-nav-menu--main.haru-nav-menu__container, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main.haru-nav-menu__container { display: none !important; } body.home.bigstep-plugin-surface #haru-header .haru-menu-toggle, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; } } /* Above 760px: hide burger, show desktop nav */ @media (min-width: 760px) { body.home.bigstep-plugin-surface #haru-header .haru-menu-toggle, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle { display: none !important; } body.home.bigstep-plugin-surface #haru-header .haru-nav-menu--main.haru-nav-menu__container, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--main.haru-nav-menu__container { display: block !important; } } /* ── Footer social icons — clean circular brand-colored hover ──────────── */ body.home.bigstep-plugin-surface #haru-footer .haru-social ul, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social ul { display: flex !important; justify-content: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.home.bigstep-plugin-surface #haru-footer .haru-social li, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social li { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.home.bigstep-plugin-surface #haru-footer .haru-social a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social a { display: inline-grid !important; place-items: center !important; width: 36px !important; height: 36px !important; min-width: 36px !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .10) !important; border-radius: 50% !important; background: rgba(15, 23, 42, .60) !important; color: #cbd5e1 !important; transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important; box-shadow: none !important; } body.home.bigstep-plugin-surface #haru-footer .haru-social a:hover, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social a:hover { transform: translateY(-2px) !important; color: #fff !important; } /* Reset haru-social__icon container so it doesn't add bg */ body.home.bigstep-plugin-surface #haru-footer .haru-social .haru-social__icon, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social .haru-social__icon { background: transparent !important; border: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; display: inline-grid !important; place-items: center !important; color: inherit !important; } /* Icon sizing */ body.home.bigstep-plugin-surface #haru-footer .haru-social a i, body.home.bigstep-plugin-surface #haru-footer .haru-social a svg, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social a i, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-footer .haru-social a svg { font-size: 15px !important; width: 15px !important; height: 15px !important; line-height: 1 !important; color: inherit !important; } /* Brand-colored hover per platform */ body #haru-footer .haru-social a[href*="facebook"]:hover { background: #1877f2 !important; border-color: #1877f2 !important; box-shadow: 0 8px 20px rgba(24, 119, 242, .42) !important; } body #haru-footer .haru-social a[href*="instagram"]:hover { background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; border-color: transparent !important; box-shadow: 0 8px 20px rgba(220, 39, 67, .42) !important; } body #haru-footer .haru-social a[href*="tiktok"]:hover { background: #000 !important; border-color: #25f4ee !important; color: #fff !important; box-shadow: 0 8px 20px rgba(255, 0, 80, .35), 0 0 0 1px #ff0050 inset !important; } body #haru-footer .haru-social a[href*="youtube"]:hover { background: #ff0000 !important; border-color: #ff0000 !important; box-shadow: 0 8px 20px rgba(255, 0, 0, .42) !important; } /* Cart page final pass: stable desktop/mobile Woo cart layout. */ body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce { box-sizing: border-box !important; width: min(1180px, calc(100vw - 32px)) !important; max-width: min(1180px, calc(100vw - 32px)) !important; margin: 0 auto !important; padding: 0 0 56px !important; overflow: visible !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce :where(.woocommerce-message, .woocommerce-error, .woocommerce-info) { box-sizing: border-box !important; width: 100% !important; margin: 18px 0 !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 16px !important; background: rgba(15, 23, 42, .74) !important; color: #dbe7ff !important; box-shadow: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce > .woocommerce-cart-form { box-sizing: border-box !important; width: 100% !important; max-width: none !important; margin: 18px 0 0 !important; padding: clamp(18px, 2.2vw, 28px) !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 22px !important; background: linear-gradient(180deg, rgba(17, 24, 39, .96), rgba(15, 23, 42, .88)) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, .34) !important; overflow: hidden !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table { width: 100% !important; margin: 0 !important; table-layout: fixed !important; border-collapse: separate !important; border-spacing: 0 10px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table th { padding: 0 14px 8px !important; background: transparent !important; color: #9aa8bd !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table :where(td, th) { border: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .product-remove { width: 44px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .product-thumbnail { width: 126px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .product-price, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .product-subtotal { width: 142px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .product-quantity { width: 176px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item td { padding: 18px 14px !important; background: rgba(2, 6, 23, .48) !important; color: #f8fafc !important; vertical-align: middle !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item td:first-child { border-radius: 16px 0 0 16px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item td:last-child { border-radius: 0 16px 16px 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-thumbnail img { width: 92px !important; height: 92px !important; border-radius: 14px !important; background: #fff !important; object-fit: cover !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-name > a { display: block !important; margin: 0 0 10px !important; color: #f8fafc !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.28 !important; white-space: normal !important; overflow-wrap: anywhere !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .variation { display: grid !important; grid-template-columns: max-content minmax(0, 1fr) !important; gap: 5px 10px !important; margin: 0 !important; color: #aab6c9 !important; font-size: 12px !important; line-height: 1.35 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .variation :where(dt, dd, p) { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; line-height: inherit !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .variation dt { color: #7f8ca3 !important; font-weight: 900 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table :where(.amount, bdi) { color: #f8fafc !important; font-weight: 900 !important; white-space: nowrap !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form .cart-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; margin: 18px 0 0 !important; padding: 18px 0 0 !important; border-top: 1px solid rgba(129, 140, 248, .14) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form .cart-actions-custom { display: flex !important; flex: 1 1 auto !important; flex-wrap: wrap !important; gap: 10px !important; min-width: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form .cart-actions :where(.button, button.button, input.button, a.button, .haru-button) { width: auto !important; min-width: 160px !important; min-height: 46px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 13px !important; white-space: nowrap !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon { box-sizing: border-box !important; width: min(520px, 100%) !important; margin: 22px 0 0 !important; padding: 18px !important; border: 1px dashed rgba(203, 213, 225, .32) !important; border-radius: 18px !important; background: rgba(2, 6, 23, .36) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon .coupon { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; align-items: end !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon .coupon_desription { grid-column: 1 / -1 !important; margin: 0 !important; color: #b8c3d6 !important; font-size: 13px !important; font-weight: 750 !important; line-height: 1.35 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon .coupon :where(button, .button) { width: 100% !important; min-width: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon .coupon :where(input.input-text, input[type="text"]), body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon .coupon :where(button, .button) { grid-column: 1 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon :where(input.input-text, input[type="text"]) { width: 100% !important; min-width: 0 !important; min-height: 46px !important; border-radius: 13px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals { display: flex !important; justify-content: flex-end !important; width: 100% !important; margin: 22px 0 0 !important; padding: 0 !important; background: transparent !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals::before, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals::after { display: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce > .cart-totals { box-sizing: border-box !important; display: flex !important; justify-content: flex-end !important; width: 100% !important; max-width: none !important; min-height: 0 !important; margin: -136px 0 0 !important; padding: 0 !important; background: transparent !important; pointer-events: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce > .cart-totals > .cart_totals { pointer-events: auto !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals { box-sizing: border-box !important; float: none !important; width: min(520px, 100%) !important; max-width: 520px !important; margin: 0 !important; padding: 22px !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 20px !important; background: rgba(2, 6, 23, .54) !important; color: #f8fafc !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals h2 { margin: 0 0 14px !important; color: #f8fafc !important; font-size: 18px !important; font-weight: 950 !important; line-height: 1.2 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals table.shop_table { width: 100% !important; margin: 0 !important; border-spacing: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals table.shop_table :where(th, td) { padding: 13px 0 !important; border-bottom: 1px solid rgba(129, 140, 248, .12) !important; background: transparent !important; color: #dbe7ff !important; vertical-align: top !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals table.shop_table td { text-align: right !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals .order-total :where(th, td, .amount, bdi) { color: #f8fafc !important; font-size: 18px !important; font-weight: 950 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .wc-proceed-to-checkout { padding: 18px 0 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .wc-proceed-to-checkout .checkout-button { min-height: 52px !important; border-radius: 14px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) :where(.wc-empty-cart-message, .return-to-shop) { box-sizing: border-box !important; width: 100% !important; margin: 18px 0 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-empty.woocommerce-info { display: flex !important; align-items: center !important; min-height: 72px !important; padding: 18px 20px !important; border-radius: 18px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .return-to-shop .button { min-height: 48px !important; border-radius: 14px !important; } @media (max-width: 767px) { body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; padding-bottom: 40px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce > .woocommerce-cart-form { padding: 14px !important; border-radius: 18px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table { display: block !important; width: 100% !important; border-spacing: 0 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table thead { display: none !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tbody { display: grid !important; gap: 12px !important; width: 100% !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item { position: relative !important; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 10px 12px !important; width: 100% !important; padding: 14px !important; border: 1px solid rgba(129, 140, 248, .16) !important; border-radius: 18px !important; background: rgba(2, 6, 23, .48) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item td { display: block !important; width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-remove { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 2 !important; display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; border-radius: 999px !important; background: rgba(15, 23, 42, .86) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-remove a.remove { display: grid !important; place-items: center !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; color: #fca5a5 !important; font-size: 22px !important; line-height: 1 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-thumbnail { grid-column: 1 !important; grid-row: 1 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-thumbnail img { width: 92px !important; height: 92px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-name { grid-column: 2 !important; grid-row: 1 !important; padding-right: 28px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-name > a { margin-bottom: 8px !important; font-size: 14px !important; line-height: 1.25 !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .variation { display: block !important; font-size: 11.5px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .variation dt { display: inline !important; margin-right: 4px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .variation dd { display: inline !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table .variation dd::after { content: ""; display: block; height: 3px; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-price, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-subtotal { grid-column: 1 / -1 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 14px !important; min-height: 42px !important; padding-top: 10px !important; border-top: 1px solid rgba(129, 140, 248, .12) !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-price::before { content: "Giá"; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity::before { content: "Số lượng"; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-subtotal::before { content: "Tổng cộng"; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-price::before, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity::before, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-subtotal::before { color: #8ea0b9 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase !important; white-space: nowrap !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-price > *, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-subtotal > * { margin-left: auto !important; text-align: right !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-quantity .quantity { margin-left: auto !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form .cart-actions, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form .cart-actions-custom { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form .cart-actions :where(.button, button.button, input.button, a.button, .haru-button) { width: 100% !important; min-width: 0 !important; min-height: 46px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon, body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals { width: 100% !important; max-width: none !important; padding: 16px !important; border-radius: 18px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon .coupon { grid-template-columns: 1fr !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-coupon .coupon :where(button, .button) { width: 100% !important; min-height: 46px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart-collaterals { display: block !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce > .cart-totals { display: block !important; margin: 14px 0 0 !important; pointer-events: auto !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals table.shop_table :where(th, td) { display: table-cell !important; width: auto !important; font-size: 12.5px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals table.shop_table th { width: 34% !important; padding-right: 10px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .cart_totals table.shop_table td { width: 66% !important; } } @media (max-width: 370px) { body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table tr.cart_item { grid-template-columns: 76px minmax(0, 1fr) !important; padding: 12px !important; } body.woocommerce-cart.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-cart-form table.shop_table td.product-thumbnail img { width: 76px !important; height: 76px !important; } } /* Cart mobile: keep row labels from colliding with values. */ @media (max-width: 767px) { html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-price, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-quantity, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-subtotal { display: grid !important; grid-template-columns: minmax(108px, 38%) minmax(0, 1fr) !important; align-items: center !important; column-gap: 18px !important; width: 100% !important; min-width: 0 !important; } html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-price::before, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-quantity::before, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-subtotal::before { float: none !important; display: block !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; white-space: normal !important; line-height: 1.2 !important; } html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-price > *, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-subtotal > *, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-quantity .quantity { justify-self: end !important; margin-left: 0 !important; text-align: right !important; } html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-price .amount, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-price bdi, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-subtotal .amount, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-subtotal bdi { white-space: nowrap !important; } } @media (max-width: 370px) { html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-price, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-quantity, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form table.shop_table td.product-subtotal { grid-template-columns: minmax(96px, 36%) minmax(0, 1fr) !important; column-gap: 14px !important; } } /* Cart page already has the intro/breadcrumb heading. */ html body.woocommerce-cart:not(#_a) .shopping-cart-title { display: none !important; } /* 3. Side tabs — push higher above editor's tall mobile toolbar (toolbar can be 80-100px tall with labels) */ @media (max-width: 760px) { .bigstep-ai-side-tabs { bottom: calc(var(--toolbar-m, 68px) + 24px) !important; } } /* Header sync final: make Woo, cart, blog and content pages match homepage. */ body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header { background: #000 !important; } @media (max-width: 760px) { body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-9a6ca10 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; width: min(100%, calc(100vw - 20px)) !important; min-height: 64px !important; padding: 10px 12px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-e7ad7a3 { order: 1 !important; display: flex !important; flex-direction: row !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; justify-content: flex-start !important; align-items: center !important; text-align: left !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-5b372e4 { order: 2 !important; display: flex !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; gap: 10px !important; align-items: center !important; justify-content: flex-end !important; margin-left: auto !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-386c4e1 { order: 1 !important; display: block !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; margin: 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-element-c6180f9 { order: 2 !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; margin: 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-logo, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-widget-haru-logo, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .elementor-widget-haru-logo .elementor-widget-container, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-logo > a { display: flex !important; justify-content: flex-start !important; width: auto !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-logo :where(img, .haru-logo__default) { width: auto !important; height: 28px !important; margin: 0 auto 0 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle { box-sizing: border-box !important; display: inline-grid !important; place-items: center !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(129, 140, 248, .36) !important; border-radius: 14px !important; background: rgba(15, 23, 42, .68) !important; color: #fff !important; overflow: hidden !important; transform: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle:is(:hover, :focus-visible, .haru-active) { border-color: rgba(129, 140, 248, .68) !important; background: rgba(99, 102, 241, .22) !important; box-shadow: 0 12px 26px rgba(79, 70, 229, .22) !important; transform: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle:active { transform: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart { box-sizing: border-box !important; display: inline-grid !important; place-items: center !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #fff !important; overflow: visible !important; transform: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart:is(:hover, :focus-visible, :active) { border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart > .haru-cart-wrap, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart > .haru-cart-wrap > .haru-cart-opener, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart > .haru-cart-wrap > .haru-cart-opener > a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart > .haru-cart-wrap .haru-cart-icon { display: grid !important; place-items: center !important; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart :where(.amount, .haru-cart-total, .cart-total, .cart-price) { display: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart :where(.cart-count, .haru-cart-number, .count) { position: absolute !important; top: 0 !important; right: 0 !important; z-index: 2 !important; display: inline-grid !important; place-items: center !important; width: 18px !important; min-width: 18px !important; height: 18px !important; min-height: 18px !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 999px !important; background: #1677ff !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-cart .haru-cart-number span { display: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget :where(a, button, .button) { width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; white-space: normal !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) !important; gap: 12px !important; align-items: start !important; height: auto !important; min-height: 0 !important; padding: 14px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .cart-left, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .cart-left a, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .cart-left img { width: 72px !important; height: 72px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .cart-left img { display: block !important; border-radius: 10px !important; object-fit: cover !important; background: #fff !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .cart-right { width: auto !important; min-width: 0 !important; height: auto !important; padding-right: 28px !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .cart-right > a:not(.remove) { display: block !important; width: 100% !important; margin: 0 0 8px !important; color: #f8fafc !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.28 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .variation { display: block !important; margin: 0 0 8px !important; color: #aab6c9 !important; font-size: 11.5px !important; line-height: 1.35 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .variation :where(dt, dd, p) { display: inline !important; float: none !important; clear: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .variation dd::after { content: ""; display: block; height: 3px; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .mini_cart_item .quantity { display: block !important; width: auto !important; height: auto !important; min-width: 0 !important; color: #f8fafc !important; font-size: 12px !important; font-weight: 900 !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .woocommerce-mini-cart__empty-message { margin: 0 auto 18px !important; text-align: center !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .empty h4 { display: none !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .empty .button, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .cart-side-widget .woocommerce-mini-cart__buttons .button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 46px !important; padding: 0 16px !important; border-radius: 13px !important; text-align: center !important; white-space: normal !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container { left: 10px !important; top: 70px !important; width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; max-height: min(70dvh, 620px) !important; padding: 12px !important; border: 1px solid rgba(129, 140, 248, .26) !important; border-radius: 18px !important; background: rgba(7, 11, 20, .96) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; box-shadow: 0 24px 70px rgba(0, 0, 0, .54), inset 0 1px 0 rgba(255, 255, 255, .04) !important; } body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu :where(.sub-menu, .children), body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-nav-menu--dropdown.haru-nav-menu__container .haru-nav-menu > li > :where(.sub-menu, .children) > li.menu-item-has-children > :where(.sub-menu, .children) { grid-template-columns: 1fr !important; } } /* === Checkout overlap fixes (20260529) === */ /* Bug 1: coupon notice icon (haruicons ::before at left:30px) overlaps the text because the redesign cuts padding from 60px down to 18px. The redesign already has its own border styling, so drop the leftover icon and the forced left offset entirely. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon-toggle .woocommerce-info::before, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-info::before { content: none !important; display: none !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .woocommerce-form-coupon-toggle .woocommerce-info { padding-left: 18px !important; } /* Bug 2: terms label uses a 2-column grid (22px + 1fr) so the trailing abbr.required ("*") falls onto a third grid row underneath the text. The "I agree to terms" checkbox is implicitly required, so hide the redundant asterisk rather than fight the constrained grid for a few pixels. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-terms-and-conditions-wrapper label .required { display: none !important; } /* === Notice theme-match (20260529) === The COD plugin and the parent theme inject yellow/cream notices with hard- coded inline styles that clash with the dark redesign. Re-skin them with the same dark + amber warning palette already used for #order_review notices so the checkout reads as one consistent surface. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-cod-notice, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-cod-notice.payment-notice, body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-checkout-notice { padding: 14px 18px !important; border: 1px solid rgba(251, 191, 36, .42) !important; border-left: 4px solid #f59e0b !important; border-radius: 14px !important; background: rgba(120, 53, 15, .22) !important; color: #ffedc4 !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.45 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-cod-notice .dashicons-warning { color: #fbbf24 !important; } body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) .bigstep-checkout-notice strong { color: #fde68a !important; font-weight: 900 !important; } /* Drop the divider above the "Tôi đã đọc và đồng ý..." checkbox; it lands between the privacy paragraph and the terms checkbox and reads as an accidental hairline rather than a section break. */ body.woocommerce-checkout.bigstep-woo-redesign:not(.bigstep-plugin-surface) #payment .woocommerce-terms-and-conditions-wrapper { margin-top: 6px !important; padding-top: 0 !important; border-top: 0 !important; } /* Burger menu — easier tap target (synced with homepage) */ @media (max-width: 760px) { body.home.bigstep-plugin-surface #haru-header .haru-menu-toggle, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; padding: 12px !important; border-radius: 12px !important; background: rgba(15, 23, 42, .60) !important; border: 1px solid rgba(129, 140, 248, .28) !important; cursor: pointer !important; touch-action: manipulation !important; -webkit-tap-highlight-color: rgba(99, 102, 241, .32) !important; } body.home.bigstep-plugin-surface #haru-header .haru-menu-toggle :where(i, svg, span), body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle :where(i, svg, span) { font-size: 20px !important; width: 20px !important; height: 20px !important; color: #fff !important; pointer-events: none !important; } body.home.bigstep-plugin-surface #haru-header .haru-menu-toggle:active, body:not(.bigstep-plugin-surface):not(.bigstep-ai-standalone-editor):not(.bigstep-home-standalone) #haru-header .haru-menu-toggle:active { background: rgba(99, 102, 241, .25) !important; transform: scale(.96) !important; } } /* ===== FIX: ẩn nút "Xóa giỏ hàng" trùng của NBDesigner (giữ nút theme .empty-cart-button). :not(#_a):not(#_b) là id giả (luôn đúng) để đẩy specificity, thắng rule inline elementor có specificity cao hơn class thường. ===== */ html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form .cart-actions-custom input[name="nbo_empty_cart"], html body.woocommerce-cart:not(#_a):not(#_b) .cart-actions-custom input.nbo-clear-cart-button { display: none !important; } /* ===== FIX: bỏ ô mã giảm giá ở trang Cart (đã có ở Checkout). Chỉ ẩn, không xoá chức năng. ===== */ html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form .cart-coupon, html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form .coupon { display: none !important; } /* ===== FIX: sau khi bỏ coupon, gom các nút hành động về trái để không đè lên box tổng tiền (totals có margin-top âm kéo lên). ===== */ html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form .cart-actions { justify-content: flex-start !important; gap: 12px !important; } html body.woocommerce-cart:not(#_a):not(#_b) form.woocommerce-cart-form .cart-actions .cart-actions-custom { flex: 0 0 auto !important; width: auto !important; } /* ===== FIX: box tổng tiền thành HÀNG NGANG full-width dưới bảng (bỏ kéo -136px gây đè bảng). Chỉ desktop (>=768px); mobile (<=767px) giữ layout stack cũ. ===== */ @media (min-width: 768px) { html body.woocommerce-cart:not(#_a):not(#_b) .woocommerce > .cart-totals { margin: 24px 0 0 !important; justify-content: stretch !important; pointer-events: auto !important; } html body.woocommerce-cart:not(#_a):not(#_b) .cart_totals { flex: 1 1 100% !important; width: 100% !important; max-width: none !important; } html body.woocommerce-cart:not(#_a):not(#_b) .cart_totals .cart-totals-inner { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 40px !important; flex-wrap: wrap !important; } html body.woocommerce-cart:not(#_a):not(#_b) .cart_totals .cart-totals-inner > table.shop_table { flex: 1 1 440px !important; width: auto !important; margin: 0 !important; } html body.woocommerce-cart:not(#_a):not(#_b) .cart_totals .cart-totals-inner > .wc-proceed-to-checkout { flex: 0 0 300px !important; width: 300px !important; margin: 0 !important; padding: 0 !important; } html body.woocommerce-cart:not(#_a):not(#_b) .cart_totals .cart-totals-inner > .wc-proceed-to-checkout .checkout-button { width: 100% !important; } } /* ===== FIX: hero (.bigstep-page-intro) sát header quá -> thêm khoảng cách trên. ===== */ html body:not(#_a) .bigstep-page-intro { margin-top: 32px !important; } /* ===== FIX (phản hồi): checkout terms + minicart ===== */ /* #2: bỏ vạch trắng (#eee) phía trên ô "đồng ý điều khoản" = border-bottom của privacy text */ html body.woocommerce-checkout:not(#_a) .woocommerce-privacy-policy-text { border-bottom: 0 !important; } /* #3: minicart desktop — 2 nút "Xem giỏ hàng"/"Thanh toán" dính nhau -> flex + gap, 2 nút đều nhau */ @media (min-width: 761px) { html body:not(#_a) #haru-header .cart-side-widget .woocommerce-mini-cart__buttons { display: flex !important; gap: 10px !important; align-items: stretch !important; } html body:not(#_a) #haru-header .cart-side-widget .woocommerce-mini-cart__buttons a.button { flex: 1 1 0 !important; margin: 0 !important; text-align: center !important; } } /* #4: minicart — list cuộn được, total+nút ghim đáy (drawer overflow:hidden đang cắt nút thanh toán khi nội dung tràn, nhất là mobile) */ html body:not(#_a) #haru-header .cart-side-widget .widget_shopping_cart, html body:not(#_a) #haru-header .cart-side-widget .widget_shopping_cart_content, html body:not(#_a) #haru-header .cart-side-widget .cart_list_wrap { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; } html body:not(#_a) #haru-header .cart-side-widget .cart_list_content { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; } html body:not(#_a) #haru-header .cart-side-widget .cart-total { flex: 0 0 auto !important; } /* ===== FIX: polish header bảng cart — bỏ dải xám thô (góc vuông trong card bo tròn), dùng nhãn nhẹ + đường kẻ mảnh. ===== */ html body.woocommerce-cart:not(#_a) form.woocommerce-cart-form table.shop_table thead tr { background: transparent !important; } html body.woocommerce-cart:not(#_a) form.woocommerce-cart-form table.shop_table thead th { padding: 0 14px 12px !important; border-bottom: 1px solid rgba(129, 140, 248, .18) !important; color: #8b97ad !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .6px !important; } /* ===== FIX: scrollbar đồng bộ tông tối/indigo (mặc định track trắng lạc tông với nền tối). ===== */ html { scrollbar-width: thin !important; scrollbar-color: #2a3050 #0a0e18 !important; } ::-webkit-scrollbar { width: 12px !important; height: 12px !important; } ::-webkit-scrollbar-track { background: #0a0e18 !important; } ::-webkit-scrollbar-thumb { background: #2a3050 !important; border-radius: 8px !important; border: 3px solid #0a0e18 !important; } ::-webkit-scrollbar-thumb:hover { background: #6366f1 !important; } ::-webkit-scrollbar-corner { background: #0a0e18 !important; } /* ===== FIX (mobile): minicart drawer — cho cả thân cuộn tự nhiên, bỏ pin/cap để total+nút thanh toán không bị cắt. Override fix #4 desktop ở trên cho riêng mobile. ===== */ @media (max-width: 760px) { html body:not(#_a) #haru-header .cart-side-widget .widget_shopping_cart { display: block !important; flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } html body:not(#_a) #haru-header .cart-side-widget .widget_shopping_cart_content, html body:not(#_a) #haru-header .cart-side-widget .cart_list_wrap, html body:not(#_a) #haru-header .cart-side-widget .cart_list_content { display: block !important; flex: none !important; height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; } html body:not(#_a) #haru-header .cart-side-widget .woocommerce-mini-cart, html body:not(#_a) #haru-header .cart-side-widget .cart_list { position: static !important; /* QUAN TRỌNG: ul list vốn position:absolute -> bắt về static để xếp theo luồng, không đè */ height: auto !important; max-height: none !important; overflow: visible !important; } html body:not(#_a) #haru-header .cart-side-widget .cart-total { display: block !important; padding-bottom: 8px !important; } } /* ===== FIX: submenu cấp 3 (vd "Chính sách") mở left:100% bị overflow:hidden của panel cấp 2 cắt mất. Cho panel overflow:visible (panel đã có padding 8px nên góc bo vẫn đẹp, item không tràn). ===== */ html body:not(#_a) #haru-header .haru-nav-menu--main .sub-menu, html body:not(#_a) #haru-header .haru-nav-menu--main .haru-nav-menu--subdown { overflow: visible !important; } /* ===== FIX: nút ✕ (.p-btn-x) của popup "Đã thêm vào giỏ" bị phình ngang (padding button mặc định) + chỉ style trên trang woo. Ép tròn 34x34 góc phải, áp GLOBAL cho mọi trang popup xuất hiện. :not(#id giả) để đè specificity. ===== */ html body:not(#_a):not(#_b):not(#_c) #popup-cart-wrap .popup-cart-content { position: relative !important; } html body:not(#_a):not(#_b):not(#_c) #popup-cart-wrap .p-btn-x { position: absolute !important; top: 12px !important; right: 12px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; min-width: 0 !important; max-width: 34px !important; padding: 0 !important; box-sizing: border-box !important; border: 1px solid rgba(129, 140, 248, .22) !important; border-radius: 999px !important; background: rgba(15, 23, 42, .78) !important; color: #cbd5e1 !important; font-size: 20px !important; line-height: 1 !important; -webkit-appearance: none !important; appearance: none !important; } html body:not(#_a):not(#_b):not(#_c) #popup-cart-wrap .p-btn-x:hover { background: rgba(99, 102, 241, .28) !important; color: #fff !important; } /* ===== FIX: khung breadcrumb (.haru-page-title) trên trang WOO ARCHIVE/SHOP bị .site-main/.content-area (max-width:1280) bó lại -> phá khung ra FULL viewport như trang single-product. ===== */ body.woocommerce.archive .haru-page-title, body.post-type-archive-product .haru-page-title, body.tax-product_cat .haru-page-title, body.tax-product_tag .haru-page-title { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; } /* ===== PRODUCT SINGLE — PRICE BREAKDOWN (Phương án A) ===== */ #bs-price-breakdown { margin: 6px 0 2px; display: flex; flex-direction: column; gap: 6px; max-width: 440px; } #bs-price-breakdown .bs-pb-row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; font-size: 14px; line-height: 1.4; } #bs-price-breakdown .bs-pb-k { color: #8ea0b9; font-weight: 600; } #bs-price-breakdown .bs-pb-v { font-weight: 700; color: #e8edf6; white-space: nowrap; } #bs-price-breakdown .bs-pb-base del { color: #6b7a90 !important; font-weight: 500; margin-right: 6px; text-decoration: line-through; } #bs-price-breakdown .bs-pb-base ins { text-decoration: none; background: none; color: #e8edf6; } #bs-price-breakdown .bs-pb-opt { display: none; } #bs-price-breakdown.has-surcharge .bs-pb-opt { display: flex; } #bs-price-breakdown .bs-pb-opt .bs-pb-v { color: #a5b4fc; } /* Dòng tổng (.price do NBDesigner cập nhật) -> nhãn "Tạm tính" */ .summary .price.bs-pb-total { margin-top: 8px !important; padding-top: 12px !important; border-top: 1px solid rgba(129, 140, 248, .18) !important; display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; max-width: 440px; flex-wrap: nowrap !important; } .summary .price.bs-pb-total .nbo-base-price-html, .summary .price.bs-pb-total .nbo-base-price-html-var { font-size: 0 !important; white-space: nowrap; } .summary .price.bs-pb-total .nbo-base-price-html::after, .summary .price.bs-pb-total .nbo-base-price-html-var::after { content: "Tạm tính"; font-size: 14px !important; font-weight: 600 !important; color: #8ea0b9 !important; } .summary .price.bs-pb-total del { display: none !important; } .summary .price.bs-pb-total ins { text-decoration: none !important; background: none !important; } .summary .price.bs-pb-total .amount { margin-left: auto !important; font-size: 24px !important; font-weight: 800 !important; color: #ffffff !important; } /* ===== FIX: Woo notice icon (::before) che lên text ===== WooCommerce mặc định gắn icon glyph absolute top-left trên .woocommerce-error/info/message (font "WooCommerce"). Vì theme dark đã có viền trái màu làm indicator, ta ẩn icon để không đè vào dòng text (đặc biệt thấy ở