.shop{background:var(--paper);padding:calc(80px + clamp(20px,4vw,48px)) 0 clamp(56px,8vw,120px);min-height:80vh}.shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(18px,3vw,30px)}.shop h1{margin:0 0 12px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;text-transform:uppercase}.shop-lede{max-width:58ch;margin:0;color:#4a4a4a;font-size:var(--type-body-lg);line-height:1.55}.shop-cart-btn,.shop-float{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-family:var(--font-body);font-weight:900;text-transform:uppercase}.shop-cart-btn{flex:none;min-height:46px;padding:10px 16px;border-radius:6px;background:var(--ink);color:var(--white);font-size:1rem}.shop-cart-btn:hover{background:var(--charcoal)}.shop-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:var(--white);font-size:.82rem;line-height:1}.shop-count[hidden]{display:none}.shop-float{position:fixed;z-index:25;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);width:60px;height:60px;justify-content:center;border-radius:50%;background:var(--ink);color:var(--white);box-shadow:var(--shadow)}.shop-float .shop-count{position:absolute;top:-4px;right:-4px}.shop-float{opacity:0;transform:translateY(16px) scale(.85);pointer-events:none;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.9,.3,1.25)}.shop-float.is-on{opacity:1;transform:none;pointer-events:auto}.shop-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(18px,2.4vw,28px)}.shop-filters[hidden]{display:none}.chip{min-height:38px;padding:7px 14px;border:1.5px solid var(--warm-gray);border-radius:999px;background:var(--white);color:var(--ink);font:800 .92rem var(--font-body);cursor:pointer}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--white)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(16px,2vw,28px)}.shop-card{display:flex;flex-direction:column;padding:0;border:1.5px solid var(--warm-gray);border-radius:12px;overflow:hidden;background:var(--white);color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.shop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:var(--ink)}.shop-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.shop-card-img{position:relative;aspect-ratio:1;background:var(--paper)}.shop-card-img img{width:100%;height:100%;object-fit:cover;display:block}.shop-card-info{padding:14px 16px 18px}.shop-card-name{margin:0 0 6px;font-family:var(--font-body);font-size:clamp(.95rem,.98vw,1.05rem);font-weight:900;line-height:1.16}.shop-card-price{margin:0;color:#4a4a4a;font-weight:700}.shop-card.is-soldout .shop-card-img img{opacity:.55}.badge{position:absolute;top:12px;left:12px;padding:4px 9px;border-radius:4px;background:var(--ink);color:var(--white);font:900 .74rem var(--font-body);letter-spacing:.04em;text-transform:uppercase}.shop-card.is-skeleton{cursor:default}.shop-card.is-skeleton:hover{transform:none;box-shadow:none;border-color:var(--warm-gray)}.shop-card.is-skeleton .shop-card-img,.shop-sk-line{animation:sk 1.2s ease-in-out infinite alternate}.shop-sk-line{height:14px;margin:16px 16px 0;border-radius:4px;background:var(--paper)}.shop-sk-line.short{width:40%;margin-bottom:18px}@keyframes sk{to{opacity:.5}}.shop-empty{grid-column:1 / -1;color:#4a4a4a}.shop-error{margin-top:20px;padding:24px;border:1.5px solid var(--warm-gray);border-radius:12px;background:var(--white)}.shop-error[hidden]{display:none}.shop-error p{margin:0 0 14px}.shop-error a:not(.button){color:var(--deep-blue);font-weight:700}dialog{padding:0;border:0;color:var(--ink);background:var(--white)}dialog::backdrop{background:#0505058c}.dlg-close{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;padding:0;background:var(--paper);color:var(--ink);cursor:pointer}.dlg-close svg{display:block}.dlg-close:hover{background:var(--warm-gray)}body:has(dialog[open]){overflow:hidden}html:has(.shop){scrollbar-gutter:stable}.pd{width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:14px;box-shadow:var(--shadow)}.pd>.dlg-close{position:absolute;z-index:2;top:12px;right:12px}.pd-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);padding:clamp(18px,3vw,36px)}.pd-main{aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--paper)}.pd-main img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pd-thumbs button{width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:var(--paper);cursor:pointer}.pd-thumbs button[aria-current=true]{border-color:var(--ink)}.pd-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.pd-info h2{margin:0 44px 8px 0;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.05;text-transform:uppercase}.pd-price{margin:0 0 20px;font-size:1.3rem;font-weight:800}.pd-price s{margin-left:8px;color:#8a8a8a;font-weight:600}.pd-opt{margin:0 0 18px;border:0;padding:0}.pd-opt legend{margin-bottom:8px;padding:0;font-weight:800;font-size:.86rem;text-transform:uppercase;letter-spacing:.03em}.pd-opt legend span{font-weight:600;text-transform:none;letter-spacing:0;color:#4a4a4a}.pd-choices{display:flex;flex-wrap:wrap;gap:8px}.opt{min-width:50px;min-height:44px;padding:8px 12px;border:1.5px solid var(--warm-gray);border-radius:8px;background:var(--white);color:var(--ink);font:800 .95rem var(--font-body);cursor:pointer}.opt:hover{border-color:var(--ink)}.opt[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.opt.is-out{color:#9a9a9a;text-decoration:line-through}.swatch{width:44px;min-width:44px;padding:0;border-radius:50%;display:grid;place-items:center}.swatch i{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.pd-buy{display:flex;gap:10px;align-items:stretch;margin:6px 0 8px}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--warm-gray);border-radius:8px}.qty button{width:40px;height:100%;min-height:44px;border:0;background:none;font-size:1.25rem;font-weight:800;cursor:pointer;color:var(--ink)}.qty button:disabled{color:#bbb;cursor:default}.qty span{min-width:28px;text-align:center;font-weight:800}.pd-add{flex:1;min-height:52px;cursor:pointer}.pd-add:disabled{background:#9a9a9a;cursor:not-allowed;transform:none;box-shadow:none}.pd-note{min-height:1.4em;margin:0 0 16px;color:var(--dark-red);font-weight:700;font-size:.92rem}.pd-desc{color:#3d3d3d;line-height:1.55}.pd-desc p{margin:0 0 10px}.pd-desc img{max-width:100%;height:auto}.pd-more{border-top:1px solid var(--warm-gray)}.pd-more summary{padding:12px 0;font-weight:800;cursor:pointer}.pd-more>div{padding:0 0 12px;color:#3d3d3d;line-height:1.5}.pd-more img{max-width:100%;height:auto}.pd-more a{color:var(--deep-blue);font-weight:700}.cart{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);height:100dvh;max-height:100dvh;margin:0;display:none;flex-direction:column}.cart[open]{display:flex}.cart-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--warm-gray)}.cart-head h2{margin:0;font-size:1.5rem;text-transform:uppercase}.cart-items{flex:1;overflow-y:auto;padding:8px 20px}.cart-empty{margin:28px 0;color:#4a4a4a}.line{display:grid;grid-template-columns:76px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--warm-gray)}.line img,.line .ph{width:76px;height:76px;border-radius:8px;object-fit:cover;background:var(--paper)}.line-name{margin:0 0 2px;font-weight:800;line-height:1.25}.line-opt{margin:0 0 8px;color:#4a4a4a;font-size:.92rem}.line .qty{height:36px}.line .qty button{min-height:32px;width:34px}.line-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.line-price{font-weight:800}.line-remove{border:0;background:none;padding:4px 0;color:#6a6a6a;font:700 .86rem var(--font-body);text-decoration:underline;cursor:pointer}.line-remove:hover{color:var(--dark-red)}.cart-foot{padding:16px 20px 22px;border-top:1px solid var(--warm-gray);background:var(--paper)}.cart-foot[hidden]{display:none}.cart-sub{display:flex;justify-content:space-between;font-size:1.15rem;margin-bottom:6px}.cart-note{margin:0 0 14px;color:#4a4a4a;font-size:.9rem;line-height:1.45}.cart-checkout{width:100%;min-height:54px}.cart.is-busy .cart-items,.cart.is-busy .cart-foot{opacity:.6;pointer-events:none}.shop-toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translate(-50%,140%);max-width:calc(100vw - 32px);padding:12px 18px;border-radius:8px;background:var(--ink);color:var(--white);font-weight:700;box-shadow:var(--shadow);transition:transform .2s ease;pointer-events:none;visibility:hidden}.shop-toast.is-on{transform:translate(-50%);visibility:visible}@media(max-width:760px){.shop-head{align-items:flex-start;flex-direction:column}.pd{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.pd-body{grid-template-columns:1fr;padding:60px 16px 24px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card-info{padding:10px 12px 14px}}