.site-header{z-index:50;background-color:#0000;padding-block:1rem;position:relative}.header-container{justify-content:space-between;align-items:center;display:flex}.header-logo{align-items:center;display:inline-flex}.logo-img{object-fit:contain;width:auto;height:48px}.header-wholesale-link{color:var(--color-primary);transition:color var(--transition-fast), opacity var(--transition-fast);padding:.4rem .6rem;font-size:1.05rem;font-weight:600;position:relative}.header-wholesale-link:hover{color:var(--color-primary-hover);text-underline-offset:4px;text-decoration:underline}@media (width<=480px){.site-header{padding-block:.75rem}.logo-img{height:42px}.header-wholesale-link{font-size:.95rem}}.main-stage-section{padding-block:clamp(1rem,3vw,2.5rem) clamp(2.5rem,5vw,4.5rem);position:relative;overflow:hidden}.stage-container{grid-template-columns:1fr 1.4fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.stage-content-col{z-index:5;flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.stage-helper-text{color:var(--color-coral);letter-spacing:-.01em;font-size:1rem;font-weight:600}.stage-headline{color:var(--color-text);letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:800;line-height:1.15}.active-character-info{flex-direction:column;gap:.35rem;min-height:72px;margin-block:.5rem;display:flex}.active-character-name{color:var(--color-primary);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;line-height:1.25}.active-character-tagline{color:var(--color-text-muted);font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.5}.stage-cta-wrapper{width:100%;padding-block-start:.5rem}.stage-cta-btn{min-height:52px;padding-inline:2.25rem;font-size:1.1rem}.stage-visual-col{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex;position:relative}.carousel-arena{touch-action:pan-y;justify-content:center;align-items:center;width:100%;height:clamp(340px,44vw,480px);display:flex;position:relative}.arena-character-item{aspect-ratio:1;cursor:pointer;width:clamp(230px,32vw,360px);transition:transform var(--transition-stage), opacity var(--transition-stage);will-change:transform, opacity;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.character-cutout-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.arena-character-item.slot-center{opacity:1;z-index:3;pointer-events:auto;transform:translate(0)scale(1)}.arena-character-item.slot-right{opacity:.65;z-index:1;pointer-events:auto;transform:translate(clamp(80px,17vw,150px))scale(.68)}.arena-character-item.slot-right:hover{opacity:.85;transform:translate(clamp(80px,17vw,150px))scale(.72)}.arena-character-item.slot-left{opacity:.65;z-index:1;pointer-events:auto;transform:translate(clamp(-150px,-17vw,-80px))scale(.68)}.arena-character-item.slot-left:hover{opacity:.85;transform:translate(clamp(-150px,-17vw,-80px))scale(.72)}.arena-character-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-md)}.character-text-options{justify-content:center;align-items:center;gap:1.5rem;display:flex}.name-option-btn{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding-block:.4rem;padding-inline:.75rem;font-size:1.15rem;font-weight:500;display:inline-flex}.name-option-btn:hover{color:var(--color-text)}.name-option-btn.selected{color:var(--color-primary);font-weight:700}.name-active-line{background-color:var(--color-primary);width:20px;height:3px;transition:width var(--transition-fast);border-radius:2px;display:block}@media (width<=900px){.stage-container{text-align:center;grid-template-columns:1fr;gap:1.5rem}.stage-content-col{text-align:center;align-items:center}.stage-cta-btn{width:100%;max-width:320px}.carousel-arena{height:clamp(300px,68vw,400px)}.arena-character-item{width:clamp(200px,52vw,290px)}.arena-character-item.slot-right{transform:translate(clamp(65px,24vw,110px))scale(.68)}.arena-character-item.slot-left{transform:translate(clamp(-110px,-24vw,-65px))scale(.68)}}@media (width<=480px){.stage-headline{font-size:2.3rem}.active-character-info{min-height:64px}.character-text-options{gap:1rem}.name-option-btn{font-size:1.05rem}}.wholesale-bar-section{padding-block:clamp(2rem,4vw,3.5rem);position:relative}.wholesale-bar{background-color:var(--color-primary);border-radius:var(--radius-lg);color:#fff;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.75rem,4vw,2.5rem) clamp(1.5rem,4vw,3rem);display:flex}.wholesale-text-block{flex-direction:column;gap:.4rem;max-width:600px;display:flex}.wholesale-bar-title{color:#fff;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;line-height:1.25}.wholesale-bar-desc{color:#e6f3f4;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.5}.wholesale-btn-block{flex-shrink:0}.wholesale-cta-btn{background-color:var(--color-yellow);color:#153739;border-radius:var(--radius-full);min-height:48px;transition:background-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;padding-block:.75rem;padding-inline:2rem;font-size:1.05rem;font-weight:700;display:inline-flex}.wholesale-cta-btn:hover{background-color:var(--color-yellow-hover);transform:translateY(-1px)}.wholesale-cta-btn:active{transform:translateY(0)}@media (width<=768px){.wholesale-bar{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.wholesale-cta-btn{width:100%;min-width:240px}}.site-footer{border-top:1px solid var(--color-border-subtle);background-color:#0000;margin-top:auto;padding-block:2rem}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-logo-img{object-fit:contain;width:auto;height:38px}.footer-instagram-link{color:var(--color-primary);transition:color var(--transition-fast);font-size:.95rem;font-weight:600}.footer-instagram-link:hover{color:var(--color-primary-hover);text-underline-offset:3px;text-decoration:underline}.footer-copyright{color:var(--color-text-light);font-size:.88rem}@media (width<=640px){.footer-container{text-align:center;flex-direction:column;align-items:center;gap:1rem}}:root{--color-bg:#fff7ed;--color-bg-subtle:#fdf1e2;--color-surface:#fff;--color-primary:#00666b;--color-primary-hover:#004d51;--color-primary-active:#003f42;--color-primary-light:#e6f3f4;--color-coral:#ff806f;--color-coral-hover:#f26f5d;--color-coral-light:#ffeae6;--color-yellow:#f8ba15;--color-yellow-hover:#e5a90c;--color-yellow-light:#fef7e6;--color-text:#153739;--color-text-muted:#4b6b6d;--color-text-light:#718e90;--color-border:#edc;--color-border-subtle:#f3e6d8;--tint-strawberry:#fff2f0;--tint-banana:#fff8ec;--tint-carrot:#fff4eb;--font-family-base:"IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Arabic", sans-serif;--line-height-tight:1.25;--line-height-normal:1.6;--line-height-relaxed:1.75;--container-max-width:1200px;--container-padding:clamp(1.25rem, 4vw, 2.5rem);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.18s ease;--transition-normal:.3s ease;--transition-stage:.4s cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;box-shadow:none!important;text-shadow:none!important}html{font-family:var(--font-family-base);background-color:var(--color-bg);color:var(--color-text);font-size:16px;line-height:var(--line-height-relaxed);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--color-bg);min-height:100vh;transition:background-color var(--transition-stage);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.skip-link{top:-60px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);z-index:1000;transition:top var(--transition-fast);padding:.6rem 1.25rem;font-weight:600;text-decoration:none;position:absolute;inset-inline-start:1.5rem}.skip-link:focus{outline:2px solid var(--color-primary);top:1rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);color:var(--color-text);font-weight:700;line-height:var(--line-height-tight)}p{color:var(--color-text-muted);line-height:var(--line-height-relaxed)}a{color:inherit;text-decoration:none}img,picture,svg{max-width:100%;height:auto;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max-width);padding-inline:var(--container-padding);margin-inline:auto}.btn-primary{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);min-height:48px;transition:background-color var(--transition-fast), transform var(--transition-fast);text-align:center;justify-content:center;align-items:center;gap:.5rem;padding-block:.75rem;padding-inline:1.85rem;font-size:1.05rem;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:active{background-color:var(--color-primary-active);transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}