
/* Product view / cart / checkout — follows the existing Homeo Dawa theme */
.hd-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(17,17,17,.65);z-index:9999;padding:22px}
.hd-overlay.hd-open{display:flex}
.hd-product-modal,.hd-checkout-modal,.hd-drawer{background:#fff;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.hd-product-modal{width:min(1180px,100%);max-height:calc(100vh - 44px);overflow:auto;position:relative}
.hd-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:34px}
.hd-gallery{position:relative}
.hd-main-image{background:#f7f7f7;border:1px solid var(--line);min-height:520px;display:flex;align-items:center;justify-content:center}
.hd-main-image img{width:100%;height:520px;object-fit:contain;display:block}
.hd-sale{position:absolute;left:14px;top:14px;z-index:2;background:#222;color:#fff;font-size:12px;font-weight:700;padding:7px 11px;border-radius:3px}
.hd-gallery-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#777;padding-top:10px}
.hd-summary{padding:6px 0 18px}
.hd-product-type{color:var(--green);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}
.hd-summary h2{font-family:Poppins,sans-serif;font-size:31px;line-height:1.25;margin:0 0 10px}
.hd-rating{font-size:13px;letter-spacing:1px;margin-bottom:16px}.hd-rating span{color:#777;letter-spacing:0;margin-left:8px}
.hd-product-price{font-size:26px;font-weight:700;margin:4px 0}.hd-product-price del{color:#999;font-size:17px;font-weight:400;margin-right:8px}.hd-product-price ins{text-decoration:none}
.hd-unit{font-size:12px;color:#777;margin-bottom:8px}.hd-stock{color:var(--green);font-weight:700;font-size:13px;margin-bottom:10px}
.hd-note{font-size:13px;line-height:1.7;color:#666;border-left:3px solid #e8e8e8;padding-left:12px}
.hd-quantity{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:16px;font-weight:600;font-size:13px}
.hd-qty-box{display:flex;border:1px solid #ddd}.hd-qty-box button{width:38px;height:40px;border:0;background:#fff;font-size:20px;cursor:pointer}.hd-qty-box input{width:54px;height:40px;border:0;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:15px}
.hd-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.hd-btn{border:1px solid #222;padding:13px 18px;border-radius:3px;font:inherit;font-weight:700;cursor:pointer;transition:.2s}.hd-btn-dark{background:#222;color:#fff}.hd-btn-dark:hover{background:var(--green);border-color:var(--green)}.hd-btn-green{background:var(--green);color:#fff;border-color:var(--green)}.hd-btn-green:hover{filter:brightness(.92)}.hd-btn-light{background:#fff;color:#222;border-color:#ddd}.hd-full{width:100%;margin-top:8px}
.hd-after-cart{font-size:12px;color:#777;margin-top:11px}
.hd-secondary{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.hd-secondary button{border:0;background:transparent;padding:0;font:inherit;color:#444;cursor:pointer;font-size:12px}.hd-secondary button:hover{color:var(--green)}
.hd-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-top:28px}.hd-tabs button{border:0;background:transparent;padding:13px 0;font:inherit;font-weight:700;color:#777;cursor:pointer;border-bottom:2px solid transparent}.hd-tabs button.active{color:#222;border-color:var(--green)}
.hd-tab-panel{display:none;padding:17px 0;color:#555;font-size:13px;line-height:1.8}.hd-tab-panel.active{display:block}
.hd-info-row{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #f0f0f0}.hd-info-row span{color:#777}.hd-info-row strong{text-align:right}
.hd-modal-close{position:absolute;right:14px;top:10px;border:0;background:#fff;color:#222;width:36px;height:36px;font-size:28px;line-height:1;cursor:pointer;z-index:10}.hd-modal-close:hover{background:#222;color:#fff}
.hd-drawer{position:absolute;right:0;top:0;height:100%;width:min(470px,100%);display:flex;flex-direction:column}.hd-drawer-head{padding:20px 50px 18px 22px;border-bottom:1px solid var(--line);position:relative}.hd-drawer-head h2{margin:0;font:700 24px Poppins,sans-serif}
.hd-cart-items{padding:10px 18px;overflow:auto;flex:1}.hd-cart-item{display:grid;grid-template-columns:68px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.hd-cart-item img{width:68px;height:68px;object-fit:contain;background:#f7f7f7;border:1px solid var(--line)}.hd-cart-item h4{margin:0 0 5px;font-size:13px;line-height:1.35}.hd-cart-meta{font-size:11px;color:#777}.hd-cart-price{font-weight:700;font-size:13px}.hd-cart-remove{border:0;background:transparent;color:#999;cursor:pointer;margin-top:5px}.hd-cart-bottom{border-top:1px solid var(--line);padding:16px 18px 20px}.hd-cart-line{display:flex;justify-content:space-between;gap:20px;padding:6px 0;font-size:13px}.hd-cart-total{display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:800;border-top:1px solid var(--line);margin-top:9px;padding-top:13px}
.hd-checkout-modal{width:min(1080px,100%);max-height:calc(100vh - 44px);overflow:auto;position:relative;padding:30px}.hd-checkout-head{text-align:center;padding:0 30px 22px}.hd-checkout-head h2{font:700 29px Poppins,sans-serif;margin:0 0 13px}.hd-steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.hd-steps span{border:1px solid #ddd;padding:7px 12px;font-size:11px;color:#777}.hd-steps .active{border-color:#222;color:#222;font-weight:700}
.hd-checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.hd-checkout-form{border:1px solid var(--line);padding:20px}.hd-checkout-form label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}.hd-checkout-form input,.hd-checkout-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #ddd;padding:11px 12px;font:inherit;background:#fff}.hd-form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hd-payment{border:1px solid var(--line);padding:12px 14px;margin:8px 0 15px}.hd-payment legend{font-size:12px;font-weight:700;padding:0 5px}.hd-payment label{font-weight:400;margin:7px 0}.hd-payment input{display:inline-block;width:auto;margin:0 7px 0 0}.hd-checkout-note{font-size:11px;color:#777;line-height:1.6}.hd-order-summary{border:1px solid var(--line);background:#fafafa;padding:20px;height:max-content}.hd-order-summary h3{margin:0 0 13px;font:700 20px Poppins,sans-serif}.hd-checkout-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e5e5e5;font-size:12px}.hd-order-success{text-align:center;border-top:1px solid var(--line);margin-top:22px;padding:36px 10px 10px}.hd-success-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#eaf7ef;color:var(--green);font-size:30px;font-weight:800}.hd-order-success h2{font:700 28px Poppins,sans-serif;margin:0 0 7px}
.hd-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:#222;color:#fff;padding:11px 16px;border-radius:3px;opacity:0;pointer-events:none;transition:.25s;z-index:10001;font-size:12px}.hd-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:860px){.hd-product-grid,.hd-checkout-grid{grid-template-columns:1fr}.hd-main-image,.hd-main-image img{min-height:320px;height:320px}.hd-product-modal,.hd-checkout-modal{max-height:calc(100vh - 22px)}.hd-product-grid{padding:24px}.hd-checkout-modal{padding:22px 16px}}
@media(max-width:520px){.hd-overlay{padding:0}.hd-product-modal,.hd-checkout-modal,.hd-drawer{width:100%;max-height:100vh;height:100%;border:0}.hd-summary h2{font-size:25px}.hd-actions{grid-template-columns:1fr}.hd-checkout-head{padding-left:0;padding-right:0}.hd-form-two{grid-template-columns:1fr}.hd-product-grid{gap:20px}}
body.hd-lock{overflow:hidden}
