/* HPDC Smart Product — auto layout (v1.4) */
:root{
  --hpdc-navy:#0d2e4e;
  --hpdc-teal:#1aa39a;
  --hpdc-leaf:#3fb96a;
  --hpdc-bg:#fbfdfc;
  --hpdc-ink:#0d2e4e;
  --hpdc-muted:#6b7c8e;
  --hpdc-border:#e3eaef;
  --hpdc-radius:16px;
  --hpdc-shadow:0 20px 50px -25px rgba(13,46,78,.18);
  --hpdc-container:1200px;
  --hpdc-promo-bg:#e6f7f5;
  --hpdc-promo-fg:#0d2e4e;
  --hpdc-promo-accent:#1aa39a;
}
.hpdc-sp{font-family:'Manrope',system-ui,sans-serif;color:var(--hpdc-ink);background:var(--hpdc-bg);}
.hpdc-sp h1,.hpdc-sp h2,.hpdc-sp h3{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.02em;color:var(--hpdc-navy);}
.hpdc-container{max-width:var(--hpdc-container);margin:0 auto;padding:0 24px;}

/* PROMO BAR */
.hpdc-promo-bar{
  display:flex;align-items:center;gap:14px;
  background:var(--hpdc-promo-bg);color:var(--hpdc-promo-fg);
  padding:14px 18px;border-radius:14px;
  font-size:15px;line-height:1.4;margin:0 0 20px;
}
.hpdc-promo-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;background:rgba(255,255,255,.6);border-radius:50%;font-size:18px;flex:0 0 auto;
}
.hpdc-promo-count{color:var(--hpdc-promo-accent);font-weight:700;margin:0 4px;}

/* HERO */
.hpdc-hero{position:relative;overflow:hidden;padding:64px 0 80px;}
.hpdc-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(40px) saturate(1.2);opacity:.35;transform:scale(1.1);}
.hpdc-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(235,247,245,.85));}
.hpdc-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.hpdc-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hpdc-teal);margin-bottom:16px;}
.hpdc-title{font-size:clamp(28px,5vw,56px);line-height:1.05;margin:0 0 16px;}
.hpdc-tagline{font-size:18px;color:var(--hpdc-muted);max-width:520px;line-height:1.6;}
.hpdc-stars{margin-top:20px;color:#f5b400;font-size:18px;}
.hpdc-stars-meta{color:var(--hpdc-muted);font-size:14px;margin-left:8px;}
.hpdc-hero-image img{width:100%;border-radius:24px;box-shadow:var(--hpdc-shadow);}

/* BUY */
.hpdc-buy{padding:32px 0 48px;}
.hpdc-buy-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.hpdc-gallery-main{position:relative;}
.hpdc-gallery-main img{width:100%;border-radius:var(--hpdc-radius);background:#fff;box-shadow:var(--hpdc-shadow);cursor:zoom-in;}
.hpdc-gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;}
.hpdc-thumb{aspect-ratio:1/1;border-radius:10px;border:2px solid transparent;overflow:hidden;cursor:pointer;background:#fff;padding:0;}
.hpdc-thumb img{width:100%;height:100%;object-fit:cover;}
.hpdc-thumb.is-active{border-color:var(--hpdc-teal);}

/* Grid mode */
.hpdc-gallery.is-grid .hpdc-gallery-main{display:none;}
.hpdc-gallery.is-grid .hpdc-gallery-thumbs{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:0;}
.hpdc-gallery.is-grid .hpdc-thumb{aspect-ratio:1/1;border-radius:14px;border:none;cursor:zoom-in;box-shadow:var(--hpdc-shadow);}

/* Slider mode */
.hpdc-gallery.is-slider .hpdc-gallery-main{display:none;}
.hpdc-gallery.is-slider .hpdc-gallery-thumbs{
  display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:8px;-webkit-overflow-scrolling:touch;
}
.hpdc-gallery.is-slider .hpdc-thumb{flex:0 0 85%;aspect-ratio:1/1;scroll-snap-align:start;border-radius:16px;border:none;}

/* Lightbox */
.hpdc-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;}
.hpdc-lightbox img{max-width:95%;max-height:95vh;border-radius:8px;}
.hpdc-lightbox-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;}

.hpdc-cat{font-size:13px;color:var(--hpdc-teal);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;}
.hpdc-prod-name{font-size:32px;margin:0 0 16px;}
.hpdc-price{font-size:28px;color:var(--hpdc-navy);font-weight:600;margin-bottom:8px;}
.hpdc-price ins{text-decoration:none;}
.hpdc-price del{color:var(--hpdc-muted);font-size:18px;margin-right:8px;}
.hpdc-availability{font-size:14px;font-weight:600;margin-bottom:20px;}
.hpdc-availability.in{color:var(--hpdc-leaf);}
.hpdc-availability.out{color:#c0392b;}

.hpdc-badges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px;}
.hpdc-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--hpdc-border);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:500;}
.hpdc-badge-ico{font-size:14px;}

.hpdc-cart-wrap{background:#fff;border:1px solid var(--hpdc-border);border-radius:var(--hpdc-radius);padding:24px;box-shadow:var(--hpdc-shadow);}
.hpdc-cart-wrap .quantity input{height:48px;width:80px;border:1px solid var(--hpdc-border);border-radius:10px;padding:0 12px;font-size:16px;}
.hpdc-cart-wrap .variations{width:100%;margin-bottom:16px;}
.hpdc-cart-wrap .variations select{width:100%;height:48px;border:1px solid var(--hpdc-border);border-radius:10px;padding:0 12px;background:#fff;font-size:15px;}
.hpdc-cart-wrap .variations th{text-align:left;padding:8px 12px 8px 0;font-weight:600;color:var(--hpdc-navy);}
.hpdc-cart-wrap button.single_add_to_cart_button,
.hpdc-cart-wrap .single_add_to_cart_button{
  background:var(--hpdc-navy)!important;color:#fff!important;border:none!important;
  padding:16px 32px!important;border-radius:12px!important;font-size:16px!important;
  font-weight:600!important;letter-spacing:.02em;cursor:pointer;width:100%;margin-top:12px;
  transition:background .2s;
}
.hpdc-cart-wrap .single_add_to_cart_button:hover{background:#0a2540!important;}
.hpdc-meta{margin-top:20px;font-size:14px;color:var(--hpdc-muted);}
.hpdc-meta div{margin:4px 0;}
.hpdc-meta a{color:var(--hpdc-teal);text-decoration:none;}

/* TABS */
.hpdc-tabs-section{padding:48px 0;background:#fff;border-top:1px solid var(--hpdc-border);}
.hpdc-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--hpdc-border);margin-bottom:32px;overflow-x:auto;}
.hpdc-tab{background:transparent;border:none;padding:14px 20px;font-size:15px;font-weight:600;color:var(--hpdc-muted);cursor:pointer;border-bottom:3px solid transparent;font-family:inherit;white-space:nowrap;}
.hpdc-tab.is-active{color:var(--hpdc-navy);border-bottom-color:var(--hpdc-teal);}
.hpdc-panel{display:none;font-size:16px;line-height:1.75;color:#2a3a4a;}
.hpdc-panel.is-active{display:block;}
.hpdc-panel h2,.hpdc-panel h3{margin-top:24px;}
.hpdc-panel table{width:100%;border-collapse:collapse;}
.hpdc-panel table th,.hpdc-panel table td{padding:12px;border-bottom:1px solid var(--hpdc-border);text-align:left;}

/* RELATED */
.hpdc-related{padding:64px 0;background:var(--hpdc-bg);}
.hpdc-related h2{font-size:32px;margin-bottom:24px;}

/* RESPONSIVE — mobile first refinements */
@media (max-width: 860px){
  .hpdc-container{padding:0 16px;}
  .hpdc-hero-grid,.hpdc-buy-grid{grid-template-columns:1fr;gap:28px;}
  .hpdc-hero{padding:32px 0 40px;}
  .hpdc-prod-name{font-size:24px;}
  .hpdc-price{font-size:24px;}
  .hpdc-promo-bar{font-size:14px;padding:12px 14px;gap:10px;}
  .hpdc-promo-ico{width:30px;height:30px;font-size:16px;}
  .hpdc-cart-wrap{padding:18px;}
  .hpdc-tab{padding:12px 14px;font-size:14px;}
}
@media (max-width: 480px){
  .hpdc-gallery-thumbs{grid-template-columns:repeat(4,1fr);gap:6px;}
  .hpdc-title{font-size:26px;}
}