.shop-page{min-height:100vh;display:flex;flex-direction:column;background-color:#fdfbf7;color:#334155;font-family:Plus Jakarta Sans,system-ui,sans-serif}.shop-container{max-width:1100px;width:100%;margin:0 auto;padding:0 1.5rem 5rem;box-sizing:border-box}.shop-page .shop-topbar,.shop-page .shop-hero,.shop-page .shop-section-title,.shop-page .shop-card,.shop-page .shop-footer{opacity:0}.shop-topbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;z-index:100;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.shop-header-logo img{height:52px;filter:drop-shadow(0 2px 8px rgba(15,23,42,.08));transition:transform .25s ease}.shop-header-logo img:hover{transform:scale(1.04)}.shop-signin-btn{color:#fff;font-weight:800;font-size:.9rem;padding:.6rem 1.4rem;border-radius:12px;border:none;background:linear-gradient(135deg,#be2342,#e04060);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:inherit;box-shadow:0 4px 14px #be234240}.shop-signin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #be234266;background:linear-gradient(135deg,#d6284c,#f04878)}.shop-signin-btn:active{transform:translateY(0) scale(.97)}.shop-user-menu{position:relative}.shop-user-btn{display:flex;align-items:center;gap:.5rem;color:#0f172a;font-weight:800;font-size:.9rem;padding:.55rem 1.2rem;border-radius:12px;border:1px solid #E2E8F0;background:#fff;cursor:pointer;transition:all .25s ease;font-family:inherit;box-shadow:0 4px 14px #0f172a0a}.shop-user-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.shop-user-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-user-arrow{font-size:.75rem;color:#64748b;transition:transform .2s ease}.shop-user-arrow.open{transform:rotate(180deg)}.shop-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 10px 25px #0f172a1a;padding:.35rem;z-index:200;animation:shopDropIn .15s ease}@keyframes shopDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.shop-dropdown-item{display:block;width:100%;padding:.65rem 1rem;color:#0f172a;font-size:.9rem;font-weight:700;font-family:inherit;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s ease}.shop-dropdown-item:hover{background:#f8fafc;color:#be2342}.shop-hero{text-align:center;padding:2rem 1.5rem 2.5rem;display:flex;flex-direction:column;align-items:center}.shop-hero-badge{display:inline-flex;align-items:center;padding:.3rem .85rem;border-radius:20px;background:#f8fafc;color:#be2342;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:1px solid #E2E8F0;margin-bottom:.75rem}.shop-hero h1{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,3.4rem);font-weight:800;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.025em;line-height:1.15}.shop-hero-subtitle{font-size:1.1rem;font-weight:500;color:#475569;max-width:600px;margin:0 auto;line-height:1.6}.shop-section-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 1.5rem;text-align:left;letter-spacing:-.01em}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%}.shop-card{position:relative;background:#fff;border:1px solid #E2E8F0;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0f172a0d;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.shop-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0f172a14;border-color:#cbd5e1}.shop-card-img{position:relative;width:100%;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:hidden;border-bottom:1px solid #F1F5F9}.shop-card-img img{max-width:88%;max-height:88%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(15,23,42,.15));transition:transform .35s ease}.shop-card:hover .shop-card-img img{transform:scale(1.06)}.shop-card-body{padding:1.25rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.shop-card-title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;color:#0f172a;margin:0}.shop-card-desc{font-size:.9rem;color:#475569;line-height:1.55;margin:0;flex:1}.shop-mailing-checkbox{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;padding:.65rem .85rem;border-radius:12px;border:1px solid #E2E8F0;background:#f8fafc;transition:all .2s ease;user-select:none}.shop-mailing-checkbox:hover{border-color:#cbd5e1;background:#f1f5f9}.shop-mailing-checkbox.checked{border-color:#86efac;background:#f0fdf4;cursor:default}.shop-mailing-checkbox.loading{opacity:.6;pointer-events:none}.shop-mailing-box{flex-shrink:0;width:20px;height:20px;border-radius:6px;border:2px solid #CBD5E1;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:1px}.shop-mailing-checkbox.checked .shop-mailing-box{background:#166534;border-color:#166534}.shop-mailing-box svg{width:14px;height:14px}.shop-mailing-text{font-size:.82rem;line-height:1.45;color:#475569;font-weight:600}.shop-mailing-checkbox.checked .shop-mailing-text{color:#166534;font-weight:700}.shop-card-btn{width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:800;color:#fff;border:none;border-radius:14px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.06em;transition:all .25s ease;margin-top:.25rem}.shop-card-btn.free{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98140}.shop-card-btn.cooldown{background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0;font-size:.85rem;letter-spacing:.03em}.shop-card-btn:disabled{cursor:not-allowed;opacity:.85}.shop-card-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #10b98159}.shop-card-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.shop-footer{margin-top:auto;padding:2.5rem 2rem;text-align:center;background:#fff;border-top:1px solid #E2E8F0}.shop-footer-links{display:flex;justify-content:center;gap:1.75rem;margin-bottom:.85rem;flex-wrap:wrap}.shop-footer-links a{color:#64748b;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s ease}.shop-footer-links a:hover{color:#be2342}.shop-copyright{color:#94a3b8;font-size:.85rem;margin:0;font-weight:500}@media(max-width:640px){.shop-topbar{padding:1rem 1.25rem}.shop-header-logo img{height:38px}.shop-container{padding:0 1rem 3rem}.shop-hero{padding:1rem 1rem 1.5rem}.shop-hero h1{font-size:2.25rem}.shop-hero-subtitle{font-size:.95rem}.shop-section-title{font-size:1.2rem}.shop-grid{grid-template-columns:1fr;gap:1.25rem}}