/* CompusisGT theme. Color-only layer loaded after page styles. */
:root {
  --tjdc-white: #ffffff;
  --tjdc-ink: #0a0d12;
  --tjdc-text: #192338;
  --tjdc-muted: #4d586b;
  --tjdc-border: #d9e1f1;
  --tjdc-navy: #192338;
  --tjdc-navy-2: #1e2e4f;
  --tjdc-blue: #31487a;
  --tjdc-blue-2: #1e2e4f;
  --tjdc-blue-soft: #d9e1f1;
  --tjdc-yellow: #ffd400;
  --tjdc-yellow-2: #ffcc00;
  --tjdc-yellow-light: #fff08a;
  --tjdc-yellow-soft: #fff9d9;
  --tjdc-danger: var(--tjdc-yellow-2);
  --tjdc-whatsapp: #25d366;
  --tjdc-shadow: rgba(25, 35, 56, 0.14);
  --tjdc-shadow-soft: rgba(25, 35, 56, 0.08);
  --tjdc-focus: rgba(255, 212, 0, 0.28);
  --bs-primary: var(--tjdc-navy);
  --bs-primary-rgb: 25, 35, 56;
  --bs-link-color: var(--tjdc-blue);
  --bs-link-hover-color: var(--tjdc-yellow-2);
}

html,
body,
.main-content,
.support-area,
.arrivals-products-area,
.special-products-area,
.shop-area,
.shop-area.bg-ffffff,
.shop-area.category-shop-area,
.products-details-area,
.cart-area,
.wishlist-area,
.checkout-area,
.login-area,
.register-area,
.contact-redesign-page,
.contact-redesign-area,
.about-layout,
.faq-area,
.privacy-policy-area,
.terms-of-service-area,
.services-area,
.team-area,
.blog-area,
.bm-home-hero,
.bm-home-products,
.bm-home-masglo,
.bm-home-final-offer,
.category-intro-area,
.category-intro-card,
.category-intro-image,
.ptb-50,
.ptb-70,
.ptb-100 {
  background-color: var(--tjdc-white) !important;
}

body {
  color: var(--tjdc-text);
}

p,
.contact-form-note,
.contact-branch-address,
.products-details-desc .product-content p,
.products-details-desc .product-content .products-info li,
.products-details-desc .product-content .products-info li span {
  color: var(--tjdc-muted) !important;
}

a,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--tjdc-ink);
}

a:hover,
a:focus,
.products-details-desc .product-content .products-info li a:hover,
.widget-area .widget_best-seller-products .item .info .title a:hover,
.widget-area .widget_ejon_posts_thumb .item .info .title a:hover {
  color: var(--tjdc-yellow-2) !important;
}

.navbar-area {
  background: var(--tjdc-navy) !important;
  z-index: 10010 !important;
}

.navbar-area.is-sticky {
  z-index: 10010 !important;
}

.main-navbar,
.main-responsive-nav {
  background: linear-gradient(90deg, var(--tjdc-navy) 0%, var(--tjdc-blue-2) 100%) !important;
  box-shadow: 0 10px 24px rgba(25, 35, 56, 0.2) !important;
  position: relative !important;
  z-index: 10010 !important;
  pointer-events: auto !important;
}

.header-search-panel {
  background: linear-gradient(90deg, var(--tjdc-navy) 0%, var(--tjdc-blue-2) 100%) !important;
  border-top: 1px solid rgba(255, 212, 0, 0.24) !important;
  border-bottom: 1px solid rgba(255, 212, 0, 0.24) !important;
  position: relative !important;
  z-index: 10009 !important;
  pointer-events: none !important;
}

.header-search-panel.is-open {
  pointer-events: auto !important;
}

body:not(.bm-mobile-menu-open) .bm-mobile-menu-overlay,
.mp-overlay:not(.show) {
  pointer-events: none !important;
}

body.bm-mobile-menu-open .bm-mobile-menu-overlay,
.mp-overlay.show {
  pointer-events: auto !important;
}

.exclusive-offers-banner::before,
.section-header-soft .wave,
.section-header-soft .wave span {
  pointer-events: none !important;
}

.shipping-promo-bar {
  background: linear-gradient(90deg, var(--tjdc-yellow-2) 0%, var(--tjdc-yellow) 42%, var(--tjdc-yellow-light) 72%, var(--tjdc-yellow) 100%) !important;
  border-bottom: 2px solid var(--tjdc-navy);
  color: var(--tjdc-navy) !important;
  text-shadow: none !important;
}

.shipping-promo-bar strong {
  color: var(--tjdc-navy);
  font-weight: 800;
}

.main-navbar .bm-desktop-nav .nav-link,
.main-navbar .cart-icon-navbar,
.main-navbar .header-action-btn,
.main-navbar .header-action-link,
.main-responsive-nav .bm-menu-toggle,
.main-responsive-nav .header-action-btn,
.main-responsive-nav .header-action-link,
.main-responsive-nav .cart-icon-navbar {
  color: var(--tjdc-white) !important;
}

.main-navbar .bm-desktop-nav .nav-link:hover,
.main-navbar .bm-desktop-nav .nav-link:focus,
.main-navbar .bm-desktop-nav .nav-link.is-active,
.main-responsive-nav .bm-menu-toggle:hover,
.main-responsive-nav .bm-menu-toggle:focus,
.main-responsive-nav .header-action-btn:hover,
.main-responsive-nav .header-action-btn:focus,
.main-responsive-nav .header-action-link:hover,
.main-responsive-nav .header-action-link:focus {
  color: var(--tjdc-yellow-light) !important;
}

.main-navbar .header-action-btn,
.main-navbar .header-action-link,
.main-responsive-nav .header-action-btn,
.main-responsive-nav .header-action-link {
  background: rgba(255, 212, 0, 0.1) !important;
  border: 1px solid rgba(255, 212, 0, 0.24) !important;
}

.main-navbar .header-action-btn:hover,
.main-navbar .header-action-btn:focus,
.main-navbar .header-action-link:hover,
.main-navbar .header-action-link:focus,
.main-navbar .header-action-link.is-active,
.main-responsive-nav .header-action-btn:hover,
.main-responsive-nav .header-action-btn:focus,
.main-responsive-nav .header-action-link:hover,
.main-responsive-nav .header-action-link:focus,
.main-responsive-nav .header-action-link.is-active {
  background: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.cart-icon,
.middle-header-optional .cart-icon,
.bm-menu-toggle,
.header-action-btn,
.header-action-link,
.bm-desktop-nav .nav-link,
.bm-mobile-row,
.bm-mobile-account,
.bm-mobile-pickup,
.header-search-box .form-control,
.bm-mobile-search input {
  color: var(--tjdc-ink) !important;
}

.cart-icon:hover,
.cart-icon:focus,
.bm-desktop-nav .nav-link:hover,
.bm-desktop-nav .nav-link:focus,
.bm-desktop-nav .nav-link.is-active,
.bm-mobile-row:hover,
.bm-mobile-row:focus,
.bm-mobile-row.is-active,
.bm-mobile-menu-head,
.bm-mobile-menu-close,
.bm-mobile-search i,
.bm-mobile-row i {
  color: var(--tjdc-yellow-2) !important;
}

.header-action-btn:hover,
.header-action-btn:focus,
.header-action-link:hover,
.header-action-link:focus {
  background: var(--tjdc-yellow-soft) !important;
  color: var(--tjdc-yellow-2) !important;
}

.cart-count,
.cart-count-navbar {
  background-color: var(--tjdc-yellow) !important;
  box-shadow: 0 4px 10px rgba(255, 212, 0, 0.34) !important;
  color: var(--tjdc-navy) !important;
}

.header-search-box .form-control,
.contact-clean-form .form-control,
.mp-form-group .form-control,
.mp-form-group input:not([type="checkbox"]),
.mp-form-group select,
#price-amount {
  border-color: var(--tjdc-border) !important;
  color: var(--tjdc-ink) !important;
}

.header-search-box .form-control:focus,
.contact-clean-form .form-control:focus,
.mp-form-group .form-control:focus,
.mp-form-group input:not([type="checkbox"]):focus,
.mp-form-group select:focus {
  border-color: var(--tjdc-yellow) !important;
  box-shadow: 0 0 0 3px var(--tjdc-focus) !important;
}

.default-btn,
.main-slider-content .default-btn,
.bm-home-btn,
.contact-submit-btn,
.cart-totals .default-btn,
.cart-buttons .default-btn,
.order-details .payment-box .default-btn,
.products-details-desc .product-content .product-add-to-cart .default-btn,
.productsQuickView .modal-content .product-content .product-add-to-cart .default-btn,
.widget-area .widget_price .price-range-filter .btn,
.price-range-filter-button .btn,
.header-search-box button,
.mp-btn-enviar,
.mp-btn-agregar,
.product-card-action-cart {
  background: var(--tjdc-navy) !important;
  border-color: var(--tjdc-navy) !important;
  box-shadow: 0 10px 22px var(--tjdc-shadow-soft) !important;
  color: var(--tjdc-white) !important;
}

.default-btn i,
.main-slider-content .default-btn i,
.contact-submit-btn i,
.cart-totals .default-btn i,
.products-details-desc .product-content .product-add-to-cart .default-btn i,
.product-card-action-cart i {
  color: currentColor !important;
}

.default-btn span,
.main-slider-content .default-btn span,
.cart-totals .default-btn span,
.cart-buttons .default-btn span,
.order-details .payment-box .default-btn span,
.products-details-desc .product-content .product-add-to-cart .default-btn span {
  background-color: var(--tjdc-yellow) !important;
}

.default-btn:hover,
.default-btn:focus,
.main-slider-content .default-btn:hover,
.main-slider-content .default-btn:focus,
.bm-home-btn:hover,
.bm-home-btn:focus,
.contact-submit-btn:hover,
.contact-submit-btn:focus,
.cart-totals .default-btn:hover,
.cart-totals .default-btn:focus,
.cart-buttons .default-btn:hover,
.cart-buttons .default-btn:focus,
.order-details .payment-box .default-btn:hover,
.order-details .payment-box .default-btn:focus,
.products-details-desc .product-content .product-add-to-cart .default-btn:hover,
.products-details-desc .product-content .product-add-to-cart .default-btn:focus,
.productsQuickView .modal-content .product-content .product-add-to-cart .default-btn:hover,
.productsQuickView .modal-content .product-content .product-add-to-cart .default-btn:focus,
.widget-area .widget_price .price-range-filter .btn:hover,
.widget-area .widget_price .price-range-filter .btn:focus,
.price-range-filter-button .btn:hover,
.price-range-filter-button .btn:focus,
.header-search-box button:hover,
.header-search-box button:focus,
.mp-btn-enviar:hover,
.mp-btn-enviar:focus,
.mp-btn-agregar:hover,
.mp-btn-agregar:focus,
.product-card-action-cart:hover,
.product-card-action-cart:focus {
  background: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.product-card-action-details {
  background: var(--tjdc-white) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-yellow-2) !important;
}

.product-card-action-details:hover,
.product-card-action-details:focus {
  background: var(--tjdc-yellow-soft) !important;
  border-color: var(--tjdc-yellow-2) !important;
  color: var(--tjdc-navy) !important;
}

.single-arrivals-products,
.single-shop-products,
.shop-area .single-shop-products,
.contact-branch-card,
.cart-totals,
.mp-modal,
.productsQuickView .modal-content {
  background: var(--tjdc-white) !important;
  border-color: rgba(25, 35, 56, 0.16) !important;
  box-shadow: 0 12px 28px var(--tjdc-shadow-soft) !important;
}

.single-arrivals-products:hover,
.single-arrivals-products:focus-within,
.single-shop-products:hover,
.single-shop-products:focus-within,
.shop-area .single-shop-products:hover,
.shop-area .single-shop-products:focus-within {
  border-color: rgba(255, 212, 0, 0.58) !important;
  box-shadow: 0 22px 44px rgba(25, 35, 56, 0.15) !important;
}

.single-arrivals-products .arrivals-products-content h3,
.single-arrivals-products .arrivals-products-content h3 a,
.single-shop-products .shop-products-content h3,
.single-shop-products .shop-products-content h3 a,
.shop-area .shop-products-content h3,
.shop-area .shop-products-content h3 a,
.bm-home-products .arrivals-products-content h3,
.bm-home-products .arrivals-products-content h3 a,
.products-details-desc .product-content h3,
.mp-form-content h2,
.contact-section-title h2,
.cart-totals h3 {
  color: var(--tjdc-ink) !important;
}

.single-arrivals-products .arrivals-products-content .rating li i,
.single-shop-products .shop-products-content .rating li i,
.shop-area .shop-products-content .rating li i,
.bm-home-products .rating i,
.products-details-desc .product-content .product-review .rating i,
.widget-area .widget_best-seller-products .item .info .rating li i,
.productsQuickView .modal-content .product-content .product-review .rating i {
  color: var(--tjdc-yellow) !important;
}

.product-card-price,
.shop-area .product-card-price-normal,
.bm-home-products .product-card-price-normal,
.single-arrivals-products .arrivals-products-content .product-card-price,
.single-shop-products .shop-products-content .product-card-price,
.products-details-desc .product-content .price,
.products-details-desc .product-content .price .product-card-price {
  color: var(--tjdc-ink) !important;
}

.products-details-desc .product-content .price .new-price,
.mp-precio,
.bm-shop-count {
  color: var(--tjdc-yellow-2) !important;
}

.single-arrivals-products .arrivals-products-image .tag,
.single-shop-products .shop-products-image .tag {
  background: var(--tjdc-yellow) !important;
  box-shadow: 0 4px 12px rgba(255, 212, 0, 0.32) !important;
  color: var(--tjdc-navy) !important;
}

.single-arrivals-products:hover .arrivals-products-image .tag,
.single-shop-products:hover .shop-products-image .tag {
  background: var(--tjdc-yellow-2) !important;
  color: var(--tjdc-white) !important;
}

.widget.widget_categories .categories li a.nav-link,
.widget-area .widget_categories .categories li a {
  background: var(--tjdc-white) !important;
  border-color: var(--tjdc-border) !important;
  color: var(--tjdc-ink) !important;
}

.widget.widget_categories .categories li a.nav-link i,
.widget-area .widget_categories .categories li a i {
  color: var(--tjdc-ink) !important;
}

.widget.widget_categories .categories li a.nav-link:hover,
.widget.widget_categories .categories li a.nav-link.active,
.widget-area .widget_categories .categories li a:hover,
.widget-area .widget_categories .categories li a:focus,
.widget-area .widget_categories .categories li a.active {
  background: var(--tjdc-yellow-soft) !important;
  border-color: rgba(255, 212, 0, 0.58) !important;
  color: var(--tjdc-navy) !important;
  box-shadow: inset 3px 0 0 var(--tjdc-yellow) !important;
}

.widget.widget_categories .categories li a.nav-link:hover i,
.widget.widget_categories .categories li a.nav-link.active i,
.widget-area .widget_categories .categories li a:hover i,
.widget-area .widget_categories .categories li a.active i {
  color: var(--tjdc-yellow-2) !important;
}

.widget-area .widget_categories .categories li a::before,
.widget-area .widget_price .price-range-bar,
.widget-area .widget_price .price-range-bar .ui-slider-range,
.widget-area .widget_price .price-range-bar .ui-slider-handle,
.widget-area .widget_continents .continents-list-row li a.active::before,
.widget-area .widget_continents .continents-list-row li.active a::before {
  background-color: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
}

.widget-area .widget_price .price-range-filter-item input {
  color: var(--tjdc-yellow-2) !important;
}

.page-title-area,
.page-title-area.bm-page-title-clean {
  background: var(--tjdc-white) !important;
  border-bottom-color: var(--tjdc-border) !important;
  border-top-color: var(--tjdc-border) !important;
}

.page-title-content h2 {
  color: var(--tjdc-ink) !important;
}

.page-title-content ul li {
  color: var(--tjdc-yellow-2) !important;
}

.page-title-content ul li::before {
  background: var(--tjdc-yellow) !important;
}

.page-title-content ul li a {
  color: var(--tjdc-blue) !important;
}

.exclusive-offers-banner,
.exclusive-offers-banner.banner-main {
  background: linear-gradient(90deg, var(--tjdc-navy) 0%, var(--tjdc-blue-2) 100%) !important;
}

.exclusive-offers-banner.banner-soft {
  background: var(--tjdc-blue-soft) !important;
}

.banner-text,
.banner-soft .banner-text {
  color: var(--tjdc-white) !important;
}

.banner-soft .banner-text {
  color: var(--tjdc-navy) !important;
}

.banner-btn,
.section-header-soft .btn-soft,
.bm-home-final-discount .bm-home-btn {
  background: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.banner-btn:hover,
.banner-btn:focus,
.section-header-soft .btn-soft:hover,
.section-header-soft .btn-soft:focus,
.bm-home-final-discount .bm-home-btn:hover,
.bm-home-final-discount .bm-home-btn:focus {
  background: var(--tjdc-yellow-light) !important;
  color: var(--tjdc-navy) !important;
}

.section-header-soft,
.category-intro-copy {
  background: var(--tjdc-white) !important;
}

.bm-promotions-intro .category-intro-copy {
  background: linear-gradient(135deg, var(--tjdc-navy) 0%, var(--tjdc-blue-2) 58%, var(--tjdc-blue) 100%) !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

.bm-promotions-intro .category-intro-copy h1 {
  color: var(--tjdc-yellow-light) !important;
}

.bm-visual-title-header .category-intro-copy.bm-title-only {
  align-items: center !important;
  display: flex !important;
  min-height: clamp(126px, 12vw, 178px) !important;
  padding-bottom: clamp(34px, 4.5vw, 56px) !important;
  padding-top: clamp(34px, 4.5vw, 56px) !important;
}

.bm-visual-title-header .category-intro-copy.bm-title-only h1 {
  margin: 0 !important;
  max-width: 1140px;
  width: 100%;
}

.bm-visual-title-header .category-intro-copy.bm-title-only p {
  display: none !important;
}

@media (max-width: 767px) {
  .bm-visual-title-header .category-intro-copy.bm-title-only {
    min-height: 104px !important;
    padding-bottom: 28px !important;
    padding-top: 28px !important;
  }
}

.bm-promotions-intro .category-intro-copy p {
  color: rgba(255, 255, 255, 0.9) !important;
}

.bm-promotions-intro .category-intro-image {
  background: var(--tjdc-white) !important;
  height: clamp(260px, 30vw, 430px) !important;
}

.bm-promotions-intro .category-intro-image img {
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
}

.bm-less100-products ~ .exclusive-offers-banner.banner-main,
.bm-less100-products ~ .arrivals-products-area {
  display: none !important;
}

.section-header-soft h2,
.category-intro-copy h1,
.bm-home-section-title,
.bm-hero-content h1,
.bm-home-promo h2,
.bm-home-final-card h2 {
  color: var(--tjdc-ink) !important;
}

.bm-hero-kicker,
.bm-home-promo-number,
.bm-home-promo h2 span,
.bm-home-masglo-content h2,
.bm-home-masglo-content p {
  color: var(--tjdc-yellow-2) !important;
}

.bm-home-hero-carousel.owl-theme .owl-dots .owl-dot span {
  background: rgba(255, 212, 0, 0.34) !important;
}

.bm-home-hero-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: var(--tjdc-yellow) !important;
}

.bm-home-final-card {
  background-color: var(--tjdc-navy) !important;
}

.bm-home-final-card h2,
.bm-home-final-card p,
.bm-home-final-discount strong {
  color: var(--tjdc-white) !important;
}

.contact-section-title {
  border-bottom-color: var(--tjdc-border) !important;
}

.contact-section-title::after {
  background: var(--tjdc-yellow) !important;
}

.contact-submit-btn,
.contact-branch-list i {
  color: var(--tjdc-white);
}

.contact-branch-card {
  border-color: rgba(255, 212, 0, 0.58) !important;
}

.contact-branch-info h3,
.contact-branch-list i,
.contact-branch-list a:hover,
.contact-branch-actions a:hover {
  color: var(--tjdc-yellow-2) !important;
}

.contact-branch-actions a:hover {
  border-color: var(--tjdc-yellow) !important;
  box-shadow: 0 10px 22px rgba(255, 212, 0, 0.2) !important;
}

.contact-redesign-page .contact-branch-actions a {
  background: var(--tjdc-white) !important;
  border-color: rgba(25, 35, 56, 0.14) !important;
  border-radius: 999px !important;
  color: var(--tjdc-text) !important;
  min-height: 54px !important;
  text-decoration: none !important;
}

.contact-redesign-page .contact-branch-actions a:hover,
.contact-redesign-page .contact-branch-actions a:focus {
  background: var(--tjdc-yellow-soft) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.contact-redesign-page .contact-branch-actions i {
  color: var(--tjdc-whatsapp) !important;
  font-size: 23px !important;
}

.mp-btn-cancelar {
  background: var(--tjdc-yellow-soft) !important;
  border-color: rgba(255, 212, 0, 0.58) !important;
  color: var(--tjdc-navy) !important;
}

.mp-btn-cancelar:hover,
.mp-btn-cancelar:focus {
  background: #fff1a8 !important;
}

.mp-total-box,
.mp-total-box.mp-total-card,
.mp-total-option-normal {
  background: var(--tjdc-yellow-soft) !important;
  border-color: rgba(255, 212, 0, 0.48) !important;
}

.mp-total-option {
  border-color: var(--tjdc-border) !important;
}

.mp-total-option-normal span,
.cart-totals ul li.cart-total-normal strong {
  color: var(--tjdc-blue) !important;
}

.mp-total-box .mp-total-selected,
.mp-total-option-cash span,
.cash-benefit-line {
  color: var(--tjdc-danger) !important;
}

.mp-close:hover,
.required {
  color: var(--tjdc-danger) !important;
}

.mp-thumb-item:hover,
.mp-thumb-item.active,
.slider-nav > div:hover,
.slider-nav > div.active,
#slider-nav .thumb-item.active {
  border-color: var(--tjdc-yellow) !important;
  box-shadow: 0 2px 8px rgba(255, 212, 0, 0.34) !important;
}

.bm-products-pagination,
.bm-mobile-pickup-card {
  background: linear-gradient(90deg, var(--tjdc-navy) 0%, var(--tjdc-blue-2) 100%) !important;
  box-shadow: 0 14px 30px var(--tjdc-shadow) !important;
}

.bm-products-pagination-info strong,
.bm-products-pagination-info span,
.bm-mobile-pickup-content strong,
.bm-mobile-pickup-content span {
  color: var(--tjdc-white) !important;
}

.bm-pagination-btn.is-active,
.bm-pagination-btn:hover,
.bm-pagination-btn:focus {
  background: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.bm-pagination-btn.is-next {
  background: var(--tjdc-blue) !important;
  border-color: var(--tjdc-blue) !important;
}

.footer-area,
.footer-area.bm-footer-clean,
.copyright-area {
  background: linear-gradient(180deg, var(--tjdc-navy) 0%, #0a0d12 100%) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

.bm-footer-column h2,
.single-footer-widget h2 {
  color: var(--tjdc-yellow-light) !important;
}

.bm-footer-column p,
.bm-footer-column li,
.bm-footer-column a,
.single-footer-widget .footer-contact-info li a,
.single-footer-widget .quick-links li a,
.bm-footer-copyright p,
.bm-footer-copyright a,
.copyright-area .copyright-area-content p,
.copyright-area .copyright-area-content p a {
  color: rgba(255, 255, 255, 0.86) !important;
}

.bm-footer-column a,
.bm-footer-column a:hover,
.bm-footer-column a:focus,
.bm-footer-social a,
.bm-footer-social a:hover,
.bm-footer-social a:focus,
.bm-footer-whatsapp,
.bm-footer-whatsapp:hover,
.bm-footer-whatsapp:focus,
.whatsapp-float,
.whatsapp-float:hover,
.whatsapp-float:focus,
.footer-area a,
.footer-area a:hover,
.footer-area a:focus {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.bm-footer-social a::before,
.bm-footer-social a::after,
.bm-footer-whatsapp::before,
.bm-footer-whatsapp::after,
.whatsapp-float::before,
.whatsapp-float::after,
.footer-area a::before,
.footer-area a::after {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.bm-footer-column strong {
  color: var(--tjdc-white) !important;
}

.bm-footer-column a:hover,
.bm-footer-column a:focus,
.bm-footer-copyright a:hover,
.bm-footer-copyright a:focus {
  color: var(--tjdc-yellow-light) !important;
}

.bm-footer-social a {
  background: rgba(255, 212, 0, 0.14) !important;
  border-color: rgba(255, 224, 138, 0.45) !important;
}

.bm-footer-social a:hover,
.bm-footer-social a:focus {
  background: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
}

.bm-footer-social a:hover i,
.bm-footer-social a:focus i {
  color: var(--tjdc-navy) !important;
}

.footer-area .default-btn {
  background: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.footer-area .default-btn:hover,
.footer-area .default-btn:focus {
  background: var(--tjdc-yellow-light) !important;
  border-color: var(--tjdc-yellow-light) !important;
}

.bm-footer-whatsapp,
.whatsapp-float,
.mp-whatsapp {
  background: var(--tjdc-whatsapp) !important;
  color: var(--tjdc-white) !important;
}

.bm-footer-whatsapp:hover,
.bm-footer-whatsapp:focus,
.whatsapp-float:hover,
.whatsapp-float:focus,
.mp-whatsapp:hover,
.mp-whatsapp:focus {
  background: #128c7e !important;
  color: var(--tjdc-white) !important;
}

.go-top {
  background-color: var(--tjdc-navy) !important;
  color: var(--tjdc-white) !important;
}

.go-top:hover,
.go-top:focus {
  background-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover,
.pagination-area .page-numbers:focus {
  background: var(--tjdc-navy) !important;
  color: var(--tjdc-white) !important;
}

.bm-shop-with-sidebar .widget.widget_categories .categories li a.nav-link.active,
.bm-shop-with-sidebar.bm-shop-clean .widget.widget_categories .categories li a.nav-link.active,
.bm-shop-with-sidebar .widget.widget_categories .categories li a.nav-link.active:hover,
.bm-shop-with-sidebar.bm-shop-clean .widget.widget_categories .categories li a.nav-link.active:hover,
.bm-shop-with-sidebar .widget.widget_categories .categories li a.nav-link:hover,
.bm-shop-with-sidebar.bm-shop-clean .widget.widget_categories .categories li a.nav-link:hover {
  background: var(--tjdc-yellow-soft) !important;
  border-color: rgba(255, 212, 0, 0.58) !important;
  box-shadow: inset 3px 0 0 var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.bm-shop-with-sidebar .widget.widget_categories .categories li a.nav-link.active i,
.bm-shop-with-sidebar.bm-shop-clean .widget.widget_categories .categories li a.nav-link.active i,
.bm-shop-with-sidebar .widget.widget_categories .categories li a.nav-link:hover i,
.bm-shop-with-sidebar.bm-shop-clean .widget.widget_categories .categories li a.nav-link:hover i {
  color: var(--tjdc-yellow-2) !important;
}

.shop-area .product-card-action-cart,
.bm-home-products .product-card-actions .product-card-action-cart,
.single-arrivals-products .product-card-action-cart,
.single-shop-products .product-card-action-cart {
  background: var(--tjdc-navy) !important;
  border-color: var(--tjdc-navy) !important;
  box-shadow: 0 10px 20px var(--tjdc-shadow-soft) !important;
  color: var(--tjdc-white) !important;
}

.shop-area .product-card-action-cart:hover,
.shop-area .product-card-action-cart:focus,
.bm-home-products .product-card-actions .product-card-action-cart:hover,
.bm-home-products .product-card-actions .product-card-action-cart:focus,
.single-arrivals-products .product-card-action-cart:hover,
.single-arrivals-products .product-card-action-cart:focus,
.single-shop-products .product-card-action-cart:hover,
.single-shop-products .product-card-action-cart:focus {
  background: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.home-carousel-more,
.category-more-link,
.bm-pagination-btn.is-next {
  background: var(--tjdc-navy) !important;
  border-color: var(--tjdc-navy) !important;
  color: var(--tjdc-white) !important;
}

.home-carousel-more:hover,
.home-carousel-more:focus,
.category-more-link:hover,
.category-more-link:focus,
.bm-pagination-btn.is-next:hover,
.bm-pagination-btn.is-next:focus {
  background: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.story-content::before,
.story-content::after,
.about-panel::before,
.about-mini-card::before,
.about-difference-card::before {
  background: var(--tjdc-navy) !important;
}

.about-panel::after,
.about-mini-card::after,
.about-difference-card::after {
  background: var(--tjdc-yellow) !important;
}

.about-panel,
.about-mini-card,
.about-difference-card,
.about-value-item {
  background: var(--tjdc-white) !important;
  border-color: var(--tjdc-border) !important;
  box-shadow: 0 16px 36px var(--tjdc-shadow-soft) !important;
}

.about-copy h3,
.about-mini-card h3,
.about-difference-card h3,
.about-value-item strong {
  color: var(--tjdc-ink) !important;
}

.about-copy-text,
.about-copy-text p,
.about-copy-text div,
.about-mini-card p,
.about-difference-list li,
.about-commitment-text,
.about-value-item {
  color: var(--tjdc-text) !important;
}

.about-difference-list li i,
.about-value-item i {
  color: var(--tjdc-yellow-2) !important;
}

.branch-status-dot {
  background: var(--tjdc-yellow) !important;
}

.mp-close {
  background: var(--tjdc-white) !important;
  border-color: var(--tjdc-blue) !important;
  color: var(--tjdc-ink) !important;
}

.mp-close:hover,
.mp-close:focus {
  background: var(--tjdc-navy) !important;
  border-color: var(--tjdc-navy) !important;
  color: var(--tjdc-white) !important;
}

.mp-cantidad-btn,
.quantity .input-counter span,
.cart-table table tbody tr td.product-quantity .input-counter span {
  background: var(--tjdc-blue-soft) !important;
  color: var(--tjdc-navy) !important;
}

.mp-cantidad-btn:hover,
.mp-cantidad-btn:focus,
.quantity .input-counter span:hover,
.quantity .input-counter span:focus,
.cart-table table tbody tr td.product-quantity .input-counter span:hover,
.cart-table table tbody tr td.product-quantity .input-counter span:focus {
  background: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.cart-table table tbody tr td.product-remove a,
.remove,
.productsQuickView .modal-content button.close {
  color: var(--tjdc-navy) !important;
  border-color: var(--tjdc-blue) !important;
}

.cart-table table tbody tr td.product-remove a:hover,
.cart-table table tbody tr td.product-remove a:focus,
.remove:hover,
.remove:focus,
.productsQuickView .modal-content button.close:hover,
.productsQuickView .modal-content button.close:focus {
  background: var(--tjdc-yellow) !important;
  border-color: var(--tjdc-yellow) !important;
  color: var(--tjdc-navy) !important;
}

.cash-benefit-line,
.mp-total-box .mp-total-selected,
.mp-total-option-cash span,
.required {
  color: var(--tjdc-yellow-2) !important;
}

::selection {
  background: var(--tjdc-yellow);
  color: var(--tjdc-navy);
}

/* Compact responsive title and visual header sections */
.page-title-area,
.page-title-area.bm-page-title-clean,
.page-title-area.bm-shop-title-area {
  padding-bottom: 22px !important;
  padding-top: 22px !important;
}

.page-title-content {
  gap: 16px !important;
}

.page-title-content h2 {
  font-size: clamp(24px, 2.2vw, 30px) !important;
  line-height: 1.12 !important;
}

.page-title-content ul {
  gap: 7px !important;
}

.page-title-content ul li {
  font-size: clamp(13px, 1.1vw, 15px) !important;
  line-height: 1.2 !important;
}

.page-title-content ul li::before {
  height: 7px !important;
  margin-right: 7px !important;
  width: 7px !important;
}

.bm-visual-title-header.bm-special-intro,
.category-intro-area.bm-visual-title-header {
  background: var(--tjdc-white) !important;
  padding-top: 18px !important;
}

.bm-visual-title-header.bm-special-intro > .container,
.category-intro-area.bm-visual-title-header > .container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.bm-visual-title-header .category-intro-card {
  background: var(--tjdc-white) !important;
  width: 100% !important;
}

.bm-visual-title-header .category-intro-image {
  background: var(--tjdc-white) !important;
  height: clamp(210px, 19vw, 280px) !important;
  width: 100% !important;
}

.bm-visual-title-header .category-intro-image img {
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
}

.bm-visual-title-header .category-intro-copy.bm-title-only {
  align-items: center !important;
  background: linear-gradient(135deg, var(--tjdc-navy) 0%, var(--tjdc-blue-2) 58%, var(--tjdc-blue) 100%) !important;
  display: flex !important;
  min-height: clamp(92px, 8vw, 118px) !important;
  padding: clamp(22px, 2.6vw, 32px) max(24px, calc((100% - 1140px) / 2)) !important;
}

.bm-visual-title-header .category-intro-copy.bm-title-only h1 {
  color: var(--tjdc-yellow-light) !important;
  font-size: clamp(34px, 4.1vw, 52px) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  margin: 0 !important;
  max-width: 1140px !important;
  overflow-wrap: anywhere !important;
  width: 100% !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-title-area,
  .page-title-area.bm-page-title-clean,
  .page-title-area.bm-shop-title-area {
    padding-bottom: 18px !important;
    padding-top: 18px !important;
  }

  .page-title-content h2 {
    font-size: 25px !important;
  }

  .page-title-content ul li {
    font-size: 14px !important;
  }

  .bm-visual-title-header.bm-special-intro,
  .category-intro-area.bm-visual-title-header {
    padding-top: 14px !important;
  }

  .bm-visual-title-header .category-intro-image {
    height: 190px !important;
  }

  .bm-visual-title-header .category-intro-copy.bm-title-only {
    min-height: 86px !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }

  .bm-visual-title-header .category-intro-copy.bm-title-only h1 {
    font-size: 38px !important;
  }
}

@media (max-width: 767px) {
  .page-title-area,
  .page-title-area.bm-page-title-clean,
  .page-title-area.bm-shop-title-area {
    padding-bottom: 14px !important;
    padding-top: 14px !important;
  }

  .page-title-content {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .page-title-content h2 {
    font-size: clamp(22px, 6.2vw, 27px) !important;
    line-height: 1.08 !important;
  }

  .page-title-content ul {
    gap: 6px !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .page-title-content ul li {
    font-size: clamp(13px, 4vw, 15px) !important;
  }

  .page-title-content ul li::before {
    height: 6px !important;
    margin-right: 6px !important;
    width: 6px !important;
  }

  .bm-visual-title-header.bm-special-intro,
  .category-intro-area.bm-visual-title-header {
    padding-top: 10px !important;
  }

  .bm-visual-title-header .category-intro-image {
    height: 148px !important;
  }

  .bm-visual-title-header .category-intro-copy.bm-title-only {
    min-height: 72px !important;
    padding: 16px 22px !important;
  }

  .bm-visual-title-header .category-intro-copy.bm-title-only h1 {
    font-size: clamp(29px, 8.2vw, 40px) !important;
    line-height: 1.04 !important;
  }

  .whatsapp-float {
    bottom: 82px !important;
    height: 54px !important;
    right: 16px !important;
    width: 54px !important;
  }

  .whatsapp-float i {
    font-size: 31px !important;
  }
}

@media (max-width: 360px) {
  .bm-visual-title-header .category-intro-image {
    height: 128px !important;
  }

  .bm-visual-title-header .category-intro-copy.bm-title-only {
    min-height: 64px !important;
    padding: 14px 18px !important;
  }

  .bm-visual-title-header .category-intro-copy.bm-title-only h1 {
    font-size: clamp(26px, 8.5vw, 32px) !important;
  }
}

/* Responsive category dropdown for shop pages */
.bm-category-dropdown-toggle {
  display: none;
}

@media (max-width: 991px) {
  .shop-area .widget.widget_categories {
    margin-bottom: 16px !important;
  }

  .shop-area .widget.widget_categories.bm-category-dropdown-open {
    position: relative;
    z-index: 1105;
  }

  .shop-area .widget.widget_categories .bm-category-dropdown-toggle {
    align-items: center;
    background: var(--tjdc-white);
    border: 1px solid rgba(255, 212, 0, 0.58);
    border-radius: 10px;
    box-shadow: 0 10px 22px rgba(25, 35, 56, 0.07);
    color: var(--tjdc-ink);
    display: grid;
    gap: 14px;
    grid-template-columns: 64px minmax(0, 1fr) 28px;
    min-height: 86px;
    padding: 14px 18px;
    text-align: left;
    width: 100%;
  }

  .shop-area .bm-category-current-icon {
    align-items: center;
    background: var(--tjdc-navy);
    border-radius: 14px;
    color: var(--tjdc-yellow-light);
    display: inline-flex;
    height: 54px;
    justify-content: center;
    width: 54px;
  }

  .shop-area .bm-category-current-icon i {
    color: var(--tjdc-yellow-light);
    font-size: 28px;
    line-height: 1;
  }

  .shop-area .bm-category-current-copy {
    display: block;
    min-width: 0;
  }

  .shop-area .bm-category-current-copy span {
    color: #687389;
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.15;
    margin-bottom: 4px;
    text-transform: uppercase;
  }

  .shop-area .bm-category-current-copy strong {
    color: var(--tjdc-ink);
    display: block;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .shop-area .bm-category-dropdown-caret {
    color: var(--tjdc-yellow-2);
    font-size: 28px;
    line-height: 1;
    transition: transform 0.2s ease;
  }

  .shop-area .widget.widget_categories.bm-category-dropdown-open .bm-category-dropdown-caret {
    transform: rotate(180deg);
  }

  .shop-area .widget.widget_categories .categories[data-category-dropdown-menu] {
    display: none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }

  .shop-area .widget.widget_categories.bm-category-dropdown-open .categories[data-category-dropdown-menu] {
    background: var(--tjdc-white);
    border-radius: 10px;
    box-shadow: 0 14px 26px rgba(25, 35, 56, 0.08);
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: min(420px, 58vh);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding: 8px !important;
    scroll-snap-type: none !important;
  }

  .shop-area .widget.widget_categories .categories[data-category-dropdown-menu] li {
    margin: 0 !important;
    min-width: 0;
    width: 100%;
  }

  .shop-area .widget.widget_categories .categories[data-category-dropdown-menu] li a.nav-link {
    align-items: center !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 11px 12px !important;
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .shop-area .widget.widget_categories .categories[data-category-dropdown-menu] li a.nav-link i {
    flex: 0 0 auto;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .shop-area .widget.widget_categories .bm-category-dropdown-toggle {
    gap: 12px;
    grid-template-columns: 56px minmax(0, 1fr) 24px;
    min-height: 76px;
    padding: 12px 14px;
  }

  .shop-area .bm-category-current-icon {
    border-radius: 12px;
    height: 48px;
    width: 48px;
  }

  .shop-area .bm-category-current-icon i {
    font-size: 25px;
  }

  .shop-area .bm-category-current-copy span {
    font-size: 11px;
    margin-bottom: 3px;
  }

  .shop-area .bm-category-current-copy strong {
    font-size: 18px;
  }

  .shop-area .bm-category-dropdown-caret {
    font-size: 24px;
  }

  .shop-area .widget.widget_categories.bm-category-dropdown-open .categories[data-category-dropdown-menu] {
    grid-template-columns: minmax(0, 1fr);
    max-height: min(440px, 62vh);
  }

  .shop-area .widget.widget_categories .categories[data-category-dropdown-menu] li a.nav-link {
    font-size: 12px !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
  }
}

@media (max-width: 360px) {
  .shop-area .widget.widget_categories .bm-category-dropdown-toggle {
    grid-template-columns: 50px minmax(0, 1fr) 22px;
    min-height: 70px;
    padding: 10px 12px;
  }

  .shop-area .bm-category-current-icon {
    height: 44px;
    width: 44px;
  }

  .shop-area .bm-category-current-copy strong {
    font-size: 16px;
  }
}