
/* Kibo Bowl flexible delivery + recipe module — 09 Aug 2026 */
.delivery-positioning{background:#fff8ec;border-top:1px solid rgba(35,74,38,.08);border-bottom:1px solid rgba(35,74,38,.08)}
.delivery-positioning-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.delivery-positioning h2{font-size:clamp(2rem,4vw,3.6rem);margin:.25rem 0}.delivery-positioning p{max-width:720px}.delivery-window-pills{display:grid;grid-template-columns:1fr 1fr;gap:14px}.delivery-window-pill{background:#fff;border:1px solid rgba(35,74,38,.12);border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(38,60,35,.08)}.delivery-window-pill small{display:block;letter-spacing:.09em;color:#668063}.delivery-window-pill strong{display:block;font-size:1.15rem;margin:7px 0}.delivery-window-pill span{color:#536453;font-size:.92rem}
.kibo-slot-selector{border:1px solid rgba(35,74,38,.12);border-radius:24px;padding:18px;background:#fff;box-shadow:0 10px 30px rgba(28,62,34,.06)}.kibo-slot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.kibo-slot-head small{letter-spacing:.1em;color:#70816f;font-weight:700}.kibo-slot-head h3{margin:4px 0 0;font-size:1.18rem}.kibo-slot-zone{font-size:.82rem;background:#eef4e9;padding:7px 10px;border-radius:999px;color:#315636}.kibo-date-chips{display:flex;gap:8px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.kibo-date-chip{min-width:78px;border:1px solid #dfe8dc;background:#fff;border-radius:16px;padding:10px 8px;color:#234a26}.kibo-date-chip small,.kibo-date-chip strong{display:block}.kibo-date-chip small{font-size:.7rem;letter-spacing:.07em}.kibo-date-chip strong{font-size:.93rem;margin-top:2px}.kibo-date-chip.selected{background:#234a26;color:#fff;border-color:#234a26}.kibo-slot-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kibo-slot-option{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;border:1px solid #dfe8dc;background:#fbfcf8;border-radius:18px;padding:14px;color:#1d3d22}.kibo-slot-option span small,.kibo-slot-option span strong{display:block}.kibo-slot-option span small{font-size:.72rem;letter-spacing:.08em;color:#6e7f6c}.kibo-slot-option span strong{margin-top:4px}.kibo-slot-option>b{font-size:.78rem;color:#2e6f38}.kibo-slot-option.status-almost_full>b{color:#a26010}.kibo-slot-option:disabled{opacity:.55;cursor:not-allowed}.kibo-slot-option.selected{outline:2px solid #f28c28;border-color:#f28c28;background:#fff8ef}.kibo-slot-loading,.kibo-slot-needs-area{padding:18px;color:#61705f}.kibo-slot-needs-area strong,.kibo-slot-needs-area span{display:block;margin-bottom:8px}.product-earliest-delivery{margin:18px 0;padding:16px;border-radius:18px;background:#f6f8f2;border:1px solid #e2e9dc}.product-earliest-delivery>small,.product-earliest-delivery>strong{display:block}.product-earliest-delivery>strong{margin:5px 0 10px}.product-slot-popover{margin-top:12px}.delivery-check-result .btn{margin-top:12px}
.recipe-preview-grid,.recipes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.recipe-card{background:#fff;border:1px solid rgba(36,66,34,.1);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(38,60,35,.06)}.recipe-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f2eee4}.recipe-card-body{padding:16px}.recipe-card-body h3{margin:5px 0 8px;font-size:1.1rem}.recipe-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:.76rem;color:#62725f}.recipe-meta span{background:#eef4e9;border-radius:999px;padding:5px 8px}.recipe-card-body p{font-size:.92rem;color:#536453;min-height:44px}.recipe-card-body a{font-weight:800;color:#234a26}.recipe-filter-bar{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.recipe-filter{border:1px solid #dce7d8;background:#fff;border-radius:999px;padding:9px 14px;white-space:nowrap}.recipe-filter.active{background:#234a26;color:#fff;border-color:#234a26}.recipe-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.recipe-detail-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:30px;background:#f2eee4}.recipe-detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.recipe-detail-meta span{background:#eef4e9;border-radius:999px;padding:7px 10px}.recipe-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px}.recipe-panel{background:#fff;border:1px solid #e2e9dc;border-radius:24px;padding:22px}.recipe-panel li{margin:.7rem 0}.recipe-steps{counter-reset:step;list-style:none;padding:0}.recipe-steps li{counter-increment:step;padding-left:44px;position:relative;margin:1rem 0}.recipe-steps li:before{content:counter(step);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#234a26;color:#fff;font-weight:800}.recipe-shop-card{display:flex;align-items:center;gap:16px;background:#fff8ec;border-radius:24px;padding:18px}.recipe-shop-card img{width:94px;height:94px;object-fit:cover;border-radius:18px}.recipe-shop-card .price{font-size:1.2rem;font-weight:900}.subscription-flex-banner{background:linear-gradient(135deg,#eef4e9,#fff7e8);border-radius:32px;padding:clamp(24px,5vw,52px)}.subscription-credit-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subscription-credit-demo>div{background:#fff;border-radius:18px;padding:16px}.subscription-dashboard-card{background:#fff;border:1px solid #e2e9dc;border-radius:26px;padding:22px}.subscription-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.subscription-stat-grid>div{background:#f6f8f2;border-radius:16px;padding:13px}.subscription-stat-grid small,.subscription-stat-grid strong{display:block}.photo-trust-note{font-size:.88rem;color:#667463;background:#f7f6f0;border-radius:16px;padding:12px;margin-top:12px}.order-confirmation-details{display:grid;gap:7px;margin-top:10px}.order-confirmation-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.delivery-positioning-grid,.recipe-detail-hero,.recipe-layout{grid-template-columns:1fr}.recipe-preview-grid,.recipes-grid{grid-template-columns:repeat(2,1fr)}.subscription-credit-demo{grid-template-columns:1fr}.delivery-window-pills{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.kibo-slot-options,.delivery-window-pills{grid-template-columns:1fr}.recipe-preview-grid,.recipes-grid{grid-template-columns:1fr}.kibo-slot-head{display:block}.kibo-slot-zone{display:inline-block;margin-top:8px}.subscription-stat-grid{grid-template-columns:1fr 1fr}.recipe-shop-card{align-items:flex-start}.delivery-positioning-grid{gap:18px}}

.cart-selected-delivery{margin:0 0 12px;padding:12px 13px;border:1px solid #cfe2d4;border-radius:16px;background:#f7fbf7;display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-selected-delivery[hidden]{display:none}.cart-selected-delivery>div{display:grid;gap:2px}.cart-selected-delivery small{font-size:.68rem;font-weight:900;letter-spacing:.08em;color:#55715e}.cart-selected-delivery strong{color:#123d27}.cart-selected-delivery span{font-size:.84rem;color:#52705b}.cart-selected-delivery .btn{padding:9px 11px;white-space:nowrap}@media(max-width:560px){.cart-selected-delivery{align-items:flex-start;flex-direction:column}.cart-selected-delivery .btn{width:100%}}

.product-gallery-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.product-gallery-thumb{border:1px solid #d7e2d9;background:#fff;border-radius:12px;padding:3px;overflow:hidden;cursor:pointer}.product-gallery-thumb.is-active{outline:2px solid #2f734a;outline-offset:1px}.product-gallery-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:8px}@media(max-width:560px){.product-gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* KIBO compact recipe cards — 2026-08-09 */
.recipe-preview-grid .recipe-card img,
.recipes-grid .recipe-card img,
#homeRecipePreview .recipe-card img,
#productRecipePreview .recipe-card img{
  width:100% !important;
  height:220px !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block;
  background:#fbf5e8;
}
.recipe-preview-grid .recipe-card-body,
.recipes-grid .recipe-card-body,
#homeRecipePreview .recipe-card-body,
#productRecipePreview .recipe-card-body{
  padding:13px 14px 15px;
}
.recipe-preview-grid .recipe-card-body h3,
.recipes-grid .recipe-card-body h3,
#homeRecipePreview .recipe-card-body h3,
#productRecipePreview .recipe-card-body h3{
  font-size:1rem;
  line-height:1.28;
  margin:6px 0 7px;
}
.recipe-preview-grid .recipe-card-body p,
.recipes-grid .recipe-card-body p,
#homeRecipePreview .recipe-card-body p,
#productRecipePreview .recipe-card-body p{
  min-height:0;
  margin:0 0 10px;
  font-size:.86rem;
  line-height:1.45;
}
.recipe-preview-grid .recipe-meta,
.recipes-grid .recipe-meta,
#homeRecipePreview .recipe-meta,
#productRecipePreview .recipe-meta{
  gap:6px;
  font-size:.72rem;
}
.recipe-preview-grid .recipe-meta span,
.recipes-grid .recipe-meta span,
#homeRecipePreview .recipe-meta span,
#productRecipePreview .recipe-meta span{
  padding:4px 7px;
}

@media (max-width:620px){
  .recipe-preview-grid .recipe-card img,
  .recipes-grid .recipe-card img,
  #homeRecipePreview .recipe-card img,
  #productRecipePreview .recipe-card img{
    height:205px !important;
  }
  .recipe-card{border-radius:20px}
}

/* KIBO recipe mobile size — cache-safe v2 */
@media (max-width:620px){
  .recipe-preview-grid .recipe-card > img,
  .recipes-grid .recipe-card > img,
  #homeRecipePreview .recipe-card > img,
  #productRecipePreview .recipe-card > img{
    width:100% !important;
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
    background:#fbf5e8 !important;
  }
}

/* KIBO recipe posters full-width compact — 2026-08-09 */
.recipe-preview-grid .recipe-card > img,
.recipes-grid .recipe-card > img,
#homeRecipePreview .recipe-card > img,
#productRecipePreview .recipe-card > img{
  width:100% !important;
  height:220px !important;
  min-height:220px !important;
  max-height:220px !important;
  aspect-ratio:auto !important;
  object-fit:fill !important;
  object-position:center !important;
  display:block !important;
  background:transparent !important;
}
@media (max-width:620px){
  .recipe-preview-grid .recipe-card > img,
  .recipes-grid .recipe-card > img,
  #homeRecipePreview .recipe-card > img,
  #productRecipePreview .recipe-card > img{
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
    object-fit:fill !important;
    background:transparent !important;
  }
}

/* Kibo Bowl 2026-08-09: larger full-width recipe posters on mobile */
@media (max-width: 767px) {
  .recipe-card .recipe-card__media,
  .recipe-card .recipe-card__image-wrap,
  .recipe-card > picture,
  .recipe-card > a:first-child {
    width: 100% !important;
  }
  .recipe-card .recipe-card__media,
  .recipe-card .recipe-card__image-wrap {
    height: 280px !important;
    max-height: none !important;
    overflow: hidden !important;
  }
  .recipe-card img,
  .recipe-card picture img {
    width: 100% !important;
    height: 280px !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}
