.category-banner__image{object-fit:cover;background:var(--color-green-tint);width:100%;height:360px;display:block}.category-banner__card{border-radius:var(--radius-sm);background:var(--color-white);text-align:center;width:min(1000px,100% - 32px);margin:-72px auto 0;padding:30px 20px;position:relative}.category-banner__title{color:var(--color-text);font-size:30px;font-weight:600;line-height:36px}.category-banner__text{color:var(--color-text-body);margin-top:12px;font-size:16px;line-height:26px}.category-banner__text.is-clamped{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.category-banner__more{color:var(--color-green-deep);background:0 0;border:0;margin-top:6px;padding:2px 4px;font-family:Arial,sans-serif;font-size:14px;font-weight:600;text-decoration:underline}.listing{grid-template-columns:262px minmax(0,1fr);gap:40px;padding-top:48px;padding-bottom:40px;display:grid}.listing--empty{grid-template-columns:minmax(0,1fr)}.listing__main{min-width:0}.filter-panel__head{border-bottom:1px solid var(--color-border-filter);justify-content:space-between;align-items:baseline;gap:12px;padding:0 10px 10px;display:flex}.filter-panel__title{color:var(--color-text-nav);font-size:20px;font-weight:600;line-height:28px}.filter-panel__clear{color:var(--color-green-deep);font-size:13px;font-weight:500}.filter-group{border-bottom:1px solid var(--color-border-filter)}.filter-group__summary{height:46px;color:var(--color-text-nav);cursor:pointer;justify-content:space-between;align-items:center;padding:0 10px;font-size:16px;list-style:none;display:flex}.filter-group__summary::-webkit-details-marker{display:none}.filter-group__summary svg{transition:transform var(--duration-fast) var(--ease-standard)}.filter-group[open] .filter-group__summary svg{transform:rotate(180deg)}.filter-group__body{padding:0 10px 14px}.filter-list li{line-height:26px}.filter-check{color:var(--color-text-nav);cursor:pointer;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;display:grid}.filter-check input{opacity:0;width:1px;height:1px;position:absolute}.filter-check__box{border:1px solid var(--brand-text-muted);background:var(--color-white);width:14px;height:14px;color:var(--color-white);border-radius:2px;place-items:center;display:grid}.filter-check__box svg{opacity:0}.filter-check input:checked+.filter-check__box{border-color:var(--color-green-bar);background:var(--color-green-bar)}.filter-check input:checked+.filter-check__box svg{opacity:1}.filter-check input:focus-visible+.filter-check__box{outline:2px solid var(--color-green-heading);outline-offset:2px}.filter-check__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-check__count{color:var(--color-text-nav);font-size:12px}.filter-more{color:var(--color-green-deep);background:0 0;border:0;margin-top:6px;padding:0;font-size:13px;text-decoration:underline}.filter-price{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-price label{color:var(--color-text-muted);gap:4px;font-size:12px;display:grid}.filter-price input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:34px;color:var(--color-text);font:inherit;padding:0 8px;font-size:13px}.filter-panel__apply{border-radius:var(--radius-md);background:var(--color-green-bar);width:100%;color:var(--color-white);border:0;margin-top:14px;padding:10px;font-size:14px}.filter-toolbar,.filter-drawer{display:none}.filter-toolbar{justify-content:center;gap:12px;margin-bottom:28px}.filter-toolbar__button{border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-text-nav);border:0;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000026}.filter-drawer{z-index:var(--z-search-overlay);visibility:hidden;pointer-events:none;position:fixed;inset:0}.filter-drawer.is-active{visibility:visible;pointer-events:auto}.filter-drawer__overlay{opacity:0;transition:opacity var(--duration-base) var(--ease-standard);background:#0006;position:absolute;inset:0}.filter-drawer.is-active .filter-drawer__overlay{opacity:1}.filter-drawer__panel{background:var(--color-bg);width:90%;max-width:420px;transition:transform var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.filter-drawer.is-active .filter-drawer__panel{transform:none}.filter-drawer__close{z-index:1;width:36px;height:36px;color:var(--color-text);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:18px;right:14px}.filter-drawer__scroll{flex:1;padding:20px 16px 8px 26px;overflow-y:auto}.filter-drawer .filter-panel__head{border-bottom:0;margin-right:44px;padding:0 0 12px}.filter-drawer .filter-group{margin-right:0}.filter-drawer .filter-group:first-of-type{border-top:1px solid var(--color-border-filter)}.filter-drawer__footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-hairline);text-align:center;gap:8px;display:grid}.filter-drawer__done{border-radius:var(--radius-md);background:var(--color-green-bar);height:44px;color:var(--color-white);border:0;font-size:15px;font-weight:500}.filter-drawer__clear{color:var(--color-green-deep);font-size:14px}.category-chips{margin-bottom:24px}.category-chips__list,.category-index__list{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 16px;display:grid}.category-chip{border:1px solid var(--color-border-peach);border-radius:var(--radius-md);background:var(--color-surface-peach);height:58px;color:var(--color-text);text-align:center;transition:box-shadow var(--duration-base) var(--ease-standard), padding var(--duration-base) var(--ease-standard);place-items:center;padding:0 14px;font-size:16px;font-weight:500;line-height:20px;text-decoration:none;display:grid}.category-chip__label{-webkit-line-clamp:2;line-clamp:2;transition:transform var(--duration-base) var(--ease-standard);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.category-chip:hover,.category-chip:focus-visible{box-shadow:0 4px 12px #00000026}.category-chip:hover .category-chip__label{transform:translateY(-1px)}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 16px;display:grid}.product-grid__item,.product-grid__promo{min-width:0;display:flex}.product-grid__item>.product-card{flex:1}.product-grid__promo a{width:100%;display:block}.product-grid__promo img{border-radius:var(--radius-2xl);object-fit:cover;width:100%;height:100%;min-height:380px;display:block}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-top:36px;display:flex}.pagination__list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pagination__button{border:1px solid var(--color-border);border-radius:var(--radius-xs);min-width:36px;height:36px;color:var(--color-text-nav);place-items:center;padding:0 6px;font-size:14px;text-decoration:none;display:grid}.pagination__button:hover{border-color:var(--color-green-bar)}.pagination__button[aria-current=page]{border-color:var(--color-green-bar);color:var(--color-green-bar);font-weight:600}.pagination__gap{width:24px;height:36px;color:var(--color-text-muted);place-items:center;display:grid}.pagination__status{color:var(--color-text-muted);font-size:13px}.listing-state{text-align:center;padding:48px 16px 56px}.listing-state__title{color:var(--color-text);font-size:20px;font-weight:600;line-height:30px}.listing-state__text{max-width:520px;color:var(--color-text-muted);margin:8px auto 0;font-size:15px;line-height:24px}.listing-state__links{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:18px;display:flex}.listing-state a:not(.listing-state__button){color:var(--color-green-heading)}.listing-state__button{border-radius:var(--radius-md);background:var(--color-green-bar);color:var(--color-white);margin-top:18px;padding:10px 22px;font-size:14px;text-decoration:none;display:inline-block}.skeleton-card{border-radius:var(--radius-2xl);background:var(--color-surface-peach);gap:12px;padding:12px 16px;display:grid}.skeleton-card>span{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--brand-sand-soft) 25%, var(--brand-sand-tint) 50%, var(--brand-sand-soft) 75%) 0 0 / 200% 100%;animation:1.4s linear infinite skeleton-shimmer;display:block}.skeleton-card__image{aspect-ratio:1}.skeleton-card__line{height:14px}.skeleton-card__line--short{width:60%}.skeleton-card__button{height:30px}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.category-index{padding-bottom:48px}.category-index__title{margin:12px 0 24px;font-size:28px;font-weight:600}.category-index__list{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1200px){.category-chips__list,.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1023px){.category-banner__image{height:384px}.category-banner__card{width:min(630px,82%);margin-top:-54px;padding:24px 20px}.category-banner__title{font-size:24px;line-height:32px}.category-banner__text{font-size:15px;line-height:24px}.listing{padding-top:40px;display:block}.category-chip{height:38px}.listing__sidebar{display:none}.filter-toolbar{display:flex}.filter-drawer{display:block}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.category-index__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.category-banner__image{height:195px}.category-banner__card{border-radius:var(--radius-md);width:calc(100% - 70px);margin-top:-20px;padding:14px}.category-banner__title{font-size:15px;line-height:22px}.category-banner__text{margin-top:6px;font-size:13px;line-height:22px}.category-banner__more{font-size:13px}.listing{padding-top:36px}.filter-toolbar{margin-bottom:24px}.category-chips__list{scrollbar-color:var(--brand-sand) transparent;scrollbar-width:thin;grid-template-rows:repeat(2,44px);grid-template-columns:none;grid-auto-columns:150px;grid-auto-flow:column;gap:10px;padding-bottom:12px;overflow-x:auto}.category-chip{height:44px;font-size:14px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.product-grid__promo img{min-height:0}.category-index__list{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-state{padding-block:32px 40px}}.listing-heading{padding-top:28px}.listing-heading__title{color:var(--color-text);font-size:28px;font-weight:600;line-height:36px}.listing-heading__text{color:var(--color-text-muted);margin-top:4px;font-size:15px}@media (width<=767px){.listing-heading{padding-top:18px}.listing-heading__title{font-size:22px;line-height:30px}}
