/* common css */
.button-stylee .elementor-button .elementor-button-icon svg {transition: transform 0.3s ease;}
.button-stylee .elementor-button:hover .elementor-button-icon svg {transform: translateX(5px);}
button:focus {outline: none;}
a:focus {outline: none;}
body {font-family: Inter,sans-serif!important;}
.site-content .ast-container {display: flex; flex-direction: column;}
.menu-item a.hfe-menu-item, .menu-item a.hfe-menu-item:hover, .woocommerce-tabs ul.tabs li a{color: #ffffff !important;}
.woocommerce-tabs ul.tabs li a:hover, .woocommerce-tabs ul.tabs li.active a{color: #00c0c4 !important;}

/* Header css and footer css */
.top-bar {background: linear-gradient(90deg, #06434a 0%, #075e67 50%, #04383f 100%);}
.search-style i.fas.fa-search {padding: 5px; font-size: 0px;}
.search-style .hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle i {padding: 10px;}
.search-style .hfe-search-button-wrapper {display: flex; align-items: center !important;}
.social-icon-list .elementor-social-icon:hover {color: #fff; opacity: 1; background-color: #00c0c4 !important; border-color: #00c0c3 !important;}

/* SHOP BY CATEGORY */
.sc-grid {max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.sc-card {background: #0e1c1a; border: 1px solid #1b3230; border-radius: 14px; padding: 24px 12px; display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;}
.sc-card:hover, .td-trending-wrap .product-card:hover {transform: translateY(-4px); border-color: #0db3b3;}
.sc-circle img {width: 100%; height: 100%; object-fit: contain;}
.sc-name {font-family: "Inter", sans-serif; font-size: 11x; font-weight: 700; letter-spacing: 0.3x; color: #fff; text-transform: uppercase;}

/* ====================================================== Home page css ========================================== */
.Btn-style a, .Btn-style-2 a {display: inline-flex !important; align-items: center; gap: 12px;}
.Btn-style .n2-ss-item-content a::after,.Btn-style-2 .n2-ss-item-content a::after {content: ""; width: 18px; height: 18px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: transform 0.3s ease;}
.Btn-style-2 .n2-ss-item-content a::after {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230DB3B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
}
.Btn-style-2 .n2-ss-item-content a:hover::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");}
.Btn-style a:hover::after, .Btn-style-2 a:hover::after {transform: translateX(5px);}
.Btn-style a.n2-ow {background: linear-gradient(90deg, #075e67 0%, #0db3b3 100%) !important;}
.Btn-style a.n2-ow:hover, .Btn-style-2 a.n2-ow:hover {transform: translateY(-1px);}
.image-style .n2-ss-layer-col {background-position: right !important; background-repeat: no-repeat !important; background-size: auto !important;}
.Product-box-style .aw-product-box-wrapper ul.products li.product a img {border-radius: 14px !important; aspect-ratio: auto;}


/* ================================================ Newletter form ===========================================*/
.cloud-newsletter-form p {display: flex; gap: 0px; margin: 0; padding: 0;}
.cloud-newsletter-form p span.wpcf7-form-control-wrap {width: auto;}
.cloud-newsletter-form input[type="email"] {width: 250px; max-width: 100%; height: 42px; padding: 13px 18px !important; border: 1px solid #1b3230; border-radius: 5px 0px 0px 5px; background: #06100f; color: #fff; font-size: 13px;}
.cloud-newsletter-form input[type="email"]::placeholder {color: #93a8a5;}
.cloud-newsletter-form input[type="email"]:focus {border-color: #fff !important;}
.cloud-newsletter-form input[type="submit"] {padding: 13px 26px; height: 42px; border-radius: 0px 5px 5px 0px; background: linear-gradient(90deg, #075e67 0%, #0db3b3 100%); cursor: pointer; color: #fff; font-weight: 700; font-size: 12px; letter-spacing: 0.5px; line-height: 15px;}
.cloud-newsletter-form input[type="submit"]:hover {transform: translateY(-1px); box-shadow: 0 8px 22px rgba(34, 211, 238, 0.35);}

/* ================================================ About page ================================================= */
.counter-text-style {background: linear-gradient(90deg, #0cb6b6 0%, #079696 100%); background-clip: text; -webkit-text-fill-color: transparent;}

/* ================================================ Contact page css =========================================== */
.hero-bg {background: radial-gradient(circle at 50% 10%, #0cb6b654, transparent 100%), linear-gradient(180deg, #000000 30%, #000000 50%);}
.contact-box-style a {color: #ffffff5e;}
.contact-box-style a:hover {color: #fff;}
.contact-box-style span.elementor-icon {background: linear-gradient(90deg, #0cb6b6 0%, #079696 100%);}

/* ===================================================================  contact form ======================================================================================= */
.cloud-contact-form {width: 100%;}
.cloud-form-row {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 22px;}
.cloud-form-group {width: 100%;}
.cloud-form-group p, .cloud-submit-wrap p {margin-bottom: 0px;}
.cloud-contact-form label {color: #fff; font-size: 12px; font-weight: 600; line-height: 22px; letter-spacing: 0.3px;}
.cloud-contact-form input[type="text"], .cloud-contact-form input[type="email"], .cloud-contact-form input[type="tel"], .cloud-contact-form select, .cloud-contact-form textarea {border: 1px solid #fff; border-radius: 8px; background: #081514; color: #ffffff !important; font-size: 13px;}
.cloud-contact-form input[type="text"], .cloud-contact-form input[type="email"], .cloud-contact-form input[type="tel"], .cloud-contact-form select {height: 45px;}
.cloud-contact-form input::placeholder, .cloud-contact-form textarea::placeholder {color: #fff;}
.cloud-contact-form input:focus, .cloud-contact-form select:focus, .cloud-contact-form textarea:focus {border-color: #0cb6b6 !important;}
.cloud-contact-form select {cursor: pointer; color: #ffffff !important;}
.cloud-message-group {margin-bottom: 18px;}
.cloud-submit-wrap {width: 100%;}
.cloud-contact-form input[type="submit"] {width: 100%; padding: 14px 28px; border-radius: 10px; background: linear-gradient(90deg, #0cb6b6 0%, #079696 100%); color: #ffffff; font-size: 14px; line-height: 24px; font-weight: 700; letter-spacing: 0.5px; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.cloud-contact-form input[type="submit"]:hover {transform: translateY(-2px); box-shadow: 0 12px 30px rgba(34, 211, 238, 0.45);}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form .wpcf7-response-output{color: #fff; margin: 20px 8px 40px;}
/* CF7 validation */
.cloud-contact-form .wpcf7-not-valid {border-color: #e85d5d !important;}
.cloud-contact-form .wpcf7-not-valid-tip {margin-top: 5px; color: #ff7777; font-size: 11px;}
/* Success message */
.cloud-contact-form .wpcf7-response-output {margin: 15px 0 0 !important; padding: 10px 12px !important; border-radius: 6px; border: 1px solid #20c4df !important; color: #9bdde5; font-size: 12px;}

/* cart header icon css */
/* MINI CART DRAWER */
#mini-cart {position: fixed; top: 0; right: -420px; width: 400px; max-width: 92vw; height: 100vh; background: #06100f; color: #fff; z-index: 999999; padding: 20px; box-sizing: border-box; box-shadow: -8px 0 30px rgba(0, 0, 0, 0.35); transition: right 0.35s ease; overflow-y: auto;}
#mini-cart.open {right: 0;}
/* CLOSE BUTTON */
#close-cart {position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; background: rgba(255, 255, 255, 0.06); color: #fff; font-size: 25px; line-height: 35px; padding: 0; cursor: pointer; z-index: 10; display: flex; justify-content: center;}
#close-cart:hover {background: #0ab6b6; border-color: #0ab6b6;}
/* CONTENT */
.mini-cart-content {padding: 75px 25px 25px;}
/* CART ITEM */
#mini-cart .woocommerce-mini-cart-item {position: relative; display: flex; align-items: center; gap: 14px; padding: 15px 0; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#mini-cart .woocommerce-mini-cart-item img {width: 50px !important; height: 50px !important; object-fit: cover; background: #fff; border-radius: 8px; margin: 0px; float: none;}
#mini-cart .woocommerce-mini-cart-item a:not(.remove) {color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; margin-left: 20px;}
#mini-cart .quantity {color: #aebdbc; font-size: 13px; margin-top: 0px;}
#mini-cart .remove {color: #fff !important; font-size: 18px; text-decoration: none; opacity: 0.7;}
#mini-cart .remove:hover {color: #0ab6b6 !important; opacity: 1;}
/* SUBTOTAL */
#mini-cart .woocommerce-mini-cart__total {display: flex; justify-content: space-between; padding: 22px 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #fff; font-size: 16px;}
#mini-cart .woocommerce-mini-cart__total strong {color: #aebdbc;}
/* BUTTONS */
#mini-cart .woocommerce-mini-cart__buttons {display: flex; gap: 10px; margin-top: 5px;}
#mini-cart .woocommerce-mini-cart__buttons a {background-color: transparent; font-family: "Inter", Sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 22px; letter-spacing: 0.5px; background-image: linear-gradient(90deg, #006b73 0%, #00c0c4 100%); box-shadow: 0px 8px 24px 0px rgba( 33.99999999999998, 210.99999999999991, 237.99999999999997, 0.30196078431372547 ); border-radius: 5px 5px 5px 5px; padding: 10px 20px 10px 20px; text-decoration: none; color: #fff !important;}
#mini-cart .woocommerce-mini-cart__buttons a:hover {box-shadow: 0px 12px 30px 0px rgba( 33.99999999999998, 210.99999999999991, 237.99999999999997, 0.45098039215686275 );}
#mini-cart .woocommerce-mini-cart__buttons .checkout {background: #fff; color: #000 !important;}
#mini-cart .woocommerce-mini-cart__buttons .checkout:hover {background: #000; color: #fff !important; box-shadow: none;}
/* EMPTY CART */
#mini-cart .woocommerce-mini-cart__empty-message {text-align: center; color: #aaa; padding: 50px 10px;}
/* Badge Positioning Target */
.header-icon-list .elementor-icon-list-item:nth-child(2) a {position: relative !important; display: inline-flex; align-items: center;}
/* Cyan Cart Badge Styling */
.custom-cart-badge {position: absolute; top: -9px; right: -2px; background-color: #22d3ee; color: #ffffff; font-size: 11px; font-weight: 800; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1; z-index: 10; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); pointer-events: none;}

/* ========================================================= WooCommerce Cart Page - Dark Theme (#0AB6B6 Accent & Inter Font) ========================================================= */
body.woocommerce #primary { max-width: 1440px; margin: 0 auto; padding: 20px 60px 40px;}
body.woocommerce #primary .ast-woocommerce-container { padding: 0px;}

/* Main Layout & Font Enforcement */
body.woocommerce-cart .woocommerce {display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; margin-top: 20px; font-family: "Inter", sans-serif !important; margin: 0; max-width: 100%;}
body.woocommerce-cart .woocommerce-notices-wrapper, body.woocommerce-cart .wc-empty-cart-message {width: 100%;}
body.woocommerce-cart .woocommerce-cart-form {flex: 1 1 60%; min-width: 300px;}
body.woocommerce-cart .cart-collaterals {flex: 1 1 30%; min-width: 300px; width: 100%;}
/* 1. Cart Items Table Styling */
body.woocommerce-cart #primary { max-width: 1440px; margin: 0 auto; padding: 80px 60px;}
body.woocommerce-cart #primary article { padding: 0px;}
.woocommerce-cart table.cart {background: #0e1c1a !important; border: 1px solid #1b3230 !important; border-radius: 14px !important; border-collapse: separate !important; overflow: hidden; margin: 0 !important;}
.woocommerce-cart table.cart th {background: #081514 !important; color: #93a8a5 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.5px; text-transform: uppercase; padding: 18px 16px !important; border-bottom: 1px solid #1b3230 !important;}
.woocommerce-cart table.cart td {padding: 16px !important; border-bottom: 1px solid #1b3230 !important; vertical-align: middle;}
.woocommerce-cart table.cart tr:last-child td {border-bottom: none !important;}
/* Product Images & Text */
.woocommerce-cart table.cart .product-thumbnail img {border-radius: 8px; width: 70px; height: auto; background: #081514; border: 1px solid #1b3230;}
.woocommerce-cart table.cart .product-name a {color: #ffffff !important; font-weight: 600; font-size: 14px; text-decoration: none; transition: color 0.2s ease;}
.woocommerce-cart table.cart .product-name a:hover {color: #0ab6b6 !important;}
.woocommerce-cart table.cart .amount {color: #0ab6b6 !important; font-weight: 700; font-size: 15px;}
/* Remove Button */
.woocommerce-cart table.cart a.remove {color: #f43f5e !important; background: transparent !important; font-size: 24px !important; line-height: 1 !important;}
.woocommerce-cart table.cart a.remove:hover {color: #ffffff !important; background: #f43f5e !important;}
/* Inputs & Quantity */
.woocommerce-cart .quantity input.qty, .woocommerce-cart .coupon input.input-text {background: #06100f !important; border: 1px solid #1b3230 !important; color: #ffffff !important; border-radius: 6px !important; padding: 10px 10px !important; font-size: 13px !important; font-family: "Inter", sans-serif !important; height: auto !important; width: 50% !important;}
.woocommerce-cart .quantity input.qty:focus, .woocommerce-cart .coupon input.input-text:focus, .search-style .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input:focus {border-color: #0ab6b6 !important; outline: none !important;}
/* Cart Actions (Coupon & Update Button) */
.woocommerce-cart table.cart td.actions {padding: 24px 16px !important; background: #081514 !important;}
.woocommerce-cart table.cart td.actions .coupon {display: flex; gap: 10px; float: left;}
.woocommerce-cart table.cart td.actions .button {background: transparent !important; border: 1px solid #0ab6b6 !important; color: #0ab6b6 !important; border-radius: 999px !important; padding: 10px 24px !important; font-family: "Inter", sans-serif !important; font-weight: 600 !important; font-size: 12px !important; text-transform: uppercase; transition: all 0.2s ease;}
.woocommerce-cart table.cart td.actions .button:hover:not(:disabled) {background: #0ab6b6 !important; color: #06100f !important;}
.woocommerce-cart table.cart td.actions .button:disabled {opacity: 0.5; border-color: #1b3230 !important; color: #5f7876 !important;}
/* 2. Cart Totals Box */
.woocommerce-cart .cart_totals {background: #0e1c1a !important; border: 1px solid #1b3230 !important; border-radius: 14px !important; padding: 32px !important; float: none !important; width: 100% !important;}
.woocommerce-cart .cart_totals h2 {font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 20px !important; border-bottom: 1px solid #1b3230 !important; padding-bottom: 14px; text-transform: uppercase; background-color: #ffffff00 !important;}
.woocommerce-cart .cart_totals table {width: 100% !important; border: none !important; background: transparent !important; margin-bottom: 24px !important;}
.woocommerce-cart .cart_totals table th {padding: 14px 0 !important; color: #93a8a5 !important; font-size: 13px !important; border-bottom: 1px solid #1b3230 !important; text-align: left;}
.woocommerce-cart .cart_totals table td {padding: 14px 0 !important; border-bottom: 1px solid #1b3230 !important; text-align: right; color: #ffffff !important;}
.woocommerce-cart .cart_totals table tr:last-child th, .woocommerce-cart .cart_totals table tr:last-child td {border-bottom: none !important;}
.woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td {font-size: 16px !important;}
/* Shipping Options Styling */
#shipping_method {list-style: none; margin: 0; padding: 0; text-align: right;}
#shipping_method li {margin-bottom: 6px; font-size: 12px;}

/* ========================================================= Targeted WooCommerce Button Styling (Protects Shop Grids) ========================================================= */
/* 1. Target ONLY specific flow buttons (Cart, Checkout, Account, Product Page, Mini-Cart) */
.single-product .woocommerce div.product form.cart .button, .woocommerce-cart .woocommerce .button, .woocommerce-checkout .woocommerce .button, .woocommerce-account .woocommerce .button, .widget_shopping_cart_content .button {background: #0ab6b6 !important; color: #ffffff !important; border: none !important; border-radius: 999px !important; padding: 16px 24px !important; font-family: "Inter", sans-serif !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase !important; text-align: center !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease !important; cursor: pointer !important;}
/* 2. Hover State */
.single-product .woocommerce div.product form.cart .button:hover, .woocommerce-cart .woocommerce .button:hover, .woocommerce-checkout .woocommerce .button:hover, .woocommerce-account .woocommerce .button:hover, .widget_shopping_cart_content .button:hover {transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(10, 182, 182, 0.3) !important; color: #ffffff !important;}
/* 3. Force 100% width ONLY on major primary layout buttons */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout #place_order, .woocommerce-account .woocommerce-form-login__submit, .woocommerce-account .woocommerce-form-register__submit {display: block !important; width: 100% !important;}
/* 4. Exceptions: Secondary inline buttons (like Apply Coupon) */
.woocommerce-cart table.cart td.actions .coupon .button, .woocommerce-checkout .checkout_coupon .button {background: #06100f !important; border: 1px solid #0ab6b6 !important; color: #0ab6b6 !important; padding: 12px 24px !important; width: auto !important;}
.woocommerce-cart table.cart td.actions .coupon .button:hover, .woocommerce-checkout .checkout_coupon .button:hover {background: #0ab6b6 !important; color: #06100f !important; box-shadow: none !important; transform: none !important;}
/* 5. Mobile Responsiveness */
/* buton code ends here =================== */
.woocommerce-cart ul#shipping_method li label {columns: #ffffff;}
/* 3. Responsive Adjustments */
.woocommerce-checkout .woocommerce {margin: 0; max-width: 100%;}
.woocommerce-checkout .checkout.woocommerce-checkout .col-1 {max-width: 100%; padding: 15px; background: #0e1c1a; border: 1px solid; border-color: #1b3230; border-radius: 14px;}
.woocommerce-checkout .checkout.woocommerce-checkout .col-1 .form-row {flex-direction: column;}
.woocommerce-checkout .checkout.woocommerce-checkout .col-1 .woocommerce-billing-fields h3 {border-bottom: 1px solid #1b3230 !important;}
.woocommerce-checkout .checkout.woocommerce-checkout .col-1 .woocommerce-billing-fields input, .woocommerce-checkout textarea {background: #0e1c1a !important; border: 1px solid !important; border-color: #1b3230 !important; border-radius: 10px !important; color: #ffffff !important;}
.woocommerce-checkout .select2-container--default .select2-selection--single, .woocommerce .woocommerce-info {background-color: #0e1c1a !important; border: 1px solid #1b3230 !important; border-radius: 10px !important;}
.woocommerce-checkout #order_review_heading {background-color: #0e1c1a !important; border: 1px solid #1b3230 !important; border-radius: 10px 10px 0 0 !important; border-bottom: 0px !important;}
.woocommerce-checkout .woocommerce-checkout-review-order {background-color: #0e1c1a !important; border: 1px solid #1b3230 !important; border-radius: 0 0 10px 10px !important;}
.woocommerce a, .woocommerce-checkout a {color: #00c0c4;}
.woocommerce a:hover, .woocommerce-checkout a:hover {color: #93a8a5;}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {color: #ffffff !important;}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {background: transparent !important; height: 46px !important;}
.woocommerce-checkout .col-1 .woocommerce-billing-fields input:focus {border-color: #93a8a5; border-style: solid;}
.woocommerce-checkout #ship-to-different-address {border-color: #1b3230 !important;}
.woocommerce-checkout label {color: #93a8a5 !important;}

/* Shop page new UI */
/* ========================================================= CLOUD DISTRICT VAPES — SHOP PAGE Ported 1:1 from shop.html, scoped under .cdv-shop so it can't clash with Astra's own CSS variables/classes. ========================================================= */
body.woocommerce-page .ast-container {max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important;}
.cdv-shop {background: var(--cdv-bg); color: var(--cdv-text); font-family: var(--cdv-font-body); line-height: 1.5; -webkit-font-smoothing: antialiased;}
.cdv-shop * {box-sizing: border-box;}
.cdv-shop img {max-width: 100%; display: block;}
.cdv-shop a {text-decoration: none;}
.cdv-shop ul {list-style: none; margin: 0; padding: 0;}
.cdv-shop button {font-family: inherit; cursor: pointer; border: none; background: none; color: inherit;}
.cdv-shop .section {max-width: 1440px; margin: 0 auto; padding: 60px 60px;}
.cdv-shop .shop-layout {display: grid; grid-template-columns: 260px 1fr; gap: 32px; align-items: start;}
.cdv-shop .filters {background: #0e1c1a; border: 1px solid #1b3230; border-radius: 14px; padding: 16px; position: sticky; top: 90px;}
.cdv-shop .filters__head {display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 18px;}
.cdv-shop .filters__head h3 {font-size: 15px; font-weight: 700; letter-spacing: 0.5px;}
.cdv-shop .filters__clear {font-size: 11px; line-height: 21px; font-weight: 600;}
.cdv-shop .filter-group {border-top: 1px solid #1b3230; padding: 18px 0;}
.cdv-shop .filter-group:first-of-type {border-top: none; padding-top: 0;}
.cdv-shop .filter-group__title {font-size: 12px; line-height: 22px; font-weight: 700; letter-spacing: 0.6px; margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; color: #ffffff;}
.cdv-shop .filter-group__title i {font-size: 10px; color: #5f7876;}
.cdv-shop .filter-option {display: flex; align-items: center; gap: 10px; font-size: 13px; color: #93a8a5; margin-bottom: 12px; cursor: pointer;}
.cdv-shop .filter-option input[type="checkbox"] {appearance: none; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #1b3230; background: #06100f; flex-shrink: 0; position: relative; cursor: pointer;}
.cdv-shop .filter-option input[type="checkbox"]:checked {background: linear-gradient(90deg, #00c0c4 0%, #06b6d4 100%); border-color: #00c0c4;}
.cdv-shop .filter-option input[type="checkbox"]:checked::after {content: "\2713"; position: absolute; top: -2px; left: 2px; font-size: 11px; color: #06100f; font-weight: 900;}
.cdv-shop .filter-option span.count {margin-left: auto; color: #5f7876; font-size: 11px;}
.cdv-shop .price-range {display: flex; align-items: center; gap: 10px; margin-bottom: 12px;}
.cdv-shop .price-range input[type="range"] {width: 100%; accent-color: #00c0c4;}
.cdv-shop .price-values {display: flex; justify-content: space-between; font-size: 12px; color: #93a8a5;}
.cdv-shop .swatch-row {display: flex; flex-wrap: wrap; gap: 8px;}
.cdv-shop .swatch {padding: 7px 14px; border-radius: 999px; border: 1px solid #1b3230; font-size: 11px; font-weight: 600; color: #93a8a5; cursor: pointer; transition: all 0.2s ease; display: inline-block;}
.cdv-shop .swatch:hover, .cdv-shop .swatch.active {border-color: #00c0c4; color: #00c0c4; background: rgba(34, 211, 238, 0.08);}
.cdv-shop .filters__banner {margin-top: 22px; border-radius: 14px; background: linear-gradient(150deg, #0e7490, #00c0c4); padding: 22px; text-align: center;}
.cdv-shop .filters__banner i {font-size: 22px; margin-bottom: 10px;}
.cdv-shop .filters__banner h4 {font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 800; margin-bottom: 4px;}
.cdv-shop .filters__banner p {font-size: 11px; color: rgba(255, 255, 255, 0.85);}
.cdv-shop .shop-toolbar {display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; flex-wrap: wrap;}
.cdv-shop .shop-toolbar__count {font-size: 13px; color: #93a8a5;}
.cdv-shop .shop-toolbar__count b {color: #ffffff;}
.cdv-shop .shop-toolbar__right {display: flex; align-items: center; gap: 14px;}
.cdv-shop .select-wrap {position: relative; display: flex; align-items: center;}
.cdv-shop .select-wrap select {appearance: none; background: #0e1c1a; border: 1px solid #1b3230; color: #ffffff; font-size: 12px; font-weight: 600; padding: 10px 34px 10px 16px; border-radius: 8px; cursor: pointer;}
.cdv-shop .select-wrap i {position: absolute; right: 14px; font-size: 10px; color: #5f7876; pointer-events: none;}
.cdv-shop .view-toggle {display: flex; gap: 6px;}
.cdv-shop .view-toggle button {width: 36px; height: 36px; border-radius: 8px; border: 1px solid #1b3230; background: #0e1c1a; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #93a8a5;}
.cdv-shop .view-toggle button.active {border-color: #00c0c4; color: #00c0c4;}
.cdv-shop .active-filters {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}
.cdv-shop .active-filter-tag {display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 600; padding: 6px 10px 6px 14px; border-radius: 999px; background: #0e1c1a; border: 1px solid #1b3230; color: #93a8a5;}
.cdv-shop .active-filter-tag i {font-size: 10px; cursor: pointer;}
.cdv-shop .shop-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
.cdv-shop .product-card {background: #0e1c1a; border: 1px solid #1b3230; border-radius: 14px; padding: 10px; position: relative; transition: transform 0.2s ease, border-color 0.2s ease;}
.cdv-shop .product-card:hover {transform: translateY(-4px); border-color: #00c0c4;}
.cdv-shop .shop-grid .product-card img {width: 100%; aspect-ratio: 1/1.05; object-fit: cover; border-radius: 8px; margin-bottom: 14px; background: #081514;}
.cdv-shop .product-card h3 {font-size: 15px; line-height: 25px; font-weight: 600; margin-bottom: 3px;}
.cdv-shop .product-card .flavor, .woocommerce ul.products li.product .price {font-size: 13px; line-height: 23px; color: #5f7876; margin-bottom: 10px;}
.cdv-shop .rating-row {display: flex; align-items: center; gap: 5px; margin-bottom: 6px;}
.cdv-shop .rating-row i {font-size: 10px; color: #fbbf24;}
.cdv-shop .rating-row span {font-size: 11px; color: #5f7876; margin-left: 4px;}
.cdv-shop .badge {position: absolute; top: 12px; left: 12px; font-size: 10px; font-weight: 700; padding: 4px 9px; border-radius: 6px; z-index: 2; color: #fff;}
.cdv-shop .badge--new {background: #00c0c4;}
.cdv-shop .badge--sale {background: #f43f5e;}
.cdv-shop .quick-add {position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border-radius: 50%; background: rgba(6, 16, 15, 0.75); border: 1px solid #1b3230; display: flex; align-items: center; justify-content: center; font-size: 12px; z-index: 2; transition: background 0.2s ease, border-color 0.2s ease; color: #ffffff !important;}
.cdv-shop .quick-add:hover {background: #00c0c4; border-color: #00c0c4; color: #fff !important;}
.cdv-shop .stock-tag {font-size: 10px; font-weight: 700; letter-spacing: 0.3px; margin-bottom: 8px; display: inline-block;}
.cdv-shop .stock-tag.in {color: #22c55e;}
.cdv-shop .stock-tag.low {color: #fbbf24;}
.cdv-shop .stock-tag.out {color: #f43f5e;}
.cdv-shop .price {display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px;}
.cdv-shop .price--now {font-size: 16px; font-weight: 700; color: #00c0c4;}
.cdv-shop .price--old {font-size: 12px; color: #5f7876; text-decoration: line-through;}
.cdv-shop .btn-cart{display: flex; flex-direction: column; gap: 20px;;}
.cdv-shop .btn-cart a, .cdv-shop .btn-cart a.added_to_cart, .aw-product-actions a.added_to_cart, .add_to_cart_button{
  width: 100%; 
  padding: 10px; 
  background: #081514; 
  border: 1px solid #1b3230; 
  color: #fff !important;
  border-radius: 8px; 
  font-size: 13px !important; 
  line-height: 23px !important; 
  text-transform: uppercase !important; 
  font-weight: 700; 
  letter-spacing: 0.5px; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  gap: 8px !important; 
  transition: background 0.2s ease, 
  border-color 0.2s ease;   
}
.cdv-shop .btn-cart a:hover, .cdv-shop .btn-cart a.added_to_cart:hover, .aw-product-actions a.added_to_cart:hover, .add_to_cart_button:hover{background: #0DB3B3 !important; color: #fff; text-decoration: none;}
.cdv-shop .btn-cart a.loading::after {display: none;}
.cdv-shop .shop-grid.list-view {grid-template-columns: 1fr;}
.cdv-shop .shop-grid.list-view .product-card {display: grid; grid-template-columns: 140px 1fr auto; align-items: center; gap: 20px; padding: 14px;}
.cdv-shop .shop-grid.list-view .product-card img {width: 140px; aspect-ratio: 1/1; margin-bottom: 0;}
.cdv-shop .shop-grid.list-view .badge {top: 8px; left: 8px;}
.cdv-shop .shop-grid.list-view .quick-add {display: none;}
.cdv-shop .shop-grid.list-view .rating-row {margin-bottom: 4px;}
.cdv-shop .shop-grid.list-view .flavor {margin-bottom: 6px;}
.cdv-shop .shop-grid.list-view .price {margin-bottom: 0;}
.cdv-shop .shop-grid.list-view .btn-cart {width: auto; padding: 10px 22px;}
.cdv-shop .pagination {display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 40px;}
.cdv-shop .pagination a, .cdv-shop .pagination span {width: 38px; height: 38px; border-radius: 8px; border: 1px solid #1b3230; background: #0e1c1a; font-size: 13px; font-weight: 600; color: #93a8a5; display: flex; align-items: center; justify-content: center;}
.cdv-shop .pagination .current {background: linear-gradient(90deg, #00c0c4 0%, #06b6d4 100%); color: #fff; border-color: transparent;}
.cdv-shop .pagination a:hover {border-color: #00c0c4; color: #00c0c4;}
.cdv-shop .pagination .dots {border: none; background: none;}

/* Product detail */

.cd-breadcrumb-wrap {max-width: 1110px; margin: 40px 0 28px; padding: 0;}
.cd-breadcrumb-wrap .woocommerce-breadcrumb {margin: 0 !important; padding: 0 !important; color: #8a8f98 !important; font-size: 14px !important; text-align: left !important;}
.cd-breadcrumb-wrap .woocommerce-breadcrumb a {color: #fff !important;}
div.product .summary .woocommerce-breadcrumb {display: none !important;}
div.product div.images, div.product .woocommerce-product-gallery {width: 43% !important; float: left !important; margin: 0 !important; background: #fff !important;}
/* div.product .woocommerce-product-gallery img {width: 100% !important; height: auto !important;} */
div.product div.summary, div.product .entry-summary {position: relative !important; width: 48% !important; float: right !important; margin: 0 !important; color: #fff !important;}
div.product .woocommerce-tabs, div.product .related, div.product .upsells {clear: both;}
div.product .flex-control-thumbs {display: flex; gap: 12px; margin: 14px 0 0; padding: 0; list-style: none;}
div.product .flex-control-thumbs li {width: 88px; float: none; background: #fff;}
div.product .flex-control-thumbs img {opacity: .6; transition: opacity .15s;}
div.product .flex-control-thumbs img.flex-active, div.product .flex-control-thumbs img:hover {opacity: 1;}
div.product .summary .posted_in a {color: #0db3b3 !important;}
div.product .summary .product_title {margin: 0 0 22px !important; padding-right: 150px !important; color: #0db3b3 !important; font-size: clamp(34px, 4.6vw, 56px) !important; font-weight: 800 !important; line-height: 1.1 !important;}
div.product .summary .cd-ships-today {position: absolute !important; top: 0 !important; right: 0 !important; z-index: 2 !important; display: inline-block !important; padding: 12px 18px !important; background: #0db3b3 !important; color: #fff !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .08em !important; line-height: 1 !important; text-transform: uppercase !important;}
div.product .summary .cd-ships-today.cd-ships-today--inline {position: static !important;}
div.product .summary p.price, div.product .summary span.price {display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 14px !important; margin: 0 0 28px !important; color: #fff !important; font-size: 44px !important; font-weight: 800 !important; line-height: 1 !important;}
div.product .summary p.price del {order: 1 !important; color: #8a8f98 !important; font-size: 16px !important; font-weight: 700 !important; opacity: 1 !important;}
div.product .summary p.price ins {order: 2 !important; background: none !important; color: #fff !important; text-decoration: none !important;}
div.product .summary p.price > .woocommerce-Price-amount {order: 2 !important;}
div.product .summary p.price .cd-sale-pill {order: 3 !important; align-self: flex-start !important; padding: 6px 14px !important; border-radius: 999px !important; background: #0db3b3 !important; color: #fff !important; font-size: 13px !important; font-weight: 700 !important;}
div.product form.cart table.variations {width: 100% !important; margin: 0 0 22px !important; border: 0 !important;}
div.product form.cart table.variations th, div.product form.cart table.variations td {display: block !important; padding: 0 !important; border: 0 !important; background: none !important;}
div.product form.cart table.variations label {display: block !important; margin-bottom: 12px !important; color: #fff !important; font-size: 14px !important; font-weight: 500 !important;}
div.product form.cart table.variations select.cd-hidden-select {display: none !important;}
div.product form.cart a.reset_variations {display: inline-block !important; margin-top: 10px !important; color: #8a8f98 !important; font-size: 13px !important;}
div.product form.cart .cd-pills {display: flex; flex-wrap: wrap; gap: 10px; margin: 0;}
div.product form.cart .cd-pills button.cd-pill {width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 8px 20px !important; border: 1px solid #fff !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: #fff !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.2 !important; cursor: pointer !important; transition: background .15s, color .15s, border-color .15s !important;}
div.product form.cart .cd-pills button.cd-pill:hover {border-color: #0db3b3 !important; color: #0db3b3 !important;}
div.product form.cart .cd-pills button.cd-pill.is-disabled {opacity: .35 !important; cursor: not-allowed !important; text-decoration: line-through !important;}
div.product form.cart .cd-pills button.cd-pill.is-active {border-color: #0db3b3 !important; background: #0db3b3 !important; color: #fff !important;}
div.product form.cart .cd-pills button.cd-pill:focus-visible {outline: 2px solid #0db3b3 !important; outline-offset: 2px !important;}
div.product form.cart .quantity {position: relative !important; display: inline-flex !important; flex: 0 0 auto !important; order: 1 !important; align-items: stretch !important; width: fit-content !important; height: 52px !important; margin: 34px 0 18px !important; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 12px !important; background: #000 !important;}
div.product form.cart .quantity::before {content: "Quantity" !important; position: absolute !important; top: -30px !important; left: 0 !important; color: #fff !important; font-size: 14px !important;}
div.product form.cart .quantity input.qty {width: 56px !important; height: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #fff !important; font-size: 16px !important; font-weight: 600 !important; text-align: center !important; -moz-appearance: textfield !important; appearance: textfield !important;}
div.product form.cart .quantity input.qty::-webkit-outer-spin-button, div.product form.cart .quantity input.qty::-webkit-inner-spin-button {-webkit-appearance: none !important; margin: 0 !important;}
div.product form.cart .quantity button.cd-qty-btn {width: 48px !important; height: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #fff !important; font-size: 20px !important; line-height: 1 !important; cursor: pointer !important;}
div.product form.cart .quantity button.cd-qty-btn:hover {color: #0db3b3 !important;}
div.product form.cart .woocommerce-variation-add-to-cart, div.product form.cart:not(.variations_form) {display: flex; flex-wrap: wrap; align-items: center; gap: 12px;}
div.product form.cart .woocommerce-variation-add-to-cart::before, div.product form.cart:not(.variations_form)::before {display: none !important;}
div.product form.cart .woocommerce-variation-add-to-cart::after, div.product form.cart:not(.variations_form)::after {content: ""; display: block; flex: 0 0 100%; order: 2; height: 0;}
div.product form.cart button.single_add_to_cart_button, .woocommerce-js a.wc-forward, .woocommerce-js input#submit{order: 3 !important; margin: 0 !important; padding: 14px 28px !important; border: 0 !important; border-radius: 5px !important; background: #0db3b3 !important; color: #fff !important; font-size: 15px !important; line-height: 25px !important; font-weight: 700 !important; letter-spacing: .03em !important; text-transform: uppercase !important; opacity: 1 !important; cursor: pointer !important; transition: filter .15s !important; text-decoration: none;}
div.product form.cart button.single_add_to_cart_button:hover, .woocommerce-js a.wc-forward:hover, .woocommerce-js input#submit:hover {filter: brightness(1.1) !important;}
div.product form.cart button.single_add_to_cart_button.disabled {opacity: .5 !important;}
div.product form.cart button.cd-wishlist-btn, div.product form.cart .cd-wishlist-yith .yith-wcwl-add-to-wishlist a {order: 3 !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 14px 28px !important; border: 1.5px solid #0db3b3 !important; border-radius: 5px !important; background: transparent !important; box-shadow: none !important; color: #0db3b3 !important; font-size: 15px !important; line-height: 25px !important; font-weight: 700 !important; letter-spacing: .03em !important; text-transform: uppercase !important; cursor: pointer !important; transition: background .15s, color .15s !important;}
div.product form.cart button.cd-wishlist-btn:hover, div.product form.cart button.cd-wishlist-btn.is-active {background: #0db3b3 !important; color: #fff !important;}
div.product form.cart button.cd-wishlist-btn.is-active svg {fill: currentColor !important;}
div.product form.cart .cd-wishlist-yith {order: 3 !important;}
/* div.product form.cart button.cd-share-btn {order: 3 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 52px !important;  margin: 0 !important; padding: 14px 28px !important; border: 1.5px solid #0db3b3 !important; border-radius: 50% !important; background: transparent !important; box-shadow: none !important; color: #0db3b3 !important; cursor: pointer !important; transition: background .15s, color .15s !important;}
div.product form.cart button.cd-share-btn:hover {background: #0db3b3 !important; color: #fff !important;} */
div.product form.cart button.cd-wishlist-btn:focus-visible{outline: 2px solid #0db3b3 !important; outline-offset: 2px !important;}
div.product .summary .cd-features {display: grid; grid-template-columns: repeat(3, 1fr); max-width: 430px; margin: 34px 0 0; background: #0d0f12;}
div.product .summary .cd-features .cd-feature {display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 10px; color: #fff; font-size: 15px; font-weight: 600; text-align: center;}
div.product .summary .cd-features .cd-feature + .cd-feature {border-left: 1px solid #2a2d33;}
div.product .summary .cd-features .cd-ico-blue svg {color: #0db3b3;}
div.product .summary .cd-features .cd-ico-orange svg {color: #0db3b3;}
div.product .summary .cd-features .cd-ico-purple svg {color: #0db3b3;}
div.product .summary .product_meta {margin-top: 30px !important; padding-top: 18px !important; border-top: none !important; color: #8a8f98 !important; font-size: 14px !important;}
div.product .summary .product_meta a {color: #0db3b3 !important;}
.woocommerce-message{display: flex; justify-content: space-between; align-items: center;}
.woocommerce-message::before{top: 32px;}
/* ===== FLEX LAYOUT (add at the very bottom) ===== */
div.product.type-product {display: flex !important; flex-wrap: wrap; gap: 110px; align-items: flex-start;}
div.product.type-product::before, div.product.type-product::after {display: none !important;}
th.woocommerce-product-attributes-item__label, label,  label#comment-form-rating-label {color: #fff !important;}



/* ===== Responsive (all media queries) ===== */
@media (max-width: 1024px) {
  .sc-grid {grid-template-columns: repeat(3, 1fr);}
  .td-trending-wrap .product-grid.mode-slider {grid-auto-columns: calc((100% - 36px) / 3) !important;}
  .hero-section-heading .n2-ss-item-content {font-size: 40px !important; line-height: 50px !important;}
  .Product-box-style ul.products.slick-initialized {display: grid !important; grid-template-columns: 1fr 1fr; grid-template-areas: "slider slider" "prev next"; gap: 20px !important;}
  .Product-box-style ul.products.slick-initialized .slick-list {grid-area: slider;}
  .Product-box-style ul.products.slick-initialized .aw-slick-prev {grid-area: prev; position: static !important; justify-self: end;}
  .Product-box-style ul.products.slick-initialized .aw-slick-next {grid-area: next; position: static !important; justify-self: start;}
}
@media (max-width: 767px) {  
  .sc-grid {grid-template-columns: 1fr;}
  .mobile-marquee {width: 100%; overflow: hidden;}
  .mobile-marquee .elementor-icon-list-items {display: flex; flex-wrap: nowrap; width: max-content; animation: marquee 15s linear infinite;}
  .mobile-marquee .elementor-icon-list-item {flex: 0 0 auto; white-space: nowrap; margin-right: 30px;}
  @keyframes marquee {from {transform: translateX(0);} to {transform: translateX(-50%);}}
  .cloud-newsletter-form p {display: flex;}
  .cloud-newsletter-form input[type="email"]{width: 210px;}
  .hero-section-heading .n2-ss-item-content {font-size: 30px !important; line-height: 40px !important;}
  .td-trending-wrap .product-grid.mode-slider {grid-auto-columns: 100% !important;}
  .td-trending-wrap .product-grid.mode-slider .product-card, .cloud-newsletter-form p{width: 100% !important;}
  .woocommerce-checkout .woocommerce-checkout-review-order {margin-bottom: 50px;}
  .prod-style.e-con.e-flex>.e-con-inner{flex-direction: row;}
}
@media (max-width: 768px) {
  /* Make Add to Cart full width on mobile product pages */
  .single-product .woocommerce div.product form.cart .button {width: 100% !important;}
  /* Make Coupon buttons stack and take full width on mobile */
  .woocommerce-cart table.cart td.actions .coupon .button, .woocommerce-checkout .checkout_coupon .button {width: 100% !important; margin-top: 10px !important;}
  /* Mini-cart buttons stack neatly */
  .widget_shopping_cart_content .woocommerce-mini-cart__buttons .button {width: 100% !important; margin-bottom: 10px !important;}
  #n2-ss-2 .n2-ss-slide-background-image img {
    opacity: 0.35 !important;
    object-position: 100%;
    object-fit: cover;
  } 
	body.woocommerce #primary{padding: 20px 10px 50px;}
	div.product.type-product { gap: 50px;}
	.woocommerce-js div.product .woocommerce-tabs{margin: 0px; padding: 0;}
@media (max-width: 900px) {
  body.woocommerce-cart .woocommerce {flex-direction: column;}
  body.woocommerce-cart .woocommerce-cart-form {width: 100%;}
  .woocommerce-cart table.cart td.actions {display: flex; flex-direction: column; gap: 14px;}
  .woocommerce-cart table.cart td.actions .coupon {width: 100%; flex-direction: column;}
  .woocommerce-cart table.cart td.actions .coupon input, .woocommerce-cart table.cart td.actions .coupon button, .woocommerce-cart table.cart td.actions > .button {width: 100% !important;}
  .woocommerce table.shop_table_responsive tr.cart_item {border: 1px solid #d1d5db; border-radius: 10px; margin: 15px; background: hsl(0deg 0% 100% / 15%); backdrop-filter: blur(10px);}
  .woocommerce table.shop_table_responsive tbody tr td:first-child, .woocommerce-page table.shop_table_responsive tbody tr td:first-child {border-top: 0;}
  /* Native WooCommerce Mobile Table Fixes */
  .woocommerce table.shop_table_responsive tr td {display: block; text-align: right !important; padding-left: 50% !important; position: relative;}
  .woocommerce table.shop_table_responsive tr td::before {content: attr(data-title); position: absolute; left: 16px; font-weight: 700; color: #93a8a5; text-transform: uppercase; font-size: 11px;}
  .woocommerce table.shop_table_responsive tr td.product-remove::before {display: none;}
  .woocommerce table.shop_table_responsive tr td.product-remove {text-align: right !important; padding: 12px 16px !important; border-bottom: none !important;}
  .cdv-shop .shop-layout {grid-template-columns: 1fr;}
  .cdv-shop .filters {position: static;}
  .cdv-shop .shop-grid {grid-template-columns: repeat(2, 1fr);}
  .cdv-shop .page-header {padding: 40px 20px;}
  .cdv-shop .page-header h1 {font-size: 28px;}
}
/* Mobile: stack */
@media (max-width: 767px) {
  div.product.type-product {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
  div.product.type-product div.images,
  div.product.type-product .woocommerce-product-gallery,
  div.product.type-product div.summary,
  div.product.type-product .entry-summary {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}