.shop-page{background:#0a0a0a;color:#f3f4f6;min-height:100vh}.shop-section{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.shop-eyebrow{display:inline-block;padding:.4rem .9rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fbbf24;background:rgba(0,0,0,.4)}.shop-detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}@media (max-width:860px){.shop-detail-grid{grid-template-columns:1fr;gap:1.75rem}}.shop-media{position:relative;border-radius:16px;overflow:hidden;background:#141414;border:1px solid rgba(255,255,255,.08);aspect-ratio:1/1}.shop-media img{width:100%;height:100%;object-fit:cover}.shop-media-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6b7280;font-size:.9rem;text-align:center;padding:2rem}.shop-media-main{position:relative;border-radius:16px;overflow:hidden;background:#141414;border:1px solid rgba(255,255,255,.08)}.shop-media-main img{display:block;width:100%;height:auto}.shop-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:.5rem;gap:.5rem;margin-top:.75rem}.shop-gallery-item{position:relative;display:block;padding:0;border-radius:12px;overflow:hidden;background:#141414;border:1px solid rgba(255,255,255,.08);aspect-ratio:1/1;cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.shop-gallery-item:hover{border-color:rgba(255,255,255,.3)}.shop-gallery-item.is-active{border-color:#fff}.shop-gallery-item:not(.is-active){opacity:.7}.shop-gallery-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.shop-gallery-item img{width:100%;height:100%;object-fit:cover}.shop-h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:.75rem 0 .5rem;color:#fff}.shop-lede{font-size:1.05rem;color:#d1d5db;line-height:1.55;margin:0 0 1.25rem}.shop-price{display:flex;align-items:baseline;gap:.5rem;margin:.5rem 0 1.25rem}.shop-price-amount{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop-price-suffix{color:#9ca3af;font-size:.9rem}.shop-detail-h{font-size:1.1rem;font-weight:700;color:#fff;margin:1.5rem 0 .6rem}.shop-body{color:#d1d5db;line-height:1.6}.shop-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.shop-list li{position:relative;padding-left:1.4rem;color:#d1d5db}.shop-list li:before{content:"✓";position:absolute;left:0;color:#fbbf24;font-weight:700}.shop-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem;margin-top:.5rem}.shop-highlight{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1rem}.shop-highlight-label{font-weight:700;color:#fbbf24;font-size:.85rem;margin-bottom:.25rem}.shop-highlight-detail{color:#9ca3af;font-size:.85rem;line-height:1.4}.shop-spec-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.shop-spec-label{color:#9ca3af;font-size:.9rem}.shop-spec-value{color:#f3f4f6;font-size:.9rem;font-weight:600;text-align:right}.shop-panel{background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.shop-panel-h{font-size:1rem;font-weight:700;color:#fff;margin:0 0 1rem}.shop-field{margin-bottom:1rem}.shop-label{display:block;font-size:.8rem;font-weight:600;color:#d1d5db;margin-bottom:.35rem}.shop-input,.shop-select,.shop-textarea{width:100%;background:#0a0a0a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#f3f4f6;padding:.65rem .75rem;font-size:.9rem;font-family:inherit}.shop-input:focus,.shop-select:focus,.shop-textarea:focus{outline:none;border-color:#fbbf24}.shop-textarea{resize:vertical;min-height:64px}.shop-qty{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden}.shop-qty button{background:#0a0a0a;border:none;color:#f3f4f6;width:38px;height:38px;font-size:1.1rem;cursor:pointer}.shop-qty button:disabled{opacity:.4;cursor:not-allowed}.shop-qty span{min-width:44px;text-align:center;font-weight:700}.shop-sizes{display:flex;flex-wrap:wrap;gap:.5rem}.shop-size{display:inline-flex;align-items:center;gap:.4rem;min-width:56px;justify-content:center;padding:.55rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0a0a0a;color:#f3f4f6;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.shop-size:hover:not(:disabled){border-color:rgba(251,191,36,.5)}.shop-size.is-selected{border-color:#fbbf24;background:rgba(251,191,36,.08);color:#fff}.shop-size.is-soldout{opacity:.45;cursor:not-allowed;text-decoration:line-through}.shop-size-tag{font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;text-decoration:none}.shop-collapsible-h{margin:1.5rem 0 .6rem}.shop-collapsible-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:0;background:none;border:none;font:inherit;color:inherit;text-align:left;cursor:default}.shop-collapsible-chevron{display:none;color:#9ca3af;font-size:.9em;transition:transform .2s ease}@media (max-width:860px){.shop-collapsible-h{margin:0;border-top:1px solid rgba(255,255,255,.08)}.shop-collapsible-summary{cursor:pointer;padding:1rem 0}.shop-collapsible-chevron{display:inline-block}.shop-collapsible.is-open .shop-collapsible-chevron{transform:rotate(180deg)}.shop-collapsible:not(.is-open) .shop-collapsible-body{display:none}.shop-collapsible-body{padding-bottom:.5rem}}.shop-fulfillment{display:flex;flex-direction:column;gap:.6rem}.shop-fulfill-card{display:flex;align-items:flex-start;gap:.7rem;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.8rem .9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.shop-fulfill-card:hover{border-color:rgba(251,191,36,.5)}.shop-fulfill-card.is-selected{border-color:#fbbf24;background:rgba(251,191,36,.06)}.shop-fulfill-card input{margin-top:.2rem;accent-color:#fbbf24}.shop-fulfill-title{font-weight:700;font-size:.9rem;color:#fff;display:flex;justify-content:space-between;gap:.5rem}.shop-fulfill-desc{font-size:.8rem;color:#9ca3af;margin-top:.15rem;line-height:1.4}.shop-fulfill-fee{color:#fbbf24;font-weight:700;white-space:nowrap}.shop-totals{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.shop-total-row{display:flex;justify-content:space-between;font-size:.9rem;color:#d1d5db;padding:.25rem 0}.shop-total-row.is-grand{font-size:1.15rem;font-weight:800;color:#fff;padding-top:.6rem}.shop-btn{display:block;width:100%;margin-top:1.25rem;padding:.95rem 1.5rem;border-radius:10px;border:none;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(135deg,#f97316,#dc2626);cursor:pointer;transition:transform .15s ease,opacity .15s ease}.shop-btn:hover:not(:disabled){transform:translateY(-2px)}.shop-btn:disabled{opacity:.55;cursor:not-allowed}.shop-note{font-size:.78rem;color:#9ca3af;margin-top:.75rem;line-height:1.4}.shop-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#fca5a5;border-radius:8px;padding:.65rem .8rem;font-size:.85rem;margin-top:.9rem}.shop-pickup-box{background:#0a0a0a;border:1px dashed rgba(251,191,36,.4);border-radius:8px;padding:.75rem .85rem;font-size:.82rem;color:#d1d5db;line-height:1.5;margin-top:.5rem}.shop-pickup-box strong{color:#fbbf24}.shop-order-card{max-width:620px;margin:3rem auto;background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.shop-status-badge{display:inline-block;padding:.3rem .8rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.shop-status-confirmed{background:rgba(34,197,94,.15);color:#4ade80}.shop-status-pending{background:rgba(245,158,11,.15);color:#fbbf24}.shop-status-cancelled{background:rgba(239,68,68,.15);color:#fca5a5}