.strain-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0.75rem;margin-bottom:1rem}.strain-summary .card{padding:0.75rem;border-radius:8px;background:#fff;border:1px solid #eee}.strain-summary .meta-title{font-size:.9rem;font-weight:700;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.chip{display:inline-flex;align-items:center;padding:.28rem .5rem;border-radius:999px;background:#f1f1f1;color:#222;font-size:.85rem;margin:.18rem .2rem}.chip .emoji{margin-right:.35rem}.effects-list .badge, .aromas-list .badge{background:#f7f7fb;color:#222;border-radius:999px;padding:.28rem .55rem;margin:.15rem .1rem;font-weight:600}.cannabinoid-summary .bar{height:10px;background:#eee;border-radius:999px;overflow:hidden;margin:0.35rem 0}.cannabinoid-summary .bar > span{display:block;height:100%;background:linear-gradient(90deg,#ff9a00,#ff4d6d);width:0;transition:width 800ms ease}.cannabinoid-row-compact{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;border-bottom:1px dashed #f0f0f0}.cannabinoid-row-compact .label{width:32%;font-weight:600;font-size:.9rem}.cannabinoid-row-compact .pct{width:18%;text-align:right;font-weight:700}.cannabinoid-row-compact progress{display:none}.tech-details summary{cursor:pointer;outline:none}.tech-details[open] summary{font-weight:700}.strain-tech-actions{display:flex;gap:.5rem;align-items:center;margin:0.5rem 0}.strain-tech-actions .btn{font-size:.9rem;padding:.35rem .6rem}.strain-tech-ui{margin-top:1rem}.strain-tech-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.75rem}.strain-card{padding:0.75rem;border-radius:8px;background:#fff;border:1px solid #eee}.strain-card h4{margin:0 0 .5rem 0;font-size:1rem}.strain-bar-row{display:flex;align-items:center;gap:.6rem;margin:.35rem 0}.strain-bar-row .label{width:30%;font-weight:700}.strain-bar-row .bar{flex:1;height:10px;background:#f0f0f0;border-radius:999px;overflow:hidden}.strain-bar-row .bar > span{display:block;height:100%;background:linear-gradient(90deg,#1db954,#ff4d6d);width:0;transition:width 700ms ease}.strain-bar-row .pct{width:14%;text-align:right;font-weight:700}.strain-tech-middle{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.raw-data pre{max-height:300px;overflow:auto;background:#fafafa;padding:.75rem;border-radius:6px;border:1px solid #eee}.strain-tech-ui .chip{display:inline-flex;align-items:center;padding:.28rem .5rem;border-radius:999px;background:#f1f1f1;color:#222;font-size:.85rem;margin:.18rem .2rem}
@media(max-width:900px){.strain-summary{grid-template-columns:1fr;}.cannabinoid-row-compact .label{width:36%}.cannabinoid-row-compact .pct{width:20%}.strain-tech-top{grid-template-columns:1fr}.strain-tech-middle{grid-template-columns:1fr}}
/* Ensure related cards stack on small screens for better readability */
@media (max-width: 900px) {
  .related-grid.d-flex > .related-card,
  .related-grid > article.related-card {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  .related-grid .related-media img,
  .related-grid .card-img-top {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

/* Additional tech widget styles (for server-rendered tech-grid) */
.tech-grid{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.tech-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;background:#fbfbfb;border:1px solid #eee}
.tech-key{font-weight:600;color:#333;font-size:0.9rem}
.tech-val{color:#0b6b4a;font-weight:700}
.tech-subsection{margin-top:14px}
.tech-subsection h3{font-size:1rem;margin:0 0 6px 0}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:#f1f5f4;border:1px solid #e6efec;padding:6px 8px;border-radius:999px;font-size:0.85rem}
.effect-chip{background:#fff6e6;border-color:#ffe6b8}
.aroma-chip{background:#f6fbff;border-color:#dfeeff}
.view-more-tech{display:inline-block;margin-top:12px;color:#0b66c2}

/* ensure related grid children are 100% width by default to avoid squashed columns */
.related-grid > *{width:100%}
@media(min-width:901px){.related-grid > *{width:auto}}

/* Combined widget styling */
.combined-card{border-radius:10px;padding:0.9rem;background:#fff;border:1px solid #eee}
.combined-card h4{margin:0 0 .5rem 0;font-size:1.05rem}
/* Force vertical stacking for improved readability: all sections full-width and stacked */
.combined-card .combined-inner{display:flex;flex-direction:column;gap:0.65rem}
.combined-card .combined-source{color:#666;width:100%}
.combined-card .combined-cannabinoids{width:100%}
.combined-card .combined-terpenes{width:100%}
.combined-card .combined-cannabinoids .strain-bar-row{margin-bottom:6px}
.combined-card .combined-terpenes .chip{margin:3px 4px}
/* Remove the previous breakpoint row layout to keep a single-column visual */
@media(min-width:900px){
  .combined-card .combined-inner{flex-direction:column;gap:0.65rem}
  .combined-card .combined-source{flex:auto}
  .combined-card .combined-cannabinoids{flex:auto}
  .combined-card .combined-terpenes{flex:auto}
}

/* Animated details body for cannabinoid details */
.cb-details{--cb-max-h: 420px}
.cb-details .cb-details-body{max-height:0;overflow:hidden;transition:max-height 260ms ease, opacity 220ms ease;opacity:0}
.cb-details[open] .cb-details-body{max-height:var(--cb-max-h);opacity:1}
.cb-details summary{display:none}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce){
  .cb-details .cb-details-body{transition:none}
  .strain-bar-row .bar > span,.cannabinoid-row-compact .bar > span{transition:none}
}

/* Enhanced badge/chip visuals */
.chip .emoji{margin-right:.35rem}
.chip-cannabinoid{background:linear-gradient(90deg,#fff,#f0fbf6);border:1px solid #dff3ea;color:#175c3f}
.chip-terpene{background:linear-gradient(90deg,#fff,#f7f8ff);border:1px solid #e6eaff;color:#22336b}
.combined-source .muted .emoji{margin-right:6px}
.combined-card .combined-source{font-weight:600}
.chip strong{font-weight:700}
.effect-chip{background:#fffaf0;border:1px solid #ffe8c9;color:#a85b00}
.aroma-chip{background:#f5fbff;border:1px solid #dfeeff;color:#0b3a6b}
.combined-effects .chip{margin:4px 6px}
.chip-cannabinoid .emoji{margin-right:6px}

/* Emoji range buckets for THC/CBD filters */
.range-emoji{min-width:48px;min-height:44px;padding:6px 10px;border-radius:8px;border:1px solid #ddd;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}
.range-emoji.active{background:#e9f8ef;border-color:#bfe6c8}
.range-emoji:focus{outline:3px solid rgba(33,72,66,0.12);}
.range-emoji-clear{background:#fff0f0;border-color:#ffd6d6}

/* Container tweaks to avoid overlap */
#thc-emoji-group, #cbd-emoji-group { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.range-emoji { white-space:nowrap; box-sizing:border-box; }
.range-emoji span.visually-hidden{display:none}

/* Ensure clear button stays compact and moves to next line on narrow screens */
.range-emoji-clear { padding:6px 8px; min-width:40px }
@media(max-width:480px){
  #thc-emoji-group, #cbd-emoji-group { gap:6px; }
  .range-emoji{min-width:44px;padding:6px}
  .range-emoji-clear{order:99;width:100%;text-align:center}
}

/* Strain card image and layout improvements */
.shop_products-list { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:18px; align-items:start; width:100%; }
.shop_products-list_item { display:flex; }
.products_list-item_wrapper { display:flex; flex-direction:column; height:100%; }
.shop_products-list_item .media { position:relative; width:100%; }
.strain-card-img { width:100%; height: auto; display:block; max-height:160px; object-fit:cover; border-radius:8px; }
/* Ensure images keep aspect-ratio and reserve space to avoid CLS */
.shop_products-list_item .media picture, .shop_products-list_item .media img { display:block; width:100%; height:100%; }
.shop_products-list_item .main { padding:0.65rem 0.5rem; flex:1; display:flex; flex-direction:column; justify-content:space-between; }
.shop_products-list_item .main_title { font-weight:700; font-size:1rem; text-align:center; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; -webkit-box-orient:vertical; line-clamp:2; }
.shop_products-list_item .main_table { margin:6px 0; }
.shop_products-list_item .btn { margin-top:8px; }


@media(min-width:1200px){
  /* Force 4 columns on large screens when space allows */
  .shop_products-list { grid-template-columns:repeat(4, 1fr); gap:22px; }
  .strain-card-img { max-height:180px; }
}

@media(max-width:768px){
  .strain-card-img { max-height:140px; }
  .shop_products-list_item { min-height: 300px; }
}

/* Small visual polish: compact the THC/CBD list and center buttons */
.shop_products-list_item .main_table .list-item { display:flex; gap:8px; justify-content:center; }
.shop_products-list_item .main_table .property { font-weight:600; margin-right:6px; }

/* Lazy image placeholder support for simple lazy scripts */
.lazy { background: linear-gradient(90deg,#f6f6f6,#fafafa); }

/* Horizontal filters bar: on wide screens show filters inline, on small screens stack them */
.strain-filter-form.horizontal-filters { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:flex-start; padding:10px; }
.strain-filter-form.horizontal-filters .form-control { min-width:220px; flex:1 1 280px; }
.strain-filter-form.horizontal-filters .collapse { width:100%; }
.strain-filter-form.horizontal-filters .d-flex { gap:8px; align-items:center; }
.strain-filter-form.horizontal-filters .btn { flex:0 0 auto; }

@media(max-width:900px){
  .strain-filter-form.horizontal-filters { flex-direction:column; align-items:stretch; }
  .strain-filter-form.horizontal-filters .form-control { flex:1 1 auto; min-width:0; }
  .strain-filter-form.horizontal-filters .d-flex { width:100%; justify-content:flex-start; }
}