:root{
  --vgo-bg:#f8faf7;
  --vgo-card:#ffffff;
  --vgo-border:#dbe5dc;
  --vgo-ink:#0f172a;
  --vgo-muted:#5b6475;
  --vgo-accent:#0f766e;
  --vgo-accent-strong:#0b5f59;
  --vgo-soft:#ecfdf5;
  --vgo-warm:#fef3c7;
  --vgo-shadow:0 18px 38px rgba(2, 15, 23, 0.08);
}

.vgo-wrap{
  background:linear-gradient(180deg,#fcfefc 0%,var(--vgo-bg) 100%);
}

.vgo-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr);
  gap:20px;
  align-items:start;
}

.vgo-media,
.vgo-buy{
  border:1px solid var(--vgo-border);
  background:var(--vgo-card);
  border-radius:18px;
  box-shadow:var(--vgo-shadow);
}

.vgo-media{padding:12px;}
.vgo-buy{
  position:sticky;
  top:18px;
  padding:20px;
}

.vgo-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}
.vgo-badges span{
  display:inline-flex;
  align-items:center;
  border:1px solid #bbf7d0;
  background:var(--vgo-soft);
  color:#166534;
  border-radius:999px;
  padding:4px 10px;
  font-size:12px;
  font-weight:800;
}

.vgo-title{
  margin:0 0 8px;
  font-size:clamp(30px,3.1vw,38px);
  line-height:1.2;
  font-weight:900;
  color:#1E3A5F;
}
.vgo-sub{
  margin:0 0 8px;
  color:#0f172a;
  font-size:18px;
  line-height:1.6;
}
.vgo-desc{
  margin:0 0 12px;
  color:var(--vgo-muted);
  font-size:16px;
  line-height:1.65;
}

.vgo-price{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:10px 0 2px;
}
.vgo-price-now{
  color:#C65D00;
  font-size:31px;
  font-weight:900;
  letter-spacing:-0.2px;
}
.vgo-price-mrp{
  color:#6b7280;
  text-decoration:line-through;
  font-size:16px;
}
.vgo-off{
  font-size:12px;
  font-weight:900;
  color:#fff;
  background:#1d4ed8;
  border-radius:999px;
  padding:4px 9px;
}
.vgo-tax{
  color:#64748b;
  font-size:12px;
  margin-bottom:8px;
}

.vgo-pack{
  margin:14px 0 10px;
}
.vgo-pack h3{
  margin:0 0 8px;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:#334155;
}
.vgo-pack-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.vgo-pack-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  border:1px solid var(--vgo-border);
  border-radius:10px;
  padding:8px 9px;
  text-decoration:none;
  color:#0f172a;
  background:#fff;
}
.vgo-pack-item:hover{
  border-color:#99f6e4;
  background:#f0fdfa;
}
.vgo-pack-item.is-active{
  border-color:#0f766e;
  background:#ecfeff;
  box-shadow:0 0 0 1px #0f766e inset;
}
.vgo-pack-size{
  font-size:13px;
  font-weight:900;
  color:#0f172a;
}
.vgo-pack-price{
  font-size:12px;
  color:#0f766e;
  font-weight:800;
}

.vgo-cta{
  margin-top:12px;
  display:flex;
  gap:10px;
}
.vgo-cta .vgp-cta{
  flex:1;
  border-radius:12px;
  min-height:48px;
  font-size:16px;
  font-weight:900;
  background:var(--vgo-accent);
  border:1px solid var(--vgo-accent-strong);
  color:#fff;
}
.vgo-cta .vgo-ghost{
  background:#fff;
  border-color:#cbd5e1;
  color:#0f172a;
}

.vgo-trust{
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.vgo-trust li{
  border:1px solid #d1fae5;
  background:#f0fdf4;
  color:#14532d;
  border-radius:10px;
  padding:8px 10px;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}
.vgo-trust li::before{
  content:"✔ ";
  font-weight:900;
}

.vgo-delivery{
  margin-top:12px;
  border:1px solid #fcd34d;
  background:linear-gradient(180deg,#fffbeb 0%,#fff7d6 100%);
  border-radius:12px;
  padding:10px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.vgo-step{
  border:1px solid #fde68a;
  background:#fff;
  border-radius:10px;
  padding:8px;
  text-align:center;
}
.vgo-step strong{
  display:block;
  color:#92400e;
  font-size:12px;
  margin-bottom:2px;
}
.vgo-step span{
  color:#57534e;
  font-size:11px;
  line-height:1.35;
}

.vgo-share{
  display:flex;
  gap:6px;
  align-items:center;
  margin-top:12px;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:none;
}
.vgo-share::-webkit-scrollbar{display:none;}
.vgo-share-label{
  font-size:11px;
  color:#64748b;
  font-weight:800;
}
.vgo-share a{
  font-size:12px;
  color:#0f172a;
  text-decoration:none;
  border:1px solid var(--vgo-border);
  background:#fff;
  border-radius:999px;
  padding:4px 8px;
  white-space:nowrap;
}
.vgo-share a:hover{background:#f8fafc;}

.vgo-section{
  margin-top:22px;
}
.vgo-section h2{
  margin:0 0 12px;
  color:#1E3A5F;
  font-weight:900;
  font-size:clamp(24px,2.6vw,29px);
}

.vgo-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.vgo-benefit-card{
  border:1px solid var(--vgo-border);
  border-radius:13px;
  background:#fff;
  padding:12px;
  font-size:15px;
  line-height:1.58;
  color:#1f2937;
}
.vgo-benefit-card::before{
  content:"★ ";
  color:#d97706;
}

.vgo-accordion details{
  border:1px solid var(--vgo-border);
  border-radius:12px;
  background:#fff;
  margin-bottom:10px;
  overflow:hidden;
}
.vgo-accordion summary{
  cursor:pointer;
  font-weight:900;
  color:#0f172a;
  list-style:none;
  padding:12px 14px;
  background:#f8fafc;
}
.vgo-accordion summary::-webkit-details-marker{display:none;}
.vgo-accordion summary::after{
  content:"+";
  float:right;
  color:#0f766e;
  font-weight:900;
}
.vgo-accordion details[open] summary::after{content:"−";}
.vgo-acc-body{
  padding:12px 14px;
  color:#1f2937;
  line-height:1.72;
  font-size:16px;
}
.vgo-acc-body ul{
  margin:0;
  padding-left:18px;
}
.vgo-acc-body li{margin-bottom:6px;}

.vgo-inner-faq details{
  border:1px dashed #d1d5db;
  margin-top:8px;
}
.vgo-inner-faq summary{
  background:#fff;
  font-weight:800;
}
.vgo-inner-faq p{
  margin:0;
  padding:0 14px 12px;
  color:#4b5563;
}

/* keep inherited hero styles but tune corners */
.vgo-media .vgp-hero{
  border-radius:15px;
  overflow:hidden;
}
.vgo-media .vgp-thumb{
  border-radius:10px;
}

/* Sticky bar */
.vgo-wrap .vgp-sticky-bar{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:990;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px;
  border-radius:14px;
  border:1px solid var(--vgo-border);
  background:#fff;
  box-shadow:0 18px 36px rgba(15,23,42,0.2);
  transform:translateY(120%);
  transition:transform .28s ease;
}
.vgo-wrap .vgp-sticky-bar.is-visible{transform:translateY(0);}

.vgo-wrap .vgp-sticky-info{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
}
.vgo-wrap .vgp-sticky-info img{
  width:42px;
  height:42px;
  border-radius:9px;
  border:1px solid #dbe5dc;
  background:#f8fafc;
  object-fit:cover;
  flex:0 0 42px;
}
.vgo-wrap .vgp-sticky-info > div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.vgo-wrap .vgp-sticky-title{
  margin:0;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  color:#0f172a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.vgo-wrap .vgp-sticky-price{
  margin:0;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
  color:#C65D00;
  white-space:nowrap;
}
.vgo-wrap .vgp-sticky-bar .vgp-cta{
  flex:0 0 auto;
  min-height:44px;
  padding:10px 14px;
  border-radius:10px;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
  background:var(--vgo-accent);
  border-color:var(--vgo-accent-strong);
  color:#fff;
}

@media (max-width:1024px){
  .vgo-grid{grid-template-columns:1fr;}
  .vgo-buy{position:static;}
}

@media (max-width:760px){
  .vgo-pack-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vgo-trust{grid-template-columns:1fr;}
  .vgo-delivery{grid-template-columns:1fr;}
  .vgo-benefits{grid-template-columns:1fr 1fr;}
  .vgo-cta{flex-direction:column;}
  .vgo-wrap .vgp-sticky-bar{padding:9px;gap:8px;}
  .vgo-wrap .vgp-sticky-info img{width:38px;height:38px;flex-basis:38px;}
  .vgo-wrap .vgp-sticky-title{font-size:12.5px;}
  .vgo-wrap .vgp-sticky-price{font-size:13.5px;}
  .vgo-wrap .vgp-sticky-bar .vgp-cta{min-height:42px;padding:9px 11px;font-size:13px;}
}

@media (max-width:560px){
  .vgo-title{font-size:28px;}
  .vgo-price-now{font-size:28px;}
  .vgo-benefits{grid-template-columns:1fr;}
}

@media (min-width:768px){
  .vgo-wrap .vgp-sticky-bar{display:none;}
}