/* Gardenbine product boxes (Gardenbine Leaf design) */
:root{
  --gb-bg:#FFFFFF;
  --gb-surface:#F4F9F0;
  --gb-tint:#E7F2E0;
  --gb-ink:#1F2A1C;
  --gb-muted:#4C504B;
  --gb-line:#DCE5D6;
  --gb-accent:#4F9032;
  --gb-accent-strong:#3E7426;
  --gb-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gb-r-sm:6px;
  --gb-r-md:10px;
  --gb-r-lg:14px;
}

/* Shared pieces */
.gb-badge{display:inline-block;font:600 12px/1.2 var(--gb-sans);letter-spacing:.02em;color:var(--gb-accent-strong);background:var(--gb-tint);border-radius:var(--gb-r-sm);padding:5px 9px;}
.gb-badge--sm{font-size:11px;padding:3px 7px;}
.gb-btn{display:block;box-sizing:border-box;max-width:100%;white-space:nowrap;text-align:center;font:600 15px/1.2 var(--gb-sans);color:#FFFFFF !important;background:var(--gb-accent-strong);border-radius:var(--gb-r-md);padding:12px 18px;text-decoration:none !important;transition:background-color .15s ease,transform .1s ease;}
.gb-btn:hover{background:#34641F;}
.gb-btn:active{transform:translateY(1px);}
.gb-btn:focus-visible,.gb-pick a:focus-visible,.gb-thumb a:focus-visible,.gb-review a:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px;}
.gb-btn--sm{display:inline-block;font-size:14px;padding:9px 14px;}
.gb-pick .gb-badge,.gb-review .gb-badge{align-self:flex-start;}

/* Top Picks box */
.gb-picks{margin:28px 0 36px;padding:22px;background:var(--gb-surface);border:1px solid var(--gb-line);border-radius:var(--gb-r-lg);}
.gb-picks__title{font:700 22px/1.15 var(--gb-sans);color:var(--gb-ink);margin:0 0 16px;}
.gb-picks__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;align-items:stretch;}
.gb-pick{display:flex;flex-direction:column;gap:10px;background:var(--gb-bg);border:1px solid var(--gb-line);border-radius:var(--gb-r-lg);padding:16px;}
.gb-pick.is-top{border:2px solid var(--gb-accent);box-shadow:0 8px 22px rgba(62,116,38,.12);}
.gb-pick.is-top .gb-badge{color:#FFFFFF;background:var(--gb-accent-strong);}
.gb-pick__img{display:flex;align-items:center;justify-content:center;height:170px;background:var(--gb-bg);border-radius:var(--gb-r-md);}
.gb-pick.is-top .gb-pick__img{height:200px;}
.gb-pick__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.gb-pick__name{font:700 17px/1.2 var(--gb-sans);margin:0;}
.gb-pick__name a{color:var(--gb-ink) !important;text-decoration:none !important;}
.gb-pick__name a:hover{color:var(--gb-accent-strong) !important;}
.gb-pick__why{font-size:15px;line-height:1.5;color:var(--gb-muted);margin:0;flex:1;}
.gb-picks__more{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--gb-line);display:flex;flex-wrap:wrap;gap:10px 22px;}
.gb-picks__more li{margin:0;padding:0;font:500 15px/1.4 var(--gb-sans);color:var(--gb-ink);display:flex;align-items:center;gap:8px;}
.gb-picks__more a{color:var(--gb-accent-strong) !important;}

/* Comparison table */
.gb-table-wrap{margin:24px 0 32px;}
.gb-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--gb-line);border-radius:var(--gb-r-lg);overflow:hidden;font-family:var(--gb-sans);font-size:15px;color:var(--gb-ink);margin:0;}
.gb-table th{background:var(--gb-tint);font:700 13px/1.3 var(--gb-sans);text-align:left;color:var(--gb-ink);padding:12px 10px;border:0;border-bottom:1px solid var(--gb-line);}
.gb-table td{padding:12px 10px;font-size:14.5px;border:0;border-bottom:1px solid var(--gb-line);vertical-align:middle;line-height:1.35;background:var(--gb-bg);}
.gb-table tbody tr:last-child td{border-bottom:0;}
.gb-table tr.is-top td{background:var(--gb-surface);}
.gb-table td.gb-rank{font:700 18px/1 var(--gb-sans);color:var(--gb-accent-strong);text-align:center;width:28px;}
.gb-table td:not(.gb-prod):not(.gb-buy):not(.gb-rank){min-width:70px;}
.gb-table td.gb-buy{text-align:right;}
.gb-thumb{display:flex;align-items:center;gap:10px;min-width:180px;}
.gb-thumb__img{flex:0 0 52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--gb-bg);border:1px solid var(--gb-line);border-radius:var(--gb-r-md);}
.gb-thumb__img img{max-width:46px;max-height:46px;width:auto;height:auto;object-fit:contain;}
.gb-thumb__text{display:flex;flex-direction:column;align-items:flex-start;gap:5px;}
.gb-thumb__name{font:700 14.5px/1.25 var(--gb-sans);color:var(--gb-ink) !important;text-decoration:none !important;}
.gb-thumb__name:hover{color:var(--gb-accent-strong) !important;}
.gb-table__cap{font-size:14px;line-height:1.5;color:var(--gb-muted);margin:10px 2px 0;}

/* Review card */
.gb-review{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;margin:14px 0 20px;padding:18px;background:var(--gb-bg);border:1px solid var(--gb-line);border-radius:var(--gb-r-lg);}
.gb-review__img{display:flex;align-items:center;justify-content:center;height:200px;border-radius:var(--gb-r-md);background:var(--gb-bg);}
.gb-review__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.gb-review__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.gb-review__name{font:700 20px/1.2 var(--gb-sans);color:var(--gb-ink);margin:0;}
.gb-review__why{font-size:16px;line-height:1.55;color:var(--gb-muted);margin:0;}
.gb-review .gb-btn{display:inline-block;}
.gb-review.is-verdict{background:var(--gb-surface);border:2px solid var(--gb-accent);}
.gb-review.is-verdict .gb-badge{color:#FFFFFF;background:var(--gb-accent-strong);}

/* Spec list, best for, pros and cons, skip it if */
.gb-specs{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;}
.gb-specs li{margin:0;padding:10px 12px;background:var(--gb-surface);border-radius:var(--gb-r-md);font:500 14px/1.35 var(--gb-sans);color:var(--gb-muted);}
.gb-specs li strong{display:block;font-weight:700;font-size:15px;color:var(--gb-ink);}
.gb-bestfor{padding-left:14px;border-left:3px solid var(--gb-accent);}
.gb-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;}
.gb-pc > div{padding:16px 18px;border:1px solid var(--gb-line);border-radius:var(--gb-r-lg);background:var(--gb-bg);}
.gb-pc__pros{border-top:3px solid var(--gb-accent) !important;}
.gb-pc__cons{border-top:3px solid var(--gb-muted) !important;}
.gb-pc__h{font:700 16px/1.2 var(--gb-sans);color:var(--gb-ink);margin:0 0 10px;}
.gb-pc ul{margin:0;padding:0;list-style:none;}
.gb-pc li{position:relative;margin:0 0 8px;padding-left:22px;font-size:16px;line-height:1.45;}
.gb-pc li:last-child{margin-bottom:0;}
.gb-pc__pros li::before{content:"+";position:absolute;left:2px;top:0;font:700 16px/1.45 var(--gb-sans);color:var(--gb-accent-strong);}
.gb-pc__cons li::before{content:"\2212";position:absolute;left:2px;top:0;font:700 16px/1.45 var(--gb-sans);color:var(--gb-muted);}
.gb-skip{padding:14px 16px;background:var(--gb-surface);border-radius:var(--gb-r-md);}
.gb-skip strong{font-family:var(--gb-sans);color:var(--gb-ink);}

/* Related buying guides */
.gb-related{margin:32px 0;padding:18px 20px;background:var(--gb-surface);border-left:3px solid var(--gb-accent);border-radius:var(--gb-r-md);}
.gb-related__title{font:700 17px/1.2 var(--gb-sans);color:var(--gb-ink);margin:0 0 10px;}
.gb-related ul{margin:0;padding-left:20px;}
.gb-related li{margin:0 0 6px;font-size:16px;line-height:1.45;}
.gb-related a{color:var(--gb-accent-strong) !important;}

/* Phones and small tablets */
@media (max-width:760px){
  .gb-picks{padding:16px;}
  .gb-picks__grid{grid-template-columns:1fr;}
  .gb-pick__img,.gb-pick.is-top .gb-pick__img{height:180px;}
  .gb-review{grid-template-columns:1fr;gap:14px;}
  .gb-review__img{height:200px;}
  .gb-review .gb-btn{display:block;width:100%;}
  .gb-pc{grid-template-columns:1fr;}
  .gb-table,.gb-table thead,.gb-table tbody,.gb-table tr,.gb-table th,.gb-table td{display:block;}
  .gb-table{border:0;border-radius:0;overflow:visible;}
  .gb-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .gb-table tr{position:relative;margin:0 0 12px;border:1px solid var(--gb-line);border-radius:var(--gb-r-lg);overflow:hidden;background:var(--gb-bg);}
  .gb-table tr.is-top{border:2px solid var(--gb-accent);}
  .gb-table td{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;text-align:right;}
  .gb-table td::before{content:attr(data-label);font:600 13px/1.35 var(--gb-sans);color:var(--gb-muted);text-align:left;}
  .gb-table td.gb-rank{position:absolute;top:12px;right:12px;width:auto;padding:0;background:transparent !important;border:0;}
  .gb-table td.gb-rank::before,.gb-table td.gb-prod::before,.gb-table td.gb-buy::before{content:none;}
  .gb-table td.gb-prod{display:block;text-align:left;padding:14px 48px 14px 14px;}
  .gb-table td.gb-buy{display:block;}
  .gb-table td.gb-buy .gb-btn{display:block;width:100%;}
  .gb-thumb{min-width:0;}
}

@media (prefers-reduced-motion:reduce){.gb-btn{transition:none;}}