/* ==========================================================================
   HM Web Studio | Advait Single Product Page  v2.0
   Woostify single-product ko Advait ke reference design jaisa skin deta hai
   (pill buttons, rounded gallery, service strip, italic "You May Also Like").
   Sirf product page par load hota hai (plugin enqueue). Sab kuch body.single-product ke andar.

   EDIT GUIDE (naye coder ke liye):
   - Colors / corners / fonts   -> section 1 ke --hmxp-* variables
   - "Incl. GST" hatana         -> --hmxp-tax:"" 
   - Gallery / thumbnails       -> section 3 (Woostify ka vertical-style hi use hota hai, hum sirf skin dete hain)
   - Title/price/badge/rating   -> section 4;  Qty + buttons + wishlist -> section 5
   - Variation buttons          -> section 6 (JS product.js unhe banata hai)
   - Customise Now + upload     -> section 7;  Highlights / Service / Trust strips -> 8, 9
   - Tabs -> 10;  Related + Recently viewed -> 11
   ========================================================================== */

/* ===== 1. VARIABLES ===== */
body.single-product{
  --hmxp-bg:#fbf5f0;            /* page background (cream) */
  --hmxp-card:#fff;
  --hmxp-ink:#241a1a;           /* main text */
  --hmxp-muted:#6f625c;         /* secondary text */
  --hmxp-line:#e6d9cd;          /* borders / dividers */
  --hmxp-accent:#6b1022;        /* burgundy */
  --hmxp-accent-dark:#4a1018;   /* dark burgundy (main buttons) */
  --hmxp-radius:16px;           /* images / boxes */
  --hmxp-pill:999px;            /* buttons / options (999px = pill; 8px = halke round) */
  --hmxp-tax:"Incl. GST";       /* price ke baad ka text; "" = hata do */
  --hmxp-head:'Playfair Display',Georgia,serif;
  --hmxp-ui:'Jost',system-ui,-apple-system,sans-serif;
}

/* ===== 2. PAGE BASE ===== */
/* Woostify ke kai wrappers apna grey background lagate hain -> sab par cream */
body.single-product,
body.single-product #page,
body.single-product #content,
body.single-product .site-content,
body.single-product .content-top,
body.single-product #primary,
body.single-product .site-main,
body.single-product .product-page-container,
body.single-product div.product,
body.single-product .woostify-container{background-color:var(--hmxp-bg)!important}
body.single-product .product-page-container{font-family:var(--hmxp-ui);color:var(--hmxp-ink)}
body.single-product .product-page-container *,
body.single-product .product-page-container *::before,
body.single-product .product-page-container *::after{box-sizing:border-box}
body.single-product .woostify-breadcrumb,
body.single-product .woostify-breadcrumb a{font-family:var(--hmxp-ui);color:var(--hmxp-accent);font-size:14px}
body.single-product .woostify-breadcrumb .delimiter{color:var(--hmxp-muted)}

/* ===== 3. GALLERY (Woostify ke apne layout par sirf skin: thumbnails left, main image rounded) ===== */
body.single-product .product-gallery,
body.single-product .product-gallery > *{min-width:0}
body.single-product .product-gallery img{max-width:100%}
body.single-product .product-gallery .product-images-container{background:#efe8e1;border-radius:var(--hmxp-radius);overflow:hidden}
body.single-product .product-gallery .image-item img{border-radius:0}
body.single-product .product-thumbnail-images .thumbnail-item{border:1.5px solid transparent;border-radius:10px;overflow:hidden;background:#efe8e1;opacity:1;transition:border-color .2s}
body.single-product .product-thumbnail-images .thumbnail-item img{border-radius:8px;display:block}
body.single-product .product-thumbnail-images .thumbnail-item:hover,
body.single-product .product-thumbnail-images .thumbnail-item.is-nav-selected,
body.single-product .product-thumbnail-images .thumbnail-item.is-selected,
body.single-product .product-thumbnail-images .thumbnail-item.current,
body.single-product .product-thumbnail-images .thumbnail-item.active{border-color:var(--hmxp-accent-dark)}
body.single-product .product-images .flickity-button{background:#fff;color:var(--hmxp-ink);border-radius:50%;box-shadow:0 2px 10px rgba(36,26,26,.14)}
body.single-product .photoswipe-toggle-button{background:#fff;color:var(--hmxp-ink);border-radius:10px;box-shadow:0 2px 10px rgba(36,26,26,.14)}

/* ===== 4. SUMMARY: badge, title, price, rating, text ===== */
body.single-product .hmxp-badge{display:inline-block;margin:0 0 12px;padding:6px 14px;border-radius:var(--hmxp-pill);background:#f7e1dd;color:#9a2b2b;font:500 13px/1 var(--hmxp-ui)}
body.single-product .product-summary .product_title,
body.single-product .product-summary .product_title a{
  font:500 clamp(30px,3.2vw,46px)/1.12 var(--hmxp-head);letter-spacing:-.01em;color:var(--hmxp-ink);margin:0 0 10px;text-decoration:none}
body.single-product .product-summary p.price{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 10px;
  font:600 clamp(22px,2vw,28px)/1.1 var(--hmxp-ui);color:var(--hmxp-ink)}
body.single-product .product-summary p.price del{font-size:.62em;color:var(--hmxp-muted);font-weight:400}
body.single-product .product-summary p.price ins{text-decoration:none;color:var(--hmxp-accent)}
body.single-product .product-summary p.price::after{content:var(--hmxp-tax);font:400 14px var(--hmxp-ui);color:var(--hmxp-muted)}
body.single-product .woocommerce-product-rating{display:flex;align-items:center;gap:10px;margin:0 0 14px}
body.single-product .woocommerce-product-rating .star-rating{color:#f0a92b;margin:0}
body.single-product .woocommerce-product-rating .woocommerce-review-link{font:500 14px var(--hmxp-ui);color:var(--hmxp-ink);text-decoration:none}
body.single-product .woocommerce-product-details__short-description{font:400 15px/1.65 var(--hmxp-ui);color:#4b3f3b;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--hmxp-line)}
body.single-product .woocommerce-product-details__short-description p{margin:0}

/* ===== 5. FORM: quantity + buttons + wishlist ===== */
body.single-product form.cart{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:0 0 6px}
body.single-product form.cart .hmxp-custom,
body.single-product form.cart table.variations,
body.single-product form.cart .single_variation_wrap,
body.single-product form.cart .woocommerce-variation-add-to-cart{flex:0 0 100%;max-width:100%}
body.single-product .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
body.single-product .woocommerce-variation-add-to-cart .hmxp-custom{flex:0 0 100%}

/* Quantity: upar "Quantity" label, neeche pill */
body.single-product form.cart .quantity{position:relative;flex:0 0 100%;display:flex;align-items:center;width:112px;max-width:112px;height:44px;margin:28px 0 2px;border:1px solid #d8c7b9;background:transparent;border-radius:var(--hmxp-pill)}
body.single-product form.cart .quantity::before{content:"Quantity";position:absolute;left:0;top:-26px;font:500 15px/1 var(--hmxp-ui);color:var(--hmxp-ink)}
body.single-product form.cart .quantity .qty{flex:1;min-width:0;width:auto;border:0;background:transparent;text-align:center;font:500 16px var(--hmxp-ui);color:var(--hmxp-ink);padding:0;height:100%;box-shadow:none;-moz-appearance:textfield}
body.single-product form.cart .quantity .product-qty{display:inline-flex;align-items:center;justify-content:center;width:34px;height:100%;cursor:pointer;color:var(--hmxp-ink)}
body.single-product form.cart .quantity .product-qty:hover{color:var(--hmxp-accent)}

/* Add to Cart = dark burgundy pill + cart icon, Buy Now = outline pill (dono full width) */
body.single-product form.cart .single_add_to_cart_button{
  flex:0 0 100%;display:flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;margin:0;border-radius:var(--hmxp-pill);
  font:500 16px/1 var(--hmxp-ui);letter-spacing:0;text-transform:none;
  background:var(--hmxp-accent-dark);color:#fff;border:1.5px solid var(--hmxp-accent-dark);transition:background .25s,color .25s,border-color .25s}
body.single-product form.cart .single_add_to_cart_button:not(.woostify-buy-now)::before{
  content:"";width:20px;height:20px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 10.200a1 1 0 0 0 1 .8h8.400a1 1 0 0 0 1-.8L20 8H6'/%3E%3Ccircle cx='9.500' cy='19' r='1.200'/%3E%3Ccircle cx='17' cy='19' r='1.200'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 10.200a1 1 0 0 0 1 .8h8.400a1 1 0 0 0 1-.8L20 8H6'/%3E%3Ccircle cx='9.500' cy='19' r='1.200'/%3E%3Ccircle cx='17' cy='19' r='1.200'/%3E%3C/svg%3E") center/contain no-repeat}
body.single-product form.cart .single_add_to_cart_button:hover{background:var(--hmxp-accent);border-color:var(--hmxp-accent);color:#fff}
body.single-product form.cart .woostify-buy-now{background:#f6ede5;color:var(--hmxp-accent-dark);border-color:#d2bfb1}
body.single-product form.cart .woostify-buy-now:hover{background:var(--hmxp-accent-dark);border-color:var(--hmxp-accent-dark);color:#fff}
body.single-product form.cart .single_add_to_cart_button.disabled,
body.single-product form.cart .single_add_to_cart_button:disabled{opacity:.45;cursor:not-allowed}

/* Wishlist: plugin ka button text-link jaisa ("♡ Add to Wishlist") */
body.single-product form.cart .tinv-wraper{order:9;flex:0 0 100%;margin:2px 0 0;padding:0}
body.single-product form.cart a.tinvwl_add_to_wishlist_button{display:inline-flex;align-items:center;gap:10px;width:auto;height:auto;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;color:var(--hmxp-ink);font:400 15px var(--hmxp-ui)}
body.single-product form.cart a.tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text,
body.single-product form.cart a.tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist_text{display:inline!important}
body.single-product form.cart a.tinvwl_add_to_wishlist_button:hover{color:var(--hmxp-accent)}
body.single-product form.cart .tinvwl-tooltip{display:none!important}

body.single-product .product_meta{font:400 14px/1.9 var(--hmxp-ui);color:var(--hmxp-ink);border-top:1px solid var(--hmxp-line);padding-top:14px;margin-top:6px}
body.single-product .product_meta > span{display:block}
body.single-product .product_meta a{color:var(--hmxp-accent);text-decoration:none}
body.single-product .product_meta a:hover{text-decoration:underline}

/* ===== 6. VARIATION BUTTONS (JS: product.js) =====
   Asli <select> hidden rehta hai (WooCommerce usi se kaam karta hai); buttons uske upar ek skin hain. */
body.single-product table.variations{border:0;margin:0 0 4px;width:100%}
body.single-product table.variations tr{display:block;margin:0 0 16px}
body.single-product table.variations th,
body.single-product table.variations td{display:block;padding:0;border:0;background:transparent;text-align:left}
body.single-product table.variations th{margin-bottom:10px}
body.single-product table.variations th label{font:600 15px/1.2 var(--hmxp-ui);color:var(--hmxp-ink);margin:0}
body.single-product table.variations th .hmxp-sel{font-weight:400;color:var(--hmxp-accent)}   /* "Color: Rainbow" ka Rainbow */
body.single-product table.variations th .hmxp-sel i{font-style:normal;color:var(--hmxp-ink);font-weight:600}
body.single-product table.variations td{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.single-product table.variations select.hmxp-hidden-select{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}
body.single-product .hmxp-opts{display:flex;flex-wrap:wrap;gap:10px;flex:1}
body.single-product .hmxp-sizechart{display:inline-flex;align-items:center;gap:6px;font:400 14px var(--hmxp-ui);color:var(--hmxp-accent);white-space:nowrap}
body.single-product .hmxp-sizechart span{text-decoration:underline}
body.single-product .hmxp-opt{
  min-width:48px;height:36px;padding:0 16px;border:1px solid #d8c7b9;background:transparent;color:var(--hmxp-ink);
  font:400 14px/1 var(--hmxp-ui);border-radius:var(--hmxp-pill);cursor:pointer;transition:all .2s;box-shadow:none}
body.single-product .hmxp-opt:hover:not([disabled]){border-color:var(--hmxp-accent-dark)}
body.single-product .hmxp-opt[aria-pressed="true"]{background:var(--hmxp-accent-dark);border-color:var(--hmxp-accent-dark);color:#fff}
body.single-product .hmxp-opt[disabled]{opacity:.35;cursor:not-allowed;text-decoration:line-through}
/* color swatch: gol rang ka dot, chuna hua = bahar ring */
body.single-product .hmxp-opt.hmxp-swatch{width:34px;min-width:34px;height:34px;padding:0;border-radius:50%;background:var(--sw,#ccc);position:relative;border:1px solid rgba(0,0,0,.12)}
body.single-product .hmxp-opt.hmxp-swatch[aria-pressed="true"]{background:var(--sw,#ccc);border-color:rgba(0,0,0,.12);box-shadow:0 0 0 2px var(--hmxp-bg),0 0 0 3.5px var(--hmxp-accent-dark)}
body.single-product .hmxp-opt.hmxp-swatch span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.single-product .reset_variations{display:inline-block;margin-top:6px;font:400 13px var(--hmxp-ui);color:var(--hmxp-muted);text-decoration:underline}
body.single-product .single_variation .price{font:600 20px var(--hmxp-ui);color:var(--hmxp-ink)}

/* ===== 7. CUSTOMISE NOW button + CUSTOMIZE BLOCK (photo upload + placement) ===== */
.hmxp-cta{order:-2;flex:0 0 100%;display:flex;align-items:center;justify-content:center;gap:12px;height:52px;border:0;border-radius:var(--hmxp-pill);background:var(--hmxp-accent-dark);color:#fff;cursor:pointer;font:500 17px/1 var(--hmxp-ui);transition:background .25s}
.hmxp-cta:hover{background:var(--hmxp-accent)}
.hmxp-cta-arrow{transition:transform .25s}
.hmxp-cta.is-open .hmxp-cta-arrow{transform:rotate(90deg)}
.hmxp-custom{order:-1} /* Customise Now + panel hamesha quantity/Add to Cart row se upar */
.hmxp-custom.is-collapsed{display:none}
body.single-product form.cart .hmxp-cta{width:100%}
/* jab Customise Now hai to Add to Cart / Buy Now thode halke: Customise Now hi main action */
body.hmxp-customize form.cart .single_add_to_cart_button:not(.woostify-buy-now){background:transparent;color:var(--hmxp-accent-dark)}
body.hmxp-customize form.cart .single_add_to_cart_button:not(.woostify-buy-now):hover{background:var(--hmxp-accent-dark);color:#fff}

.hmxp-custom{display:grid;gap:22px;margin:2px 0 4px;padding:22px;background:#fff;border:1px solid var(--hmxp-line);border-radius:var(--hmxp-radius);font-family:var(--hmxp-ui)}
.hmxp-custom fieldset{border:0;margin:0;padding:0;min-width:0}
.hmxp-h{display:block;margin:0 0 10px;padding:0;font:600 15px/1.2 var(--hmxp-ui);color:var(--hmxp-ink)}
.hmxp-h em{color:var(--hmxp-accent);font-style:normal}
.hmxp-h small{color:var(--hmxp-muted);font-weight:400}
.hmxp-hint{display:block;margin-top:10px;color:var(--hmxp-muted);font-size:13px}

.hmxp-drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:112px;padding:16px;border:1.5px dashed #c9b3a4;background:var(--hmxp-bg);border-radius:12px;cursor:pointer;text-align:center;transition:border-color .2s,background .2s}
.hmxp-drop:hover,.hmxp-drop.is-drag{border-color:var(--hmxp-accent);background:#f6ebe3}
.hmxp-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.hmxp-drop-idle{display:grid;gap:4px;justify-items:center;color:var(--hmxp-accent)}
.hmxp-drop-idle b{font:500 15px var(--hmxp-ui);color:var(--hmxp-ink)}
.hmxp-drop-idle small{font:400 12.5px/1.4 var(--hmxp-ui);color:var(--hmxp-muted);max-width:34ch}
.hmxp-drop-done{display:flex;align-items:center;gap:14px;width:100%;text-align:left}
.hmxp-drop-done[hidden],.hmxp-drop-idle[hidden],.hmxp-err[hidden]{display:none}
.hmxp-thumb{width:64px;height:64px;object-fit:cover;border:1px solid var(--hmxp-line);border-radius:8px;flex:none}
.hmxp-file{display:grid;gap:3px;min-width:0;flex:1}
.hmxp-fname{font:500 14px var(--hmxp-ui);color:var(--hmxp-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hmxp-fsize{font:400 12.5px var(--hmxp-ui);color:var(--hmxp-muted)}
.hmxp-remove{position:relative;z-index:2;width:34px;height:34px;border:1px solid var(--hmxp-line);background:#fff;border-radius:50%;font-size:20px;line-height:1;color:var(--hmxp-ink);cursor:pointer;padding:0}
.hmxp-remove:hover{border-color:var(--hmxp-accent);color:var(--hmxp-accent)}
.hmxp-err{margin:8px 0 0;color:#b3261e;font:500 13.5px var(--hmxp-ui)}
.hmxp-custom.has-error .hmxp-drop{border-color:#b3261e}

.hmxp-place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hmxp-side{position:relative;cursor:pointer;display:block}
.hmxp-side input{position:absolute;opacity:0;pointer-events:none}
.hmxp-side-box{display:grid;justify-items:center;gap:6px;padding:12px 6px;border:1px solid var(--hmxp-line);background:var(--hmxp-bg);border-radius:12px;transition:all .2s;color:var(--hmxp-muted)}
.hmxp-side-box b{font:500 14px var(--hmxp-ui);color:var(--hmxp-ink)}
.hmxp-shirt{fill:#fff;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.hmxp-dot{fill:#d9c8bb;transition:fill .2s}
.hmxp-side:hover .hmxp-side-box{border-color:var(--hmxp-accent)}
.hmxp-side input:checked + .hmxp-side-box{border-color:var(--hmxp-accent);background:#fff;box-shadow:inset 0 0 0 1px var(--hmxp-accent);color:var(--hmxp-accent)}
.hmxp-side input:checked + .hmxp-side-box .hmxp-dot{fill:var(--hmxp-accent)}
.hmxp-side input:focus-visible + .hmxp-side-box{outline:2px solid var(--hmxp-accent);outline-offset:2px}
.hmxp-custom textarea{width:100%;min-height:64px;resize:vertical;padding:12px 14px;border:1px solid var(--hmxp-line);background:var(--hmxp-bg);border-radius:12px;font:400 15px/1.5 var(--hmxp-ui);color:var(--hmxp-ink);box-shadow:none}
.hmxp-custom textarea:focus{outline:0;border-color:var(--hmxp-accent)}

/* ===== 8. HIGHLIGHTS STRIP (price ke neeche, product me textarea se) + SERVICE STRIP (meta ke neeche) ===== */
.hmxp-highlights{list-style:none;margin:0 0 20px;padding:0 0 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-bottom:1px solid var(--hmxp-line)}
.hmxp-highlights li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;margin:0;padding:0;color:var(--hmxp-accent-dark)}
.hmxp-highlights svg{grid-row:1 / span 2}
.hmxp-highlights b{font:400 14px/1.25 var(--hmxp-ui);color:var(--hmxp-ink);align-self:end}
.hmxp-highlights small{font:400 14px/1.25 var(--hmxp-ui);color:var(--hmxp-ink);align-self:start}

.hmxp-service{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 18px}
.hmxp-service li{display:flex;align-items:center;gap:10px;margin:0;color:var(--hmxp-accent-dark)}
.hmxp-service li span{display:grid;gap:2px}
.hmxp-service b{font:600 13px/1.2 var(--hmxp-ui);color:var(--hmxp-ink)}
.hmxp-service small{font:400 12px/1.2 var(--hmxp-ui);color:var(--hmxp-muted)}

/* ===== 9. TRUST STRIP (sirf customize products, tabs se pehle) ===== */
.hmxp-trust{list-style:none;margin:40px 0 48px;padding:26px 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f4ebe2;border-radius:var(--hmxp-radius);clear:both;width:100%}
.hmxp-trust li{display:flex;align-items:center;gap:16px;margin:0;padding:0 26px;color:var(--hmxp-accent-dark)}
.hmxp-trust li + li{border-left:1px solid #dccbbd}
.hmxp-trust li span{display:grid;gap:3px}
.hmxp-trust b{font:500 17px/1.25 var(--hmxp-head);color:var(--hmxp-ink)}
.hmxp-trust small{font:400 14px/1.35 var(--hmxp-ui);color:var(--hmxp-muted)}

/* ===== 10. TABS ===== */
body.single-product .woocommerce-tabs{max-width:1180px;margin:0 auto 56px;padding:0 24px}
body.single-product .woocommerce-tabs ul.tabs{border:0;border-bottom:1px solid var(--hmxp-line);display:flex;gap:8px;padding:0;margin:0 0 26px;list-style:none}
body.single-product .woocommerce-tabs ul.tabs li{border:0;background:transparent;margin:0;padding:0}
body.single-product .woocommerce-tabs ul.tabs li a{display:block;padding:14px 30px;font:400 17px var(--hmxp-ui);color:var(--hmxp-ink);border-bottom:2px solid transparent;margin-bottom:-1px;text-transform:none;letter-spacing:0;text-decoration:none}
body.single-product .woocommerce-tabs ul.tabs li.active a{font-weight:600;color:var(--hmxp-accent-dark);border-bottom-color:var(--hmxp-accent-dark)}
body.single-product .woocommerce-tabs ul.tabs li a:hover{color:var(--hmxp-accent)}
body.single-product .woocommerce-tabs .panel{font:400 15px/1.75 var(--hmxp-ui);color:#3b302d;width:100%!important;max-width:100%!important;margin:0!important;padding:0 8px!important;text-align:left}
body.single-product .woocommerce-tabs .panel > h2:first-child{display:none}   /* "Description" dobara likha heading */
body.single-product .woocommerce-tabs .panel img{border-radius:var(--hmxp-radius);max-width:100%;height:auto}
body.single-product .sticky-add-to-cart-section{background:var(--hmxp-bg);border-top:1px solid var(--hmxp-line);font-family:var(--hmxp-ui)}
body.single-product .sticky-atc-button{background:var(--hmxp-accent-dark);color:#fff;border-radius:var(--hmxp-pill);font-family:var(--hmxp-ui)}

/* ===== 11. RELATED ("You May Also Like") + RECENTLY VIEWED ===== */
body.single-product section.related,
.hmxp-recent{max-width:1180px;margin:0 auto 64px;padding:0 24px;clear:both}
/* heading: italic Playfair burgundy + dono taraf line */
body.single-product section.related > h2,
.hmxp-sec-title{display:flex;align-items:center;justify-content:center;gap:28px;margin:0 0 34px;font:italic 500 clamp(26px,2.6vw,38px)/1.15 var(--hmxp-head);color:var(--hmxp-accent)}
body.single-product section.related > h2::before,body.single-product section.related > h2::after,
.hmxp-sec-title::before,.hmxp-sec-title::after{content:"";flex:0 1 70px;height:1px;background:var(--hmxp-accent-dark);opacity:.8}
body.single-product section.related ul.products,
.hmxp-recent ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
body.single-product section.related ul.products li.product,
.hmxp-recent ul.products li.product{width:auto!important;max-width:none;margin:0!important;float:none}
.hmxp-recent[hidden]{display:none}

/* Related/Recent cards: simple look (image + title + price), site-wide card skin ko yahin halka kiya.
   Site ke baaki cards (home page New Arrivals) waise hi rehte hain. */
body.single-product section.related li.product .product-loop-wrapper,
.hmxp-recent li.product .product-loop-wrapper{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
body.single-product section.related li.product .product-loop-image-wrapper,
.hmxp-recent li.product .product-loop-image-wrapper{border-radius:var(--hmxp-radius)!important;aspect-ratio:1/1.12}
body.single-product section.related li.product .product-quick-view-btn,
.hmxp-recent li.product .product-quick-view-btn,
body.single-product section.related li.product .loop-add-to-cart-btn,
.hmxp-recent li.product .loop-add-to-cart-btn{display:none!important}
body.single-product section.related li.product .product-loop-content,
.hmxp-recent li.product .product-loop-content{padding:14px 0 0!important;gap:6px;text-align:center!important}
body.single-product section.related li.product .woocommerce-loop-product__title,
.hmxp-recent li.product .woocommerce-loop-product__title{text-align:center!important;min-height:0!important;font:500 16px/1.3 var(--hmxp-ui)!important;color:var(--hmxp-ink)!important}
body.single-product section.related li.product .product-loop-meta .price,
.hmxp-recent li.product .product-loop-meta .price{justify-content:center;font:500 18px/1.2 var(--hmxp-ui)!important;color:var(--hmxp-ink)!important}
body.single-product section.related li.product .product-loop-meta .price ins,
.hmxp-recent li.product .product-loop-meta .price ins{color:var(--hmxp-accent)!important}
body.single-product section.related li.product .product-loop-meta .price::after,
.hmxp-recent li.product .product-loop-meta .price::after{display:none}

/* ===== 12. RESPONSIVE ===== */
@media (max-width:921px){
  .hmxp-trust{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
  .hmxp-trust li:nth-child(3){border-left:0}
  body.single-product section.related ul.products,.hmxp-recent ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media (max-width:560px){
  .hmxp-custom{padding:16px}
  .hmxp-highlights{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}
  .hmxp-trust{grid-template-columns:1fr;padding:18px 8px}
  .hmxp-trust li{padding:0 16px}.hmxp-trust li + li{border-left:0}
  .hmxp-service{justify-content:flex-start}
  body.single-product .woocommerce-tabs ul.tabs li a{padding:12px 16px}
}
@media (prefers-reduced-motion:reduce){body.single-product *{transition:none!important}}