/* ==========================================================================
   Sanmarg Prakashan - Premium Styles
   File: style.css
   ========================================================================== */

@import url("components/ui/site-loader.css");
@import url("components/ui/ajax-loader.css");
@import url("components/ui/toast.css");
:root {
    --pro-card-bg: #ffffff;
    --pro-card-border: rgba(0, 0, 0, 0.08);
    --pro-card-border-hover: rgba(180, 34, 49, 0.3);
    --pro-card-radius: calc(16 * 100vw / 1705);
    --pro-theme-red: #b42231;
    --pro-theme-red-hover: #981725;
    --pro-theme-saffron: #f4801f;
    --pro-text-dark: #1e293b;
    --pro-text-muted: #64748b;
    --pro-price-strike: #94a3b8;
    --pro-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.06);
    --pro-shadow-hover: 0 16px 34px -6px rgba(180, 34, 49, 0.18), 0 4px 14px -2px rgba(0, 0, 0, 0.06);
}


/* --------------------------------------------------------------------------
   Carousel Container & Equal Height Layout
   -------------------------------------------------------------------------- */

.product-carousel .slick-list {
    padding-top: calc(12 * 100vw / 1705) !important;
    padding-bottom: calc(24 * 100vw / 1705) !important;
    margin-top: calc(-12 * 100vw / 1705) !important;
    margin-bottom: calc(-24 * 100vw / 1705) !important;
}

.product-carousel .slick-track {
    display: flex !important;
}

.product-carousel .slick-slide {
    height: inherit !important;
    display: flex !important;
}

.product-carousel .slick-slide>div {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
}

.product-carousel .slick-slide .col {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    padding-top: calc(6 * 100vw / 1705);
    padding-bottom: calc(6 * 100vw / 1705);
}


/* --------------------------------------------------------------------------
   Unified Modern Product Card Architecture & Jitter-Free Hover
   -------------------------------------------------------------------------- */

.single-product {
    position: relative;
    background: var(--pro-card-bg) !important;
    border: 1px solid var(--pro-card-border) !important;
    border-radius: var(--pro-card-radius) !important;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    box-shadow: var(--pro-shadow) !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease !important;
    transition: all 0.4s ease !important;
    will-change: transform, box-shadow;
}


/* Invisible bottom buffer preventing boundary hover flicker when lifting */

.single-product::after {
    content: '';
    position: absolute;
    bottom: calc(-10 * 100vw / 1705);
    left: 0;
    width: 100%;
    height: calc(12 * 100vw / 1705);
    background: transparent;
    pointer-events: auto;
}

.single-product:hover {
    transform: translateY(calc(-6 * 100vw / 1705)) translateZ(0) !important;
    border-color: var(--pro-card-border-hover) !important;
    box-shadow: var(--pro-shadow-hover) !important;
}


/* --------------------------------------------------------------------------
   Product Image Showcase
   -------------------------------------------------------------------------- */

.single-product__image {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1;
    background: linear-gradient(180deg, #fafbfd 0%, #f1f3f7 100%) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: calc(14 * 100vw / 1705) calc(12 * 100vw / 1705) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    flex-shrink: 0 !important;
}


/* Ambient Radial Glow in Image Showcase */

.single-product__image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 72%);
    pointer-events: none;
    z-index: 1;
}

.single-product__image>a.image-wrap,
.single-product__image>a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    z-index: 2 !important;
    text-decoration: none !important;
}

.single-product__image>a img,
.single-product__image .image-wrap img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: calc(4 * 100vw / 1705) calc(6 * 100vw / 1705) calc(6 * 100vw / 1705) calc(4 * 100vw / 1705) !important;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.11)) !important;
    transform: scale(1) translateZ(0) !important;
    -webkit-transform: scale(1) translateZ(0) !important;
    transition: all 0.4s ease !important;
    will-change: transform, filter;
}


/* Placeholder Logo Styling */

.single-product__image img[src*="empty-product"] {
    max-width: 76% !important;
    max-height: 76% !important;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.04)) !important;
    border-radius: 0 !important;
}

.single-product:hover .single-product__image>a img,
.single-product:hover .single-product__image .image-wrap img {
    transform: scale(1.045) translateY(calc(-2 * 100vw / 1705)) translateZ(0) !important;
    filter: drop-shadow(0 12px 22px rgba(180, 34, 49, 0.18)) !important;
}


/* 
 * CRITICAL FIX: Hide the second image replacement on hover!
 * In this database, second images are empty-product logo placeholders which
 * were jarringly replacing real book covers when hovered.
 */

.single-product__image>a img:nth-child(2),
.single-product__image .image-wrap img:nth-child(2) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* --------------------------------------------------------------------------
   Floating Badges (Modern Glassmorphic Pills - Stable Position)
   -------------------------------------------------------------------------- */

.single-product__floating-badges {
    position: absolute !important;
    top: calc(14 * 100vw / 1705) !important;
    left: calc(14 * 100vw / 1705) !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: calc(6 * 100vw / 1705) !important;
    pointer-events: none !important;
}

.single-product__floating-badges span {
    display: inline-flex !important;
    align-items: center !important;
    gap: calc(5 * 100vw / 1705) !important;
    height: auto !important;
    width: auto !important;
    line-height: 1 !important;
    padding: calc(5 * 100vw / 1705) calc(11 * 100vw / 1705) !important;
    border-radius: 999px !important;
    font-size: var(--fs-10) !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.14) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    margin-bottom: 0 !important;
    transform: none !important;
}


/* "New" Badge - Radiant Emerald */

.single-product__floating-badges span.new {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}


/* "Popular" Badge - Warm Saffron Amber */

.single-product__floating-badges span.popular {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}


/* "Sale" Badge - Brand Crimson */

.single-product__floating-badges span.onsale {
    background: linear-gradient(135deg, #b42231 0%, #e02f43 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}


/* --------------------------------------------------------------------------
   Floating Quick Action Buttons (Wishlist, Quickview)
   -------------------------------------------------------------------------- */

.single-product__floating-icons {
    position: absolute !important;
    top: calc(14 * 100vw / 1705) !important;
    right: calc(14 * 100vw / 1705) !important;
    z-index: 6 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: calc(8 * 100vw / 1705) !important;
}


/* Override main.css conflicting staggered transitions & margin-top */

.single-product__floating-icons span {
    display: block !important;
    visibility: visible !important;
    opacity: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: translateY(calc(-8 * 100vw / 1705)) scale(0.9) !important;
    -webkit-transform: translateY(calc(-8 * 100vw / 1705)) scale(0.9) !important;
    transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    -webkit-transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.single-product:hover .single-product__floating-icons span {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
    -webkit-transform: translateY(0) scale(1) !important;
}

.single-product__floating-icons span:nth-child(1) {
    transition-delay: 0.03s !important;
}

.single-product__floating-icons span:nth-child(2) {
    transition-delay: 0.07s !important;
}

.single-product__floating-icons span a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(36 * 100vw / 1705) !important;
    height: calc(36 * 100vw / 1705) !important;
    line-height: calc(36 * 100vw / 1705) !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #475569 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 0 !important;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
    text-decoration: none !important;
}

.single-product__floating-icons span a:hover {
    background-color: var(--pro-theme-red) !important;
    color: #ffffff !important;
    border-color: var(--pro-theme-red) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 16px rgba(180, 34, 49, 0.35) !important;
}

.single-product__floating-icons span a i,
.single-product__floating-icons span a iconify-icon {
    font-size: var(--fs-18) !important;
    width: var(--fs-18) !important;
    height: var(--fs-18) !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
}

.single-product__floating-icons span a.add_wishlist.is_liked {
    background-color: #ec1995 !important;
    border-color: #ec1995 !important;
    color: #ffffff !important;
}


/* --------------------------------------------------------------------------
   Product Content Body
   -------------------------------------------------------------------------- */

.single-product__content.product_content_custom_show {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: calc(14 * 100vw / 1705) calc(16 * 100vw / 1705) calc(16 * 100vw / 1705) !important;
    background: #ffffff !important;
    border: none !important;
}


/* Language Category Tag */

.single-product__content.product_content_custom_show .languagename {
    font-size: var(--fs-11) !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: var(--pro-text-muted) !important;
    background: #f1f5f9 !important;
    padding: calc(3 * 100vw / 1705) calc(9 * 100vw / 1705) !important;
    border-radius: calc(6 * 100vw / 1705) !important;
    display: inline-block !important;
    width: fit-content !important;
    margin-bottom: calc(8 * 100vw / 1705) !important;
    line-height: 1.2 !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
}


/* Title Section - Strictly Single Line with Ellipsis (...) without h3 */

.single-product__content.product_content_custom_show .title {
    margin: 0 0 calc(10 * 100vw / 1705) 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
    position: relative !important;
    line-height: 1.4 !important;
}


/* Neutralize main.css Lezada title>a pop-up behavior and style title link */

.single-product__content.product_content_custom_show .title a,
.single-product__content.product_content_custom_show .title>a {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--fs-14) !important;
    line-height: 1.4 !important;
    letter-spacing: -0.01em !important;
    color: var(--pro-text-dark) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-decoration: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}


/* Strip any pseudo-elements added by main.css (e.g. + or ionicons) */

.single-product__content.product_content_custom_show .title a::before,
.single-product__content.product_content_custom_show .title a::after,
.single-product__content.product_content_custom_show .title>a::before,
.single-product__content.product_content_custom_show .title>a::after {
    display: none !important;
    content: none !important;
}


/* Hover State */

.single-product:hover .single-product__content.product_content_custom_show .title a,
.single-product:hover .single-product__content.product_content_custom_show .title>a,
.single-product__content.product_content_custom_show .title a:hover,
.single-product__content.product_content_custom_show .title>a:hover {
    color: var(--pro-theme-red) !important;
    transform: none !important;
    -webkit-transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-decoration: none !important;
}


/* Fallback support for legacy h3 wrapper */

.single-product__content.product_content_custom_show .title h3 {
    margin: 0 !important;
    font-size: var(--fs-14-5) !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    min-height: auto !important;
    height: auto !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.single-product__content.product_content_custom_show .title h3 a {
    color: var(--pro-text-dark) !important;
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-decoration: none !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: color 0.25s ease !important;
}

.single-product:hover .single-product__content.product_content_custom_show .title h3 a,
.single-product__content.product_content_custom_show .title h3 a:hover {
    color: var(--pro-theme-red) !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* --------------------------------------------------------------------------
   Price & Add-to-Cart Action Section
   -------------------------------------------------------------------------- */

.single-product__content.product_content_custom_show .price {
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: calc(10 * 100vw / 1705) !important;
    padding-top: calc(8 * 100vw / 1705) !important;
    border-top: 1px dashed rgba(226, 232, 240, 0.9) !important;
}


/* Price Row */

.single-product__content.product_content_custom_show .price .main-price {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: calc(8 * 100vw / 1705) !important;
    font-size: var(--fs-20) !important;
    color: #000 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}


/* Original Discounted Price */

.single-product__content.product_content_custom_show .price .main-price i.dis,
.single-product__content.product_content_custom_show .price .main-price i {
    font-size: var(--fs-14) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: var(--pro-price-strike) !important;
    text-decoration: line-through !important;
    margin-left: calc(2 * 100vw / 1705) !important;
}


/* --------------------------------------------------------------------------
   Interactive Add-To-Cart CTA Button (Smooth Background-Color Transition)
   -------------------------------------------------------------------------- */

.single-product__content.product_content_custom_show .price button.addtocart {
    width: 100% !important;
    margin-top: 0 !important;
    padding: calc(10 * 100vw / 1705) calc(16 * 100vw / 1705) !important;
    border-radius: calc(10 * 100vw / 1705) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: var(--fs-13) !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: calc(8 * 100vw / 1705) !important;
    cursor: pointer !important;
    outline: none !important;
    /* Default state: Subtle brand-tinted pill with smooth background-color transition */
    background-color: #fdf2f2 !important;
    background-image: none !important;
    color: var(--pro-theme-red) !important;
    border: 1.5px solid rgba(180, 34, 49, 0.22) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: all 0.4s ease !important;
}

.single-product__content.product_content_custom_show .price button.addtocart i,
.single-product__content.product_content_custom_show .price button.addtocart iconify-icon {
    font-size: var(--fs-17) !important;
    width: var(--fs-17) !important;
    height: var(--fs-17) !important;
    margin-right: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.3s ease !important;
    pointer-events: none !important;
}


/* Card Hover Sync: Button smoothly activates with solid crimson */

.single-product:hover .single-product__content.product_content_custom_show .price button.addtocart {
    background-color: var(--pro-theme-red) !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: var(--pro-theme-red) !important;
}


/* Direct Button Hover: Elevates with deeper crimson & warm glow */

.single-product__content.product_content_custom_show .price button.addtocart:hover,
.single-product:hover .single-product__content.product_content_custom_show .price button.addtocart:hover {
    background-color: var(--pro-theme-red-hover) !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: var(--pro-theme-red-hover) !important;
    box-shadow: 0 6px 18px rgba(180, 34, 49, 0.42) !important;
    transform: translateY(-2px) !important;
}

.single-product:hover .single-product__content.product_content_custom_show .price button.addtocart i,
.single-product__content.product_content_custom_show .price button.addtocart:hover i,
.single-product:hover .single-product__content.product_content_custom_show .price button.addtocart iconify-icon,
.single-product__content.product_content_custom_show .price button.addtocart:hover iconify-icon {
    transform: scale(1.12) !important;
}


/* Disabled / Out of Stock Button */

.single-product__content.product_content_custom_show .price button.addtocart:disabled,
.single-product__content.product_content_custom_show .price button.addtocart[disabled],
.single-product:hover .single-product__content.product_content_custom_show .price button.addtocart:disabled {
    background-color: #f1f5f9 !important;
    background-image: none !important;
    color: #94a3b8 !important;
    border: 1px solid #e2e8f0 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
}


/* --------------------------------------------------------------------------
   Product Carousel & Slider Slick Navigation Arrows
   -------------------------------------------------------------------------- */


/* Strip default slick-theme.css pseudo-elements (prevent double arrows & bullets) */

.product-carousel .slick-arrow::before,
.product-carousel .slick-arrow::after,
.blog-post-slider .slick-arrow::before,
.blog-post-slider .slick-arrow::after,
.hero-slick-arrow::before,
.hero-slick-arrow::after,
.slick-arrow::before,
.slick-arrow::after,
.slick-prev::before,
.slick-prev::after,
.slick-next::before,
.slick-next::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
}


/* Also strip pseudo-elements on slick-dots to prevent double bullets/icons */

.slick-dots li::before,
.slick-dots li::after,
.slick-dots li button::before,
.slick-dots li button::after,
.product-carousel .slick-dots li button::before,
.product-carousel .slick-dots li button::after,
.blog-post-slider .slick-dots li button::before,
.blog-post-slider .slick-dots li button::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
}

.product-carousel .slick-arrow,
.blog-post-slider .slick-arrow {
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #1e293b !important;
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: background-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease, opacity 0.28s ease !important;
    opacity: 0 !important;
    visibility: hidden !important;
    top: 45% !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
}

.product-carousel:hover .slick-arrow,
.blog-post-slider:hover .slick-arrow {
    opacity: 1 !important;
    visibility: visible !important;
}

.product-carousel .slick-arrow.slick-prev,
.blog-post-slider .slick-arrow.slick-prev {
    left: -20px !important;
}

.product-carousel .slick-arrow.slick-next,
.blog-post-slider .slick-arrow.slick-next {
    right: -20px !important;
}

.product-carousel .slick-arrow:hover,
.blog-post-slider .slick-arrow:hover {
    background-color: var(--pro-theme-red) !important;
    color: #ffffff !important;
    border-color: var(--pro-theme-red) !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 6px 20px rgba(180, 34, 49, 0.35) !important;
}

.product-carousel .slick-arrow iconify-icon,
.blog-post-slider .slick-arrow iconify-icon {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
}


/* --------------------------------------------------------------------------
   Signature Section Titles (Modern Luxury Editorial Design)
   -------------------------------------------------------------------------- */

.site-global_title-1 {
    margin-bottom: calc(38 * 100vw / 1705);
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.site-global_title-1 p {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    cursor: default;
}

.site-global_title-1 p span.text {
    order: 1;
    display: inline-block;
    max-width: 100%;
    font-size: var(--fs-32);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #1d1719;
    background: linear-gradient(105deg, #1d1719 15%, #6a1320 70%, #b42231 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 calc(12 * 100vw / 1705);
    position: relative;
    z-index: 2;
}


/* Subtle architectural hairline spanning across beneath the title */

.site-global_title-1 p::before {
    content: '';
    position: absolute;
    bottom: calc(1.5 * 100vw / 1705);
    left: 50%;
    transform: translateX(-50%);
    width: calc(160 * 100vw / 1705);
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(180, 34, 49, 0.22) 25%, rgba(229, 106, 40, 0.35) 50%, rgba(215, 173, 104, 0.22) 75%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}


/* Centered modern luxury gradient capsule bar */

.site-global_title-1 p::after {
    content: '';
    display: block;
    order: 2;
    width: calc(48 * 100vw / 1705);
    height: calc(3.5 * 100vw / 1705);
    margin-top: calc(12 * 100vw / 1705);
    border-radius: calc(10 * 100vw / 1705);
    background: linear-gradient(90deg, #b42231 0%, #e56a28 55%, #d7ad68 100%);
    box-shadow: 0 calc(2 * 100vw / 1705) calc(8 * 100vw / 1705) rgba(180, 34, 49, 0.25);
    z-index: 2;
    cursor: default;
}


/* Cleanly hide legacy template lezada dot & line spans */

.site-global_title-1 p span.titledot,
.site-global_title-1 p span.titleline {
    display: none !important;
}


/* SEO page description content displayed above the site footer */

.page-content {
    position: relative;
    padding: 28px 0;
    background: #fdfbf7;
}

.page-content .page-description {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #756c68;
    font-size: 13px;
    line-height: 1.75;
}

.page-content .page-description> :first-child {
    margin-top: 0;
}

.page-content .page-description> :last-child {
    margin-bottom: 0;
}

.page-content .page-description h1,
.page-content .page-description h2,
.page-content .page-description h3,
.page-content .page-description h4,
.page-content .page-description h5,
.page-content .page-description h6 {
    margin: 15px 0 7px;
    color: #342d2a;
    font-family: inherit;
    font-weight: 650;
    line-height: 1.4;
}

.page-content .page-description h1 {
    font-size: 21px;
}

.page-content .page-description h2 {
    font-size: 19px;
}

.page-content .page-description h3 {
    font-size: 17px;
}

.page-content .page-description h4 {
    font-size: 15px;
}

.page-content .page-description h5 {
    font-size: 14px;
}

.page-content .page-description h6 {
    font-size: 13px;
}

.page-content .page-description p {
    margin: 0 0 9px;
    color: inherit;
    font-size: 13px;
    line-height: 1.75;
}

.page-content .page-description strong,
.page-content .page-description b {
    color: #443a36;
    font-weight: 650;
}

.page-content .page-description ul,
.page-content .page-description ol {
    margin: 6px 0 12px;
    padding-left: 22px;
    color: inherit;
    font-size: 13px;
    line-height: 1.7;
}

.page-content .page-description li {
    margin: 2px 0;
    padding-left: 2px;
    font-size: inherit;
}

.page-content .page-description a {
    color: #a91f2d;
    text-decoration: underline;
    text-decoration-color: rgba(169, 31, 45, 0.3);
    text-underline-offset: 2px;
}

.page-content .page-description a:hover {
    color: #7f1722;
    text-decoration-color: currentColor;
}

.page-content .page-description blockquote {
    margin: 12px 0;
    padding: 2px 0 2px 12px;
    color: #62544e;
    border-left: 2px solid #d5ad71;
    font-size: 13px;
}

.page-content .page-description img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.page-content .page-description table {
    width: 100%;
    margin: 12px 0;
    border-collapse: collapse;
    font-size: 13px;
}

.page-content .page-description th,
.page-content .page-description td {
    padding: 7px 9px;
    border: 1px solid rgba(125, 110, 104, 0.18);
    text-align: left;
}

.page-content .page-description th {
    color: #443a36;
    background: #faf4ee;
    font-weight: 650;
}

@media (max-width: 991px) {
    .single-product__image {
        height: 200px !important;
        padding: 14px 12px !important;
    }
    .single-product__content.product_content_custom_show {
        padding: 12px 14px 14px !important;
    }
    .single-product__content.product_content_custom_show .title,
    .single-product__content.product_content_custom_show .title a,
    .single-product__content.product_content_custom_show .title>a,
    .single-product__content.product_content_custom_show .title h3 {
        font-size: 14px !important;
        min-height: auto !important;
        height: auto !important;
    }
    .single-product__content.product_content_custom_show .price .main-price {
        font-size: 17px !important;
    }
    .single-product__content.product_content_custom_show .price button.addtocart {
        padding: 9px 12px !important;
        font-size: 12px !important;
    }
    .single-product__floating-icons span {
        opacity: 0.9 !important;
        transform: none !important;
    }
}

@media (max-width: 767px) {
    .single-product {
        border-radius: 14px !important;
    }
    .single-product__image {
        height: 180px !important;
        padding: 10px 8px !important;
    }
    .single-product__floating-badges {
        top: 10px !important;
        left: 10px !important;
    }
    .single-product__floating-badges span {
        font-size: 8px !important;
        padding: 3px 6px !important;
    }
    .single-product__floating-icons {
        top: 10px !important;
        right: 10px !important;
    }
    .single-product__floating-icons span a {
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
    }
    .single-product__floating-icons span a i {
        font-size: 15px !important;
    }
    .single-product__content.product_content_custom_show {
        padding: 10px 10px 14px !important;
        gap: 7px;
    }
    .single-product__content.product_content_custom_show .title,
    .single-product__content.product_content_custom_show .title a,
    .single-product__content.product_content_custom_show .title>a,
    .single-product__content.product_content_custom_show .title h3 {
        font-size: 12px !important;
        min-height: auto !important;
        height: auto !important;
    }
    .single-product__content.product_content_custom_show .price .main-price {
        font-size: 14px !important;
        gap: 5px !important;
    }
    .single-product__content.product_content_custom_show .price button.addtocart {
        padding: 3px 10px !important;
        font-size: 10px !important;
        border-radius: 7px !important;
    }
    .single-product__content.product_content_custom_show .languagename {
        letter-spacing: 0 !important;
        font-size: 10px !important;
        margin: 0 !important;
        padding: 4px 6px !important;
        border-radius: 5px !important;
    }
    .single-product__content.product_content_custom_show .price .main-price i.dis,
    .single-product__content.product_content_custom_show .price .main-price i {
        font-size: 10px !important;
    }
    .single-product__content.product_content_custom_show .price {
        gap: 8px !important;
        padding-top: 8px !important;
    }
    .single-product__content.product_content_custom_show .price button.addtocart.out-of-stock-inquiry-trigger {
        font-size: 8px !important;
        padding: 3px 5px !important;
        gap: 3px !important;
    }
    .single-product__content.product_content_custom_show .price button.addtocart i,
    .single-product__content.product_content_custom_show .price button.addtocart iconify-icon {
        font-size: 12px !important;
    }
    .page-content {
        padding: 22px 0;
    }
    .page-content .page-description {
        font-size: 13px;
        line-height: 1.7;
    }
    .page-content .page-description h1 {
        font-size: 19px;
    }
    .page-content .page-description h2 {
        font-size: 17px;
    }
    .page-content .page-description h3 {
        font-size: 15.5px;
    }
    .page-content .page-description p,
    .page-content .page-description ul,
    .page-content .page-description ol {
        font-size: 13px;
    }
    .site-global_title-1 {
        margin-bottom: 24px;
    }
    .site-global_title-1 p span.text {
        font-size: 20px;
        padding: 0 8px;
    }
    .site-global_title-1 p::before {
        width: 120px;
        bottom: 1px;
    }
    .site-global_title-1 p::after {
        width: 40px;
        height: 3px;
        margin-top: 10px;
        border-radius: 6px;
    }
}

@media (max-width: 575.98px) {
    .page-content {
        padding: 18px 0;
    }
    .page-content .page-description {
        font-size: 11.5px;
        line-height: 1.65;
    }
    .page-content .page-description h1 {
        font-size: 16px;
    }
    .page-content .page-description h2 {
        font-size: 14.5px;
    }
    .page-content .page-description h3 {
        font-size: 13.5px;
    }
    .page-content .page-description h4,
    .page-content .page-description h5 {
        font-size: 12px;
    }
    .page-content .page-description h6,
    .page-content .page-description p,
    .page-content .page-description ul,
    .page-content .page-description ol,
    .page-content .page-description blockquote,
    .page-content .page-description table {
        font-size: 11.5px;
    }
    .page-content .page-description h1,
    .page-content .page-description h2,
    .page-content .page-description h3,
    .page-content .page-description h4,
    .page-content .page-description h5,
    .page-content .page-description h6 {
        margin-top: 12px;
        margin-bottom: 5px;
    }
    .page-content .page-description p {
        margin-bottom: 7px;
        line-height: 1.65;
    }
    .page-content .page-description ul,
    .page-content .page-description ol {
        padding-left: 18px;
        line-height: 1.6;
    }
}