:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero: clamp(3rem, .5rem + 7vw, 8rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-display: "Clash Display", "Arial Black", sans-serif;--font-body: "Satoshi", "Helvetica Neue", sans-serif;--color-bg: #0a0a0a;--color-surface: #141414;--color-surface-2: #1a1a1a;--color-surface-offset: #1e1e1e;--color-divider: #2a2a2a;--color-border: #333333;--color-text: #f5f5f0;--color-text-muted: #8a8a85;--color-text-faint: #555555;--color-accent: #d4ff00;--color-accent-hover: #b8e000;--color-accent-text: #0a0a0a;--color-secondary: #ff2d6e;--color-tertiary: #00e5ff;--color-warm: #ff6b00;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(212, 255, 0, .15);--content-narrow: 640px;--content-default: 1200px;--content-wide: 1400px;--content-full: 100%}[data-theme=light]{--color-bg: #f5f5f0;--color-surface: #ffffff;--color-surface-2: #fafaf7;--color-surface-offset: #f0f0eb;--color-divider: #e0e0db;--color-border: #d0d0ca;--color-text: #0a0a0a;--color-text-muted: #6a6a65;--color-text-faint: #a0a09a;--color-accent: #c4e600;--color-accent-hover: #a8cc00;--color-accent-text: #0a0a0a;--color-secondary: #e6195e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(196, 230, 0, .2)}.container{max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-4)}.container-wide{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4)}.section{padding-block:clamp(var(--space-12),6vw,var(--space-24))}.section-tight{padding-block:clamp(var(--space-8),4vw,var(--space-16))}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:var(--color-secondary);z-index:-1;animation:glitch-1 3s infinite linear alternate}.glitch-text:after{color:var(--color-tertiary);z-index:-2;animation:glitch-2 3s infinite linear alternate}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,2px)}80%{transform:translate(2px,-1px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(1px,1px)}60%{transform:translate(-1px,-2px)}80%{transform:translate(-2px,1px)}}html.reveal-enabled .reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}html.reveal-enabled .reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.announcement-bar{background:var(--color-accent);color:var(--color-accent-text);padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;white-space:nowrap}.announcement-bar span{display:inline-block;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-header{position:relative;z-index:100;background:color-mix(in oklab,var(--color-bg) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-divider);transition:transform var(--transition-interactive)}.site-header.hidden{transform:translateY(-100%)}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-3);max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4)}.nav-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em}.nav-logo svg{width:28px;height:28px}.nav-links{display:none;align-items:center;gap:var(--space-6)}.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:color var(--transition-interactive);position:relative}.nav-links a:hover{color:var(--color-text)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-interactive)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-text-muted);transition:color var(--transition-interactive),background var(--transition-interactive)}.nav-icon-btn:hover{color:var(--color-text);background:var(--color-surface)}.nav-icon-btn svg{width:20px;height:20px}.cart-count{position:absolute;top:2px;right:2px;background:var(--color-accent);color:var(--color-accent-text);font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:0 4px}.theme-toggle{position:relative}.hamburger{display:flex}@media(min-width:768px){.nav-links{display:flex}.hamburger{display:none}}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;max-width:360px;height:100dvh;background:var(--color-bg);z-index:200;transition:right var(--transition-slow);padding:var(--space-20) var(--space-6);overflow-y:auto}.mobile-menu.open{right:0}.mobile-menu a{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider)}.mobile-menu-close{position:absolute;top:var(--space-4);right:var(--space-4)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199;opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.menu-overlay.open{opacity:1;pointer-events:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-full);transition:all var(--transition-interactive);white-space:nowrap;border:none;cursor:pointer}.btn-primary{background:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{background:var(--color-surface);color:var(--color-text)}.btn-ghost:hover{background:var(--color-surface-offset)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-block{width:100%}.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;padding-top:var(--space-16)}.hero-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:800;font-size:clamp(8rem,25vw,22rem);letter-spacing:-.05em;color:var(--color-surface);white-space:nowrap;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}.hero-content{position:relative;z-index:1;max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4);width:100%}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}.hero-text h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.5rem,8vw,6rem);line-height:.95;letter-spacing:-.03em;margin-bottom:var(--space-6)}.hero-text h1 .accent{color:var(--color-accent);display:inline-block}.hero-text .tagline{font-size:var(--text-lg);color:var(--color-text-muted);max-width:50ch;margin-bottom:var(--space-8);line-height:1.5}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8)}.hero-stats{display:flex;gap:var(--space-8);flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column}.hero-stat-num{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-text)}.hero-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}@media(min-width:900px){.hero-grid{grid-template-columns:1.1fr .9fr}}.phone-case{position:relative;width:260px;height:520px;border-radius:36px;padding:8px;transition:transform var(--transition-slow)}.phone-case-inner{width:100%;height:100%;border-radius:30px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.phone-case-screen{position:absolute;top:14px;left:14px;right:14px;bottom:14px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);text-align:center;padding:var(--space-4)}.phone-case-notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:80px;height:22px;background:#0a0a0a;border-radius:var(--radius-full);z-index:2}.phone-case-camera{position:absolute;top:16px;left:20px;display:flex;flex-direction:column;gap:4px;z-index:2}.phone-case-camera-dot{width:10px;height:10px;border-radius:50%;background:#0a0a0a;border:1px solid rgba(255,255,255,.1)}.case-design--acid{background:var(--color-accent);color:#0a0a0a}.case-design--acid .phone-case-screen{background:linear-gradient(135deg,#d4ff00,#a8e600);color:#0a0a0a}.case-design--magenta{background:var(--color-secondary);color:#fff}.case-design--magenta .phone-case-screen{background:linear-gradient(135deg,#ff2d6e,#cc1a52);color:#fff}.case-design--cyan{background:var(--color-tertiary);color:#0a0a0a}.case-design--cyan .phone-case-screen{background:linear-gradient(135deg,#00e5ff,#09c);color:#0a0a0a}.case-design--orange{background:var(--color-warm);color:#fff}.case-design--orange .phone-case-screen{background:linear-gradient(135deg,#ff6b00,#c40);color:#fff}.case-design--mono{background:#1a1a1a;color:#f5f5f0;border:1px solid #333}.case-design--mono .phone-case-screen{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#f5f5f0}.case-design--glitch{background:#0a0a0a;color:var(--color-accent);border:1px solid var(--color-accent)}.case-design--glitch .phone-case-screen{background:#0a0a0a;color:var(--color-accent)}.section-header{margin-bottom:var(--space-12);display:flex;flex-direction:column;gap:var(--space-3)}.section-header h2{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em;line-height:1}.section-header .eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}.section-header p{font-size:var(--text-base);color:var(--color-text-muted);max-width:50ch}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.products-section{background:var(--color-bg)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}@media(min-width:900px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--color-surface);transition:transform var(--transition-interactive),box-shadow var(--transition-interactive)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card-image{aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-6)}.product-card-image .phone-case{width:120px;height:240px;transition:transform var(--transition-slow)}.product-card-image .phone-case-screen{font-size:9px;line-height:1.2;word-break:break-word;padding:var(--space-2)}.product-card:hover .phone-case{transform:scale(1.05) rotate(-2deg)}.product-badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--color-accent);color:var(--color-accent-text);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:var(--radius-full);z-index:2}.product-badge.badge-secondary{background:var(--color-secondary);color:#fff}.product-badge.badge-new{background:var(--color-tertiary);color:#0a0a0a}.product-quick-add{position:absolute;bottom:0;left:0;right:0;background:var(--color-accent);color:var(--color-accent-text);padding:var(--space-3);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:center;transform:translateY(100%);transition:transform var(--transition-interactive);z-index:2;border:none;cursor:pointer;width:100%}.product-card:hover .product-quick-add{transform:translateY(0)}.product-info{padding:var(--space-3) var(--space-3) var(--space-4)}.product-name{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1);line-height:1.3}.product-price{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.product-colors{display:flex;gap:4px;margin-top:var(--space-2)}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-border)}.features-section{background:var(--color-surface);border-block:1px solid var(--color-divider)}.feature-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.feature-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media(min-width:1024px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.feature-item{display:flex;flex-direction:column;gap:var(--space-3)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-surface-offset);color:var(--color-accent)}.feature-icon svg{width:24px;height:24px}.feature-item h3{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg)}.feature-item p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.drop-section{position:relative;overflow:hidden;padding-block:clamp(var(--space-16),8vw,var(--space-32))}.drop-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg) 100%);z-index:0}.drop-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);font-family:var(--font-display);font-weight:800;font-size:clamp(6rem,20vw,18rem);color:var(--color-surface-offset);white-space:nowrap;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.6}.drop-content{position:relative;z-index:1;max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-4);display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}@media(min-width:768px){.drop-content{grid-template-columns:1fr 1fr}}.drop-text h2{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,6vw,4rem);line-height:1;letter-spacing:-.02em;margin-bottom:var(--space-4)}.drop-text h2 .accent{color:var(--color-accent)}.drop-text p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.6}.drop-visual{display:flex;justify-content:center;gap:var(--space-4)}.drop-visual .phone-case{width:180px;height:360px}.drop-visual .phone-case:nth-child(2){transform:translateY(40px)}@media(max-width:480px){.drop-visual .phone-case{width:140px;height:280px}}.reviews-section{background:var(--color-bg)}.reviews-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:768px){.reviews-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.review-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-divider)}.review-stars{display:flex;gap:2px;margin-bottom:var(--space-3);color:var(--color-accent)}.review-stars svg{width:16px;height:16px;fill:currentColor}.review-text{font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-4)}.review-author{display:flex;align-items:center;gap:var(--space-3)}.review-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-accent-text)}.review-name{font-size:var(--text-sm);font-weight:600}.review-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.bundle-section{background:var(--color-surface);border-top:1px solid var(--color-divider)}.bundle-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center;position:relative;overflow:hidden}@media(min-width:768px){.bundle-card{grid-template-columns:1fr 1fr;padding:var(--space-12)}}.bundle-card:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(212,255,0,.06) 0%,transparent 70%);pointer-events:none}.bundle-content{position:relative;z-index:1}.bundle-content h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:var(--space-3)}.bundle-content p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.bundle-price{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-6)}.bundle-price-now{font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);color:var(--color-accent)}.bundle-price-was{font-size:var(--text-base);color:var(--color-text-faint);text-decoration:line-through}.bundle-visual{display:flex;justify-content:center;gap:var(--space-3);position:relative;z-index:1}.bundle-visual .phone-case{width:120px;height:240px}@media(max-width:480px){.bundle-visual .phone-case{width:100px;height:200px}}.faq-section{background:var(--color-bg)}.faq-list{max-width:var(--content-narrow);margin-inline:auto}.faq-item{border-bottom:1px solid var(--color-divider)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-5) 0;font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);text-align:left;color:var(--color-text);cursor:pointer}.faq-question svg{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-interactive);color:var(--color-text-muted)}.faq-item.open .faq-question svg{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{padding:0 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-base);line-height:1.6}.newsletter-section{background:var(--color-surface);border-top:1px solid var(--color-divider);text-align:center}.newsletter-content{max-width:var(--content-narrow);margin-inline:auto}.newsletter-content h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:var(--space-3)}.newsletter-content p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:440px;margin-inline:auto}@media(min-width:480px){.newsletter-form{flex-direction:row}}.newsletter-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--text-sm)}.newsletter-input::placeholder{color:var(--color-text-faint)}.newsletter-input:focus{outline:none;border-color:var(--color-accent)}.site-footer{background:var(--color-bg);border-top:1px solid var(--color-divider);padding-block:var(--space-16) var(--space-8)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4);margin-bottom:var(--space-12)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{grid-column:1 / -1}@media(min-width:768px){.footer-brand{grid-column:1}}.footer-brand .nav-logo{margin-bottom:var(--space-4)}.footer-brand p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:40ch}.footer-col h4{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-interactive)}.footer-col a:hover{color:var(--color-accent)}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);transition:all var(--transition-interactive)}.footer-social a:hover{background:var(--color-accent);color:var(--color-accent-text)}.footer-social svg{width:18px;height:18px}.footer-bottom{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4);border-top:1px solid var(--color-divider);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-bottom p{font-size:var(--text-xs);color:var(--color-text-muted)}.footer-trust{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.footer-trust span{font-size:var(--text-xs);color:var(--color-text-faint);display:flex;align-items:center;gap:4px}.footer-trust svg{width:14px;height:14px}.cart-drawer{position:fixed;top:0;right:-100%;width:100%;max-width:420px;height:100dvh;background:var(--color-bg);z-index:200;transition:right var(--transition-slow);display:flex;flex-direction:column;border-left:1px solid var(--color-divider)}.cart-drawer.open{right:0}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider)}.cart-header h3{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg)}.cart-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-muted)}.cart-close:hover{background:var(--color-surface);color:var(--color-text)}.cart-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);height:100%;text-align:center;color:var(--color-text-muted)}.cart-empty svg{width:48px;height:48px;color:var(--color-text-faint)}.cart-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider)}.cart-item-image{width:60px;height:80px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-image .phone-case{width:40px;height:80px}.cart-item-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.cart-item-name{font-size:var(--text-sm);font-weight:600}.cart-item-price{font-size:var(--text-sm);font-weight:700}.cart-item-remove{font-size:var(--text-xs);color:var(--color-text-faint);text-decoration:underline;align-self:flex-start}.cart-item-remove:hover{color:var(--color-secondary)}.cart-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--space-3)}.cart-total{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-sm)}.cart-total strong{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.cart-shipping-note{font-size:var(--text-xs);color:var(--color-accent);text-align:center}.mobile-cta-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-top:1px solid var(--color-divider);padding:var(--space-3) var(--space-4);z-index:90;display:flex;align-items:center;gap:var(--space-3);transform:translateY(100%);transition:transform var(--transition-interactive)}.mobile-cta-bar.visible{transform:translateY(0)}.mobile-cta-info{flex:1}.mobile-cta-name{font-size:var(--text-xs);color:var(--color-text-muted)}.mobile-cta-price{font-family:var(--font-display);font-weight:700;font-size:var(--text-base)}@media(min-width:768px){.mobile-cta-bar{display:none}}.device-selector{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.device-chip{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-interactive);background:transparent}.device-chip:hover{border-color:var(--color-text-muted);color:var(--color-text)}.device-chip.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.marquee-strip{background:var(--color-accent);color:var(--color-accent-text);overflow:hidden;padding:var(--space-3) 0;border-block:1px solid var(--color-divider)}.marquee-track{display:flex;gap:var(--space-8);white-space:nowrap;animation:marquee-scroll 30s linear infinite;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);text-transform:uppercase;letter-spacing:-.01em}.marquee-track span{display:flex;align-items:center;gap:var(--space-8)}.marquee-track svg{width:20px;height:20px;flex-shrink:0}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}.trust-badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.trust-badge svg{width:18px;height:18px;color:var(--color-accent)}.text-accent{color:var(--color-accent)}.text-center{text-align:center}.mt-8{margin-top:var(--space-8)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/style.css.map */