@layer components{.stars{letter-spacing:-1px;font-size:.6875rem;line-height:1;display:inline-block}.stars:before{content:"★★★★★";background:linear-gradient(90deg, var(--c-gold) var(--stars,100%), var(--c-gray-300) 0);color:#0000;-webkit-background-clip:text;background-clip:text}.stars--0{--stars:0%}.stars--5{--stars:10%}.stars--10{--stars:20%}.stars--15{--stars:30%}.stars--20{--stars:40%}.stars--25{--stars:50%}.stars--30{--stars:60%}.stars--35{--stars:70%}.stars--40{--stars:80%}.stars--45{--stars:90%}.stars--50{--stars:100%}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pgrid[aria-busy=true]{opacity:.55;transition:opacity .15s}.pcard{border-radius:var(--r);background:var(--c-white);flex-direction:column;min-width:0;padding:clamp(8px,2.5vw,12px);transition:box-shadow .2s;display:flex;position:relative}.pcard:hover{box-shadow:0 6px 20px #0000000f}.pcard__badges{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;top:12px;left:12px}.pcard__badge{border-radius:var(--r-xs);font-size:var(--fs-xs);color:var(--c-white);padding:3px 7px;font-weight:700;line-height:1.3}.pcard__badge--sale{background:var(--c-red)}.pcard__badge--new{background:var(--c-green)}.pcard__badge--ship{background:var(--c-ink);font-size:.6875rem;font-weight:500}.pcard__wish{z-index:2;border:1px solid var(--c-line);background:var(--c-white);width:34px;height:34px;color:var(--c-ink);border-radius:50%;place-items:center;transition:color .15s,border-color .15s,background-color .15s;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #0000000f}.pcard__wish:hover,.pcard__wish[aria-pressed=true]{border-color:var(--c-red);background:var(--c-red);color:var(--c-white)}.pcard__wish[aria-pressed=true] .icon{fill:currentColor}.pcard__media{aspect-ratio:1;place-items:center;display:grid;overflow:hidden}.pcard__img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:80%;transition:transform .3s var(--ease-out)}.pcard:hover .pcard__img{transform:scale(1.04)}.pcard__body{flex-direction:column;flex:1;padding:12px 2px 2px;display:flex}.pcard__meta{border-top:1px solid var(--c-line-soft);min-width:0;color:var(--c-gray-500);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding-block:7px;font-size:.6875rem;display:flex}.pcard__rating,.pcard__stock{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.pcard__stock{color:var(--c-green);font-weight:500}.pcard__stock--out{color:var(--c-red)}.pcard__title{min-height:2.8em;font-family:var(--font-body);font-size:var(--fs-sm);text-wrap:pretty;font-weight:500;line-height:1.4}.pcard__title a{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pcard__title a:after{content:"";z-index:1;position:absolute;inset:0}.pcard__foot{justify-content:space-between;align-items:flex-end;gap:6px;margin-block-start:auto;padding-block-start:12px;display:flex}.pcard__prices{flex-direction:column;gap:2px;min-width:0;display:flex}.pcard__old{font-size:var(--fs-xs);color:var(--c-gray-500);white-space:nowrap}.pcard__price{font-family:var(--font-head);white-space:nowrap;font-size:clamp(.9375rem,.8rem + .8vw,1.125rem);font-weight:700;line-height:1.1}.pcard__price--sale{color:var(--c-red)}.pcard__from{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--c-gray-500);font-weight:500}.pcard__points{z-index:2;color:var(--c-gray-500);white-space:nowrap;align-items:center;gap:5px;margin-block-start:3px;font-size:.6875rem;display:inline-flex;position:relative}.pcard__points:hover{color:var(--c-ink)}.pcard__add{z-index:2;width:clamp(36px,10vw,42px);height:clamp(36px,10vw,42px);color:var(--c-white);background:#c97c1d;border:0;border-radius:50%;flex:none;place-items:center;transition:background-color .15s,transform .15s;display:grid;position:relative}.pcard__add:hover{color:var(--c-white);background:#a8620f}.pcard__add:active{transform:scale(.94)}.pcard__add[aria-busy=true]{opacity:.6}.pcard__add.is-added{background:var(--c-green)}.pcard__plus{border:2px solid var(--c-white);background:var(--c-ink);width:17px;height:17px;font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;top:-3px;right:-3px}.pick{border-radius:var(--r-lg);background:var(--c-white);width:min(440px,100vw - 32px);max-height:min(88vh,680px);color:var(--c-ink);border:0;padding:0;overflow:hidden;box-shadow:0 24px 60px #00000040}.pick::backdrop{background:#16161680}.pick[open]{animation:.2s ease-out pick-in}@keyframes pick-in{0%{opacity:0;transform:translateY(12px)}}.pick__inner{max-height:inherit;overscroll-behavior:contain;gap:18px;padding:20px;display:grid;overflow-y:auto}.pick__head{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.pick__thumb{border-radius:var(--r-sm);background:var(--c-bg);place-items:center;width:56px;height:56px;display:grid}.pick__img{object-fit:contain;mix-blend-mode:multiply;width:88%;height:88%}.pick__title{gap:2px;min-width:0;display:grid}.pick__name{font-size:.9375rem;font-weight:600;line-height:1.3}.pick__price{font-family:var(--font-head);font-size:1.25rem;font-weight:700}.pick__price del{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--c-gray-500);margin-inline-end:6px;font-weight:500}.pick__price.is-sale ins{color:var(--c-red);text-decoration:none}.pick__close{border:1px solid var(--c-line);background:var(--c-white);width:40px;height:40px;color:var(--c-ink);cursor:pointer;border-radius:50%;align-self:start;place-items:center;display:grid}.pick__close:hover{border-color:var(--c-ink)}.pick__group{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.pick__legend{font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--c-gray-500);margin-bottom:10px;padding:0;font-weight:700}.pick__options{flex-wrap:wrap;gap:8px;display:flex}.pick__chip{cursor:pointer;position:relative}.pick__chip input{opacity:0;pointer-events:none;position:absolute}.pick__chip span{border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-white);align-items:center;min-height:42px;padding:0 14px;font-size:.875rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.pick__chip:hover span{border-color:var(--c-ink)}.pick__chip input:checked+span{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-white)}.pick__chip input:focus-visible+span{outline:2px solid var(--c-ink);outline-offset:2px}.pick__chip.is-out span{color:var(--c-gray-400);text-decoration:line-through}.pick__chip.is-out input:checked+span{background:var(--c-gray-500);border-color:var(--c-gray-500);color:var(--c-white)}.pick__note{min-height:1.4em;font-size:var(--fs-sm);color:var(--c-red);margin:-6px 0 0;font-weight:600}.pick__note:empty{display:none}.pick__foot{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px;display:grid}.pick__foot .btn{height:48px;padding-inline:12px}.pick__add[disabled]{opacity:.45;cursor:not-allowed}.pick__add[aria-busy=true]{cursor:progress;opacity:.6}body:has(.pick[open]){overflow:hidden}@media (width<=759px){.pick{border-radius:18px 18px 0 0;width:100%;max-width:100%;max-height:86vh;margin:auto 0 0}.pick[open]{animation-name:pick-up}.pick__inner{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}@keyframes pick-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.pick[open]{animation:none}.pick__chip span{transition:none}}@media (width>=760px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width>=1080px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}}