@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Lalezar&display=swap');

/* =========================================================
   QISSAH JEWELRY FRONTEND STYLE
========================================================= */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Cairo', Tahoma, Arial, sans-serif;
    background:
        radial-gradient(circle at top right, rgba(240, 212, 122, 0.18), transparent 34%),
        #faf3e6;
    color: #3d2f12;
    min-height: 100vh;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
}

:root {
    --royal-gold-1: #bf953f;
    --royal-gold-2: #fcf6ba;
    --royal-gold-3: #b38728;
    --royal-dark-text: #2d0a11;
}

/* =========================================================
   ROYAL GOLD ANIMATION
========================================================= */

@keyframes qRoyalShimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

@keyframes qRoyalGlowPulse {
    0%, 100% {
        box-shadow:
            0 0 18px rgba(212, 175, 55, 0.22),
            0 10px 24px rgba(179, 135, 40, 0.18),
            inset 0 1px 0 rgba(255,255,255,.35);
    }

    50% {
        box-shadow:
            0 0 34px rgba(212, 175, 55, 0.42),
            0 16px 38px rgba(179, 135, 40, 0.30),
            inset 0 1px 0 rgba(255,255,255,.52);
    }
}

@keyframes qRoyalTextGlow {
    0%, 100% {
        filter: drop-shadow(0 0 4px rgba(252, 246, 186, 0.25));
    }

    50% {
        filter: drop-shadow(0 0 12px rgba(252, 246, 186, 0.55));
    }
}

@keyframes qRoyalSoftFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}

.q-royal-gold-effect,
.header-search button,
.q-card-price,
.product-price-main,
.home-price-row.featured-21,
.price-card.featured-price,
.karat-featured-badge {
    background: linear-gradient(
        135deg,
        var(--royal-gold-1) 0%,
        var(--royal-gold-2) 25%,
        var(--royal-gold-3) 50%,
        var(--royal-gold-2) 75%,
        var(--royal-gold-1) 100%
    ) !important;
    background-size: 200% 200% !important;
    animation:
        qRoyalShimmer 4s infinite linear,
        qRoyalGlowPulse 2.8s ease-in-out infinite !important;
    color: var(--royal-dark-text) !important;
    border-color: rgba(212, 175, 55, 0.65) !important;
    text-shadow: none !important;
}

/* =========================================================
   TOP BAR / SLOGAN
========================================================= */

.top-slogan-bar {
    width: 100%;
    min-height: 35px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: linear-gradient(
        135deg,
        var(--royal-gold-1) 0%,
        var(--royal-gold-2) 25%,
        var(--royal-gold-3) 50%,
        var(--royal-gold-2) 75%,
        var(--royal-gold-1) 100%
    );
    background-size: 200% 200%;
    color: var(--royal-dark-text);
    border-bottom: 1px solid rgba(199, 154, 43, 0.45);
    box-shadow:
        0 0 24px rgba(212, 175, 55, 0.20),
        0 8px 20px rgba(179, 135, 40, 0.16);
    animation:
        qRoyalShimmer 4s infinite linear,
        qRoyalGlowPulse 3.2s ease-in-out infinite;
    overflow: hidden;
    position: relative;
}

.top-slogan-bar::before {
    content: "";
    position: absolute;
    inset: -90% -45%;
    background: linear-gradient(
        115deg,
        transparent 0%,
        transparent 36%,
        rgba(255,255,255,.55) 48%,
        rgba(252,246,186,.92) 52%,
        rgba(255,255,255,.55) 56%,
        transparent 68%,
        transparent 100%
    );
    transform: translateX(95%) rotate(10deg);
    animation: qHeartShineSweep 3.2s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

.slogan-item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-inline-start: 1px solid rgba(45, 10, 17, 0.14);
    color: var(--royal-dark-text);
    animation:
        qRoyalTextGlow 2.8s ease-in-out infinite,
        qRoyalSoftFloat 4.4s ease-in-out infinite;
}

/* =========================================================
   HEADER
========================================================= */

.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: rgba(255, 253, 248, 0.96);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(199, 154, 43, 0.24);
    box-shadow: 0 10px 28px rgba(90, 67, 18, 0.06);
}

.header-inner {
    min-height: 76px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.brand-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    margin-inline-start: auto;
}

.brand-logo {
    width: 54px;
    height: 54px;
    border-radius: 13px;
    border: 1px solid rgba(199, 154, 43, 0.36);
    background: #fff8ec;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brand-name {
    color: #8a6718;
    font-size: 27px;
    font-weight: 400;
    white-space: nowrap;
}

.lang-switch {
    min-width: 42px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(199, 154, 43, 0.34);
    background: #fffdf8;
    color: #8a6718;
    text-decoration: none;
    font-size: 11.5px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* =========================================================
   NAV
========================================================= */

.main-nav {
    flex: 1;
    display: flex;
    justify-content: center;
}

.main-nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 28px;
}

.nav-item {
    position: relative;
}

.nav-item > a {
    min-height: 76px;
    display: flex;
    align-items: center;
    color: #6f510e;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    white-space: nowrap;
}

.nav-item > a::after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #9a741d, #f0d47a);
    transform: translateX(-50%);
    transition: 0.22s ease;
}

.nav-item:hover > a::after {
    width: 100%;
}

.sub-menu {
    position: absolute;
    top: 76px;
    left: 50%;
    right: auto;
    width: auto;
    min-width: max-content;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 6px !important;
    padding: 14px 16px !important;
    background: rgba(255, 253, 248, 0.98);
    border: 1px solid rgba(199, 154, 43, 0.35);
    border-top: 3px solid #c79a2b;
    border-radius: 0 0 22px 22px;
    box-shadow: 0 24px 56px rgba(138, 103, 24, 0.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(10px);
    transition: 0.22s ease;
    z-index: 9999;
}

.sub-menu::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 18px;
}

.nav-item:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

.sub-menu li {
    flex: 0 0 auto;
}

.sub-menu li a {
    min-width: 105px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    border-radius: 13px;
    border: 1px solid rgba(199, 154, 43, 0.26);
    background: #fffdf8;
    color: #6f510e;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    transition: 0.22s ease;
}

.sub-menu li a:hover {
    color: #fffdf8;
    background: linear-gradient(135deg, #9a741d, #c79a2b, #f0d47a, #c79a2b);
    box-shadow: 0 10px 24px rgba(199, 154, 43, 0.24);
    transform: translateY(-2px);
}

/* =========================================================
   SEARCH + ACTIONS
========================================================= */

.header-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 245px;
}

.header-search input {
    width: 230px;
    min-height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(199, 154, 43, 0.34);
    background: #fffdf8;
    color: #3d2f12;
    padding: 0 16px;
    font-weight: 400;
    outline: none;
    font-size: 14px;
}

.header-search input:focus {
    border-color: #c79a2b;
    box-shadow: 0 0 0 4px rgba(199,154,43,.10);
}

.header-search input::placeholder {
    color: #8d7b5f;
    font-size: 14px;
    font-weight: 400;
}

.header-search button {
    min-width: 68px;
    min-height: 38px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    transition: .22s ease;
}

.header-search button:hover {
    transform: translateY(-2px) scale(1.03);
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-icon-btn {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(199, 154, 43, 0.34);
    background: #fffdf8;
    color: #8a6718;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.22s ease;
    position: relative;
}

.header-icon-btn svg {
    width: 21px;
    height: 21px;
    display: block;
}

.header-icon-btn svg path {
    fill: #8a6718;
}

.header-icon-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(90, 67, 18, 0.12);
}

/* favorite header fixed red */
.q-fav-count {
    display: none !important;
}

.header-actions .q-fav-header-btn,
.site-header .q-fav-header-btn {
    position: relative !important;
    background: linear-gradient(135deg, #b91419 0%, #e53935 42%, #ff6b6b 58%, #e53935 78%, #b91419 100%) !important;
    background-size: 260% 100% !important;
    border-color: rgba(229, 57, 53, 0.55) !important;
    color: #ffffff !important;
    box-shadow:
        0 10px 24px rgba(229, 57, 53, 0.24),
        0 0 18px rgba(255, 107, 107, 0.30),
        inset 0 1px 0 rgba(255,255,255,.36) !important;
    animation:
        qHeartRedMove 4.8s ease-in-out infinite,
        qHeartRedPulse 2.8s ease-in-out infinite !important;
    overflow: hidden !important;
}

.header-actions .q-fav-header-btn::before,
.site-header .q-fav-header-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: -75% -45% !important;
    z-index: 0 !important;
    background: linear-gradient(
        115deg,
        transparent 0%,
        transparent 36%,
        rgba(255,255,255,.58) 48%,
        rgba(255,210,210,.85) 52%,
        rgba(255,255,255,.50) 56%,
        transparent 68%,
        transparent 100%
    ) !important;
    transform: translateX(95%) rotate(10deg) !important;
    animation: qHeartShineSweep 2.45s ease-in-out infinite !important;
    pointer-events: none !important;
}

.q-header-heart {
    position: relative !important;
    z-index: 2 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.q-fav-header-btn svg {
    display: none !important;
}

/* =========================================================
   CATEGORY STRIP
========================================================= */

.category-strip-section {
    width: 100%;
    background: linear-gradient(180deg, #fff8ec, #faf3e6);
    border-bottom: 1px solid rgba(199,154,43,.22);
    padding: 18px 28px;
}

.category-strip-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.category-strip-head h2 {
    color: #8a6718;
    font-size: 20px;
    font-weight: 900;
}

.category-strip-head span {
    color: #8a6718;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 999px;
    padding: 7px 13px;
    font-size: 12px;
    font-weight: 900;
}

.category-strip-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: flex-start;
}

.category-strip-card {
    width: 124px;
    min-height: 124px;
    text-decoration: none;
    color: inherit;
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 15px;
    padding: 9px;
    box-shadow: 0 12px 28px rgba(90,67,18,.08);
    transition: .24s ease;
}

.category-strip-card:hover,
.category-strip-card.active {
    transform: translateY(-4px);
    border-color: rgba(199,154,43,.66);
    box-shadow: 0 18px 38px rgba(90,67,18,.14);
}

.category-strip-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #fffdf8, #fff3cf);
    border: 1px solid rgba(199,154,43,.24);
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-strip-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.category-strip-placeholder {
    color: #8a6718;
    font-size: 20px;
    font-weight: 900;
}

.category-strip-title {
    margin-top: 8px;
    color: #6f510e;
    font-size: 11.5px;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-strip-main-card {
    border-style: dashed;
    background: linear-gradient(135deg, #fffdf8 0%, #fff3cf 100%);
}

.current-strip-card {
    min-height: 124px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #9a741d 0%, #c79a2b 45%, #f0d47a 100%) !important;
    border-color: rgba(154,116,29,.75) !important;
    box-shadow:
        0 18px 38px rgba(199,154,43,.22),
        0 0 24px rgba(240,212,122,.34) !important;
}

.current-strip-card .category-strip-image {
    display: none !important;
}

.current-strip-card .category-strip-title {
    color: #fffdf8 !important;
    font-size: 14px;
    font-weight: 900;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.45;
    margin-top: 0;
}

.current-strip-badge {
    margin-top: 7px;
    padding: 5px 11px;
    border-radius: 999px;
    color: #8a6718;
    background: #fffdf8;
    border: 1px solid rgba(255,255,255,.72);
    font-size: 11px;
    font-weight: 900;
}

.main-strip-badge {
    margin-top: 7px;
    padding: 5px 10px;
    border-radius: 999px;
    color: #8a6718;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    font-size: 8.2px;
    font-weight: 900;
    text-align: center;
}

/* =========================================================
   HERO
========================================================= */

.qissah-hero-slider-section {
    width: 100%;
    background: #fbf7ef;
    border-bottom: 1px solid rgba(217,201,159,.65);
    overflow: hidden;
}

.qissah-hero-slider {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    background: #f3ead5;
}

.qissah-hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.025);
    transition: opacity .85s ease, visibility .85s ease, transform 1.25s ease;
    z-index: 1;
}

.qissah-hero-slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 2;
}

.qissah-hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.qissah-hero-slide{
    position:relative;
}

.q-hero-slide-btn{
    position:absolute;
    left:clamp(18px,4vw,64px);
    bottom:clamp(16px,3vw,42px);
    z-index:5;
    min-height:46px;
    padding:0 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    text-decoration:none;
    color:#2d0a11;
    font-size:15px;
    font-weight:1000;
    background:linear-gradient(135deg,#bf953f 0%,#fcf6ba 35%,#b38728 68%,#fff3c4 100%);
    border:1px solid rgba(255,243,196,.64);
    box-shadow:0 16px 34px rgba(90,67,18,.22), inset 0 1px 0 rgba(255,255,255,.65);
    transition:transform .22s ease, box-shadow .22s ease;
}

.q-hero-slide-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 44px rgba(90,67,18,.28), inset 0 1px 0 rgba(255,255,255,.75);
}

/* =========================================================
   HOME
========================================================= */

.home-three-sections {
    width: 100%;
    padding: 34px;
    background: #faf3e6;
    display: grid;
    grid-template-columns: 1.12fr .9fr 1.12fr;
    gap: 22px;
    align-items: stretch;
    direction: rtl;
}

.home-panel {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 19px;
    padding: 22px;
    box-shadow: 0 16px 40px rgba(138,103,24,.08);
    min-height: 360px;
    overflow: hidden;
}

.home-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(199,154,43,.24);
}

.home-panel-head h2 {
    color: #8a6718;
    font-size: 26px;
    font-weight: 900;
}

.home-panel-head span {
    color: #8a6718;
    font-size: 11.5px;
    font-weight: 900;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 999px;
    padding: 7px 12px;
    white-space: nowrap;
}

.home-carousel-box {
    position: relative;
    width: 100%;
}

.home-panel .home-set-item,
.home-panel .models-group {
    display: none !important;
}

.home-panel .home-set-item.active,
.home-panel .models-group.active {
    display: block !important;
}

.home-set-item,
.home-model-card {
    text-decoration: none;
    color: inherit;
}

.home-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.home-mini-tile {
    aspect-ratio: 1 / 1.12;
    border-radius: 15px;
    overflow: hidden;
    background: #fff8ec;
    border: 1px solid rgba(199,154,43,.26);
    position: relative;
}

.home-mini-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-mini-tile span {
    position: absolute;
    right: 8px;
    bottom: 8px;
    background: rgba(255, 253, 248, 0.92);
    color: #8a6718;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 900;
}

.home-model-card {
    background: linear-gradient(180deg, #fffdf8 0%, #fff8ec 62%, #fff1d6 100%);
    border: 1px solid rgba(199,154,43,.36);
    border-radius: 26px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 16px 38px rgba(90,67,18,.10);
}

.home-model-card > img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    display: block;
}

.home-model-info {
    padding: 12px 13px 14px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.home-price-list {
    display: grid;
    gap: 12px;
}

.home-price-row {
    position: relative;
    text-align: center;
    background: linear-gradient(135deg, #fffdf8, #fff4d8);
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 15px;
    padding: 14px;
    box-shadow: 0 10px 24px rgba(138,103,24,.06);
    overflow: hidden;
}

.home-price-row-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 12px;
}

.home-price-row-title strong {
    font-size: 14px;
    font-weight: 900;
    color: #8a6718;
}

.home-price-row-title span {
    color: #9a741d;
    font-weight: 900;
}

.home-price-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.home-price-value {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.22);
    border-radius: 12px;
    padding: 10px;
    text-align: center;
}

.home-price-value small {
    display: block;
    color: #766847;
    font-weight: 900;
    margin-bottom: 5px;
}

.home-price-value b {
    display: block;
    font-size: 14px;
    font-weight: 900;
    color: #8a6718;
}

.home-price-row.featured-21 {
    border: 1px solid rgba(212, 175, 55, 0.72) !important;
}

.home-price-row.featured-21,
.home-price-row.featured-21 *,
.price-card.featured-price,
.price-card.featured-price * {
    color: #2d0a11 !important;
}

.home-price-row.featured-21 .home-price-value,
.price-card.featured-price .price-line {
    background: rgba(255, 253, 248, 0.78) !important;
    border: 1px solid rgba(115, 92, 0, 0.25) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.karat-featured-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto 7px;
    padding: 5px 12px;
    border-radius: 999px;
    color: #2d0a11 !important;
    font-size: 12px;
    font-weight: 900;
}

.home-ounce-box {
    margin-top: 18px;
    background: linear-gradient(135deg, #fffdf8, #fff3cf);
    border: 1px solid rgba(199,154,43,.32);
    border-radius: 22px;
    padding: 16px;
}

.home-ounce-head {
    text-align: center;
    margin-bottom: 12px;
}

.home-ounce-head h3 {
    font-size: 14px;
    font-weight: 900;
    color: #8a6718;
}

.home-ounce-head p {
    margin: 0;
    color: #766847;
    font-size: 11.5px;
    font-weight: 800;
}

.home-ounce-widget {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.24);
    border-radius: 15px;
    padding: 10px;
    min-height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.home-section-dots,
.hero-slider-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 16px;
}

.hero-slider-dots {
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    z-index: 8;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,253,248,.25);
}

.home-section-dot,
.hero-slider-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    border: 0;
    background: #ead39a;
    cursor: pointer;
}

.home-section-dot.active,
.hero-slider-dot.active {
    width: 28px;
    background: #c79a2b;
}

/* =========================================================
   PRODUCT CARDS
========================================================= */

.page-content {
    width: 100%;
}

.category-page {
    width: min(1300px, calc(100% - 34px));
    margin: 34px auto 75px;
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 28px;
    padding: 28px;
    box-shadow: 0 18px 45px rgba(90,67,18,.08);
}

.category-page-wide {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-inline: 0 !important;
    padding: 34px 32px 75px !important;
    background:
        radial-gradient(circle at top right, rgba(240,212,122,.13), transparent 30%),
        #faf3e6 !important;
    box-shadow: none !important;
}

.search-result-head,
.category-products-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
    padding: 20px 22px;
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 26px;
    box-shadow: 0 16px 38px rgba(90,67,18,.08);
}

.search-result-head h1,
.category-products-head h1 {
    color: #8a6718;
    font-size: 34px;
    font-weight: 900;
}

.search-count,
.products-count-pill {
    color: #8a6718;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 999px;
    padding: 9px 15px;
    font-size: 11.5px;
    font-weight: 900;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: linear-gradient(180deg, #fffdf8 0%, #fff8ec 62%, #fff1d6 100%);
    border: 1px solid rgba(199,154,43,.36);
    border-radius: 28px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 18px 42px rgba(90,67,18,.10);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.product-card:hover {
    transform: translateY(-7px);
    border-color: rgba(199,154,43,.68);
    box-shadow:
        0 28px 64px rgba(90,67,18,.16),
        0 0 24px rgba(240,212,122,.24);
}

.product-card .product-image {
    width: 100%;
    height: 360px;
    min-height: 360px;
    background: radial-gradient(circle at center, #fffdf8 0%, #fff3cf 100%);
    border-bottom: 1px solid rgba(199,154,43,.24);
    overflow: hidden;
}

.product-card .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease;
}

.product-card:hover .product-image img {
    transform: scale(1.055);
}

.product-card .product-info {
    padding: 12px 13px 14px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 1 1 auto;
}

.product-card .product-info > h3 {
    display: none;
}

.q-card-title-box {
    margin: 0;
    background: linear-gradient(135deg, #fffdf8 0%, #fff3cf 100%);
    border: 1px solid rgba(199,154,43,.38);
    border-radius: 15px;
    padding: 11px 10px;
    min-height: 62px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: center;
    box-shadow: 0 8px 18px rgba(90,67,18,.05);
}

.q-card-title-box strong {
    color: #6f510e;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.4;
    text-align: right;
    flex: 1;
}

.q-card-title-box span {
    color: #9a741d;
    font-size: 11.5px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
    background: #fff8ec;
    border: 1px solid rgba(199,154,43,.28);
    border-radius: 999px;
    padding: 6px 10px;
}

.q-card-bottom-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.q-card-bottom-box span {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    border: 1px solid rgba(199,154,43,.34);
}

.q-card-price {
    color: #2d0a11 !important;
    font-weight: 900 !important;
}

.q-card-weight {
    color: #7d5b13;
    background: #fff3cf;
}

.q-card-details-cta {
    color: #6f4b00;
    background: #fff8e8;
    border-color: rgba(199,154,43,.42) !important;
    font-weight: 900 !important;
}

/* =========================================================
   FILTER
========================================================= */

.category-layout-with-filter {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 26px;
    direction: ltr;
    align-items: start;
}

.filter-sidebar {
    direction: rtl;
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 26px;
    padding: 20px;
    box-shadow: 0 18px 42px rgba(90,67,18,.08);
    position: sticky;
    top: 18px;
}

.filter-sidebar h3 {
    color: #8a6718;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 8px;
}

.filter-sidebar p {
    color: #766847;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.8;
    margin-bottom: 16px;
}

.filter-form {
    display: grid;
    gap: 13px;
}

.filter-field {
    display: grid;
    gap: 7px;
}

.filter-field label {
    color: #8a6718;
    font-size: 11.5px;
    font-weight: 900;
}

.filter-field input,
.filter-field select {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(199,154,43,.34);
    background: #fffdf8;
    border-radius: 12px;
    padding: 0 10px;
    outline: none;
    color: #3d2f12;
    font-weight: 800;
}

.filter-field input:focus,
.filter-field select:focus {
    border-color: #c79a2b;
    box-shadow: 0 0 0 4px rgba(199,154,43,.10);
}

.filter-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.filter-actions {
    display: grid;
    gap: 10px;
    margin-top: 4px;
}

.filter-btn {
    min-height: 47px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    color: #fffdf8;
    background: linear-gradient(135deg, #9a741d, #c79a2b, #f0d47a, #c79a2b);
    background-size: 240% 100%;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(199,154,43,.24);
    animation: qGoldMove 5s ease-in-out infinite;
}

.reset-filter {
    min-height: 44px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #8a6718;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    font-weight: 900;
}

.category-products-area {
    direction: rtl;
    min-width: 0;
}

.search-empty,
.home-empty {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 22px;
    padding: 28px;
    color: #8a6718;
    font-weight: 900;
    line-height: 1.8;
    text-align: center;
}

/* =========================================================
   PRICING PAGE
========================================================= */

.pricing-page {
    width: 100%;
    background: #faf3e6;
    padding: 38px 34px 70px;
    text-align: center;
}

.pricing-shell {
    max-width: 1450px;
    margin: 0 auto;
}

.pricing-head {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 26px;
    padding: 28px;
    box-shadow: 0 18px 40px rgba(138,103,24,.07);
    margin-bottom: 22px;
}

.pricing-head h1 {
    color: #8a6718;
    font-size: 34px;
    font-weight: 900;
    margin-bottom: 8px;
}

.pricing-head p {
    color: #766847;
    font-weight: 700;
    line-height: 1.8;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 24px;
}

.price-card {
    background: linear-gradient(180deg, #fffdf8, #fff8ec);
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 26px;
    padding: 24px;
    box-shadow: 0 18px 40px rgba(138,103,24,.07);
}

.price-card > span {
    display: block;
    color: #8a6718;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 18px;
}

.price-lines {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.price-line {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.26);
    border-radius: 15px;
    padding: 16px 12px;
}

.price-line span {
    display: block;
    color: #766847;
    font-size: 11.5px;
    font-weight: 900;
    margin-bottom: 7px;
}

.price-line strong {
    display: block;
    color: #8a6718;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

.price-line small {
    display: block;
    color: #766847;
    font-size: 12px;
    font-weight: 800;
    margin-top: 8px;
}

.tradingview-gold-section {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 22px;
    align-items: stretch;
    margin-top: 24px;
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 26px;
    padding: 22px;
    box-shadow: 0 18px 40px rgba(138,103,24,.07);
}

.gold-live-info {
    background: linear-gradient(135deg, #9a741d, #c79a2b, #f0d47a);
    color: #fffdf8;
    border-radius: 22px;
    padding: 22px;
}

.gold-live-info h2 {
    color: #fffdf8;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 18px;
}

.live-ounce-price span {
    display: block;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 8px;
}

.gold-live-info p {
    margin-top: 18px;
    font-weight: 800;
    line-height: 1.8;
    opacity: .9;
}

.tradingview-chart-wrap {
    height: 560px;
    min-height: 560px;
    overflow: hidden;
    background: #fff8ec;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 20px;
}

.qissah-tradingview-widget,
.qissah-tradingview-widget .tradingview-widget-container__widget,
.tradingview-widget-container,
.tradingview-widget-container__widget {
    width: 100% !important;
    height: 100% !important;
}

.pricing-note {
    background: #fff3cf;
    color: #8a6718;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 15px;
    padding: 16px 20px;
    font-weight: 900;
    line-height: 1.8;
    margin-top: 22px;
}

/* =========================================================
   PRODUCT PAGE
========================================================= */

.product-page {
    width: min(1400px, calc(100% - 44px));
    margin: 34px auto 70px;
}

.product-details-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 28px;
    align-items: start;
}

.product-gallery-box,
.product-info-box,
.product-description-section,
.related-section {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 28px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(90,67,18,.08);
}

.main-product-image {
    width: 100%;
    border-radius: 19px;
    overflow: hidden;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.28);
}

.main-product-image img {
    width: 100%;
    height: 620px;
    object-fit: cover;
    display: block;
}

.thumbs-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 14px;
}

.thumb-btn {
    border: 1px solid rgba(199,154,43,.34);
    background: #fff8ec;
    border-radius: 13px;
    padding: 6px;
    cursor: pointer;
    overflow: hidden;
}

.thumb-btn.active {
    border-color: #c79a2b;
    box-shadow: 0 0 0 3px rgba(199,154,43,.14);
}

.thumb-btn img {
    width: 100%;
    height: 92px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

.thumb-btn span {
    display: block;
    color: #8a6718;
    font-size: 11px;
    font-weight: 900;
    margin-top: 5px;
    text-align: center;
}

.product-info-box h1 {
    color: #8a6718;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.35;
    margin-bottom: 12px;
}

.product-price-main {
    color: #2d0a11 !important;
    border-radius: 22px;
    padding: 18px;
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    margin: 18px 0;
}

.product-price-main,
.product-price-main * {
    color: #2d0a11 !important;
}

.old-price {
    display: block;
    margin-top: 6px;
    color: rgba(45,10,17,.68) !important;
    font-size: 16px;
    text-decoration: line-through;
}

.specs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 20px 0;
}

.spec-card {
    background: #fff8ec;
    border: 1px solid rgba(199,154,43,.30);
    border-radius: 15px;
    padding: 14px;
    text-align: center;
}

.spec-card span {
    display: block;
    color: #766847;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 6px;
}

.spec-card strong {
    color: #8a6718;
    font-size: 14px;
    font-weight: 900;
}

.product-actions {
    display: grid;
    grid-template-columns: 1fr 66px 1fr;
    gap: 12px;
    margin-top: 20px;
    align-items: stretch;
}

.product-actions form {
    display: block;
}

.product-action-main,
.product-action-secondary {
    width: 100%;
    min-height: 56px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-action-main {
    color: #fffdf8;
    background: linear-gradient(135deg, #9a741d, #c79a2b, #f0d47a, #c79a2b);
    background-size: 260% 100%;
    box-shadow:
        0 12px 30px rgba(199,154,43,.30),
        0 0 18px rgba(240,212,122,.24),
        inset 0 1px 0 rgba(255,255,255,.38);
    animation: qGoldMove 4.8s ease-in-out infinite;
}

.product-whatsapp {
    color: #fff;
    background: linear-gradient(135deg, #0f7a39 0%, #19b85d 42%, #74f2a2 58%, #19b85d 78%, #0f7a39 100%);
    background-size: 260% 100%;
    box-shadow:
        0 12px 30px rgba(25,184,93,.28),
        0 0 18px rgba(116,242,162,.26);
    animation: qGreenMove 4.8s ease-in-out infinite;
}

.product-favorite-btn {
    width: 100%;
    min-width: 56px;
    min-height: 56px;
    border-radius: 999px;
    border: 1px solid rgba(229,57,53,.42);
    background: #ffffff;
    color: #e53935;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 10px 24px rgba(229,57,53,.10),
        inset 0 1px 0 rgba(255,255,255,.90);
    cursor: pointer;
    transition: .22s ease;
}

.product-favorite-btn:hover {
    background: rgba(229,57,53,.08);
    color: #e53935;
    border-color: rgba(229,57,53,.70);
    box-shadow:
        0 14px 34px rgba(229,57,53,.18),
        0 0 18px rgba(229,57,53,.16);
    transform: translateY(-2px);
}

.product-favorite-btn.is-saved {
    background: linear-gradient(135deg, #b91419 0%, #e53935 42%, #ff6b6b 58%, #e53935 78%, #b91419 100%);
    background-size: 260% 100%;
    color: #ffffff;
    border-color: #e53935;
    box-shadow:
        0 14px 34px rgba(229,57,53,.30),
        0 0 24px rgba(255,107,107,.32),
        inset 0 1px 0 rgba(255,255,255,.35);
    animation:
        qHeartRedMove 4.8s ease-in-out infinite,
        qHeartRedPulse 2.8s ease-in-out infinite;
}

.product-favorite-btn::before,
.product-favorite-btn::after {
    display: none !important;
    content: none !important;
}

.product-note {
    color: #766847;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.30);
    border-radius: 15px;
    padding: 14px;
    font-weight: 800;
    line-height: 1.9;
    margin-top: 16px;
}

.product-description-section {
    margin-top: 28px;
}

.product-description-section h2,
.related-section h2 {
    color: #8a6718;
    font-size: 27px;
    font-weight: 900;
    margin-bottom: 14px;
}

.product-description-section p {
    color: #6f6658;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    white-space: pre-line;
}

.related-section {
    margin-top: 28px;
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.related-card {
    text-decoration: none;
    color: inherit;
    background: #fff8ec;
    border: 1px solid rgba(199,154,43,.30);
    border-radius: 22px;
    overflow: hidden;
    transition: .25s ease;
}

.related-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 36px rgba(90,67,18,.12);
}

.related-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.related-card div {
    padding: 13px;
    text-align: center;
}

.related-card strong {
    display: block;
    color: #8a6718;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 8px;
}

.related-card span {
    color: #fffdf8;
    background: linear-gradient(135deg, #9a741d, #c79a2b, #f0d47a);
    border-radius: 999px;
    padding: 7px 12px;
    display: inline-block;
    font-size: 11.5px;
    font-weight: 900;
}

/* =========================================================
   FONT CONTROL
========================================================= */

body,
body * {
    font-family: 'Cairo', Tahoma, Arial, sans-serif !important;
}

.top-slogan-bar,
.top-slogan-bar *,
.site-header,
.site-header *,
.header-inner,
.header-inner *,
.main-nav,
.main-nav *,
.brand-name,
.header-search,
.header-search *,
.lang-switch,
.header-actions,
.header-actions *,
.sub-menu,
.sub-menu * {
    font-family: 'Lalezar', Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

main,
main *,
.page-content,
.page-content *,
.product-page,
.product-page *,
.category-page,
.category-page *,
.pricing-page,
.pricing-page *,
.home-three-sections,
.home-three-sections * {
    font-family: 'Cairo', Tahoma, Arial, sans-serif !important;
}

.site-header svg,
.site-header svg *,
.header-actions svg,
.header-actions svg * {
    font-family: initial !important;
}

/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes qGoldMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes qGreenMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes qHeartRedMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes qHeartRedPulse {
    0%, 100% {
        box-shadow:
            0 10px 24px rgba(229,57,53,.22),
            0 0 14px rgba(255,107,107,.18),
            inset 0 1px 0 rgba(255,255,255,.32);
    }

    50% {
        box-shadow:
            0 16px 38px rgba(229,57,53,.36),
            0 0 28px rgba(255,107,107,.42),
            inset 0 1px 0 rgba(255,255,255,.42);
    }
}

@keyframes qHeartShineSweep {
    0% {
        transform: translateX(95%) rotate(10deg);
        opacity: 0;
    }

    18% {
        opacity: 1;
    }

    48% {
        transform: translateX(-95%) rotate(10deg);
        opacity: 1;
    }

    70% {
        opacity: 0;
    }

    100% {
        transform: translateX(-95%) rotate(10deg);
        opacity: 0;
    }
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1250px) {
    .home-three-sections {
        grid-template-columns: 1fr;
    }

    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1100px) {
    .header-inner {
        flex-wrap: wrap;
        padding: 12px 18px;
    }

    .brand-wrap {
        margin-inline-start: 0;
    }

    .main-nav {
        order: 10;
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .main-nav ul {
        min-width: max-content;
    }

    .sub-menu {
        top: 46px;
        max-width: calc(100vw - 28px);
        overflow-x: auto;
    }

    .category-layout-with-filter {
        grid-template-columns: 1fr;
        direction: rtl;
    }

    .filter-sidebar {
        position: relative;
        top: auto;
        order: -1;
    }

    .pricing-grid,
    .tradingview-gold-section {
        grid-template-columns: 1fr;
    }

    .tradingview-chart-wrap {
        height: 500px;
        min-height: 500px;
    }

    .product-details-grid {
        grid-template-columns: 1fr;
    }

    .main-product-image img {
        height: 520px;
    }

    .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .top-slogan-bar {
        grid-template-columns: 1fr 1fr;
    }

    .qissah-hero-slider {
        height: 270px;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .header-search {
        width: 100%;
        min-width: 0;
    }

    .header-search input {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .top-slogan-bar {
        grid-template-columns: 1fr;
    }

    .brand-name {
        font-size: 21px;
    }

    .qissah-hero-slider {
        height: 190px;
    }

    .home-three-sections,
    .pricing-page {
        padding: 22px 14px;
    }

    .category-page-wide {
        padding: 24px 14px 60px !important;
    }

    .home-price-values,
    .price-lines,
    .filter-two,
    .product-actions,
    .specs-grid,
    .related-grid {
        grid-template-columns: 1fr;
    }

    .category-products-head,
    .search-result-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .category-products-head h1,
    .search-result-head h1 {
        font-size: 26px;
    }

    .category-strip-section {
        padding: 14px;
    }

    .category-strip-card {
        width: 105px;
        min-height: 105px;
    }

    .category-strip-title {
        font-size: 12px;
    }

    .products-grid {
        grid-template-columns: 1fr;
    }

    .product-card .product-image {
        height: 340px;
        min-height: 340px;
    }

    .home-model-card > img {
        height: 330px;
    }

    .product-page {
        width: calc(100% - 24px);
        margin-top: 18px;
    }

    .main-product-image img {
        height: 360px;
    }

    .thumbs-row {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-info-box h1 {
        font-size: 20px;
    }
}

/* =========================================================
   FORCE ROYAL ANIMATION ON SEARCH BUTTON + 21 KARAT
========================================================= */

:root {
    --royal-gold-1: #bf953f;
    --royal-gold-2: #fcf6ba;
    --royal-gold-3: #b38728;
    --royal-dark-text: #2d0a11;
}

@keyframes qRoyalShimmerStrong {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

@keyframes qRoyalGlowStrong {
    0%, 100% {
        box-shadow:
            0 0 18px rgba(212, 175, 55, 0.22),
            0 10px 24px rgba(179, 135, 40, 0.18),
            inset 0 1px 0 rgba(255,255,255,.35);
    }

    50% {
        box-shadow:
            0 0 36px rgba(212, 175, 55, 0.50),
            0 18px 42px rgba(179, 135, 40, 0.34),
            inset 0 1px 0 rgba(255,255,255,.58);
    }
}

@keyframes qRoyalSweepStrong {
    0% {
        transform: translateX(95%) rotate(10deg);
        opacity: 0;
    }

    18% {
        opacity: 1;
    }

    48% {
        transform: translateX(-95%) rotate(10deg);
        opacity: 1;
    }

    70% {
        opacity: 0;
    }

    100% {
        transform: translateX(-95%) rotate(10deg);
        opacity: 0;
    }
}

/* كبسة البحث */
.site-header .header-search button,
.header-search button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    background: linear-gradient(
        135deg,
        var(--royal-gold-1) 0%,
        var(--royal-gold-2) 25%,
        var(--royal-gold-3) 50%,
        var(--royal-gold-2) 75%,
        var(--royal-gold-1) 100%
    ) !important;

    background-size: 200% 200% !important;
    color: var(--royal-dark-text) !important;

    border: 0 !important;
    border-radius: 999px !important;

    animation:
        qRoyalShimmerStrong 4s infinite linear,
        qRoyalGlowStrong 2.8s ease-in-out infinite !important;

    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.25),
        0 12px 30px rgba(179, 135, 40, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;

    text-shadow: none !important;
}

.site-header .header-search button::before,
.header-search button::before {
    content: "" !important;
    position: absolute !important;
    inset: -85% -50% !important;
    z-index: -1 !important;

    background: linear-gradient(
        115deg,
        transparent 0%,
        transparent 36%,
        rgba(255,255,255,.55) 48%,
        rgba(252,246,186,.95) 52%,
        rgba(255,255,255,.55) 56%,
        transparent 68%,
        transparent 100%
    ) !important;

    animation: qRoyalSweepStrong 2.7s ease-in-out infinite !important;
    pointer-events: none !important;
}

.site-header .header-search button:hover,
.header-search button:hover {
    transform: translateY(-2px) scale(1.04) !important;
}

/* عيار 21 بالواجهة الرئيسية */
.home-price-row.featured-21 {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    background: linear-gradient(
        135deg,
        var(--royal-gold-1) 0%,
        var(--royal-gold-2) 25%,
        var(--royal-gold-3) 50%,
        var(--royal-gold-2) 75%,
        var(--royal-gold-1) 100%
    ) !important;

    background-size: 200% 200% !important;
    border-color: rgba(212, 175, 55, 0.72) !important;

    animation:
        qRoyalShimmerStrong 4s infinite linear,
        qRoyalGlowStrong 2.8s ease-in-out infinite !important;
}

.home-price-row.featured-21::before {
    content: "" !important;
    position: absolute !important;
    inset: -85% -50% !important;
    z-index: -1 !important;

    background: linear-gradient(
        115deg,
        transparent 0%,
        transparent 36%,
        rgba(255,255,255,.55) 48%,
        rgba(252,246,186,.95) 52%,
        rgba(255,255,255,.55) 56%,
        transparent 68%,
        transparent 100%
    ) !important;

    animation: qRoyalSweepStrong 2.7s ease-in-out infinite !important;
    pointer-events: none !important;
}

.home-price-row.featured-21,
.home-price-row.featured-21 * {
    color: #2d0a11 !important;
}

.home-price-row.featured-21 .home-price-value {
    position: relative !important;
    z-index: 2 !important;
    background: rgba(255, 253, 248, 0.78) !important;
    border: 1px solid rgba(115, 92, 0, 0.25) !important;
}

/* عيار 21 داخل صفحة التسعيرة */
.price-card.featured-price {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    background: linear-gradient(
        135deg,
        var(--royal-gold-1) 0%,
        var(--royal-gold-2) 25%,
        var(--royal-gold-3) 50%,
        var(--royal-gold-2) 75%,
        var(--royal-gold-1) 100%
    ) !important;

    background-size: 200% 200% !important;
    border-color: rgba(212, 175, 55, 0.72) !important;

    animation:
        qRoyalShimmerStrong 4s infinite linear,
        qRoyalGlowStrong 2.8s ease-in-out infinite !important;
}

.price-card.featured-price::before {
    content: "" !important;
    position: absolute !important;
    inset: -85% -50% !important;
    z-index: -1 !important;

    background: linear-gradient(
        115deg,
        transparent 0%,
        transparent 36%,
        rgba(255,255,255,.55) 48%,
        rgba(252,246,186,.95) 52%,
        rgba(255,255,255,.55) 56%,
        transparent 68%,
        transparent 100%
    ) !important;

    animation: qRoyalSweepStrong 2.7s ease-in-out infinite !important;
    pointer-events: none !important;
}

.price-card.featured-price,
.price-card.featured-price * {
    color: #2d0a11 !important;
}

.price-card.featured-price .price-line {
    position: relative !important;
    z-index: 2 !important;
    background: rgba(255, 253, 248, 0.78) !important;
    border: 1px solid rgba(115, 92, 0, 0.25) !important;
}

/* =========================================================
   PRODUCT PAGE FIXES + HEADER HEART RESTORE
========================================================= */

/* =========================
   1) صفحة المنتج تكون أرتب
========================= */

.product-page {
    width: min(1380px, calc(100% - 34px)) !important;
    margin: 26px auto 60px !important;
}

.product-details-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    align-items: stretch !important;
}

.product-gallery-box,
.product-info-box {
    height: 100% !important;
    min-height: 100% !important;
}

/* الصورة الرئيسية */
.main-product-image img {
    width: 100% !important;
    height: 560px !important;
    object-fit: cover !important;
    display: block !important;
}

/* =========================
   2) الصور المصغرة تحت الصورة
   تكون قد بعض وأصغر شوي
========================= */

.thumbs-row {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
    align-items: stretch !important;
}

.thumb-btn {
    height: 118px !important;
    min-height: 118px !important;
    border-radius: 12px !important;
    padding: 5px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    border: 1px solid rgba(199,154,43,.34) !important;
    background: #fff8ec !important;
    overflow: hidden !important;
}

.thumb-btn img {
    width: 100% !important;
    height: 78px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
}

.thumb-btn span {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-align: center !important;
    color: #8a6718 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.thumb-btn.active {
    border-color: #c79a2b !important;
    box-shadow: 0 0 0 3px rgba(199,154,43,.14) !important;
}

/* =========================
   3) الأزرار بصفحة المنتج
   تكون قد بعض وأصغر شوي
========================= */

.product-actions {
    display: grid !important;
    grid-template-columns: 1fr 60px 1fr !important;
    gap: 6px !important;
    align-items: center !important;
    margin-top: 18px !important;
}

.product-action-main,
.product-whatsapp,
.product-favorite-btn {
    min-height: 50px !important;
    height: 50px !important;
    border-radius: 999px !important;
}

.product-action-main,
.product-whatsapp {
    font-size: 15px !important;
    font-weight: 900 !important;
}

.product-favorite-btn {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    font-size: 26px !important;
}

/* =========================
   4) قلب الهيدر يرجع شكله الأحلى
========================= */

.q-fav-count {
    display: none !important;
}

/* زر القلب نفسه */
.header-actions .q-fav-header-btn,
.site-header .q-fav-header-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: hidden !important;

    background: linear-gradient(135deg, #b91419 0%, #e53935 42%, #ff6b6b 58%, #e53935 78%, #b91419 100%) !important;
    background-size: 260% 100% !important;
    border: 1px solid rgba(229,57,53,.55) !important;

    box-shadow:
        0 10px 24px rgba(229,57,53,.24),
        0 0 18px rgba(255,107,107,.28),
        inset 0 1px 0 rgba(255,255,255,.35) !important;

    animation:
        qHeartRedMove 4.8s ease-in-out infinite,
        qHeartRedPulse 2.8s ease-in-out infinite !important;
}

/* نخفي شكل القلب النصي القديم */
.q-fav-header-btn .q-header-heart {
    display: none !important;
}

/* نظهر الـ svg إذا موجود */
.q-fav-header-btn svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    position: relative !important;
    z-index: 2 !important;
}

.q-fav-header-btn svg path,
.q-fav-header-btn svg *,
.header-actions .q-fav-header-btn svg path,
.header-actions .q-fav-header-btn svg * {
    fill: #ffffff !important;
    stroke: none !important;
}

/* إذا ما كان في SVG، نعمل fallback بقلب مرتب */
.q-fav-header-btn:not(:has(svg))::after {
    content: "♥" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    z-index: 2 !important;
}

/* لمعة الزر */
.header-actions .q-fav-header-btn::before,
.site-header .q-fav-header-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: -75% -45% !important;
    z-index: 0 !important;
    background: linear-gradient(
        115deg,
        transparent 0%,
        transparent 36%,
        rgba(255,255,255,.58) 48%,
        rgba(255,210,210,.85) 52%,
        rgba(255,255,255,.50) 56%,
        transparent 68%,
        transparent 100%
    ) !important;
    transform: translateX(95%) rotate(10deg) !important;
    animation: qHeartShineSweep 2.45s ease-in-out infinite !important;
    pointer-events: none !important;
}

/* =========================
   5) موبايل
========================= */

@media (max-width: 1100px) {
    .product-details-grid {
        grid-template-columns: 1fr !important;
    }

    .main-product-image img {
        height: 470px !important;
    }
}

@media (max-width: 650px) {
    .main-product-image img {
        height: 340px !important;
    }

    .thumbs-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .thumb-btn {
        height: 108px !important;
        min-height: 108px !important;
    }

    .thumb-btn img {
        height: 70px !important;
    }

    .product-actions {
        grid-template-columns: 1fr 56px 1fr !important;
    }

    .product-favorite-btn {
        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
    }
}

/* =========================================================
   HOME EXTRA SECTIONS
   Zina / Royal / Reviews / Footer
========================================================= */

.q-home-full-section {
    width: 100%;
    padding: 38px 34px;
    position: relative;
    overflow: hidden;
}

.q-full-section-head {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.q-section-kicker {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 8px;
    color: #8a6718;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 999px;
    padding: 7px 13px;
    font-size: 12px;
    font-weight: 900;
}

.q-full-section-head h2 {
    color: #8a6718;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.3;
}

.q-full-section-head p {
    margin-top: 7px;
    color: #766847;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.8;
}

.q-section-more {
    min-width: 140px;
    min-height: 44px;
    border-radius: 999px;
    text-decoration: none;
    color: #2d0a11;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%);
    background-size: 200% 200%;
    animation: qRoyalShimmerStrong 4s infinite linear, qRoyalGlowStrong 2.8s ease-in-out infinite;
    box-shadow: 0 0 25px rgba(212,175,55,.25);
}

/* =========================
   ZINA KHAZINA
========================= */

.q-zina-khazina-section {
    background: #fffdf8;
    border-top: 1px solid rgba(199,154,43,.22);
    border-bottom: 1px solid rgba(199,154,43,.22);
}

.q-horizontal-products {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(170px, 210px);
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 12px;
    scroll-snap-type: x mandatory;
}

.q-horizontal-products::-webkit-scrollbar {
    height: 8px;
}

.q-horizontal-products::-webkit-scrollbar-track {
    background: #fff3cf;
    border-radius: 999px;
}

.q-horizontal-products::-webkit-scrollbar-thumb {
    background: #c79a2b;
    border-radius: 999px;
}

.q-horizontal-card {
    scroll-snap-align: start;
    text-decoration: none;
    color: inherit;
    background: linear-gradient(180deg, #fffdf8, #fff8ec);
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(90,67,18,.08);
    transition: .25s ease;
}

.q-horizontal-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 46px rgba(90,67,18,.14);
}

.q-horizontal-img {
    width: 100%;
    height: 170px;
    background: #fff3cf;
    overflow: hidden;
}

.q-horizontal-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.q-horizontal-info {
    padding: 12px;
}

.q-horizontal-info strong {
    display: block;
    color: #6f510e;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.5;
    min-height: 42px;
}

.q-horizontal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0;
}

.q-horizontal-meta span {
    color: #8a6718;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.28);
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 900;
}

.q-horizontal-info b {
    display: inline-flex;
    margin-top: 4px;
    color: #2d0a11;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%);
    background-size: 200% 200%;
    animation: qRoyalShimmerStrong 4s infinite linear;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 11.5px;
    font-weight: 900;
}

/* =========================
   ROYAL PRODUCTS
========================= */

.q-royal-products-section {
    background:
        radial-gradient(circle at top right, rgba(212,175,55,.18), transparent 34%),
        radial-gradient(circle at bottom left, rgba(128,0,32,.55), transparent 38%),
        #2d0a11;
    color: #fffdf8;
    border-top: 1px solid rgba(212,175,55,.28);
    border-bottom: 1px solid rgba(212,175,55,.28);
}

.q-royal-bg-glow {
    position: absolute;
    inset: auto -10% -50% auto;
    width: 480px;
    height: 480px;
    border-radius: 999px;
    background: rgba(212,175,55,.12);
    filter: blur(70px);
    pointer-events: none;
}

.q-royal-head {
    position: relative;
    z-index: 2;
}

.q-royal-head .q-section-kicker {
    color: #2d0a11;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%);
    background-size: 200% 200%;
    animation: qRoyalShimmerStrong 4s infinite linear;
    border-color: rgba(252,246,186,.50);
}

.q-royal-head h2 {
    color: #fcf6ba;
    text-shadow: 0 0 18px rgba(212,175,55,.28);
}

.q-royal-head p {
    color: rgba(255,253,248,.76);
}

.q-royal-join-btn,
.q-royal-active-badge {
    min-width: 180px;
    min-height: 36px;
    border-radius: 999px;
    text-decoration: none;
    color: #2d0a11;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%);
    background-size: 200% 200%;
    animation: qRoyalShimmerStrong 4s infinite linear, qRoyalGlowStrong 2.8s ease-in-out infinite;
    box-shadow: 0 0 25px rgba(212,175,55,.25);
    border: 1px solid rgba(252,246,186,.45);
}

.q-royal-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.q-royal-card {
    text-decoration: none;
    color: inherit;
    background: rgba(61,14,23,.78);
    border: 1px solid rgba(212,175,55,.22);
    border-radius: 19px;
    overflow: hidden;
    box-shadow: 0 18px 42px rgba(0,0,0,.22);
    transition: .25s ease;
    position: relative;
}

.q-royal-card:hover {
    transform: translateY(-6px);
    border-color: rgba(212,175,55,.48);
    box-shadow: 0 0 30px rgba(212,175,55,.18);
}

.q-royal-img {
    width: 100%;
    height: 270px;
    background: #2d0a11;
    overflow: hidden;
    position: relative;
}

.q-royal-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .35s ease;
}

.q-royal-card.is-locked .q-royal-img img {
    filter: blur(7px);
    transform: scale(1.06);
}

.q-royal-lock-layer {
    position: absolute;
    inset: 0;
    background: rgba(45,10,17,.52);
    backdrop-filter: blur(2px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fcf6ba;
    font-weight: 900;
    text-align: center;
    gap: 10px;
}

.q-lock-icon {
    width: 58px;
    height: 52px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(252,246,186,.12);
    border: 1px solid rgba(252,246,186,.35);
    font-size: 26px;
    box-shadow: 0 0 22px rgba(212,175,55,.20);
}

.q-royal-info {
    padding: 15px;
}

.q-royal-label {
    display: inline-flex;
    color: #2d0a11;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%);
    background-size: 200% 200%;
    animation: qRoyalShimmerStrong 4s infinite linear;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 900;
    margin-bottom: 10px;
}

.q-royal-info strong {
    display: block;
    color: #fffdf8;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    min-height: 32px;
}

.q-royal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 10px 0;
}

.q-royal-meta span {
    color: #fcf6ba;
    background: rgba(252,246,186,.08);
    border: 1px solid rgba(252,246,186,.22);
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 900;
}

.q-royal-info b {
    color: #fcf6ba;
    font-weight: 900;
}

.q-locked-price {
    filter: blur(2px);
}

/* =========================
   REVIEWS
========================= */

.q-reviews-section {
    background: #faf3e6;
    border-top: 1px solid rgba(199,154,43,.20);
}

.q-reviews-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) 420px;
    gap: 24px;
    align-items: start;
}

.q-reviews-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.q-review-card {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 14px 34px rgba(90,67,18,.08);
}

.q-review-stars {
    color: #c79a2b;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.q-review-card p {
    color: #6f6658;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.9;
    min-height: 80px;
}

.q-review-card strong {
    display: block;
    margin-top: 12px;
    color: #8a6718;
    font-size: 14px;
    font-weight: 900;
}

.q-review-form {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 19px;
    padding: 22px;
    box-shadow: 0 16px 38px rgba(90,67,18,.10);
    display: grid;
    gap: 12px;
}

.q-review-form h3 {
    color: #8a6718;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 4px;
}

.q-review-form input,
.q-review-form select,
.q-review-form textarea {
    width: 100%;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 13px;
    background: #fffdf8;
    color: #3d2f12;
    padding: 12px 14px;
    outline: none;
    font-weight: 800;
}

.q-review-form input:focus,
.q-review-form select:focus,
.q-review-form textarea:focus {
    border-color: #c79a2b;
    box-shadow: 0 0 0 4px rgba(199,154,43,.10);
}

.q-review-form button {
    min-height: 32px;
    border: 0;
    border-radius: 999px;
    color: #2d0a11;
    font-weight: 900;
    cursor: pointer;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%);
    background-size: 200% 200%;
    animation: qRoyalShimmerStrong 4s infinite linear, qRoyalGlowStrong 2.8s ease-in-out infinite;
}

.q-review-message {
    color: #2d0a11;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 13px;
    padding: 11px 13px;
    font-size: 11.5px;
    font-weight: 900;
    line-height: 1.7;
}

/* =========================
   FOOTER
========================= */

.q-site-footer {
    width: 100%;
    background:
        radial-gradient(circle at top right, rgba(212,175,55,.12), transparent 34%),
        #2d0a11;
    color: #fffdf8;
    padding: 46px 34px 20px;
    border-top: 1px solid rgba(212,175,55,.28);
}

.q-footer-inner {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 28px;
    max-width: 1450px;
    margin: 0 auto;
}

.q-footer-brand h2 {
    color: #fcf6ba;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 12px;
}

.q-footer-brand p,
.q-footer-col p {
    color: rgba(255,253,248,.72);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.9;
}

.q-footer-col h3 {
    color: #fcf6ba;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 12px;
}

.q-footer-col a {
    display: block;
    color: rgba(255,253,248,.75);
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 7px;
    transition: .22s ease;
}

.q-footer-col a:hover {
    color: #fcf6ba;
    transform: translateX(-4px);
}

.q-footer-bottom {
    max-width: 1450px;
    margin: 32px auto 0;
    padding-top: 18px;
    border-top: 1px solid rgba(212,175,55,.14);
    text-align: center;
    color: rgba(255,253,248,.55);
    font-size: 11.5px;
    font-weight: 800;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1150px) {
    .q-royal-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .q-reviews-layout {
        grid-template-columns: 1fr;
    }

    .q-reviews-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .q-footer-inner {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .q-home-full-section {
        padding: 28px 14px;
    }

    .q-full-section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .q-full-section-head h2 {
        font-size: 27px;
    }

    .q-horizontal-products {
        grid-auto-columns: minmax(150px, 180px);
    }

    .q-horizontal-img {
        height: 145px;
    }

    .q-royal-grid,
    .q-reviews-list,
    .q-footer-inner {
        grid-template-columns: 1fr;
    }

    .q-royal-img {
        height: 250px;
    }
}

/* =========================================================
   HIDE EXTRA SECTION BADGES
   شيل Qissah Sets و Reviews وخلي Royal Qissah
========================================================= */

/* شيل دائرة Qissah Sets */
.q-zina-khazina-section .q-section-kicker {
    display: none !important;
}

/* شيل دائرة Reviews */
.q-reviews-section .q-section-kicker {
    display: none !important;
}

/* خلي دائرة Royal Qissah ظاهرة */
.q-royal-products-section .q-section-kicker,
.q-royal-head .q-section-kicker {
    display: inline-flex !important;
}

/* =========================================================
   HOME MAIN CLEANUP + HEADER WORDMARK
========================================================= */

/* إخفاء سعر الأونصة من الرئيسية */
.home-ounce-box {
    display: none !important;
}

/* صورة اسم المحل بدل النص */
.brand-wordmark {
    height: 54px !important;
    max-width: 280px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.brand-wordmark img {
    height: 54px !important;
    max-width: 280px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* تقصير سكشن آخر قطع الزينة والخزينة وأحدث الموديلات */
.home-three-sections {
    align-items: start !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) {
    min-height: auto !important;
    padding: 16px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .home-panel-head {
    margin-bottom: 10px !important;
    padding-bottom: 9px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .home-panel-head h2 {
    font-size: 21px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .home-mini-grid {
    gap: 8px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .home-model-card {
    border-radius: 18px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .home-model-card > img {
    height: 175px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .home-model-info {
    padding: 8px !important;
    gap: 6px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .q-card-title-box {
    min-height: 46px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .q-card-title-box strong {
    font-size: 12.5px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .q-card-title-box span {
    font-size: 9.8px !important;
    padding: 4px 7px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .q-card-bottom-box {
    gap: 6px !important;
}

.home-three-sections .home-panel:not(.home-pricing-panel) .q-card-bottom-box span {
    min-height: 32px !important;
    font-size: 11.5px !important;
    border-radius: 12px !important;
}

/* تقصير التسعيرة بعد حذف الأونصة */
.home-pricing-panel {
    min-height: auto !important;
}

.home-pricing-panel .home-price-list {
    gap: 6px !important;
}

.home-pricing-panel .home-price-row {
    padding: 12px !important;
}

.home-pricing-panel .home-price-row-title {
    margin-bottom: 9px !important;
}

.home-pricing-panel .home-price-value {
    padding: 8px !important;
}

.home-pricing-panel .home-price-value b {
    font-size: 18px !important;
}

/* موبايل */
@media (max-width: 650px) {
    .brand-wordmark {
        height: 44px !important;
        max-width: 210px !important;
    }

    .brand-wordmark img {
        height: 44px !important;
        max-width: 210px !important;
    }

    .home-three-sections .home-panel:not(.home-pricing-panel) .home-model-card > img {
        height: 155px !important;
    }
}

/* =========================================================
   HOME GOLD PRICE FIX + RED TIMER
========================================================= */

/* التايمر أحمر */
.q-home-timer-pill {
    background: linear-gradient(135deg, #a90f16 0%, #e53935 45%, #ff6b6b 60%, #e53935 78%, #a90f16 100%) !important;
    background-size: 240% 100% !important;
    color: #ffffff !important;
    border: 1px solid rgba(229,57,53,.65) !important;
    box-shadow:
        0 10px 24px rgba(229,57,53,.24),
        0 0 20px rgba(255,107,107,.28),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
    animation: qHeartRedMove 4.8s ease-in-out infinite, qHeartRedPulse 2.8s ease-in-out infinite !important;
}

.q-home-timer-pill b {
    color: #ffffff !important;
}

/* بوكس التسعيرة */
.home-pricing-panel .home-price-row {
    padding: 16px 14px !important;
    border-radius: 18px !important;
}

/* العيار و JOD على نفس السطر */
.home-pricing-panel .home-price-row-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
    width: 100% !important;
}

/* العيار يمين */
.home-pricing-panel .home-price-row-title strong {
    order: 1 !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    color: #8a6718 !important;
    text-align: right !important;
}

/* JOD شمال */
.home-pricing-panel .home-price-row-title span {
    order: 2 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #8a6718 !important;
    background: #fff3cf !important;
    border: 1px solid rgba(199,154,43,.32) !important;
    border-radius: 999px !important;
    padding: 5px 11px !important;
    text-align: left !important;
}

/* تكبير بوكسات شراء / بيع */
.home-pricing-panel .home-price-values {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

.home-pricing-panel .home-price-value {
    min-height: 74px !important;
    padding: 13px 10px !important;
    border-radius: 16px !important;
}

.home-pricing-panel .home-price-value small {
    font-size: 14px !important;
    font-weight: 900 !important;
    margin-bottom: 7px !important;
}

.home-pricing-panel .home-price-value b {
    font-size: 20px !important;
    font-weight: 900 !important;
}

/* عيار 21 يضل مرتب */
.home-pricing-panel .home-price-row.featured-21 {
    padding-top: 16px !important;
}

.home-pricing-panel .featured-21 .karat-featured-badge {
    margin-bottom: 10px !important;
}

/* موبايل */
@media (max-width: 650px) {
    .home-pricing-panel .home-price-row-title strong {
        font-size: 15px !important;
    }

    .home-pricing-panel .home-price-value {
        min-height: 68px !important;
    }

    .home-pricing-panel .home-price-value b {
        font-size: 18px !important;
    }
}

/* =========================================================
   GOLD PRICE KARAT FIX
   شيل JOD + العيار بالنص واضح وبولد
========================================================= */

/* شيل JOD نهائيًا */
.home-pricing-panel .home-price-row-title span {
    display: none !important;
}

/* خلي العيار بالنص */
.home-pricing-panel .home-price-row-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

/* تكبير وتوضيح العيار */
.home-pricing-panel .home-price-row-title strong {
    display: block !important;
    width: 100% !important;
    text-align: center !important;

    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;

    color: #7b570f !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.65) !important;
}

/* عيار 21 يكون أوضح شوي */
.home-pricing-panel .featured-21 .home-price-row-title strong {
    font-size: 27px !important;
    color: #2d0a11 !important;
}

/* بوكسات شراء وبيع تضل كبار */
.home-pricing-panel .home-price-value {
    min-height: 76px !important;
    padding: 14px 10px !important;
}

.home-pricing-panel .home-price-value small {
    font-size: 14px !important;
    font-weight: 900 !important;
}

.home-pricing-panel .home-price-value b {
    font-size: 21px !important;
    font-weight: 900 !important;
}

/* موبايل */
@media (max-width: 650px) {
    .home-pricing-panel .home-price-row-title strong {
        font-size: 22px !important;
    }

    .home-pricing-panel .featured-21 .home-price-row-title strong {
        font-size: 24px !important;
    }
}

/* =========================================================
   QISSAH HOME SIZE + ROYAL SYSTEM FINAL
========================================================= */

.home-three-sections {
    display: grid !important;
    grid-template-columns: 1fr .9fr 1fr !important;
    gap: 20px !important;
    align-items: stretch !important;
    margin: 20px 24px 28px !important;
}

.home-three-sections .home-panel {
    min-height: 680px !important;
    display: flex !important;
    flex-direction: column !important;
}

.home-three-sections .home-panel-head h2 {
    font-size: 24px !important;
    font-weight: 900 !important;
}

.home-three-sections .home-model-card > img {
    height: 190px !important;
    object-fit: cover !important;
}

.home-three-sections .q-card-title-box {
    min-height: 50px !important;
    padding: 10px 12px !important;
}

.home-three-sections .q-card-title-box strong {
    font-size: 15px !important;
    font-weight: 900 !important;
}

.home-three-sections .q-card-title-box span {
    font-size: 11px !important;
    font-weight: 900 !important;
}

.home-three-sections .q-card-bottom-box span {
    min-height: 40px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

/* Timer Red */
.q-home-timer-pill {
    background: linear-gradient(135deg, #a90f16 0%, #e53935 45%, #ff6b6b 60%, #e53935 78%, #a90f16 100%) !important;
    background-size: 240% 100% !important;
    color: #fff !important;
    border: 1px solid rgba(229,57,53,.65) !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    box-shadow:
        0 10px 24px rgba(229,57,53,.24),
        0 0 20px rgba(255,107,107,.28),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.q-home-timer-pill b {
    color: #fff !important;
}

/* Gold price cleaner */
.home-pricing-panel .home-price-row-title span {
    display: none !important;
}

.home-pricing-panel .home-price-row-title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.home-pricing-panel .home-price-row-title strong {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #8a6718 !important;
    line-height: 1.25 !important;
}

.home-pricing-panel .featured-21 .home-price-row-title strong {
    font-size: 30px !important;
    color: #2d0a11 !important;
}

.home-pricing-panel .home-price-value {
    min-height: 82px !important;
    padding: 15px 12px !important;
}

.home-pricing-panel .home-price-value small {
    font-size: 15px !important;
    font-weight: 900 !important;
}

.home-pricing-panel .home-price-value b {
    font-size: 21px !important;
    font-weight: 900 !important;
}

/* Extra sections */
.q-extra-section {
    margin: 0 24px 28px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    border: 1px solid rgba(199,154,43,.30) !important;
    box-shadow: 0 18px 42px rgba(90,67,18,.07) !important;
}

.q-zina-khazina-section {
    background: #fffdf8 !important;
}

.q-royal-products-section {
    position: relative !important;
    background:
        radial-gradient(circle at top right, rgba(212,175,55,.20), transparent 34%),
        linear-gradient(135deg, #5e0013 0%, #750019 46%, #3b000e 100%) !important;
    color: #fffdf8 !important;
}

.q-royal-bg-glow {
    position: absolute !important;
    inset: auto -10% -40% auto !important;
    width: 460px !important;
    height: 460px !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.12) !important;
    filter: blur(72px) !important;
    pointer-events: none !important;
}

.q-extra-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 28px 24px 18px !important;
}

.q-extra-head h2 {
    margin: 0 0 8px !important;
    font-size: 28px !important;
    font-weight: 900 !important;
}

.q-extra-head p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    font-weight: 800 !important;
}

.q-zina-khazina-section .q-extra-head h2,
.q-zina-khazina-section .q-extra-head p {
    color: #8a6718 !important;
}

.q-royal-products-section .q-extra-head h2 {
    color: #fcf6ba !important;
    text-shadow: 0 0 18px rgba(212,175,55,.25) !important;
}

.q-royal-products-section .q-extra-head p {
    color: rgba(255,253,248,.78) !important;
}

.q-royal-join-btn,
.q-royal-active-badge {
    min-height: 48px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    color: #2d0a11 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%) !important;
    background-size: 220% 220% !important;
    box-shadow: 0 12px 28px rgba(191,149,63,.22) !important;
    border: 1px solid rgba(252,246,186,.45) !important;
}

.q-extra-products-strip {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 0 16px 18px !important;
}

.q-extra-product-card {
    position: relative !important;
    text-decoration: none !important;
    color: inherit !important;
    background: linear-gradient(180deg, #fffdf8, #fff8ec) !important;
    border: 1px solid rgba(199,154,43,.30) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 32px rgba(90,67,18,.08) !important;
    transition: .25s ease !important;
}

.q-extra-product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 22px 46px rgba(90,67,18,.14) !important;
}

.q-extra-product-image {
    position: relative !important;
    width: 100% !important;
    height: 255px !important;
    background: #fff3cf !important;
    overflow: hidden !important;
}

.q-extra-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.q-extra-product-info {
    padding: 9px !important;
}

.q-extra-empty {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 16px 18px !important;
    padding: 28px !important;
    border-radius: 16px !important;
    border: 1px dashed rgba(199,154,43,.40) !important;
    background: #fff8ec !important;
    color: #8a6718 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.q-royal-empty {
    background: rgba(255,255,255,.07) !important;
    color: #fcf6ba !important;
    border-color: rgba(252,246,186,.26) !important;
}

/* Royal locked */
.q-extra-product-card.is-locked .q-extra-product-image img,
.q-extra-product-card.is-locked .q-extra-product-info {
    filter: blur(7px) !important;
    user-select: none !important;
    pointer-events: none !important;
}

.q-royal-lock-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(45,10,17,.42) !important;
}

.q-royal-lock-box {
    display: grid !important;
    gap: 8px !important;
    place-items: center !important;
    background: rgba(45,10,17,.86) !important;
    color: #fcf6ba !important;
    border: 1px solid rgba(252,246,186,.30) !important;
    border-radius: 22px !important;
    padding: 16px 18px !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.22) !important;
    text-align: center !important;
}

.q-royal-lock-box span {
    font-size: 28px !important;
}

.q-royal-lock-box strong {
    font-size: 14px !important;
    font-weight: 900 !important;
}

/* Responsive */
@media (max-width: 1250px) {
    .home-three-sections {
        grid-template-columns: 1fr !important;
    }

    .home-three-sections .home-panel {
        min-height: auto !important;
    }

    .q-extra-products-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .home-three-sections {
        margin: 16px 12px 24px !important;
    }

    .q-extra-section {
        margin: 0 12px 24px !important;
    }

    .q-extra-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .q-extra-products-strip {
        grid-template-columns: 1fr !important;
    }

    .q-extra-product-image {
        height: 230px !important;
    }
}
/* =========================================================
   QISSAH HOME SIZE + ROYAL SYSTEM FINAL
========================================================= */

.home-three-sections {
    display: grid !important;
    grid-template-columns: 1fr .9fr 1fr !important;
    gap: 20px !important;
    align-items: stretch !important;
    margin: 20px 24px 28px !important;
}

.home-three-sections .home-panel {
    min-height: 680px !important;
    display: flex !important;
    flex-direction: column !important;
}

.home-three-sections .home-panel-head h2 {
    font-size: 24px !important;
    font-weight: 900 !important;
}

.home-three-sections .home-model-card > img {
    height: 190px !important;
    object-fit: cover !important;
}

.home-three-sections .q-card-title-box {
    min-height: 50px !important;
    padding: 10px 12px !important;
}

.home-three-sections .q-card-title-box strong {
    font-size: 15px !important;
    font-weight: 900 !important;
}

.home-three-sections .q-card-title-box span {
    font-size: 11px !important;
    font-weight: 900 !important;
}

.home-three-sections .q-card-bottom-box span {
    min-height: 40px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

/* Timer Red */
.q-home-timer-pill {
    background: linear-gradient(135deg, #a90f16 0%, #e53935 45%, #ff6b6b 60%, #e53935 78%, #a90f16 100%) !important;
    background-size: 240% 100% !important;
    color: #fff !important;
    border: 1px solid rgba(229,57,53,.65) !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    box-shadow:
        0 10px 24px rgba(229,57,53,.24),
        0 0 20px rgba(255,107,107,.28),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.q-home-timer-pill b {
    color: #fff !important;
}

/* Gold price cleaner */
.home-pricing-panel .home-price-row-title span {
    display: none !important;
}

.home-pricing-panel .home-price-row-title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.home-pricing-panel .home-price-row-title strong {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #8a6718 !important;
    line-height: 1.25 !important;
}

.home-pricing-panel .featured-21 .home-price-row-title strong {
    font-size: 30px !important;
    color: #2d0a11 !important;
}

.home-pricing-panel .home-price-value {
    min-height: 82px !important;
    padding: 15px 12px !important;
}

.home-pricing-panel .home-price-value small {
    font-size: 15px !important;
    font-weight: 900 !important;
}

.home-pricing-panel .home-price-value b {
    font-size: 21px !important;
    font-weight: 900 !important;
}

/* Extra sections */
.q-extra-section {
    margin: 0 24px 28px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    border: 1px solid rgba(199,154,43,.30) !important;
    box-shadow: 0 18px 42px rgba(90,67,18,.07) !important;
}

.q-zina-khazina-section {
    background: #fffdf8 !important;
}

.q-royal-products-section {
    position: relative !important;
    background:
        radial-gradient(circle at top right, rgba(212,175,55,.20), transparent 34%),
        linear-gradient(135deg, #5e0013 0%, #750019 46%, #3b000e 100%) !important;
    color: #fffdf8 !important;
}

.q-royal-bg-glow {
    position: absolute !important;
    inset: auto -10% -40% auto !important;
    width: 460px !important;
    height: 460px !important;
    border-radius: 999px !important;
    background: rgba(212,175,55,.12) !important;
    filter: blur(72px) !important;
    pointer-events: none !important;
}

.q-extra-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 28px 24px 18px !important;
}

.q-extra-head h2 {
    margin: 0 0 8px !important;
    font-size: 28px !important;
    font-weight: 900 !important;
}

.q-extra-head p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    font-weight: 800 !important;
}

.q-zina-khazina-section .q-extra-head h2,
.q-zina-khazina-section .q-extra-head p {
    color: #8a6718 !important;
}

.q-royal-products-section .q-extra-head h2 {
    color: #fcf6ba !important;
    text-shadow: 0 0 18px rgba(212,175,55,.25) !important;
}

.q-royal-products-section .q-extra-head p {
    color: rgba(255,253,248,.78) !important;
}

.q-royal-join-btn,
.q-royal-active-badge {
    min-height: 48px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    color: #2d0a11 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%) !important;
    background-size: 220% 220% !important;
    box-shadow: 0 12px 28px rgba(191,149,63,.22) !important;
    border: 1px solid rgba(252,246,186,.45) !important;
}

.q-extra-products-strip {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 0 16px 18px !important;
}

.q-extra-product-card {
    position: relative !important;
    text-decoration: none !important;
    color: inherit !important;
    background: linear-gradient(180deg, #fffdf8, #fff8ec) !important;
    border: 1px solid rgba(199,154,43,.30) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 32px rgba(90,67,18,.08) !important;
    transition: .25s ease !important;
}

.q-extra-product-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 22px 46px rgba(90,67,18,.14) !important;
}

.q-extra-product-image {
    position: relative !important;
    width: 100% !important;
    height: 255px !important;
    background: #fff3cf !important;
    overflow: hidden !important;
}

.q-extra-product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.q-extra-product-info {
    padding: 9px !important;
}

.q-extra-empty {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 16px 18px !important;
    padding: 28px !important;
    border-radius: 16px !important;
    border: 1px dashed rgba(199,154,43,.40) !important;
    background: #fff8ec !important;
    color: #8a6718 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.q-royal-empty {
    background: rgba(255,255,255,.07) !important;
    color: #fcf6ba !important;
    border-color: rgba(252,246,186,.26) !important;
}

/* Royal locked */
.q-extra-product-card.is-locked .q-extra-product-image img,
.q-extra-product-card.is-locked .q-extra-product-info {
    filter: blur(7px) !important;
    user-select: none !important;
    pointer-events: none !important;
}

.q-royal-lock-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(45,10,17,.42) !important;
}

.q-royal-lock-box {
    display: grid !important;
    gap: 8px !important;
    place-items: center !important;
    background: rgba(45,10,17,.86) !important;
    color: #fcf6ba !important;
    border: 1px solid rgba(252,246,186,.30) !important;
    border-radius: 22px !important;
    padding: 16px 18px !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.22) !important;
    text-align: center !important;
}

.q-royal-lock-box span {
    font-size: 28px !important;
}

.q-royal-lock-box strong {
    font-size: 14px !important;
    font-weight: 900 !important;
}

/* Responsive */
@media (max-width: 1250px) {
    .home-three-sections {
        grid-template-columns: 1fr !important;
    }

    .home-three-sections .home-panel {
        min-height: auto !important;
    }

    .q-extra-products-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .home-three-sections {
        margin: 16px 12px 24px !important;
    }

    .q-extra-section {
        margin: 0 12px 24px !important;
    }

    .q-extra-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .q-extra-products-strip {
        grid-template-columns: 1fr !important;
    }

    .q-extra-product-image {
        height: 230px !important;
    }
}

/* =========================================================
   FIX EMPTY LEFT SPACE
   يشيل الفراغ الغبي على شمال الشاشة
========================================================= */

/* سكشنات الأطقم والرويال: نخليها مرنة بدل Grid ثابت */
.q-extra-products-strip,
.q-royal-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

/* الكروت */
.q-extra-products-strip .q-extra-product-card,
.q-royal-strip .q-extra-product-card {
    flex: 0 0 calc(25% - 11px) !important;
    max-width: calc(25% - 11px) !important;
    width: calc(25% - 11px) !important;
    margin: 0 !important;
}

/* حتى ما يضل السكشن عامل ارتفاع أكبر من المحتوى */
.q-extra-section,
.q-zina-khazina-section,
.q-royal-products-section,
.q-reviews-section {
    min-height: auto !important;
    height: auto !important;
}

/* المراجعات */
.q-reviews-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 24px !important;
    align-items: start !important;
}

.q-reviews-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 16px !important;
    align-content: start !important;
}

/* إذا في فراغ تحت بطاقات المراجعات */
.q-review-card {
    min-height: 155px !important;
}

/* الفوتر يركب مباشرة بدون فراغات إضافية */
.q-site-footer {
    margin-top: 0 !important;
}

/* إذا حاب تقلل ارتفاع القسم فوق المراجعات */
.q-royal-products-section {
    padding-bottom: 18px !important;
}

.q-zina-khazina-section {
    padding-bottom: 18px !important;
}

/* لابتوب متوسط */
@media (max-width: 1400px) {
    .q-extra-products-strip .q-extra-product-card,
    .q-royal-strip .q-extra-product-card {
        flex: 0 0 calc(33.333% - 10px) !important;
        max-width: calc(33.333% - 10px) !important;
        width: calc(33.333% - 10px) !important;
    }
}

/* تابلت */
@media (max-width: 1100px) {
    .q-extra-products-strip .q-extra-product-card,
    .q-royal-strip .q-extra-product-card {
        flex: 0 0 calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
        width: calc(50% - 7px) !important;
    }

    .q-reviews-layout {
        grid-template-columns: 1fr !important;
    }

    .q-reviews-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* موبايل */
@media (max-width: 700px) {
    .q-extra-products-strip .q-extra-product-card,
    .q-royal-strip .q-extra-product-card {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .q-reviews-list {
        grid-template-columns: 1fr !important;
    }

    .q-reviews-section {
        padding: 28px 14px !important;
    }
}

/* =========================================================
   FINAL HOME PANELS FIX
   نفس مستوى التسعيرة + إزالة الفراغ نهائيًا
========================================================= */

/* الحاوية الرئيسية للثلاث سكشنات */
.home-three-sections {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    margin: 32px auto 28px !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr .9fr 1fr !important;
    gap: 20px !important;

    align-items: stretch !important;
    direction: rtl !important;
}

/* شيل الارتفاع الإجباري اللي عامل الفراغ */
.home-three-sections > .home-panel {
    min-height: unset !important;
    height: auto !important;
    max-height: none !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 18px !important;
    overflow: hidden !important;
}

/* خلي كل البانلز تتمدد على نفس ارتفاع التسعيرة */
.home-three-sections > .home-panel,
.home-three-sections > .home-pricing-panel {
    align-self: stretch !important;
}

/* الرأس ثابت ومرتب */
.home-three-sections .home-panel-head {
    flex: 0 0 auto !important;
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
}

/* جسم السكشن ياخذ المساحة المتبقية */
.home-three-sections .home-carousel-box {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* المجموعات النشطة */
.home-three-sections .models-group.active,
.home-three-sections .zina-group.active,
.home-three-sections .latest-model-group.active {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* الجريد داخل آخر قطع الزينة وأحدث الموديلات */
.home-three-sections .home-mini-grid {
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: stretch !important;
    min-height: 0 !important;
}

/* الكروت تتمدد بشكل مرتب */
.home-three-sections .home-model-card {
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* الصور أوضح ومقروءة */
.home-three-sections .home-model-card > img {
    height: 215px !important;
    min-height: 215px !important;
    object-fit: cover !important;
}

/* المعلومات تحت الصورة */
.home-three-sections .home-model-info {
    padding: 9px !important;
    gap: 6px !important;
}

/* لو في منتج واحد بس: خليه ياخذ عرض السكشن كامل وما يترك فراغ */
.home-three-sections .home-mini-grid > .home-model-card:only-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* لو في منتج واحد: كبر صورته عشان يعبي السكشن بأناقة */
.home-three-sections .home-mini-grid > .home-model-card:only-child > img {
    height: 360px !important;
    min-height: 360px !important;
}

/* لو في منتجين: خليهُم قد بعض بدون فراغ */
.home-three-sections .home-mini-grid > .home-model-card:first-child:nth-last-child(2),
.home-three-sections .home-mini-grid > .home-model-card:first-child:nth-last-child(2) ~ .home-model-card {
    height: 100% !important;
}

/* تصغير الفراغ داخل الدوتس */
.home-three-sections .home-section-dots {
    flex: 0 0 auto !important;
    margin-top: 12px !important;
}

/* التسعيرة نفس المستوى بدون ارتفاع زائد */
.home-pricing-panel {
    min-height: unset !important;
    height: auto !important;
}

.home-pricing-panel .home-price-list {
    display: grid !important;
    gap: 8px !important;
}

/* تكبير بوكسات التسعيرة شوي للقراءة */
.home-pricing-panel .home-price-row {
    padding: 18px 14px !important;
    border-radius: 18px !important;
}

.home-pricing-panel .home-price-row-title strong {
    font-size: 27px !important;
    font-weight: 900 !important;
}

.home-pricing-panel .featured-21 .home-price-row-title strong {
    font-size: 31px !important;
}

.home-pricing-panel .home-price-value {
    min-height: 82px !important;
    padding: 15px 12px !important;
}

.home-pricing-panel .home-price-value small {
    font-size: 15px !important;
    font-weight: 900 !important;
}

.home-pricing-panel .home-price-value b {
    font-size: 22px !important;
    font-weight: 900 !important;
}

/* منع أي سكرول أو فراغ عرضي */
html,
body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

.page-content,
.home-three-sections,
.q-extra-section,
.q-reviews-section,
.q-site-footer {
    overflow-x: hidden !important;
}

/* لابتوب */
@media (max-width: 1250px) {
    .home-three-sections {
        grid-template-columns: 1fr !important;
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
    }

    .home-three-sections .home-model-card > img,
    .home-three-sections .home-mini-grid > .home-model-card:only-child > img {
        height: 300px !important;
        min-height: 300px !important;
    }
}

/* موبايل */
@media (max-width: 700px) {
    .home-three-sections {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 18px auto 24px !important;
    }

    .home-three-sections .home-mini-grid {
        grid-template-columns: 1fr !important;
    }

    .home-three-sections .home-model-card > img,
    .home-three-sections .home-mini-grid > .home-model-card:only-child > img {
        height: 230px !important;
        min-height: 230px !important;
    }
}

/* =========================================================
   ROYAL PRODUCTS - SHOW ITEM / HIDE PRICE + WEIGHT
========================================================= */

.q-royal-card-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 6 !important;

    min-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #2d0a11 !important;
    font-size: 11px !important;
    font-weight: 900 !important;

    background: linear-gradient(
        135deg,
        #bf953f 0%,
        #fcf6ba 25%,
        #b38728 50%,
        #fcf6ba 75%,
        #bf953f 100%
    ) !important;

    background-size: 200% 200% !important;
    animation: qRoyalShimmer 4s infinite linear !important;
    border: 1px solid rgba(252,246,186,.45) !important;
    box-shadow: 0 8px 20px rgba(191,149,63,.22) !important;
}

/* إلغاء البلور القديم بالكامل */
.q-extra-product-card.is-locked .q-extra-product-image img,
.q-extra-product-card.is-locked .q-extra-product-info,
.q-extra-product-card.is-locked .q-card-title-box,
.q-extra-product-card.is-locked .q-card-bottom-box {
    filter: none !important;
    user-select: auto !important;
    pointer-events: auto !important;
}

/* إخفاء أي قفل قديم إذا ظل من CSS سابق */
.q-royal-lock-overlay,
.q-royal-lock-box {
    display: none !important;
}

/* شكل الخصوصية للوزن والسعر */
.q-private-box {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

.q-private-pill {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 12px !important;
    text-align: center !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    color: #fff8ec !important;

    background: linear-gradient(135deg, rgba(45,10,17,.94), rgba(94,0,19,.98)) !important;
    border: 1px solid rgba(252,246,186,.25) !important;
    box-shadow:
        0 8px 20px rgba(45,10,17,.18),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.q-extra-product-card.is-locked {
    cursor: pointer !important;
}

.q-extra-product-card.is-locked:hover {
    transform: translateY(-5px) !important;
}

/* خلي الصورة واضحة */
.q-extra-product-card.is-locked .q-extra-product-image img {
    opacity: 1 !important;
    transform: none !important;
}

/* طبقة فخمة خفيفة فقط بدون إخفاء القطعة */
.q-royal-products-section .q-extra-product-card.is-locked .q-extra-product-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to top, rgba(45,10,17,.10), rgba(45,10,17,0)) !important;
    pointer-events: none !important;
}

/* خلي اسم القطعة والعيار واضحين */
.q-extra-product-card.is-locked .q-card-title-box {
    background: linear-gradient(135deg, #fffaf0 0%, #fff3cf 100%) !important;
    border-color: rgba(199,154,43,.38) !important;
}

.q-extra-product-card.is-locked .q-card-title-box strong {
    color: #6f510e !important;
}

.q-extra-product-card.is-locked .q-card-title-box span {
    color: #9a741d !important;
    background: #fffdf8 !important;
}

/* =========================================================
   QISSAH REVIEWS PRO - 4 x 2 + SOURCE + DATE
========================================================= */

.q-reviews-section {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    margin: 0 auto 0 !important;
    padding: 38px 0 42px !important;
    background: #faf3e6 !important;
    border-top: 1px solid rgba(199,154,43,.20) !important;
    overflow: hidden !important;
}

.q-reviews-pro-head {
    margin-bottom: 20px !important;
}

.q-reviews-pro-head h2 {
    color: #8a6718 !important;
    font-size: 34px !important;
    font-weight: 900 !important;
}

.q-reviews-pro-head p {
    color: #766847 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}

/* Carousel */
.q-reviews-carousel {
    position: relative !important;
    width: 100% !important;
    padding: 0 58px !important;
}

.q-reviews-pages {
    width: 100% !important;
    overflow: hidden !important;
}

.q-reviews-page {
    display: none !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.q-reviews-page.active {
    display: grid !important;
}

/* Card smaller */
.q-review-card {
    position: relative !important;
    min-height: 172px !important;
    background: #fffdf8 !important;
    border: 1px solid rgba(199,154,43,.34) !important;
    border-radius: 16px !important;
    padding: 14px !important;
    box-shadow: 0 12px 28px rgba(90,67,18,.07) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    overflow: hidden !important;
}

.q-review-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728) !important;
}

.q-review-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
}

.q-review-source {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #fff8ec !important;
    border: 1px solid rgba(199,154,43,.28) !important;
    color: #8a6718 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.q-review-source img {
    width: 17px !important;
    height: 17px !important;
    object-fit: contain !important;
    display: block !important;
}

.q-review-top time {
    color: #9a8a6a !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.q-review-stars {
    color: #c79a2b !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
}

.q-review-card p {
    color: #5f5645 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.75 !important;
    margin: 0 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.q-review-bottom {
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
}

.q-review-bottom strong {
    color: #8a6718 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.q-review-bottom a {
    text-decoration: none !important;
    color: #2d0a11 !important;
    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fcf6ba) !important;
    background-size: 200% 200% !important;
    border-radius: 999px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(191,149,63,.16) !important;
}

/* Source color details */
.q-review-source-google .q-review-source {
    border-color: rgba(66,133,244,.20) !important;
}

.q-review-source-instagram .q-review-source {
    border-color: rgba(225,48,108,.24) !important;
}

.q-review-source-facebook .q-review-source {
    border-color: rgba(24,119,242,.24) !important;
}

/* Arrows */
.q-review-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;

    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(199,154,43,.38) !important;
    cursor: pointer !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #2d0a11 !important;
    font-size: 30px !important;
    font-weight: 900 !important;

    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fcf6ba) !important;
    background-size: 220% 220% !important;
    box-shadow: 0 12px 28px rgba(191,149,63,.22) !important;
    transition: .22s ease !important;
}

.q-review-arrow:hover {
    transform: translateY(-50%) scale(1.07) !important;
}

.q-review-arrow-right {
    right: 0 !important;
}

.q-review-arrow-left {
    left: 0 !important;
}

.q-review-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 15px !important;
}

.q-review-dot {
    width: 9px !important;
    height: 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ead39a !important;
    cursor: pointer !important;
    transition: .22s ease !important;
}

.q-review-dot.active {
    width: 30px !important;
    background: #c79a2b !important;
}

/* Website review form below */
.q-review-form-inline {
    margin-top: 22px !important;
    background: #fffdf8 !important;
    border: 1px solid rgba(199,154,43,.34) !important;
    border-radius: 24px !important;
    padding: 16px !important;
    box-shadow: 0 14px 34px rgba(90,67,18,.08) !important;

    display: grid !important;
    grid-template-columns: 1.2fr 1fr 1fr 2fr auto !important;
    gap: 6px !important;
    align-items: stretch !important;
}

.q-review-form-title {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.q-review-form-title h3 {
    color: #8a6718 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    margin: 0 0 4px !important;
}

.q-review-form-title p {
    color: #766847 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.q-review-form-inline input,
.q-review-form-inline select,
.q-review-form-inline textarea {
    width: 100% !important;
    border: 1px solid rgba(199,154,43,.34) !important;
    border-radius: 16px !important;
    background: #fffdf8 !important;
    color: #3d2f12 !important;
    padding: 11px 13px !important;
    outline: none !important;
    font-weight: 800 !important;
    min-height: 46px !important;
}

.q-review-form-inline textarea {
    resize: vertical !important;
    min-height: 46px !important;
    max-height: 120px !important;
}

.q-review-form-inline button {
    min-width: 150px !important;
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #2d0a11 !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%) !important;
    background-size: 200% 200% !important;
    box-shadow: 0 12px 28px rgba(191,149,63,.18) !important;
}

.q-review-message {
    grid-column: 1 / -1 !important;
    color: #2d0a11 !important;
    background: #fff3cf !important;
    border: 1px solid rgba(199,154,43,.34) !important;
    border-radius: 16px !important;
    padding: 11px 13px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.7 !important;
}

/* Responsive */
@media (max-width: 1250px) {
    .q-reviews-page {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .q-review-form-inline {
        grid-template-columns: 1fr 1fr !important;
    }

    .q-review-form-title,
    .q-review-form-inline textarea,
    .q-review-form-inline button,
    .q-review-message {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 700px) {
    .q-reviews-section {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        padding: 30px 0 !important;
    }

    .q-reviews-carousel {
        padding: 0 0 58px !important;
    }

    .q-reviews-page {
        grid-template-columns: 1fr !important;
    }

    .q-review-arrow {
        top: auto !important;
        bottom: 0 !important;
        transform: none !important;
    }

    .q-review-arrow:hover {
        transform: scale(1.07) !important;
    }

    .q-review-arrow-right {
        right: calc(50% - 52px) !important;
    }

    .q-review-arrow-left {
        left: calc(50% - 52px) !important;
    }

    .q-review-form-inline {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   GOOGLE STYLE REVIEWS - FULL WIDTH
========================================================= */

.q-google-reviews-section {
    width: 100% !important;
    max-width: 100% !important;
    background: #f7f4ee !important;
    border-top: 1px solid rgba(199,154,43,.18) !important;
    padding: 34px 28px 44px !important;
    overflow: hidden !important;
}

.q-google-reviews-inner {
    width: 100% !important;
    max-width: 100% !important;
}

.q-google-reviews-head {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 20px !important;
}

.q-google-reviews-head h2 {
    margin: 0 0 6px !important;
    color: #221f1a !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.q-google-reviews-head p {
    margin: 0 !important;
    color: #7b756a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

.q-google-reviews-arrows {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
}

.q-google-review-arrow {
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    border: 1px solid #e5dcc9 !important;
    background: #f4efe4 !important;
    color: #9a7a1f !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: .2s ease !important;
    line-height: 1 !important;
}

.q-google-review-arrow:hover {
    background: #efe6d0 !important;
    transform: scale(1.05) !important;
}

.q-google-reviews-pages {
    width: 100% !important;
    overflow: hidden !important;
}

.q-google-reviews-page {
    display: none !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.q-google-reviews-page.active {
    display: grid !important;
}

.q-google-review-card {
    min-height: 255px !important;
    background: #ebebeb !important;
    border-radius: 8px !important;
    padding: 16px 14px !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.q-google-review-name {
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
    margin-bottom: 3px !important;
}

.q-google-review-date {
    color: #808080 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
}

.q-google-review-stars {
    color: #ffb400 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
    white-space: nowrap !important;
}

.q-google-review-text {
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    min-height: 88px !important;
    overflow: hidden !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
}

.q-google-review-readmore {
    margin-top: 6px !important;
    margin-bottom: 14px !important;
}

.q-google-review-readmore a,
.q-google-review-readmore span {
    color: #8d8d8d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.q-google-review-source {
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.q-google-review-source img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    display: block !important;
    flex-shrink: 0 !important;
}

.q-google-review-source div {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.2 !important;
}

.q-google-review-source span {
    color: #7d7d7d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.q-google-review-source a,
.q-google-review-source strong {
    color: #5b84ea !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.q-google-review-source a:hover {
    text-decoration: underline !important;
}

/* dots */
.q-google-review-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 16px !important;
}

.q-google-review-dot {
    width: 9px !important;
    height: 9px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: #d5c7aa !important;
    cursor: pointer !important;
    transition: .2s ease !important;
}

.q-google-review-dot.active {
    width: 30px !important;
    background: #c79a2b !important;
}

/* review form under */
.q-review-form-under-google {
    width: 100% !important;
    margin-top: 28px !important;
}

.q-review-form-google {
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    background: #fffdf8 !important;
    border: 1px solid rgba(199,154,43,.28) !important;
    border-radius: 22px !important;
    padding: 22px !important;
    box-shadow: 0 10px 26px rgba(90,67,18,.08) !important;
}

.q-review-form-google-head {
    margin-bottom: 16px !important;
    text-align: center !important;
}

.q-review-form-google-head h3 {
    margin: 0 0 6px !important;
    color: #8a6718 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.q-review-form-google-head p {
    margin: 0 !important;
    color: #7b756a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.q-review-form-google-grid {
    display: grid !important;
    grid-template-columns: 1fr 220px !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.q-review-form-google input,
.q-review-form-google select,
.q-review-form-google textarea {
    width: 100% !important;
    border: 1px solid rgba(199,154,43,.30) !important;
    border-radius: 12px !important;
    background: #fffdf8 !important;
    color: #3d2f12 !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    outline: none !important;
}

.q-review-form-google textarea {
    margin-bottom: 12px !important;
    resize: vertical !important;
    min-height: 120px !important;
}

.q-review-form-google button {
    min-width: 180px !important;
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #2d0a11 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fcf6ba 75%, #bf953f 100%) !important;
    background-size: 200% 200% !important;
    box-shadow: 0 12px 28px rgba(191,149,63,.20) !important;
    display: block !important;
    margin: 0 auto !important;
}

.q-review-message-google {
    margin-bottom: 14px !important;
    background: #fff4d8 !important;
    border: 1px solid rgba(199,154,43,.28) !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    color: #5d4511 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

/* kill old reviews styles */
.q-reviews-section,
.q-reviews-carousel,
.q-reviews-layout,
.q-review-form-inline {
    display: none !important;
}

/* responsive */
@media (max-width: 1250px) {
    .q-google-reviews-page {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 950px) {
    .q-google-reviews-page {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .q-google-reviews-head {
        flex-direction: column !important;
    }

    .q-google-reviews-arrows {
        justify-content: flex-start !important;
    }
}

@media (max-width: 650px) {
    .q-google-reviews-section {
        padding: 28px 14px 36px !important;
    }

    .q-google-reviews-page {
        grid-template-columns: 1fr !important;
    }

    .q-review-form-google-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   CUSTOMER PAGES + ORDER TRACK
========================================================= */

.q-page-shell {
    width: min(1350px, calc(100% - 34px));
    margin: 34px auto 70px;
}

.q-page-head {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 26px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 18px 42px rgba(90,67,18,.08);
}

.q-page-head h1 {
    margin: 0 0 8px;
    color: #8a6718;
    font-size: 34px;
    font-weight: 900;
}

.q-page-head p {
    margin: 0;
    color: #766847;
    font-weight: 800;
}

.q-empty-box,
.q-alert {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 19px;
    padding: 28px;
    text-align: center;
    color: #8a6718;
    font-weight: 900;
    box-shadow: 0 14px 34px rgba(90,67,18,.07);
}

.q-alert.success {
    background: #e8f8ef;
    color: #168343;
}

.q-gold-main-btn {
    min-height: 32px;
    border-radius: 999px;
    border: 0;
    padding: 0 24px;
    cursor: pointer;
    color: #2d0a11;
    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fcf6ba);
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.q-light-btn {
    min-height: 44px;
    border-radius: 999px;
    padding: 0 18px;
    color: #8a6718;
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.q-cart-list,
.q-checkout-box,
.q-account-card,
.q-order-card {
    background: #fffdf8;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 26px;
    padding: 22px;
    box-shadow: 0 18px 42px rgba(90,67,18,.08);
    margin-bottom: 20px;
}

.q-cart-item {
    display: grid;
    grid-template-columns: 95px 1fr 100px auto;
    gap: 14px;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid rgba(199,154,43,.18);
}

.q-cart-item img {
    width: 95px;
    height: 95px;
    border-radius: 15px;
    object-fit: cover;
    background: #fff3cf;
}

.q-cart-item h3,
.q-order-item strong {
    color: #8a6718;
    font-weight: 900;
    margin: 0 0 6px;
}

.q-cart-item p,
.q-order-item p,
.q-order-head p {
    color: #766847;
    font-weight: 800;
    margin: 0;
}

.q-cart-item input {
    min-height: 44px;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 12px;
    padding: 0 10px;
}

.q-total-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff3cf;
    border-radius: 15px;
    padding: 16px;
    margin-bottom: 16px;
    color: #8a6718;
    font-weight: 900;
}

.q-total-line strong {
    font-size: 24px;
    color: #2d0a11;
}

.q-checkout-form,
.q-account-card {
    display: grid;
    gap: 12px;
}

.q-checkout-form input,
.q-checkout-form select,
.q-checkout-form textarea,
.q-account-card input,
.q-account-card textarea {
    width: 100%;
    min-height: 32px;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 13px;
    background: #fffdf8;
    padding: 12px 14px;
    outline: none;
    font-weight: 800;
}

.q-checkout-form textarea,
.q-account-card textarea {
    min-height: 95px;
}

.q-account-grid {
    display: grid;
    grid-template-columns: 1.4fr .8fr;
    gap: 20px;
    align-items: start;
}

.q-account-card h2,
.q-orders-section h2 {
    color: #8a6718;
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 16px;
}

.q-royal-status,
.q-normal-status {
    border-radius: 20px;
    padding: 18px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 14px;
}

.q-royal-status {
    color: #fcf6ba;
    background: linear-gradient(135deg, #5e0013, #980020, #c79a2b);
}

.q-normal-status {
    color: #8a6718;
    background: #fff3cf;
}

.q-order-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 18px;
}

.q-order-head h3 {
    color: #8a6718;
    font-size: 20px;
    font-weight: 900;
    margin: 0;
}

.q-order-head strong {
    font-size: 17px;
    color: #2d0a11;
}

.q-order-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 18px 0;
}

.q-track-step {
    background: #fff8ec;
    border: 1px solid rgba(199,154,43,.26);
    border-radius: 15px;
    padding: 14px;
    text-align: center;
    color: #9a8a6a;
    font-weight: 900;
}

.q-track-step span {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #eee8dc;
    color: #766847;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.q-track-step.done {
    color: #2d0a11;
    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fcf6ba);
}

.q-track-step.done span {
    background: #2d0a11;
    color: #fcf6ba;
}

.q-order-current {
    background: #fff3cf;
    border: 1px solid rgba(199,154,43,.34);
    border-radius: 15px;
    padding: 14px 18px;
    color: #8a6718;
    font-weight: 900;
    margin-bottom: 16px;
}

.q-order-items {
    display: grid;
    gap: 12px;
}

.q-order-item {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 14px;
    align-items: center;
    background: #fff8ec;
    border: 1px solid rgba(199,154,43,.20);
    border-radius: 15px;
    padding: 12px;
}

.q-order-item img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 13px;
    background: #fff3cf;
}

.q-order-item small {
    display: block;
    color: #6f510e;
    font-weight: 900;
    line-height: 1.8;
}

@media (max-width: 900px) {
    .q-cart-item,
    .q-account-grid,
    .q-order-track,
    .q-order-item {
        grid-template-columns: 1fr;
    }

    .q-cart-item img,
    .q-order-item img {
        width: 100%;
        height: 240px;
    }
}

/* =========================================================
   ACCOUNT ORDERS TRACKING LINK
========================================================= */

.q-account-side-card {
    align-self: start !important;
}

.q-track-orders-mini {
    margin-top: 18px !important;
    width: 100% !important;
    min-height: 86px !important;
    border-radius: 22px !important;
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    text-decoration: none !important;
    background:
        radial-gradient(circle at top right, rgba(199,154,43,.20), transparent 36%),
        linear-gradient(135deg, #fff8df, #fffdf8) !important;
    border: 1px solid rgba(199,154,43,.34) !important;
    box-shadow: 0 14px 30px rgba(90,67,18,.08) !important;
    transition: .22s ease !important;
}

.q-track-orders-mini:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(90,67,18,.12) !important;
}

.q-track-orders-mini strong {
    display: block !important;
    color: #6f510e !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    margin-bottom: 5px !important;
}

.q-track-orders-mini span {
    display: block !important;
    color: #8d7c58 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.q-track-orders-mini b {
    min-width: 58px !important;
    height: 36px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2d0a11 !important;
    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fcf6ba) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

/* =========================================================
   ORDERS PAGE
========================================================= */

.q-orders-page-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
}

.q-back-account-btn {
    width: auto !important;
    min-width: 150px !important;
}

.q-orders-page-section {
    display: grid !important;
    gap: 22px !important;
}

.q-order-card-wide {
    width: 100% !important;
}

@media (max-width: 700px) {
    .q-track-orders-mini {
        min-height: 78px !important;
        padding: 14px !important;
    }

    .q-track-orders-mini strong {
        font-size: 15px !important;
    }

    .q-orders-page-head {
        align-items: stretch !important;
    }

    .q-back-account-btn {
        width: 100% !important;
    }
}



/* =========================================================
   ARTICLES
========================================================= */
.q-articles-page{
    width:min(1320px, calc(100% - 34px));
    margin:34px auto 75px;
    direction:rtl;
}
.q-articles-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:22px;
    padding:22px 24px;
    background:#fffdf8;
    border:1px solid rgba(199,154,43,.34);
    border-radius:28px;
    box-shadow:0 18px 42px rgba(90,67,18,.08);
}
.q-articles-head h1{
    margin:0 0 8px;
    color:#8a6718;
    font-size:34px;
    font-weight:1000;
}
.q-articles-head p{
    margin:0;
    color:#766847;
    font-size:14px;
    font-weight:800;
    line-height:1.8;
}
.q-articles-head > span{
    flex:0 0 auto;
    color:#8a6718;
    background:#fff3cf;
    border:1px solid rgba(199,154,43,.34);
    border-radius:999px;
    padding:9px 16px;
    font-size:13px;
    font-weight:1000;
}
.q-articles-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}
.q-article-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
    overflow:hidden;
    border-radius:28px;
    background:linear-gradient(180deg,#fffdf8 0%,#fff8ec 62%,#fff1d6 100%);
    border:1px solid rgba(199,154,43,.36);
    box-shadow:0 18px 42px rgba(90,67,18,.10);
    text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease;
}
.q-article-card:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 58px rgba(90,67,18,.15);
}
.q-article-thumb{
    width:100%;
    aspect-ratio:16/10;
    overflow:hidden;
    background:radial-gradient(circle at center,#fffdf8 0%,#fff3cf 100%);
    border-bottom:1px solid rgba(199,154,43,.24);
}
.q-article-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.q-article-thumb-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#8a6718;
    font-size:36px;
    font-weight:1000;
}
.q-article-body{
    padding:18px;
    display:flex;
    flex-direction:column;
    gap:10px;
    flex:1;
}
.q-article-category{
    width:max-content;
    max-width:100%;
    color:#8a6718;
    background:#fff3cf;
    border:1px solid rgba(199,154,43,.30);
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:1000;
}
.q-article-body h2{
    margin:0;
    color:#6f510e;
    font-size:22px;
    font-weight:1000;
    line-height:1.45;
}
.q-article-body p{
    margin:0;
    color:#5f4b25;
    font-size:14px;
    font-weight:700;
    line-height:1.9;
}
.q-article-body strong{
    margin-top:auto;
    color:#2d0a11;
    background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fcf6ba);
    border-radius:999px;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:1000;
}
.q-article-empty{
    background:#fffdf8;
    border:1px solid rgba(199,154,43,.34);
    border-radius:24px;
    padding:34px;
    color:#8a6718;
    text-align:center;
    font-size:18px;
    font-weight:1000;
}
.q-article-view{
    width:min(980px, calc(100% - 34px));
    margin:34px auto 75px;
    direction:rtl;
}
.q-article-view-card{
    overflow:hidden;
    background:#fffdf8;
    border:1px solid rgba(199,154,43,.34);
    border-radius:30px;
    box-shadow:0 18px 42px rgba(90,67,18,.08);
}
.q-article-view-thumb{
    width:100%;
    max-height:520px;
    overflow:hidden;
    background:#fff3cf;
}
.q-article-view-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.q-article-view-body{
    padding:28px;
}
.q-article-view-body h1{
    margin:0 0 14px;
    color:#8a6718;
    font-size:clamp(30px,4vw,48px);
    font-weight:1000;
    line-height:1.35;
}
.q-article-meta{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:20px;
}
.q-article-meta span{
    color:#8a6718;
    background:#fff3cf;
    border:1px solid rgba(199,154,43,.30);
    border-radius:999px;
    padding:7px 12px;
    font-size:13px;
    font-weight:900;
}
.q-article-content{
    color:#3d2f12;
    font-size:17px;
    font-weight:700;
    line-height:2.1;
}
.q-article-content p{margin:0 0 16px;}

/* =========================================================
   AUTH PAGES
========================================================= */
.q-auth-page{
    width:min(1180px, calc(100% - 34px));
    margin:34px auto 75px;
    direction:rtl;
}
.q-auth-shell{
    display:grid;
    grid-template-columns:1fr 430px;
    gap:24px;
    align-items:stretch;
}
.q-auth-hero,.q-auth-card{
    background:#fffdf8;
    border:1px solid rgba(199,154,43,.34);
    border-radius:30px;
    box-shadow:0 18px 42px rgba(90,67,18,.08);
}
.q-auth-hero{
    padding:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:radial-gradient(circle at top right, rgba(240,212,122,.22), transparent 32%),linear-gradient(135deg,#fffdf8 0%,#fff4d5 100%);
}
.q-auth-hero span{
    width:max-content;
    max-width:100%;
    color:#8a6718;
    background:#fff3cf;
    border:1px solid rgba(199,154,43,.30);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:1000;
}
.q-auth-hero h1{
    margin:18px 0 12px;
    color:#8a6718;
    font-size:clamp(34px,5vw,58px);
    font-weight:1000;
    line-height:1.25;
}
.q-auth-hero p{
    margin:0;
    color:#5f4b25;
    font-size:17px;
    font-weight:800;
    line-height:2;
}
.q-auth-card{padding:26px;}
.q-auth-card h2{
    margin:0 0 18px;
    color:#8a6718;
    font-size:30px;
    font-weight:1000;
    text-align:center;
}
.q-auth-message{
    margin-bottom:14px;
    padding:13px 16px;
    color:#8a6718;
    background:#fff3cf;
    border:1px solid rgba(199,154,43,.34);
    border-radius:16px;
    font-size:14px;
    font-weight:900;
    text-align:center;
}
.q-auth-form{display:grid;gap:14px;}
.q-auth-form label{
    display:grid;
    gap:7px;
    color:#6f510e;
    font-size:14px;
    font-weight:1000;
}
.q-auth-form input{
    width:100%;
    min-height:50px;
    border:1px solid rgba(199,154,43,.34);
    background:#fffdf8;
    border-radius:16px;
    padding:0 14px;
    color:#3d2f12;
    font-size:15px;
    font-weight:800;
    outline:none;
}
.q-auth-form input:focus{border-color:#c79a2b;box-shadow:0 0 0 4px rgba(199,154,43,.12);}
.q-auth-btn{
    min-height:52px;
    border:0;
    border-radius:999px;
    cursor:pointer;
    color:#2d0a11;
    background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fcf6ba);
    font-family:inherit;
    font-size:16px;
    font-weight:1000;
    box-shadow:0 14px 28px rgba(191,149,63,.20);
}
.q-auth-links{
    margin-top:16px;
    display:grid;
    gap:8px;
    text-align:center;
    color:#6f510e;
    font-size:14px;
    font-weight:900;
}
.q-auth-links a{color:#8a6718;font-weight:1000;}
@media (max-width:900px){
    .q-auth-shell,.q-articles-grid{grid-template-columns:1fr;}
    .q-articles-head{align-items:flex-start;flex-direction:column;}
}


/* =========================================================
   QISSAH MOBILE APP UI
   Bottom navigation + drawer menu for phones
========================================================= */
.q-mobile-menu-toggle,
.q-mobile-bottom-nav,
.q-mobile-drawer,
.q-mobile-drawer-overlay {
    display: none;
}

@media (max-width: 820px) {
    body {
        padding-bottom: calc(70px + env(safe-area-inset-bottom));
        overflow-x: hidden;
    }

    .top-slogan-bar {
        min-height: 26px;
        grid-template-columns: 1fr !important;
    }

    .top-slogan-bar .slogan-item:nth-child(n+2) {
        display: none;
    }

    .slogan-item {
        padding: 5px 10px;
        font-size: 8.2px;
        font-weight: 900;
    }

    .site-header {
        top: 0;
        z-index: 1002;
        background: rgba(255,253,248,.96);
        border-bottom: 1px solid rgba(199,154,43,.24);
    }

    .header-inner {
        min-height: 50px !important;
        padding: 6px 10px !important;
        display: grid !important;
        grid-template-columns: 34px 1fr 34px !important;
        align-items: center !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }

    .q-mobile-menu-toggle {
        width: 33px;
        height: 33px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        border: 1px solid rgba(199,154,43,.36);
        border-radius: 13px;
        background: linear-gradient(145deg,#fffdf8,#fff3d4);
        box-shadow: 0 10px 24px rgba(90,67,18,.08);
        cursor: pointer;
        justify-self: start;
        order: 1;
    }

    .q-mobile-menu-toggle span {
        width: 17px;
        height: 2px;
        border-radius: 999px;
        background: #8a6718;
        display: block;
    }

    .brand-wrap {
        justify-self: center !important;
        margin: 0 !important;
        gap: 8px !important;
        min-width: 0;
        order: 2;
    }

    .brand-logo {
        width: 34px !important;
        height: 34px !important;
        border-radius: 12px !important;
    }

    .brand-wordmark img {
        max-width: 112px;
        max-height: 32px;
        object-fit: contain;
    }

    .brand-name {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px !important;
        font-weight: 1000;
    }

    .lang-switch {
        width: 33px;
        height: 33px;
        min-width: 42px;
        border-radius: 13px;
        justify-self: end;
        order: 3;
        font-weight: 1000;
        background: #fffdf8;
    }

    .main-nav,
    .header-search,
    .header-actions {
        display: none !important;
    }

    .q-mobile-bottom-nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1004;
        display: block;
        padding: 0 8px calc(7px + env(safe-area-inset-bottom));
        pointer-events: none;
    }

    .q-mobile-bottom-nav-inner {
        direction: ltr;
        width: min(450px, calc(100vw - 12px));
        height: 56px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        gap: 4px;
        padding: 5px 5px 6px;
        border: 1px solid rgba(199,154,43,.34);
        border-radius: 23px 23px 20px 20px;
        background:
            linear-gradient(180deg,rgba(255,253,248,.97),rgba(255,246,222,.97));
        box-shadow:
            0 -12px 36px rgba(45,10,17,.13),
            0 14px 32px rgba(138,103,24,.16),
            inset 0 1px 0 rgba(255,255,255,.84);
        backdrop-filter: blur(18px);
        pointer-events: auto;
    }

    .q-mobile-nav-link {
        min-width: 0;
        height: 43px;
        border-radius: 13px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        text-decoration: none;
        color: #6f510e;
        font-weight: 1000;
        transition: .18s ease;
        position: relative;
    }

    .q-mobile-nav-link:active {
        transform: scale(.94);
        background: rgba(199,154,43,.12);
    }

    .q-mobile-nav-icon {
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        line-height: 1;
    }

    .q-mobile-nav-label {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 8.2px;
        line-height: 1.2;
        direction: rtl;
    }

    .q-mobile-home-link {
        transform: translateY(-10px);
        color: #2d0a11;
    }

    .q-mobile-home-orb {
        width: 48px;
        height: 43px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fcf6ba,#bf953f);
        background-size: 220% 220%;
        animation: qRoyalShimmer 4s linear infinite;
        border: 1px solid rgba(252,246,186,.84);
        box-shadow:
            0 14px 34px rgba(179,135,40,.32),
            0 0 0 5px rgba(255,253,248,.88);
    }

    .q-mobile-home-orb svg {
        width: 20px;
        height: 20px;
    }

    .q-mobile-home-orb svg path {
        fill: #2d0a11;
    }

    .q-mobile-home-link .q-mobile-nav-label {
        margin-top: -1px;
        color: #2d0a11;
        font-size: 8.8px;
    }

    .q-mobile-nav-disabled {
        opacity: .18;
        pointer-events: none;
    }

    .q-mobile-drawer-overlay {
        position: fixed;
        inset: 0;
        z-index: 1005;
        display: block;
        background: rgba(45,10,17,.48);
        backdrop-filter: blur(6px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: .22s ease;
    }

    .q-mobile-drawer {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1006;
        display: flex;
        flex-direction: column;
        width: min(82vw, 310px);
        height: 100dvh;
        padding: 12px 11px 18px;
        overflow-y: auto;
        background:
            radial-gradient(circle at top right,rgba(252,246,186,.20),transparent 32%),
            linear-gradient(180deg,#fffdf8,#fff4d8);
        border-left: 1px solid rgba(199,154,43,.34);
        box-shadow: -22px 0 54px rgba(45,10,17,.22);
        transform: translateX(105%);
        transition: .28s cubic-bezier(.2,.8,.2,1);
        direction: rtl;
    }

    body.q-mobile-drawer-open {
        overflow: hidden;
    }

    body.q-mobile-drawer-open .q-mobile-drawer-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    body.q-mobile-drawer-open .q-mobile-drawer {
        transform: translateX(0);
    }

    .q-mobile-drawer-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 12px;
        border: 1px solid rgba(199,154,43,.28);
        border-radius: 19px;
        background: rgba(255,253,248,.78);
        box-shadow: 0 14px 32px rgba(90,67,18,.07);
    }

    .q-mobile-drawer-head strong {
        display: block;
        color: #8a6718;
        font-size: 17px;
        font-weight: 1000;
        line-height: 1.35;
    }

    .q-mobile-drawer-head span {
        display: block;
        color: #6f510e;
        font-size: 10.5px;
        font-weight: 900;
        margin-top: 3px;
    }

    .q-mobile-drawer-close {
        width: 29px;
        height: 29px;
        border: 0;
        border-radius: 12px;
        background: #fff0f0;
        color: #a51616;
        font-size: 20px;
        line-height: 1;
        cursor: pointer;
        font-family: inherit;
        font-weight: 900;
    }

    .q-mobile-drawer-search {
        margin: 10px 0;
        display: grid;
        grid-template-columns: 1fr 56px;
        gap: 8px;
    }

    .q-mobile-drawer-search input,
    .q-mobile-drawer-search button {
        min-height: 36px;
        border-radius: 13px;
        font-family: inherit;
        font-weight: 900;
    }

    .q-mobile-drawer-search input {
        border: 1px solid rgba(199,154,43,.32);
        background: #fffdf8;
        padding: 0 11px;
        color: #3d2f12;
        outline: none;
    }

    .q-mobile-drawer-search button {
        border: 0;
        color: #2d0a11;
        background: linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fcf6ba);
        cursor: pointer;
    }

    .q-mobile-drawer-links {
        display: grid;
        gap: 6px;
        margin-bottom: 12px;
    }

    .q-mobile-drawer-links a,
    .q-mobile-drawer-cat summary,
    .q-mobile-drawer-subcats a {
        text-decoration: none;
        color: #5f4208;
        font-size: 11.5px;
        font-weight: 1000;
    }

    .q-mobile-drawer-links a {
        min-height: 32px;
        display: flex;
        align-items: center;
        padding: 0 11px;
        border-radius: 17px;
        border: 1px solid rgba(199,154,43,.22);
        background: rgba(255,253,248,.78);
    }

    .q-mobile-drawer-categories h3 {
        margin: 4px 0 10px;
        color: #8a6718;
        font-size: 14px;
        font-weight: 1000;
    }

    .q-mobile-drawer-cat {
        margin-bottom: 7px;
        border: 1px solid rgba(199,154,43,.24);
        border-radius: 15px;
        background: rgba(255,253,248,.76);
        overflow: hidden;
    }

    .q-mobile-drawer-cat summary {
        min-height: 32px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 0 11px;
        list-style: none;
        cursor: pointer;
    }

    .q-mobile-drawer-cat summary::-webkit-details-marker {
        display: none;
    }

    .q-mobile-drawer-subcats {
        display: grid;
        gap: 5px;
        padding: 0 11px 11px;
    }

    .q-mobile-drawer-subcats a {
        min-height: 32px;
        display: flex;
        align-items: center;
        padding: 0 10px;
        border-radius: 12px;
        background: #fff8e8;
        border: 1px solid rgba(199,154,43,.16);
        font-size: 11.5px;
    }

    .category-page-wide,
    .home-three-sections,
    .pricing-page,
    .product-page,
    .q-auth-page {
        width: calc(100% - 14px) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .product-card {
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .product-card .product-image {
        height: clamp(118px, 38vw, 185px) !important;
        min-height: clamp(118px, 38vw, 185px) !important;
    }

    .product-card .product-info {
        padding: 7px 6px !important;
    }

    .product-card .product-info > h3 {
        font-size: 14px !important;
        line-height: 1.45 !important;
        min-height: 32px;
    }

    .q-extra-products-strip,
    .q-royal-strip {
        scroll-snap-type: x mandatory;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .q-extra-products-strip .q-extra-product-card,
    .q-royal-strip .q-extra-product-card {
        flex: 0 0 66vw !important;
        max-width: 66vw !important;
        width: 66vw !important;
        scroll-snap-align: center;
    }


    /* tighter phone UI after feedback */
    .product-card .q-card-price,
    .product-card .product-price,
    .product-card .q-product-card-price,
    .product-card .price,
    .product-card .q-price-line {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    .product-card .product-meta,
    .product-card .q-card-meta,
    .product-card .product-actions,
    .product-card .product-cta,
    .product-card .q-card-details-text {
        font-size: 9.8px !important;
    }

    .product-card button,
    .product-card .btn,
    .product-card a.q-gold-btn,
    .product-card a.product-btn {
        min-height: 29px !important;
        padding: 6px 8px !important;
        font-size: 10.2px !important;
        border-radius: 12px !important;
    }
}

@media (max-width: 410px) {
    .q-mobile-bottom-nav-inner {
        height: 52px;
        padding-inline: 4px;
        gap: 2px;
    }

    .q-mobile-nav-label {
        font-size: 7.8px;
    }

    .q-mobile-home-orb {
        width: 39px;
        height: 39px;
    }

    .q-mobile-home-orb svg {
        width: 18px;
        height: 18px;
    }

    .products-grid {
        gap: 6px !important;
    }
}

/* =========================================================
   QISSAH MOBILE UI - compact sizing pass
   طلب: تصغير أحجام واجهة الهاتف
========================================================= */
@media (max-width: 820px) {
    body { padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important; }

    .header-inner {
        min-height: 50px !important;
        padding: 5px 9px !important;
        grid-template-columns: 33px 1fr 33px !important;
    }

    .q-mobile-menu-toggle,
    .lang-switch {
        width: 33px !important;
        height: 33px !important;
        min-width: 33px !important;
        border-radius: 12px !important;
    }

    .brand-logo {
        width: 34px !important;
        height: 34px !important;
    }

    .brand-wordmark img {
        max-width: 112px !important;
        max-height: 32px !important;
    }

    .brand-name { font-size: 15px !important; }

    .q-mobile-bottom-nav {
        padding: 0 7px calc(6px + env(safe-area-inset-bottom)) !important;
    }

    .q-mobile-bottom-nav-inner {
        width: min(450px, calc(100vw - 12px)) !important;
        height: 56px !important;
        padding: 5px !important;
        gap: 3px !important;
        border-radius: 20px 20px 18px 18px !important;
    }

    .q-mobile-nav-link {
        height: 42px !important;
        border-radius: 13px !important;
        gap: 1px !important;
    }

    .q-mobile-nav-icon {
        width: 20px !important;
        height: 20px !important;
        font-size: 15px !important;
    }

    .q-mobile-nav-label {
        font-size: 8.2px !important;
        line-height: 1.12 !important;
    }

    .q-mobile-home-link { transform: translateY(-9px) !important; }

    .q-mobile-home-orb {
        width: 43px !important;
        height: 43px !important;
        box-shadow: 0 10px 24px rgba(179,135,40,.27), 0 0 0 4px rgba(255,253,248,.86) !important;
    }

    .q-mobile-home-orb svg {
        width: 19px !important;
        height: 19px !important;
    }

    .q-mobile-home-link .q-mobile-nav-label { font-size: 7.8px !important; }

    .q-mobile-drawer {
        width: min(82vw, 310px) !important;
        padding: 12px 11px 18px !important;
    }

    .q-mobile-drawer-head {
        padding: 10px !important;
        border-radius: 17px !important;
    }

    .q-mobile-drawer-head strong { font-size: 17px !important; }
    .q-mobile-drawer-head span { font-size: 10px !important; }

    .q-mobile-drawer-close {
        width: 29px !important;
        height: 29px !important;
        font-size: 20px !important;
        border-radius: 10px !important;
    }

    .q-mobile-drawer-search {
        margin: 9px 0 !important;
        grid-template-columns: 1fr 56px !important;
        gap: 6px !important;
    }

    .q-mobile-drawer-search input,
    .q-mobile-drawer-search button {
        min-height: 36px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    .q-mobile-drawer-links { gap: 5px !important; }

    .q-mobile-drawer-links a,
    .q-mobile-drawer-cat summary,
    .q-mobile-drawer-subcats a {
        min-height: 32px !important;
        font-size: 11.5px !important;
        padding-inline: 10px !important;
    }

    .q-mobile-drawer-categories h3 { font-size: 14px !important; }
    .q-mobile-drawer-cat { border-radius: 13px !important; margin-bottom: 6px !important; }
    .q-mobile-drawer-subcats { gap: 4px !important; padding: 0 10px 10px !important; }

    .products-grid {
        gap: 7px !important;
    }

    .product-card {
        border-radius: 14px !important;
    }

    .product-card .product-image {
        height: clamp(112px, 36vw, 175px) !important;
        min-height: clamp(112px, 36vw, 175px) !important;
    }

    .product-card .product-info { padding: 6px 5px !important; }

    .product-card .product-info > h3,
    .product-card .q-card-title-box strong,
    .product-card .q-card-title-box span {
        font-size: 11.5px !important;
        line-height: 1.25 !important;
    }

    .product-card .q-card-title-box {
        min-height: 30px !important;
        padding: 6px 7px !important;
        border-radius: 11px !important;
    }

    .product-card .q-card-price,
    .product-card .product-price,
    .product-card .q-product-card-price,
    .product-card .price,
    .product-card .q-price-line {
        font-size: 10.5px !important;
        line-height: 1.2 !important;
    }

    .product-card button,
    .product-card .btn,
    .product-card a.q-gold-btn,
    .product-card a.product-btn {
        min-height: 28px !important;
        padding: 5px 7px !important;
        font-size: 10px !important;
        border-radius: 10px !important;
    }

    .q-extra-products-strip .q-extra-product-card,
    .q-royal-strip .q-extra-product-card {
        flex-basis: 64vw !important;
        max-width: 64vw !important;
        width: 64vw !important;
    }

    .q-site-footer { padding-bottom: 80px !important; }
}

@media (max-width: 410px) {
    .q-mobile-bottom-nav-inner { height: 52px !important; }
    .q-mobile-nav-link { height: 39px !important; }
    .q-mobile-home-orb { width: 39px !important; height: 39px !important; }
    .q-mobile-nav-icon { font-size: 14px !important; }
    .q-mobile-nav-label { font-size: 7.6px !important; }
    .product-card .product-image {
        height: clamp(104px, 35vw, 160px) !important;
        min-height: clamp(104px, 35vw, 160px) !important;
    }
}

/* =========================================================
   QISSAH MOBILE UI - four-card compact + liquid glass cards
   طلب: الرئيسية صحيحة، أسعار الذهب كلهم يبينوا، وكروت المنتجات أصغر
========================================================= */
@media (max-width: 820px) {
    /* تصحيح ووضوح كلمة الرئيسية في شريط الموبايل */
    .q-mobile-home-link .q-mobile-nav-label {
        font-size: 8.6px !important;
        letter-spacing: 0 !important;
        word-spacing: 0 !important;
        direction: rtl !important;
        unicode-bidi: isolate !important;
        font-family: Tahoma, Arial, sans-serif !important;
        line-height: 1.05 !important;
        max-width: none !important;
        overflow: visible !important;
    }

    /* صفحة التسعيرة: خلي كل العيارات تبين فوق بعض بشكل مضغوط */
    .pricing-page {
        padding: 20px 8px 86px !important;
        width: 100% !important;
    }

    .pricing-shell {
        width: 100% !important;
        max-width: 100% !important;
    }

    .pricing-head {
        border-radius: 22px !important;
        padding: 22px 14px !important;
        margin-bottom: 12px !important;
    }

    .pricing-head h1 {
        font-size: 34px !important;
        line-height: 1.15 !important;
        margin-bottom: 10px !important;
    }

    .pricing-head p {
        font-size: 14px !important;
        line-height: 1.75 !important;
        max-width: 96% !important;
        margin: 0 auto !important;
    }

    .pricing-grid.sell-buy-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
        margin-bottom: 12px !important;
        align-items: stretch !important;
    }

    .pricing-grid.sell-buy-grid .price-card {
        min-width: 0 !important;
        border-radius: 18px !important;
        padding: 10px 6px !important;
        box-shadow: 0 10px 22px rgba(138,103,24,.07) !important;
    }

    .pricing-grid.sell-buy-grid .price-card > span {
        font-size: 15px !important;
        margin-bottom: 7px !important;
        line-height: 1.2 !important;
    }

    .pricing-grid.sell-buy-grid .karat-featured-badge {
        position: static !important;
        transform: none !important;
        min-height: 20px !important;
        padding: 3px 6px !important;
        margin: -2px auto 5px !important;
        width: fit-content !important;
        font-size: 8.5px !important;
        border-radius: 999px !important;
    }

    .pricing-grid.sell-buy-grid .price-lines {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }

    .pricing-grid.sell-buy-grid .price-line {
        padding: 8px 5px !important;
        border-radius: 12px !important;
    }

    .pricing-grid.sell-buy-grid .price-line span {
        font-size: 9px !important;
        margin-bottom: 4px !important;
        line-height: 1.15 !important;
    }

    .pricing-grid.sell-buy-grid .price-line strong {
        font-size: 17px !important;
        line-height: 1 !important;
    }

    .pricing-grid.sell-buy-grid .price-line small {
        font-size: 9px !important;
        margin-top: 4px !important;
    }

    .tradingview-gold-section {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 10px !important;
        border-radius: 18px !important;
        margin-top: 12px !important;
    }

    .gold-live-info {
        border-radius: 16px !important;
        padding: 12px !important;
    }

    .gold-live-info h2 {
        font-size: 17px !important;
        margin-bottom: 7px !important;
    }

    .live-ounce-price span {
        font-size: 20px !important;
    }

    .gold-live-info p {
        font-size: 11px !important;
        line-height: 1.55 !important;
        margin-top: 8px !important;
    }

    .tradingview-chart-wrap {
        height: 310px !important;
        min-height: 310px !important;
        border-radius: 16px !important;
    }

    /* آخر القطع: خلي الجروب يعرض 4 كروت واضحة بدل كرتين كبار */
    .home-three-sections {
        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;
        margin: 14px auto 22px !important;
    }

    .home-three-sections .home-panel:not(.home-pricing-panel) {
        padding: 11px !important;
        border-radius: 22px !important;
    }

    .home-three-sections .home-panel:not(.home-pricing-panel) .home-panel-head {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 7px !important;
        margin-bottom: 9px !important;
        padding-bottom: 8px !important;
    }

    .home-three-sections .home-panel:not(.home-pricing-panel) .home-panel-head h2 {
        font-size: 23px !important;
        line-height: 1.45 !important;
    }

    .home-three-sections .home-panel-head span,
    .q-home-timer-pill {
        font-size: 10px !important;
        padding: 8px 10px !important;
        min-height: 32px !important;
        white-space: nowrap !important;
    }

    .home-three-sections .home-mini-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        align-items: stretch !important;
    }

    .home-three-sections .home-model-card {
        position: relative !important;
        min-height: 0 !important;
        height: auto !important;
        border-radius: 17px !important;
        overflow: hidden !important;
        box-shadow: 0 10px 22px rgba(90,67,18,.08) !important;
        background: #fffdf8 !important;
    }

    .home-three-sections .home-model-card > img,
    .home-three-sections .home-mini-grid > .home-model-card:only-child > img {
        width: 100% !important;
        height: clamp(178px, 48vw, 218px) !important;
        min-height: clamp(178px, 48vw, 218px) !important;
        object-fit: cover !important;
        display: block !important;
    }

    .home-three-sections .home-model-info {
        position: absolute !important;
        left: 7px !important;
        right: 7px !important;
        bottom: 7px !important;
        z-index: 2 !important;
        padding: 6px !important;
        gap: 5px !important;
        border-radius: 15px !important;
        background: rgba(255, 253, 248, .66) !important;
        border: 1px solid rgba(255,255,255,.68) !important;
        box-shadow: 0 10px 26px rgba(45,10,17,.16) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
        backdrop-filter: blur(16px) saturate(1.35) !important;
    }

    .home-three-sections .q-card-title-box,
    .home-three-sections .q-card-bottom-box span {
        background: rgba(255, 253, 248, .56) !important;
        border-color: rgba(255,255,255,.72) !important;
        -webkit-backdrop-filter: blur(12px) saturate(1.25) !important;
        backdrop-filter: blur(12px) saturate(1.25) !important;
    }

    .home-three-sections .q-card-title-box {
        min-height: 30px !important;
        padding: 5px 6px !important;
        border-radius: 12px !important;
        gap: 5px !important;
    }

    .home-three-sections .q-card-title-box strong {
        font-size: 10.5px !important;
        line-height: 1.22 !important;
        font-weight: 1000 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .home-three-sections .q-card-title-box span {
        font-size: 8.5px !important;
        padding: 3px 5px !important;
        border-radius: 999px !important;
        background: rgba(255,248,236,.72) !important;
    }

    .home-three-sections .q-card-bottom-box {
        grid-template-columns: 1fr 1fr !important;
        gap: 5px !important;
    }

    .home-three-sections .q-card-bottom-box span {
        min-height: 27px !important;
        border-radius: 11px !important;
        font-size: 9.6px !important;
        line-height: 1.1 !important;
        padding: 3px 4px !important;
    }

    .home-three-sections .home-section-dots {
        margin-top: 8px !important;
    }

    /* كروت صفحة المنتجات/الأقسام: التفاصيل كـ liquid glass فوق الصورة */
    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .product-card {
        position: relative !important;
        border-radius: 17px !important;
        overflow: hidden !important;
        min-height: 0 !important;
        background: #fffdf8 !important;
    }

    .product-card .product-image {
        height: clamp(188px, 50vw, 230px) !important;
        min-height: clamp(188px, 50vw, 230px) !important;
    }

    .product-card .product-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .product-card .product-info {
        position: absolute !important;
        left: 7px !important;
        right: 7px !important;
        bottom: 7px !important;
        z-index: 2 !important;
        padding: 6px !important;
        gap: 5px !important;
        border-radius: 15px !important;
        background: rgba(255, 253, 248, .66) !important;
        border: 1px solid rgba(255,255,255,.70) !important;
        box-shadow: 0 10px 26px rgba(45,10,17,.16) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
        backdrop-filter: blur(16px) saturate(1.35) !important;
    }

    .product-card .q-card-title-box,
    .product-card .q-card-bottom-box span {
        background: rgba(255, 253, 248, .56) !important;
        border-color: rgba(255,255,255,.72) !important;
        -webkit-backdrop-filter: blur(12px) saturate(1.25) !important;
        backdrop-filter: blur(12px) saturate(1.25) !important;
    }

    .product-card .q-card-title-box {
        min-height: 30px !important;
        padding: 5px 6px !important;
        border-radius: 12px !important;
        gap: 5px !important;
    }

    .product-card .q-card-title-box strong {
        font-size: 10.5px !important;
        line-height: 1.22 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .product-card .q-card-title-box span {
        font-size: 8.5px !important;
        padding: 3px 5px !important;
    }

    .product-card .q-card-bottom-box {
        grid-template-columns: 1fr 1fr !important;
        gap: 5px !important;
    }

    .product-card .q-card-bottom-box span {
        min-height: 27px !important;
        border-radius: 11px !important;
        font-size: 9.6px !important;
        line-height: 1.1 !important;
        padding: 3px 4px !important;
    }
}

@media (max-width: 390px) {
    .pricing-grid.sell-buy-grid {
        gap: 5px !important;
    }

    .pricing-grid.sell-buy-grid .price-card {
        padding: 9px 4px !important;
    }

    .pricing-grid.sell-buy-grid .price-card > span {
        font-size: 14px !important;
    }

    .pricing-grid.sell-buy-grid .price-line strong {
        font-size: 15px !important;
    }

    .home-three-sections .home-model-card > img,
    .home-three-sections .home-mini-grid > .home-model-card:only-child > img {
        height: clamp(168px, 46vw, 200px) !important;
        min-height: clamp(168px, 46vw, 200px) !important;
    }

    .product-card .product-image {
        height: clamp(175px, 48vw, 212px) !important;
        min-height: clamp(175px, 48vw, 212px) !important;
    }
}

/* =========================================================
   QISSAH MOBILE UI - home label clipping fix
   طلب: كلمة الرئيسية كانت مقصوصة من تحت
========================================================= */
@media (max-width: 820px) {
    .q-mobile-bottom-nav,
    .q-mobile-bottom-nav-inner,
    .q-mobile-nav-link,
    .q-mobile-home-link {
        overflow: visible !important;
    }

    .q-mobile-bottom-nav-inner {
        height: 58px !important;
        padding-top: 5px !important;
        padding-bottom: 8px !important;
        align-items: center !important;
    }

    .q-mobile-nav-link {
        height: 46px !important;
        justify-content: center !important;
        gap: 1px !important;
    }

    .q-mobile-home-link {
        transform: translateY(-6px) !important;
        height: 50px !important;
        padding-bottom: 2px !important;
    }

    .q-mobile-home-orb {
        flex: 0 0 auto !important;
        width: 41px !important;
        height: 41px !important;
    }

    .q-mobile-home-link .q-mobile-nav-label {
        display: block !important;
        height: auto !important;
        min-height: 13px !important;
        margin-top: 2px !important;
        padding: 0 1px 2px !important;
        font-size: 8.3px !important;
        line-height: 1.45 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        max-width: none !important;
        font-family: Tahoma, Arial, sans-serif !important;
    }
}

@media (max-width: 410px) {
    .q-mobile-bottom-nav-inner {
        height: 57px !important;
        padding-bottom: 8px !important;
    }

    .q-mobile-nav-link {
        height: 45px !important;
    }

    .q-mobile-home-link {
        transform: translateY(-5px) !important;
        height: 49px !important;
    }

    .q-mobile-home-orb {
        width: 39px !important;
        height: 39px !important;
    }

    .q-mobile-home-link .q-mobile-nav-label {
        font-size: 8px !important;
        line-height: 1.45 !important;
        min-height: 13px !important;
        margin-top: 2px !important;
        padding-bottom: 2px !important;
    }
}

/* =========================================================
   QISSAH FINAL MOBILE PERFORMANCE + PRODUCT UI PATCH
   طلب: كروت موبايل أخف، عيار فوق الصورة، قلب فقط، فلترة عائمة، صفحات 8 منتجات
========================================================= */

.q-card-mobile-meta-row {
    display: none;
}

.q-card-desktop-info {
    display: contents;
}

.q-product-card-media-link,
.q-product-card-info-link {
    color: inherit;
    text-decoration: none;
}

.q-product-card-media-link {
    display: block;
    position: relative;
}

.q-card-karat-bubble,
.q-card-favorite-form {
    display: none;
}

.q-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
    margin: 28px auto 6px;
    direction: rtl;
}

.q-pagination a {
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    text-decoration: none;
    color: #7a5a12;
    font-weight: 1000;
    border: 1px solid rgba(199,154,43,.34);
    background: rgba(255,253,248,.88);
    box-shadow: 0 10px 26px rgba(90,67,18,.07);
}

.q-pagination a.active {
    color: #3b0511;
    background: linear-gradient(135deg, #fff7c8, #c99b1f);
    border-color: rgba(125,88,12,.28);
}

.q-mobile-filter-fab,
.q-mobile-filter-overlay,
.q-mobile-filter-close {
    display: none;
}

.q-header-search-icon {
    border: 1px solid rgba(199,154,43,.32);
    background: rgba(255,253,248,.78);
    cursor: pointer;
}

.q-header-search-icon svg {
    width: 22px;
    height: 22px;
    fill: #8a6718;
    display: block;
}

.home-model-card.q-product-compact-card {
    position: relative;
}

.home-model-card.q-product-compact-card .q-product-card-media-link > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 820px) {
    html, body {
        overflow-x: hidden !important;
    }

    body {
        padding-bottom: 74px !important;
    }

    *, *::before, *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    .q-metal-gold-shine,
    .q-metal-gold-shine::before,
    .q-metal-gold-shine::after,
    .q-gold-hover-btn::before,
    .q-gold-main-btn::before,
    .q-hero-slide-btn::before,
    .hero-slider-dot::before,
    .home-section-dot::before {
        animation: none !important;
        transition: none !important;
    }

    .lang-switch.q-header-search-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 16px !important;
        padding: 0 !important;
        font-size: 0 !important;
        flex: 0 0 42px !important;
    }

    .lang-switch.q-header-search-icon svg {
        width: 19px !important;
        height: 19px !important;
    }

    .qissah-hero-slider-section {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
    }

    .qissah-hero-slider {
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .qissah-hero-slide img {
        display: block !important;
    }

    .q-hero-slide-btn {
        min-height: 30px !important;
        padding: 6px 13px !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        bottom: 11px !important;
        right: 14px !important;
        box-shadow: 0 8px 20px rgba(60,10,20,.16) !important;
    }

    .home-three-sections {
        margin-top: 0 !important;
        padding-top: 0 !important;
        gap: 10px !important;
    }

    .home-three-sections .home-panel:first-child {
        margin-top: 0 !important;
    }

    .page-content {
        padding-top: 0 !important;
    }

    .home-panel-head {
        margin-bottom: 9px !important;
        gap: 7px !important;
        align-items: center !important;
    }

    .home-panel-head h2 {
        font-size: clamp(21px, 7vw, 31px) !important;
        line-height: 1.25 !important;
    }

    .q-home-timer-pill {
        min-height: 34px !important;
        padding: 7px 12px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    .home-carousel-box {
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .home-mini-grid,
    .products-grid,
    .q-related-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    .home-model-card.q-product-compact-card,
    .product-card.q-product-compact-card,
    .q-related-card.q-product-compact-card {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        overflow: visible !important;
        border-radius: 18px !important;
        min-height: 0 !important;
        background: rgba(255,253,248,.88) !important;
        border: 1px solid rgba(199,154,43,.28) !important;
        box-shadow: 0 8px 24px rgba(90,67,18,.07) !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    .home-model-card.q-product-compact-card .q-product-card-media-link,
    .product-card.q-product-compact-card .q-product-card-media-link,
    .q-related-card.q-product-compact-card .q-product-card-media-link {
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        border-radius: 17px 17px 10px 10px !important;
        background: #fff !important;
        border-bottom: 1px solid rgba(199,154,43,.18) !important;
    }

    .home-model-card.q-product-compact-card .q-product-card-media-link,
    .product-card.q-product-compact-card .product-image,
    .q-related-card.q-product-compact-card .q-related-image {
        height: 142px !important;
        min-height: 142px !important;
    }

    .home-model-card.q-product-compact-card .q-product-card-media-link > img,
    .product-card.q-product-compact-card .product-image img,
    .q-related-card.q-product-compact-card .q-related-image img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }

    .product-card.q-product-compact-card .product-image {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
        border-radius: 17px 17px 10px 10px !important;
    }

    .q-card-karat-bubble {
        display: inline-flex !important;
        position: absolute !important;
        top: 7px !important;
        right: 7px !important;
        z-index: 4 !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 42px !important;
        height: 25px !important;
        padding: 0 8px !important;
        border-radius: 999px !important;
        color: #3b0511 !important;
        background: rgba(255,253,248,.86) !important;
        border: 1px solid rgba(255,255,255,.88) !important;
        box-shadow: 0 8px 22px rgba(45,10,17,.10) !important;
        -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
        backdrop-filter: blur(10px) saturate(1.1) !important;
        font-size: 10px !important;
        font-weight: 1000 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .q-card-favorite-form.q-product-card-heart {
        display: block !important;
        position: absolute !important;
        top: 7px !important;
        left: 7px !important;
        z-index: 6 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .q-card-favorite-form.q-product-card-heart button {
        width: 29px !important;
        height: 29px !important;
        min-width: 29px !important;
        border: 0 !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        color: #7d0019 !important;
        background: rgba(255,253,248,.88) !important;
        box-shadow: 0 8px 22px rgba(45,10,17,.12) !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 1000 !important;
        -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
        backdrop-filter: blur(10px) saturate(1.1) !important;
    }

    .q-card-favorite-form.q-product-card-heart.is-active button {
        color: #fff !important;
        background: #7d0019 !important;
    }

    .home-model-card.q-product-compact-card .home-model-info,
    .product-card.q-product-compact-card .product-info,
    .q-related-card.q-product-compact-card .q-related-body {
        position: static !important;
        inset: auto !important;
        display: block !important;
        padding: 7px 8px 8px !important;
        min-height: 36px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        text-decoration: none !important;
    }

    .q-card-desktop-info,
    .home-model-card.q-product-compact-card .q-card-desktop-info,
    .product-card.q-product-compact-card .q-card-desktop-info,
    .q-related-card.q-product-compact-card .q-card-desktop-info,
    .q-related-card.q-product-compact-card .q-related-bottom-row,
    .q-related-card.q-product-compact-card .q-related-title-row {
        display: none !important;
    }

    .q-card-mobile-meta-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 7px !important;
        width: 100% !important;
        direction: rtl !important;
        min-height: 25px !important;
    }

    .q-card-mobile-meta-row strong {
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        color: #75550e !important;
        font-size: 11px !important;
        font-weight: 1000 !important;
        line-height: 1.25 !important;
        text-align: right !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .q-card-mobile-meta-row span {
        order: 2 !important;
        flex: 0 0 auto !important;
        color: #3b0511 !important;
        background: #fff7df !important;
        border: 1px solid rgba(199,154,43,.26) !important;
        border-radius: 999px !important;
        padding: 4px 7px !important;
        font-size: 10px !important;
        font-weight: 1000 !important;
        line-height: 1 !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    .q-related-section {
        padding: 14px 10px !important;
        margin-top: 14px !important;
    }

    .q-related-head h2 {
        font-size: 22px !important;
    }

    .q-related-head p {
        font-size: 12px !important;
        margin-top: 2px !important;
    }

    .q-related-sold-overlay {
        border-radius: 17px 17px 10px 10px !important;
    }

    .q-mobile-filter-fab {
        display: inline-flex !important;
        position: fixed !important;
        left: 14px !important;
        bottom: 88px !important;
        z-index: 9998 !important;
        width: 52px !important;
        height: 52px !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(199,154,43,.38) !important;
        border-radius: 999px !important;
        color: #3b0511 !important;
        background: linear-gradient(135deg, rgba(255,248,209,.96), rgba(204,159,32,.96)) !important;
        box-shadow: 0 12px 34px rgba(75,42,8,.20) !important;
    }

    .q-mobile-filter-fab svg {
        width: 23px !important;
        height: 23px !important;
        fill: currentColor !important;
    }

    .category-layout-with-filter {
        display: block !important;
        position: relative !important;
    }

    .filter-sidebar {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        z-index: 10000 !important;
        width: min(88vw, 360px) !important;
        height: 100dvh !important;
        overflow-y: auto !important;
        transform: translateX(110%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        border-radius: 0 0 0 28px !important;
        padding: 52px 18px 110px !important;
        background: rgba(255,253,248,.98) !important;
        box-shadow: -16px 0 42px rgba(36,10,16,.18) !important;
    }

    .q-filter-open .filter-sidebar {
        transform: translateX(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .q-mobile-filter-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 9999 !important;
        background: rgba(30,12,18,.35) !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .q-filter-open .q-mobile-filter-overlay {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .q-mobile-filter-close {
        display: inline-flex !important;
        position: absolute !important;
        top: 12px !important;
        left: 12px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(199,154,43,.28) !important;
        background: #fff7df !important;
        color: #7d0019 !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 24px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
    }

    .filter-sidebar h3 {
        font-size: 23px !important;
        margin-bottom: 8px !important;
    }

    .filter-sidebar p {
        font-size: 12px !important;
        line-height: 1.7 !important;
        margin-bottom: 16px !important;
    }

    .filter-form {
        gap: 12px !important;
    }

    .filter-field label {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .filter-form input,
    .filter-form select {
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
        padding: 0 12px !important;
    }

    .filter-two {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    .filter-btn,
    .reset-filter {
        min-height: 43px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
    }

    .q-pagination {
        margin: 18px auto 0 !important;
        gap: 7px !important;
    }

    .q-pagination a {
        min-width: 34px !important;
        height: 34px !important;
        font-size: 12px !important;
    }

    .pricing-page,
    .pricing-shell,
    .q-page-shell {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        overflow-x: hidden !important;
    }

    .pricing-head,
    .q-gold-calc-hero {
        padding: 18px 14px !important;
        border-radius: 20px !important;
        margin-bottom: 12px !important;
        text-align: center !important;
    }

    .pricing-head h1,
    .q-gold-calc-hero h1 {
        font-size: 27px !important;
        line-height: 1.25 !important;
    }

    .pricing-head p,
    .q-gold-calc-hero p {
        font-size: 12px !important;
        line-height: 1.7 !important;
    }

    .pricing-grid.sell-buy-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
        align-items: stretch !important;
    }

    .pricing-grid.sell-buy-grid .price-card {
        padding: 11px 6px !important;
        border-radius: 18px !important;
        min-height: 118px !important;
    }

    .pricing-grid.sell-buy-grid .price-card > span {
        font-size: 14px !important;
        margin-bottom: 7px !important;
    }

    .pricing-grid.sell-buy-grid .price-lines {
        gap: 5px !important;
    }

    .pricing-grid.sell-buy-grid .price-line {
        padding: 6px 4px !important;
        border-radius: 13px !important;
    }

    .pricing-grid.sell-buy-grid .price-line span,
    .pricing-grid.sell-buy-grid .price-line small {
        font-size: 9px !important;
    }

    .pricing-grid.sell-buy-grid .price-line strong {
        font-size: 14px !important;
    }

    .pricing-grid.sell-buy-grid .karat-featured-badge {
        transform: scale(.74) !important;
        transform-origin: top center !important;
    }

    .q-gold-calc-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .q-gold-calc-card,
    .q-gold-calc-side > div {
        border-radius: 20px !important;
        padding: 16px 14px !important;
        width: 100% !important;
    }

    .q-gold-calc-card h2 {
        font-size: 25px !important;
        text-align: right !important;
    }

    .q-calc-muted {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    .q-calc-form {
        gap: 9px !important;
    }

    .q-calc-form input,
    .q-calc-form select {
        height: 45px !important;
        min-height: 45px !important;
        border-radius: 15px !important;
        font-size: 13px !important;
        padding: 0 12px !important;
    }

    .q-calc-results-grid,
    .q-calc-results-grid.single {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .q-calc-result-box {
        min-height: 82px !important;
        border-radius: 18px !important;
    }

    .q-calc-result-box strong {
        font-size: 28px !important;
    }

    .q-calc-mini-prices {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    .q-calc-mini-prices > div,
    .q-calc-price-card {
        min-height: 92px !important;
        border-radius: 18px !important;
        padding: 12px !important;
    }

    .q-calc-note {
        font-size: 12px !important;
        line-height: 1.7 !important;
    }

    .q-google-reviews-section {
        padding: 18px 10px !important;
    }

    .q-google-reviews-head {
        margin-bottom: 12px !important;
    }

    .q-google-reviews-head h2 {
        font-size: 26px !important;
    }

    .q-google-reviews-head p {
        font-size: 12px !important;
    }

    .q-google-reviews-page.active {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .q-google-review-card {
        min-height: 156px !important;
        border-radius: 18px !important;
        padding: 12px !important;
    }

    .q-google-review-name {
        font-size: 13px !important;
        line-height: 1.25 !important;
    }

    .q-google-review-date {
        font-size: 10px !important;
    }

    .q-google-review-stars {
        font-size: 14px !important;
        margin: 5px 0 !important;
        letter-spacing: -1px !important;
    }

    .q-google-review-text {
        font-size: 11px !important;
        line-height: 1.45 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        min-height: 47px !important;
    }

    .q-google-review-readmore,
    .q-google-review-source {
        font-size: 9px !important;
    }

    .q-google-review-source img {
        width: 22px !important;
        height: 22px !important;
    }

    .q-review-form-under-google {
        margin-top: 14px !important;
    }
}

@media (max-width: 390px) {
    .home-model-card.q-product-compact-card .q-product-card-media-link,
    .product-card.q-product-compact-card .product-image,
    .q-related-card.q-product-compact-card .q-related-image {
        height: 128px !important;
        min-height: 128px !important;
    }

    .q-card-mobile-meta-row strong {
        font-size: 10.5px !important;
    }

    .q-card-mobile-meta-row span {
        font-size: 9.5px !important;
        padding: 4px 6px !important;
    }

    .q-card-karat-bubble {
        min-width: 38px !important;
        height: 23px !important;
        font-size: 9px !important;
        padding: 0 7px !important;
    }

    .q-card-favorite-form.q-product-card-heart button {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
        font-size: 15px !important;
    }

    .pricing-grid.sell-buy-grid {
        gap: 5px !important;
    }

    .pricing-grid.sell-buy-grid .price-card {
        padding: 9px 4px !important;
        min-height: 108px !important;
    }
}

@media (max-width: 820px) {
    .q-extra-products-strip,
    .q-royal-strip {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        overflow: visible !important;
    }

    .q-extra-product-card {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        overflow: visible !important;
        border-radius: 18px !important;
        min-height: 0 !important;
        background: rgba(255,253,248,.88) !important;
        border: 1px solid rgba(199,154,43,.28) !important;
        box-shadow: 0 8px 24px rgba(90,67,18,.07) !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    .q-extra-product-image {
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        height: 142px !important;
        min-height: 142px !important;
        border-radius: 17px 17px 10px 10px !important;
        background: #fff !important;
        border-bottom: 1px solid rgba(199,154,43,.18) !important;
    }

    .q-extra-product-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }

    .q-extra-product-info {
        position: static !important;
        inset: auto !important;
        display: block !important;
        padding: 7px 8px 8px !important;
        min-height: 36px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    .q-extra-product-info .q-card-title-box,
    .q-extra-product-info .q-card-bottom-box,
    .q-extra-product-info .q-private-box {
        display: none !important;
    }

    .q-extra-product-info .q-card-mobile-meta-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 7px !important;
        width: 100% !important;
        direction: rtl !important;
        min-height: 25px !important;
    }

    .q-extra-product-info .q-card-mobile-meta-row strong {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        color: #75550e !important;
        font-size: 11px !important;
        font-weight: 1000 !important;
        line-height: 1.25 !important;
        text-align: right !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .q-extra-product-info .q-card-mobile-meta-row span {
        flex: 0 0 auto !important;
        color: #3b0511 !important;
        background: #fff7df !important;
        border: 1px solid rgba(199,154,43,.26) !important;
        border-radius: 999px !important;
        padding: 4px 7px !important;
        font-size: 10px !important;
        font-weight: 1000 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .q-extra-product-card .q-card-karat-bubble {
        display: inline-flex !important;
    }

    .q-royal-card-badge {
        top: auto !important;
        right: 7px !important;
        bottom: 7px !important;
        transform: scale(.72) !important;
        transform-origin: bottom right !important;
    }
}

@media (max-width: 390px) {
    .q-extra-product-image {
        height: 128px !important;
        min-height: 128px !important;
    }
}

/* =========================================================
   QISSAH MOBILE ROYAL CARDS FIX
   طلب: قطع الرويال على الهاتف تكون نفس شكل باقي المنتجات بدون شريط Royal فوق الصورة
========================================================= */
@media (max-width: 820px) {
    .q-royal-strip .q-royal-card-badge,
    .q-extra-product-card .q-royal-card-badge {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        pointer-events: none !important;
    }

    .q-royal-strip .q-extra-product-card,
    .q-royal-products-section .q-extra-product-card {
        background: rgba(255,253,248,.88) !important;
        border: 1px solid rgba(199,154,43,.28) !important;
        box-shadow: 0 8px 24px rgba(90,67,18,.07) !important;
        overflow: visible !important;
    }

    .q-royal-strip .q-extra-product-image,
    .q-royal-products-section .q-extra-product-image {
        height: 142px !important;
        min-height: 142px !important;
        border-radius: 17px 17px 10px 10px !important;
        overflow: hidden !important;
        background: #fff !important;
        border-bottom: 1px solid rgba(199,154,43,.18) !important;
    }

    .q-royal-strip .q-extra-product-image img,
    .q-royal-products-section .q-extra-product-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }

    .q-royal-strip .q-extra-product-info,
    .q-royal-products-section .q-extra-product-info {
        position: static !important;
        display: block !important;
        padding: 7px 8px 8px !important;
        min-height: 36px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    .q-royal-strip .q-extra-product-info .q-card-title-box,
    .q-royal-strip .q-extra-product-info .q-card-bottom-box,
    .q-royal-products-section .q-extra-product-info .q-card-title-box,
    .q-royal-products-section .q-extra-product-info .q-card-bottom-box {
        display: none !important;
    }

    .q-royal-strip .q-extra-product-info .q-card-mobile-meta-row,
    .q-royal-products-section .q-extra-product-info .q-card-mobile-meta-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 7px !important;
        width: 100% !important;
        direction: rtl !important;
        min-height: 25px !important;
    }

    .q-royal-strip .q-extra-product-info .q-card-mobile-meta-row strong,
    .q-royal-products-section .q-extra-product-info .q-card-mobile-meta-row strong {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        color: #75550e !important;
        font-size: 11px !important;
        font-weight: 1000 !important;
        line-height: 1.25 !important;
        text-align: right !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .q-royal-strip .q-extra-product-info .q-card-mobile-meta-row span,
    .q-royal-products-section .q-extra-product-info .q-card-mobile-meta-row span {
        flex: 0 0 auto !important;
        color: #3b0511 !important;
        background: #fff7df !important;
        border: 1px solid rgba(199,154,43,.26) !important;
        border-radius: 999px !important;
        padding: 4px 7px !important;
        font-size: 10px !important;
        font-weight: 1000 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 390px) {
    .q-royal-strip .q-extra-product-image,
    .q-royal-products-section .q-extra-product-image {
        height: 128px !important;
        min-height: 128px !important;
    }
}

/* =========================================================
   QISSAH MOBILE HERO BUTTON + GAP FIX
   طلب: تصغير كبسة الهيرو وإلغاء الفراغ بين الهيرو وآخر القطع
========================================================= */
@media (max-width: 820px) {
    .qissah-hero-slider-section {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        line-height: 0 !important;
        background: transparent !important;
        border-bottom: 0 !important;
        overflow: hidden !important;
    }

    .qissah-hero-slider {
        position: relative !important;
        width: 100% !important;
        height: clamp(74px, 21vw, 96px) !important;
        min-height: 0 !important;
        max-height: 96px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    .qissah-hero-slide {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .qissah-hero-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .q-hero-slide-btn {
        left: auto !important;
        right: 12px !important;
        bottom: 7px !important;
        width: auto !important;
        max-width: 112px !important;
        min-width: 0 !important;
        height: 24px !important;
        min-height: 24px !important;
        padding: 0 13px !important;
        border-radius: 999px !important;
        font-size: 9.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        box-shadow: 0 6px 15px rgba(60, 10, 20, .12) !important;
    }

    .qissah-hero-slider-section + .home-three-sections,
    .page-content > .home-three-sections,
    .home-three-sections {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 390px) {
    .qissah-hero-slider {
        height: clamp(68px, 20vw, 84px) !important;
        max-height: 84px !important;
    }

    .q-hero-slide-btn {
        right: 10px !important;
        bottom: 6px !important;
        max-width: 104px !important;
        height: 22px !important;
        min-height: 22px !important;
        padding: 0 11px !important;
        font-size: 9px !important;
    }
}

/* =========================================================
   QISSAH PATCH - ROYAL SPACING + DESKTOP RESET + SEARCH ICON
   طلب: قطع الرويال ما تلزق، إصلاح شكل الويب، وإخفاء سيرش الهيدر على الويب
========================================================= */

/* على الويب لا تظهر أيقونة البحث الصغيرة اللي جنب اللوغو */
@media (min-width: 821px), (hover: hover) and (pointer: fine) {
    .site-header .lang-switch.q-header-search-icon,
    .header-main .lang-switch.q-header-search-icon,
    .lang-switch.q-header-search-icon[data-q-mobile-open] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        flex: 0 0 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
}

/* رجوع شكل كروت الأقسام والرويال على الويب بدون كسر */
@media (min-width: 821px) {
    .q-extra-products-strip,
    .q-royal-strip {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 18px !important;
        align-items: stretch !important;
        justify-content: initial !important;
        width: 100% !important;
        padding: 0 16px 22px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .q-extra-products-strip .q-extra-product-card,
    .q-royal-strip .q-extra-product-card {
        width: 100% !important;
        max-width: none !important;
        flex: initial !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 24px !important;
        box-sizing: border-box !important;
    }

    .q-extra-product-image {
        height: 255px !important;
        min-height: 255px !important;
        border-radius: 24px 24px 0 0 !important;
    }

    .q-extra-product-info {
        position: static !important;
        display: block !important;
        padding: 9px !important;
        min-height: auto !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .q-extra-product-info .q-card-title-box,
    .q-extra-product-info .q-card-bottom-box,
    .q-extra-product-info .q-private-box {
        display: flex !important;
    }

    .q-extra-product-info .q-card-mobile-meta-row {
        display: none !important;
    }
}

@media (min-width: 821px) and (max-width: 1400px) {
    .q-extra-products-strip,
    .q-royal-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 821px) and (max-width: 1100px) {
    .q-extra-products-strip,
    .q-royal-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

/* على التلفون خلي قطع الرويال وباقي الكروت بينهم نفس واضح وما يلزقوا ببعض */
@media (max-width: 820px) {
    .q-extra-section,
    .q-zina-khazina-section,
    .q-royal-products-section {
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }

    .q-extra-products-strip,
    .q-royal-strip,
    .q-royal-products-section .q-extra-products-strip,
    .q-zina-khazina-section .q-extra-products-strip {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        column-gap: 12px !important;
        row-gap: 14px !important;
        width: 100% !important;
        padding: 0 0 14px !important;
        margin: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
    }

    .q-extra-products-strip .q-extra-product-card,
    .q-royal-strip .q-extra-product-card,
    .q-royal-products-section .q-extra-product-card,
    .q-zina-khazina-section .q-extra-product-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: initial !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border-radius: 18px !important;
    }

    .q-royal-strip .q-extra-product-image,
    .q-royal-products-section .q-extra-product-image,
    .q-extra-products-strip .q-extra-product-image {
        height: 138px !important;
        min-height: 138px !important;
        border-radius: 17px 17px 0 0 !important;
    }

    .q-royal-strip .q-extra-product-info,
    .q-royal-products-section .q-extra-product-info,
    .q-extra-products-strip .q-extra-product-info {
        padding: 7px 8px 8px !important;
        border-radius: 0 0 18px 18px !important;
        min-height: 39px !important;
    }

    .q-royal-strip .q-extra-product-info .q-card-mobile-meta-row,
    .q-royal-products-section .q-extra-product-info .q-card-mobile-meta-row,
    .q-extra-products-strip .q-extra-product-info .q-card-mobile-meta-row {
        min-height: 24px !important;
    }
}

@media (max-width: 390px) {
    .q-extra-products-strip,
    .q-royal-strip,
    .q-royal-products-section .q-extra-products-strip,
    .q-zina-khazina-section .q-extra-products-strip {
        gap: 10px !important;
        row-gap: 12px !important;
    }

    .q-royal-strip .q-extra-product-image,
    .q-royal-products-section .q-extra-product-image,
    .q-extra-products-strip .q-extra-product-image {
        height: 126px !important;
        min-height: 126px !important;
    }
}

/* =========================================================
   QISSAH FINAL PATCH - WEB ROYAL RESET + AJAX FAVORITES
   هذا الباتش يفصل تعديل الموبايل عن الويب ويمنع ريفرش المحفوظات
========================================================= */

/* السيرش اللي جنب اللوغو: مخفي على الويب، ظاهر فقط على الهاتف */
.site-header .lang-switch.q-header-search-icon,
.header-inner > .lang-switch.q-header-search-icon {
    display: none !important;
}

@media (max-width: 820px) {
    .site-header .lang-switch.q-header-search-icon,
    .header-inner > .lang-switch.q-header-search-icon {
        display: inline-flex !important;
    }
}

/* زر المحفوظات الرئيسي داخل صفحة المنتج بدون ريفرش */
.q-main-favorite-form {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: center !important;
}

.q-main-favorite-form .q-fav-btn {
    border: 0 !important;
    cursor: pointer !important;
}

.q-main-favorite-form.is-active .q-fav-btn,
.q-card-favorite-form.is-active .q-fav-btn {
    background: linear-gradient(135deg, #7d0019, #b30d2b) !important;
    color: #fff !important;
}

.q-card-favorite-form button.is-loading,
.q-card-favorite-form button:disabled {
    opacity: .75 !important;
    cursor: wait !important;
}

/* إصلاح الويب فقط: قطع الرويال لا تأخذ ستايل الموبايل ولا تتلخبط */
@media (min-width: 821px) {
    .q-royal-products-section {
        margin: 0 24px 28px !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 28px !important;
        background:
            radial-gradient(circle at top right, rgba(212,175,55,.20), transparent 34%),
            linear-gradient(135deg, #5e0013 0%, #750019 46%, #3b000e 100%) !important;
    }

    .q-royal-products-section .q-extra-head {
        padding: 28px 24px 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
    }

    .q-royal-products-section .q-extra-products-strip,
    .q-royal-products-section .q-royal-strip {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 18px !important;
        width: 100% !important;
        padding: 0 16px 24px !important;
        margin: 0 !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        justify-content: normal !important;
        direction: rtl !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .q-royal-products-section .q-extra-product-card,
    .q-royal-products-section .q-royal-strip .q-extra-product-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: none !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 24px !important;
        background: linear-gradient(180deg, #fffdf8, #fff8ec) !important;
        border: 1px solid rgba(199,154,43,.30) !important;
        box-shadow: 0 14px 32px rgba(20,0,5,.13) !important;
    }

    .q-royal-products-section .q-extra-product-image,
    .q-royal-products-section .q-royal-strip .q-extra-product-image {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 245px !important;
        min-height: 245px !important;
        max-height: 245px !important;
        border-radius: 24px 24px 0 0 !important;
        overflow: hidden !important;
        background: #fff !important;
        border-bottom: 1px solid rgba(199,154,43,.20) !important;
    }

    .q-royal-products-section .q-extra-product-image img,
    .q-royal-products-section .q-royal-strip .q-extra-product-image img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    .q-royal-products-section .q-extra-product-info,
    .q-royal-products-section .q-royal-strip .q-extra-product-info {
        position: static !important;
        display: block !important;
        padding: 9px !important;
        min-height: 94px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .q-royal-products-section .q-card-mobile-meta-row {
        display: none !important;
    }

    .q-royal-products-section .q-card-title-box,
    .q-royal-products-section .q-card-bottom-box,
    .q-royal-products-section .q-private-box {
        display: flex !important;
    }

    .q-royal-products-section .q-card-title-box {
        min-height: 48px !important;
        padding: 9px 11px !important;
        border-radius: 14px !important;
        background: rgba(255,250,235,.90) !important;
    }

    .q-royal-products-section .q-card-title-box strong {
        font-size: 14px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .q-royal-products-section .q-card-bottom-box {
        min-height: 40px !important;
        padding: 0 !important;
        margin-top: 7px !important;
        gap: 7px !important;
    }

    .q-royal-products-section .q-card-bottom-box > span {
        min-height: 38px !important;
        border-radius: 13px !important;
        font-size: 13px !important;
        line-height: 1 !important;
    }

    .q-royal-products-section .q-card-karat-bubble {
        display: none !important;
    }

    .q-royal-products-section .q-card-favorite-form {
        display: none !important;
    }
}

@media (min-width: 821px) and (max-width: 1350px) {
    .q-royal-products-section .q-extra-products-strip,
    .q-royal-products-section .q-royal-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .q-royal-products-section .q-extra-product-image,
    .q-royal-products-section .q-royal-strip .q-extra-product-image {
        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;
    }
}

@media (min-width: 821px) and (max-width: 1050px) {
    .q-royal-products-section .q-extra-products-strip,
    .q-royal-products-section .q-royal-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* =========================================================
   QISSAH ROYAL LOCKED PRODUCTS + CTA TEXT FIX
   غير عضو الرويال: صورة بلور + قفل + ممنوع فتح المنتج
========================================================= */

.is-royal-locked {
    position: relative !important;
}

.is-royal-locked .q-royal-locked-media,
.is-royal-locked .q-royal-locked-info {
    cursor: not-allowed !important;
}

.is-royal-locked .q-royal-locked-info {
    pointer-events: none !important;
}

.is-royal-locked .product-image,
.is-royal-locked .q-product-card-media-link,
.is-royal-locked .q-extra-product-image {
    position: relative !important;
    overflow: hidden !important;
}

.is-royal-locked .product-image img,
.is-royal-locked .q-product-card-media-link > img,
.is-royal-locked .q-extra-product-image img {
    filter: blur(18px) brightness(.42) saturate(.55) !important;
    transform: scale(1.12) !important;
    pointer-events: none !important;
    user-select: none !important;
}

.q-royal-blur-lock {
    position: absolute !important;
    inset: 0 !important;
    z-index: 8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle, rgba(59,5,17,.34), rgba(59,5,17,.62)) !important;
    pointer-events: none !important;
}

.q-royal-blur-lock span {
    width: 58px !important;
    height: 58px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #3b0511 !important;
    background: linear-gradient(135deg, rgba(255,253,248,.94), rgba(255,239,180,.88)) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 0 16px 42px rgba(45,10,17,.22) !important;
    font-size: 24px !important;
    line-height: 1 !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
    backdrop-filter: blur(12px) saturate(1.1) !important;
}

.is-royal-locked .q-card-details-cta {
    background: linear-gradient(135deg, #3b0511, #7d0019) !important;
    color: #fff7df !important;
    border-color: rgba(255,231,166,.45) !important;
    box-shadow: 0 10px 24px rgba(59,5,17,.18) !important;
}

.is-royal-locked .q-card-favorite-form,
.is-royal-locked .q-product-card-heart {
    display: none !important;
}

.q-extra-product-card.is-locked.is-royal-locked,
.q-extra-product-card.is-locked.is-royal-locked:hover {
    cursor: default !important;
    transform: none !important;
}

.q-extra-product-card.is-locked.is-royal-locked .q-extra-product-image img,
.q-extra-product-card.is-locked.is-royal-locked .q-extra-product-info,
.q-extra-product-card.is-locked.is-royal-locked .q-card-title-box,
.q-extra-product-card.is-locked.is-royal-locked .q-card-bottom-box {
    user-select: none !important;
}

@media (max-width: 820px) {
    .q-royal-blur-lock span {
        width: 44px !important;
        height: 44px !important;
        font-size: 19px !important;
    }

    .is-royal-locked .product-image img,
    .is-royal-locked .q-product-card-media-link > img,
    .is-royal-locked .q-extra-product-image img {
        filter: blur(16px) brightness(.40) saturate(.50) !important;
    }

    .is-royal-locked .q-card-mobile-meta-row span {
        color: #fff7df !important;
        background: linear-gradient(135deg, #3b0511, #7d0019) !important;
        border-color: rgba(255,231,166,.45) !important;
    }
}

/* =========================================================
   QISSAH FINAL PATCH - WEB ROYAL COMPACT + STRONGER LOCK BLUR
========================================================= */
@media (min-width: 821px) {
    .q-royal-products-section {
        margin: 0 18px 24px !important;
        padding: 16px 16px 22px !important;
        min-height: auto !important;
    }

    .q-royal-products-section .q-extra-head,
    .q-royal-products-section .q-royal-head {
        padding: 0 6px 14px !important;
        margin: 0 0 10px !important;
        align-items: flex-start !important;
    }

    .q-royal-products-section .q-extra-head h2 {
        font-size: 20px !important;
        line-height: 1.25 !important;
        margin-bottom: 6px !important;
    }

    .q-royal-products-section .q-extra-head p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }

    .q-royal-products-section .q-royal-join-btn,
    .q-royal-products-section .q-royal-active-badge {
        min-height: 42px !important;
        padding: 10px 18px !important;
        font-size: 14px !important;
        border-radius: 999px !important;
    }

    .q-royal-products-section .q-extra-products-strip,
    .q-royal-products-section .q-royal-strip {
        grid-template-columns: repeat(auto-fit, minmax(220px, 260px)) !important;
        gap: 16px !important;
        padding: 0 !important;
        justify-content: end !important;
        align-content: start !important;
    }

    .q-royal-products-section .q-extra-product-card,
    .q-royal-products-section .q-royal-strip .q-extra-product-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 260px !important;
        border-radius: 20px !important;
    }

    .q-royal-products-section .q-extra-product-image,
    .q-royal-products-section .q-royal-strip .q-extra-product-image {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .q-royal-products-section .q-extra-product-info,
    .q-royal-products-section .q-royal-strip .q-extra-product-info {
        padding: 8px !important;
        min-height: 84px !important;
    }

    .q-royal-products-section .q-card-title-box {
        min-height: 42px !important;
        padding: 8px 10px !important;
        border-radius: 12px !important;
    }

    .q-royal-products-section .q-card-title-box strong {
        font-size: 13px !important;
    }

    .q-royal-products-section .q-card-title-box span {
        min-height: 28px !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
    }

    .q-royal-products-section .q-card-bottom-box {
        margin-top: 6px !important;
        gap: 6px !important;
    }

    .q-royal-products-section .q-card-bottom-box > span {
        min-height: 34px !important;
        font-size: 12px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
    }

    .q-royal-products-section .q-card-details-cta,
    .q-royal-products-section .q-card-weight {
        font-size: 12px !important;
    }

    .q-royal-products-section .q-royal-card-badge {
        transform: scale(.9) !important;
        transform-origin: top right !important;
    }
}

@media (min-width: 821px) and (max-width: 1100px) {
    .q-royal-products-section .q-extra-products-strip,
    .q-royal-products-section .q-royal-strip {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    }
}

/* blur أقوى لقطع الرويال المقفلة */
.is-royal-locked .product-image img,
.is-royal-locked .q-product-card-media-link > img,
.is-royal-locked .q-extra-product-image img {
    filter: blur(24px) brightness(.30) saturate(.42) !important;
    transform: scale(1.16) !important;
}

.q-royal-blur-lock {
    background: radial-gradient(circle, rgba(59, 5, 17, .42), rgba(34, 2, 9, .78)) !important;
}

@media (min-width: 821px) {
    .q-royal-blur-lock span {
        width: 52px !important;
        height: 52px !important;
        font-size: 22px !important;
    }
}

/* =========================================================
   QISSAH FINAL PATCH - WEB COMPACT SETS + RIGHT ALIGN
========================================================= */
@media (min-width: 821px) {
    .q-zina-khazina-section,
    .q-royal-products-section {
        min-height: auto !important;
        height: auto !important;
    }

    .q-zina-khazina-section {
        margin: 0 18px 24px !important;
        padding: 16px 16px 22px !important;
    }

    .q-zina-khazina-section .q-extra-head,
    .q-zina-khazina-section .q-royal-head,
    .q-royal-products-section .q-extra-head,
    .q-royal-products-section .q-royal-head {
        padding: 0 6px 14px !important;
        margin: 0 0 10px !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 16px !important;
    }

    .q-zina-khazina-section .q-extra-head h2,
    .q-royal-products-section .q-extra-head h2 {
        font-size: 20px !important;
        line-height: 1.25 !important;
        margin-bottom: 6px !important;
    }

    .q-zina-khazina-section .q-extra-head p,
    .q-royal-products-section .q-extra-head p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }

    .q-zina-khazina-section .q-extra-products-strip,
    .q-zina-khazina-section .q-royal-strip,
    .q-royal-products-section .q-extra-products-strip,
    .q-royal-products-section .q-royal-strip {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(220px, 260px)) !important;
        gap: 16px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        justify-content: start !important;
        justify-items: stretch !important;
        align-content: start !important;
        direction: rtl !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .q-zina-khazina-section .q-extra-product-card,
    .q-zina-khazina-section .q-royal-strip .q-extra-product-card,
    .q-royal-products-section .q-extra-product-card,
    .q-royal-products-section .q-royal-strip .q-extra-product-card {
        width: 100% !important;
        max-width: 260px !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

    .q-zina-khazina-section .q-extra-product-image,
    .q-zina-khazina-section .q-royal-strip .q-extra-product-image,
    .q-royal-products-section .q-extra-product-image,
    .q-royal-products-section .q-royal-strip .q-extra-product-image {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .q-zina-khazina-section .q-extra-product-info,
    .q-zina-khazina-section .q-royal-strip .q-extra-product-info,
    .q-royal-products-section .q-extra-product-info,
    .q-royal-products-section .q-royal-strip .q-extra-product-info {
        padding: 8px !important;
        min-height: 84px !important;
        border-radius: 0 0 20px 20px !important;
    }

    .q-zina-khazina-section .q-card-mobile-meta-row,
    .q-royal-products-section .q-card-mobile-meta-row {
        display: none !important;
    }

    .q-zina-khazina-section .q-card-title-box,
    .q-royal-products-section .q-card-title-box {
        min-height: 42px !important;
        padding: 8px 10px !important;
        border-radius: 12px !important;
    }

    .q-zina-khazina-section .q-card-title-box strong,
    .q-royal-products-section .q-card-title-box strong {
        font-size: 13px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .q-zina-khazina-section .q-card-title-box span,
    .q-royal-products-section .q-card-title-box span {
        min-height: 28px !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
    }

    .q-zina-khazina-section .q-card-bottom-box,
    .q-royal-products-section .q-card-bottom-box {
        margin-top: 6px !important;
        gap: 6px !important;
    }

    .q-zina-khazina-section .q-card-bottom-box > span,
    .q-royal-products-section .q-card-bottom-box > span {
        min-height: 34px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        border-radius: 12px !important;
    }
}

/* =========================================================
   QISSAH PATCH - REMOVE UNDERLINES FROM PRODUCT CARDS
========================================================= */
.q-extra-product-card a,
.q-extra-product-card a:link,
.q-extra-product-card a:visited,
.q-extra-product-card a:hover,
.q-extra-product-card a:focus,
.q-extra-product-card a:active,
.q-extra-product-info,
.q-extra-product-info *,
.q-card-title-box,
.q-card-title-box *,
.q-card-bottom-box,
.q-card-bottom-box *,
.q-card-details-cta,
.q-card-weight {
    text-decoration: none !important;
}

.q-extra-product-card .q-card-title-box strong,
.q-extra-product-card .q-card-details-cta,
.q-extra-product-card .q-card-weight {
    border-bottom: 0 !important;
    box-shadow: none;
}

/* =========================================================
   QISSAH FINAL PATCH - CINEMATIC ROYAL BLUR
   الهدف: القطعة تبان كسيلويت بدون أي تفاصيل واضحة
========================================================= */
.is-royal-locked .product-image img,
.is-royal-locked .q-product-card-media-link > img,
.is-royal-locked .q-extra-product-image img {
    filter: blur(34px) brightness(.88) saturate(.75) contrast(.88) !important;
    transform: scale(1.22) !important;
    opacity: .98 !important;
}

.is-royal-locked .product-image::before,
.is-royal-locked .q-product-card-media-link::before,
.is-royal-locked .q-extra-product-image::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background:
        radial-gradient(circle at 50% 45%, rgba(255,255,255,.08), rgba(255,255,255,0) 42%),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(245,239,230,.22));
    -webkit-backdrop-filter: blur(18px) saturate(.92) !important;
    backdrop-filter: blur(18px) saturate(.92) !important;
    pointer-events: none !important;
}

.q-royal-blur-lock {
    z-index: 4 !important;
    background:
        radial-gradient(circle at center, rgba(255,255,255,.04), rgba(255,255,255,0) 36%),
        linear-gradient(180deg, rgba(58, 8, 18, .16), rgba(44, 4, 13, .28)) !important;
}

.q-royal-blur-lock span {
    z-index: 5 !important;
    box-shadow: 0 14px 34px rgba(41, 6, 14, .22) !important;
}

@media (max-width: 820px) {
    .is-royal-locked .product-image img,
    .is-royal-locked .q-product-card-media-link > img,
    .is-royal-locked .q-extra-product-image img {
        filter: blur(28px) brightness(.9) saturate(.78) contrast(.9) !important;
        transform: scale(1.18) !important;
    }

    .is-royal-locked .product-image::before,
    .is-royal-locked .q-product-card-media-link::before,
    .is-royal-locked .q-extra-product-image::before {
        -webkit-backdrop-filter: blur(14px) saturate(.95) !important;
        backdrop-filter: blur(14px) saturate(.95) !important;
    }
}

/* =========================================================
   QISSAH FINAL PATCH - ROYAL BLUR TUNE DOWN + CORNER FIX
========================================================= */
.is-royal-locked .product-image,
.is-royal-locked .q-product-card-media-link,
.is-royal-locked .q-extra-product-image {
    background: linear-gradient(180deg, #e9dfdb 0%, #d9c2b7 52%, #8a4b55 100%) !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.is-royal-locked .product-image img,
.is-royal-locked .q-product-card-media-link > img,
.is-royal-locked .q-extra-product-image img {
    filter: blur(24px) brightness(.82) saturate(.72) contrast(.92) !important;
    transform: scale(1.14) !important;
    opacity: 1 !important;
    object-fit: cover !important;
    object-position: center !important;
}

.is-royal-locked .product-image::before,
.is-royal-locked .q-product-card-media-link::before,
.is-royal-locked .q-extra-product-image::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.12)) !important;
    -webkit-backdrop-filter: blur(8px) saturate(.96) !important;
    backdrop-filter: blur(8px) saturate(.96) !important;
    pointer-events: none !important;
}

.q-royal-blur-lock {
    background: linear-gradient(180deg, rgba(58, 8, 18, .10), rgba(44, 4, 13, .18)) !important;
}

@media (max-width: 820px) {
    .is-royal-locked .product-image img,
    .is-royal-locked .q-product-card-media-link > img,
    .is-royal-locked .q-extra-product-image img {
        filter: blur(20px) brightness(.84) saturate(.74) contrast(.94) !important;
        transform: scale(1.10) !important;
    }

    .is-royal-locked .product-image::before,
    .is-royal-locked .q-product-card-media-link::before,
    .is-royal-locked .q-extra-product-image::before {
        -webkit-backdrop-filter: blur(6px) saturate(.98) !important;
        backdrop-filter: blur(6px) saturate(.98) !important;
    }
}

/* =========================================================
   QISSAH FINAL PATCH - ROYAL BLUR -20% + RED SOFT GLOW LOCK
========================================================= */
.is-royal-locked .product-image img,
.is-royal-locked .q-product-card-media-link > img,
.is-royal-locked .q-extra-product-image img {
    filter: blur(19px) brightness(.84) saturate(.74) contrast(.94) !important;
    transform: scale(1.12) !important;
}

.q-royal-blur-lock span {
    color: #fff7ef !important;
    background: linear-gradient(135deg, #8f001b 0%, #c41433 52%, #ff435d 100%) !important;
    border: 1px solid rgba(255, 210, 210, .78) !important;
    box-shadow:
        0 0 0 5px rgba(196, 20, 51, .08),
        0 0 18px rgba(196, 20, 51, .28),
        0 12px 28px rgba(70, 0, 16, .20) !important;
}

@media (max-width: 820px) {
    .is-royal-locked .product-image img,
    .is-royal-locked .q-product-card-media-link > img,
    .is-royal-locked .q-extra-product-image img {
        filter: blur(16px) brightness(.86) saturate(.76) contrast(.95) !important;
        transform: scale(1.08) !important;
    }

    .q-royal-blur-lock span {
        box-shadow:
            0 0 0 4px rgba(196, 20, 51, .07),
            0 0 14px rgba(196, 20, 51, .24),
            0 10px 22px rgba(70, 0, 16, .18) !important;
    }
}


/* =========================================================
   QISSAH LIVE GOLD PRICE UPDATE MARKER
========================================================= */
.q-gold-live-updated {
    transition: color .2s ease, text-shadow .2s ease !important;
    color: #7a0018 !important;
    text-shadow: 0 0 10px rgba(209, 169, 60, .24) !important;
}

@media (max-width: 820px) {
    .q-gold-live-updated {
        transition: none !important;
        text-shadow: none !important;
    }
}

/* =========================================================
   QISSAH ROYAL CODE REQUEST - ACCOUNT PAGE
========================================================= */
.q-royal-code-form,
.q-royal-code-box {
    display: grid;
    gap: 10px;
    border-radius: 20px;
    padding: 16px;
    margin: 4px 0 14px;
    border: 1px solid rgba(199,154,43,.30);
    background: linear-gradient(180deg, #fffaf1, #fff3cf);
}

.q-royal-code-form label,
.q-royal-code-box strong {
    color: #8a6718;
    font-weight: 900;
    font-size: 15px;
}

.q-royal-code-form p,
.q-royal-code-box span,
.q-royal-code-box small,
.q-royal-code-box em {
    color: #766847;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.8;
    margin: 0;
    font-style: normal;
}

.q-royal-code-box.is-pending {
    background: linear-gradient(135deg, #fff8e3, #fff1bd);
    border-color: rgba(199,154,43,.42);
}

.q-royal-code-box.is-approved {
    background: linear-gradient(135deg, #5e0013, #980020, #c79a2b);
    border-color: rgba(252,246,186,.42);
}

.q-royal-code-box.is-approved strong,
.q-royal-code-box.is-approved span {
    color: #fcf6ba;
}

.q-royal-code-box.is-rejected {
    background: #fff1f1;
    border-color: rgba(180,35,53,.28);
}

.q-royal-code-box.is-rejected strong {
    color: #b42335;
}

/* =========================================================
   QISSAH NOTIFICATIONS CENTER
========================================================= */
.q-notification-bell{position:relative!important;border:0;cursor:pointer}.q-notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#b40025;color:#fff;font-size:10px;font-weight:900;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff8ed}.q-notification-panel{position:fixed;top:88px;left:24px;z-index:10050;width:min(390px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 120px));overflow:hidden;background:rgba(255,253,248,.98);border:1px solid rgba(197,151,37,.35);border-radius:22px;box-shadow:0 24px 70px rgba(55,12,19,.22);opacity:0;transform:translateY(-8px) scale(.98);transition:.18s ease;direction:rtl}.q-notification-panel.is-open{opacity:1;transform:none}.q-notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;background:linear-gradient(135deg,#6b0014,#43000d);color:#fff0bd}.q-notification-panel-head div{display:grid;gap:3px}.q-notification-panel-head strong{font-size:18px}.q-notification-panel-head span{font-size:12px;color:#edd5b0}.q-notification-panel-head button{width:34px;height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}.q-notification-list{max-height:510px;overflow:auto;padding:10px}.q-notification-item{display:block;padding:13px 14px;margin-bottom:8px;border:1px solid #ead8a9;border-radius:15px;background:#fffaf0;color:#4e2600;text-decoration:none!important}.q-notification-item:hover{background:#fff3d5}.q-notification-item strong{display:block;font-size:15px;margin-bottom:5px}.q-notification-item p{margin:0 0 7px;font-size:13px;line-height:1.65;color:#6f5630}.q-notification-item time{font-size:11px;color:#9a8157}.q-notification-empty{padding:28px 14px;text-align:center;color:#8a7048;font-weight:700}.q-notification-permission{position:fixed;right:22px;bottom:22px;z-index:10060;width:min(440px,calc(100vw - 28px));display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;padding:16px;background:rgba(255,253,248,.98);border:1px solid rgba(197,151,37,.38);border-radius:20px;box-shadow:0 22px 65px rgba(55,12,19,.22);opacity:0;transform:translateY(22px);pointer-events:none;transition:.25s ease;direction:rtl}.q-notification-permission.is-visible{opacity:1;transform:none;pointer-events:auto}.q-notification-permission-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#7b0019,#4a000e);font-size:23px;box-shadow:0 8px 22px rgba(107,0,20,.2)}.q-notification-permission-copy{display:grid;gap:4px}.q-notification-permission-copy strong{font-size:17px;color:#5b0011}.q-notification-permission-copy span{font-size:13px;color:#765e39;line-height:1.6}.q-notification-permission-actions{grid-column:1/-1;display:flex;gap:9px}.q-notification-permission-actions button{flex:1;min-height:42px;border:0;border-radius:13px;font-weight:900;cursor:pointer}.q-notification-enable{background:linear-gradient(135deg,#f3d77d,#c89a28);color:#421500}.q-notification-dismiss{background:#f4ead7;color:#6d5430}
@media(max-width:820px){.q-notification-panel{top:76px;left:14px;width:calc(100vw - 28px);max-height:calc(100vh - 155px)}.q-notification-permission{right:14px;bottom:92px;width:calc(100vw - 28px);padding:14px}.q-notification-bell{display:inline-flex!important}.q-notification-list{max-height:calc(100vh - 245px)}}

/* Qissah notifications permission — centered index popup */
html.q-notification-modal-open,
html.q-notification-modal-open body { overflow: hidden !important; }
.q-notification-modal[hidden] { display: none !important; }
.q-notification-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 12000 !important;
    display: grid !important;
    place-items: center !important;
    padding: 18px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .22s ease, visibility .22s ease !important;
    direction: rtl !important;
}
.q-notification-modal.is-visible { opacity: 1 !important; visibility: visible !important; }
.q-notification-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(35, 4, 11, .58) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
}
.q-notification-modal .q-notification-permission {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    width: min(430px, calc(100vw - 30px)) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 12px !important;
    padding: 28px 22px 22px !important;
    border-radius: 26px !important;
    background: linear-gradient(160deg, #fffdf8 0%, #fff5df 100%) !important;
    border: 1px solid rgba(200,154,40,.48) !important;
    box-shadow: 0 28px 90px rgba(43,3,12,.32) !important;
    opacity: 0 !important;
    transform: translateY(18px) scale(.96) !important;
    pointer-events: auto !important;
    transition: transform .24s ease, opacity .24s ease !important;
    text-align: center !important;
}
.q-notification-modal.is-visible .q-notification-permission {
    opacity: 1 !important;
    transform: none !important;
}
.q-notification-modal .q-notification-permission-icon {
    width: 68px !important;
    height: 68px !important;
    border-radius: 22px !important;
    font-size: 31px !important;
    box-shadow: 0 12px 30px rgba(107,0,20,.22) !important;
}
.q-notification-modal .q-notification-permission-copy { gap: 7px !important; }
.q-notification-modal .q-notification-permission-copy strong {
    font-size: 23px !important;
    line-height: 1.3 !important;
    color: #5b0011 !important;
}
.q-notification-modal .q-notification-permission-copy span {
    max-width: 340px !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #725a35 !important;
}
.q-notification-modal .q-notification-permission-actions {
    grid-column: auto !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1.35fr .8fr !important;
    gap: 10px !important;
    margin-top: 3px !important;
}
.q-notification-modal .q-notification-permission-actions button {
    min-height: 48px !important;
    border-radius: 15px !important;
    font-size: 14px !important;
}
.q-notification-modal-close {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    width: 34px !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(107,0,20,.08) !important;
    color: #6b0014 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}
@media (max-width: 520px) {
    .q-notification-modal { padding: 14px !important; }
    .q-notification-modal .q-notification-permission {
        width: 100% !important;
        padding: 25px 17px 18px !important;
        border-radius: 23px !important;
    }
    .q-notification-modal .q-notification-permission-icon {
        width: 58px !important;
        height: 58px !important;
        font-size: 27px !important;
    }
    .q-notification-modal .q-notification-permission-copy strong { font-size: 20px !important; }
    .q-notification-modal .q-notification-permission-copy span { font-size: 13px !important; }
}


/* Qissah notifications — index header final fix */
.q-mobile-notification-bell { display: none !important; }
@media (max-width: 820px) {
  .site-header .header-inner { grid-template-columns: 42px 42px minmax(0,1fr) 42px !important; }
  .q-mobile-menu-toggle { grid-column: 1 !important; }
  .q-mobile-notification-bell {
    display: inline-flex !important;
    grid-column: 2 !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border-radius: 13px !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fffdf8 !important;
    border: 1px solid rgba(198,155,47,.35) !important;
    color: #8a6512 !important;
    box-shadow: none !important;
    position: relative !important;
  }
  .q-mobile-notification-bell svg { width: 21px !important; height: 21px !important; fill: currentColor !important; }
  .brand-wrap { grid-column: 3 !important; }
  .q-header-search-icon { grid-column: 4 !important; }
  .header-actions .q-notification-bell { display: none !important; }
  .q-notification-panel { top: 96px !important; }
}

/* =========================================================
   QISSAH MOBILE HEADER NOTIFICATION POSITION FIX
   الجرس جنب البحث على الهاتف فقط
========================================================= */
@media (max-width: 820px) {
    .site-header .header-inner {
        position: relative !important;
        grid-template-columns: 42px minmax(0, 1fr) 92px !important;
        min-height: 84px !important;
        padding: 10px 14px !important;
        gap: 8px !important;
    }

    .site-header .q-mobile-menu-toggle {
        grid-column: 1 !important;
        justify-self: start !important;
        align-self: center !important;
        position: relative !important;
        z-index: 4 !important;
    }

    .site-header .brand-wrap {
        grid-column: 2 !important;
        justify-self: center !important;
        align-self: center !important;
        max-width: 100% !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .site-header .lang-switch.q-header-search-icon,
    .site-header .q-mobile-notification-bell {
        position: static !important;
        transform: none !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: center !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        border-radius: 13px !important;
        background: #fffdf8 !important;
        border: 1px solid rgba(198,155,47,.35) !important;
        color: #8a6512 !important;
        box-shadow: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 4 !important;
    }

    .site-header .lang-switch.q-header-search-icon {
        grid-column: 3 !important;
        transform: translateX(-23px) !important;
    }

    .site-header .q-mobile-notification-bell {
        grid-column: 3 !important;
        transform: translateX(23px) !important;
    }

    .site-header .q-mobile-notification-bell svg,
    .site-header .lang-switch.q-header-search-icon svg {
        width: 20px !important;
        height: 20px !important;
        fill: currentColor !important;
    }

    .site-header .header-actions .q-notification-bell {
        display: none !important;
    }
}


/* =========================================================
   QISSAH FINAL MOBILE HEADER TOOLS
   Search + notifications stay together on index and all shared-header pages.
========================================================= */
.q-mobile-header-tools { display: none !important; }

@media (max-width: 820px) {
    .site-header .header-inner {
        position: relative !important;
        min-height: 84px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 14px !important;
    }

    .site-header .q-mobile-menu-toggle {
        position: absolute !important;
        right: 14px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        z-index: 6 !important;
    }

    .site-header .brand-wrap {
        position: relative !important;
        margin: 0 auto !important;
        transform: none !important;
        z-index: 2 !important;
    }

    .site-header .q-mobile-header-tools {
        position: absolute !important;
        left: 14px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        z-index: 7 !important;
        direction: ltr !important;
    }

    .site-header .q-mobile-header-tools .q-header-search-icon,
    .site-header .q-mobile-header-tools .q-mobile-notification-bell {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        margin: 0 !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 13px !important;
        border: 1px solid rgba(198,155,47,.35) !important;
        background: #fffdf8 !important;
        color: #8a6512 !important;
        box-shadow: none !important;
    }

    .site-header .q-mobile-header-tools svg {
        width: 20px !important;
        height: 20px !important;
        fill: currentColor !important;
    }

    .site-header .header-actions .q-notification-bell {
        display: none !important;
    }
}

/* =========================================================
   QISSAH MOBILE CATEGORY CAROUSEL + COMPACT PAGINATION
========================================================= */
.category-strip-mobile-shell {
    position: relative;
}

.category-strip-arrow {
    display: none;
}

.q-pagination-more {
    font-size: 22px !important;
    line-height: 1 !important;
}

@media (max-width: 820px) {
    .category-strip-section {
        padding: 14px 12px 12px !important;
    }

    .category-strip-head {
        margin-bottom: 10px !important;
    }

    .category-strip-head span,
    .products-count-pill {
        display: none !important;
    }

    .category-strip-mobile-shell {
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) 36px !important;
        gap: 8px !important;
        align-items: center !important;
        width: 100% !important;
        direction: ltr !important;
    }

    .category-strip-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 2px 0 8px !important;
        margin: 0 !important;
        direction: rtl !important;
    }

    .category-strip-grid::-webkit-scrollbar {
        display: none !important;
    }

    .category-strip-card {
        flex: 0 0 108px !important;
        width: 108px !important;
        min-width: 108px !important;
        min-height: 112px !important;
        padding: 7px !important;
        border-radius: 14px !important;
        scroll-snap-align: start !important;
        transform: none !important;
    }

    .category-strip-image {
        border-radius: 10px !important;
    }

    .category-strip-title {
        margin-top: 6px !important;
        font-size: 11px !important;
    }

    .current-strip-card {
        min-height: 112px !important;
    }

    .category-strip-arrow {
        width: 36px !important;
        height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid rgba(199,154,43,.42) !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #fff7cf, #d9ad35) !important;
        color: #5b3500 !important;
        font-size: 25px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        padding: 0 0 3px !important;
        box-shadow: 0 8px 20px rgba(90,67,18,.12) !important;
        cursor: pointer !important;
        z-index: 2 !important;
    }

    .category-products-head {
        min-height: auto !important;
        padding-block: 12px !important;
    }

    .q-pagination {
        flex-wrap: nowrap !important;
        gap: 8px !important;
        margin: 18px auto 4px !important;
    }

    .q-pagination a {
        min-width: 38px !important;
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        font-size: 13px !important;
    }

    .q-pagination .q-pagination-more {
        font-size: 22px !important;
        font-weight: 900 !important;
        background: linear-gradient(135deg, #fff7c8, #c99b1f) !important;
        color: #3b0511 !important;
    }
}

@media (max-width: 820px) {
    .category-strip-arrow-right { grid-column: 3 !important; grid-row: 1 !important; }
    .category-strip-grid { grid-column: 2 !important; grid-row: 1 !important; }
    .category-strip-arrow-left { grid-column: 1 !important; grid-row: 1 !important; }
}

/* QISSAH reviews: 8 reviews per slide, 4 cards per row on desktop */
@media (min-width: 951px) {
    .q-google-reviews-page,
    .q-google-reviews-page.active {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}


/* Explore button — replaces Zina countdown timer */
.q-home-explore-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.q-home-explore-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

.q-home-explore-btn:active {
    transform: translateY(0);
}


/* QISSAH: explore CTA must never show an anchor underline */
a.q-home-explore-btn,
a.q-home-explore-btn:link,
a.q-home-explore-btn:visited,
a.q-home-explore-btn:hover,
a.q-home-explore-btn:focus,
a.q-home-explore-btn:active {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
}