.product{cursor:pointer}.product-overlay{justify-content:center;align-items:center;padding:24px}.product-modal{background:#fff;border-radius:22px;grid-template-columns:.9fr 1.1fr;width:min(850px,100%);max-height:92vh;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #102c2240}.modal-close{z-index:2;width:40px;height:40px;color:var(--ink);background:#fff;border:0;border-radius:50%;font-size:26px;position:absolute;top:15px;right:15px;box-shadow:0 5px 20px #0002}.modal-image{place-items:center;min-height:520px;display:grid;position:relative}.modal-image>span{filter:drop-shadow(0 18px 14px #0002);font-size:150px}.modal-image>b{background:var(--orange);color:#fff;border-radius:5px;padding:7px 11px;font-size:11px;position:absolute;top:20px;left:20px}.modal-content{padding:44px 40px}.modal-content>small{color:#668172;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.modal-content h2{margin:8px 0 14px;font:600 35px Georgia,serif}.modal-desc{color:var(--muted);line-height:1.6}.modal-content ul{flex-wrap:wrap;gap:8px;margin:20px 0;padding:0;list-style:none;display:flex}.modal-content li{color:#315b43;background:#eff4e8;border-radius:20px;padding:8px 11px;font-size:12px}.weight-head{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.weight-head span{color:var(--muted);font-size:11px}.weights{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 22px;display:grid}.weights button{color:#536a5e;background:#fff;border:1px solid #d6dfd8;border-radius:8px;padding:12px 5px;font-weight:700}.weights button.active{border-color:var(--green);background:var(--green);color:#fff}.modal-total{border-top:1px solid #e5e9e6;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.modal-total span{color:var(--muted);font-size:13px}.modal-total strong{font-size:27px}.modal-add{background:var(--green);color:#fff;border:0;border-radius:9px;justify-content:space-between;width:100%;padding:15px 18px;font-weight:700;display:flex}.modal-add:hover{background:#0f3c2a}@media (width<=700px){.product-overlay{padding:12px}.product-modal{grid-template-columns:1fr;max-height:95vh}.modal-image{min-height:210px}.modal-image>span{font-size:90px}.modal-content{padding:25px 20px}.modal-content h2{font-size:27px}.weights{grid-template-columns:repeat(2,1fr)}}