/* PIYAMO v1.6.3.72 — safe, festival-dynamic animation and banner layout.
   Scoped to active festival mode; default PIYAMO never loads this stylesheet.
   Every occasion uses its own supplied motifs & palette, in a non-overlapping art slot.
*/
body.piyamo-festival-theme .piyamo-festival-banner {
    position: relative;
    isolation: isolate;
    max-width: min(1240px, calc(100% - 24px));
    margin: 12px auto 10px;
    padding: 0;
}
body.piyamo-festival-theme .piyamo-festival-banner__inner {
    position: relative;
    isolation: isolate;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(120px, 18vw, 190px) !important;
    align-items: center;
    gap: 16px !important;
    min-height: 100px;
    padding: 15px 19px 14px 22px !important;
    border-radius: 22px;
    overflow: hidden !important;
}
/* Retire the older pseudo-artwork that was overflowing onto banner copy. */
body.piyamo-festival-theme .piyamo-festival-banner__inner::before,
body.piyamo-festival-theme .piyamo-festival-banner__inner::after,
body.piyamo-festival-theme .piyamo-festival-banner__copy::before,
body.piyamo-festival-theme .piyamo-festival-banner__copy::after,
body.piyamo-festival-theme .piyamo-festival-banner__art::before,
body.piyamo-festival-theme .piyamo-festival-banner__art::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}
body.piyamo-festival-theme .piyamo-festival-banner__copy {
    display: flex;
    flex-direction: column;
    align-self: center;
    gap: 3px;
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    z-index: 4;
    width: 100%;
    min-width: 0;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-wrap: break-word;
}
body.piyamo-festival-theme .piyamo-festival-banner__eyebrow {
    display: block;
    position: relative;
    margin: 0 0 2px;
    padding: 0;
    max-width: 100%;
    font: 700 10px/1.28 Poppins, Satoshi, sans-serif;
    letter-spacing: .09em;
    color: var(--festival-accent-1);
}
body.piyamo-festival-theme .piyamo-festival-banner__copy strong {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0;
    font: 750 clamp(16px, 2vw, 23px)/1.18 Poppins, Satoshi, sans-serif;
    color: var(--festival-text-1);
    letter-spacing: -.025em;
    overflow-wrap: break-word;
}
body.piyamo-festival-theme .piyamo-festival-banner__subtitle {
    display: block;
    max-width: min(100%, 580px);
    margin: 0;
    font: 450 clamp(10.5px, 1.1vw, 12px)/1.42 Poppins, Satoshi, sans-serif;
    color: var(--festival-text-2);
    overflow-wrap: break-word;
}
body.piyamo-festival-theme .piyamo-festival-banner__art {
    display: block !important;
    position: relative !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    inset: auto !important;
    isolation: isolate;
    z-index: 1 !important;
    align-self: stretch;
    width: 100% !important;
    height: 100% !important;
    min-height: 78px !important;
    max-height: none;
    overflow: hidden !important;
    pointer-events: none;
    padding: 0 !important;
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--festival-accent-3) 19%, transparent), transparent 65%);
    border-radius: 16px;
}
/* A small garland is contained entirely in the artwork, not across the words. */
body.piyamo-festival-theme .piyamo-festival-banner .piyamo-festival-garland {
    display: flex !important;
    position: absolute !important;
    z-index: 3;
    top: 3px !important;
    right: 6px !important;
    bottom: auto !important;
    left: 6px !important;
    width: auto !important;
    height: 19px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 3px !important;
    justify-content: space-between;
    align-items: flex-start;
    pointer-events: none;
    overflow: hidden;
}
body.piyamo-festival-theme .piyamo-festival-garland::before {
    content: '';
    position: absolute;
    display: block !important;
    top: 2px;
    left: 0;
    right: 0;
    height: 1px;
    background: color-mix(in srgb, var(--festival-accent-1) 28%, transparent);
    pointer-events: none;
}
body.piyamo-festival-theme .piyamo-festival-garland .piyamo-festival-bulb {
    flex: 0 0 7px !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    max-width: 7px !important;
    margin: 4px 0 0 !important;
    border-radius: 50%;
    opacity: .88;
    animation: piyamoFestivalBulb 2s ease-in-out infinite alternate;
    transform-origin: center top;
}
body.piyamo-festival-theme .piyamo-festival-bulb:nth-child(2n) {animation-delay: -.9s;}
body.piyamo-festival-theme .piyamo-festival-bulb:nth-child(3n) {animation-delay: -1.4s;}
/* Replace any legacy motif ::before duplicates with the real per-festival icon text. */
body.piyamo-festival-theme .piyamo-festival-banner__motif::before,
body.piyamo-festival-theme .piyamo-festival-banner__motif::after {
    display: none !important;
    content: none !important;
}
body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    position: absolute !important;
    inset: auto !important;
    opacity: .95 !important;
    z-index: 2 !important;
    white-space: nowrap;
    line-height: 1 !important;
    filter: drop-shadow(0 3px 7px rgba(105,73,95,.13));
    animation: piyamoFestivalSafeFloat 4.6s ease-in-out infinite alternate !important;
}
body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-a {
    top: 24% !important;
    right: 39% !important;
    font-size: clamp(22px, 2.9vw, 38px) !important;
}
body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-b {
    top: 38% !important;
    right: 11% !important;
    font-size: clamp(17px, 2.1vw, 28px) !important;
    animation-delay: -1.6s !important;
}
body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-c {
    top: auto !important;
    right: 65% !important;
    bottom: 12% !important;
    font-size: clamp(13px, 1.5vw, 18px) !important;
    animation-delay: -2.3s !important;
}
body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-d {
    top: 20% !important;
    right: 3% !important;
    font-size: 13px !important;
    opacity: .62 !important;
}
body.piyamo-festival-theme .piyamo-festival-banner__burst {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px;
    max-height: 34px;
    top: 26% !important;
    right: 20% !important;
    opacity: .27;
    z-index: 0;
    filter: none !important;
}
body.piyamo-festival-theme .piyamo-festival-banner__burst.burst-b {
    top: 42% !important;
    right: 55% !important;
    opacity: .18;
}
body.piyamo-festival-theme .piyamo-festival-banner__mithai {
    position: absolute !important;
    right: 5% !important;
    bottom: 0 !important;
    left: auto !important;
    top: auto !important;
    width: 74px !important;
    height: 42px !important;
    z-index: 0;
    opacity: .2;
}
/* Light festival mode is lower-energy; traditional lights, romantic pulses, winter sparkle all stay in the same safe area. */
body.piyamo-festival-kind--national .piyamo-festival-garland .piyamo-festival-bulb:nth-child(3n+1) {background:#e9a161 !important;}
body.piyamo-festival-kind--national .piyamo-festival-garland .piyamo-festival-bulb:nth-child(3n+2) {background:#f7f6f1 !important;}
body.piyamo-festival-kind--national .piyamo-festival-garland .piyamo-festival-bulb:nth-child(3n) {background:#6eaf84 !important;}
body.piyamo-festival-kind--love .piyamo-festival-garland .piyamo-festival-bulb {border-radius: 55% 55% 48% 48%;}
body.piyamo-festival-kind--christmas .piyamo-festival-garland .piyamo-festival-bulb {box-shadow: 0 0 8px #bce4e0;}
body.piyamo-festival-kind--holi .piyamo-festival-banner__art {
    background:radial-gradient(circle at 25% 65%, rgba(247,167,203,.20) 0 12%, transparent 13%),radial-gradient(circle at 70% 30%, rgba(141,216,234,.22) 0 15%, transparent 16%);
}
/* Keep the floating canvas behind the storefront—not over checkout, text, icons or buttons. */
body.piyamo-festival-theme #piyamo-festival-effects {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    opacity: .48 !important;
    pointer-events: none !important;
    will-change: auto;
}
body.piyamo-festival-theme .site,
body.piyamo-festival-theme #page,
body.piyamo-festival-theme .piyamo-festival-banner,
body.piyamo-festival-theme .piyamo-mobile-discovery,
body.piyamo-festival-theme .piyamo-festival-shop-hero {
    position: relative;
    z-index: 1;
}
@keyframes piyamoFestivalSafeFloat {
    from {transform:translate3d(0,0,0) scale(.98);}
    to {transform:translate3d(0,-3px,0) scale(1.035);}
}
@media (max-width:767px) {
    body.piyamo-festival-theme .piyamo-festival-banner {max-width: calc(100% - 14px); margin: 8px auto 8px;}
    body.piyamo-festival-theme .piyamo-festival-banner__inner {
        grid-template-columns: minmax(0,1fr) 102px !important;
        gap: 8px !important;
        min-height: 100px;
        padding: 13px 11px 12px 14px !important;
        border-radius: 18px;
        border: 0 !important;
    }
    body.piyamo-festival-theme .piyamo-festival-banner__art {
        min-height: 78px !important;
        border-radius: 12px;
    }
    body.piyamo-festival-theme .piyamo-festival-banner__copy strong {font-size: clamp(14px, 4vw, 17px) !important;line-height:1.2 !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__eyebrow {font-size: 9px !important;letter-spacing: .06em;}
    body.piyamo-festival-theme .piyamo-festival-banner__subtitle {font-size: 10px !important;line-height:1.38 !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-a {top:27% !important;right:40% !important;font-size:27px !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-b {top:43% !important;right:7% !important;font-size:20px !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-c {right:65% !important;bottom:10% !important;font-size:15px !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-d {display:none !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__burst {width:24px !important;height:24px !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__mithai {width:50px !important;height:30px !important;}
}
@media (max-width:360px) {
    body.piyamo-festival-theme .piyamo-festival-banner__inner {grid-template-columns: minmax(0,1fr) 78px !important;gap:6px !important;padding-right:8px !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-a {font-size:22px !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-b {font-size:17px !important;}
    body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif.motif-c {font-size:12px !important;}
}
@media (prefers-reduced-motion:reduce) {
    body.piyamo-festival-theme .piyamo-festival-banner__art .piyamo-festival-banner__motif,
    body.piyamo-festival-theme .piyamo-festival-bulb,
    body.piyamo-festival-theme .piyamo-festival-banner__burst {animation:none !important;transform:none !important;}
    body.piyamo-festival-theme #piyamo-festival-effects {display:none !important;}
}

/* National occasions: refined tricolor accents, no hard third band across copy. */
body.piyamo-festival-kind--national .piyamo-festival-banner__inner {
    background:radial-gradient(circle at 84% 25%,rgba(111,176,132,.14),transparent 25%),linear-gradient(115deg,#fff9f5 0%,#ffffff 55%,#f4fbf6 100%) !important;
    border-bottom: 3px solid rgba(106,166,126,.62) !important;
}
@media(max-width:767px) {
    body.piyamo-festival-kind--national .piyamo-festival-banner__inner {border-top:0 !important;border-left:0 !important;border-right:0 !important;}
}