        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.24);
      }
      .featured-cart-btn:hover .add-to-cart-text {
        opacity: 1;
        visibility: visible;
      }
      .product-gallery { border-radius: 20px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.08); background: #fff; }
      .product-gallery.is-video-active { overflow: visible; }
      .product-media-tabs {
        display: flex;
        gap: 8px;
        padding: 12px 12px 0;
        background: #fff;
      }
      .product-media-tab {
        flex: 1;
        border: 1px solid #dbeafe;
        background: #f8fbff;
        color: #1e40af;
        border-radius: 999px;
        padding: 10px 16px;
        font-weight: 700;
        cursor: pointer;
        transition: all .2s ease;
      }
      .product-media-tab.active {
        background: #0071f8;
        border-color: #0071f8;
        color: #fff;
      }
      .product-media-panel[hidden] { display: none !important; }
      .product-video-wrap {
        padding: 6px;
        background: #fff;
        border-bottom: 1px solid #f1f5f9;
      }
      .product-video-stage {
        position: relative;
        width: 100%;
        height: 470px;
        max-height: 70vh;
        background: #eef2f7;
      }
      .product-video-player {
        width: 100%;
        height: 100%;
        max-height: 70vh;
        display: block;
        object-fit: contain;
        object-position: center;
        background: #000;
        border-radius: 0;
      }
      .product-video-overlay {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.08);
        pointer-events: none;
      }
      .product-video-overlay[hidden] {
        display: none !important;
      }
      .product-video-play-btn {
        position: static;
        transform: none;
        width: 84px;
        height: 84px;
        border: none;
        border-radius: 50%;
        background: rgba(0, 113, 248, 0.92);
        color: #fff;
        cursor: pointer;
        pointer-events: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
        transition: transform 0.2s ease, background 0.2s ease;
        padding: 0;
        line-height: 1;
      }
      .product-video-play-btn:hover {
        transform: scale(1.06);
        background: rgba(0, 97, 220, 0.96);
      }
      .product-video-play-icon {
        display: block;
        width: 32px;
        height: 32px;
        margin: 0;
        padding: 0;
        padding-inline-start: 4px;
        flex-shrink: 0;
      }
      .product-video-fs-btn {
        position: absolute;
        right: 12px;
        left: auto;
        bottom: 58px;
        z-index: 10;
        width: 44px;
        height: 44px;
        border: none;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.72);
        color: #fff;
        font-size: 1.15rem;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
      }
      @media (max-width: 991px) {
        .product-video-player::-webkit-media-controls-fullscreen-button {
          display: none !important;
        }
        .product-video-player::-webkit-media-controls-picture-in-picture-button {
          display: none !important;
        }
      }
      .product-video-fs-btn[hidden] {
        display: none !important;
      }
      @media (min-width: 992px) {
        .product-video-fs-btn {
          display: none !important;
        }
      }
      .product-video-stage.is-stage-fullscreen {
        position: fixed !important;
        inset: 0 !important;
        z-index: 999999 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-height: none !important;
        background: #000 !important;
        margin: 0 !important;
        border-radius: 0 !important;
      }
      .product-video-stage.is-stage-fullscreen .product-video-player {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
      }
      .product-video-stage.is-stage-fullscreen .product-video-fs-btn {
        display: flex !important;
        bottom: max(14px, env(safe-area-inset-bottom));
        right: max(14px, env(safe-area-inset-right));
        left: auto;
      }
      html.product-video-fs-active {
        overflow: hidden !important;
      }
      html.product-video-fs-active body {
        overflow: hidden !important;
      }
      .product-video-stage.is-playing .product-video-overlay {
        display: none !important;
      }
      .product-main-image-wrap {
        width: 100%;
        height: 470px;
        display: flex;
        align-items: stretch;
        justify-content: stretch;
        background: #fff;
        overflow: hidden;
        padding: 6px;
        box-sizing: border-box;
        border-bottom: 1px solid #f1f5f9;
        position: relative;
      }
      .product-main-image-wrap--swipeable {
        touch-action: pan-y;
        -webkit-user-select: none;
        user-select: none;
      }
      .product-main-nav-btn {
        display: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 4;
        width: 46px;
        height: 46px;
        border: none;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.94);
        color: #1a1a1a;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
        transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
        padding: 0;
      }
      @media (min-width: 992px) {
        .product-main-nav-btn {
          display: flex;
        }
      }
      .product-main-nav-btn:hover {
        background: #fff;
        transform: translateY(-50%) scale(1.05);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
      }
      .product-main-nav-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        pointer-events: none;
      }
      .product-main-nav-icon svg {
        display: block;
      }
      .product-main-nav-prev {
        left: 12px;
        right: auto;
      }
      .product-main-nav-next {
        right: 12px;
        left: auto;
      }
      .product-main-image-wrap > picture {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
      }
      .single-product .product-gallery.is-out-of-stock .product-main-image-wrap {
        overflow: hidden;
      }
      .single-product .product-detail-out-of-stock-btn {
        width: auto;
        min-width: 120px;
        height: 44px;
        border-radius: 999px;
        gap: 8px;
        padding: 0 14px;
        font-size: 0.85rem;
        border: none;
      }
      .product-gallery .main-image,
      .product-gallery .product-main-image,
      .product-main-image-wrap img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center;
        display: block;
        border-radius: 0;
      }
      .product-gallery .thumb-list { display: flex; gap: 10px; margin-top: 16px; overflow-x: auto; padding: 8px 0; scroll-behavior: smooth; }
      @media (min-width: 992px) {
        .single-product .product-gallery .thumb-list {
          justify-content: center;
        }
      }
      .product-gallery .thumb-list::-webkit-scrollbar { height: 6px; }
      .product-gallery .thumb-list::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 10px; }
      .product-gallery .thumb-list::-webkit-scrollbar-thumb { background: #d500f9; border-radius: 10px; }
      .product-gallery .thumb-list button,
      .product-gallery .thumb-btn {
        flex: 0 0 auto;
        border: 2px solid #ddd;
        border-radius: 12px;
        overflow: hidden;
        padding: 4px !important;
        background: #fff;
        cursor: pointer;
        transition: all .3s ease;
        width: 85px;
        height: 85px;
        display: flex !important;
        align-items: stretch;
        justify-content: stretch;
        box-sizing: border-box;
      }
      .product-gallery .thumb-list button:hover,
      .product-gallery .thumb-btn:hover { border-color: #b0bec5; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transform: translateY(-2px); }
      .product-gallery .thumb-list button.active,
      .product-gallery .thumb-btn.active { border-color: #d500f9; box-shadow: 0 6px 18px rgba(213,0,249,0.2); }
      .product-gallery .thumb-list button > picture,
      .product-gallery .thumb-btn > picture {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
      }
      .product-gallery .thumb-list button img,
      .product-gallery .thumb-btn img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        display: block;
      }
      .product-sidebar .similar-card { border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.06); margin-bottom: 16px; }
      .product-sidebar .similar-card img { width: 100%; height: 100px; object-fit: contain; object-position: center; background: #fff; }
      .product-sidebar .similar-card .card-body { padding: 14px; }
      .product-sidebar .badge-featured { background: #ffdd57; color: #2a2a2a; font-weight: 700; border-radius: 12px; padding: 6px 12px; }
      .product-info .price-tag { font-size: 2rem; font-weight: 700; color: #d500f9; }
      .product-cart-panel { width: 100%; margin-bottom: 1rem; }
      .cart-in-product-notice {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
        background: linear-gradient(135deg, #ecfdf5, #f0fdf4);
        border: 1px solid #86efac;
        border-radius: 14px;
        padding: 12px 14px;
        margin-bottom: 12px;
        color: #065f46;
        font-weight: 700;
        font-size: 0.95rem;
      }
      .cart-in-product-notice .notice-text {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .cart-in-product-notice .notice-text i {
        color: #10b981;
        font-size: 1.15rem;
      }
      .cart-in-product-notice .view-cart-link {
        color: #0071f8;
        text-decoration: none;
        font-weight: 800;
        white-space: nowrap;
      }
      .cart-in-product-notice .view-cart-link:hover {
        text-decoration: underline;
      }
      .product-qty-controls {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
      }
      .single-product .product-cart-panel form.product-qty-stepper-form,
      .single-product .product-cart-panel form.product-detail-qty-form {
        display: block !important;
        width: auto;
        float: none;
        margin: 0;
      }
      .single-product .product-cart-panel .product-qty-stepper-form .qty-btn,
      .single-product .product-cart-panel .product-detail-qty-form .qty-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0;
        border-radius: 0;
        background: #f8fafc !important;
        color: #0071f8 !important;
        font-size: 1.25rem;
        font-weight: 800;
        text-transform: none;
        box-shadow: none;
      }
      .single-product .product-cart-panel .product-qty-stepper-form .qty-btn:hover,
      .single-product .product-cart-panel .product-detail-qty-form .qty-btn:hover {
        background: #eff6ff !important;
        color: #0056b3 !important;
      }
      .product-qty-stepper {
        display: inline-flex;
        align-items: center;
        border: 2px solid #e5e7eb;
        border-radius: 999px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
      }
      .product-qty-stepper .qty-btn {
        width: 46px;
        height: 46px;
        border: 0;
        background: #f8fafc;
        color: #0071f8;
        font-size: 1.25rem;
        font-weight: 800;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color .2s ease, color .2s ease;
      }
      .product-qty-stepper .qty-btn:hover:not(:disabled) {
        background: #eff6ff;
        color: #0056b3;
      }
      .product-qty-stepper .qty-btn:disabled {
        opacity: 0.45;
        cursor: not-allowed;
      }
      .product-qty-stepper .qty-value {
        min-width: 52px;
        padding: 0 8px;
        text-align: center;
        font-size: 1.15rem;
        font-weight: 800;
        color: #0f172a;
      }
      .cart-page-qty-stepper .qty-btn {
        width: 38px;
        height: 38px;
        font-size: 1.1rem;
      }
      .cart-page-qty-stepper .qty-value {
        min-width: 42px;
        font-size: 1rem;
      }
      .btn-add-to-cart-main {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 50px;
        padding: 0 22px;
        border: 0;
        border-radius: 999px;
        background: linear-gradient(135deg, #d500f9, #f50057);
        color: #fff;
        font-weight: 800;
        font-size: 1rem;
        box-shadow: 0 10px 24px rgba(213, 0, 249, 0.25);
        transition: transform .2s ease, box-shadow .2s ease;
      }
      .btn-add-to-cart-main:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(213, 0, 249, 0.32);
        color: #fff;
      }
      .btn-remove-from-cart {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 46px;
        padding: 0 16px;
        border-radius: 999px;
        border: 1px solid #fecaca;
        background: #fff;
        color: #dc2626;
        font-weight: 700;
        font-size: 0.92rem;
        cursor: pointer;
        transition: background-color .2s ease, border-color .2s ease;
      }
      .btn-remove-from-cart:hover {
        background: #fef2f2;
        border-color: #fca5a5;
        color: #b91c1c;
      }
      .product-info .meta-list li { margin-bottom: 10px; }
      .single-product .product-info .product-share-actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 8px;
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid #eef2f7;
      }
      .single-product .product-info .product-share-label {
        flex: 0 0 auto;
        margin: 0;
        font-size: 0.84rem;
        font-weight: 800;
        color: #334155;
        white-space: nowrap;
      }
      .single-product .product-info .product-share-buttons {
        display: flex !important;
        flex: 1 1 auto;
        align-items: center;
        flex-wrap: nowrap;
        gap: 6px;
        min-width: 0;
      }
      .single-product .product-info a.product-share-btn,
      .single-product .product-info button.product-share-btn {
        -webkit-appearance: none !important;
        appearance: none !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 38px !important;
        height: auto !important;
        line-height: 1.2 !important;
        padding: 7px 12px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        border: 1px solid #dbe3ee !important;
        background: #fff !important;
        color: #1e293b !important;
        font-family: inherit !important;
        font-size: 0.82rem !important;
        font-weight: 700 !important;
        text-transform: none !important;
        text-decoration: none !important;
        cursor: pointer;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
        transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
      }
      .single-product .product-info a.product-share-btn:hover,
      .single-product .product-info button.product-share-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
      }
      .single-product .product-info .product-share-icon {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
      }
      .single-product .product-info .product-share-icon svg {
        display: block;
        width: 16px;
        height: 16px;
      }
      .single-product .product-info a.product-share-btn--facebook {
        border-color: #cfe0ff !important;
        color: #166fe5 !important;
        background: #f5f8ff !important;
      }
      .single-product .product-info a.product-share-btn--whatsapp {
        border-color: #bbf7d0 !important;
        color: #15803d !important;
        background: #f0fdf4 !important;
      }
      .single-product .product-info button.product-share-btn--copy {
        border-color: #e9d5ff !important;
        color: #7e22ce !important;
        background: #faf5ff !important;
      }
      .single-product .product-info button.product-share-btn--copy.is-copied {
        border-color: #86efac !important;
        color: #047857 !important;
        background: #ecfdf5 !important;
      }
      .single-product .product-info .meta-list {
        margin-top: 1rem !important;
        margin-bottom: 0 !important;
      }
      .single-product .product-info .meta-list li {
        display: block !important;
        margin: 0 0 8px !important;
        color: #64748b !important;
      }
      @media (max-width: 575.98px) {
        .single-product .product-info .product-share-actions {
          flex-wrap: wrap !important;
          align-items: stretch !important;
          gap: 10px 8px !important;
        }
        .single-product .product-info .product-share-label {
          flex: 0 0 100% !important;
          width: 100% !important;
          font-size: 0.82rem !important;
        }
        .single-product .product-info .product-share-buttons {
          flex: 0 0 100% !important;
          width: 100% !important;
          display: grid !important;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px !important;
          gap: 6px !important;
        }
        .single-product .product-info a.product-share-btn,
        .single-product .product-info button.product-share-btn {
          flex: unset !important;
          width: 100% !important;
          min-width: 0 !important;
          max-width: 100% !important;
          padding: 8px 6px !important;
          font-size: 0.74rem !important;
        }
        .single-product .product-info button.product-share-btn--copy {
          width: 42px !important;
          min-width: 42px !important;
          max-width: 42px !important;
          padding: 0 !important;
        }
        .single-product .product-info button.product-share-btn--copy .product-share-copy-label {
          display: none !important;
        }
        .single-product .product-info .product-share-btn span:not(.product-share-icon) {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          min-width: 0;
        }
      }
      .featured-cart-btn { width: 54px; height: 54px; border-radius: 50%; background: linear-gradient(135deg, #d500f9, #f50057); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; box-shadow: 0 15px 30px rgba(213,0,249,0.2); transition: transform .2s ease, box-shadow .2s ease; }
      .featured-cart-btn i {
        font-size: 1.15rem;
        line-height: 1;
        display: inline-block;
        transform: none;
      }
      .featured-cart-btn:hover { transform: translateY(-3px); box-shadow: 0 20px 35px rgba(213,0,249,0.25); }
      .featured-cart-btn.is-disabled,
      .featured-cart-btn:disabled {
        background: #9aa3b2 !important;
        box-shadow: none !important;
        cursor: not-allowed;
        transform: none !important;
        opacity: 0.9;
      }
      .featured-cart-btn.is-in-cart {
        background: linear-gradient(135deg, #10b981, #059669) !important;
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
      }
      .product-card-cart-form {
        position: absolute;
        bottom: 12px;
        left: 12px;
        z-index: 10;
        margin: 0;
      }
      .product-card-cart-btn {
        width: 44px;
        height: 44px;
        border: none;
        border-radius: 50%;
        overflow: visible;
        position: relative;
      }
      .product-card-cart-btn.is-out-of-stock {
        width: auto;
        min-width: 120px;
        height: 44px;
        border-radius: 999px;
        gap: 8px;
        padding: 0 14px;
        font-size: 0.85rem;
      }
      .product-card-in-cart-badge {
        position: absolute;
        top: 12px;
        left: 12px;
        right: auto;
        z-index: 11;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        border-radius: 999px;
        background: linear-gradient(135deg, #ecfdf5, #d1fae5);
        border: 1px solid #86efac;
        color: #065f46;
        font-size: 0.82rem;
        font-weight: 800;
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
        pointer-events: auto;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
      }
      .product-card-thumb .badge.bg-warning ~ .product-card-in-cart-badge {
        top: 46px;
      }
      .product-card-in-cart-badge i {
        color: #10b981;
        font-size: 1rem;
      }
      .product-card-cart-note {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
        margin: 8px 0 0;
        padding: 8px 10px;
        border-radius: 10px;
        background: #ecfdf5;
        border: 1px solid #bbf7d0;
        color: #047857;
        font-size: 0.85rem;
        font-weight: 700;
        line-height: 1.45;
      }
      .product-card-cart-note-text {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        flex: 1 1 auto;
        min-width: 0;
      }
      .product-card-cart-note-text i {
        color: #10b981;
        flex-shrink: 0;
      }
      .product-card-remove-form {
        margin: 0;
        flex-shrink: 0;
      }
      .product-card-remove-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid #fecaca;
        background: #fff;
        color: #b91c1c;
        border-radius: 999px;
        padding: 5px 12px;
        font-size: 0.78rem;
        font-weight: 800;
        line-height: 1.2;
        cursor: pointer;
        transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
      }
      .product-card-remove-btn:hover {
        background: #fef2f2;
        border-color: #f87171;
        color: #991b1b;
      }
      .product-card-remove-btn:disabled {
        opacity: 0.65;
        cursor: not-allowed;
      }
      .product-card-cart-btn .add-to-cart-text {
        position: absolute;
        left: calc(100% + 8px);
        top: 50%;
        transform: translateY(-50%);
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 0.85rem;
        transition: opacity .2s ease, visibility .2s ease;
      }
      .product-card-cart-btn:hover .add-to-cart-text {
        opacity: 1;
        visibility: visible;
      }
      .site-flash-popup {
        position: fixed;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 3000;
        width: min(680px, calc(100vw - 24px));
        pointer-events: none;
      }
      .site-flash-popup .site-flash-card {
        pointer-events: auto;
        margin: 0;
        border-radius: 14px;
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22);
        padding: 14px 50px 14px 16px;
        position: relative;
        font-weight: 700;
        line-height: 1.6;
      }
      .site-flash-popup .site-flash-close {
        position: absolute;
        top: 8px;
        left: 10px;
        border: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.12);
        color: #111;
        font-size: 18px;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }
      .featured-cart-btn .tooltip-text { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); margin-right: 12px; white-space: nowrap; background: rgba(0,0,0,0.8); color: #fff; padding: 6px 10px; border-radius: 8px; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; font-size: 0.85rem; }
      .featured-cart-btn:hover .tooltip-text { opacity: 1; visibility: visible; }
      .breadcrumb a { color: #555; text-decoration: none; }
      .breadcrumb a:hover { text-decoration: underline; }
      .main-banner { padding: 115px 0 43px !important; }

      .header-area.background-header .main-nav {
        min-height: 80px;
        align-items: center;
      }
      .header-area.background-header .main-nav .logo {
        margin-top: 0 !important;
        height: 80px;
        display: flex;
        align-items: center;
      }
      .header-area.background-header .main-nav .logo img {
        display: block;
      }
.site-logo-img {
  width: 90px;
  height: 90px;
  max-height: 90px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: 12px;
  display: block;
}

      @media (min-width: 768px) {
        .header-area .main-nav {
          min-height: 80px;
          align-items: center;
        }
        .header-area .main-nav ul.speed-nav-menu {
          margin-top: 0;
          min-height: 80px;
          display: flex;
          align-items: center;
        }
        .header-area .main-nav .speed-nav-menu li {
          height: auto;
          line-height: normal;
          display: flex;
          align-items: center;
        }
      }

      /* ===== Product cards: white background, full image ===== */
      .trending .row { align-items: stretch; }
      .trending .col-lg-3,
      .trending .col-md-6 { display: flex; }
      .trending .item {
        display: flex;
        flex-direction: column;
        width: 100%;
        background: #fff !important;
        box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
        border-radius: 16px !important;
        overflow: hidden;
      }
      .trending .item .thumb,
      .most-played.latest-added .latest-col .item .thumb,
      .product-card-thumb {
        background: #fff !important;
        padding: 2px;
        box-sizing: border-box;
        border-bottom: 1px solid #f1f5f9;
        align-items: center;
        justify-content: center;
      }
      .trending .item .thumb {
        height: 260px;
        min-height: 260px;
        display: flex;
      }
      .trending .item .thumb > a,
      .most-played.latest-added .latest-col .item .thumb > a,
      .product-card-thumb > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
      }
      .trending .item .down-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        background: #fff;
        padding: 12px 14px 16px;
      }
      /* Product name: show up to 2 lines then ellipsis */
      .trending .item .down-content h4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 2.6em;
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 0;
      }
      .trending .item .down-content h4 a.product-name-link {
        color: #1a1a1a !important;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-break: break-word;
      }
      .trending .item .down-content h4 a.product-name-link:hover { color: #0071f8 !important; }
      /* Override template's absolute-position rule for the product name link */
      .trending .item .down-content h4 a.product-name-link {
        position: static !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        line-height: inherit !important;
        text-align: inherit !important;
      }
      /* Similar Products Section Styling */
      .similar-products .section-heading h2 { color: #1a1a1a; margin-bottom: 10px; }
      .similar-products .section-heading h6 { color: #008af8; font-weight: 600; }
      .similar-products .item { background: #fff; border-radius: 15px; overflow: hidden; transition: all .3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
      .similar-products .item:hover { transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }
      .similar-products .item .thumb { background: #fff; position: relative; display: flex; align-items: center; justify-content: center; padding: 2px; border-bottom: 1px solid #f1f5f9; height: 230px; min-height: 230px; border-radius: 15px 15px 0 0; overflow: hidden; }
      .similar-products .item span.price {
        position: absolute;
        top: 12px;
        left: 12px;
        z-index: 10;
        background: #008af8;
        color: #fff;
        padding: 6px 12px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
        direction: rtl;
        white-space: nowrap;
      }
      .similar-products .item .down-content h4 {
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.3;
      }
      .similar-products .item .thumb > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
      }
      .similar-products .item .thumb img { transition: transform .3s ease; }
      .similar-products .item:hover .thumb img { transform: scale(1.05); }
      .similar-products .item .down-content { padding: 16px; }
      .similar-products .item h4 a { transition: color .3s ease; }
      .similar-products .item h4 a:hover { color: #008af8 !important; }
      .similar-products .featured-cart-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(213,0,249,0.3); }
      .similar-products .main-button a { background: linear-gradient(135deg, #008af8, #0056b3); color: #fff; padding: 12px 30px; border-radius: 8px; text-decoration: none; display: inline-block; font-weight: 600; transition: all .3s ease; }
      .similar-products .main-button a:hover { transform: translateX(-5px); background: linear-gradient(135deg, #0056b3, #003d80); }
      .similar-products .btn-primary { background: linear-gradient(135deg, #d500f9, #f50057); border: none; padding: 14px 40px; font-weight: 600; border-radius: 10px; transition: all .3s ease; }
      .similar-products .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(213,0,249,0.3); background: linear-gradient(135deg, #b800d6, #d60042); }

      .single-product .item .thumb {
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px;
        border-bottom: 1px solid #f1f5f9;
      }
      .single-product .item .thumb > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
      }

      /* ===== Shop pagination ===== */
      .shop-pagination .pagination {
        gap: 8px;
        margin-bottom: 0;
      }
      .shop-pagination .pagination .page-item {
        margin: 0;
      }
      .shop-pagination .pagination .page-link {
        min-width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 999px;
        background: #f0f2f8;
        color: #1e1e1e;
        font-weight: 700;
        padding: 0 12px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
        transition: all .2s ease;
      }
      .shop-pagination .pagination .page-link:hover {
        background: #0071f8;
        color: #fff;
        transform: translateY(-1px);
      }
      .shop-pagination .pagination .page-item.active .page-link {
        background: #0071f8;
        color: #fff;
      }
      .shop-pagination .pagination .page-item.disabled .page-link {
        background: #e6e8ef;
        color: #9aa3b2;
        box-shadow: none;
      }

      .shop-category-pills {
        display: flex;
        flex-wrap: wrap;
        direction: rtl;
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
      }
      .shop-category-pills .pill-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 8px 16px;
        border-radius: 999px;
        background: #f3f5fb;
        color: #2a2a2a;
        font-size: 14px;
        font-weight: 700;
        border: 1px solid #e2e7f2;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
        transition: all .2s ease;
      }
      .shop-category-pills .pill-btn:hover {
        background: #eaf2ff;
        color: #0071f8;
        border-color: #c7dcff;
        transform: translateY(-1px);
      }
      .shop-category-pills .pill-btn.active {
        background: #0071f8;
        color: #fff;
        border-color: #0071f8;
        box-shadow: 0 6px 16px rgba(0, 113, 248, 0.25);
      }
      .shop-search-heading {
        font-size: 1.35rem;
        font-weight: 800;
        color: #d500f9;
        margin-top: 8px;
        margin-bottom: 0;
        line-height: 1.4;
      }
      .shop-heading-row {
        margin-bottom: 6px;
      }
      @media (min-width: 992px) {
        .shop-heading-row {
          justify-content: space-between;
          flex-wrap: nowrap;
          width: 100%;
          gap: 16px;
        }
        .shop-heading-row h2 {
          flex: 1 1 auto;
          min-width: 0;
        }
        .shop-inline-search {
          margin-inline-start: auto;
          margin-inline-end: 0;
          padding-top: 0;
          flex: 0 0 auto;
        }
      }
      .shop-inline-search {
        margin-inline-start: 0;
        padding-top: 15px;
      }
      .shop-inline-search form {
        margin: 0;
      }
      .shop-inline-search-input {
        width: 260px;
        height: 42px;
        border: 1px solid #d7deeb;
        border-radius: 999px;
        padding: 0 16px;
        font-size: 14px;
        outline: none;
      }
      .shop-inline-search-input:focus {
        border-color: #0071f8;
        box-shadow: 0 0 0 3px rgba(0, 113, 248, 0.14);
      }
      .shop-inline-search-btn {
        height: 42px;
        border: 0;
        border-radius: 999px;
        padding: 0 16px;
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        background: #ee626b;
        transition: background-color .2s ease;
      }
      .shop-inline-search-btn:hover {
        background: #0071f8;
      }
      .cart-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        margin-inline-start: 6px;
        border-radius: 50%;
        background: #fff;
        color: #0071f8;
        font-size: 12px;
        font-weight: 800;
      }

      /* ===== Mobile shop header icon + floating cart tab ===== */
      .mobile-header-shop,
      .mobile-cart-fab {
        display: none;
      }
      @media (max-width: 767.98px) {
        .header-area .main-nav .speed-nav-menu li.cart-nav-item {
          display: none;
        }
        .mobile-header-shop {
          display: inline-flex;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 46px;
          height: 46px;
          border-radius: 50%;
          background: linear-gradient(135deg, #0071f8, #0056b3);
          color: #fff;
          align-items: center;
          justify-content: center;
          font-size: 19px;
          text-decoration: none;
          z-index: 1002;
          box-shadow: 0 6px 18px rgba(0, 113, 248, 0.35);
        }
        .mobile-cart-fab {
          display: inline-flex;
          position: fixed;
          bottom: 18px;
          left: 50%;
          transform: translateX(-50%);
          z-index: 9990;
          align-items: center;
          gap: 8px;
          padding: 13px 24px;
          background: linear-gradient(135deg, #0071f8, #0056b3);
          color: #fff;
          border-radius: 999px;
          box-shadow: 0 10px 28px rgba(0, 113, 248, 0.38);
          text-decoration: none;
          font-weight: 800;
          font-size: 15px;
          line-height: 1;
        }
        .mobile-cart-fab i {
          font-size: 18px;
        }
        .mobile-cart-fab-count {
          min-width: 24px;
          height: 24px;
          padding: 0 6px;
          border-radius: 999px;
          background: #fff;
          color: #0071f8;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 12px;
          font-weight: 800;
        }
        body {
          padding-bottom: 84px;
        }
        .mobile-header-shop.is-active,
        .mobile-cart-fab.is-active {
          background: linear-gradient(135deg, #0056b3, #003d80);
          box-shadow: 0 10px 28px rgba(0, 61, 128, 0.42);
        }
      }
      .site-flash-block {
        width: 100%;
        position: static;
        margin: 0 0 12px 0;
        padding-top: 0;
      }
      .site-flash-block.after-header {
        margin-top: 100px;
      }
      .site-flash-block .alert {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
      }
      .contact-page .right-content #map {
        margin-bottom: 0;
      }
      .contact-page.section {
        margin-top: 50px;
      }
      @media (min-width: 992px) {
        .contact-page .row {
          align-items: stretch;
        }
        .contact-page .col-lg-6 {
          display: flex;
        }
        .contact-page .left-text,
        .contact-page .right-content,
        .contact-page .right-content .row,
        .contact-page .right-content .col-lg-12,
        .contact-page .right-content #map {
          width: 100%;
          height: 100%;
        }
        .contact-page .right-content iframe {
          height: 100% !important;
          min-height: 0;
        }
      }
      .contact-page .left-text p,
      .contact-page .left-text ul li,
      .contact-page .left-text ul li span {
        color: #111;
      }
      @media (max-width: 767.98px) {
        .site-flash-block.after-header {
          margin-top: 82px;
        }
        .product-detail-heading .col-lg-12 {
          padding-right: 12px;
          padding-left: 12px;
          box-sizing: border-box;
          text-align: right !important;
        }
        .product-detail-heading .product-page-title,
        .product-detail-heading h2,
        .product-detail-heading h3 {
          font-size: 1.15rem !important;
          line-height: 1.55;
          padding: 0 8px !important;
          overflow-wrap: anywhere;
          word-break: break-word;
          text-align: center !important;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          box-sizing: border-box;
          margin-left: auto;
          margin-right: auto;
          color: #fff !important;
          margin-bottom: 8px !important;
        }
        .product-detail-heading .breadcrumb {
          display: block;
          padding: 0 8px;
          margin-top: 0;
          white-space: normal;
          line-height: 1.8;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          box-sizing: border-box;
          margin-left: 0;
          margin-right: 0;
          text-align: right !important;
        }
        .single-product .product-info .product-detail-title {
          text-align: center !important;
        }
        .single-product .product-info {
          min-height: 0 !important;
        }
        .single-product .product-gallery {
          margin-bottom: 4px;
        }
        .single-product .product-main-image-wrap {
          height: 320px;
        }
        .single-product .product-video-stage {
          height: 320px;
        }
        .single-product .product-video-player {
          height: 320px;
        }
        .single-product .product-gallery .main-image,
        .single-product .product-main-image-wrap img {
          width: 100%;
          height: 100%;
          max-width: 100%;
          max-height: 100%;
          object-fit: contain;
          object-position: center;
        }
        .single-product .product-detail-layout {
          --bs-gutter-y: 1.25rem;
        }
        .product-related-section .home-category-head {
          align-items: flex-start;
        }
        .product-related-section .home-category-head h3.product-related-title {
          flex: 1 1 auto;
          flex-direction: column;
          align-items: stretch;
          width: auto;
          max-width: calc(100% - 110px);
          text-align: right;
          gap: 4px;
        }
        .product-related-section .product-related-title-main,
        .product-related-section .product-related-title-category {
          display: block;
          text-align: right;
          width: 100%;
        }
        .product-related-section .product-related-title-category {
          display: block;
          font-size: 0.82rem;
          line-height: 1.45;
        }
        .shop-heading-row {
          flex-direction: column;
          align-items: center !important;
        }
        .shop-inline-search {
          width: 100%;
          margin-inline-start: 0;
        }
        .shop-inline-search form {
          width: 100%;
        }
        .shop-inline-search-input {
          flex: 1;
          width: 100%;
          min-width: 0;
        }
        .shop-category-pills {
          justify-content: flex-start;
        }
        .shop-search-heading {
          font-size: 1.15rem;
        }
      }

      /* ===== Home product sections (from أقوى العروض) ===== */
      body.site-home .home-stack-section.section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
      }
      body.site-home .home-stack-section .section-heading {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
      }
      body.site-home .home-stack-section .section-heading h2,
      body.site-home .home-stack-section .section-heading h6 {
        margin: 0 !important;
      }
      body.site-home .home-stack-section .home-category-block {
        margin-bottom: 10px !important;
      }
      body.site-home .home-stack-section .home-category-block:last-child {
        margin-bottom: 0 !important;
      }
      body.site-home .home-stack-section .home-recent-all-btn {
        margin-top: 0 !important;
      }
      .home-featured-trending .section-heading {
        text-align: center !important;
      }
      .home-featured-trending .section-heading h6 {
        margin: 0;
        font-size: clamp(1.75rem, 3vw, 2.4rem);
        font-weight: 800;
        line-height: 1.25;
        letter-spacing: 0.01em;
        background: linear-gradient(135deg, #0071f8 0%, #5b21b6 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
      }
      .home-featured-trending .item {
        margin-bottom: 0;
      }
      .home-recent-section .section-heading {
        text-align: center !important;
      }
      .home-recent-section .section-heading h2 {
        font-weight: 800;
        font-size: clamp(1.6rem, 2.4vw, 2.2rem);
        margin-bottom: 0;
        background: linear-gradient(135deg, #0071f8 0%, #5b21b6 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
      }
      .home-category-block {
        background: #fff;
        border: 1px solid #e8edf5;
        border-radius: 18px;
        box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
        padding: 14px 12px 14px;
      }
      .home-category-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
        padding: 0 4px;
      }
      .home-category-head h3 {
        margin: 0;
        color: #2563eb;
        font-size: clamp(1.05rem, 1.8vw, 1.35rem);
        font-weight: 800;
      }
      .home-featured-trending .product-name-link,
      .home-recent-section .product-name-link,
      .product-related-section .product-name-link {
        color: #1e3a8a !important;
      }
      .home-featured-trending .product-name-link:hover,
      .home-recent-section .product-name-link:hover,
      .product-related-section .product-name-link:hover {
        color: #0071f8 !important;
      }
      .home-category-view-all {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 16px;
        border-radius: 999px;
        background: linear-gradient(135deg, #0071f8, #0056d6);
        color: #fff !important;
        font-size: 0.88rem;
        font-weight: 800;
        text-decoration: none !important;
        white-space: nowrap;
        box-shadow: 0 8px 18px rgba(0, 113, 248, 0.22);
      }
      .home-category-view-all:hover {
        color: #fff !important;
        transform: translateY(-1px);
      }
      .home-category-products {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
      }
      .home-recent-section .home-category-products.trending .item span.price,
      .home-featured-trending .home-category-products.trending .item span.price,
      .home-recommended-section .home-category-products.trending .item span.price,
      .product-related-section .home-category-products.trending .item span.price {
        text-align: right;
        position: absolute;
        right: 20px;
        top: 20px;
        left: auto;
        border-radius: 10px;
        background-color: #008af8;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
        padding: 8px 15px 6px 15px;
        z-index: 12;
        line-height: 1.2;
        box-shadow: none;
      }
      .home-recommended-section .home-category-products.trending .down-content a.product-category-link {
        position: static !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        line-height: inherit !important;
        text-align: inherit !important;
        right: auto !important;
        bottom: auto !important;
        text-decoration: none !important;
        color: inherit !important;
        cursor: pointer;
      }
      .home-recommended-section .home-category-products.trending .down-content a.product-category-link:hover span.category {
        color: #0071f8 !important;
      }
      @media (max-width: 767.98px) {
        .product-card-in-cart-badge {
          top: auto;
          left: auto;
          bottom: 12px;
          right: 12px;
          z-index: 13;
        }
        .product-card-thumb:has(.product-condition-badge) .product-card-in-cart-badge {
          bottom: 40px;
        }
        .product-card-thumb .badge.bg-warning ~ .product-card-in-cart-badge {
          top: auto;
          bottom: 12px;
        }
        .product-card-thumb:has(.product-condition-badge) .badge.bg-warning ~ .product-card-in-cart-badge {
          bottom: 40px;
        }
      }
      .home-category-products::-webkit-scrollbar {
        height: 6px;
      }
      .home-category-products::-webkit-scrollbar-thumb {
        background: rgba(0, 113, 248, 0.35);
        border-radius: 999px;
      }
      .home-product-col {
        flex: 0 0 calc(50% - 6px);
        scroll-snap-align: start;
        min-width: calc(50% - 6px);
      }
      .home-recent-section .home-category-products.trending .item,
      .home-featured-trending .home-category-products.trending .item,
      .product-related-section .home-category-products.trending .item {
        display: block;
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        background: #fff;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid #eef2f7;
        box-shadow: none;
      }
      .home-recent-section .home-category-products.trending .item .thumb,
      .home-featured-trending .home-category-products.trending .item .thumb,
      .product-related-section .home-category-products.trending .item .thumb {
        height: 200px !important;
        min-height: 200px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: #fff !important;
        padding: 2px;
        box-sizing: border-box;
        border-bottom: 1px solid #f1f5f9;
      }
      .home-recent-section .home-category-products.trending .item .thumb > a,
      .home-featured-trending .home-category-products.trending .item .thumb > a,
      .product-related-section .home-category-products.trending .item .thumb > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
      }
      .home-recent-section .home-category-products.trending .down-content,
      .home-featured-trending .home-category-products.trending .down-content,
      .product-related-section .home-category-products.trending .down-content {
        padding: 10px 10px 12px;
        background: #fff;
      }
      .home-recent-section .home-category-products.trending .down-content .category,
      .home-featured-trending .home-category-products.trending .down-content .category,
      .product-related-section .home-category-products.trending .down-content .category {
        color: #374151 !important;
        font-weight: 700;
      }
      .home-recent-section .home-category-products.trending .down-content h4,
      .home-featured-trending .home-category-products.trending .down-content h4,
      .product-related-section .home-category-products.trending .down-content h4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 2.5em;
        font-size: 0.86rem;
        line-height: 1.3;
        margin-bottom: 0;
      }
      .home-recent-section .home-category-products.trending .down-content h4 a,
      .home-recent-section .home-category-products.trending .down-content h4 a.product-name-link,
      .home-featured-trending .home-category-products.trending .down-content h4 a,
      .home-featured-trending .home-category-products.trending .down-content h4 a.product-name-link,
      .product-related-section .home-category-products.trending .down-content h4 a,
      .product-related-section .home-category-products.trending .down-content h4 a.product-name-link {
        color: #1e3a8a !important;
        font-weight: 800;
        position: static !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        background: transparent !important;
      }
      .home-recent-section .home-category-products.trending .down-content h4 a:hover,
      .home-featured-trending .home-category-products.trending .down-content h4 a:hover,
      .product-related-section .home-category-products.trending .down-content h4 a:hover {
        color: #0071f8 !important;
      }
      .home-category-products .item {
        height: 100%;
        margin-bottom: 0;
        background: #fff;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid #eef2f7;
      }
      .home-category-products .thumb {
        height: 200px;
        min-height: 200px;
      }
      .home-category-products .down-content {
        padding: 10px 10px 12px;
      }
      .home-category-products .down-content h4 {
        font-size: 0.86rem;
        min-height: 2.5em;
      }
      .home-category-products .product-card-cart-note {
        font-size: 0.72rem;
        padding: 6px 8px;
      }
      .home-category-products .product-card-remove-btn {
        font-size: 0.66rem;
        padding: 4px 8px;
      }
      .home-category-products .product-card-cart-btn {
        width: 38px;
        height: 38px;
      }
      .home-category-products .featured-cart-btn.product-card-cart-btn:not(.is-out-of-stock) {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(213, 0, 249, 0.18);
      }
      .home-category-products .featured-cart-btn.product-card-cart-btn:not(.is-out-of-stock) .add-to-cart-text {
        display: none !important;
      }
      .product-related-section .home-category-head h3.product-related-title {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 8px;
        margin: 0;
      }
      .product-related-section .product-related-title-category {
        color: #64748b;
        font-weight: 700;
      }
      .home-recent-all-btn {
        margin-top: 8px;
        min-width: min(100%, 320px);
        border-radius: 999px;
        font-weight: 800;
        padding: 12px 28px;
      }
      @media (min-width: 768px) {
        .home-category-block {
          padding: 14px 14px 16px;
        }
        .home-product-col {
          flex-basis: calc(33.333% - 8px);
          min-width: calc(33.333% - 8px);
        }
        .home-recent-section .home-category-products.trending .item .thumb,
        .product-related-section .home-category-products.trending .item .thumb,
        .home-category-products .thumb {
          height: 185px;
          min-height: 185px;
        }
      }
      @media (min-width: 992px) {
        .home-category-products {
          display: grid;
          grid-template-columns: repeat(5, minmax(0, 1fr));
          overflow: visible;
          gap: 10px;
        }
        .home-product-col {
          flex: initial;
          min-width: 0;
          width: auto;
        }
        .home-recent-section .home-category-products.trending .item .thumb,
        .product-related-section .home-category-products.trending .item .thumb,
        .home-category-products .thumb {
          height: 210px;
          min-height: 210px;
        }
        .home-category-products .down-content h4 {
          font-size: 0.92rem;
        }
      }

      .hero-feature-grid {
        padding: 8px 10px;
        background: transparent;
      }
      .hero-feature-grid .item {
        position: relative;
        overflow: hidden;
        width: 145px;
        height: 145px;
        margin: 0 auto;
        border-radius: 50%;
        padding: 12px;
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.35);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
        transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
      }
      .hero-feature-grid .item:hover {
        transform: translateY(-4px);
        background: rgba(255, 255, 255, 0.28);
        box-shadow: 0 18px 34px rgba(0, 0, 0, 0.13);
      }
      .hero-feature-grid .item .image {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
        transition: transform .25s ease;
      }
      .hero-feature-grid .item:hover .image {
        transform: scale(1.06);
      }
      .hero-feature-grid .item h4,
      .hero-feature-grid .item .hero-feature-label {
        font-size: 0.84rem;
        font-weight: 700;
        line-height: 1.3;
        margin: 0;
        color: #1a1a1a;
      }
      @media (max-width: 991.98px) {
        .hero-feature-grid {
          margin-top: 24px;
          padding: 2px;
        }
      }
      @media (max-width: 575.98px) {
        .main-banner { padding: 107px 0 32px !important; }
        .hero-feature-grid .item {
          width: 120px;
          height: 120px;
          padding: 10px;
        }
        .hero-feature-grid .item h4 {
          font-size: 0.76rem;
        }
      }

      @media (max-width: 767.98px) {
        .header-area.background-header .main-nav {
          min-height: 72px;
        }
      }
    </style>
