.detail-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:22px}.detail-backdrop{position:absolute;inset:0;background:#071d14a8;backdrop-filter:blur(5px)}.detail-sheet{position:relative;z-index:1;display:grid;grid-template-columns:minmax(330px,1.05fr) minmax(360px,.95fr);width:min(970px,96vw);max-height:min(790px,92dvh);overflow:auto;border-radius:19px;background:#fff;box-shadow:0 30px 90px #03160d75;animation:detailEnter .28s ease}.detail-close{position:absolute;z-index:4;top:13px;right:13px;width:37px;height:37px;border:0;border-radius:50%;background:#fffc;color:#153429;font-size:25px;cursor:pointer;box-shadow:0 4px 12px #12241b20}.detail-gallery{padding:15px;background:#f2f5ef}.detail-main-image{position:relative;height:490px;overflow:hidden;border-radius:12px;background:#e5ebe3}.detail-main-image>img{width:100%;height:100%;object-fit:cover}.gallery-arrow{position:absolute;top:50%;width:37px;height:37px;border:0;border-radius:50%;background:#fffdf;color:#173c2d;font-size:25px;cursor:pointer;transform:translateY(-50%)}.gallery-arrow.prev{left:11px}.gallery-arrow.next{right:11px}.image-count{position:absolute;right:11px;bottom:11px;padding:6px 8px;border-radius:20px;background:#10271fca;color:#fff;font-size:10px;font-weight:800}.detail-thumbs{display:flex;gap:8px;overflow:auto;padding-top:10px}.detail-thumbs button{width:57px;height:62px;flex:0 0 57px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#ddd;cursor:pointer}.detail-thumbs button.active{border-color:#259167}.detail-thumbs img{width:100%;height:100%;object-fit:cover}.detail-content{padding:34px 32px}.detail-topline{display:flex;align-items:center;justify-content:space-between;color:#668077;font-size:10px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.detail-topline button{border:1px solid #dce7dc;border-radius:50%;width:37px;height:37px;background:#fff;color:#d34d58;font-size:16px;cursor:pointer}.detail-topline button.saved{background:#fff1f3}.detail-content h2{margin:14px 0 8px;font:700 34px/1.05 'Space Grotesk',sans-serif;letter-spacing:-1.8px}.detail-price{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;color:#1b704f}.detail-price b{padding:5px 7px;border-radius:6px;background:#fff0ef;color:#cf3843;font-size:10px}.detail-description{font-size:13px;line-height:1.6;color:#61736a}.detail-trust{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;padding:11px 0;border-top:1px solid #e8ede6;border-bottom:1px solid #e8ede6;color:#557166;font-size:10px;font-weight:800}.detail-trust i{color:#289367;margin-right:4px}.detail-option{margin-top:16px}.detail-option>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px}.detail-option strong{font-size:12px}.detail-option small{color:#5f8d72;font-size:10px;font-weight:800}.detail-pills{display:flex;flex-wrap:wrap;gap:7px}.detail-pills button{min-width:42px;height:35px;padding:0 11px;border:1px solid #d4e1d4;border-radius:8px;background:#fff;color:#1d3c2f;font-size:11px;font-weight:800;cursor:pointer}.detail-pills button.active{border-color:#187753;background:#eaf8df;color:#17573f;box-shadow:0 0 0 2px #bfe6bd}.detail-buy{display:grid;grid-template-columns:106px 1fr;gap:10px;margin-top:23px}.detail-qty{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;border:1px solid #dbe6db;border-radius:10px;overflow:hidden}.detail-qty button{height:48px;border:0;background:#f5f8f3;color:#246349;font-size:19px;cursor:pointer}.detail-qty b{text-align:center;font-size:13px}.detail-add{border:0;border-radius:10px;background:linear-gradient(100deg,#103426,#25845d);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 10px 20px #133e2a27}.detail-add i{color:#dffb78;font-size:17px}.detail-bulk{margin:12px 0 0;padding:10px;border-radius:8px;background:#edfae8;color:#287555;font-size:11px;font-weight:800}.detail-bulk i{margin-right:5px}@keyframes detailEnter{from{opacity:0;transform:translateY(13px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:700px){.detail-modal{padding:0;align-items:end}.detail-sheet{grid-template-columns:1fr;width:100%;max-height:94dvh;border-radius:20px 20px 0 0}.detail-gallery{padding:10px}.detail-main-image{height:38vh;min-height:265px}.detail-content{padding:20px 18px 25px}.detail-content h2{font-size:27px}.detail-description{font-size:12px}.detail-buy{position:sticky;bottom:0;background:#fff;padding-top:10px}.detail-close{top:15px;right:15px}.gallery-arrow{display:none}.detail-thumbs button{width:49px;height:53px;flex-basis:49px}}