:root{--green:#1f7a42;--ink:#0e1320;--text:#2e3948;--gold:#c59b2a;--line:#e7edf0;--card:#fff;--c-nut:#0b6b6b;--c-spec:#7a5a12;--c-trade:#1f7a42;--c-usage:#d10000;--c-store:#2e3948} .ih-wrapper{max-width:1180px;margin:22px auto 60px;padding:0 20px;color:var(--text)} .ih-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:start} .ih-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px} .ih-badge{font-weight:900;font-size:12px;letter-spacing:.3px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff} .ih-badge.green{color:#0b7a43;background:rgba(36,167,101,.12)} .ih-badge.gold{color:#7a5a12;background:rgba(197,155,42,.16)} .ih-badge.teal{color:#0b6b6b;background:rgba(11,107,107,.12)} .ih-gallery{position:sticky;top:76px} .ih-main-img{position:relative;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.08);aspect-ratio:1/1} .ih-main{width:100%;height:100%;object-fit:cover;display:block} .ih-lens{position:absolute;width:160px;height:160px;border-radius:18px;border:2px solid rgba(255,255,255,.95);box-shadow:0 8px 26px rgba(0,0,0,.25);pointer-events:none;display:none;background-repeat:no-repeat;background-size:230%} .ih-lens-lock{position:absolute;right:10px;bottom:10px;z-index:2;background:rgba(0,0,0,.55);color:#fff;border:0;border-radius:10px;padding:6px 8px;font-weight:900;cursor:pointer} .ih-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px} .ih-thumbs button{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;padding:0;cursor:pointer} .ih-thumbs button[aria-selected=true]{outline:2px solid #111} .ih-thumbs img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover} .ih-title{font-size:clamp(26px,4.2vw,42px);color:#d10000;margin:0 0 6px;letter-spacing:.3px;font-weight:900;font-family:Georgia,'Times New Roman',serif;text-shadow:none;filter:none} .ih-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#445} .ih-form .row{margin:12px 0} .ih-form .lbl{font-weight:900;color:#111;display:block;margin-bottom:6px} .ih-form select,.ih-form input[type=number]{padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-weight:800;background:#fff} .btn{padding:12px 18px;border-radius:12px;font-weight:900;letter-spacing:.3px;cursor:pointer;border:1.5px solid #111;background:#111;color:#fff;transition:.2s} .btn:hover{transform:translateY(-2px)} .ih-perks{display:grid;gap:6px;margin:12px 0 4px} .perk{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;font-weight:700;color:#2a3a33} .ih-accord details{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;margin:10px 0} .ih-accord details.nutrition{--sec:var(--c-nut)} .ih-accord details.specs{--sec:var(--c-spec)} .ih-accord details.trade{--sec:var(--c-trade)} .ih-accord details.usage{--sec:var(--c-usage)} .ih-accord details.storage{--sec:var(--c-store)} .ih-accord summary{cursor:pointer;padding:14px 16px 14px 60px;position:relative;font-weight:900;display:flex;justify-content:space-between;align-items:center;color:#fff;background:var(--sec);box-shadow:none;border:none} .ih-accord summary::before{content:attr(data-ico);position:absolute;left:16px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:12px;color:var(--sec);background:rgba(255,255,255,.92)} .panel{padding:12px 16px 16px;color:var(--text);line-height:1.75;background:#fff} .table{width:100%;border-collapse:collapse;margin:6px 0} .table th,.table td{border-bottom:1px dashed #e5e9ee;padding:6px 0;text-align:left} .ih-sticky{position:sticky;bottom:10px;left:10px;right:10px;margin:16px 10px 10px;background:#0f0f0f;color:#fff;border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.25)} .ih-sticky img{width:44px;height:44px;border-radius:10px;object-fit:cover} .s-left{display:flex;gap:10px;align-items:center} .s-variant{opacity:.85;font-weight:700} @media(max-width:980px){.ih-grid{grid-template-columns:1fr}.ih-gallery{position:relative;top:auto}} #wpforms-form-6083 .ih-hidden{display:none !important}

/* ===== UI Enhancements (Breadcrumbs + Category Chips + Prev/Next) ===== */
/* ===== Elegant Breadcrumbs ===== */
.ih-breadcrumbs{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  margin:10px 0 12px; font-size:.95rem; color:#475569;
}
.ih-breadcrumbs a{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:999px; text-decoration:none;
  background:linear-gradient(180deg,#fff,#f7faf8);
  border:1px solid #e6efe9; color:#0c713d; font-weight:600;
  transition:transform .15s ease, box-shadow .15s ease, background .2s, border-color .2s;
}
.ih-breadcrumbs a:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(12,113,61,.12);
  background:linear-gradient(180deg,#fff,#eef7f1);
  border-color:#cfe6d9;
}
.ih-breadcrumbs span{ color:#94a3b8; } /* › separator */
.ih-breadcrumbs a:first-of-type::before{
  content:""; width:18px; height:18px; border-radius:4px; background:#0c713d;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M12 3l9 8h-3v9h-12v-9h-3z"/></svg>') no-repeat center / 12px 12px;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='white'><path d='M12 3l9 8h-3v9h-12v-9h-3z'/></svg>") no-repeat center / 12px 12px;
  margin-right:6px;
}

/* ===== Category Strip (chips) ===== */
.ih-catstrip{
  display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 16px;
}
.ih-catstrip .chip{
  display:inline-flex; align-items:center;
  padding:6px 12px; border-radius:999px; text-decoration:none;
  background:#fff; border:1px solid #e6efe9; color:#0f172a; font-weight:600;
  transition:transform .15s ease, box-shadow .15s ease, border-color .2s, background .2s;
  white-space:nowrap;
}
.ih-catstrip .chip:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(2,6,23,.08);
  border-color:#cfe6d9; background:#f8fcfa;
}
.ih-catstrip .chip.active{
  background:linear-gradient(180deg,#0c713d,#0a5e33); color:#fff; border-color:transparent;
  box-shadow:0 6px 16px rgba(12,113,61,.22);
}
.ih-catstrip a{ display:inline-flex; }
.ih-catstrip a + a{ margin-left:0; }

@media (max-width:640px){
  .ih-breadcrumbs a{ padding:6px 9px }
  .ih-catstrip .chip{ padding:6px 10px }
}
/* ==== IH Prev/Next — elegant pills only ==== */
.ih-prevnext{
  display:flex; align-items:center; gap:12px; margin:12px 0 18px; flex-wrap:wrap;
}
.ih-prevnext .ih-btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  gap:10px; padding:10px 14px; border-radius:999px;
  border:1px solid rgba(12,113,61,.25);
  background:linear-gradient(180deg,#ffffff,#f7faf8);
  box-shadow:0 2px 6px rgba(2,6,23,.06), inset 0 0 0 1px #fff;
  color:#0c713d; text-decoration:none; font-weight:600;
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease, border-color .2s ease;
}
.ih-prevnext .ih-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(12,113,61,.15);
  background:linear-gradient(180deg,#ffffff,#eef7f1);
  border-color:#0c713d;
}
.ih-prevnext .ih-btn:active{ transform:translateY(0); box-shadow:0 2px 8px rgba(12,113,61,.18); }
.ih-prevnext .ih-btn::before,
.ih-prevnext .ih-btn::after{
  content:""; width:22px; height:22px; border-radius:999px; display:inline-block; flex:0 0 22px;
  background:#0c713d; box-shadow:inset 0 0 0 2px rgba(255,255,255,.8);
  transition:background .2s ease;
  mask-repeat:no-repeat; mask-position:center; mask-size:12px 12px;
  -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:12px 12px;
}
.ih-prevnext .ih-btn:hover::before,
.ih-prevnext .ih-btn:hover::after{ background:#0a5e33; }
.ih-prevnext .prev::before{
  margin-right:4px;
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>');
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>");
}
.ih-prevnext .next::after{
  margin-left:4px;
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>');
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>");
}
.ih-prevnext .next{
  background:linear-gradient(180deg,#0c713d,#0a5e33); color:#fff; border-color:transparent;
  box-shadow:0 6px 16px rgba(12,113,61,.25);
}
.ih-prevnext .next:hover{
  background:linear-gradient(180deg,#0d7b42,#0a5e33);
  box-shadow:0 10px 22px rgba(12,113,61,.33);
}
@media (max-width:640px){
  .ih-prevnext{gap:10px}
  .ih-prevnext .ih-btn{padding:9px 12px}
}
