/**
 * DJI Store Iberia: the one site-wide stylesheet (child theme).
 * Blog pages add assets/css/blog.css; cart, checkout and order-received add assets/css/checkout-flow.css.
 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400..600;1,400..600&display=swap'); /* Brand font, 400–600 only (thinner/heavier requests render at 400/600). @import must stay first. */

/* ══════════════════════════════════════════════════════════════════════
   Base: product cards, sliders, header (was style.css)
   ══════════════════════════════════════════════════════════════════════ */
body * {
    letter-spacing: -.02em;
}
.content-campbar .content {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
}
.products-list.grid .product-wapper {
    position: relative;
    padding: 0;
    margin: 0 0 40px;
    text-align: center;
    background: #fff;
    border: 0;
    border-radius: 10px;
}

/* Slick Slider Full Width Items */
.slick-carousel {
    width: 100%;
    overflow: hidden;
}

.slick-carousel .slick-list {
    overflow: visible;
}

.slick-carousel .slick-slide {
    padding: 0 10px !important; /* Adjust gutter/padding */
    box-sizing: border-box;
}

/* Force full width on mobile */
/*
@media (max-width: 768px) {
    .slick-carousel .slick-slide {
        width: 100% !important;
        padding: 0 15px; 
    }
    
    .slick-carousel .slick-track {
        width: 100% !important;
        transform: translate3d(0, 0, 0) !important;
    }
}
*/
/* For multiple columns - make items equal width */
.slick-carousel .slick-slide {
    flex: 0 0 auto;
}

/* Remove any min-width constraints */
.slick-carousel .slick-slide > div {
    min-width: 0;
}

/* Product listing Block */
.products-list.grid .product-wapper.content-product5 .products-content {
    text-align: left;
    margin: 0;
    padding: 20px;
}
.products-list.grid .product-wapper .products-content h3.product-title {
    margin: 0;
    letter-spacing: normal;
    font-size: 14px;
}
.products-list.grid .product-wapper.content-product5 .product-button > a {
    border-radius: 20px;
}
.bwp-navigation ul > li.level-0.menu-item-has-children > a:before {
    bottom: auto;
}
.woocommerce-page-header {
	display:none;
}

/* Top Header */
.bwp-header #bwp-topbar.topbar-v1 {
    border: 0;
}
.bwp-header.header-v1 .header-campbar {
    padding: 15px 15px;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
	 letter-spacing: .5px;
}

/* Product card */
.products-list.grid .content-product2.product-wapper .products-content {
    text-align: left;
    padding-top: 10px;
}
.products-list.grid .content-product2.product-wapper .products-content h3.product-title {
    line-height: normal;
}
/* Breadcrumbs */
.breadcrumb-noheading .breadcrumb {
    margin: 0;
    padding: 24px 0;
}
p.preorder-date {
    display: block;
    background: #f5faff;
    border: 1px dashed #b3d9ff;
    padding: 10px 12px;
    color: #1f64aa;
    border-radius: 4px;
    text-align:center;
}

/* ══════════════════════════════════════════════════════════════════════
   Site styles (was assets/css/style.css)
   ══════════════════════════════════════════════════════════════════════ */
/* Font Family */
.bwp-navigation ul>li.level-0>a, .products-list.grid .product-wapper .products-content .price,
.products-list.grid .product-wapper .products-content h3.product-title,
.single-product .product_title, .quickview-container .product_title,
.single-product .bwp-single-info .single_add_to_cart_button.button, .quickview-container .bwp-single-info .single_add_to_cart_button.button,
.single-product .bwp-single-info .button.quick-buy, .quickview-container .bwp-single-info .button.quick-buy,
.single-product .entry-summary .price, .quickview-container .entry-summary .price,
.products-list.grid .product-wapper.content-product5 .product-button > a,
.mini-cart .cart-popup .total-cart .total-price,
.mini-cart .cart-popup a.product-name,
.mini-cart .cart-popup .buttons .button,
.woocommerce-page-header ul li,
.cart_totals .wc-proceed-to-checkout > a.wc-forward,
.woocommerce-cart .cart-collaterals .order-total .woocommerce-Price-amount,
.woocommerce-cart-form table.shop_table .button,
.woocommerce-cart .woocommerce-cart-form .actions .coupon input,
.woocommerce-cart-form table.shop_table .coupon .button,
.bwp-main .page-title h1,
body h2,
.bwp-canvas-navigation .mm-menu ul > li > a:not(.mm-next), .bwp-canvas-vertical .mm-menu ul > li > a:not(.mm-next), 
.bwp-canvas-navigation .mm-menu ul > li.level-0 > a:not(.mm-next), .bwp-canvas-vertical .mm-menu ul > li.level-0 > a:not(.mm-next), 
.bwp-canvas-navigation .mm-menu ul > li span.title, .bwp-canvas-vertical .mm-menu ul > li span.title, 
.bwp-canvas-navigation .mm-menu ul > li.level-0 span.title, .bwp-canvas-vertical .mm-menu ul > li.level-0 span.title,
.content-image-single .entry-title, .content-image-single .cat-links a {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
/* Typography (DJI Store style, brand font Open Sans): readable body copy, firm headings */
body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  color: #3b3e40; /* was the parent theme's #868686 (3.6:1); now 10:1 on white */
  background-color: #fff;
  font-kerning: normal;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em; /* em on body is inherited as px; set again so it scales with heading size */
}
/* Elementor's global fonts (Site Settings) pointed to fonts that are never loaded
   ("Myriad Pro Regular") or not ours (PT Sans, Roboto): use the brand font. */
body[class*="elementor-kit-"] {
  --e-global-typography-primary-font-family: "Open Sans";
  --e-global-typography-secondary-font-family: "Open Sans";
  --e-global-typography-text-font-family: "Open Sans";
  --e-global-typography-accent-font-family: "Open Sans";
}
/* Product page tabs were set in Jost by the parent theme */
.woocommerce-tabs ul.tabs li a { font-family: inherit; }
.archive.tax-product_cat .bwp-main {
    background: #F7F7F7;
}
/* 
Header
 */
 body:not(.page-template-homepage) .bwp-header .header-desktop {
    border: 0;
    box-shadow: #b6b6b61f 0px 0px 20px 9px;
}
.header-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bwp-header.header-v1 .container {
    max-width: 1340px;
}
.header-right .login-header {
    margin-right: 0px;
}
.login-header .active-login img {
    vertical-align: middle;
}
.bwp-header .header-page-link .mini-cart .cart-icon .icons-cart .cart-count {
    top: -5px;
    right: -14px;
}
.bwp-header.header-v1 .header-wrapper {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
}
.bwp-header.header-v1 .header-left .header-menu {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.bwp-header.header-v1 .header-left {
    align-items: center;
    text-align: left;
}
.bwp-header.header-v1 .menu-left {
    margin-right: auto;
}
.bwp-header.header-v1 .menu-right {
    margin-left: auto;
}
.bwp-header.header-v1 .menu-center {
    margin-left: auto;
    margin-right: auto;
}

.bwp-navigation ul > li.level-0:first-child {
    padding-left: 0;
}
.bwp-navigation ul > li.level-0 {
    padding: 0 12px;
}
.bwp-navigation ul>li.level-0>a {
    font-size: 14.5px;
    text-transform: none;
    font-weight: 400;
}
.header-desktop .col-xl-7 {
    flex: 0 0 80%;
    max-width: 80%;
}
.header-desktop .col-xl-5 {
    flex: 0 0 20%;
    max-width: 20%;
}
.header-right .login-header a:after {
    display: none;
}
.header-right .login-header img {
    vertical-align: middle;
}
.bwp-header .wpbingoLogo img {
    top: 0;
    max-width: 200px;
}
.bwp-header .header-page-link > * {
    display: flex;
    align-items: center;
    margin: 0;
}
.products-list.grid .product-wapper {
    position: relative;
    padding: 0;
    margin: 0 0 40px;
    text-align: center;
    background: #f7f7f7;
    border: 0 !important;
    border-radius: 6px;
    padding-bottom: 10px !important;
    overflow: hidden;
}
.products-list.grid .product-wapper.content-product5 {
    padding-bottom: 20px !important;
}
.products-list.grid .product-wapper .product-button .woosw-btn:before {
    line-height: 45px;
}

/* Slick Slider Full Width Items */
.slick-carousel {
    width: 100%;
    overflow: hidden;
}

.slick-carousel .slick-list {
    overflow: visible;
}

.slick-carousel .slick-slide {
    padding: 0 10px !important; /* Adjust gutter/padding */
    box-sizing: border-box;
}

.bwp_product_list.slider2 .list-product.list-product-v2 .slider.products-list.grid.slick-carousel.slick-initialized.slick-slider {
    padding-left: 10px;
    padding-right: 10px;
}

.bwp_product_list.slider .content-product-list i.slick-arrow {
    background: rgb(123 123 123 / 40%);
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
    z-index: 9;
    color: #fff;
    top: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(50%);
}
.elom-hero-banner .slick-arrow {
    position: absolute;
    z-index: 9;
    top: 40%;
    transform: translateY(50%);
    border: 0;
    background: rgb(123 123 123 / 40%);
    color: transparent;
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
    opacity: 0;
    cursor: pointer;
}
.elom-hero-banner .elom-slide-item:hover .slick-arrow,
.elom-hero-banner:hover .slick-arrow {
    opacity: 1 !important;
}
.elom-hero-banner .slick-prev.slick-arrow {
    left: 3%;
}
.elom-hero-banner .slick-arrow.slick-next {
    right: 3%;
}
.elom-hero-banner .slick-arrow::after {
    content: '';
    background: url('../images/arrow-right-blue.png') 0 0 no-repeat;
    width: 15px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    top: 12px;
    left: 12px;
    filter: invert(1);
}
.elom-hero-banner .slick-prev.slick-arrow::after {
    transform: rotateY(180deg);
}

/*
 Slick Arrow
 */
body i.slick-arrow {
    background: rgb(123 123 123 / 40%);
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
    z-index: 9;
    color: #fff;
    top: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(50%);
    opacity: 0;
}
.list-product:hover i.slick-arrow {
    opacity: 1 !important;
    visibility: visible !important;
}
body i.slick-arrow.fa-angle-left {
    left: 1%;
}
body i.slick-arrow.fa-angle-right {
    right: 1%;
}
body i.slick-arrow::after {
    content: '';
    background: url('images/arrow-right-blue.png') 0 0 no-repeat;
    width: 15px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    top: 12px;
    left: 12px;
}
body i.slick-arrow.fa-angle-left::after {
    transform: rotateY(180deg);
}
.products-list.grid .product-wapper .product-button > a {
    background: #0060EF !important;
}

.products-list.grid .product-wapper .products-content .price {
    color: #000 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    display: flex;
    gap:5px;
}
.products-list.grid .product-wapper .products-content .price del {
    color: rgba(51, 51, 51, 0.62);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.bwp-navigation ul li a span::before {
    display: none;
}
.list-product.list-product-v2 .item-btn {
    background: #ffffff !important;
    color: #000 !important;
}
.list-banner .item .item-text a {
    border-radius: 50px !important;
}

.list-product.list-product-v2 .product-wapper {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 30px;
}
.list-product.list-product-v2 .content-product-list {
    position: relative;
}

.products-list.grid .product-wapper.content-product6 .products-content .price {
    transition: all 0.3s ease-in-out;
    height: 50px;
}
.products-list.grid .product-wapper.content-product6 .products-content .product-button {
    display: flex;
    height: 0;
    gap: 5px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.products-list.grid .product-wapper.content-product6:hover .products-content .price {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.products-list.grid .product-wapper.content-product6:hover .products-content .product-button {
    opacity: 1;
    height: 50px;
}

.products-list.grid .product-wapper .products-content .product-highlited-text {
    margin-bottom: 15px;
}
footer h3 a {
    color: #fff !important;
}

.list-product .product-content .slick-slide.slick-active:first-child .item-product {
    padding-left: 10px;
}
.list-product .product-content .slick-slide.slick-active:last-child .item-product {
    padding-right: 10px;
}

/* Old Style */
/* In the box content */
.main-single-product {
    background: #fff;
    margin: 0;
}

.product-single-overview {
    background: #efefef;
    padding-bottom: 45px !important;
}

.dji_in_box {
    padding: 45px 0 60px;
    background: #fff;
}
.dji_in_box .dji_box__heading h2 {
    margin-top: 0;
    margin-bottom: 10px;
}

.dji_in_box .dji_box__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-left: -8px;
    margin-right: -8px;
}

.dji_in_box .dji_box__item {
    margin: 16px 0 0;
    padding-right: 8px;
    padding-left: 8px;
    list-style: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666666%;
    flex: 0 0 16.66666666%;
}

.dji_in_box figure {
    background: #f7f9fa;
}

.dji_box__item h3 {
    font-size: 18px;
    line-height: normal;
    font-size: 16px;
}
.dji_in_box p,
.dji_in_box li {
    color: #000;
    font-size: 16px;
}

.witr_service2_style2 .witr_service2_box {
    background: #00000054;
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}

.witr_service2_style2 .witr_service2_box {
    padding: 10px 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.witr_service2_style2:hover .witr_service2_box {
    bottom: -50%;
}

.witr_service2_style2 .witr_content_service2 {
    max-width: 800px;
    margin: 0 auto;
}

.witr_service2_style2 p {
    margin-top: 10px;
}

.woocommerce .dji-newsletter-widget,
.woocommerce-page .dji-newsletter-widget {
    display: none;
}

.main-single-product .product_meta {
    display: none;
}

.scroll-image {
    position: relative;
    box-shadow: #f8f8f8 0px 0px 20px;
}
.breadcrumb-noheading {
    background: #fff;
}

.single-product .bwp-single-info .breadcrumb-noheading,
.quickview-container .bwp-single-info .breadcrumb-noheading {
    display: none;
}

body.woocommerce-cart .bwp-header,
body.order-tracking .bwp-header {
}

body.woocommerce-cart .breadcrumb-noheading.breadcrumb-bg,
body.order-tracking .breadcrumb-noheading.breadcrumb-bg {
    margin-bottom: 50px;
}

.woocommerce-page-header ul li a:before {
    bottom: -5px;
}

/* Product Single */
/* Single: Product Info*/
body .woocommerce-tabs {
    margin: 0;
    padding: 0;
}
body .woocommerce-tabs .content-woocommerce-tabs {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.content-woocommerce-tabs .content-ul-tab {
    display: none;
}
body .woocommerce-tabs .panel.woocommerce-Tabs-panel--description h2.elementor-heading-title {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}
.woocommerce-tabs .elementor-section-boxed h2.elementor-heading-title {
    font-size: 24px;
    font-weight: 500;
    color: #fff !important;
}

.woocommerce-tabs .elementor-section-boxed {
    background: #000;
}
.woocommerce-tabs .witr_text_widget_inner {
    padding: 20px 0;
}
.woocommerce-tabs .witr_text_widget_inner ul li {
    padding-bottom: 15px;
    line-height: 24px;
}
.product-single-overview:after, .product-single-overview:before {
    border-top: 1px solid #161717 !important;
}

body .woocommerce-tabs .witr_service2_style2 p {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 300 !important;
    font-family: inherit !important;
}
body .woocommerce-tabs .all_service2_color h3 {
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 500 !important;
    font-family: inherit;
}
.witr_service2:hover .witr_back_service2 {
   background: linear-gradient(to bottom, #0000009b 0%, transparent 100%) !important;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    padding-left: 8px !important;
    padding-right: 8px !Important;
}
.products-list.grid .product-wapper {
    margin-bottom: 16px !important;
}
.wcacf-filter-wrapper {
    margin-right: 22px;
}
.single-product .bwp-single-info, .quickview-container .bwp-single-info {
    padding-top: 40px;
}
.single-product .countdown-single .title-countdown, .quickview-container .countdown-single .title-countdown {
    line-height: 1;
}
.legal-document ol li,
.legal-document ul li {
    margin-bottom: 5px !important;
}
.terms-section h3,
.freeform-content h3,
.legal-document h3 {
    margin-bottom: 10px !important;
}
.legal-document p {
    margin-bottom: 10px !important;
}
.elom-faq-answer-content ul,
.elom-faq-answer-content ol{
    padding-left: 18px;
}

.section-accessories .acc-scroll-row .products-thumb img {
    height: 220px !important;
    object-fit: contain;
    object-position: center;
}
.section-accessories .acc-scroll-row .products-thumb img.hover-image {
	    object-position: top;
}

.slider-list-accessories .products.products-list {
  display: block !important;
}

.ecoflow-container .content-panel .product-card-link {
    min-width: 200px;
}

.product-single-overview {
    position: relative;
    padding-bottom: 50px;
}

.product-single-overview:after,
.product-single-overview:before {
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    width: 100%;
    border-top: 1px solid #f0f1f2;
}

.product-single-overview:before {
    bottom: 0;
    top: auto;
}

.dji_box__heading {
    text-align: center;
}

.dji_box__heading h2 {
    font-size: 32px;
}

@media (max-width:991px) {
    .dji_in_box .dji_box__item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }
    .woocommerce-tabs .witr_text_widget_inner {
    padding: 20px;
}
}

@media (max-width:599px) {
    .dji_in_box .dji_box__item {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
    }

    .dji_box__item h3 {
        font-size: 14px;
    }
}

@media (max-width:420px) {
    .dji_in_box .dji_box__item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

.active-login i {
    font-size: 20px;
    position: relative;
    top: 0;
}

.icon2-user:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    bottom: -1px;
    left: 0;
}

#bwp-topbar.topbar-v1 .dropdown-item {
    padding: 5px 10px;
    line-height: normal;
    display: block;
    border-bottom: 1px solid #e8e8e8;
}

#bwp-topbar.topbar-v1 .dropdown-item:last-child {
    border: 0;
}

/* Language Switcher */
.d-flex {
    display: flex;
}

.lang-dropdown div {
    border: 0;
    display: flex;
    align-items: center;
    column-gap: 9px;
    background: transparent;
    position: relative;
}

.lang-dropdown .ico-flag {
    width: 18px;
    height: 22px;
}

.lang-dropdown label {
    margin: 0;
}

.lang-dropdown div:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    position: absolute;
    right: -15px;
    top: -3px;
}

/* Accessories CSS moved to wc-ajax-category-filter plugin */

#vat_no_field {
    display: none;
}

#customer-vat-invoice {
    padding-bottom: 12px;
}

/* store location listing */
.store-listings .elementor-widget:not(:last-child) {
    margin-bottom: 10px;
}

/* Updated header */
.header-v10 .topbar-v10 .email:before {
    right: -5px;
    left: auto !important;
}

.header-v10 .topbar-v10 {
    height: 60px !important;
    line-height: 60px !important;
}

.bwp-header .topbar-v10 .wpbingoLogo img {
    max-width: none;
    top: 0;
    position: relative;
    width: 100%;
    vertical-align: middle;
}

.header-v10 .wpbingoLogo {
    height: auto;
    max-width: 200px;
}

.header-v10 .email {
    position: relative;
    margin-right: 15px;
    padding-right: 20px;
    margin-left: 0 !important;
    padding-left: 0 !important;

}

/* Compare modelbox */
.dji-compare {
    padding-top: 10px;
    padding-bottom: 25px;
}
.compare-link {
    cursor: pointer;
    color: #3382ca;
    display: inline-block;
    position: relative;
    padding-left: 28px;
}

.compare-link:after {
    position: absolute;
    content: '';
    top: 0;
    background: url(./assets/images/compare.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    left: 0;
}

.custom-model-main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}

.model-open {
    z-index: 99999;
    opacity: 1;
    overflow: hidden;
}

.custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    width: 1000px;
    margin: 30px auto;
    max-width: 97%;
}

.custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

.model-open .custom-model-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
}

.model-open .bg-overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
}

.close-btn {
    position: absolute;
    right: 0;
    top: -30px;
    cursor: pointer;
    z-index: 99;
    font-size: 30px;
    color: #fff;
}

@media screen and (min-width:800px) {
    .custom-model-main:before {
        content: "";
        display: inline-block;
        height: auto;
        vertical-align: middle;
        margin-right: -0px;
        height: 100%;
    }
}

@media screen and (max-width:799px) {
    .custom-model-inner {
        margin-top: 45px;
    }
}

/* Footer */
.bwp-footer {
    margin-top: 0px !important;
}
.bwp-footer .partner-logo .bwp-image {
    max-width: 200px;
}

/* Product single page */
.product-detail-titlebar {
    background: #161616;
    color: #fff;
    padding: 20px 0;
}
.product-detail-titlebar h1 {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 24px;
}
.product-detail-titlebar ul li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
}
.product-detail-titlebar ul li:last-child {
    padding-right: 0;
}
.product-detail-titlebar ul li a {
    color: #fff;
    font-size: 15px;
}
.product-detail-titlebar ul li a:hover {
    color: #1890ff;
}
.single-product .bwp-single-info .single_add_to_cart_button.button, .quickview-container .bwp-single-info .single_add_to_cart_button.button {
    background: linear-gradient(#40a9ff,#1890ff);
}

/* Footer services */
.footer-services p.elementor-icon-box-description {
    padding-top: 5px;
    color: #adadad;
    font-size: 14px;
}

/* Checkout */
.checkout-page-style-2 .wpbingoLogo img {
    max-width: 120px;
}
.woocommerce-page-header ul li a {
    text-transform: uppercase;
    font-size: 22px;
}

.checkout #ship-to-different-address {
    font-size: 18px;
    font-weight: normal !important;
}
.premium-blog-content-wrapper {
    position: absolute;
    width: 100%;
    bottom: -5px;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    z-index: 3;
    -webkit-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
    padding: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    background-color: #0E0E0E00;
}

.premium-blog-meta-data {
    display: inline-block;
    color: #fff;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 12px;
    text-transform: uppercase;
}
.blog-list-left .premium-blog-meta-data {
    color: #000;
}
.premium-blog-meta-data a {
    color: #fff;
}
.premium-blog-entry-title {
    margin: 0;
    padding: 0;
}
.premium-blog-entry-title a {
    color: #fff;
    font-size: 20px;
}
.blog-item-content p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 19px;
}
 .below-entry-meta,  .premium-blog-thumbnail-container img {
    width: 100%;
    height: 100%;
    margin: 0!important;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    display: block;
    object-fit: cover;
    filter: brightness( 75% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}

.premium-blog-post-container.premium-blog-skin-side {
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.premium-blog-thumb-effect-wrapper {
    flex-basis: 40%;
}

.premium-blog-entry-meta {
    display: flex;
    color: #000;
}

.blog-list-item {
    display: flex;
    padding-top: 25px;
    border-top: 3px solid #ebebeb;
    padding-bottom: 25px;
}
.blog-item-thumb {
    flex: 0 0 35%;
}
.blog-item-content {
    padding: 0 20px;
}
.blog-item-content h3 {
    font-size: 16px;
	line-height: normal;
    margin: 0;
    padding: 0;
}
ul.post-categories {
    list-style: none;
}
ul.post-categories a {
    color: #212121;
    background-color: #FFD219;
    border-radius: 4px;
    padding: 0px 10px 0px 10px;
    margin: 0 3px 10px 0;
    font-size: 12px;
    display: inline-block;
    font-weight: 600;
}
.more {
    padding-top: 5px;
    display: block;
    color: #3767a8;
    font-size: 15px;
}
.blog-list-right .more {
    color: #98baff;
}
.blog-list-right p {
    color: #fff;
    margin: 0;
}
.blog-widget-title h2 {
    font-size: 36px;
    margin-top: 10px;
    padding-bottom: 10px;
}

@media (max-width:767px) {
    .blog-widget-title h2 {
        padding-top: 40px;
    }
    .product-nav {
        display: none;
    }
    .product-detail-titlebar h1 {
        font-size: 20px;
    }
}

.payment_box.payment_method_bacs p, .shipping-method-description, .payment_box.payment_method_ppcp-gateway p {
    font-size: 14px;
}
p.shipping-method-description {
    margin-top: 0;
}

/* cart popup */
.mini-cart .cart-popup .free-ship {
    font-size: 15px;
}
.woocommerce-additional-fields .form-row-wide {
    display: none;
}

/* Shipping module */

.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals {
    display: block;
}
.woocommerce-shipping-totals .woocommerce-shipping-methods li {
    margin-right: 0 !important;
}
.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals h2 {
    font-size: 15px;
}

.woocommerce-page-header {
    margin-top: 30px;
}

@media (min-width: 767px){
.sidebar-product-filter.full .bwp-filter-ajax #bwp_form_filter_product {
    background: transparent;
}
}

/* minicart - header */
.bwp-header svg.dji-icon {
    width: 24px;
    height: 24px;
}
/*Search, account and cart icons: one centred row, even spacing
 */
.bwp-header .header-page-link {
    display: flex;
    align-items: center;
    gap: 22px;
    padding-top: 10px;
}
.bwp-header .header-page-link .search-box .search-toggle {
    font-size: unset;
}
.bwp-header .dropdown-item {
    line-height: normal;
    padding: .55rem 1.5rem;
}
.bwp-header .dropdown-menu {
    top: 11px !important;
    border: 0;
    -webkit-box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);
    box-shadow: 0 4px 10px -2px rgb(0 0 0 / 20%);
    right: 0;
    margin: 0;
}
.bwp-header .dropdown-item:focus, .bwp-header .dropdown-item:hover {
    background: none;
    color: #007aff !important;
}

/* Checkout page */
.woocommerce-privacy-policy-text {
    display: none;
}
.dji_accessories__content_row .dji_box__item {
    border-top: 1px solid #e1e1e1;
    padding: 20px 0 10px;
}
.dji_accessories__content_row {
    background: #f7f9fa;
}
.dji_accessories__content_row .dji_box__item ul {
    padding-left: 15px;
}
.dji_accessories__content_row .heading h2{
    margin-top: 0;
}

/* Pre order message */
.preorder-alert {
    padding: 14px;
    color: #ffffff;
    display: block;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #1087f7;
    background: linear-gradient(45deg, #0074f5 0, #03aaff 100%);
    margin-top: 10px;
}
.preorder-alert p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: normal;
    color: inherit;
}
/* Checkout shipping label style */
.checkout .woocommerce-checkout-review-order .woocommerce-shipping-totals {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #dedede;
    padding: 27px 0;
    flex-direction: column;
}

@media (max-width:767px) {
    .dji_accessories__content_row .col-left-text.text-right {
        text-align: left !important;
    }
    .heading h2{
        margin-top: 0;
        text-align: center;

    }
    .bwp-footer .partner-logo .bwp-image {
        max-width: 200px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
}

/* Cart page */
.cart_item .product-name a {
    line-height: normal;
}
.cart_totals .wc-proceed-to-checkout > a.wc-forward {
    background: linear-gradient(#40a9ff,#1890ff);
    padding: 14px 20px;
    font-weight: normal;
    border-radius: 2px;
}
.woocommerce-notices-wrapper {
    max-width: 1190px;
    margin: auto;
    width: 100%;
}
.single-product .bwp-single-info .stock.in-stock, .quickview-container .bwp-single-info .stock.in-stock {
    margin-top: -10px;
    display: none;
}
.woocommerce-info, .woocommerce-message {
    border-top: 3px solid #6fa1f8;
    text-transform: capitalize;
    font-size: 13px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    font-size: 13px;
}
/* Blog sidebar */
.bwp-sidebar > .widget ul:not(.social-link,.content-products,.product_list_widget) {
    margin-top: 0px;
    padding-left: 0;
}

/* Cart header */
.woocommerce-page-header {
    margin-top: 30px;
    text-align: center;
}
.woocommerce-page-header ul {
    display: inline-block;
}
.woocommerce-page-header ul:after {
    height: 2px;
    position: absolute;
    bottom: -17px;
    width: 63%;
    content: '';
    background: #000;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.woocommerce-page-header ul li a:before {
    bottom: -24px;
    z-index: 9;
    content: '';
    position: absolute;
}
.woocommerce-page-header ul li a:before, .woocommerce-page-header ul li:hover a:before, .woocommerce-page-header ul li.active a:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #3f3f3f;
    border-radius: 10px;
    position: absolute;
}
.woocommerce-page-header ul li:hover a:before, .woocommerce-page-header ul li.active a:before {
    background: #0b4ba9;
}
.woocommerce-page-header ul li:hover a, .woocommerce-page-header ul li.active a {
    color: #0070d5;
}
.woocommerce-page-header ul li a .cart-count {
    display: none;
}
.bwp-main .page-title {
    text-align: left;
}
.bwp-main .page-title .back-to-shop.active {
    display: none;
}
.bwp-main .page-title h1 {
    font-weight: normal;
    letter-spacing: .5px;
    font-size: 30px;
    text-transform: uppercase;
}
@media (max-width: 480px) {
    .woocommerce-page-header ul li {
        display: inline-block;
    }
    .woocommerce-page-header ul li a { 
        font-size: 14px;
        background: transparent;
    }
    .woocommerce-page-header ul a:before {
        bottom: -29px !important;
        display: block !important;

    }
    .woocommerce-page-header ul li:hover a:before, .woocommerce-page-header ul li.active a:before {
        background: #0b4ba9;
    }
    .woocommerce-cart .woocommerce-cart-form .actions .coupon input {
        max-width: 50%;
    }
    .woocommerce-cart-form table.shop_table .coupon .button {
        padding: 0 6px;
    }
}

/* Checkout page */
.checkout .woocommerce-shipping-methods label {
    font-weight: 600;
}
.checkout-top {
    margin-top: -20px;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox {
    display: flex;

}
span.woocommerce-terms-and-conditions-checkbox-text {
    font-weight: normal;
    font-size: 14px;
    padding-left: 10px;
    line-height: normal;
}
.checkout #place_order {
    color: #fff;
    background: linear-gradient(#40a9ff,#1890ff);
    font-size: 16px;
    text-transform: uppercase;
    line-height: 55px;
    font-weight: 600;
    border-radius: 4px;
}

/* Thank you page */
@media (min-width: 991px) {
.woocommerce-order-received .woocommerce-thankyou-order-details, .woocommerce-view-order .woocommerce-thankyou-order-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #efefef;
    padding-top: 20px;
}
}

.required-input span.optional, .form-row span.optional{
    display: none;
}
.custom-checkout-field select {
    width: 100% !important;
    display: block;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.5;
}
/* Contact detail */
.contact-detail .elementor-icon-box-content {
    display: flex;
}

.contact-detail .elementor-icon-box-title {
    flex: 0 0 40%;
}
.contact-us-form input[type="text"], .contact-us-form input[type="email"] {
    margin-bottom: 20px;
}
.witr_apartment_form input, .witr_apartment_form textarea {
    border: 1px solid #333;
    border-radius: 5px;
}
.contact-us-form textarea {
    max-height: 160px;
}
.contact-us-form input[type="text"], .contact-us-form input[type="email"], .contact-us-form textarea {
    border: 1px solid #bdbdbd;
}

.contact-us-form .wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: normal;
    margin-top: -10px;
    padding-bottom: 10px;
}
.wpcf7 form .wpcf7-response-output {
    font-size: 12px;
}
.woocommerce-cart .cart-collaterals .cart-discount {
    padding: 15px 30px;
}
/* NEWSLETTER */
.sib_msg_disp {
    text-align: center;
}
.sib_msg_disp .sib-alert-message {
    display: inline-block;
}

p.stock.available-on-backorder, .backorder_notification {
    display: none;
}
p.stock.alert.available-on-backorder, .ywpo_availability_date {
    font-size: 14px;
    font-style: italic;
    /* text-decoration: underline; */
    border: 1px dashed #8fbe8f;
    padding: 3px 5px;
    background: #efef;
    display: block;
    margin-bottom: 15px;
}
a.btn.blog-post-more {
    background: #4f4f4f;
    color: #fff;
    padding: 7px 20px;
    border-radius: 43px;
    max-width: 170px;
    width: 100%;
    font-size: 14px;
    margin: 10px auto 0 auto;
    display: block;
    border: 0
}
.main-archive-product .bwp-top-bar.top .button-filter-toggle {
    position: relative;
    width: auto;
    background: #f7f7f7;
    padding-left: 50px;
    color: #333 !important;
    font-size: 14px;
    text-transform: none;
    padding-right: 15px;
    border: 1px solid #979797;
}
.main-archive-product .bwp-top-bar.top .button-filter-toggle:after {
    position: absolute;
    left: 0;
    border-right: 1px solid #979797;
    width: 36px;
    color: #333;
    line-height: 34px;
}
.main-archive-product .bwp-top-bar.top .button-filter-toggle:hover:after {
    color: #000;
}
.bwp-top-bar .woocommerce-ordering {
    background: #f7f7f7;
}
.bwp-top-bar .woocommerce-ordering .pwb-dropdown-toggle, .bwp-top-bar .woocommerce-sort-count .pwb-dropdown-toggle {
    border-color: #979797;
}
#bwp_ajax_filte-2 {
    background: #fff;
}
.products-content {
    position: relative;
}
.new {
    text-align: center !important;
    font-size: 12px;
    padding: 0;
    text-transform: capitalize;
    font-weight: 500;
    display: block;
    position: relative;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: -11px;
    min-width: 47px;
    z-index: 1;
    right: 0;
    left: 0;
    color: #f45656;
 }
    .new:empty {
      display: none;
}
/* Related Accessoroes */
.wrapper-related-product {
    background: #efefef;
    padding: 10px 0;
}
.wrapper-related-product .dji_box__heading {
    padding-bottom: 30px;
}
.wrapper-related-product .btn-wrap {
    position: static;
    margin: 0;
}
.wrapper-related-product .btn-wrap button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 1px solid #d5dbe3;
    border-radius: 50%;
    background: #fff;
    color: #262626;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s, opacity .15s;
}

/* Latest product component: home */
.component-latest-products .witr_image_title {
    margin-top: 0;
    margin-bottom: 10px;
    border-radius: 10px;
    height:225px;
    overflow:hidden;
    position:relative;
}
.component-latest-products .witr_image_title img {
    
}
.component-latest-products .witr_text_widget_inner {
    background: #fff;
    padding: 20px 20px 25px;
    border-radius: 10px;
}
.component-latest-products .witr_text_widget h3 {
    color: #363636;
    margin: 0;
    font-size: 18px;
    font-weight: normal;
}
.component-latest-products .witr_action_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.component-latest-products .witr_action_content .akin_button {
    margin: 10px 0 0;
}
.component-latest-products .witr_action_content .akin_button a {
    background: #0071e3;
    border: 0;
    border-radius: 31px;
    padding: 10px 0;
    width: 100px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 0;
}
.component-latest-products .witr_widget_list {
    margin:0;
}
/* Responsive Handling for Product Features */
@media (max-width:768px){
	.product-single-overview .witr_back_service2 {
		position: relative !important;
		transform: unset;
		left: 0;
		top: 0;
		padding: 30px 20px 20px;
		background: #000;
	}
	.product-single-overview .witr_content_service2 {
		position: relative;
		top: 0;
		transform: unset;
	}
	.product-single-overview .witr_service2_style2 .witr_service2_box {
		display: none;
	}
	.product-single-overview .witr_service2_style2 p {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.product-single-overview .all_service2_color h3 {
		line-height: normal !important;
	}
}

.partner-listing h3.elementor-image-box-title {
    border-bottom: 1px solid #ccc;
}
.custom-list-style-n, .custom-list-style {
	padding-left:18px;
	font-size:16px;
}
.custom-list-style-n li, .custom-list-style li {
	padding-bottom:10px;
}
.custom-list-style-n li a, .custom-list-style li a {
	text-decoration:underline;
	color: #0070d5;
}
.wp-block-table thead {
    background: #efefef;
}

/* Pre order */
.pre-order-label {
    background: #cdf8bb !important;
}
.pre-order-label span{
    color: #33703f;
}
/* Paypal discount message */
.woocommerce-checkout-review-order-table .fee, .cart-discount.coupon-ppl400 {
    border: 1px dashed #2adb2c;
    padding: 10px;
    color: #2f874f;
    box-shadow: none;
}
.iconic-wsb-modal-product-summary__checkout .button {
    padding: 0 10px !important;
}

/* Backorder model */
.backorder-model {
    display:none; 
    position:fixed; 
    z-index:9999; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:rgba(0,0,0,0.6);
}

.backorder-model .backorder-model-content {
    background:#fff; 
    padding:20px; 
    max-width:400px; 
    margin:100px auto;
    border-radius:2px; 
    text-align:center; 
    position: relative;
}
.backorder-model .backorder-model-content h3 {
    font-size: 16px;
    margin: 0;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    line-height: normal;
}
.backorder-model .backorder-model-content p {
    font-size: 14px;
    line-height: normal;
}
.backorder-model .backorder-model-content .backorder-close {
    position:absolute; 
    right:10px; 
    top:10px; 
    background:none; 
    border:none; 
    font-size:18px; 
    cursor:pointer;
}
.backorder-model .backorder-model-content label {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.backorder-model .backorder-model-content button.backorder-btn{
    padding: 8px 16px;
    background: #3c8eff;
    color: #fff;
    border: none;
    cursor: pointer;
    max-width: 200px;
    width: 100%;
    margin-top: 12px;
}

.woocommerce-order-details .wc-item-meta li {
    display: flex;
    font-weight: normal;
    color: #333;
}
.woocommerce-order-details .wc-item-meta li strong {
    padding-right: 5px;
}
.woocommerce-order-details .wc-item-meta li p {
    margin: 0;
    font-family: inherit;
}

/*30-09-25*/
#main-content .checkout .woocommerce-checkout-review-order .checkout-review-order-table-wrapper {
    padding: 0 30px 30px;
}
#main-content .mp-checkout-pro-benefits {
    flex-direction: column;
}
#main-content .mp-checkout-pro-content {
    padding: 10px 0 !important;
}
#main-content .mp-checkout-custom-container {
 
}
#main-content input#checkbox_msg {
    margin-right: 10px;
}
#main-content .mp-checkout-pro-content h4 {
    font-size: 14px !important;
}
#main-content .checkout .woocommerce-checkout-payment .payment_methods li > label {
    display: flex;
    font-size: 13px;
    font-weight: 500;
}
#main-content .checkout .woocommerce-checkout-review-order .info-product .product-name {
    padding-left: 15px;
}
#main-content .checkout .woocommerce-checkout-review-order .product-total {
    min-width: 50px;
    text-align: right;
}
#main-content .checkout .woocommerce-checkout-payment .payment_methods img {
    max-width: 70px !important;
    object-fit: contain;
}
#main-content .checkout .woocommerce-checkout-payment .payment_methods #mp-wallet-button img {
    max-width: 120px !important;
}
#main-content .product-thumbnail img {
    width: 80px;
}
#main-content td.product-price {
    white-space: nowrap;
}
#main-content .mp-checkout-pro-redirect {
    padding: 16px 20px !important;
}
#main-content .checkout .woocommerce-checkout-payment .payment_methods li {
    padding: 0;
    line-height: 1.3;
}
#main-content .mp-checkout-pro-redirect {
    margin: 0 !important;
}
#main-content .woocommerce-terms-and-conditions {
    width: 320px;
}
#main-content .woocommerce-terms-and-conditions h3 {
    font-size: 14px;
}
#main-content .woocommerce-checkout-payment .payment_methods li > label:before {
    top: 3px;
}
#main-content p#checkbox_msg_field {
    margin-bottom: 0;
}
#main-content .woocommerce-account-fields .form-row {
   margin-bottom: 0;
}
#main-content .payment_box.payment_method_bacs p {
    font-size: 13px;
}
.wrish-topcart.dark .mini-cart .cart-popup a.product-name:hover {
    color: #fff !important;
}
.wrish-topcart.dark .mini-cart .cart-popup .mini_cart_item a.remove i {
    color: #fff !important;
}
.dropdown-menu.cart-popup.show a.go-shop {
    color: #fff !important;
}
#main-content .mp-wallet-button-container .mp-wallet-button-title span {
    font-size: 14px !important;
}
#main-content .mp-wallet-button-container .mp-wallet-button-description {
    font-size: 14px !important;
}

/*
Checkout Page  
*/
.checkout-page-style-2 .checkout_style2_content .content_style2 {
    max-width: 1400px;
}
.checkout-page-style-2 .woocommerce-checkout .col-xl-8 > div {
    max-width: 920px;
    padding: 0 40px 0 15px;
    margin-left: auto;
}
.checkout-page-style-2 .checkout_style2_content {
    position: relative;
    width: 100%;
    z-index: 10;
    top: 0;
    padding-top: 30px;
    border-bottom: 1px #dedede solid;
}
.checkout-page-style-2 .wpbingoLogo {
    margin-bottom: 30px;
}
.checkout-page-style-2 .checkout-top {
    position: absolute;
    padding-top: 20px;
    max-width: 1100px;
    width: 100%;
}
.checkout-page-style-2 .woocommerce-checkout .row > div {
    padding-top: 100px;
}
.checkout-page-style-2 .woocommerce-checkout .col-xl-8 {
    border-right: 1px #dedede solid;
}
.checkout-page-style-2 .woocommerce-checkout .col-xl-4 {
    background-color: rgb(244 239 238 / 50%);
}
.checkout .woocommerce-checkout-review-order .info-product .product-thumble {
    background: #ededed;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #cbcbcb;
}
.checkout .woocommerce-checkout-review-order .info-product .product-thumble img {
    border: 2px solid #fff;
    border-radius: 10px;
    vertical-align: text-top;
}
.checkout .form-row .woocommerce-input-wrapper .input-text,
.checkout .form-row .selection .select2-selection--single {
    border-width: 1px;
    height: auto;
    line-height: 1.5;
    color: #000;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
}
.checkout .form-row .selection .select2-selection--single span {
    line-height: 1.5;
    height: auto;
    padding: 0;
}
.checkout-page-style-2 #customer_details .back-to-cart {
    font-weight: 500;
    color: #54504f;
}
.checkout .form-row label {
    color: #54504f;
}
.checkout .form-row .selection .select2-selection--single span.select2-selection__arrow {
    height: 42px !important;
}
.select2-container--open .select2-dropdown--below {
    border-color: #e1e1e1;
    margin-top: 4px;
    border-radius: 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
    border-radius: 10px;
}
.checkout-page-style-2 .woocommerce-checkout .checkout-review-order-table-wrapper {
    padding: 0 0 50px 40px;
}

.bwp_product_list.slider .content-product-list:hover .slick-arrow.fa-angle-left {
    left: 0;
}
.bwp_product_list.slider .content-product-list:hover .slick-arrow.fa-angle-right {
    right: 0;
}
.onsale, .hot {
    border-radius: 17px;
    padding: 2px 10px;
    font-size: 13px;
}
.products-list.grid .product-stock {
    background: rgba(250, 69, 0, 0.06);
    border-radius: 17px;
    padding: 2px 10px;
    font-size:12px;
}
.products-list.grid .product-stock .stock {
    color: #fa4500;
    font-size: 13px;
}
.checkout-page-style-2 .woocommerce-checkout .payment_methods {
    background: #f9f9f9;
    border-radius: 10px;
}
.checkout .woocommerce-checkout-review-order .info-product .product-name {
    text-transform: none;
}
.checkout-top .checkout_coupon .description {
    max-width: 100%;
    margin: 0;
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px;
}
form.checkout_coupon.woocommerce-form-coupon {
    max-width: 500px;
}
.checkout-top .checkout_coupon .input-button .input-text {
    height: auto;
    line-height: 40px;
}
.checkout-top .checkout_coupon .input-button .button {
    height: auto;
    line-height: 40px;
    padding: 0 30px;
}
.checkout .form-row {
    margin-bottom: 15px;
}
.checkout .woocommerce-checkout-review-order .cart-subtotal, .checkout .woocommerce-checkout-review-order .order-total,
.checkout .woocommerce-checkout-review-order .woocommerce-shipping-totals {
    padding: 10px 0;
}
.checkout .woocommerce-checkout-review-order .info-product .product-name {
    padding-left: 15px;
}
.checkout .woocommerce-checkout-payment .payment_methods li > label {
    margin-bottom: 5px;
}
.mini-cart .cart-popup .buttons .button {
    border-radius: 6px;
}
.mini-cart .cart-popup a.product-name {
    text-transform: none;
}
#image-thumbnail .img-thumbnails {
    padding: 8px;
}
#image-thumbnail a.img-thumbnail img {
    outline: 2px solid #ccc;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    background: rgb(244 239 238 / 50%);
}
#image-thumbnail a.img-thumbnail.active img {
    outline-color: #2c3d37;
}
.woocommerce-page-header ul li {
    font-size: 18px;
}
.woocommerce-cart .cart-collaterals {
    border-radius: 20px;
    max-width: 500px;
    background: rgb(244 239 238 / 50%);
}
.woocommerce-cart .cart-collaterals h2 {
    background: #daf1ff;
    font-family: inherit;
    font-size: 16px;
    padding: 15px 30px 15px;
}
.woocommerce-cart-page table.shop_table thead, 
.woocommerce-cart-page .table.shop_table thead {
    background: #efefef;
    font-family: inherit;
    font-size: 16px;
}

.woocommerce-cart-form {
    border: 0;
}
.woocommerce-cart-form table.shop_table .button,
.woocommerce-cart .woocommerce-cart-form .actions .coupon input,
.woocommerce-cart-form table.shop_table .coupon .button {
    border-radius: 5px;
}
.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals {
    align-items: flex-start;
}
table.shop_table thead, .table.shop_table thead {
    border: 0;
    border-bottom: 1px solid #e8e8e8;
}
table.shop_table.cart > tbody, .table.shop_table.cart > tbody {
    border: 0;
    border-bottom: 1px solid #e8e8e8;
}
.cart_totals .wc-proceed-to-checkout > a.wc-forward {
    border-radius: 10px;
    padding: 15px 20px;
    background: #2164ff;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}
.cart_totals .wc-proceed-to-checkout > a.wc-forward:hover {
    background: #2164ff;
    opacity: 1;
}
.bwp-single-info #ppc-button-ppcp-gateway iframe {
    border-radius: 50px !important;
}
.contents-detail .bwp-single-product.zoom .image-additional {
    border-radius: 20px;
    background: #fcfafa;
    border: 0;
}
.contents-detail .bwp-single-product.zoom .image-additional img {
    mix-blend-mode: multiply;
}

.cart_totals.calculated_shipping .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0;
    border-radius: 6px;
}
.cart_totals.calculated_shipping .form-row.form-row-wide {
    flex-direction: column;
}
.cart_totals.calculated_shipping .form-row .input-text {
    background: #fff;
    border: 0;
    border-radius: 6px;
}
.woosw-items .woosw-item--atc a {
    border-radius: 5px;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a,
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner span {
    border-radius: 5px;
}
.woosw-items .woosw-item--image img {
    border-radius: 10px !important;
    width: 95px !important;
    border: 1px solid #ddd !important;
    -webkit-border: 1px solid #ddd !important;
    background-color: rgb(244 239 238 / 50%);
    border: 0 !important;
}

/* For multiple columns - make items equal width */
.slick-carousel .slick-slide {
    flex: 0 0 auto;
}

/* Remove any min-width constraints */
.slick-carousel .slick-slide > div {
    min-width: 0 !important;
}

/* Product listing Block */
.products-list.grid .product-wapper.content-product6 .product-button > a {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 20px;
    border-radius: 20px;
    background: #000;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
    min-width: 110px;
}
.products-list.grid .product-wapper.content-product6 .products-content {
    text-align: left;
    margin: 0;
    padding: 20px 20px 0 20px;
}
.products-list.grid .product-wapper .products-content h3.product-title {
    font-weight: 600;
    letter-spacing: normal;
    font-size: 16px;
    max-width: 100%;
    margin: 0 0 8px 0;
    text-transform: none;
}
.product-highlited-text {
    display: block;
}
.products-list.grid .product-wapper.content-product5 .products-content {
    margin: 0;
    padding: 10px;
}

.main-archive-product .content-products-list li {
    display: flex;
    flex-direction: column;
}
.main-archive-product .content-products-list .products-list.grid .product-wapper.content-product5 {
    height: 100%;
}

.woocommerce-pagination > ul.page-numbers li a, .loop-pagination > ul.page-numbers li a, .woocommerce-pagination > ul.page-numbers li span, .loop-pagination > ul.page-numbers li span {
    border-radius: 5px;
}
.bwp-top-bar.bottom {
    margin-bottom: 30px;
}
.bwp-main .page-title .content-title-heading {
    display: flex;
    position: relative;
    z-index: 1;
}
.bwp-main .page-title h1 {
    font-size: 35px;
    font-weight: 600;
}
.page-title.bwp-title {
    position: relative;
}
.page-title.bwp-title::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 0;
}
.bwp-single-info .summary.entry-summary form.cart {
    margin-bottom: 10px;
}
.bwp-top-bar.top .button-filter-toggle {
    border-radius: 6px;
}
.products-list.grid .product-wapper .products-content {
    padding: 0 20px;
}
/* filter */
.bwp-sidebar > .widget.bwp_ajax_filte {
    border-radius: 15px;
    background: #FFF;
    padding: 0 30px 30px;
}
.bwp_ajax_filte .bwp-block-title h2 {
    border-bottom: 1px rgb(206 206 206 / 40%) solid;
}
.bwp-filter-ajax #bwp_form_filter_product .filter_category_product .item-category .count {
    background: #DDE6FB;
    color: #3C3C40;
    font-weight: 600;
}
.bwp-filter-ajax ul li > span.active {
}
#bwp_form_filter_product .bwp-filter input {
    display: inline-block;
}
#bwp_form_filter_product .bwp-filter span {
    margin-right: 2px !important;
    border-color: transparent !important;
    min-width: auto;
    min-height: auto;
    height: auto !important;
    width: auto !important;
    padding: 0 !important;
}
.bwp-filter-ajax #bwp_form_filter_product > div ul li {
    color: #1E1E22 !important;
    margin-right: 30px;
}
.bwp-filter-ajax #bwp_form_filter_product h3 {
    text-transform: capitalize !important;
    font-size: 16px;
}
.bwp-filter-ajax #bwp_form_filter_product > div {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px rgb(206 206 206 / 40%) solid;
}
.bwp-filter-ajax #bwp_form_filter_product .filter_category_product .item-category label {
    color: #3C3C40;
}
.bwp-top-bar .woocommerce-result-count {
    color: #3C3C40;
}
.bwp-top-bar .woocommerce-ordering .pwb-dropdown-toggle, .bwp-top-bar .woocommerce-sort-count .pwb-dropdown-toggle {
    border-radius: 6px;
    border: 1px solid #DBDBDB !important;
    background: #FFF;
}
.bwp-top-bar .display {
    border-radius: 6px;
    border: 1px solid #DBDBDB;
}
.bwp-top-bar .display li a:hover .icon-column .layer > span, .bwp-top-bar .display li a.active .icon-column .layer > span {
    background: #2164ff;
}
.bwp-top-bar .woocommerce-ordering .pwb-dropdown-menu {
    border-radius: 10px;
    border: 1px solid #CBD8F6;
    background: #FFF;
    box-shadow: 0 0 9.9px 0 rgba(0, 0, 0, 0.30);
}
.bwp-top-bar .woocommerce-ordering .pwb-dropdown-menu li a, .bwp-top-bar .woocommerce-sort-count .pwb-dropdown-menu li a {
    color: #3C3C40;
    font-weight: 500;
    font-size: 13px;
}
.bwp-top-bar .woocommerce-ordering .pwb-dropdown-menu li.active, .bwp-top-bar .woocommerce-sort-count .pwb-dropdown-menu li.active {
    border-radius: 4px;
    background: #DDE6FB;
    padding: 0 10px;
    margin-bottom: 3px;
}
.bwp-filter-ajax #bwp_form_filter_product .bwp-filter-price #bwp_slider_price .ui-slider-handle {
    background: #000;
    border-radius: 50px;
}
.bwp-filter-ajax #bwp_form_filter_product h3 {
    margin-bottom: 5px;
}
.bwp-top-bar .woocommerce-ordering .pwb-dropdown-menu {
    min-width: 220px;
}

/* Load more button */
button.btn.btn-default.loadmore {
    border-radius: 20px;
    background: #000;
    color: #fff;
}
button.btn.btn-default.loadmore:hover {
    border-radius: 20px;
    background: #fff;
    color: #000 !important;
}

/* Mega Menu */
.bwp-navigation ul > li.level-0.mega-menu.mega-menu-fullwidth-width > .sub-menu {
    max-width: none;
}
.bwp-header.header-v1 .bwp-navigation ul > li.level-0.mega-menu.mega-menu-fullwidth-width:hover > .sub-menu {
    transform: translateY(0px) !important;
}
.bwp-navigation ul > li.level-0.mega-menu.mega-menu-fullwidth-width .sub-menu {
    margin-top: 0;
}
.menu-overlay-active header#bwp-header {
    background: #f2f2f2;
}
.bwp-header {
    z-index: 9999;
}

.single-product .bwp-single-info .single_add_to_cart_button.button, .quickview-container .bwp-single-info .single_add_to_cart_button.button {
    font-weight: 600;
    background: rgb(0 82 205 / 75%);
    border-color: transparent;
}
.description-style-tab ul.tabs.wc-tabs {
    display: none;
}

.term-description h5 {
    margin: 0;
    padding-bottom: 2px;
    font-size: 16px;
    font-weight: 600;
    color: #527fe7;
}
.term-description {
    background: #fff;
    padding: 20px;
    border-radius: 7px;
    box-shadow: #00000003 0px 4px 6px 3px;
    margin-bottom: 40px;
}
.term-description ul {
    padding-left: 17px;
    color: #1b1a1a;
}

.archive.woocommerce .bwp-main{
    background: #fff;
}

/*header cart*/
.bwp-header .icon2-shopping-bag:before {
    content: "";
    background: url(../images/dji-cart.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 18px;
    height: 26px;
    display: block;
}
/*footer subscription*/
.bwp-footer.footer-1 .content-newsletter {
    max-width: 250px;
    position: relative;
}
.bwp-footer.footer-1 input {
    background: #fff;
    color: #73776C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
    border-radius: 2px;
    padding-right: 50px;
    width: 100%;
}
.bwp-footer.footer-1 .wpcf7-submit {
    background: #0060EF;
    color: transparent;
    border: 0;
    padding: 0px 10px;
    font-size: 10px;
    position: absolute;
    right: 3px;
    top: 3px;
    height: 28px;
    width: 33px;
    border-radius: 4px;
    cursor: pointer;
}
.bwp-footer.footer-1 .content-newsletter::after {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    line-height: 1;
    position: absolute;
    right: 3px;
    top: 1px;
    padding: 8px;
    font-size: 16px;
    color: #fff;
    pointer-events: none;
}
.bwp-footer.footer-1 .wpcf7-response-output {
    color: #fff;
}
/*Slick radius*/
.bwp_product_list.slider .slick-list {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

/*meta hide*/
.single-product .bwp-single-info .product_meta, .quickview-container .bwp-single-info .product_meta {
    display: none;
}

/*submit-btn*/
.single-product .bwp-single-info .single_add_to_cart_button.button, .quickview-container .bwp-single-info .single_add_to_cart_button.button {
    background: #0071E3;
}

/*product gallery bg*/
.products-list.grid .product-wapper .products-thumb {
}
.products-list.grid .product-wapper .products-thumb img {
    mix-blend-mode: multiply;
}

/*product detail page slider*/
.contents-detail .bwp-single-product .woocommerce-product-gallery .slick-slide.slick-active {
    background-image: linear-gradient(#fff, #fafafa);
}
.contents-detail .bwp-single-product .woocommerce-product-gallery .slick-slide img {
    mix-blend-mode: multiply;
}

#image-thumbnail a.img-thumbnail {
    padding: 10px;
    border: 0;
}
.products-list.grid .product-wapper.content-product2 .products-thumb .product-button .product_type_grouped:before, .products-list.grid .product-wapper.content-product2 .products-thumb .product-button .add_to_cart_button:before, .products-list.grid .product-wapper.content-product2 .products-thumb .product-button .product_type_external:before, .products-list.grid .product-wapper.content-product2 .products-thumb .product-button .read_more:before, .products-list.grid .product-wapper.content-product2 .products-thumb .product-button .added_to_cart:before, .products-list.grid .product-wapper.content-product2 .products-thumb .product-button .product_type_variable:before {
    color: #fff;

}
.products-list.grid .product-wapper.content-product2 .products-thumb .product-button > * {
    border-radius: 50px;
}

.products-list.grid .product-wapper.content-product2 .product-button > a {
    background: #222 !important;
}
.products-list.grid .product-wapper.content-product2 .product-button > a:hover {
    background: #2164ff !important;
}

.products-list.grid .product-wapper.content-product2 .products-content h3.product-title {
    box-shadow: none;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px;
}
.products-list.grid .product-wapper.content-product2 .new {
    text-align: left !important;
    padding-left: 20px !important;
}

/* Product title -single */

.countdown-single .countdown-amount {
    background: #0071e3;
    border-radius: 10px !important;
    border: 0 !important;
    color: #fff !important;
}
.single-product .countdown-single .title-countdown:before, .quickview-container .countdown-single .title-countdown:before {
    content: "🔥";
    background: none;
    width: 24px;
    height: 24px;
    top: 1px;
}
.single-product .countdown-single .title-countdown, .quickview-container .countdown-single .title-countdown {
    font-size: 16px;
    padding-left: 22px;
}

body .woocommerce-tabs {
    padding-top: 40px;
    padding-bottom: 40px;
}
.woocommerce-tabs .elementor-section-boxed {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Force full width on mobile */
@media (max-width: 1200px) {
    .bwp-header .wpbingoLogo img {
        max-width: 90px;
    }
    .bwp-navigation ul>li.level-0>a {
        font-size: 13px;
    }
    .bwp-navigation ul > li.level-0{
        padding: 0 8px;
    }
}
@media (max-width: 1024px) {
    .list-product.list-product-v2 {
        flex-direction: column;
    }
    .bwp-navigation ul > li.level-0 {
        padding: 0 5px;
    }
    .bwp-main .page-title {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .content-products-list ul.products-list {
        margin: 0;
    }
    .wcacf-topbar {
        padding: 0 10px;
    }
}

/* Min media Start */
/* Min media End */

@media (max-width: 991px) {
    .filter_drawer .main-archive-product.row .bwp-sidebar .button-filter-toggle {
        height: auto;
    }
    body.menu-overlay-active::before {
        display: none;
    }
    body.menu-overlay-active {
        overflow: auto;
    }
    .contents-detail .bwp-single-product .bwp-single-info {
        padding-top: 30px;
    }
    #image-thumbnail {
        padding-left: 10px;
    }
    #image-thumbnail a.img-thumbnail img {
        outline: 1px solid #ccc;
        border-radius: 4px;
    }
    #image-thumbnail a.img-thumbnail {
        padding: 1px;
    }
    
}

@media (max-width: 768px) {
    .elom-list-component button.slick-arrow {
        background: rgb(123 123 123 / 40%) !important;
    }
    .checkout-page-style-2 .woocommerce-checkout .col-xl-4 {
        padding-top: 30px !important;
    }
    .checkout-page-style-2 .woocommerce-checkout .col-xl-8 > div {
        padding-right: 15px;
    }
    .checkout-page-style-2 .woocommerce-checkout .checkout-review-order-table-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce-cart .cart-collaterals .order-total .woocommerce-Price-amount {
        font-size: 18px;
    }
    .woocommerce-page-header ul li a {
        padding: 8px 0;
        font-size: 15px;
    }
    .products-list.grid .product-wapper .product-button > a {
        line-height: 30px !important;
        height: 30px !important;
        font-size: 11px !important;
        padding: 0 10px !important;
        min-width: 100px !important;
    }
    .bwp_product_list.slider .content-product-list i.slick-arrow {
        width: 30px;
        height: 30px;
    }
    .bwp_product_list.slider .content-product-list i.slick-arrow {
        font-size: 10px;
    }
    .slick-slider .slick-list .slick-slide {
        padding: 0 4px !important;
    }
    .products-list.grid .product-wapper.content-product6 .products-content .product-button {
        flex-direction: column;
    }

    .products-list.grid .product-wapper.content-product6 .products-content .product-button {
        display: none;
    }
    .products-list.grid .product-wapper.content-product6:hover .products-content .product-button {
        display: flex;
        height: auto;
    }
    .bwp-header .wpbingoLogo img {
        max-width: 110px;
    }
    .bwp-main .page-title h1 {
        font-size: 25px;
    }
    .ecoflow-container .category-item {
        flex-direction: row-reverse;
        display: flex !important;
        justify-content: flex-end;
        margin: 0 !important;
    }
    #shipping-feature .e-con-inner {
        flex-direction: column;
    }
    .contents-detail .bwp-single-product .woocommerce-product-gallery > .row > div.col-md-2 {
        margin-bottom: 20px;
    }
    .single-product .countdown-single .title-countdown, .quickview-container .countdown-single .title-countdown {
        font-size: 18px;
    }
    .products-list.grid .product-wapper.content-product2 .products-content h3.product-title {
        min-height: 43px;
    }
    .section-accessories h2 {
        font-weight: 600;
    }
    .wcacf-load-more {
        margin: 0;
    }
    nav.woocommerce-pagination.shop-loadmore, nav.woocommerce-pagination.shop-infinity {
        padding: 0;
    }

}

/* Mega Menu */
.ecoflow-container .product-image {
    background: inherit !important;
    height: auto !important;
}
.ecoflow-container .product-image img {
     mix-blend-mode: multiply;
     height: auto;
     max-width: 130px;
}
.bwp-top-bar .display {
    display: none;
}

/* Blog */
.content-image-single .entry-title {
    font-size: 30px;
    font-weight: 600;
    font-family: 'Open Sans';
}


@media (max-width:1360px) {
	.elom-hero-banner .elom-content-block {
		padding-left: 40px;
		padding-right: 30px;
	}
}
@media (max-width: 991px) {
    .eol-product-list-component .eol-price-buy-block {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

.wcacf-thumb-img img {
    mix-blend-mode: multiply;
}

@media (max-width:1440px) {
    .ecoflow-container .products-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
@media (max-width: 480px) {
    .ecoflow-container .products-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ══════════════════════════════════════════════════════════════════════
   Header (group B, from DJI Store México): icons, account dropdown, dropdown
   menus, search, phone header
   ══════════════════════════════════════════════════════════════════════ */

.bwp-header .header-page-link .mini-cart .cart-icon .icons-cart {
    display: flex;
    align-items: center;
}
.bwp-header .header-page-link .mini-cart .cart-icon .icons-cart > i {
    display: block;
    line-height: 1;
}
.bwp-header .header-page-link .search-box .search-toggle img {
    display: block;
    width: 22px; /* the drawing is smaller than the user icon's at 20px */
    height: 22px;
}

/* ===== Header account icon + dropdown (top-right .login-header) ===== */

.login-header.djimx-has-menu {
	position: relative;
}

/* User icon — match the sibling search/cart icons (theme forces .login-header > a to 12px) */
.login-header .djimx-user-toggle,
.login-header .djimx-user-link {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.login-header .djimx-user-svg {
	width: 22px;
	height: 22px;
	display: block;
}
.bwp-header .header-page-link .login-header > a,
.bwp-header .header-page-link .search-box .search-toggle {
    top:0;
}
/* Dropdown (desktop, signed in): greeting, shortcuts, sign out. Markup: assets/js/script.js */
.login-header .djimx-account-menu {
	position: absolute;
	top: calc(100% + 14px);
	right: -12px;
	z-index: 9999;
	display: none;
	width: 272px;
	margin: 0;
	padding: 8px;
	border: 1px solid #e7eaee;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 16px 40px rgba(17, 17, 17, .14);
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	color: #262626;
}
.login-header .djimx-account-menu::before {
	content: "";
	position: absolute;
	top: -7px;
	right: 22px;
	width: 13px;
	height: 13px;
	border-top: 1px solid #e7eaee;
	border-left: 1px solid #e7eaee;
	border-top-left-radius: 3px;
	background: #fff;
	transform: rotate(45deg);
}
.login-header.open .djimx-account-menu { display: block; animation: djimx-am-in .16s ease; }
@keyframes djimx-am-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

.login-header .djimx-am-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 6px;
	padding: 10px 10px 14px;
	border-bottom: 1px solid #e7eaee;
}
.login-header .djimx-am-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #111;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}
.login-header .djimx-am-who { display: flex; flex-direction: column; min-width: 0; }
.login-header .djimx-am-who b {
	overflow: hidden;
	font-size: 15px;
	font-weight: 600;
	color: #262626;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.login-header .djimx-am-who span {
	overflow: hidden;
	font-size: 13px;
	color: #6b7682;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.login-header .djimx-account-menu ul { margin: 0; padding: 0; list-style: none; }
.login-header .djimx-account-menu li { margin: 0; list-style: none; }
.login-header .djimx-account-menu a {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 42px;
	padding: 0 10px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-transform: none;
	color: #262626;
	white-space: nowrap;
	transition: background .15s, color .15s;
}
.login-header .djimx-account-menu a svg { flex: 0 0 auto; color: #6b7682; }
.login-header .djimx-account-menu a:hover,
.login-header .djimx-account-menu a:focus-visible { background: #f5f6f8; color: #111; outline: 0; }
.login-header .djimx-account-menu a:hover svg { color: #111; }
.login-header .djimx-account-menu .djimx-am-logout {
	margin-top: 6px;
	border-top: 1px solid #e7eaee;
	border-radius: 0 0 10px 10px;
	padding-top: 1px;
	color: #5e6e7e;
}
.login-header .djimx-account-menu .djimx-am-logout:hover { background: #fef3f2; color: #b42318; }
.login-header .djimx-account-menu .djimx-am-logout:hover svg { color: #b42318; }
@media (prefers-reduced-motion: reduce) {
	.login-header.open .djimx-account-menu { animation: none; }
}

/* ==========================================================================
   Header dropdowns (standard, non-mega) + menu items with an image
   ("menu-icon-image" class).
   - Dropdown starts exactly at the bottom of the header bar (it used to start
     ~11px inside it) and uses the header background, so they read as one.
   - Image items: logo in a bordered, rounded box with the label below it.
     The parent theme styles every <span> inside a dropdown link as a green
     "NEW" badge, which also caught <span class="menu-img">; reset here.
   ========================================================================== */
@media (min-width: 992px) {
    .bwp-header .bwp-navigation ul > li.level-0.std-menu:not(.mega-menu) > ul.sub-menu {
        top: calc(100% + 21px);
        margin-top: 0;
        padding: 20px 24px 24px;
        background: #f2f2f2;
        border: 0;
        border-radius: 0 0 14px 14px;
        box-shadow: 0 14px 28px -10px rgba(0, 0, 0, 0.18);
    }
    /* Keep the dropdown open while the pointer moves to it:
       1) full-width invisible bridge over the gap between the link and the dropdown
          (the theme's own bridge is only as wide as the link text);
       2) short grace delay before it closes (opening stays instant);
       3) small hidden offset so it does not jump when re-hovered. */
    .bwp-header .bwp-navigation ul > li.level-0.std-menu:not(.mega-menu) > ul.sub-menu {
        transform: translate(0, 6px);
        transition: opacity 0.15s ease 0.15s, transform 0.15s ease 0.15s, visibility 0s linear 0.3s;
    }
    .bwp-header .bwp-navigation ul > li.level-0.std-menu:not(.mega-menu):hover > ul.sub-menu,
    .bwp-header .bwp-navigation ul > li.level-0.std-menu:not(.mega-menu):focus-within > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
        transition-delay: 0s, 0s, 0s;
    }
    .bwp-header .bwp-navigation ul > li.level-0.std-menu:not(.mega-menu) > ul.sub-menu::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        height: 24px;
    }
}

/* Dropdown that contains image items: cards side by side */
.bwp-navigation ul > li.level-0 > ul.sub-menu:has(> li.menu-icon-image) {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: max-content;
    max-width: 640px;
    min-width: 0;
}
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image {
    padding: 0;
}
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 0;
    color: #222;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image > a > span.menu-img {
    position: static;
    top: auto;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 128px;
    height: 60px;
    padding: 10px 14px;
    margin: 0;
    background: #ffffff;
    border: 1px solid #e0e4ea;
    border-radius: 12px;
    color: inherit;
    font-size: inherit;
    line-height: 0;
    text-transform: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image > a > span.menu-img::before {
    content: none;
    display: none;
}
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image > a > span.menu-img img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image > a:hover,
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image > a:focus-visible {
    color: #0060ef;
}
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image > a:hover > span.menu-img,
.bwp-navigation ul > li.level-0 ul.sub-menu li.menu-icon-image > a:focus-visible > span.menu-img {
    border-color: #0060ef;
    box-shadow: 0 0 0 1px #0060ef inset;
}

/* Mobile menu (slide-in canvas): image items as a 2-column grid of cards,
   logo in a bordered rounded box with the label below. The parent theme
   squeezes .menu-img to 31px here. */
@media (max-width: 991px) {
    .bwp-canvas-navigation .mm-menu .mm-listview:has(> li.menu-icon-image) {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
        padding: 8px 20px 20px;
    }
    .bwp-canvas-navigation .mm-menu .mm-listview > li.menu-icon-image {
        margin: 0;
        padding: 0;
        border: 0;
    }
    .bwp-canvas-navigation .mm-menu .mm-listview > li.menu-icon-image::after {
        display: none;
    }
    .bwp-canvas-navigation .mm-menu ul > li.menu-icon-image > a:not(.mm-next) {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 0;
        margin: 0;
        color: #222;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        text-transform: none;
        white-space: normal;
    }
    .bwp-canvas-navigation .mm-menu ul > li.menu-icon-image > a:not(.mm-next) .menu-img {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 64px;
        margin: 0;
        padding: 10px 14px;
        background: #fff;
        border: 1px solid #e0e4ea;
        border-radius: 12px;
    }
    .bwp-canvas-navigation .mm-menu ul > li.menu-icon-image > a:not(.mm-next) .menu-img img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        margin: 0;
    }
    .bwp-canvas-navigation .mm-menu ul > li.menu-icon-image > a:not(.mm-next):active .menu-img {
        border-color: #0060ef;
    }
}

/* Header dropdowns near the right end of the menu: open to the left on narrower
   desktops so they stay on screen (no sideways scroll at ~1024px) */
@media (min-width: 992px) and (max-width: 1399px) {
	.bwp-header .bwp-navigation ul > li.level-0.std-menu:nth-last-child(-n+4) > ul.sub-menu {
		left: auto !important;
		right: 0 !important;
	}
}

/* ══════════════════════════════════════════════════════════════════════
   Header search
   ══════════════════════════════════════════════════════════════════════ */

/**
 * Header search (store.dji.com style): the header row becomes one wide search
 * bar, with suggestions in a panel under it. Markup: inc/header-search.php,
 * script: assets/js/header-search.js.
 */

.djmx-search {
	--sr-text: #262626;
	--sr-muted: #6b7682;
	--sr-line: #e7eaee;
	--sr-soft: #f5f6f8;
	--sr-blue: #0060ef;
	position: fixed;
	inset: 0;
	z-index: 100000;
	font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--sr-text);
}
.djmx-search[hidden] { display: none; }
html.djmx-search-open { overflow: hidden; }

.djmx-search-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(17, 17, 17, .4);
	opacity: 0;
	transition: opacity .2s ease;
}
.djmx-search-sheet {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 16px 40px rgba(17, 17, 17, .12);
	opacity: 0;
	transform: translateY(-12px);
	transition: opacity .2s ease, transform .2s ease;
}
.djmx-search.is-open .djmx-search-backdrop { opacity: 1; }
.djmx-search.is-open .djmx-search-sheet { opacity: 1; transform: none; }

/* ── The bar (same height as the header row) ── */
.djmx-search-bar {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 1340px;
	height: 76px;
	margin: 0 auto;
	padding: 0 24px;
	border-bottom: 1px solid var(--sr-line);
}
.djmx-search-icon { flex: 0 0 auto; display: flex; color: var(--sr-muted); }
.djmx-search .djmx-search-input {
	flex: 1 1 auto;
	min-width: 0;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0 !important;
	background: transparent;
	box-shadow: none;
	outline: 0;
	font: inherit;
	font-size: 16px;
	line-height: 26px;
	color: var(--sr-text);
}
.djmx-search .djmx-search-input::placeholder { color: #a3adb8; }
.djmx-search .djmx-search-input::-webkit-search-cancel-button { display: none; }
.djmx-search-clear,
.djmx-search-cancel {
	flex: 0 0 auto;
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
	font: inherit;
}
.djmx-search-clear {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 50%;
	background: var(--sr-soft);
	color: var(--sr-muted);
}
.djmx-search-clear[hidden] { display: none; }
.djmx-search-clear:hover { color: var(--sr-text); }
.djmx-search-cancel {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 50%;
	color: var(--sr-muted);
	transition: background .15s, color .15s;
}
.djmx-search-cancel:hover,
.djmx-search-cancel:focus-visible { background: var(--sr-soft); color: var(--sr-text); outline: 0; }

/* ── Panel under the bar: text lists left, products right ── */
.djmx-search-panel {
	max-height: calc(100vh - 110px);
	overflow-y: auto;
	overscroll-behavior: contain;
}
.djmx-search-inner {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 56px;
	max-width: 1340px;
	margin: 0 auto;
	padding: 28px 24px 36px;
}

.djmx-search-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 12px;
}
.djmx-search-heading {
	margin: 0 0 12px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #8a94a3;
}
.djmx-search-head .djmx-search-heading { margin: 0; }
.djmx-search-clear-recent {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	color: var(--sr-muted);
}
.djmx-search-clear-recent:hover { color: var(--sr-blue); }

/* Left: popular / recent / suggestions as a quiet list */
.djmx-search-recent { margin-top: 28px; }
.djmx-search-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.djmx-search-list li { margin: 0; padding: 0; list-style: none; }
.djmx-search-list a {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 -10px;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 15px;
	line-height: 21px;
	color: var(--sr-text);
	text-decoration: none;
	transition: background .15s, color .15s;
}
.djmx-search-list a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.djmx-search-list a:hover,
.djmx-search-list a:focus-visible { background: var(--sr-soft); color: var(--sr-blue); outline: 0; }
.djmx-search-li-icon { flex: 0 0 16px; color: #a3adb8; transition: color .15s; }
.djmx-search-list a:hover .djmx-search-li-icon,
.djmx-search-list a:focus-visible .djmx-search-li-icon { color: var(--sr-blue); }
.djmx-search-list b { font-weight: 600; }

/* Right: product tiles */
.djmx-search-tiles {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 20px 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.djmx-search-tiles li { margin: 0; padding: 0; list-style: none; }
.djmx-search-tile {
	display: flex;
	flex-direction: column;
	gap: 4px;
	color: var(--sr-text);
	text-decoration: none;
}
.djmx-search-tile-img {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	margin-bottom: 8px;
	padding: 12%;
	border-radius: 10px;
	background: var(--sr-soft);
	overflow: hidden;
}
.djmx-search-tile-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply; /* white photo backgrounds blend into the tile */
	transition: transform .25s ease;
}
.djmx-search-tile:hover .djmx-search-tile-img img,
.djmx-search-tile:focus-visible .djmx-search-tile-img img { transform: scale(1.04); }
.djmx-search-tile:focus-visible { outline: 0; }
.djmx-search-tile:focus-visible .djmx-search-tile-img { box-shadow: 0 0 0 2px var(--sr-blue); }
.djmx-search-name {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.djmx-search-tile:hover .djmx-search-name { color: var(--sr-blue); }
.djmx-search mark { padding: 0; background: none; font-weight: 600; color: inherit; } /* matched words: bold, no yellow */
.djmx-search-price { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--sr-text); }
.djmx-search-price del { margin-right: 6px; font-weight: 400; color: var(--sr-muted); }
.djmx-search-price ins { text-decoration: none; }
.djmx-search-price .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.djmx-search-all {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 24px;
	font-size: 14px;
	font-weight: 600;
	color: var(--sr-blue);
	text-decoration: none;
}
.djmx-search-all:hover,
.djmx-search-all:focus-visible { text-decoration: underline; outline: 0; }

.djmx-search-empty {
	display: flex;
	align-items: center;
	min-height: 160px;
	padding: 24px;
	border-radius: 12px;
	background: var(--sr-soft);
}
.djmx-search-empty-title { margin: 0; font-size: 15px; line-height: 22px; color: var(--sr-muted); }

/* Searching: soften the old results until the new ones arrive */
.djmx-search.is-loading .djmx-search-results { opacity: .55; transition: opacity .15s; }

@media (max-width: 1280px) {
	.djmx-search-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.djmx-search-tiles li:nth-child(n+5) { display: none; } /* one tidy row */
}
@media (max-width: 1100px) {
	.djmx-search-inner { grid-template-columns: 200px minmax(0, 1fr); gap: 32px; }
	.djmx-search-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.djmx-search-tiles li:nth-child(n+4) { display: none; }
}

/* Phones: full screen, one column */
@media (max-width: 767px) {
	.djmx-search-sheet { bottom: 0; transform: translateY(8px); }
	.djmx-search-bar { gap: 10px; height: 60px; padding: 0 16px; }
	.djmx-search .djmx-search-input { font-size: 16px; }
	.djmx-search-panel { max-height: calc(100% - 60px); height: calc(100% - 60px); }
	.djmx-search-inner { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 18px 16px 32px; }
	.djmx-search-recent { margin-top: 20px; }
	.djmx-search-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
	.djmx-search-tiles li:nth-child(n+4) { display: block; }
	.djmx-search-tiles li:nth-child(n+5) { display: none; }
	/* Shorter lists so products show on the first screen */
	.djmx-search-start > .djmx-search-list li:nth-child(n+6),
	.djmx-search-recent .djmx-search-list li:nth-child(n+4) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.djmx-search-backdrop,
	.djmx-search-sheet,
	.djmx-search-tile-img img { transition: none; }
}

/* ══════════════════════════════════════════════════════════════════════
   Cart drawer
   ══════════════════════════════════════════════════════════════════════ */

/**
 * Cart drawer: slides in from the right. Same look as the header search.
 * Markup: inc/woocommerce/mini-cart.php + woocommerce/cart/mini-cart.php,
 * script: assets/js/mini-cart.js.
 */

.djmx-mc {
	--mc-text: #262626;
	--mc-muted: #6b7682;
	--mc-line: #e7eaee;
	--mc-soft: #f5f6f8;
	--mc-blue: #0060ef;
	--mc-green: #067647;
	position: fixed;
	inset: 0;
	z-index: 100001;
	font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--mc-text);
}
.djmx-mc[hidden] { display: none; }
html.djmx-mc-open { overflow: hidden; }

.djmx-mc-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(17, 17, 17, .4);
	opacity: 0;
	transition: opacity .25s ease;
}
.djmx-mc-panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	width: 420px;
	max-width: 100%;
	background: #fff;
	box-shadow: -16px 0 40px rgba(17, 17, 17, .12);
	outline: 0;
	transform: translateX(100%);
	transition: transform .28s cubic-bezier(.4, 0, .2, 1);
}
.djmx-mc.is-open .djmx-mc-backdrop { opacity: 1; }
.djmx-mc.is-open .djmx-mc-panel { transform: none; }

/* Header */
.djmx-mc-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex: 0 0 auto;
	height: 64px;
	padding: 0 16px 0 24px;
	border-bottom: 1px solid var(--mc-line);
}
.djmx-mc .djmx-mc-title {
	margin: 0;
	font-family: inherit;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--mc-text);
}
.djmx-mc-count { font-weight: 400; color: var(--mc-muted); }
.djmx-mc-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: var(--mc-muted);
	cursor: pointer;
	transition: background .15s, color .15s;
}
.djmx-mc-close:hover,
.djmx-mc-close:focus-visible { background: var(--mc-soft); color: var(--mc-text); outline: 0; }

/* "Se agregó al carrito" */
.djmx-mc-added {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	margin: 16px 24px 0;
	padding: 10px 14px;
	border-radius: 10px;
	background: #ecfdf3;
	font-size: 14px;
	line-height: 20px;
	color: var(--mc-green);
	animation: djmx-mc-in .25s ease;
}
.djmx-mc-added[hidden] { display: none; }
.djmx-mc-added svg { flex: 0 0 18px; }
@keyframes djmx-mc-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* Contents fill the rest; the footer stays at the bottom */
.djmx-mc .widget_shopping_cart_content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}
.djmx-mc-body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 8px 24px;
}

/* Items */
.djmx-mc .djmx-mc-items {
	margin: 0;
	padding: 0;
	list-style: none;
}
.djmx-mc .djmx-mc-item {
	position: relative;
	display: flex;
	gap: 14px;
	margin: 0;
	padding: 16px 32px 16px 0;
	border-bottom: 1px solid var(--mc-line);
	list-style: none;
}
.djmx-mc .djmx-mc-item:last-child { border-bottom: 0; }
.djmx-mc-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 80px;
	width: 80px;
	height: 80px;
	padding: 8px;
	border-radius: 10px;
	background: var(--mc-soft);
	overflow: hidden;
}
.djmx-mc-thumb img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: contain;
	mix-blend-mode: multiply;
	border-radius: 0 !important;
}
.djmx-mc-info { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; }
.djmx-mc .djmx-mc-name {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: var(--mc-text);
	text-decoration: none;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.djmx-mc a.djmx-mc-name:hover { color: var(--mc-blue); }
.djmx-mc .djmx-mc-info dl.variation {
	margin: 0;
	font-size: 13px;
	line-height: 18px;
	color: var(--mc-muted);
}
.djmx-mc .djmx-mc-info dl.variation dt,
.djmx-mc .djmx-mc-info dl.variation dd,
.djmx-mc .djmx-mc-info dl.variation p { display: inline; margin: 0; padding: 0; font-weight: 400; }
.djmx-mc-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
}
.djmx-mc .djmx-mc-qty {
	/* the theme styles .quantity as an input box */
	display: inline;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	color: var(--mc-muted);
}
.djmx-mc-price { font-size: 14px; line-height: 20px; font-weight: 600; white-space: nowrap; }
.djmx-mc-price del { margin-right: 6px; font-weight: 400; color: var(--mc-muted); }
.djmx-mc-price ins { text-decoration: none; }
.djmx-mc .djmx-mc-remove {
	position: absolute;
	top: 14px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: none !important;
	color: #a3adb8 !important;
	font-size: 0;
	line-height: 1;
	text-decoration: none;
	transition: background .15s, color .15s;
}
.djmx-mc .djmx-mc-remove:hover,
.djmx-mc .djmx-mc-remove:focus-visible { background: #fef3f2 !important; color: #d92d20 !important; outline: 0; }
.djmx-mc .djmx-mc-remove::before,
.djmx-mc .djmx-mc-remove::after { content: none !important; }

/* WooCommerce's loading overlay while an item is removed */
.djmx-mc .blockUI.blockOverlay { background: rgba(255, 255, 255, .7) !important; }

/* Footer */
.djmx-mc-foot {
	flex: 0 0 auto;
	padding: 18px 24px 24px;
	border-top: 1px solid var(--mc-line);
	background: #fff;
}
.djmx-mc .djmx-mc-total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	line-height: 22px;
	color: var(--mc-text);
}
.djmx-mc .djmx-mc-total strong { font-size: 18px; font-weight: 600; }
.djmx-mc-note { margin: 4px 0 16px; font-size: 13px; line-height: 18px; color: var(--mc-muted); }
.djmx-mc-buttons { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; }
.djmx-mc .djmx-mc-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid var(--mc-line);
	border-radius: 999px;
	background: #fff;
	box-shadow: none;
	font-family: inherit;
	font-size: 15px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--mc-text);
	text-decoration: none;
	transition: background .15s, border-color .15s, color .15s;
}
.djmx-mc .djmx-mc-btn::before,
.djmx-mc .djmx-mc-btn::after { content: none; }
.djmx-mc .djmx-mc-btn:hover,
.djmx-mc .djmx-mc-btn:focus-visible { border-color: #c4ccd6 !important; background: var(--mc-soft) !important; outline: 0; }
.djmx-mc .djmx-mc-btn--primary {
	border-color: var(--mc-blue) !important;
	background: var(--mc-blue) !important;
	color: #fff !important;
}
.djmx-mc .djmx-mc-btn--primary:hover,
.djmx-mc .djmx-mc-btn--primary:focus-visible { border-color: #333 !important; background: #333 !important; color: #fff !important; }

/* Empty */
.djmx-mc-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	gap: 6px;
	padding: 32px 32px 64px;
	text-align: center;
}
.djmx-mc-empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: var(--mc-soft);
	color: #8a94a3;
}
.djmx-mc-empty-title { margin: 0; font-size: 17px; line-height: 24px; font-weight: 600; color: var(--mc-text); }
.djmx-mc-empty-text { margin: 0 0 18px; font-size: 14px; line-height: 20px; color: var(--mc-muted); }
.djmx-mc-empty .djmx-mc-btn { width: auto; min-width: 200px; }

/* The theme's 3-second "added" message is replaced by the drawer */
.wrish-product-added { display: none !important; }

@media (max-width: 480px) {
	.djmx-mc-panel { width: 100%; }
	.djmx-mc-head { padding: 0 8px 0 16px; }
	.djmx-mc-added { margin: 12px 16px 0; }
	.djmx-mc-body { padding: 4px 16px; }
	.djmx-mc-foot { padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); }
	.djmx-mc-thumb { flex-basis: 72px; width: 72px; height: 72px; }
}

@media (prefers-reduced-motion: reduce) {
	.djmx-mc-backdrop,
	.djmx-mc-panel { transition: none; }
	.djmx-mc-added { animation: none; }
}

/* ══════════════════════════════════════════════════════════════════════
   Phone header, menu and account sheet
   ══════════════════════════════════════════════════════════════════════ */

/**
 * Phone / tablet header (below 992px) and the quick account sheet.
 * Markup: inc/mobile-header.php, script: assets/js/mobile-header.js.
 */

.djmx-mh { display: none; }

@media (max-width: 991px) {
	.bwp-header .header-mobile.djmx-mh {
		display: block;
		height: 56px;
		margin: 0;
		padding: 0;
		border: 0;
		background: #fff;
	}

	.djmx-mh-bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 4px;
		height: 56px;
		padding: 0 4px;
		border-bottom: 0;
		background: #fff;
		box-shadow: 0 1px 4px rgba(17, 17, 17, .08);
		transition: transform .25s ease, box-shadow .25s ease;
	}
	.djmx-mh.is-stuck .djmx-mh-bar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9990;
		box-shadow: 0 1px 6px rgba(17, 17, 17, .1);
	}
	.admin-bar .djmx-mh.is-stuck .djmx-mh-bar { top: 46px; }
	.djmx-mh.is-stuck.is-hidden .djmx-mh-bar { transform: translateY(-110%); box-shadow: none; }

	/* Left: menu + logo */
	.djmx-mh-left { display: flex; align-items: center; gap: 4px; min-width: 0; }
	.djmx-mh-logo { display: flex; align-items: center; min-width: 0; }
	.djmx-mh-logo .wpbingoLogo,
	.djmx-mh-logo a { display: flex; align-items: center; margin: 0; padding: 0; }
	.bwp-header .djmx-mh-logo img {
		display: block;
		width: 135px;
		max-width: none;
		margin: 0;
	}

	/* Icons */
	.djmx-mh-actions { display: flex; align-items: center; flex: 0 0 auto; }
	.bwp-header .djmx-mh .djmx-mh-btn,
	.bwp-header .djmx-mh .navbar-toggle {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		float: none;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: none;
		box-shadow: none;
		color: #1f2328;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.bwp-header .djmx-mh .djmx-mh-btn:active { background: #f5f6f8; }
	.bwp-header .djmx-mh .djmx-mh-btn:focus-visible { outline: 2px solid #0060ef; outline-offset: -2px; }
	.bwp-header .djmx-mh .navbar-toggle::before,
	.bwp-header .djmx-mh .navbar-toggle::after { content: none !important; display: none !important; }
	.bwp-header .djmx-mh .navbar-toggle span { display: none; }

	/* Cart icon (the theme's .mini-cart fragment, restyled) */
	.bwp-header .header-mobile .djmx-mh-cart { margin: 0; padding: 0; }
	.bwp-header .header-mobile .djmx-mh-cart .mini-cart { position: static; margin: 0; padding: 0; float: none; }
	.bwp-header .djmx-mh-cart .mini-cart .cart-icon {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		border-radius: 50%;
		color: #1f2328;
		-webkit-tap-highlight-color: transparent;
	}
	.bwp-header .djmx-mh-cart .mini-cart .cart-icon:active { background: #f5f6f8; }
	.bwp-header .djmx-mh-cart .mini-cart .cart-icon { top: 0; }
	.bwp-header .djmx-mh-cart .mini-cart .icons-cart { position: relative; display: block; width: 24px; height: 24px; margin: 0; padding: 0; }
	.bwp-header .djmx-mh-cart .mini-cart .icons-cart i { display: none; }
	.bwp-header .djmx-mh-cart .mini-cart .icons-cart::before {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h2.2l2.3 10.4a1.6 1.6 0 0 0 1.6 1.3h8.6a1.6 1.6 0 0 0 1.5-1.1l1.8-6.1H5.9'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.2'/%3E%3Ccircle cx='17' cy='19.5' r='1.2'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h2.2l2.3 10.4a1.6 1.6 0 0 0 1.6 1.3h8.6a1.6 1.6 0 0 0 1.5-1.1l1.8-6.1H5.9'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.2'/%3E%3Ccircle cx='17' cy='19.5' r='1.2'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
	}
	.bwp-header .djmx-mh-cart .mini-cart .cart-count {
		/* Top-right corner of the bag (the theme sets left:-13px, which stretched it over the icon) */
		position: absolute;
		top: -7px;
		right: -8px;
		left: auto;
		bottom: auto;
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 20px;
		height: 20px;
		margin: 0;
		padding: 0 4px;
		border: 2px solid #fff;
		border-radius: 999px;
		background: #0060ef;
		box-sizing: border-box; /* 20px circle for 1 digit, a pill for more */
		font-size: 11px;
		line-height: 1;
		font-weight: 600;
		color: #fff;
	}
	.bwp-header .djmx-mh-cart .mini-cart .cart-count:empty,
	.bwp-header .djmx-mh-cart .mini-cart[data-count="0"] .cart-count { display: none; }

	/* The old fixed bottom bar is no longer printed; drop any space kept for it */
	body { padding-bottom: 0; }
}

/* ── Quick account sheet ── */
.djmx-sheet {
	position: fixed;
	inset: 0;
	z-index: 100002;
	font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: #262626;
}
.djmx-sheet[hidden] { display: none; }
html.djmx-sheet-open { overflow: hidden; }
.djmx-sheet-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(17, 17, 17, .4);
	opacity: 0;
	transition: opacity .25s ease;
}
.djmx-sheet-panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 520px;
	margin: 0 auto;
	padding: 14px 20px calc(24px + env(safe-area-inset-bottom));
	border-radius: 16px 16px 0 0;
	background: #fff;
	box-shadow: 0 -12px 40px rgba(17, 17, 17, .15);
	outline: 0;
	transform: translateY(100%);
	transition: transform .28s cubic-bezier(.4, 0, .2, 1);
}
.djmx-sheet.is-open .djmx-sheet-backdrop { opacity: 1; }
.djmx-sheet.is-open .djmx-sheet-panel { transform: none; }
.djmx-sheet-grip {
	display: block;
	width: 40px;
	height: 4px;
	margin: 0 auto 14px;
	border-radius: 999px;
	background: #d5dbe3;
}
.djmx-sheet-close {
	position: absolute;
	top: 14px;
	right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: #6b7682;
	cursor: pointer;
}
.djmx-sheet-close:active { background: #f5f6f8; }
.djmx-sheet .djmx-sheet-title {
	margin: 4px 44px 4px 0;
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	color: #171717;
}
.djmx-sheet .djmx-sheet-sub {
	margin: 0 0 18px;
	font-size: 15px;
	line-height: 22px;
	color: #6b7682;
	overflow-wrap: anywhere;
}

.djmx-sheet-actions { display: flex; flex-direction: column; gap: 10px; }
.djmx-sheet .djmx-sheet-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	border: 1px solid #d5dbe3;
	border-radius: 999px;
	background: #fff;
	font-size: 16px;
	font-weight: 600;
	color: #171717;
	text-decoration: none;
}
.djmx-sheet .djmx-sheet-btn:active { background: #f5f6f8; }
.djmx-sheet .djmx-sheet-btn--primary { border-color: #0060ef; background: #0060ef; color: #fff; }
.djmx-sheet .djmx-sheet-btn--primary:active { border-color: #333; background: #333; }

.djmx-sheet .djmx-sheet-club {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	padding: 12px 14px;
	border-radius: 12px;
	background: #eaf2fe;
	font-size: 15px;
	line-height: 21px;
	font-weight: 500;
	color: #1f2a37;
	text-decoration: none;
}
.djmx-sheet-club img { flex: 0 0 auto; width: 40px; height: auto; }
.djmx-sheet-club span { flex: 1 1 auto; }
.djmx-sheet-club svg { flex: 0 0 auto; color: #0060ef; }

.djmx-sheet-links { margin: 0 0 8px; padding: 0; list-style: none; }
.djmx-sheet-links li { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #eceff3; }
.djmx-sheet .djmx-sheet-links a {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 52px;
	font-size: 16px;
	color: #171717;
	text-decoration: none;
}
.djmx-sheet-links svg { flex: 0 0 auto; color: #6b7682; }
.djmx-sheet .djmx-sheet-logout {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 4px;
	font-size: 15px;
	font-weight: 500;
	color: #d92d20;
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.djmx-mh-bar,
	.djmx-sheet-backdrop,
	.djmx-sheet-panel { transition: none; }
}

/* ── Menu panel (store.dji.com style): under the header, full screen ── */
.djmx-mm[hidden] { display: none; }

@media (max-width: 991px) {
	/* Menu / close icon swap */
	.djmx-mh-menu-btn .djmx-ic-close { display: none; }
	.djmx-mh-menu-btn.is-open .djmx-ic-menu { display: none; }
	.djmx-mh-menu-btn.is-open .djmx-ic-close { display: block; }

	/* While open: header pinned to the top, page behind does not scroll */
	html.djmx-mm-open { overflow: hidden; }
	html.djmx-mm-open .djmx-mh .djmx-mh-bar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9991;
		transform: none;
		box-shadow: 0 1px 0 #eceff3;
	}
	.admin-bar.djmx-mm-open .djmx-mh .djmx-mh-bar,
	html.djmx-mm-open .admin-bar .djmx-mh .djmx-mh-bar { top: 46px; }

	.djmx-mm {
		position: fixed;
		top: 56px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9990;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 0 16px calc(32px + env(safe-area-inset-bottom));
		background: #fff;
		font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
		animation: djmx-mm-in .2s ease;
	}
	.admin-bar .djmx-mm { top: 102px; }
	@keyframes djmx-mm-in { from { opacity: 0; } to { opacity: 1; } }

	.djmx-mm-list,
	.djmx-mm-sub { margin: 0; padding: 0; list-style: none; }
	.djmx-mm-item { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e7eaee; }

	.djmx-mm .djmx-mm-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		min-height: 48px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: none;
		box-shadow: none;
		font-family: inherit;
		font-size: 15px;
		line-height: 22px;
		font-weight: 400;
		letter-spacing: 0;
		text-align: left;
		text-transform: none;
		color: #1f2328;
		text-decoration: none;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.djmx-mm .djmx-mm-row svg { flex: 0 0 auto; color: #1f2328; transition: transform .2s ease; }
	.djmx-mm .djmx-mm-row[aria-expanded="true"] svg { transform: rotate(180deg); }
	.djmx-mm .djmx-mm-row:focus-visible { outline: 2px solid #0060ef; outline-offset: 2px; }

	/* Level 2: series rows with their picture */
	.djmx-mm-sub { padding: 0 0 16px; }
	.djmx-mm-series { margin: 0; padding: 0; list-style: none; }
	.djmx-mm-serie { margin: 0; padding: 0; list-style: none; }
	.djmx-mm .djmx-mm-srow {
		display: flex;
		align-items: center;
		gap: 16px;
		width: 100%;
		min-height: 52px;
		margin: 0;
		padding: 6px 0 6px 16px;
		border: 0;
		border-radius: 0;
		background: none;
		box-shadow: none;
		font-family: inherit;
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		letter-spacing: 0;
		text-align: left;
		text-transform: none;
		color: #1f2328;
		text-decoration: none;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.djmx-mm .djmx-mm-srow.is-static { cursor: default; }
	.djmx-mm-thumb {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
	}
	.djmx-mm-thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
	.djmx-mm-sname { flex: 1 1 auto; min-width: 0; }
	.djmx-mm .djmx-mm-srow svg { flex: 0 0 auto; color: #1f2328; transition: transform .2s ease; }
	.djmx-mm .djmx-mm-srow[aria-expanded="true"] .djmx-mm-chev { transform: rotate(180deg); }
	.djmx-mm .djmx-mm-srow:focus-visible { outline: 2px solid #0060ef; outline-offset: -2px; }

	/* Level 3: grey band with the series' products (swipe sideways) */
	.djmx-mm-level3 {
		margin: 4px -16px 8px;
		padding: 20px 0 18px;
		background: #f6f7f8;
	}
	.djmx-mm-level3.is-flat { margin-top: 0; }
	.djmx-mm-cards {
		display: flex;
		gap: 10px;
		margin: 0;
		padding: 0 16px 4px;
		list-style: none;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 16px;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.djmx-mm-cards::-webkit-scrollbar { display: none; }
	.djmx-mm-cards li { flex: 0 0 42%; max-width: 180px; margin: 0; padding: 0; list-style: none; scroll-snap-align: start; }
	.djmx-mm .djmx-mm-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		height: 100%;
		padding: 14px 10px 14px;
		border-radius: 4px;
		background: #ececec;
		text-align: center;
		color: #1f2328;
		text-decoration: none;
	}
	.djmx-mm-card-img {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		aspect-ratio: 1 / 1;
		margin-bottom: 8px;
	}
	.djmx-mm-card-img img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
	.djmx-mm-card-name {
		display: -webkit-box;
		overflow: hidden;
		font-size: 13px;
		line-height: 18px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.djmx-mm-card-price,
	.djmx-mm-card-price .amount { font-size: 13px; line-height: 18px; font-weight: 600; color: #1f2328; }
	.djmx-mm-card-price del { font-weight: 400; color: #6b7682; }
	.djmx-mm-card-price ins { text-decoration: none; }
	.djmx-mm .djmx-mm-more,
	.djmx-mm .djmx-mm-all {
		display: inline-flex;
		align-items: center;
		gap: 2px;
		font-size: 14px;
		line-height: 20px;
		color: #1f2328;
		text-decoration: none;
	}
	.djmx-mm .djmx-mm-more { margin: 14px 16px 0; }
	.djmx-mm .djmx-mm-all {
		display: flex;
		margin: 6px 0 0 16px;
		padding: 18px 0 2px;
		border-top: 1px solid #e7eaee;
	}
}

/* ══════════════════════════════════════════════════════════════════════
   Product page (group C, from DJI Store México)
   ══════════════════════════════════════════════════════════════════════ */

/* Breadcrumbs (markup: woocommerce/global/breadcrumb.php) */
.djmx-crumbs {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #6b7682;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}
.djmx-crumbs::-webkit-scrollbar { display: none; }
.djmx-crumb {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
}
.djmx-crumb + .djmx-crumb::before {
    content: "/";
    flex: 0 0 auto;
    margin: 0 8px;
    color: #a3adb8;
}
.djmx-crumb a {
    color: #6b7682;
    text-decoration: none;
    transition: color .15s;
}
.djmx-crumb a:hover,
.djmx-crumb a:focus-visible { color: #0060ef; }
.djmx-crumb--current {
    flex: 0 1 auto;
    min-width: 0;
}
.djmx-crumb--current span {
    display: block;
    max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #262626;
}
@media (max-width: 767px) {
    .breadcrumb-noheading .breadcrumb { padding: 16px 0; }
    .djmx-crumb--current span { max-width: 60vw; }
}

@media screen and (min-width: 992px) {
        /* Product page: the gallery column is as wide as the image (+48px gap),
           at most 55%; the details take the rest (text kept to 620px), so on
           shorter screens the spare room ends up at the right, not in the middle.
           The gallery stays in view while the details scroll. */
        .main-single-product .bwp-single-product > .row > .bwp-single-image {
            position: sticky;
            top: 50px;
            flex: 0 0 auto;
            width: min(55%, calc(100vh - 255px + 48px)); /* 255 = header + breadcrumb + 25: the image runs behind the buy bar, its dots/thumbnails stay above it */
            min-width: 468px;
            max-width: 55%;
            height: fit-content;
        }
        .main-single-product .bwp-single-product > .row > .bwp-single-info {
            flex: 1 1 0;
            max-width: none;
            padding-top: 30px;
        }
        .main-single-product .bwp-single-product > .row > .bwp-single-info .summary {
            max-width: 620px;
        }
        /* The (square) image fills the first screen down to its bottom edge;
           48px clear of the details (the grid's column padding is fixed at 8px
           elsewhere) */
        .main-single-product .bwp-single-image .djmx-gal {
            max-width: calc(100% - 48px);
        }

}

/* ==========================================================================
   Product short description (single product + quick view)
   Highlights: 15px / 1.6 with short dash bullets; the line after the
   list (the promo headline) as a soft blue badge; other text one size/colour.
   ========================================================================== */
.single-product .bwp-single-info .description,
.quickview-container .bwp-single-info .description {
    padding-left: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #3b3e40;
}
.single-product .bwp-single-info .description ul,
.quickview-container .bwp-single-info .description ul {
    display: grid;
    gap: 10px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}
.single-product .bwp-single-info .description ul li,
.quickview-container .bwp-single-info .description ul li {
    position: relative;
    margin: 0;
    padding-left: 22px;
    list-style: none;
    font-size: 15px;
    line-height: 1.6;
    color: #262626;
}
.single-product .bwp-single-info .description ul li::before,
.quickview-container .bwp-single-info .description ul li::before {
    content: "";
    position: absolute;
    top: 0.8em; /* middle of the first line */
    left: 2px;
    display: block;
    width: 8px;
    height: 1.5px;
    margin-top: -0.75px;
    border-radius: 1px;
    background: #3b3e40;
}
.single-product .bwp-single-info .description ul li sup,
.quickview-container .bwp-single-info .description ul li sup {
    margin-left: 1px;
    font-size: 10px;
    color: #8a96a3;
}
.single-product .bwp-single-info .description p,
.quickview-container .bwp-single-info .description p {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.6;
    color: #3b3e40;
}
.single-product .bwp-single-info .description p:last-child,
.quickview-container .bwp-single-info .description p:last-child {
    margin-bottom: 0;
}
.single-product .bwp-single-info .description strong,
.quickview-container .bwp-single-info .description strong {
    font-weight: 600;
    color: #111;
}
/* First line after the highlights (e.g. "¡1 Año GRATIS de DJI Care Refresh!"): a badge */
.single-product .bwp-single-info .description ul + p,
.quickview-container .bwp-single-info .description ul + p {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 8px 14px 8px 38px;
    border-radius: 999px;
    background: #eef4ff;
    font-size: 14px;
    line-height: 1.4;
    color: #285ee6;
}
.single-product .bwp-single-info .description ul + p::before,
.quickview-container .bwp-single-info .description ul + p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23285ee6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='4.5' rx='1'/%3E%3Cpath d='M5 12.5V20h14v-7.5M12 8v12M12 8c-1.5-3-5-3.5-5-1.2C7 8 9 8 12 8zm0 0c1.5-3 5-3.5 5-1.2C17 8 15 8 12 8z'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
.single-product .bwp-single-info .description ul + p strong,
.quickview-container .bwp-single-info .description ul + p strong {
    font-weight: 600;
    color: #285ee6;
}

/* ==========================================================================
   Product page: WooCommerce messages (same look as cart / checkout) and
   thumbnail column without the grey strip
   ========================================================================== */
body.single-product .main-single-product .woocommerce-notices-wrapper {
	position: static;
	top: auto;
	max-width: none;
	margin: 0 0 20px;
}
body.single-product .main-single-product .woocommerce-notices-wrapper:empty { margin: 0; }
body.single-product .main-single-product .woocommerce-notices-wrapper > div { max-width: none !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-error,
body.single-product .woocommerce-notices-wrapper .woocommerce-message,
body.single-product .woocommerce-notices-wrapper .woocommerce-info {
	position: relative;
	display: block;
	margin: 0 0 12px !important;
	padding: 14px 18px 14px 50px !important;
	border: 1px solid !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	list-style: none !important;
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	text-transform: none !important;
}
body.single-product .woocommerce-notices-wrapper .woocommerce-error { border-color: #fecdca !important; background: #fef3f2 !important; color: #7a271a !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-message { border-color: #c9d8f5 !important; background: #eef4ff !important; color: #074ebb !important; } /* Success in blue, like the info notice */
body.single-product .woocommerce-notices-wrapper .woocommerce-info { border-color: #c9d8f5 !important; background: #eef4ff !important; color: #1d3b72 !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-error::before,
body.single-product .woocommerce-notices-wrapper .woocommerce-message::before,
body.single-product .woocommerce-notices-wrapper .woocommerce-info::before {
	content: "" !important;
	position: absolute !important;
	top: 15px !important;
	left: 18px !important;
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	border: 0 !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	font-family: inherit !important;
	color: transparent !important;
}
body.single-product .woocommerce-notices-wrapper .woocommerce-error::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d92d20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E") !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-message::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230060ef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16 9.8'/%3E%3C/svg%3E") !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-info::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230060ef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.5h.01'/%3E%3C/svg%3E") !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-error::after,
body.single-product .woocommerce-notices-wrapper .woocommerce-message::after,
body.single-product .woocommerce-notices-wrapper .woocommerce-info::after { content: none !important; }
body.single-product .woocommerce-notices-wrapper li { margin: 0 !important; padding: 0 !important; list-style: none !important; border: 0 !important; background: none !important; color: inherit !important; }
body.single-product .woocommerce-notices-wrapper li::before { content: none !important; }
body.single-product .woocommerce-notices-wrapper a { color: inherit; font-weight: 600; text-decoration: underline; }
body.single-product .woocommerce-notices-wrapper .button {
	float: right;
	margin: -2px 0 0 12px !important;
	padding: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
	background: none !important;
	color: inherit !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	text-transform: none !important;
	text-decoration: underline !important;
	box-shadow: none !important;
}

/* Thumbnail column: no grey strip behind the thumbnails */
body.single-product #image-thumbnail,
body.single-product .image-thumbnail,
body.single-product .image-thumbnail .slick-list,
body.single-product .image-thumbnail .slick-track,
body.single-product .image-thumbnail .slick-slide,
body.single-product #image-thumbnail .img-thumbnails { background: transparent !important; }

/* Pre-sale consent popup ("Aviso de pedido pendiente") — same look as the checkout */
.backorder-model { background: rgba(17, 20, 24, .55); }
.backorder-model .backorder-model-content {
	width: calc(100% - 32px);
	max-width: 420px;
	margin: 12vh auto;
	padding: 28px 24px 24px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 24px 48px rgba(17, 20, 24, .18);
	text-align: center;
	font-family: inherit;
}
.backorder-model .backorder-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: #fffaeb;
	color: #b54708;
}
.backorder-model .backorder-model-content h3 {
	margin: 0 0 8px;
	padding: 0;
	border: 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	color: #3b3e40;
	text-transform: none;
}
.backorder-model .backorder-model-content p { margin: 0 0 16px; font-size: 14px !important; line-height: 21px !important; color: #262626; }
.backorder-model .backorder-model-content .backorder-close {
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 50%;
	color: #5e6e7e;
	font-size: 22px;
	line-height: 32px;
}
.backorder-model .backorder-model-content .backorder-close:hover { background: #f4f5f7; color: #111; }
.backorder-model .backorder-model-content label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid #e3e8ee;
	border-radius: 8px;
	background: #fafbfc;
	font-size: 14px;
	line-height: 20px;
	color: #262626;
	text-align: left;
	cursor: pointer;
}
.backorder-model .backorder-model-content label:has(input:checked) { border-color: #0060ef; background: #eef4ff; }
.backorder-model .backorder-model-content label.is-invalid { border-color: #fda29b; background: #fef3f2; }
.backorder-model .backorder-model-content label input { flex: 0 0 auto; width: 18px; height: 18px; margin: 0; accent-color: #0060ef; }
.backorder-model .backorder-error {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 8px 0 0 !important;
	font-size: 13px;
	line-height: 18px;
	color: #d92d20 !important;
	text-align: left;
}
.backorder-model .backorder-error[hidden] { display: none; }
.backorder-model .backorder-error::before {
	content: "";
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d92d20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
.backorder-model .backorder-model-content button.backorder-btn {
	width: 100%;
	max-width: none;
	min-height: 46px;
	margin-top: 16px;
	padding: 0 20px;
	border-radius: 999px;
	background: #0060ef;
	font-size: 15px;
	font-weight: 600;
	line-height: 46px;
	text-transform: none;
	letter-spacing: 0;
}
.backorder-model .backorder-model-content button.backorder-btn:hover { background: #004fc4 !important; }

/* Product page messages: same centred width as the breadcrumb and product */
body.single-product .main-single-product .woocommerce-notices-wrapper:not(:empty) {
	box-sizing: border-box;
	max-width: 1440px !important;
	margin: 0 auto 20px !important;
	padding: 0 15px;
}

/* Product page: breadcrumb, messages and product area as wide as the header (1340px) */
body.single-product .breadcrumb-noheading .container,
body.single-product .bwp-single-product,
body.single-product .main-single-product .woocommerce-notices-wrapper:not(:empty) { max-width: 1300px; }

/* Product page sections ("En la caja", overview): same width as the header (1340px) */
body.single-product .dji-container { max-width: 1340px; margin-left: auto; margin-right: auto; }


/* Select2 lists (country/state etc.) opened ~32px below the field when the
   WordPress admin bar is showing (logged-in admins only): the body is
   position:relative, so Select2 counts the admin bar offset twice. */
body.admin-bar > .select2-container--open { margin-top: -32px; }
@media screen and (max-width: 782px) {
	body.admin-bar > .select2-container--open { margin-top: -46px; }
}

/* Product page notice with a link button ("Ver carrito"): message on the left,
   a small outlined button with a chevron on the right (under the text on phones). */
body.single-product .woocommerce-notices-wrapper .woocommerce-message:has(.button),
body.single-product .woocommerce-notices-wrapper .woocommerce-info:has(.button) {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
}
body.single-product .woocommerce-notices-wrapper .woocommerce-message .button,
body.single-product .woocommerce-notices-wrapper .woocommerce-info .button {
	float: none;
	order: 2;
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	flex: 0 0 auto;
	margin: 0 0 0 auto !important;
	padding: 0 10px 0 14px !important;
	height: 34px;
	border: 1px solid currentColor !important;
	border-radius: 6px !important;
	background: #fff !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background .15s, color .15s, border-color .15s;
}
body.single-product .woocommerce-notices-wrapper .woocommerce-message .button { background: #0060ef !important; border-color: #0060ef !important; color: #fff !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-info .button { color: #0060ef !important; border-color: #b2ccff !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-message .button:hover,
body.single-product .woocommerce-notices-wrapper .woocommerce-message .button:focus-visible { background: #333333 !important; border-color: #333333 !important; color: #fff !important; }
body.single-product .woocommerce-notices-wrapper .woocommerce-info .button:hover,
body.single-product .woocommerce-notices-wrapper .woocommerce-info .button:focus-visible { background: #0060ef !important; border-color: #0060ef !important; color: #fff !important; }
/* Chevron in the text colour (replaces the theme's icon-font arrow) */
body.single-product .woocommerce-notices-wrapper .button.wc-forward::before { content: none !important; display: none !important; }
body.single-product .woocommerce-notices-wrapper .button.wc-forward::after {
	content: "" !important;
	position: static !important;
	top: auto !important;
	width: 16px;
	height: 16px;
	margin: 0 !important;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
	font-family: inherit !important;
}
@media (min-width: 601px) {
	/* One row: keep the status icon level with the text and button */
	body.single-product .woocommerce-notices-wrapper .woocommerce-message:has(.button)::before,
	body.single-product .woocommerce-notices-wrapper .woocommerce-info:has(.button)::before { top: 50% !important; transform: translateY(-50%); }
}
@media (max-width: 600px) {
	body.single-product .woocommerce-notices-wrapper .woocommerce-message .button,
	body.single-product .woocommerce-notices-wrapper .woocommerce-info .button { margin: 0 !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   Product page gallery
   ══════════════════════════════════════════════════════════════════════ */

/**
 * Product page gallery (DJI Store style): large image, round prev/next arrows
 * and the thumbnails inside the image along the bottom.
 * Markup: woocommerce/single-product/content-image/zoom.php
 * Script: assets/js/product-gallery.js (inc/woocommerce/product-gallery.php)
 */

.djmx-gal,
.djmx-gal .woocommerce-product-gallery {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

.djmx-gal-stage {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	background: #f5f6f8;
	user-select: none;
	-webkit-user-select: none;
}
/* Hairline on top of the photo so white-background images keep an edge */
.djmx-gal-stage::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 3;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .08);
	pointer-events: none;
}

.djmx-gal-main,
.djmx-gal .woocommerce-product-gallery__image {
	width: 100%;
	height: 100%;
	margin: 0;
}
.djmx-gal .djmx-gal-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
}

/* Slide to the previous / next image (assets/js/product-gallery.js) */
.djmx-gal-main { position: relative; }
.djmx-gal .djmx-gal-incoming {
	position: absolute;
	inset: 0;
	z-index: 1;
}
.djmx-gal .djmx-gal-img.is-sliding {
	transition: transform .45s cubic-bezier(.4, 0, .2, 1);
	will-change: transform;
}

/* Prev / next */
.djmx-gal-arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(17, 17, 17, 0.13);
	color: #fff;
	cursor: pointer;
	transform: translateY(-50%);
	transition: background .15s, opacity .15s;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.djmx-gal-arrow:hover { background: rgba(17, 17, 17, .5); }
.djmx-gal-arrow:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.djmx-gal-arrow svg { display: block; width: 20px; height: 20px; }
.djmx-gal-prev { left: 24px; }
.djmx-gal-next { right: 24px; }

/* Pagination inside the image, centred along the bottom: small dots that
   turn into thumbnails while the pointer is over the image (as on store.dji.com). */
.djmx-gal-thumbs {
	position: absolute;
	left: 50%;
	bottom: 24px;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: calc(100% - 48px);
	padding: 8px 12px;
	overflow-x: auto;
	border-radius: 999px;
	background: rgba(17, 17, 17, .28);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	transform: translateX(-50%);
	scrollbar-width: none;
	scroll-behavior: smooth;
	transition: padding .25s ease, background .25s ease, border-radius .25s ease;
}
.djmx-gal-thumbs::-webkit-scrollbar { display: none; }

.djmx-gal-thumb {
	position: relative;
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .55);
	cursor: pointer;
	transition: width .25s ease, height .25s ease, border-radius .25s ease, background .2s, opacity .2s, box-shadow .2s;
}
.djmx-gal-thumb.is-active { width: 20px; background: #fff; }
.djmx-gal-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border-radius: 0;
	opacity: 0;
	transition: opacity .2s ease;
}
.djmx-gal-thumb:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* Expanded: thumbnails */
@media (hover: hover) {
	.djmx-gal-stage:hover .djmx-gal-thumbs,
	.djmx-gal-thumbs:has(:focus-visible) {
		padding: 2px;
		border-radius: 0;
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
	.djmx-gal-stage:hover .djmx-gal-thumbs .djmx-gal-thumb,
	.djmx-gal-thumbs:has(:focus-visible) .djmx-gal-thumb {
		width: 52px;
		height: 52px;
		border-radius: 6px;
		background: #fff;
		box-shadow: 0 0 0 1px rgba(17, 17, 17, .12), 0 2px 6px rgba(17, 17, 17, .08); /* visible on white photos too */
		opacity: .6;
	}
	.djmx-gal-stage:hover .djmx-gal-thumbs .djmx-gal-thumb img,
	.djmx-gal-thumbs:has(:focus-visible) .djmx-gal-thumb img { opacity: 1; }
	.djmx-gal-stage:hover .djmx-gal-thumb:hover { opacity: .9; }
	.djmx-gal-stage:hover .djmx-gal-thumbs .djmx-gal-thumb.is-active,
	.djmx-gal-thumbs:has(:focus-visible) .djmx-gal-thumb.is-active {
		opacity: 1;
		box-shadow: 0 0 0 1px rgba(17, 17, 17, .6), inset 0 0 0 2px #fff;
	}
}

/* 360° viewer button stays above the image */
.djmx-gal .wrish-360-button { z-index: 4; }

@media (max-width: 767px) {
	.djmx-gal-arrow { width: 36px; height: 36px; }
	.djmx-gal-arrow svg { width: 18px; height: 18px; }
	.djmx-gal-prev { left: 10px; }
	.djmx-gal-next { right: 10px; }
	.djmx-gal-thumbs { bottom: 12px; gap: 10px; max-width: calc(100% - 24px); padding: 7px 12px; }
	.djmx-gal-thumb { width: 8px; height: 8px; }
	.djmx-gal-thumb.is-active { width: 20px; }
}

/* ══════════════════════════════════════════════════════════════════════
   Product options: variations as buttons (assets/js/product-options.js).
   The WooCommerce selects stay in the form, visually hidden.
   ══════════════════════════════════════════════════════════════════════ */

.single-product form.variations_form table.variations,
.single-product form.variations_form table.variations tbody {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
}
.single-product form.variations_form table.variations tr {
	display: block;
	margin: 0 0 22px;
}
.single-product form.variations_form table.variations td {
	display: block;
	width: auto;
	padding: 0;
	border: 0;
	background: none;
}
.single-product form.variations_form table.variations td.label {
	margin: 0 0 10px;
}
.single-product form.variations_form table.variations td.label label {
	margin: 0;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: none;
	color: #262626;
}
.djmx-opt-chosen {
	font-weight: 400;
	color: #5e6e7e;
}
.single-product form.variations_form.djmx-has-options select.djmx-opt-select {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	pointer-events: none;
}

.djmx-opts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.djmx-opt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 56px;
	height: 44px;
	margin: 0;
	padding: 0 18px;
	border: 1px solid #d5dbe3;
	border-radius: 10px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #262626;
	cursor: pointer;
	transition: border-color .15s, box-shadow .15s, color .15s, background .15s;
}
.djmx-opt:hover { border-color: #262626; }
.djmx-opt:focus-visible { outline: 2px solid #0060ef; outline-offset: 2px; }
.djmx-opt.is-selected {
	border-color: #0060ef;
	background: #f5f9ff;
	box-shadow: inset 0 0 0 1px #0060ef;
	font-weight: 600;
	color: #0060ef;
}
.djmx-opt.is-unavailable {
	border-color: #e7eaee;
	background: #f5f6f8;
	color: #a3adb8;
	text-decoration: line-through;
	cursor: not-allowed;
}
.djmx-opt-swatch {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .18);
}
.djmx-opt.is-unavailable .djmx-opt-swatch { opacity: .4; }

.single-product form.variations_form .reset_variations {
	display: inline-block;
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.4;
	color: #5e6e7e;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.single-product form.variations_form .reset_variations:hover { color: #262626; }

/* Price / stock of the chosen variation */
.single-product form.variations_form .single_variation:not(:empty) { margin: 0 0 18px; }
.single-product form.variations_form .woocommerce-variation-price .price { font-size: 22px; font-weight: 600; color: #262626; }


/* ══════════════════════════════════════════════════════════════════════
   Product page: gallery + details (DJI Store style). Gallery stickiness:
   ".main-single-product .bwp-single-image" above; options and buttons:
   "Product options" section; checklist: "Product short description".
   ══════════════════════════════════════════════════════════════════════ */

.single-product .bwp-single-info .summary {
	position: relative;
	color: #262626;
}
/* Wishlist + share: stacked rounded squares on the top right of the product
   image (markup: djimx_gallery_actions in product-single.php) */
.djmx-gal-actions {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 5;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.djmx-gal-actions .woosw-btn,
.djmx-gal-share {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 14px;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 2px 10px rgba(17, 17, 17, .1);
	font-size: 0;
	color: #262626;
	cursor: pointer;
	transition: background .15s, transform .15s;
}
.djmx-gal-actions .woosw-btn:hover,
.djmx-gal-share:hover { background: #fff; transform: scale(1.05); }
.djmx-gal-actions .woosw-btn:focus-visible,
.djmx-gal-share:focus-visible { outline: 2px solid #285ee6; outline-offset: 2px; }
/* Heart with a plus (not saved) / filled red heart (saved) */
.djmx-gal-actions .woosw-btn::before {
	content: "";
	position: static;
	width: 24px;
	height: 24px;
	margin: 0;
	border: 0;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.6 19.4 12 20s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 7.3a4.2 4.2 0 0 1 7.5 2.5c0 .9-.2 1.7-.5 2.5'/%3E%3Cpath d='M18 15v6M15 18h6'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.6 19.4 12 20s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 7.3a4.2 4.2 0 0 1 7.5 2.5c0 .9-.2 1.7-.5 2.5'/%3E%3Cpath d='M18 15v6M15 18h6'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
}
.djmx-gal-actions .woosw-btn::after { display: none; }
.djmx-gal-actions .woosw-btn.woosw-added,
.djmx-gal-actions .woosw-btn.woosw-btn-added { color: #e5484d; }
.djmx-gal-actions .woosw-btn.woosw-added::before,
.djmx-gal-actions .woosw-btn.woosw-btn-added::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 7.3a4.2 4.2 0 0 1 7.5 2.5C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 7.3a4.2 4.2 0 0 1 7.5 2.5C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E");
}
.djmx-gal-share svg { display: block; }
/* "¡Enlace copiado!" bubble when the link was copied (no share sheet) */
.djmx-gal-share.is-copied::after {
	content: attr(data-tip);
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	padding: 6px 10px;
	border-radius: 8px;
	background: #111;
	font-size: 13px;
	line-height: 1.3;
	color: #fff;
	white-space: nowrap;
	transform: translateY(-50%);
}
@media (max-width: 767px) {
	.djmx-gal-actions { top: 12px; right: 12px; gap: 8px; }
	.djmx-gal-actions .woosw-btn,
	.djmx-gal-share { width: 42px; height: 42px; border-radius: 12px; }
}
.single-product .bwp-single-info .product_title,
.quickview-container .bwp-single-info .product_title {
	margin: 0 0 14px;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.02em;
	text-transform: none;
	color: #111;
}

/* Price: current price first, the old one struck through after it, discount pill */
.single-product .bwp-single-info .price-single,
.quickview-container .bwp-single-info .price-single {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin:0;
	padding: 0 0 24px;
	border:0;
}
.single-product .bwp-single-info .price-single .price,
.quickview-container .bwp-single-info .price-single .price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 10px;
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: #111;
}
.single-product .bwp-single-info .price-single .price .woocommerce-Price-amount,
.quickview-container .bwp-single-info .price-single .price .woocommerce-Price-amount {
	font-weight: 600;
}
.single-product .bwp-single-info .price-single .price del,
.quickview-container .bwp-single-info .price-single .price del {
	order: 2;
	font-size: 18px;
	font-weight: 400;
	color: #8a96a3;
	opacity: 1;
}
.single-product .bwp-single-info .price-single .price del .woocommerce-Price-amount,
.quickview-container .bwp-single-info .price-single .price del .woocommerce-Price-amount {
	font-weight: 400;
	color: inherit;
}
.single-product .bwp-single-info .price-single .price ins,
.quickview-container .bwp-single-info .price-single .price ins {
	text-decoration: none;
}
.single-product .bwp-single-info .product-lable:empty,
.single-product .bwp-single-info .product-lable:not(:has(*)) {
	display: none;
}
.single-product .bwp-single-info .product-lable .onsale,
.quickview-container .bwp-single-info .product-lable .onsale {
	position: static;
	display: inline-flex;
	align-items: center;
	height: 26px;
	min-width: 0;
	margin: 0;
	padding: 0 10px;
	border-radius: 999px;
	border: 0;
	background: #fef3f2;
	box-shadow: none;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	color: #d92d20;
}
.single-product .bwp-single-info .product-lable .onsale::before,
.single-product .bwp-single-info .product-lable .onsale::after { content: none; }
/* Sold one per order: WooCommerce hides the quantity input, so hide its empty box too */
.single-product .bwp-single-info form.cart .quantity:has(input[type="hidden"]) { display: none; }

/* Spacing rhythm of the blocks under the price */
.single-product .bwp-single-info .omr-earn-stripe { margin: 0 0 24px; }
.single-product .bwp-single-info .description { margin: 0 0 20px; padding-bottom: 0; }
/* Stock status above the title (product-single.php); the copy under the options is replaced by it */
.single-product form.variations_form .woocommerce-variation-availability { display: none; }
.single-product .bwp-single-info .djmx-pdp-stock p.stock {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
}
.single-product .bwp-single-info .djmx-pdp-stock p.stock::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
}
.single-product .bwp-single-info .djmx-pdp-stock p.stock.in-stock { color: #067647; }
.single-product .bwp-single-info .djmx-pdp-stock p.stock.available-on-backorder { color: #b54708; }
.single-product .bwp-single-info .djmx-pdp-stock p.stock.out-of-stock { color: #b42318; }
.single-product .bwp-single-info kueskipay-widget { display: block; margin: 0 0 16px; }


@media (max-width: 767px) {
	.single-product .bwp-single-info .product_title,
	.quickview-container .bwp-single-info .product_title {
		font-size: 24px;
		line-height: 1.3;
	}
	.single-product .bwp-single-info .price-single .price,
	.quickview-container .bwp-single-info .price-single .price { font-size: 24px; }
	.single-product .bwp-single-info .price-single .price del,
	.quickview-container .bwp-single-info .price-single .price del { font-size: 16px; }
}


/* Product page buttons (DJI Store): quantity · "Añadir al carro" (light) ·
   "Comprar" (solid), in one row. The buy bar repeats them once scrolled past.
   The theme wraps quantity + add to cart (simple) or puts them in
   .woocommerce-variation-add-to-cart (variable); display: contents lets them
   all line up in the same row. */
.single-product .product .bwp-single-info .entry-summary form.cart:not(.variations_form),
.single-product .product .bwp-single-info form.variations_form.cart .single_variation_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
/* (beats the theme's 6-class rules that make these wrappers flex boxes) */
.single-product .product .bwp-single-info .entry-summary form.cart .quantity-button,
.single-product .product .bwp-single-info form.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
	display: contents;
}
.single-product .bwp-single-info form.variations_form .single_variation { flex: 0 0 100%; }
/* Quantity: − 1 + stepper before the buttons (the theme prints + before −
   and positions them absolutely; here they sit in a row). The parent theme
   forces a 2px border with !important, so the border carries it too. */
.single-product .bwp-single-info form.cart .quantity {
	order: 1;
	position: static;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	height: 48px;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #d5dbe3 !important;
	border-radius: 6px;
	background: #fff;
}
.single-product .bwp-single-info form.cart .quantity input.qty {
	order: 2;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 16px;
	font-weight: 600;
	color: #111;
	text-align: center;
	-moz-appearance: textfield;
}
.single-product .bwp-single-info form.cart .quantity button.minus,
.single-product .bwp-single-info form.cart .quantity button.plus {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: none;
	font-size: 0;
	line-height: 1;
	color: #262626;
	cursor: pointer;
	transition: background .15s;
}
.single-product .bwp-single-info form.cart .quantity button.minus { order: 1; }
.single-product .bwp-single-info form.cart .quantity button.plus { order: 3; }
.single-product .bwp-single-info form.cart .quantity button:hover { background: #f5f6f8; color: #111; }
.single-product .bwp-single-info form.cart .quantity button::before {
	content: "";
	position: static; /* the theme nudges these icons 4px down */
	top: auto;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	font-family: inherit;
	background: currentColor;
}
.single-product .bwp-single-info form.cart .quantity button.minus::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") center / 16px 16px no-repeat; }
.single-product .bwp-single-info form.cart .quantity button.plus::before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 16px 16px no-repeat; }
.single-product .bwp-single-info form.cart .single_add_to_cart_button.button,
.single-product .bwp-single-info form.cart .button.quick-buy {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 0;
	min-width: 0;
	height: 48px;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 6px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	box-shadow: none;
	transition: background .15s, color .15s;
}
.single-product .bwp-single-info form.cart .single_add_to_cart_button.button {
	order: 2;
	background: #e3eafc;
	color: #285ee6;
}
.single-product .bwp-single-info form.cart .single_add_to_cart_button.button:hover { background: #d2ddfa; color: #285ee6; }
.single-product .bwp-single-info form.cart .button.quick-buy {
	order: 3;
	background: #285ee6;
	color: #fff;
}
.single-product .bwp-single-info form.cart .button.quick-buy:hover { background: #1f4fcc; color: #fff; }

/* Cart icon on "Añadir al carro" (page button and buy bar) */
.single-product .bwp-single-info form.cart .single_add_to_cart_button.button::before,
.djmx-buybar-btn--cart::before {
	content: "";
	display: block;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3.5h2.6l2.4 11.2a1.6 1.6 0 0 0 1.6 1.3h8.6a1.6 1.6 0 0 0 1.6-1.2L21 7.5H6'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3.5h2.6l2.4 11.2a1.6 1.6 0 0 0 1.6 1.3h8.6a1.6 1.6 0 0 0 1.6-1.2L21 7.5H6'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

/* Until a variation is chosen both buttons are inactive */
.single-product .bwp-single-info form.cart .single_add_to_cart_button.button.disabled,
.single-product .bwp-single-info form.cart .single_add_to_cart_button.button.wc-variation-selection-needed,
.single-product .bwp-single-info form.cart .button.quick-buy.disabled {
	background: #eef1f5;
	color: #a3adb8;
	opacity: 1;
	cursor: not-allowed;
}

/* ══════════════════════════════════════════════════════════════════════
   Buy bar (product pages, DJI Store style): delivery promise, price and the
   two buttons, shown while the page's own buttons are off screen (the bar
   clicks them).
   Markup: djimx_pdp_buybar(); script: assets/js/product-buybar.js
   ══════════════════════════════════════════════════════════════════════ */


.djmx-buybar {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	border-top: 1px solid #e7eaee;
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 -8px 24px rgba(17, 17, 17, .06);
	transform: translateY(110%);
	transition: transform .25s ease;
}
.djmx-buybar[hidden] { display: none; }
.djmx-buybar.is-visible { transform: none; }
.djmx-buybar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	max-width: 1340px;
	margin: 0 auto;
	padding: 14px 15px calc(14px + env(safe-area-inset-bottom));
}

/* Left: delivery */
.djmx-buybar-ship {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	color: #262626;
}
.djmx-buybar-ship svg { flex: 0 0 24px; color: #6b7682; }
.djmx-buybar-ship-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.4; }
.djmx-buybar-ship-text b { font-size: 16px; font-weight: 600; }
.djmx-buybar-eta { font-size: 14px; color: #5e6e7e; }

/* Right: price, tax note, buttons */
.djmx-buybar-buy {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}
.djmx-buybar-choice { margin-right: 8px; font-size: 14px; color: #5e6e7e; }
.djmx-buybar-choice:empty { display: none; }
.djmx-buybar-price {
	font-size: 22px;
	font-weight: 600;
	color: #111;
	white-space: nowrap;
}
.djmx-buybar-price del { margin-right: 6px; font-size: 15px; font-weight: 400; color: #8a96a3; }
.djmx-buybar-price ins { text-decoration: none; }
.djmx-buybar-price .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.djmx-buybar-tax { margin: 0 16px 0 2px; font-size: 13px; color: #8a96a3; white-space: nowrap; }
.djmx-buybar-actions { display: flex; flex: 0 0 auto; gap: 10px; }
.djmx-buybar-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 168px;
	height: 48px;
	margin: 0;
	padding: 0 24px;
	border: 0;
	border-radius: 6px;
	font-family: inherit;
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition: background .15s;
}
.djmx-buybar-btn[hidden] { display: none; }
.djmx-buybar-btn--cart { background: #e3eafc; color: #285ee6; }
.djmx-buybar-btn--cart:hover { background: #d2ddfa; }
.djmx-buybar-btn--buy { background: #285ee6; color: #fff; }
.djmx-buybar-btn--buy:hover { background: #1f4fcc; }
.djmx-buybar-btn:focus-visible { outline: 2px solid #285ee6; outline-offset: 2px; }

/* Room for the bar at the end of the page; back-to-top moves above it */
body.djmx-buybar-on { padding-bottom: 77px; }
body.djmx-buybar-on .back-top { bottom: 96px; transition: bottom .25s ease; }
/* Drawers and full-screen panels cover the bar */
html.djmx-mc-open .djmx-buybar,
html.djmx-search-open .djmx-buybar,
html.djmx-mm-open .djmx-buybar,
html.djmx-sheet-open .djmx-buybar { transform: translateY(110%); }

/* "Choose your options first": brief highlight when the bar is used too early */
.single-product form.variations_form table.variations.djmx-needs-choice { animation: djmx-needs-choice 1.2s ease; border-radius: 12px; }
@keyframes djmx-needs-choice {
	0%, 100% { box-shadow: 0 0 0 0 rgba(40, 94, 230, 0); }
	20%, 60% { box-shadow: 0 0 0 8px rgba(40, 94, 230, .15); }
}

@media (max-width: 991px) {
	.djmx-buybar-ship { display: none; }
	.djmx-buybar-buy { flex: 1 1 auto; justify-content: flex-end; }
}
@media (max-width: 767px) {
	.djmx-buybar-inner { padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); }
	.djmx-buybar-choice, .djmx-buybar-tax { display: none; }
	.djmx-buybar-price { font-size: 18px; margin-right: 4px; }
	.djmx-buybar-actions { flex: 1 1 auto; gap: 8px; }
	.djmx-buybar-btn { flex: 1 1 0; min-width: 0; padding: 0 12px; font-size: 16px; }
	body.djmx-buybar-on { padding-bottom: 69px; }
	body.djmx-buybar-on .back-top { bottom: 84px; }
}

@media (prefers-reduced-motion: reduce) {
	.djmx-buybar { transition: none; }
	.single-product form.variations_form table.variations.djmx-needs-choice { animation: none; }
}
@media (max-width: 767px) {
	.single-product .bwp-single-info form.cart .quantity { padding: 0 2px; }
	.single-product .bwp-single-info form.cart .quantity input.qty { width: 30px; }
	.single-product .bwp-single-info form.cart .quantity button.minus,
	.single-product .bwp-single-info form.cart .quantity button.plus { width: 32px; height: 32px; }
	.single-product .bwp-single-info form.cart .single_add_to_cart_button.button,
	.single-product .bwp-single-info form.cart .button.quick-buy { padding: 0 8px; font-size: 15px; }
	/* No room for the cart icon beside the text on phones */
	.single-product .bwp-single-info form.cart .single_add_to_cart_button.button::before,
	.djmx-buybar-btn--cart::before { content: none; }
}

/* Product info accordion under the buy buttons (djimx_pdp_info_tabs) */
.djmx-info-acc {
	margin: 28px 0 8px;
	border-top: 1px solid #eef0f3;
}
.djmx-info-item { border-bottom: 1px solid #eef0f3; }
.djmx-info-head { margin: 0; font-size: inherit; line-height: inherit; }
.djmx-info-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 64px;
	margin: 0;
	padding: 16px 0;
	border: 0;
	background: none;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	color: #3b3e40;
	cursor: pointer;
	transition: color .15s;
}
.djmx-info-toggle:hover,
.djmx-info-toggle[aria-expanded="true"] { color: #111; }
.djmx-info-toggle:focus-visible { outline: 2px solid #285ee6; outline-offset: 2px; }
/* + that turns into − */
.djmx-info-sign {
	position: relative;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
}
.djmx-info-sign::before,
.djmx-info-sign::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 1.5px;
	margin-top: -0.75px;
	background: currentColor;
	transition: transform .2s ease;
}
.djmx-info-sign::after { transform: rotate(90deg); }
.djmx-info-toggle[aria-expanded="true"] .djmx-info-sign::after { transform: rotate(0deg); }
.djmx-info-body[hidden] { display: none; }
.djmx-info-inner { padding: 0 0 20px; animation: djmx-info-in .2s ease; }
@keyframes djmx-info-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.djmx-info-inner ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.djmx-info-html { font-size: 15px; line-height: 1.6; color: #3b3e40; }
.djmx-info-html p { margin: 0 0 10px; }
.djmx-info-html p:last-child { margin-bottom: 0; }
.djmx-info-html strong, .djmx-info-html b { font-weight: 600; color: #111; }
.djmx-info-html ul { display: grid; gap: 12px; margin: 0 0 12px; padding: 0; list-style: none; }
.djmx-info-html ul:last-child { margin-bottom: 0; }
.djmx-info-html li { margin: 0; }
.djmx-info-html a { font-weight: 600; color: #285ee6; text-decoration: none; }
.djmx-info-html a:hover { text-decoration: underline; }
.djmx-info-inner li { margin: 0; font-size: 15px; line-height: 1.55; color: #3b3e40; }
@media (max-width: 767px) {
	.djmx-info-toggle { min-height: 56px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
	.djmx-info-inner { animation: none; }
	.djmx-info-sign::after { transition: none; }
}

/* Spain: the store's longer button labels ("Añadir al carrito", "Comprar ahora")
   and the quantity stepper do not fit on one phone-width line: stepper on its
   own line, the two buttons share the full width below. */
@media (max-width: 480px) {
	.single-product .bwp-single-info form.cart .quantity:not(:has(input[type="hidden"])) { margin-right: calc(100% - 100px); }
}

/* ══════════════════════════════════════════════════════════════════════
   Account, wishlist, 404 and blog (group E, from DJI Store México)
   ══════════════════════════════════════════════════════════════════════ */

/* DJI Blog - Single */
 .content-image-single {
    margin-left: auto !important;
	margin-right: auto !important;
    max-width: 1055px;
}
.post-single .post-content {
    margin-bottom: 0;
    font-size: 16px;
    COLOR: #000;
}
.category-blog {
    font-size: 16px;
    color: #000;
}
.category-blog p {
    font-size: 16px;
    color: #000;
}
.category-blog ul {
    padding-left: 20px;
    padding-bottom: 20px;
}

/* Blog */
.wp-singular .content-image-single .entry-title {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.4;
}

.my-account .bwp-title {
    display: none;
}
.woocommerce-account:not(.logged-in) .bwp-main {
    background: url('../images/Secure-bg.jpg') no-repeat center center;
    background-size: cover;
}

/* ==========================================================================
   Form fields: 6px corners on every form (contact, account, login, forms
   added with plugins). Not changed: checkboxes, radios, buttons, the header
   search box and product quantity boxes (designed as one combined shape).
   ========================================================================== */
input[type="text"]:not(.qty),
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"]:not(.qty),
input[type="search"],
input[type="url"],
input[type="date"],
input.input-text:not(.qty),
select,
textarea,
.select2-container .select2-selection,
.select2-container--open .select2-dropdown {
	border-radius: 6px !important;
}
.bwp-header input,
.bwp-header select,
.search-box input,
.search-from input,
.quantity input {
	border-radius: 0;
}

/* ══════════════════════════════════════════════════════════════════════
   Wishlist (WPC Smart Wishlist): public page and My Account tab
   Texts: inc/woocommerce/wishlist.php. The parent theme sets some of these
   with !important (cell padding, image size, button spacing), so only those
   carry !important here.
   ══════════════════════════════════════════════════════════════════════ */

.woosw-list {
	--ws-text: #262626;
	--ws-muted: #6b7682;
	--ws-line: #e7eaee;
	--ws-soft: #f5f6f8;
	--ws-blue: #0060ef;
	max-width: 960px;
	margin: 0 auto;
	font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--ws-text);
}
.omr-acct-main .woosw-list { max-width: none; }

.woosw-list table.woosw-items,
.woosw-list table.woosw-items tbody {
	display: block;
	margin: 0;
	border: 0;
}
.woosw-list table.woosw-items .woosw-item {
	position: relative;
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	margin: 0 0 12px;
	padding: 16px 52px 16px 16px;
	border: 1px solid var(--ws-line);
	border-radius: 14px;
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
.woosw-list table.woosw-items .woosw-item:hover {
	border-color: #d5dbe3;
	box-shadow: 0 4px 16px rgba(17, 17, 17, .06);
}
.woosw-list table.woosw-items .woosw-item td {
	display: block;
	width: auto;
	padding: 0 !important;
	border: 0;
	background: none !important;
}

/* Remove (×), top right */
.woosw-list table.woosw-items .woosw-item .woosw-item--remove {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	flex: none;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--remove span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: #a3adb8;
	transition: background .15s, color .15s;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--remove span:hover {
	background: #fef3f2;
	color: #d92d20;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--remove span::before {
	font-size: 14px;
	color: inherit;
}

/* Picture */
.woosw-list table.woosw-items .woosw-item .woosw-item--image a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	height: 96px;
	padding: 8px;
	border-radius: 12px;
	background: var(--ws-soft);
	overflow: hidden;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--image img {
	width: 100% !important;
	height: 100%;
	border: 0 !important;
	border-radius: 0 !important;
	object-fit: contain;
	mix-blend-mode: multiply;
}

/* Name, price, date */
.woosw-list .woosw-item--info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--name a {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--ws-text);
	text-decoration: none;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--name a:hover { color: var(--ws-blue); }
.woosw-list .woosw-items .woosw-item--price {
	font-size: 16px;
	font-weight: 600;
	color: var(--ws-text);
}
.woosw-list .woosw-items .woosw-item--price del {
	margin-right: 6px;
	font-size: 14px;
	font-weight: 400;
	color: var(--ws-muted);
}
.woosw-list .woosw-items .woosw-item--price ins .woocommerce-Price-amount { color: inherit; }
.woosw-list .woosw-items .woosw-item--time {
	font-size: 13px;
	color: var(--ws-muted);
}

/* Stock + add to cart */
.woosw-list table.woosw-items .woosw-item .woosw-item--actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	width: auto;
	padding: 0 !important; /* parent forces 15px !important on phones */
	border: 0;
}
.woosw-list .woosw-item--stock p.stock {
	display: inline-block;
	margin: 0;
	padding: 3px 10px;
	border-radius: 999px;
	background: #ecfdf3;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	color: #067647;
}
.woosw-list .woosw-item--stock p.out-of-stock {
	background: #fef3f2;
	color: #b42318;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--atc p,
.woosw-list table.woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	margin: 0;
	padding: 0;
	border: 0;
}
.woosw-list .woosw-items .woosw-item--atc a.button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0;
	border-radius: 999px;
	background: var(--ws-blue);
	font-size: 14px !important;
	font-weight: 600;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
	color: #fff;
	transition: background .15s;
}
.woosw-list .woosw-items .woosw-item--atc a.button:hover { background: #333; color: #fff; }
.woosw-list .woosw-items .woosw-item--atc a.loading::before { top: calc(50% - 8px); left: calc(50% - 8px); }

/* Share link */
.woosw-list .woosw-actions {
	margin-top: 20px;
}
.woosw-list .woosw-copy {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 14px;
	background: var(--ws-soft);
}
.woosw-list .woosw-copy-label {
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 600;
}
.woosw-list .woosw-copy .woosw-copy-url {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
}
.woosw-list .woosw-copy-url input {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--ws-line);
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	color: var(--ws-muted);
}
.woosw-list .woosw-copy-btn .button {
	height: 40px;
	margin: 0;
	padding: 0 22px;
	border: 1px solid var(--ws-text);
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-transform: none;
	color: var(--ws-text);
	transition: background .15s, color .15s;
}
.woosw-list .woosw-copy-btn .button:hover { background: #333; border-color: #333; color: #fff; }

@media (max-width: 620px) {
	.woosw-list table.woosw-items .woosw-item {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 12px 14px;
		padding: 14px 44px 14px 14px;
	}
	.woosw-list table.woosw-items .woosw-item .woosw-item--remove { top: 8px; right: 8px; }
	.woosw-list table.woosw-items .woosw-item .woosw-item--image a { width: 72px; height: 72px; }
	.woosw-list table.woosw-items .woosw-item .woosw-item--actions {
		grid-column: 1 / -1;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}
	.woosw-list .woosw-copy { flex-wrap: wrap; }
	.woosw-list .woosw-copy-label { width: 100%; }
}

/* Wishlist panel (opens after "Agregar a la lista de deseos"): right-side
   drawer styled like the cart drawer. The parent theme and the plugin force
   the box width and top offset with !important, so those two carry it here. */
.woosw-popup.woosw-popup-right {
	--ws-text: #262626;
	--ws-muted: #6b7682;
	--ws-line: #e7eaee;
	--ws-soft: #f5f6f8;
	--ws-blue: #0060ef;
	background: rgba(17, 17, 17, .4);
	font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--ws-text);
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content,
.woosw-popup.woosw-popup-right.woosw-show .woosw-popup-inner .woosw-popup-content {
	top: 0 !important;
	width: 420px;
	max-width: 100% !important;
	height: 100%;
	max-height: none;
	border-radius: 0;
	box-shadow: -16px 0 40px rgba(17, 17, 17, .12);
	transition: transform .28s cubic-bezier(.4, 0, .2, 1);
}

/* Header: title + count, round close */
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	height: 64px;
	padding: 0 16px 0 24px;
	border-bottom: 1px solid var(--ws-line);
	background: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	text-transform: none;
	color: var(--ws-text);
}
.woosw-popup.woosw-popup-right .woosw-popup-content-top::before { content: none; }
.woosw-popup.woosw-popup-right .woosw-popup-content-top .woosw-name { text-transform: none; }
.woosw-popup.woosw-popup-right .woosw-popup-content-top .woosw-count-wrapper {
	margin-right: auto;
	font-weight: 400;
	color: var(--ws-muted);
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: var(--ws-muted);
	cursor: pointer;
	transition: background .15s;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close:hover { background: var(--ws-soft); }
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close::before,
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close::after {
	content: "";
	position: absolute;
	top: auto;
	left: auto;
	width: 16px;
	height: 1.5px;
	margin: 0;
	border: 0;
	background: currentColor;
	transform: rotate(45deg);
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close::after { transform: rotate(-45deg); }

/* Items */
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid {
	flex: 1 1 auto;
	min-height: 0;
	padding: 4px 24px;
	overflow-y: auto;
	overscroll-behavior: contain;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-items { margin: 0; padding: 0; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item { margin: 0; padding: 0; border: 0; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item-inner,
.woosw-popup.woosw-popup-right .woosw-items .woosw-item:first-child .woosw-item-inner {
	position: relative;
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: 8px 14px;
	align-items: start;
	padding: 16px 32px 16px 0;
	border-top: 0;
	border-bottom: 1px solid var(--ws-line);
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item:last-child .woosw-item-inner { border-bottom: 0; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item-inner > div { padding: 0; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--remove {
	position: absolute;
	top: 12px;
	right: 0;
	width: 28px;
	flex: none;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--remove span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: #a3adb8;
	transition: background .15s, color .15s;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--remove span:hover { background: #fef3f2; color: #d92d20; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--remove span::before { font-size: 13px; color: inherit; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--image {
	grid-row: span 2;
	width: 80px;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--image a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	padding: 8px;
	border-radius: 10px;
	background: var(--ws-soft);
	overflow: hidden;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--image img {
	width: 100% !important;
	height: 100%;
	max-width: none;
	border: 0 !important;
	border-radius: 0 !important;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	margin: 0;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--name,
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--name a {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-transform: none;
	color: var(--ws-text);
	text-decoration: none;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--name a:hover { color: var(--ws-blue); }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item--price { font-size: 14px; font-weight: 600; line-height: 20px; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item--time { font-size: 13px; line-height: 18px; color: var(--ws-muted); }

/* Stock + add to cart, under the name */
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-item--actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 10px;
	width: auto;
	padding: 0 !important; /* parent forces 15px !important on phones */
	border: 0;
	text-align: left;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--stock p {
	display: inline-block;
	margin: 0;
	padding: 2px 9px;
	border-radius: 999px;
	background: #ecfdf3;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	color: #067647;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--stock p.out-of-stock { background: #fef3f2; color: #b42318; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--atc p,
.woosw-popup.woosw-popup-right .woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline { margin: 0; padding: 0; border: 0; }
.woosw-popup.woosw-popup-right .woosw-items .woosw-item--atc a.button {
	display: inline-flex !important;
	align-items: center;
	height: 34px;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 0;
	border-radius: 999px;
	background: var(--ws-blue);
	font-size: 13px !important;
	font-weight: 600;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
	color: #fff;
}
.woosw-popup.woosw-popup-right .woosw-items .woosw-item--atc a.button:hover { background: #333; color: #fff; }
.woosw-popup.woosw-popup-right .woosw-popup-content-mid-message {
	padding: 48px 16px;
	font-size: 14px;
	text-align: center;
	color: var(--ws-muted);
}

/* Footer: two full-width buttons, like the cart drawer */
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
	position: relative;
	flex: 0 0 auto;
	height: auto;
	padding: 18px 24px calc(24px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--ws-line);
	background: #fff;
	text-transform: none;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: auto;
	padding: 0;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-page,
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-continue {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid var(--ws-line) !important;
	border-radius: 999px;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1 !important;
	text-transform: none;
	color: var(--ws-text) !important;
	transition: background .15s, border-color .15s, color .15s;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-page {
	border-color: var(--ws-blue) !important;
	background: var(--ws-blue);
	color: #fff !important;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-page:hover {
	border-color: #333 !important;
	background: #333;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-continue:hover {
	border-color: #c4ccd6 !important;
	background: var(--ws-soft);
	color: var(--ws-text) !important;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-continue::after { content: none; }

/* "…se agregó a tu lista de deseos": soft green note above the buttons */
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice {
	top: auto;
	right: 24px;
	bottom: calc(100% + 12px);
	left: 24px;
	width: auto;
	height: auto;
	padding: 10px 14px;
	border-radius: 10px;
	background-color: #ecfdf3;
	box-shadow: 0 4px 16px rgba(17, 17, 17, .08);
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: #067647;
	transform: translateY(6px);
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice.woosw-notice-show { transform: none; }

@media (max-width: 480px) {
	.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content { width: 100%; }
	.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top { padding: 0 8px 0 16px; }
	.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid { padding: 4px 16px; }
	.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot { padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); }
}

/* ══════════════════════════════════════════════════════════════════════
   404 page (404.php): message, search, two ways forward, categories,
   best sellers
   ══════════════════════════════════════════════════════════════════════ */

.djmx-404 {
	--e4-text: #262626;
	--e4-muted: #5e6e7e;
	--e4-line: #e7eaee;
	--e4-soft: #f5f6f8;
	--e4-blue: #0060ef;
	max-width: 1120px;
	margin: 0 auto;
	padding: 72px 20px 88px;
	color: var(--e4-text);
}
.djmx-404-hero {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
.djmx-404 .djmx-404-code {
	display: inline-block;
	margin: 0 0 16px;
	padding: 4px 12px;
	border-radius: 999px;
	background: #eef4ff;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	color: var(--e4-blue);
}
.djmx-404 .djmx-404-title {
	margin: 0 0 12px;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--e4-text);
}
.djmx-404 .djmx-404-text {
	margin: 0 auto 28px;
	max-width: 520px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--e4-muted);
}

/* Search */
.djmx-404-search {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 52px;
	margin: 0 auto 20px;
	padding: 0 6px 0 18px;
	border: 1px solid #d5dbe3;
	border-radius: 999px;
	background: #fff;
	transition: border-color .15s, box-shadow .15s;
}
.djmx-404-search:focus-within {
	border-color: var(--e4-blue);
	box-shadow: 0 0 0 3px rgba(0, 96, 239, .12);
}
.djmx-404-search-icon { flex: 0 0 auto; color: #8a96a3; }
.djmx-404 .djmx-404-input {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font-size: 16px;
	color: var(--e4-text);
	outline: 0;
}
.djmx-404 .djmx-404-input::-webkit-search-cancel-button { display: none; }
.djmx-404 .djmx-404-submit {
	flex: 0 0 auto;
	height: 40px;
	margin: 0;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: var(--e4-blue);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	transition: background .15s;
}
.djmx-404 .djmx-404-submit:hover { background: #333; }

/* Buttons */
.djmx-404-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}
.djmx-404 .djmx-404-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 26px;
	border: 1px solid #d5dbe3;
	border-radius: 999px;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	color: var(--e4-text);
	text-decoration: none;
	transition: background .15s, border-color .15s, color .15s;
}
.djmx-404 .djmx-404-btn:hover { border-color: #333; background: #333; color: #fff; }
.djmx-404 .djmx-404-btn--primary { border-color: var(--e4-blue); background: var(--e4-blue); color: #fff; }

/* Categories + best sellers */
.djmx-404 .djmx-404-heading {
	margin: 0 0 16px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--e4-text);
	text-align: center;
}
.djmx-404-links { margin-top: 64px; }
.djmx-404-links ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.djmx-404-links li { margin: 0; }
.djmx-404-links a {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 18px;
	border-radius: 999px;
	background: var(--e4-soft);
	font-size: 14px;
	line-height: 1;
	color: var(--e4-text);
	text-decoration: none;
	transition: background .15s, color .15s;
}
.djmx-404-links a:hover { background: #333; color: #fff; }

.djmx-404-best { margin-top: 56px; }
.djmx-404-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.djmx-404-grid li { margin: 0; }
.djmx-404 .djmx-404-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	height: 100%;
	color: var(--e4-text);
	text-decoration: none;
}
.djmx-404-card-img {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	margin-bottom: 8px;
	padding: 18px;
	border-radius: 14px;
	background: var(--e4-soft);
	overflow: hidden;
}
.djmx-404-card-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform .3s ease;
}
.djmx-404-card:hover .djmx-404-card-img img { transform: scale(1.04); }
.djmx-404-card-name {
	display: -webkit-box;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.djmx-404-card:hover .djmx-404-card-name { color: var(--e4-blue); }
.djmx-404-card-price { font-size: 15px; font-weight: 600; }
.djmx-404-card-price del { margin-right: 6px; font-weight: 400; color: #6b7682; }
.djmx-404-card-price ins { text-decoration: none; }

@media (max-width: 767px) {
	.djmx-404 { padding: 40px 16px 56px; }
	.djmx-404 .djmx-404-title { font-size: 28px; }
	.djmx-404 .djmx-404-text { font-size: 15px; }
	.djmx-404-actions { flex-direction: column; }
	.djmx-404 .djmx-404-btn { width: 100%; }
	.djmx-404-links { margin-top: 44px; }
	.djmx-404-best { margin-top: 40px; }
	.djmx-404-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
	.djmx-404-card-img { padding: 12px; }
	.djmx-404-card-name,
	.djmx-404-card-price { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.djmx-404-card-img img { transition: none; }
}

/* ══════════════════════════════════════════════════════════════════════
   My Account, signed in: navigation + dashboard (DJI Store style).
   Markup: woocommerce/myaccount/navigation.php, dashboard.php
   (helpers: inc/woocommerce/account.php). Same colours as checkout / thank you.
   ══════════════════════════════════════════════════════════════════════ */
body.woocommerce-account.logged-in .bwp-main { background: #f4f5f7; }
body.woocommerce-account.logged-in .woocommerce:has(> .djmx-acc-nav) {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	max-width: 1200px;
	margin: 0 auto;
	padding: 36px 0 64px;
}
body.woocommerce-account.logged-in .woocommerce:has(> .djmx-acc-nav)::before,
body.woocommerce-account.logged-in .woocommerce:has(> .djmx-acc-nav)::after { content: none; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content { float: none; width: auto; min-width: 0; }

/* Navigation: white card, greeting on top, one row per section */
.djmx-acc-nav.woocommerce-MyAccount-navigation {
	position: sticky;
	top: 24px;
	float: none;
	width: auto;
	margin: 0;
	padding: 8px;
	border: 1px solid #e7eaee;
	border-radius: 14px;
	background: #fff;
}
.djmx-acc-me {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 6px;
	padding: 12px 10px 16px;
	border-bottom: 1px solid #e7eaee;
}
.djmx-acc-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #111;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
}
.djmx-acc-who { display: flex; flex-direction: column; min-width: 0; }
.djmx-acc-who b { overflow: hidden; font-size: 15px; font-weight: 600; color: #262626; text-overflow: ellipsis; white-space: nowrap; }
.djmx-acc-who span { overflow: hidden; font-size: 13px; color: #6b7682; text-overflow: ellipsis; white-space: nowrap; }
.djmx-acc-nav ul { margin: 0; padding: 0; list-style: none; }
.djmx-acc-nav.woocommerce-MyAccount-navigation ul li { margin: 0; padding: 0; border: 0; }
.djmx-acc-nav.woocommerce-MyAccount-navigation ul li a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 44px;
	padding: 0 12px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #262626;
	text-decoration: none;
	transition: background .15s, color .15s;
}
.djmx-acc-nav .djmx-acc-ic { flex: 0 0 auto; color: #6b7682; transition: color .15s; }
.djmx-acc-nav.woocommerce-MyAccount-navigation ul li a:hover,
.djmx-acc-nav.woocommerce-MyAccount-navigation ul li a:focus-visible { background: #f5f6f8; color: #111; outline: 0; }
.djmx-acc-nav.woocommerce-MyAccount-navigation ul li.is-active a { background: #eef4ff; font-weight: 600; color: #0060ef; }
.djmx-acc-nav ul li.is-active .djmx-acc-ic,
.djmx-acc-nav ul li a:hover .djmx-acc-ic { color: currentColor; }
.djmx-acc-nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #e7eaee;
}
.djmx-acc-nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #5e6e7e; }
.djmx-acc-nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { background: #fef3f2; color: #b42318; }

/* Dashboard */
.djmx-acc-dash { display: grid; gap: 20px; }
.djmx-acc-hello h1 { margin: 0 0 6px; font-size: 28px; line-height: 1.2; font-weight: 600; color: #262626; }
.djmx-acc-hello p { margin: 0; font-size: 15px; color: #6b7682; }
.djmx-acc-card {
	padding: 20px 22px;
	border: 1px solid #e7eaee;
	border-radius: 14px;
	background: #fff;
}
.djmx-acc-last-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.djmx-acc-last-head h2 { margin: 0; font-size: 16px; font-weight: 600; color: #262626; text-transform: none; }
.djmx-acc-status {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: #f1f3f6;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	color: #3c4652;
	white-space: nowrap;
}
.djmx-acc-status--processing { background: #eef4ff; color: #0060ef; }
.djmx-acc-status--completed { background: #ecfdf3; color: #067647; }
.djmx-acc-status--on-hold,
.djmx-acc-status--pending { background: #fffaeb; color: #b54708; }
.djmx-acc-status--cancelled,
.djmx-acc-status--failed,
.djmx-acc-status--refunded { background: #fef3f2; color: #b42318; }
.djmx-acc-last-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 18px; }
.djmx-acc-last-meta dt { margin: 0 0 2px; font-size: 12px; font-weight: 400; color: #6b7682; }
.djmx-acc-last-meta dd { margin: 0; font-size: 15px; font-weight: 600; color: #262626; }
.djmx-acc-last-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.djmx-acc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 20px;
	border: 1px solid #d5dbe3;
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	color: #262626;
	text-decoration: none;
	transition: background .15s, border-color .15s, color .15s;
}
.djmx-acc-btn:hover { border-color: #262626; color: #111; }
.djmx-acc-btn--primary { border-color: #0060ef; background: #0060ef; color: #fff; }
.djmx-acc-btn--primary:hover { border-color: #0050c8; background: #0050c8; color: #fff; }
.djmx-acc-empty { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.djmx-acc-empty p { margin: 0; font-size: 15px; color: #3c4652; }

.djmx-acc-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.djmx-acc-tiles li { margin: 0; padding: 0; }
.djmx-acc-tile {
	display: flex;
	align-items: center;
	gap: 14px;
	height: 100%;
	padding: 16px 18px;
	border: 1px solid #e7eaee;
	border-radius: 14px;
	background: #fff;
	color: #262626;
	text-decoration: none;
	transition: border-color .15s, box-shadow .15s;
}
.djmx-acc-tile:hover,
.djmx-acc-tile:focus-visible { border-color: #0060ef; box-shadow: 0 0 0 1px #0060ef inset; outline: 0; }
.djmx-acc-tile-ic {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #eef4ff;
	color: #0060ef;
}
.djmx-acc-tile-text { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.djmx-acc-tile-text b { font-size: 15px; font-weight: 600; color: #262626; }
.djmx-acc-tile-text span { font-size: 13px; line-height: 1.4; color: #6b7682; }
.djmx-acc-tile-chev { flex: 0 0 auto; color: #a3adb8; transition: color .15s, transform .15s; }
.djmx-acc-tile:hover .djmx-acc-tile-chev { color: #0060ef; transform: translateX(2px); }

/* Tablet and phone: one column; the menu becomes a row of chips under the greeting */
@media (max-width: 991px) {
	body.woocommerce-account.logged-in .woocommerce:has(> .djmx-acc-nav) { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 20px 0 48px; }
	.djmx-acc-nav.woocommerce-MyAccount-navigation { position: static; padding: 6px; }
	.djmx-acc-me { padding: 8px 8px 12px; }
	.djmx-acc-nav ul { display: flex; gap: 6px; overflow-x: auto; padding: 4px 2px 2px; scrollbar-width: none; }
	.djmx-acc-nav ul::-webkit-scrollbar { display: none; }
	.djmx-acc-nav.woocommerce-MyAccount-navigation ul li { flex: 0 0 auto; }
	.djmx-acc-nav.woocommerce-MyAccount-navigation ul li a { min-height: 38px; padding: 0 14px; gap: 8px; border: 1px solid #e7eaee; border-radius: 999px; white-space: nowrap; }
	.djmx-acc-nav.woocommerce-MyAccount-navigation ul li.is-active a { border-color: #0060ef; }
	.djmx-acc-nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border: 0; }
	.djmx-acc-nav .djmx-acc-ic { width: 18px; height: 18px; }
}
@media (max-width: 600px) {
	.djmx-acc-hello h1 { font-size: 24px; }
	.djmx-acc-tiles { grid-template-columns: minmax(0, 1fr); }
	.djmx-acc-last-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.djmx-acc-empty { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
	.djmx-acc-tile-chev { transition: none; }
}

/* ── My Account pages: orders, order view, addresses, forms, payment methods,
      downloads, notices (templates: woocommerce/myaccount/orders.php,
      view-order.php, my-address.php, woocommerce/order/order-details-customer.php) ── */
.woocommerce-account.logged-in .woocommerce-MyAccount-content { display: grid; gap: 16px; align-content: start; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content > * { margin-top: 0; margin-bottom: 0; }
.woocommerce-MyAccount-content .djmx-acc-title,
.djmx-acc-title { margin: 0; font-size: 24px; line-height: 1.25; font-weight: 600; color: #262626; text-transform: none; }
.djmx-acc-lead,
.djmx-acc-muted { margin: 0; font-size: 14px; color: #6b7682; }
.djmx-acc-back { display: inline-flex; align-items: center; gap: 6px; justify-self: start; font-size: 14px; color: #6b7682; text-decoration: none; }
.djmx-acc-back:hover { color: #0060ef; }

/* Notices: sentence case (the theme capitalised every word), status icon, account buttons */
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	margin: 0;
	padding: 14px 16px 14px 44px;
	border: 1px solid #c9d8f5;
	border-radius: 12px;
	background: #f5f8ff;
	font-size: 14px;
	line-height: 1.5;
	color: #1d3b72;
	text-transform: none;
	position: relative;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message { border-color: #abefc6; background: #f6fef9; color: #067647; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-error { display: block; border-color: #fecdca; background: #fef3f2; color: #7a271a; list-style: none; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message::before,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-error::before {
	content: "";
	position: absolute;
	top: 16px;
	left: 16px;
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8v.5'/%3E%3C/svg%3E") center / 18px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8v.5'/%3E%3C/svg%3E") center / 18px no-repeat;
	font-family: inherit;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message .button {
	order: 2;
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid currentColor;
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: inherit;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info .button::before,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info .button::after,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message .button::before,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message .button::after { content: none; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info .button:hover,
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message .button:hover { background: currentColor; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info .button:hover { color: #fff; background: #1d3b72; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message .button:hover { color: #fff; background: #067647; }

/* Orders: one card per order */
.djmx-acc-orders { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.djmx-acc-order {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px 20px;
	margin: 0;
	padding: 18px 20px;
	border: 1px solid #e7eaee;
	border-radius: 14px;
	background: #fff;
}
.djmx-acc-order-head { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.djmx-acc-order-num { font-size: 16px; font-weight: 600; color: #262626; text-decoration: none; }
.djmx-acc-order-num:hover { color: #0060ef; }
.djmx-acc-order-date { font-size: 14px; color: #6b7682; }
.djmx-acc-order-head .djmx-acc-status { margin-left: auto; }
.djmx-acc-order-body { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; min-width: 0; }
.djmx-acc-order-thumbs { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.djmx-acc-order-thumbs li { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; overflow: hidden; border-radius: 10px; background: #f4f5f7; }
.djmx-acc-order-thumbs img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.djmx-acc-order-more { font-size: 13px; font-weight: 600; color: #6b7682; }
.djmx-acc-order-total { margin: 0; font-size: 14px; color: #3c4652; }
.djmx-acc-order-total .woocommerce-Price-amount { font-weight: 600; color: #262626; }
.djmx-acc-order-extra { font-size: 13px; color: #6b7682; }
.djmx-acc-order-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.djmx-acc-order-actions .djmx-acc-btn { min-height: 38px; padding: 0 16px; font-size: 13px; }
.djmx-acc-pagination { display: flex; justify-content: space-between; gap: 10px; }

/* Order view: header card, items + totals, addresses */
.djmx-acc-order-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.djmx-acc-order-hero .djmx-acc-muted { margin-top: 4px; }
.woocommerce-MyAccount-content .djmx-acc-notes h2,
.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title { margin: 0 0 12px; font-size: 16px; font-weight: 600; color: #262626; text-transform: none; }
.djmx-acc-notes ol { margin: 0; padding: 0; list-style: none; }
.djmx-acc-notes .meta { margin: 0 0 4px; font-size: 12px; color: #6b7682; }
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details { margin: 0; padding: 20px 22px; border: 1px solid #e7eaee; border-radius: 14px; background: #fff; }
/* The theme sets Jost on these wrappers and on table headers */
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details { font-family: inherit; }
.woocommerce-account .woocommerce-order-details table.shop_table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-family: inherit; font-size: 14px; }
.woocommerce-account .woocommerce-order-details table.shop_table * { font-family: inherit; }
.woocommerce-account .woocommerce-order-details table.shop_table th,
.woocommerce-account .woocommerce-order-details table.shop_table td { padding: 10px 0; border: 0; border-top: 1px solid #eef0f3; background: none; text-align: left; vertical-align: top; color: #3c4652; font-weight: 400; }
.woocommerce-account .woocommerce-order-details table.shop_table thead th { border-top: 0; padding-top: 0; font-size: 12px; color: #6b7682; text-transform: none; }
.woocommerce-account .woocommerce-order-details table.shop_table td:last-child,
.woocommerce-account .woocommerce-order-details table.shop_table th:last-child { text-align: right; }
.woocommerce-account .woocommerce-order-details table.shop_table .product-name a { font-weight: 600; color: #262626; text-decoration: none; }
.woocommerce-account .woocommerce-order-details table.shop_table .product-quantity { font-weight: 400; color: #6b7682; }
.woocommerce-account .woocommerce-order-details table.shop_table tfoot th { font-weight: 400; color: #6b7682; }
.woocommerce-account .woocommerce-order-details table.shop_table tfoot tr:last-child th,
.woocommerce-account .woocommerce-order-details table.shop_table tfoot tr:last-child td { font-size: 16px; font-weight: 600; color: #262626; }
.woocommerce-account .woocommerce-order-details .order-again { margin: 14px 0 0; }
.woocommerce-account .woocommerce-order-details .order-again .button { border-radius: 999px; background: #0060ef; color: #fff; text-transform: none; }
.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses::before,
.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses::after { content: none; }
/* The theme spaces these columns for the old layout (40px top, 50% wide, -15px sides) */
.woocommerce-view-order .woocommerce-customer-details .woocommerce-columns { width: auto; margin: 0; }
.woocommerce-view-order .woocommerce-customer-details .woocommerce-columns .woocommerce-column { float: none; flex: none; width: auto; max-width: none; margin-top: 0; padding: 0; }
.woocommerce-account .woocommerce-customer-details address,
.djmx-acc-address address {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 14px;
	line-height: 1.6;
	color: #3c4652;
}
.woocommerce-account .woocommerce-customer-details address > span,
.djmx-acc-address address > span { display: block; }
.woocommerce-account .woocommerce-customer-details .djmx-ty-addr-name,
.djmx-acc-address .djmx-ty-addr-name { font-weight: 600; color: #262626; }
.woocommerce-account .woocommerce-customer-details .djmx-ty-addr-company,
.djmx-acc-address .djmx-ty-addr-company { color: #6b7682; }
.woocommerce-account .woocommerce-customer-details address p { margin: 6px 0 0; font-size: 13px; color: #6b7682; }

/* Addresses page: two cards */
.djmx-acc-addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.djmx-acc-addresses::before,
.djmx-acc-addresses::after { content: none; }
.djmx-acc-address { float: none; width: auto; max-width: none; margin: 0; }
.djmx-acc-address-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
.djmx-acc-address-head h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 16px; font-weight: 600; color: #262626; text-transform: none; }
.djmx-acc-address-head h3 .djmx-acc-ic { color: #0060ef; }
.djmx-acc-address-head .djmx-acc-btn { min-height: 36px; padding: 0 16px; font-size: 13px; }
.djmx-acc-address .djmx-ty-addr-phone { margin-top: 4px; color: #6b7682; }

/* Forms (edit address, account details): labels above full-width fields */
.woocommerce-account.logged-in .woocommerce-MyAccount-content > form,
.woocommerce-account.logged-in .woocommerce-MyAccount-content > div > form { margin: 0; padding: 22px; border: 1px solid #e7eaee; border-radius: 14px; background: #fff; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form > h2,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form > h3,
.woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset legend { margin: 0 0 16px; padding: 0; font-size: 18px; font-weight: 600; color: #262626; text-transform: none; }
.woocommerce-account.logged-in .woocommerce-address-fields__field-wrapper,
.woocommerce-account.logged-in .woocommerce-EditAccountForm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
.woocommerce-account.logged-in .woocommerce-address-fields__field-wrapper::before,
.woocommerce-account.logged-in .woocommerce-address-fields__field-wrapper::after,
.woocommerce-account.logged-in .woocommerce-EditAccountForm::before,
.woocommerce-account.logged-in .woocommerce-EditAccountForm::after { content: none; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row {
	grid-column: 1 / -1;
	display: block;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-first,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last { grid-column: auto; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row label {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #262626;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row label.screen-reader-text { position: absolute; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row .required { color: #d92d20; text-decoration: none; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .woocommerce-input-wrapper,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .password-input { display: block; position: relative; width: 100%; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form input.input-text,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form select,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .select2-container .select2-selection--single {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid #d5dbe3;
	background: #fff;
	font-size: 15px;
	line-height: 44px;
	color: #262626;
	box-shadow: none;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .select2-container { width: 100% !important; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .select2-selection__rendered { padding: 0 !important; line-height: 44px !important; color: #262626; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .select2-selection__arrow { height: 44px !important; right: 10px !important; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form input.input-text:focus,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form select:focus { border-color: #0060ef; outline: 0; box-shadow: 0 0 0 3px rgba(0, 96, 239, .12); }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row em,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row .description { display: block; margin-top: 6px; font-size: 12px; font-style: normal; color: #6b7682; }
/* Show-password eye inside the field (the theme left it as a small square) */
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .password-input input.input-text { padding-right: 46px; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .show-password-input {
	position: absolute;
	top: 50%;
	right: 6px;
	width: 34px;
	height: 34px;
	margin: -17px 0 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #6b7682;
	cursor: pointer;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .show-password-input::before,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .show-password-input::after { content: none; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .show-password-input {
	-webkit-mask: none;
	background: no-repeat center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7682' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	font-size: 0;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form .show-password-input.display-password { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230060ef' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M4 4l16 16'/%3E%3C/svg%3E"); }
.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset { grid-column: 1 / -1; display: grid; gap: 14px; margin: 8px 0 0; padding: 18px 0 0; border: 0; border-top: 1px solid #e7eaee; }
.woocommerce-account.logged-in .woocommerce-EditAccountForm .clear { display: none; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form p:has(> button[type="submit"]),
.woocommerce-account.logged-in .woocommerce-MyAccount-content form p:has(> .woocommerce-Button) { grid-column: 1 / -1; margin: 6px 0 0; }
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button[type="submit"],
.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-PaymentMethods ~ .button,
.woocommerce-account.logged-in .woocommerce-MyAccount-content > .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 26px;
	border: 0;
	border-radius: 999px;
	background: #0060ef;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content form button[type="submit"]:hover,
.woocommerce-account.logged-in .woocommerce-MyAccount-content > .button:hover { background: #0050c8; color: #fff; }

/* Payment methods and downloads tables as cards */
.woocommerce-account .woocommerce-MyAccount-paymentMethods,
.woocommerce-account .woocommerce-table--order-downloads { width: 100%; margin: 0; border: 1px solid #e7eaee; border-radius: 14px; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; font-size: 14px; }
.woocommerce-account .woocommerce-MyAccount-paymentMethods th,
.woocommerce-account .woocommerce-MyAccount-paymentMethods td,
.woocommerce-account .woocommerce-table--order-downloads th,
.woocommerce-account .woocommerce-table--order-downloads td { padding: 12px 16px; border: 0; border-top: 1px solid #eef0f3; background: none; text-align: left; color: #3c4652; }
.woocommerce-account .woocommerce-MyAccount-paymentMethods thead th,
.woocommerce-account .woocommerce-table--order-downloads thead th { border-top: 0; font-size: 12px; font-weight: 400; color: #6b7682; text-transform: none; }

@media (max-width: 767px) {
	.djmx-acc-order { grid-template-columns: minmax(0, 1fr); padding: 16px; }
	.djmx-acc-order-actions { justify-content: flex-start; }
	.djmx-acc-order-head .djmx-acc-status { margin-left: 0; }
	.djmx-acc-addresses,
	.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses,
	.woocommerce-account.logged-in .woocommerce-address-fields__field-wrapper,
	.woocommerce-account.logged-in .woocommerce-EditAccountForm { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-first,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content form .form-row-last { grid-column: 1 / -1; }
	.woocommerce-account.logged-in .woocommerce-MyAccount-content > form,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content > div > form,
	.woocommerce-account .woocommerce-order-details,
	.woocommerce-account .woocommerce-customer-details { padding: 16px; }
	.djmx-acc-title { font-size: 21px; }
}

/* ── DJI Club (My Account tab "my-rewards"; content from om-woo-rewards
      templates/my-account-rewards.php, header from inc/woocommerce/account.php).
      Cards like the other account pages; the membership box reads as a member card. ── */
.djmx-acc-club-head { display: grid; gap: 6px; }
.woocommerce-account .omr-my-rewards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; max-width: none; }
.woocommerce-account .omr-my-rewards > * { margin: 0; }
.omr-my-rewards h3 { font-family: inherit; text-transform: none; letter-spacing: 0; }

/* Banners: sync warning, upgrade, renewal */
.omr-my-rewards .omr-sync-banner,
.omr-my-rewards .omr-upgrade-banner,
.omr-my-rewards .omr-renewal-banner { padding: 12px 16px; border-width: 1px; border-radius: 12px; font-size: 14px; font-weight: 400; }
.omr-my-rewards .omr-renewal-btn { padding: 8px 16px; border-radius: 999px; }

/* Points and membership */
.omr-my-rewards .omr-rewards-summary { gap: 16px; margin: 0; }
.omr-my-rewards .omr-summary-card { display: flex; flex-direction: column; padding: 22px; border: 1px solid #e7eaee; border-radius: 14px; background: #fff; }
.omr-my-rewards .omr-summary-card h3 { margin: 0 0 14px; font-size: 13px; font-weight: 600; color: #6b7682; }
.omr-my-rewards .omr-summary-card :where(p) { margin: 0; }
.omr-my-rewards .omr-balance-value { align-items: baseline; gap: 8px; }
.omr-my-rewards .omr-balance-icon { font-size: 24px; color: #f5b400; }
.omr-my-rewards .omr-balance-points { font-size: 40px; line-height: 1; font-weight: 600; color: #262626; }
.omr-my-rewards .omr-balance-label { font-size: 15px; color: #6b7682; }
.omr-my-rewards .omr-balance-dollar { margin-top: 10px; font-size: 14px; color: #3c4652; }

.omr-my-rewards .omr-membership-card { border-color: #1d1f23; background: linear-gradient(135deg, #2a2d33 0%, #111214 100%); color: #fff; }
.omr-my-rewards .omr-membership-card h3 { color: rgba(255, 255, 255, .6); }
.omr-my-rewards .omr-membership-tier { font-size: 22px; line-height: 1.25; }
.omr-my-rewards .omr-membership-tier strong { font-weight: 600; color: #fff; }
.omr-my-rewards .omr-membership-card .omr-membership-status { align-self: flex-start; gap: 6px; margin-top: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .12); font-size: 12px; font-weight: 600; color: #fff; }
.omr-my-rewards .omr-membership-card .omr-no-membership { background: none; padding: 0; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, .7); }
.omr-my-rewards .omr-status-dot { width: 8px; height: 8px; }
.omr-my-rewards .omr-status-active { background: #32d583; }
.omr-my-rewards .omr-card-number { margin-top: 20px; font-size: 13px; letter-spacing: .02em; font-variant-numeric: tabular-nums; color: rgba(255, 255, 255, .7); }
.omr-my-rewards .omr-membership-expires { margin-top: 4px; font-size: 13px; color: rgba(255, 255, 255, .7); }
.omr-my-rewards .omr-membership-expires strong { font-weight: 600; color: #fff; }
.omr-my-rewards .omr-renew-card-btn { display: inline-flex; align-items: center; align-self: flex-start; min-height: 40px; margin-top: 18px; padding: 0 18px; border-radius: 999px; background: #fff; font-size: 14px; color: #111; }
.omr-my-rewards .omr-renew-card-btn:hover { background: #e9ecf0; color: #111; }
.omr-my-rewards .omr-renew-card-btn--soon { background: #f79009; color: #fff; }
.omr-my-rewards .omr-renew-card-btn--soon:hover { background: #dc6803; color: #fff; }
.omr-my-rewards .omr-renew-card-btn--expired { background: #f04438; color: #fff; }
.omr-my-rewards .omr-renew-card-btn--expired:hover { background: #d92d20; color: #fff; }
.omr-my-rewards .omr-renew-card-btn--contact { border: 1px solid rgba(255, 255, 255, .4); background: transparent; color: #fff; }
.omr-my-rewards .omr-renew-card-btn--contact:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.omr-my-rewards .omr-wallet-btn { align-self: flex-start; border: 1px solid rgba(255, 255, 255, .35); }

/* Tier progress, history tables and portal link as cards */
.omr-my-rewards .omr-tier-progress-section,
.omr-my-rewards .omr-transactions-section,
.omr-my-rewards .omr-subscription-history-section,
.omr-my-rewards .omr-portal-link { padding: 20px 22px; border: 1px solid #e7eaee; border-radius: 14px; background: #fff; }
.omr-my-rewards .omr-tier-progress-section h3,
.omr-my-rewards .omr-transactions-section h3,
.omr-my-rewards .omr-subscription-history-section h3 { margin: 0 0 12px; font-size: 16px; font-weight: 600; color: #262626; }
.omr-my-rewards .omr-tier-progress__bar-wrap { height: 8px; border-radius: 999px; background: #eef0f3; }
.omr-my-rewards .omr-tier-progress__bar { border-radius: 999px; background: #0060ef; }

.omr-my-rewards .omr-transactions-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-family: inherit; font-size: 14px; }
.omr-my-rewards .omr-transactions-table * { font-family: inherit; }
.omr-my-rewards .omr-transactions-table th,
.omr-my-rewards .omr-transactions-table td { padding: 12px 16px 12px 0; border: 0; border-top: 1px solid #eef0f3; background: none; text-align: left; vertical-align: middle; font-size: 14px; color: #3c4652; }
.omr-my-rewards .omr-transactions-table th:last-child,
.omr-my-rewards .omr-transactions-table td:last-child { padding-right: 0; }
.omr-my-rewards .omr-transactions-table thead th { padding-top: 0; border-top: 0; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #6b7682; }
.omr-my-rewards .omr-transactions-section td:last-child { font-size: 13px; color: #6b7682; word-break: break-all; }
.omr-my-rewards .omr-txn-type,
.omr-my-rewards .omr-sub-source { display: inline-flex; padding: 3px 10px; border-radius: 999px; background: #f1f3f6; font-size: 12px; font-weight: 600; line-height: 1.3; color: #3c4652; white-space: nowrap; }
.omr-my-rewards .omr-txn-earn { background: #ecfdf3; color: #067647; }
.omr-my-rewards .omr-txn-redeem { background: #fef3f2; color: #b42318; }
.omr-my-rewards .omr-txn-reverse { background: #fffaeb; color: #b54708; }
.omr-my-rewards .omr-txn-adjustment,
.omr-my-rewards .omr-txn-adjust { background: #eef4ff; color: #0060ef; }
.omr-my-rewards .omr-txn-points.positive { color: #067647; }
.omr-my-rewards .omr-txn-points.negative { color: #b42318; }
.omr-my-rewards .omr-txn-value.positive,
.omr-my-rewards .omr-txn-value.negative { color: #3c4652; }
.omr-my-rewards .omr-transactions-table .omr-status-dot { margin-right: 4px; }
.omr-my-rewards .omr-transactions-table .omr-status-active { background: #12b76a; }
.omr-my-rewards .omr-no-transactions { margin: 0; padding: 0; font-size: 14px; color: #6b7682; }

.omr-my-rewards .omr-portal-link { text-align: left; }
.omr-my-rewards .omr-portal-link p { font-size: 14px; color: #3c4652; }
.omr-my-rewards .omr-portal-link a { font-weight: 600; color: #0060ef; }

@media (max-width: 767px) {
	.omr-my-rewards .omr-summary-card,
	.omr-my-rewards .omr-tier-progress-section,
	.omr-my-rewards .omr-transactions-section,
	.omr-my-rewards .omr-subscription-history-section,
	.omr-my-rewards .omr-portal-link { padding: 16px; }
	.omr-my-rewards .omr-rewards-summary { grid-template-columns: minmax(0, 1fr); }
	.omr-my-rewards .omr-balance-points { font-size: 34px; }
	/* History tables scroll sideways inside their card */
	.omr-my-rewards .omr-transactions-table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
	.omr-my-rewards .omr-transactions-section td:last-child { word-break: normal; }
}