.category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;max-width:850px;margin:30px auto 28px}
.category-card{padding:0;background:transparent;border:0;gap:0;color:#254637}
.category-circle{display:grid;place-items:center;width:88px;height:88px;background:linear-gradient(140deg,#fffdf5,#fbf0e5);border:1px solid #dedbcd;border-radius:50%;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.category-circle svg{width:48px;height:48px;stroke:none;fill:none}
.category-card .category-name{font-size:13px;font-weight:400;line-height:1.5;margin-top:10px;padding:0 5px;border-radius:0;color:inherit}
.category-card.selected{color:#940e3c}
.category-card.selected .category-circle{border-color:#940e3c;background-color:#fffaf0;box-shadow:0 0 0 2px #f6e5df}
.category-card.selected .category-name{color:#940e3c;background:transparent;font-weight:600}
.category-card:hover .category-circle{transform:translateY(-2px);border-color:#a57580}
.category-card:focus-visible{outline-offset:7px;border-radius:12px}
@media(max-width:650px){.category-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px auto}.category-circle{width:60px;height:60px}.category-circle svg{width:36px;height:36px}.category-card .category-name{font-size:10px;line-height:1.45;padding:0;margin-top:8px;max-width:70px}.category-card{min-height:96px}}
@media(max-width:350px){.category-cards{gap:4px}.category-circle{width:52px;height:52px}.category-circle svg{width:32px;height:32px}.category-card .category-name{font-size:9px}}

/* Raised cream category panel based on the supplied layout. */
.category-band{position:relative;z-index:5;margin-top:-30px;padding:20px 6% 24px;background:#fff8ef;border-radius:58px 58px 0 0;border-bottom:1px solid var(--line)}
.category-band .category-cards{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1000px;margin:0 auto;gap:22px}
.category-band .category-card .category-name{padding:5px 12px;border-radius:20px;margin-top:10px}
.category-band .category-card.selected .category-name{background:var(--burgundy);color:#fff;font-weight:400}
.collection .catalog-tools{justify-content:flex-end}
.hero .hero-controls{bottom:48px}
.hero .photo-caption{bottom:68px}
@media(max-width:650px){
  .category-band{margin-top:-26px;padding:14px 3% 17px;border-radius:32px 32px 0 0}
  .category-band .category-cards{gap:4px}
  .category-band .category-circle{width:54px;height:54px}
  .category-band .category-circle svg{width:32px;height:32px}
  .category-band .category-card{min-height:94px}
  .category-band .category-card .category-name{font-size:9px;line-height:1.4;padding:4px 5px;max-width:72px;margin-top:7px}
  .category-band [data-category="Semua"] .category-name{white-space:nowrap;font-size:8px;padding:4px 6px;max-width:none}
  .hero{min-height:0;display:block}
  .hero .hero-content{padding:16px 6% 116px;max-width:none}
  .hero .hero-photo,.hero .hero-slide{background-size:cover;background-position:center 34%;background-color:#fff1e9}
  .hero:after{background:linear-gradient(180deg,#fff1e9a6 0%,#fff1e9ed 24%,#fff1e9 53%)}
  .hero .hero-controls{bottom:40px}
  .hero .hero-benefits{margin-top:28px}
  .hero .hero-benefits>div{padding:0 9px}
  .hero .hero-benefits>div:first-child{padding-left:0}
  .hero .hero-benefits>div:last-child{padding-right:0}
  .hero .hero-benefits span{font-size:8px}
  .collection{padding-top:28px}
}
@media(max-width:350px){
  .category-band .category-circle{width:46px;height:46px}
  .category-band .category-card .category-name{font-size:8px;padding:4px}
}

/* Photographic category thumbnails; all-products shows the complete collection collage. */
.category-band .category-realistic{background-image:url('/assets/category-flowers.png');background-size:200% 200%;background-repeat:no-repeat;border:3px solid #fffaf3;box-shadow:0 0 0 1px #dedbcd;overflow:hidden}
.category-band .category-realistic-all{background-size:100% 100%;background-position:center}
.category-band .category-realistic-standing{background-position:0 0}
.category-band .category-realistic-bouquet{background-position:100% 0}
.category-band .category-realistic-table{background-position:0 100%}
.category-band .category-realistic-board{background-image:url('/assets/little-bloom-board.png');background-size:cover;background-position:center}
.category-band .category-card.selected .category-realistic{background-color:#fffaf3;border-color:#fffaf3;background-image:url('/assets/category-flowers.png');box-shadow:0 0 0 2px #990c3d}
.category-band .category-card.selected .category-realistic-board{background-image:url('/assets/little-bloom-board.png')}
@media(max-width:650px){.category-band .category-realistic{border-width:2px}}

.subcategory-filters[hidden]{display:none!important}
.subcategory-filters{margin:22px 0;color:var(--forest)}
.subcategory-filters>p{font-size:12px;font-weight:600;margin:0 0 12px}
.subcategory-options{display:flex;flex-wrap:wrap;gap:9px}
.subcategory-options button{background:#fffaf3;border:1px solid #d7b2b9;color:#643d48;border-radius:24px;padding:11px 18px;font-size:12px;min-height:42px}
.subcategory-options button.selected{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
.subcategory-options button:hover{box-shadow:0 2px 8px #990c3d18}
@media(max-width:650px){.subcategory-options{gap:8px}.subcategory-options button{font-size:11px;padding:10px 13px}}