@charset "UTF-8";:root{--color-primary: #E11D2A;--color-primary-dark: #A0151F;--color-primary-tint: #FDECEE;--color-black: #0B0B0F;--color-success: #16A34A;--color-success-dark: #128A3D;--color-bg: #FFFFFF;--color-surface: #F8F8FA;--color-border: #EDEDF0;--color-text: #0B0B0F;--color-text-muted: #6E6E76;--container-max: 1240px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(11, 11, 15, .06);--shadow-md: 0 8px 24px rgba(11, 11, 15, .08);--shadow-lg: 0 20px 48px rgba(11, 11, 15, .14);--shadow-red: 0 12px 28px rgba(225, 29, 42, .28);--font-base: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .16s;--dur-base: .28s;--dur-slow: .48s}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--color-text);background:var(--color-bg);font-family:var(--font-base);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:700;font-family:inherit;background:var(--color-primary);color:#fff;letter-spacing:.01em;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-fast) var(--ease-out);will-change:transform}.btn:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-red)}.btn:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border);box-shadow:none}.btn--ghost:hover{background:var(--color-primary-tint);color:var(--color-primary-dark);border-color:var(--color-primary)}.btn--success{background:var(--color-success)}.btn--success:hover{background:var(--color-success-dark);box-shadow:0 12px 28px #16a34a47}.btn--dark{background:var(--color-black)}.btn--dark:hover{background:#000;box-shadow:0 12px 28px #0b0b0f59}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}[fsTilt]{transform-style:preserve-3d;transition:transform var(--dur-base) var(--ease-out);will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[fsTilt]{transform:none!important}}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.reveal.is-in{opacity:1;transform:translateY(0)}[dir=rtl] .fs-rtl-flip,[dir=rtl] .fs-rtl-flip svg,[dir=rtl] .crumbs__sep,[dir=rtl] .crumb-arrow,[dir=rtl] .breadcrumb-arrow,[dir=rtl] .breadcrumb__arrow,[dir=rtl] .crumbs svg,[dir=rtl] .hero-slide__cta svg,[dir=rtl] .hero-controls__arrow svg,[dir=rtl] .hero-cta svg,[dir=rtl] .hero__cta svg,[dir=rtl] .banner-cta svg,[dir=rtl] .slide-cta svg,[dir=rtl] .sub-card__cta svg,[dir=rtl] .tag-card__cta svg,[dir=rtl] .cat-card__cta svg,[dir=rtl] .featured__more svg,[dir=rtl] .more-link svg,[dir=rtl] .view-all svg,[dir=rtl] .see-more svg,[dir=rtl] .sec-more svg,[dir=rtl] .section__more svg,[dir=rtl] .card__arrow,[dir=rtl] .card-cta svg,[dir=rtl] .related-card__cta svg,[dir=rtl] .prod-related__more svg,[dir=rtl] .filter-cats__chev svg,[dir=rtl] .filter-cats__chev,[dir=rtl] .shop-pager__nav svg,[dir=rtl] .shop-pager__nav .chev,[dir=rtl] .shop-hero__eyebrow svg,[dir=rtl] .tag-hero__eyebrow svg,[dir=rtl] .back-link svg,[dir=rtl] .back-btn svg,[dir=rtl] .next-btn svg,[dir=rtl] .pager__next svg,[dir=rtl] .pager__prev svg,[dir=rtl] .pagination__arrow svg,[dir=rtl] .chev-right,[dir=rtl] .chev--right,[dir=rtl] .chev-left,[dir=rtl] .chev--left,[dir=rtl] .arrow-right,[dir=rtl] .arrow--right,[dir=rtl] .arrow-left,[dir=rtl] .arrow--left{transform:scaleX(-1)}
