.product-modal{border:1px solid var(--color-border);background:var(--color-card);width:min(92vw,760px);max-width:760px;max-height:90vh;color:var(--color-text);border-radius:1.15rem;margin:auto;padding:0;overflow:hidden;box-shadow:0 25px 80px #0003}.product-modal::backdrop{backdrop-filter:blur(5px);background:#00000080}.product-modal[open]{animation:.18s ease-out both product-modal-fade-in}.product-modal[open] .product-modal__panel{animation:.22s ease-out both product-modal-slide-up}.product-modal__panel{max-height:90vh;position:relative;overflow-y:auto}.product-modal__close{z-index:5;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-card) 92%, transparent);width:2.1rem;height:2.1rem;color:var(--color-text);cursor:pointer;backdrop-filter:blur(8px);border-radius:999px;justify-content:center;align-items:center;transition:background-color .16s,color .16s,border-color .16s,transform .16s;display:flex;position:absolute;top:.8rem;right:.8rem}.product-modal__close:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff;transform:rotate(4deg)}.product-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.product-modal__close svg{width:.95rem;height:.95rem}.product-modal__body{grid-template-columns:240px minmax(0,1fr);display:grid}.product-modal__image-wrap{background:var(--color-surface);justify-content:center;align-items:center;min-height:360px;padding:1.5rem;display:flex}.product-modal__image{object-fit:contain;width:100%;max-width:220px;height:220px}.product-modal__content{padding:1.75rem 2rem}.product-modal__category{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:700}.product-modal__title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;margin:.35rem 0 0;padding-right:2rem;font-size:clamp(1.4rem,3vw,1.75rem);font-weight:600;line-height:1.15}.product-modal__meta{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.product-modal__meta span{border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;padding:.22rem .45rem;font-size:.68rem;line-height:1.2;display:inline-flex}.product-modal__price{color:var(--color-primary);margin:.8rem 0 0;font-size:1.05rem;font-weight:700}.product-modal__description{color:var(--color-muted);margin:.8rem 0 0;font-size:.8rem;line-height:1.6}.product-modal__section{border-top:1px solid color-mix(in srgb, var(--color-border) 75%, transparent);margin-top:1rem;padding-top:.9rem}.product-modal__section h3{color:var(--color-text);margin:0;font-size:.78rem;font-weight:700}.product-modal__section ul{gap:.35rem;margin:.45rem 0 0;padding-left:1rem;display:grid}.product-modal__section li,.product-modal__section p{color:var(--color-muted);font-size:.75rem;line-height:1.5}.product-modal__section li::marker{color:var(--color-primary)}.product-modal__section p{margin:.45rem 0 0}.product-modal__na{color:var(--color-muted);margin:1rem 0 0;font-size:.65rem}.product-modal__actions{gap:.6rem;margin-top:1.25rem;display:flex}.product-modal__whatsapp,.product-modal__tokopedia{border-radius:.6rem;justify-content:center;align-items:center;min-height:2.5rem;padding:.6rem .9rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.product-modal__whatsapp{background:var(--color-primary);color:#fff;flex:1}.product-modal__whatsapp:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.product-modal__tokopedia{border:1px solid var(--color-border);color:var(--color-primary);background:var(--color-card);flex:1}.product-modal__tokopedia:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, var(--color-card));transform:translateY(-1px)}.product-modal__whatsapp:focus-visible,.product-modal__tokopedia:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=700px){.product-modal{border-radius:1rem;width:94vw;max-height:92vh}.product-modal__body{grid-template-columns:1fr}.product-modal__image-wrap{min-height:220px;padding:1rem}.product-modal__image{width:180px;height:180px}.product-modal__content{padding:1.25rem 1.15rem}.product-modal__title{font-size:1.3rem}.product-modal__description{font-size:.78rem}.product-modal__section li,.product-modal__section p{font-size:.74rem}.product-modal__actions{flex-direction:column}}@keyframes product-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes product-modal-slide-up{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.product-modal[open],.product-modal[open] .product-modal__panel{animation:none}.product-modal__close,.product-modal__whatsapp,.product-modal__tokopedia{transition:none}}