body:has(#detail[open]){overflow:hidden}#detail{padding:0;width:min(880px,calc(100vw - 28px));max-height:min(88svh,900px);border-radius:28px;background:#fffdf8;overflow:hidden;box-shadow:0 30px 100px #030e2b66}#detail::backdrop{background:#071a37b8;backdrop-filter:blur(9px)}#detail[open]{display:flex;flex-direction:column;animation:detail-arrive .42s cubic-bezier(.2,.8,.2,1)}#detail>.close{top:14px;right:14px;width:42px;height:42px;border:1px solid #163a8012;background:#fffdf8ed;border-radius:50%;font-size:27px;line-height:1;z-index:3;box-shadow:0 4px 15px #153a8010;display:grid;place-items:center;padding:0}#detail .close:focus-visible,#detail summary:focus-visible,#detail button:focus-visible{outline:2px solid #3865a6;outline-offset:3px}#detailbody{min-height:0;display:flex;flex-direction:column;overflow:hidden}#detail .product-detail-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:28px;scrollbar-width:thin;scrollbar-color:#becce0 transparent}#detail .detail-grid{gap:30px;align-items:center}#detail .detail-image{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fffaf0 0%,#f4eadc 65%,#edf0f5 100%);border-radius:22px;padding:24px;display:grid;place-items:center;min-height:300px}#detail .detail-image img{position:relative;width:100%;height:320px;aspect-ratio:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 14px 16px #66503922);animation:detail-float 3.8s ease-in-out 2;z-index:1}#detail .detail-halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#ffffff60;box-shadow:0 0 50px #fff9;transform:rotate(-15deg)}#detail .detail-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:100px;background:#e9eef7;color:#153a80}#detail .detail-copy h2{font-size:clamp(25px,3vw,36px);font-weight:750;letter-spacing:-.04em;line-height:1.12;margin:16px 0;color:#153a80;white-space:normal}#detail .detail-price-line{display:flex;align-items:baseline;gap:10px;margin:0 0 18px}#detail .detail-price{font-size:28px;line-height:1.15;letter-spacing:-.03em;color:#153a80;margin:0}#detail .detail-price-line>span{font-size:12px;color:#78818e}#detail .detail-copy .detail-description{font-size:14px;color:#5e6977;line-height:1.7;margin:0 0 12px}#detail .detail-copy .detail-unit-note{font-size:11px;color:#78818e;margin:0 0 22px;line-height:1.5}#detail .composition{border-top:1px solid #dde3ec;margin-top:22px}#detail .composition summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;padding:18px 0;font-size:13px;font-weight:650;color:#153a80;cursor:pointer;min-height:48px}#detail .composition summary::-webkit-details-marker{display:none}#detail .composition summary span{font-size:22px;font-weight:400;transition:transform .2s}#detail .composition[open] summary span{transform:rotate(45deg)}#detail .composition dl{margin:0;padding:0;border:0;display:block}#detail .composition dl>div{padding:12px 0;border-top:1px solid #e5e8ee}#detail .composition dt{color:#153a80;font-size:12px;margin:0 0 5px}#detail .composition dd{font-size:12px;font-weight:400;color:#65707e;line-height:1.65}#detail .composition-note{font-size:10px;line-height:1.6;background:#edf1f7;padding:12px;border-radius:10px;margin:12px 0 0;color:#65707e}#detail .detail-purchase{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fffdf8;border-top:1px solid #e4e8ee;padding:18px 28px;padding-bottom:max(18px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px #153a8006}#detail .detail-purchase>div{display:flex;flex-direction:column;gap:4px;white-space:nowrap}#detail .detail-purchase>div>span{font-size:10px;color:#7b8491}#detail .detail-purchase strong{font-size:20px;color:#153a80;letter-spacing:-.03em}#detail .detail-add{background:#153a80;color:white;border:0;border-radius:14px;min-height:50px;padding:15px 22px;font-size:13px;gap:12px}#detail .detail-add:hover{background:#224d96;transform:translateY(-1px)}#detail .detail-add span{font-size:20px;line-height:1}@keyframes detail-arrive{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes detail-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@media(max-width:650px){#detail{width:calc(100vw - 24px);max-height:88svh;border-radius:24px}#detail .product-detail-scroll{padding:16px 18px 22px}#detail .detail-grid{grid-template-columns:1fr;gap:20px}#detail .detail-image{min-height:0;padding:20px;border-radius:18px}#detail .detail-image img{height:clamp(170px,52vw,270px)}#detail .detail-copy h2{font-size:28px;margin:14px 0}#detail .detail-price{font-size:26px}#detail .detail-purchase{padding:14px 18px;padding-bottom:max(14px,env(safe-area-inset-bottom));gap:12px}#detail .detail-add{flex:1;padding:14px 12px;font-size:12px}#detail .detail-purchase strong{font-size:19px}#detail .composition{margin-top:18px}}@media(prefers-reduced-motion:reduce){#detail[open],#detail .detail-image img{animation:none}#detail .detail-add,#detail summary span{transition:none;transform:none}}
