/* SHAHAZ.COM — Shop Archive Luxury Frame */
.shahaz-shop-page {
    width: 100%;
    max-width: none;
    overflow-x: clip;
    padding: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,235,247,.98) 0%, rgba(255,226,241,.94) 18%, rgba(255,245,250,.88) 58%, rgba(255,255,255,.98) 100%);
}

.shahaz-shop-hero {
    position: relative;
    width: 100%;
    min-height: 86px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 14% 35%, rgba(255,225,70,.58), transparent 22%),
        radial-gradient(circle at 40% 78%, rgba(111,38,255,.46), transparent 28%),
        radial-gradient(circle at 72% 18%, rgba(255,20,147,.58), transparent 27%),
        radial-gradient(circle at 92% 72%, rgba(255,76,50,.46), transparent 24%),
        linear-gradient(115deg, #8b176e 0%, #e31b7b 28%, #ff2e68 48%, #ff9b16 70%, #8b38ff 100%);
    box-shadow: 0 18px 36px -24px rgba(105,14,82,.46), inset 0 -1px 0 rgba(255,255,255,.62);
}

.shahaz-shop-hero::before {
    content: "";
    position: absolute;
    inset: -35%;
    background: conic-gradient(from 180deg, transparent, rgba(255,255,255,.30), transparent 16%, rgba(255,226,82,.24), transparent 33%, rgba(147,72,255,.25), transparent 50%);
    animation: shahaz-shop-hero-colorflow 9s linear infinite;
    z-index: -1;
}

.shahaz-shop-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 -1px;
    height: 24px;
    background: linear-gradient(180deg, rgba(255,228,244,0), rgba(255,228,244,.86) 75%, rgba(255,245,250,1));
    pointer-events: none;
}

@keyframes shahaz-shop-hero-colorflow {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.12); }
    100% { transform: rotate(360deg) scale(1); }
}

.shahaz-shop-hero-inner {
    position: relative;
    z-index: 2;
    min-height: 86px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 9px 14px 13px;
}

.shahaz-shop-hero-kicker {
    color: #fff5bf;
    font-size: 7px;
    font-weight: 950;
    letter-spacing: .22em;
    text-shadow: 0 2px 9px rgba(70,0,44,.55);
}

.shahaz-shop-hero h1 {
    margin: 2px 0 1px;
    color: #fffaff;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(25px, 6vw, 40px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -.025em;
    text-shadow: 0 3px 0 rgba(96,0,61,.34), 0 6px 18px rgba(65,0,42,.28);
}

.shahaz-shop-hero-line {
    display: flex;
    align-items: center;
    gap: 5px;
    width: min(210px, 62%);
    margin-top: 3px;
}

.shahaz-shop-hero-line i {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, #ffe56e, #fff, transparent);
}

.shahaz-shop-hero-line b {
    color: #ffe36b;
    font-size: 10px;
    animation: shahaz-shop-hero-spark 2s ease-in-out infinite;
}

@keyframes shahaz-shop-hero-spark {
    0%,100% { transform: scale(.8) rotate(0deg); opacity: .75; }
    50% { transform: scale(1.22) rotate(90deg); opacity: 1; }
}

.shahaz-shop-hero-note {
    margin-top: 2px;
    color: rgba(255,249,253,.92);
    font-size: 5.5px;
    font-weight: 900;
    letter-spacing: .25em;
}

.shahaz-shop-products-frame {
    position: relative;
    margin-top: -2px;
    padding: 0 4px 20px;
    background: linear-gradient(180deg, rgba(255,238,247,.88), rgba(255,247,251,.96) 20%, rgba(255,255,255,1) 72%);
}

.shahaz-shop-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    align-items: start;
}

.shahaz-shop-grid.is-masonry {
    grid-template-columns: repeat(var(--shahaz-shop-cols, 2), minmax(0, 1fr));
    align-items: start;
}

.shahaz-shop-column {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.shahaz-shop-page .shahaz-p-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    align-self: start;
    border: 0 !important;
    border-radius: 11px;
    background: linear-gradient(145deg, #fff0f7 0%, #ffdceb 58%, #fff5fa 100%);
    box-shadow: 0 10px 22px -15px rgba(108,12,77,.42), 0 3px 9px -5px rgba(255,20,147,.25), inset 0 1px 0 rgba(255,255,255,.86);
    overflow: hidden;
}

.shahaz-shop-page .shahaz-p-card::before { opacity: .22; }
.shahaz-shop-page .shahaz-p-card::after { display: none; }

.shahaz-shop-page .shahaz-p-card-media {
    aspect-ratio: 1.06 / 1;
    background: #ffe8f2;
}

.shahaz-shop-page .shahaz-p-card-info {
    padding: 5px 5px 6px;
    gap: 3px;
    min-height: 0;
    background: linear-gradient(180deg, rgba(255,235,246,.92), rgba(255,247,251,.98));
}

.shahaz-shop-page .shahaz-p-title {
    font-size: 10px;
    line-height: 1.15;
    font-weight: 850;
}

.shahaz-shop-page .shahaz-p-price-row {
    gap: 4px;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
}

.shahaz-shop-page .shahaz-p-price-current { font-size: 12px; white-space: nowrap; }
.shahaz-shop-page .shahaz-p-price-old { font-size: 8px; white-space: nowrap; }
.shahaz-shop-page .shahaz-p-price-discount { font-size: 7px; padding: 1px 5px; }

.shahaz-shop-page .shahaz-p-meta-row {
    gap: 5px;
    font-size: 7.5px;
    line-height: 1.05;
    flex-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
}

.shahaz-shop-page .shahaz-p-stock-bar-wrap { display: none; }

@media (min-width: 481px) and (max-width: 900px) {
    .shahaz-shop-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .shahaz-shop-page .shahaz-p-card-media { aspect-ratio: 1.08 / 1; }
}

@media (min-width: 901px) {
    .shahaz-shop-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .shahaz-shop-page .shahaz-p-card-media { aspect-ratio: 1.12 / 1; }
    .shahaz-shop-page .shahaz-p-card-info { padding: 7px; }
    .shahaz-shop-page .shahaz-p-title { font-size: 12px; }
}

@media (max-width: 380px) {
    .shahaz-shop-hero-inner { min-height: 78px; }
    .shahaz-shop-hero { min-height: 78px; }
    .shahaz-shop-hero h1 { font-size: 22px; }
    .shahaz-shop-hero-kicker { font-size: 6px; }
    .shahaz-shop-page .shahaz-p-card-info { padding: 4px; }
    .shahaz-shop-page .shahaz-p-title { font-size: 9px; }
}