—/* =====================================================================
   DHOLKI — Custom Single Product Template
   Uses the site-wide --dholki-* variables defined in dholki-header.css.
   All selectors prefixed "dholki-pd-" to avoid clashing with WooCommerce
   or Astra's own product CSS.
   ===================================================================== */

:root{
  --dholki-gold: #c99a3b;
}

.dholki-pd-wrap *{ box-sizing:border-box; }
.dholki-pd-wrap a{ text-decoration:none; color:inherit; }

.dholki-pd-wrap{
  padding:30px 60px 70px;
  font-family: var(--dholki-font-sans);
  color: var(--dholki-text);
  background: var(--dholki-cream);
}

.dholki-pd-breadcrumb{
  font-size:13px;
  color: var(--dholki-orange-dark);
  margin-bottom:24px;
}
.dholki-pd-breadcrumb a{ color: var(--dholki-orange-dark); }
.dholki-pd-breadcrumb .sep{ font-size:10px; margin:0 6px; color: var(--dholki-text-soft); }
.dholki-pd-breadcrumb .current{ color: var(--dholki-text-soft); }

.dholki-pd-grid{
  display:grid;
  grid-template-columns:110px 1fr 1fr;
  gap:24px;
  align-items:stretch;
}

/* Thumbnails - vertical slider (desktop) */
.dholki-pd-thumbs-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  height:100%;
}
.dholki-pd-thumb-nav{
  width:100%;
  height:26px;
  border:none;
  background: var(--dholki-cream-2);
  color: var(--dholki-orange);
  border-radius:8px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  flex-shrink:0;
}
.dholki-pd-thumb-nav:hover{ background: var(--dholki-orange); color:#fff; }
.dholki-pd-thumb-nav:disabled{ opacity:0.35; cursor:default; background: var(--dholki-cream-2); color: var(--dholki-orange); }
.dholki-pd-thumbs-viewport{
  width:100%;
  flex:1;
  min-height:0;
  overflow:hidden;
}
.dholki-pd-thumbs{
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:transform .25s ease;
      height: 600px;
}
.dholki-pd-thumb{
  width:100%;
  flex:0 0 auto;
  aspect-ratio:1/1;
  border-radius:10px;
  overflow:hidden;
  border:2px solid transparent;
  cursor:pointer;
  position:relative;
  background:#fff;
  padding:0;
}
.dholki-pd-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.dholki-pd-thumb.dholki-is-active{ border-color: var(--dholki-orange); }

/* Main gallery */
.dholki-pd-gallery{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
    width:100%;
  aspect-ratio:1/0.95;
}
@media (min-width:901px){
      .dholki-pd-gallery{ width:100%; height:650px; aspect-ratio:unset; }
      }
      .dholki-pd-gallery img{ width:100%; height:100%; object-fit:cover; display:block; }
.dholki-pd-sale-tag{
  position:absolute; top:16px; left:16px;
  background: var(--dholki-orange);
  color:#fff; font-size:12px; font-weight:600;
  padding:5px 14px; border-radius:14px; z-index:2;
}
.dholki-pd-wish-icon{
  position:absolute; top:16px; right:16px;
  width:38px; height:38px;
  background:#fff; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color: var(--dholki-text-soft);
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  z-index:2;
  transition:color .18s ease;
  border:none;
}
 
.dholki-pd-wish-icon.dholki-is-active{ color: var(--dholki-orange); }
.dholki-pd-nav-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  padding:0px;
  width:36px; height:36px;
  background:rgba(255,255,255,0.9);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color: var(--dholki-text);
  cursor:pointer; z-index:2; border:none; font-size:14px;
}
.dholki-pd-nav-arrow:hover{ background:#fff; color: var(--dholki-orange); }
.dholki-pd-nav-arrow.prev{ left:14px; }
.dholki-pd-nav-arrow.next{ right:14px; }

/* Info column */
.dholki-pd-info h1{
  font-family: var(--dholki-font-serif);
  color: var(--dholki-maroon);
  font-size:28px;
  margin:0 0 10px;
}
.dholki-pd-meta{ display:flex; align-items:center; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.dholki-pd-rating{ display:flex; align-items:center; gap:6px; font-size:13px; color: var(--dholki-gold); }
.dholki-pd-rating span{ color: var(--dholki-text-soft); }
.dholki-pd-stock{ display:flex; align-items:center; gap:6px; font-size:13px; color:#2e7d32; font-weight:600; }
.dholki-pd-stock.dholki-out-of-stock{ color:#b3261e; }
.dholki-pd-stock .dot{ width:8px; height:8px; border-radius:50%; background:currentColor; }

.dholki-pd-price-row{ display:flex; align-items:center; gap:12px; margin-bottom:18px; flex-wrap:wrap; }
.dholki-pd-price{ font-size:26px; font-weight:700; color: var(--dholki-maroon); }
.dholki-pd-price ins{ text-decoration:none; }
.dholki-pd-price del{ font-size:16px; color: var(--dholki-text-soft); font-weight:400; margin-right:4px; }
.dholki-pd-off-tag{
  background: var(--dholki-cream-2); color: var(--dholki-orange);
  font-size:12px; font-weight:700; padding:4px 12px; border-radius:14px;
}

.dholki-pd-desc{ color: var(--dholki-text-soft); font-size:13.5px; line-height:1.7; margin:0 0 22px; max-width:520px; }
.dholki-pd-desc p{ margin:0 0 10px; }

.dholki-pd-features{ display:flex; gap:28px; flex-wrap:wrap; margin-bottom:24px; }
.dholki-pd-features .feat{ display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color: var(--dholki-text); }
.dholki-pd-features .feat i{ color: var(--dholki-orange); font-size:17px; }

/* ---- Buy row: skins WooCommerce's native cart form to match design ---- */
.dholki-pd-buy-row{ display:flex; align-items:center; gap:14px; margin-bottom:22px; flex-wrap:wrap; }
.dholki-pd-buy-row form.cart{ display:flex; align-items:center; gap:14px; flex:1; flex-wrap:wrap; margin:0; }
.dholki-pd-buy-row .quantity{
  display:flex; align-items:center;
  border:1px solid var(--dholki-border);
  border-radius:24px; overflow:hidden;
}
.dholki-pd-buy-row .dholki-qty-btn{
  width:38px; height:42px; border:none; background:#fff;
  font-size:16px; color: var(--dholki-text); cursor:pointer;
  flex-shrink:0;
}
.dholki-pd-buy-row .dholki-qty-btn:hover{ background: var(--dholki-cream-2); color: var(--dholki-orange); }
.dholki-pd-buy-row .quantity input.qty{
  width:34px; text-align:center; font-weight:600; font-size:14px;
  border:none; padding:0; height:42px; -moz-appearance:textfield;
}
.dholki-pd-buy-row .quantity input.qty::-webkit-outer-spin-button,
.dholki-pd-buy-row .quantity input.qty::-webkit-inner-spin-button{
  -webkit-appearance:none; margin:0;
}
.dholki-pd-buy-row .single_add_to_cart_button{
  flex:1;
  background: var(--dholki-orange) !important;
  color:#fff !important;
  border:none;
  padding:13px 22px;
  border-radius:24px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-width:160px;
}
.dholki-pd-buy-row .single_add_to_cart_button:hover{ background: var(--dholki-orange-dark) !important; }
.dholki-pd-buy-row .single_add_to_cart_button.added::after{ content:" \2713"; }
.dholki-pd-wish-btn{
  width:46px; height:46px; border-radius:50%;
  border:1px solid var(--dholki-border);
  background:#fff; color: var(--dholki-text-soft);
  display:flex; align-items:center; justify-content:center;
  padding: 0px;
  cursor:pointer; flex-shrink:0;
  transition:color .18s ease, border-color .18s ease;
}
.dholki-pd-wish-btn.dholki-is-active{ color: var(--dholki-orange); border-color: var(--dholki-orange); }

.dholki-pd-delivery-bar{
  display:flex; gap:0;
  background: var(--dholki-cream-2);
  border-radius:14px; padding:18px 20px; margin-bottom:20px;
}
.dholki-pd-delivery-bar .d-item{
  flex:1; display:flex; align-items:center; gap:10px;
  font-size:12.5px; color: var(--dholki-text); font-weight:600;
  border-right:1px solid rgba(122,31,43,0.1); padding-right:12px;
}
.dholki-pd-delivery-bar .d-item:last-child{ border-right:none; }
.dholki-pd-delivery-bar .d-item i{ color: var(--dholki-orange); font-size:18px; }
.dholki-pd-delivery-bar .d-item small{ display:block; font-weight:400; color: var(--dholki-text-soft); font-size:11px; margin-top:2px; }

.dholki-pd-share{ display:flex; align-items:center; gap:12px; font-size:13px; color: var(--dholki-text); font-weight:600; }
.dholki-pd-share .share-icons{ display:flex; gap:10px; }
.dholki-pd-share .share-icons a{
  width:32px; height:32px; border-radius:50%;
  background: var(--dholki-cream-2); color: var(--dholki-maroon);
  display:flex; align-items:center; justify-content:center;
  font-size:13px; transition:background .18s ease, color .18s ease;
}
.dholki-pd-share .share-icons a:hover{ background: var(--dholki-orange); color:#fff; }

/* ===== PRODUCT TABS / ACCORDION SECTION ===== */
/*.dholki-pd-details{ margin-top:50px; }*/ 
.dholki-pd-tabs-bar{
  display:flex; gap:8px;
  border-bottom:1px solid var(--dholki-border);
  margin-bottom:28px;
  overflow-x:auto;
}
.dholki-pd-tab-btn{
  background:none; border:none;
  padding:14px 18px; font-size:14px; font-weight:600;
  color: var(--dholki-text-soft); cursor:pointer;
  position:relative; white-space:nowrap;
}
.dholki-pd-tab-btn,
.dholki-pd-tab-btn:focus,
.dholki-pd-tab-btn:hover,
.dholki-pd-tab-btn:active{ background:none !important; outline:none; box-shadow:none; }
.dholki-pd-tab-btn:focus-visible{ color: var(--dholki-orange) !important; outline: 2px solid var(--dholki-orange); outline-offset:2px; }
.dholki-pd-tab-btn:hover:not(.dholki-is-active),
.dholki-pd-tab-btn:focus:not(.dholki-is-active){ color: var(--dholki-text) !important; }
.dholki-pd-tab-btn.dholki-is-active{ color: var(--dholki-orange); }
.dholki-pd-tab-btn.dholki-is-active::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background: var(--dholki-orange);
}
.dholki-pd-tab-btn:hover:not(.dholki-is-active){ color: var(--dholki-text); }
.dholki-pd-tab-chevron{ display:none; margin-left:auto; font-size:12px; transition:transform .2s ease; }

.dholki-pd-tab-panel{ display:none; }
.dholki-pd-tab-panel.dholki-is-active{ display:block; animation:dholkiFadeIn .25s ease; }
@keyframes dholkiFadeIn{ from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:translateY(0);} }

.dholki-pd-desc-grid{ display:grid; grid-template-columns:1.3fr 0.9fr 1fr; gap:26px; align-items:self-start; }
.dholki-pd-desc-col h3{ font-family: var(--dholki-font-serif); color: var(--dholki-maroon); font-size:19px; margin:0 0 14px; }
.dholki-pd-desc-col p{ color: var(--dholki-text-soft); font-size:13.5px; line-height:1.75; margin:0 0 22px; }
.dholki-pd-desc-content{ max-height:250px; overflow:hidden; transition:max-height .3s ease; position:relative; }
.dholki-pd-desc-content.dholki-is-expanded{ max-height:3000px; }

.dholki-pd-desc-content h2,
.dholki-pd-desc-content h3,
.dholki-pd-desc-content h4,
.dholki-pd-desc-content h5,
.dholki-pd-desc-content h6{
	font-family: var(--dholki-font-serif);
	color: var(--dholki-maroon);
	font-weight:600;
	line-height:1.3;
	margin:26px 0 10px;
}
.dholki-pd-desc-content h2:first-child,
.dholki-pd-desc-content h3:first-child,
.dholki-pd-desc-content h4:first-child,
.dholki-pd-desc-content h5:first-child,
.dholki-pd-desc-content h6:first-child{ margin-top:0; }
.dholki-pd-desc-content h2{ font-size:22px; }
.dholki-pd-desc-content h3{ font-size:19px; }
.dholki-pd-desc-content h4{ font-size:17px; }
.dholki-pd-desc-content h5{ font-size:15.5px; }
.dholki-pd-desc-content h6{ font-size:14px; text-transform:uppercase; letter-spacing:.03em; }
.dholki-pd-desc-readmore{ display:inline-flex; align-items:center; gap:6px; background:none; border:none; color: var(--dholki-orange); font-size:13px; font-weight:600; padding:0; margin:4px 0 22px; cursor:pointer; }
.dholki-pd-desc-readmore i{ font-size:11px; transition:transform .2s ease; }
.dholki-pd-desc-readmore.dholki-is-expanded i{ transform:rotate(180deg); }
.dholki-pd-desc-readmore:hover, .dholki-pd-desc-readmore:focus, .dholki-pd-desc-readmore:active, .dholki-pd-desc-readmore:focus-visible{ background:none; border:none; outline:none; box-shadow:none; color: var(--dholki-orange); }
.dholki-pd-key-features h4{ font-size:15px; color: var(--dholki-text); margin:0 0 14px; }
.dholki-pd-key-features ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.dholki-pd-key-features li{ display:flex; align-items:flex-start; gap:10px; font-size:13.5px; color: var(--dholki-text); }
.dholki-pd-key-features li i{
  color:#fff; background: var(--dholki-orange); width:16px; height:16px; border-radius:50%;
  font-size:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px;
}

.dholki-pd-feat-cards{ background: var(--dholki-cream-2); border-radius:16px; padding:22px; display:flex; flex-direction:column; gap:20px; justify-content:center; }
.dholki-pd-feat-card{ display:flex; align-items:center; gap:14px; }
.dholki-pd-feat-card .feat-icon{
  width:44px; height:44px; border-radius:50%; background:#fff;
  display:flex; align-items:center; justify-content:center; color: var(--dholki-orange); font-size:17px; flex-shrink:0;
}
.dholki-pd-feat-card .feat-text strong{ display:block; font-size:13.5px; color: var(--dholki-text); margin-bottom:2px; }
.dholki-pd-feat-card .feat-text span{ font-size:12px; color: var(--dholki-text-soft); }

.dholki-pd-desc-image{ position:relative; border-radius:16px; overflow:hidden; min-height:280px; }
.dholki-pd-desc-image img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; inset:0; }
.dholki-pd-desc-image .overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 100%); }
.dholki-pd-desc-image .dholki-pd-desc-quote{
  position:absolute; left:22px; right:22px; bottom:22px;
}
.dholki-pd-desc-image .quote{
  color:#fff;
  font-family: var(--dholki-font-serif); font-size:19px; line-height:1.4;
}
.dholki-pd-desc-image .quote::after{ content:''; display:block; width:60px; height:2px; background:rgba(255,255,255,0.6); margin-top:12px; }
.dholki-pd-desc-image .quote-desc{
  color:rgba(255,255,255,0.88); font-size:13.5px; line-height:1.6; margin-top:12px; max-width:460px;
}

.dholki-pd-simple-panel{ color: var(--dholki-text-soft); font-size:13.5px; line-height:1.8; max-width:100%; }
.dholki-pd-specs-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
	gap:14px;
	margin-top:6px;
}
.dholki-pd-specs-row{
	    background: #FEF7F5;
	border:1px solid var(--dholki-border);
	border-radius:10px;
	padding:12px 16px;
	display:flex;
	flex-direction:column;
	gap:4px;
}
.dholki-pd-specs-label{ font-family: var(--dholki-font-sans); color: var(--dholki-maroon); font-weight:600; font-size:13px; }
.dholki-pd-specs-value{ color: var(--dholki-text-soft); font-size:13.5px; }
@media (max-width:600px){
	.dholki-pd-specs-grid{ grid-template-columns:1fr; }
}
.dholki-pd-reviews-summary{ display:flex; align-items:center; gap:10px; margin-bottom:16px; font-size:14px; }
.dholki-pd-reviews-summary strong{ color: var(--dholki-maroon); font-size:20px; }

/* ===== RELATED / RECENTLY VIEWED — horizontal scroll-snap carousels ===== */
.dholki-related-section,
.dholki-recently-section{ padding:40px 60px 10px; position:relative; }
/* Recently Viewed is populated client-side (localStorage + Store API) and
   stays hidden until JS confirms there is at least one product to show. */
.dholki-recently-section{ display:none; }
.dholki-recently-section.dholki-is-visible{ display:block; }
.dholki-related-header h2,
.dholki-recently-header h2{ font-family: var(--dholki-font-serif); color: var(--dholki-maroon); font-size:24px; margin:0 0 6px; }
.dholki-related-header p,
.dholki-recently-header p{ color: var(--dholki-text-soft); font-size:13.5px; margin:0 0 26px; }

.dholki-carousel{ position:relative; }
.dholki-carousel-track{
  display:flex; gap:20px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  padding-bottom:4px;
  -ms-overflow-style:none; scrollbar-width:none;
}
.dholki-carousel-track::-webkit-scrollbar{ display:none; }
.dholki-carousel-card{
  flex:0 0 calc(20% - 16px);
  scroll-snap-align:start;
  background:#fff;
  border:1px solid var(--dholki-border);
  border-radius:14px;
  overflow:hidden;
}
.dholki-carousel-card .rc-media{ position:relative; aspect-ratio:1/0.85; overflow:hidden; }
.dholki-carousel-card .rc-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.dholki-carousel-card .rc-tag{
  position:absolute; top:10px; left:10px; background: var(--dholki-orange); color:#fff;
  font-size:10.5px; font-weight:600; padding:3px 10px; border-radius:12px; z-index:1;
}
.dholki-carousel-card .rc-wish{
  position:absolute; top:10px; right:10px; width:35px; height:35px; background:#fff; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color: var(--dholki-text-soft); font-size:13px;
  cursor:pointer; box-shadow:0 3px 8px rgba(0,0,0,.12); transition:color .18s ease; border:none;
  padding: 0px;
}
.dholki-carousel-card .rc-wish.dholki-is-active{ color: var(--dholki-orange); }
.dholki-carousel-card .rc-body{ padding:12px 14px 16px; }
.dholki-carousel-card .rc-body h4{ margin:0 0 6px; font-size:13.5px; color: var(--dholki-text); }
.dholki-carousel-card .rc-rating{ display:flex; align-items:center; gap:6px; font-size:11px; color: var(--dholki-gold); margin-bottom:8px; }
.dholki-carousel-card .rc-price{ font-weight:700; color: var(--dholki-maroon); font-size:14px; margin-bottom:10px; }
.dholki-carousel-card .rc-addcart{
  width:100%; background: var(--dholki-orange); color:#fff; border:none; padding:9px; border-radius:20px;
  font-size:12.5px; font-weight:600; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px;
}
.dholki-carousel-card .rc-addcart:hover{ background: var(--dholki-orange-dark); }

.dholki-carousel-arrow{
  position:absolute; top:38%; width:38px; height:38px; border-radius:50%;
  background:#fff; border:1px solid var(--dholki-border);
  display:flex; align-items:center; justify-content:center; color: var(--dholki-text);
  cursor:pointer; z-index:2; box-shadow:0 4px 12px rgba(0,0,0,.08);
  padding: 0px;
}
.dholki-carousel-arrow:hover{ background: var(--dholki-orange); color:#fff; border-color: var(--dholki-orange); }
.dholki-carousel-arrow.prev{ left:-10px; }
.dholki-carousel-arrow.next{ right:-10px; }

/* ===== BRIDAL / COLLECTION BANNER ===== */
.dholki-pd-banner{
  position:relative; display:flex; gap:36px; margin:20px 40px 60px; padding:0; height:400px;
  align-items:stretch;
  background:linear-gradient(90deg, var(--dholki-cream) 0%, var(--dholki-cream-2) 60%, #fbe3d9 100%);
  border-radius:18px; overflow:hidden;
}
.dholki-pd-banner .bb-media{ flex:0 0 38%; }
.dholki-pd-banner .bb-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.dholki-pd-banner .bb-content{ flex:1; padding:34px 30px 34px 0; position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; }
.dholki-pd-banner .bb-eyebrow{ font-size:12px; font-weight:700; color: var(--dholki-orange); margin-bottom:8px; letter-spacing:.3px; }
.dholki-pd-banner .bb-content h2{ font-family: var(--dholki-font-serif); color: var(--dholki-maroon); font-size:24px; margin:0 0 12px; }
.dholki-pd-banner .bb-content p{ color: var(--dholki-text-soft); font-size:13.5px; line-height:1.7; max-width:100%; margin:0 0 20px; }
.dholki-pd-banner .btn-red{
  background: var(--dholki-orange); color:#fff; border:none; padding:12px 22px; border-radius:24px;
  font-size:13.5px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:8px;
  width:fit-content; margin-bottom:22px;
}
.dholki-pd-banner .btn-red:hover{ background: var(--dholki-orange-dark); }
.dholki-pd-banner .bb-features{ display:flex; gap:26px; flex-wrap:wrap; }
.dholki-pd-banner .bb-features .feat{ display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color: var(--dholki-text);  }
.dholki-pd-banner .bb-features .feat i{ flex-shrink:0; width:32px; height:32px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; color: var(--dholki-orange); font-size:14px; }

/* =====================================================================
   RESPONSIVE — main section follows Screenshot_98 mobile pattern:
   thumbnails move ABOVE the gallery image (small row), and the
   description/features/shipping tabs collapse into an accordion.
   ===================================================================== */
@media (max-width:1100px){
  .dholki-carousel-card{ flex:0 0 calc(33.333% - 14px); }
}
@media (max-width:900px){
  .dholki-pd-wrap{ padding:24px 22px 50px; }
  .dholki-pd-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
    .dholki-pd-grid > *{ min-width:0; }
      .dholki-pd-thumbs-wrap, .dholki-pd-thumbs-viewport, .dholki-pd-thumbs{ min-width:0; }

  /* Thumbnails: small row ABOVE the main image */
  .dholki-pd-thumbs-wrap{
    order:1;
    flex-direction:row;
    height:auto;
  }
  .dholki-pd-thumb-nav{ display:none; }
  .dholki-pd-thumbs-viewport{ width:100%; height:auto; }
  .dholki-pd-thumbs{ flex-direction:row; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:2px;  height:auto;}
  .dholki-pd-thumbs::-webkit-scrollbar{ display:none; }
  .dholki-pd-thumb{ width:56px; height:56px; flex:0 0 56px; scroll-snap-align:start; }

  .dholki-pd-gallery{ order:2; min-height:0; aspect-ratio:1/0.85; }
  .dholki-pd-info{ order:3; }

  .dholki-pd-delivery-bar{ flex-direction:column; gap:14px; }
  .dholki-pd-delivery-bar .d-item{ border-right:none; padding-right:0; }

  .dholki-pd-desc-grid{ grid-template-columns:1fr; }
  .dholki-pd-desc-image{ min-height:220px; }

  .dholki-related-section,
  .dholki-recently-section{ padding:30px 22px 10px; }
  .dholki-carousel-card{ flex:0 0 calc(50% - 10px); }

  .dholki-pd-banner{ flex-direction:column; margin:16px 20px 40px; }
  .dholki-pd-banner .bb-media{ flex:none; height:200px; }
  .dholki-pd-banner .bb-content{ padding:24px; }

  /* Tabs -> accordion */
  .dholki-pd-tabs-bar{
    flex-direction:column;
    border-bottom:none;
    gap:0;
  }
  .dholki-pd-tab-btn{
    display:flex; align-items:center;
    width:100%;
    justify-content:flex-start;
    padding:16px 4px;
    border-bottom:1px solid var(--dholki-border);
    color: var(--dholki-text);
    font-size:13.5px;
  }
  .dholki-pd-tab-btn.dholki-is-active{ color: var(--dholki-orange); }
  .dholki-pd-tab-btn.dholki-is-active::after{ content:none; }
  .dholki-pd-tab-chevron{ display:inline-block; }
  .dholki-pd-tab-btn.dholki-is-active .dholki-pd-tab-chevron{ transform:rotate(90deg); color: var(--dholki-orange); }
  .dholki-pd-details .dholki-pd-tab-panel.dholki-is-active{ margin-top:18px; }
}
@media (max-width:520px){
  .dholki-pd-buy-row form.cart{ flex-wrap:wrap; }
  .dholki-pd-buy-row .single_add_to_cart_button{ flex:1 1 100%; order:3; }
  .dholki-pd-buy-row .quantity{ order:1; }
  .dholki-pd-wish-btn{ order:2; }
  .dholki-carousel-card{ flex:0 0 78%; }
}

/* Native WooCommerce reviews (comments_template) — light inherit so it
   doesn't look like a bolted-on plugin block inside our custom tab. */
.dholki-pd-native-reviews #reviews{ font-family: var(--dholki-font-sans); }
.dholki-pd-native-reviews #comments .commentlist{ list-style:none; margin:0 0 24px; padding:0; }
.dholki-pd-native-reviews .comment-text{ border:1px solid var(--dholki-border); border-radius:12px; padding:14px 16px; margin-bottom:14px; }
.dholki-pd-native-reviews .star-rating{ color: var(--dholki-gold); }
.dholki-pd-native-reviews #review_form_wrapper .form-submit input{
  background: var(--dholki-orange); color:#fff; border:none; border-radius:24px;
  padding:10px 22px; font-weight:600; cursor:pointer;
}
.dholki-pd-native-reviews #review_form_wrapper .form-submit input:hover{ background: var(--dholki-orange-dark); }

.single-product .ast-container{ margin:0; padding:0; max-width:100%; }
.single-product .content-area.primary{ margin-top:0 !important; }

.dholki-pd-wish-icon{ padding:0 !important; }

/* ===== Hover polish pass ===== */
.dholki-pd-wish-icon:hover{ color: var(--dholki-orange); }
.dholki-pd-wish-btn:hover{ color: var(--dholki-orange); border-color: var(--dholki-orange); }
.dholki-pd-buy-row .single_add_to_cart_button:hover{ background: var(--dholki-orange-dark) !important; }
.dholki-pd-thumb-nav:hover:not(:disabled){ background: var(--dholki-orange); color:#fff; }
.dholki-pd-nav-arrow:hover{ background:#fff; color: var(--dholki-orange); }
.rc-wish:hover{ color: var(--dholki-orange); }
.dholki-toast__close:hover{ background: var(--dholki-cream-2); color: var(--dholki-orange); }
.dholki-pd-share .share-icons a:hover{ background: var(--dholki-orange); color:#fff; }


/* ===== Trust / Feature Highlights bar (before description tabs) ===== */
.dholki-pd-highlights{
	background: var(--dholki-cream);
	border: 1px solid var(--dholki-border);
	border-radius: 0px;
	margin: 0px;
	padding: 22px 10px;
}
.dholki-pd-highlights-inner{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	max-width: 1180px;
	margin: 0 auto;
}
.dholki-pd-highlight-item{
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 1;
	padding: 0 20px;
}
.dholki-pd-highlight-item + .dholki-pd-highlight-item{
	border-left: 1px solid var(--dholki-border);
}
.dholki-pd-highlight-icon{
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--dholki-orange);
	font-size: 22px;
}
.dholki-pd-highlight-text{
	display: flex;
	flex-direction: column;
	line-height: 1.35;
}
.dholki-pd-highlight-text strong{
	font-family: var(--dholki-font-sans);
	font-size: 14.5px;
	font-weight: 600;
	color: var(--dholki-text);
}
.dholki-pd-highlight-text span{
	font-family: var(--dholki-font-sans);
	font-size: 12.5px;
	color: var(--dholki-text-soft);
}

/* Tablet: 2x2 grid */
@media (max-width: 991px){
	.dholki-pd-highlights-inner{
		flex-wrap: wrap;
		row-gap: 18px;
	}
	.dholki-pd-highlight-item{
		flex: 1 1 45%;
		padding: 0 12px;
	}
	.dholki-pd-highlight-item:nth-child(2n){
		border-left: none;
	}
	.dholki-pd-highlight-item:nth-child(n+3){
		border-top: 1px solid var(--dholki-border);
		padding-top: 16px;
	}
}

/* Mobile: stacked single column */
@media (max-width: 560px){
	.dholki-pd-highlights{
		padding: 18px 14px;
	}
	.dholki-pd-highlight-item{
		flex: 1 1 100%;
		border-left: none !important;
		padding: 0;
	}
	.dholki-pd-highlight-item:nth-child(n+2){
		border-top: 1px solid var(--dholki-border);
		padding-top: 14px;
		margin-top: 14px;
	}
	.dholki-pd-highlight-icon{
		width: 38px;
		height: 38px;
		font-size: 19px;
	}
	.dholki-pd-highlight-text strong{
		font-size: 13.5px;
	}
	.dholki-pd-highlight-text span{
		font-size: 12px;
	}
}


/* Dholki Product Slider (Elementor widget): 4 cards on desktop, same
   mobile/tablet behaviour (3 / 2 / 1-full+peek) inherited unchanged. */
@media (min-width:1101px){
	.dholki-product-slider-widget .dholki-carousel-card{ flex:0 0 calc(25% - 15px); }
}
