:root{--sku-flower-pro:#E8506E;--sku-tomatoes:#C94E31;--sku-acid:#7754A3}
.whole-bed{padding:72px 0;background:#F3EFE6;scroll-margin-top:90px;color:#173b2b}.bed-container{width:min(1200px,calc(100% - 64px));margin:auto}.gardening-page .bed-heading h2{font-family:Poppins,Arial,sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.2;margin:0 0 16px}.bed-heading p{font:400 15px/1.7 Inter,Arial,sans-serif;margin:8px 0;color:#586157;max-width:72ch}.bed-heading .bed-lead{font-size:19px;color:#173b2b}.bed-size-cues{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #d7d1c4;margin:30px 0 32px;padding:20px 0;gap:24px}.bed-size-cues>div{display:flex;align-items:center;gap:16px}.bed-size-cues>div+div{border-left:1px solid #d7d1c4;padding-left:24px}.bed-size-cues svg{width:36px;height:44px;flex:none}.bed-size-cues p{margin:0;display:grid;gap:4px;font:400 13px/1.5 Inter,Arial,sans-serif}.bed-size-cues strong{font-size:17px;font-weight:600}.bed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.bag-flower-pro{--bag-color:var(--sku-flower-pro)}.bag-tomatoes{--bag-color:var(--sku-tomatoes)}.bag-acid{--bag-color:var(--sku-acid)}.bag-card{border:1px solid #E6E0D3;border-top:4px solid var(--bag-color);border-radius:12px;background:white;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;min-width:0}.bag-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #173b2b0d}.bag-card picture{display:block;background:#faf8f2}.bag-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;mix-blend-mode:multiply}.bag-copy{padding:24px;display:flex;flex-direction:column;flex:1}.bag-copy header{display:flex;gap:10px;align-items:flex-start}.bag-dot{width:14px;height:14px;border-radius:50%;background:var(--bag-color);flex:none;margin-top:6px}.gardening-page .bag-copy h3{font-size:22px;line-height:1.25;margin:0 0 6px}.bag-pack{font:400 13px/1.5 Inter,Arial,sans-serif;color:#62675d}.bag-plants{font:400 15px/1.65 Inter,Arial,sans-serif;color:#536052;margin:18px 0;min-height:75px}.bag-chips{display:flex;flex-wrap:wrap;gap:8px}.bag-chips span{border:1px solid var(--bag-color);padding:6px 8px;border-radius:4px;font:600 11px/1.4 Inter,Arial,sans-serif;text-transform:uppercase;color:color-mix(in srgb,var(--bag-color) 70%,black)}.bag-cta,.bag-pouch a,.pouch-bed-link a{display:flex;justify-content:center;align-items:center;gap:10px;background:color-mix(in srgb,var(--bag-color) 75%,black);color:white!important;border-radius:999px;text-decoration:none!important;font:600 13px/1.5 Inter,Arial,sans-serif;padding:13px 17px;text-align:center}.bag-cta{margin-top:auto}.bag-chips{margin-bottom:24px}.bag-cta:hover,.bag-pouch a:hover,.pouch-bed-link a:hover{filter:brightness(.9)}.bag-pouch{margin-top:20px;padding-top:18px;border-top:1px solid #e6e0d3}.bag-pouch p,.pouch-bed-link p{font:400 13px/1.6 Inter,Arial,sans-serif;color:#62675d;margin:0 0 9px}.bag-pouch a,.pouch-bed-link a{background:color-mix(in srgb,var(--bag-color) 10%,white);color:color-mix(in srgb,var(--bag-color) 65%,black)!important;font-size:12px;padding:10px 14px}.pouch-bed-link{margin:20px 0 0}.pouch-bed-link a{width:fit-content}.bag-card a:focus-visible,.pouch-bed-link a:focus-visible{outline:3px solid #173b2b;outline-offset:4px}
@media(min-width:640px) and (max-width:1023px){.bed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.whole-bed{padding:48px 0}.bed-container{width:calc(100% - 40px)}.bed-grid{grid-template-columns:1fr}.bed-size-cues{gap:14px}.bed-size-cues>div{gap:9px}.bed-size-cues>div+div{padding-left:14px}.bed-size-cues svg{width:24px}.bed-size-cues strong{font-size:14px}.bed-size-cues span{font-size:11px}.bag-copy{padding:22px}.bag-plants{min-height:0}.bag-card img{max-height:390px}.bed-heading .bed-lead{font-size:17px}}
@media(prefers-reduced-motion:reduce){.bag-card{transition:none}.bag-card:hover{transform:none}}

/* Match the collection's page edges and compact image treatment. */
.whole-bed{padding-block:64px}
.bed-container{width:min(1240px,calc(100% - 96px))}
.bag-card{border-radius:6px}
.bag-card img{aspect-ratio:4/3;max-height:320px;object-fit:contain}
@media(max-width:1050px){.bed-container{width:calc(100% - 64px)}}
@media(max-width:800px){.whole-bed{padding-block:44px}.bed-container{width:calc(100% - 40px)}}