/* === GLOBAL SMOOTHING === */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    letter-spacing: 0.01em;
    overflow-x: hidden;
}

/* === SMOOTH TRANSITIONS === */
a, button, .btn, input, img,
s-button, .s-btn {
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* === HEADER — Frosted Glass === */
header, .store-header, .header {
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    background: rgba(0, 0, 0, 0.85) !important;
    border-bottom: 1phx solid rgba(255, 255, 255, 0.06) !important;
}

/* === SLIDER — Cinematic === */
.slider img, .advanced-slider img {
    transition: transform 8s ease-out !important;
}
.slider:hover img, .advanced-slider:hover img {
    transform: scale(1.03) !important;
}

/* === CTA BUTTONS — Red Glow === */
.btn-primary, .s-btn--primary, .s-button-element, a.btn {
    background: #C30017 !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(195, 0, 23, 0.3) !important;
}
.btn-primary:hover, .s-btn--primary:hover, .s-button-element:hover, a.btn:hover {
    background: #a50014 !important;
    box-shadow: 0 6px 25px rgba(195, 0, 23, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* === PRODUCT CARDS — Elevated === */
.product-card, .product-item, .s-product-card, .product-entry {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    opacity: 1 !important;
}
.product-card:hover, .product-item:hover, .s-product-card:hover {
    border-color: rgba(195, 0, 23, 0.3) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(195, 0, 23, 0.1) !important;
    transform: translateY(-4px) !important;
}
.product-card:hover img, .product-item:hover img, .s-product-card:hover img {
    transform: scale(1.05) !important;
}
.product-card img, .s-product-card img {
    transition: transform 0.5s ease !important;
}

/* === PRODUCT TEXT COLORS === */
.product-card, .product-card *,
.product-card__info, .product-card__title,
.s-product-card-entry, .s-product-card-entry h3,
.s-product-card-entry a {
    color: #ffffff !important;
}
.product-card__price, .s-product-card-price,
.product-card .price {
    color: #C30017 !important;
}

/* === REVIEWS — Glass Cards === */
.testimonial, .review-card, .testimonials-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    backdrop-filter: blur(10px) !important;
}

/* === FAQ — Clean Accordion === */
.faq-item, [class*="faq"] .accordion-item {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    margin-bottom: 8px !important;
}

/* === FOOTER === */
footer, .store-footer {
    background: #2d2d2d !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}
footer a:hover, .store-footer a:hover {
    color: #C30017 !important;
}

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #2d2d2d; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #C30017; }

/* === SELECTION === */
::selection {
    background: rgba(195, 0, 23, 0.3);
    color: #fff;
}

/* === CRITICAL FIXES === */
html, body {
    background-color: #2d2d2d !important;
}

.advanced-slider, .advanced-slider .advanced-slider__slide,
.advanced-slider salla-slider {
    max-height: 85vh !important;
    overflow: hidden !important;
}
.advanced-slider img {
    width: 100% !important;
    height: 85vh !important;
    object-fit: cover !important;
    object-position: center !important;
}
.advanced-slider__caption {
    max-height: 85vh !important;
}

main, .main-content {
    background-color: #2d2d2d !important;
}

/* === MOBILE === */
@media (max-width: 768px) {
    .product-card, .s-product-card { border-radius: 12px !important; }
    header { backdrop-filter: blur(15px) !important; }
    .advanced-slider, .advanced-slider img {
        max-height: 60vh !important;
        height: 60vh !important;
    }
}

/* === INPUTS — Dark === */
input:not([type="color"]):not([type="range"]),
textarea, select {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}
input:focus, textarea:focus, select:focus {
    border-color: #C30017 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(195, 0, 23, 0.15) !important;
}

/* === PRODUCT DETAILS — Readable text on grey === */
.tab-pane, .more-info-tabs__content, .tab-content, .more-tab-container,
.product-description, .product-details__description, .tabby-promo-snippet,
.tab-pane p, .tab-pane li, .tab-pane span, .tab-pane strong,
.product-description p, .product-description li, .product-description span,
.product-description strong, .product-description h1, .product-description h2,
.product-description h3, .product-description h4, .product-description h5, .product-description h6 {
    color: #ffffff !important;
}
.more-info-tabs__title, .tab-title, .tabs-nav a {
    color: #ffffff !important;
}

/* === SHARE & WISH ICONS — Prevent overlap on mobile === */
@media (max-width: 768px) {
    /* Hide floating share/wish on mobile to prevent overlapping */
    .share-and-wish {
        top: 10px !important;
        left: 10px !important;
        right: auto !important;
        z-index: 5 !important;
        opacity: 0.85 !important;
    }
    .share-and-wish .s-button-element {
        width: 34px !important;
        height: 34px !important;
        padding: 4px !important;
        background: rgba(0,0,0,0.5) !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
    }
    /* Product image first on mobile */
    .product-single__row {
        display: flex !important;
        flex-direction: column !important;
    }
    .product-single__slider {
        order: 0 !important;
        margin-bottom: 1rem !important;
    }
    .product-single__inner {
        order: 2 !important;
    }
    /* Prevent product media overflow */
    .product-single__main-media,
    .product-single__slider,
    .product-single__slider__inner {
        max-width: 100% !important;
        overflow: hidden !important;
    }
    .product-single__main-media img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* === PROMOTION BANNER — Darker brand red === */
.promotion-banner {
    background: #8B0012 !important;
}
.promotion-banner a,
.promotion-banner p,
.promotion-banner span,
.promotion-banner li {
    color: #ffffff !important;
}

/* === PRODUCTS SECTION SIZING FIX === */
/* Clear the absolute header covering the title */
.s-block--custom-products,
main > section.s-block:first-of-type,
main > .s-block:first-child {
    margin-top: 140px !important;
    padding-top: 20px !important;
}

/* Section title spacing */
.s-block--custom-products h2,
.s-block--custom-products .s-block-title {
    margin-top: 0 !important;
    padding-top: 10px !important;
    line-height: 1.4 !important;
}

/* Container width use full area */
.s-block--custom-products {
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Desktop grid: 4 columns */
@media (min-width: 1200px) {
    .s-block--custom-products .s-products-list-wrapper,
    .s-products-list-wrapper.s-products-list-vertical-cards {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 24px !important;
    }
}

/* Tablet grid: 3 columns */
@media (min-width: 768px) and (max-width: 1199px) {
    .s-block--custom-products .s-products-list-wrapper,
    .s-products-list-wrapper.s-products-list-vertical-cards {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
}

/* Mobile: 2 columns */
@media (max-width: 767px) {
    .s-block--custom-products,
    main > section.s-block:first-of-type,
    main > .s-block:first-child {
        margin-top: 110px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .s-block--custom-products .s-products-list-wrapper,
    .s-products-list-wrapper.s-products-list-vertical-cards {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .s-block--custom-products h2,
    .s-block--custom-products .s-block-title {
        font-size: 1.4rem !important;
        padding: 0 10px !important;
    }
    .s-block--custom-products custom-salla-product-card,
    .s-block--custom-products .product-card {
        width: 100% !important;
        min-width: 0 !important;
    }
    .product-card .product-card__image,
    .product-card img {
        width: 100% !important;
        height: auto !important;
    }
}

/* Very small phones: keep 2 columns but tighter */
@media (max-width: 380px) {
    .s-block--custom-products .s-products-list-wrapper {
        gap: 8px !important;
    }
}

/* === HEADER BAR COLOR: #2d2d2d === */
header.store-header,
.store-header,
header.store-header .inner,
.store-header .inner {
    background: #2d2d2d !important;
    background-color: #2d2d2d !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* === ENLARGE NMS LOGO === */
.navbar-brand .logo-normal,
header.store-header .navbar-brand img,
.store-header .logo-normal {
    max-height: 115px !important;
    height: 115px !important;
    max-width: 280px !important;
    width: auto !important;
    object-fit: contain !important;
}
@media (max-width: 768px) {
    .navbar-brand .logo-normal,
    header.store-header .navbar-brand img,
    .store-header .logo-normal {
        max-height: 60px !important;
        height: 60px !important;
    }
}

/* === FOOTER LOGO FIX (no stretching) === */
.footer-logo img,
.store-footer .footer-logo img,
footer .footer-logo img {
    object-fit: contain !important;
    width: auto !important;
    max-width: 120px !important;
    height: auto !important;
    max-height: 120px !important;
    aspect-ratio: 1/1 !important;
}

/* === PRODUCT PAGE - Match Competitor Layout === */
.product-single__main-media {
  overflow: visible !important;
  position: relative !important;
}
.share-and-wish {
  position: absolute !important;
  top: -38px !important;
  left: 0 !important;
  right: auto !important;
  z-index: 20 !important;
  display: inline-flex !important;
  gap: 6px !important;
  opacity: 0.85 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}
.share-and-wish:hover { opacity: 1 !important; }
@media (min-width: 1024px) {
  .product-single__slider {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .product-single__slider salla-slider,
  .product-single__slider .details-slider {
    max-width: 95% !important;
    margin-inline: auto !important;
  }
  .product-single__main-media {
    border-radius: 12px !important;
  }
}

/* === TABS - Competitor Pill Style === */
.product-more-info.vertical .content-ul-tab,
.content-ul-tab {
  flex-direction: column !important;
  height: auto !important;
}
.product-more-info.vertical .content-ul-tab > .conttainer,
.content-ul-tab > .conttainer {
  height: auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
}
.product-more-info__inner {
  flex-direction: column !important;
  height: auto !important;
}
.more-info-tabs__nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  border-bottom: none !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  align-items: flex-start !important;
}
.more-info-tabs__nav-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: inline-flex !important;
}
.more-info-tabs__nav-link {
  background: rgba(25, 25, 35, 0.95) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.65) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  width: auto !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  position: relative !important;
}
.more-info-tabs__nav-link::before {
  display: inline-block !important;
  font-size: 15px !important;
}
.more-info-tabs__nav-link[data-id="details_table"]::before {
  content: "\1F4CB" !important;
}
.more-info-tabs__nav-link:not([data-id="details_table"])::before {
  content: "\2B50" !important;
}
.more-info-tabs__nav-link.active {
  background: linear-gradient(135deg, #c8102e 0%, #8b0000 100%) !important;
  border-color: #c8102e !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px rgba(200, 16, 46, 0.35) !important;
}
.more-info-tabs__nav-link:not(.active):hover {
  background: rgba(40, 40, 55, 0.95) !important;
  border-color: rgba(255,255,255,0.25) !important;
  color: #fff !important;
}
@media (max-width: 768px) {
  .more-info-tabs__nav-link {
    padding: 10px 16px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
  }
}
/* === SHIFT SHARE BUTTON ONTO IMAGE === */
@media (min-width: 1024px) {
  .share-and-wish {
    left: 45px !important;
    top: 20px !important;
  }
}
/* NMS — Apple-Level Premium Design System */

.store-footer p,
.store-footer p strong,
.store-footer .ql-align-center,
.store-footer .ql-align-center strong,
footer.store-footer p,
footer.store-footer p strong {
    color: #ffffff !important;
}

/* ---- BREADCRUMB: Unified color ---- */
.breadcrumb,
.breadcrumb a,
.breadcrumb span,
.breadcrumb li,
.breadcrumb ol li,
.breadcrumb ol li a,
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a,
.breadcrumb-item::before,
nav[aria-label="breadcrumb"] a,
nav[aria-label="breadcrumb"] span,
nav[aria-label="breadcrumb"] li,
.s-breadcrumb-wrap,
.s-breadcrumb-wrap a,
.s-breadcrumb-wrap span,
.product-breadcrumb,
.product-breadcrumb a,
.product-breadcrumb span {
    color: #ffffff !important;
    opacity: 1 !important;
}

.breadcrumb a:hover,
.breadcrumb-item a:hover,
nav[aria-label="breadcrumb"] a:hover,
.s-breadcrumb-wrap a:hover,
.product-breadcrumb a:hover {
    color: #cccccc !important; 
}

/* === HIDE WISHLIST & QUICK VIEW BUTTONS === */
.quickview-btn,
salla-button[aria-label*="wishlist"],
salla-button[aria-label*="Quick view"] {
  display: none !important;
}