.bayu-shop{padding-block:var(--sp-8) var(--sp-16)}.bayu-shop__head{display:grid;gap:var(--sp-4);margin-bottom:var(--sp-8)}.bayu-shop__title{font-size:var(--fs-3xl)}.bayu-shop__intro{max-width:60ch}.bayu-shop__intro p{margin:0}.bayu-shop__intro p+p{margin-top:var(--sp-3)}.bayu-shop-strip{padding-top:var(--sp-2)}.bayu-shop-strip__list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.bayu-shop-strip__link{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--bayu-line-strong);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:var(--fw-ui);color:var(--bayu-ink);background:var(--bayu-surface)}.bayu-shop-strip__link:hover{border-color:var(--bayu-ink)}.bayu-shop-strip__link.is-current{background:var(--bayu-ink);border-color:var(--bayu-ink);color:var(--bayu-surface)}.bayu-shop-strip__link:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-shop__grid{align-items:start;grid-template-columns:1fr;gap:var(--sp-8) var(--sp-6)}@media(min-width:600px){.bayu-shop__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.bayu-shop__grid,.bayu-shop__grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-12) var(--sp-8)}.bayu-shop__grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.bayu-shop__grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.bayu-shop__grid .bayu-card__title{font-size:var(--fs-lg)}.bayu-shop__grid .bayu-card__desc{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);color:var(--bayu-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bayu-catnav{padding-top:var(--sp-2);grid-column:1 / -1}.bayu-catnav__list{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:0;list-style:none}.bayu-catnav__all{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:56px;padding:0 var(--sp-3);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-sm);color:var(--bayu-ink);border-radius:var(--radius-lg);border:1px solid transparent}.bayu-catnav__all svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-fast) var(--ease)}.bayu-catnav__all:hover{color:var(--bayu-red)}.bayu-catnav__all:hover svg{transform:translate(3px)}.bayu-catnav__all.is-current{color:var(--bayu-red)}.bayu-catnav__card{display:inline-flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-1) var(--sp-4) var(--sp-1) var(--sp-1);border:1px solid var(--bayu-line-strong, var(--bayu-line));border-radius:var(--radius-lg);background:var(--bayu-surface);color:var(--bayu-ink);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.bayu-catnav__card:hover{border-color:var(--bayu-ink)}.bayu-catnav__card.is-current{border-color:var(--bayu-red);box-shadow:inset 0 0 0 1px var(--bayu-red)}.bayu-catnav__card.is-current .bayu-catnav__title{color:var(--bayu-red)}.bayu-catnav__card--customise{border-color:var(--bayu-red)}.bayu-catnav__card--customise .bayu-catnav__pict{background:var(--bayu-red-soft, #fbeae7)}.bayu-catnav__pict{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:var(--radius);background:var(--bayu-surface-2);color:var(--bayu-ink);flex:none}.bayu-catnav__pict .bayu-cat-icon{width:32px;height:32px;display:block}.bayu-catnav__text{display:grid;gap:2px;min-width:0}.bayu-catnav__title{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-sm);white-space:nowrap}.bayu-catnav__sub{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--bayu-ink-3);line-height:1.3}.bayu-catnav__card>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;color:var(--bayu-ink-3);flex:none}.bayu-catnav__all:focus-visible,.bayu-catnav__card:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}@media(max-width:1023px){.bayu-catnav__list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2)}.bayu-catnav__list>li{min-width:0}.bayu-catnav__all{min-height:48px;padding-inline:var(--sp-2)}.bayu-catnav__card{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:var(--sp-3);width:100%;min-height:72px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2)}.bayu-catnav__pict{width:52px;height:52px;border-radius:var(--radius-lg)}.bayu-catnav__pict .bayu-cat-icon{width:34px;height:34px}.bayu-catnav__title{font-size:var(--fs-base);white-space:normal;overflow-wrap:anywhere}.bayu-catnav__sub{overflow-wrap:anywhere}}@media(min-width:600px)and (max-width:1023px){.bayu-catnav__list{grid-template-columns:repeat(2,minmax(0,1fr))}.bayu-catnav__all{grid-column:1 / -1}}@media(min-width:1024px){.bayu-catnav__list{gap:var(--sp-3)}.bayu-catnav__title{font-size:var(--fs-base)}.bayu-catnav__sub,.bayu-catnav__card>svg{display:none}}.bayu-shop__empty{display:grid;gap:var(--sp-2);padding:var(--sp-12) 0;border-top:1px solid var(--bayu-line);max-width:60ch}.bayu-shop__pagination{margin-top:var(--sp-12);display:flex;justify-content:center}.bayu-shop__pagination .pagination{display:flex;flex-wrap:wrap;gap:var(--sp-1);align-items:center}.bayu-shop__pagination .pagination a,.bayu-shop__pagination .pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:var(--fw-ui);color:var(--bayu-ink)}.bayu-shop__pagination .pagination a:hover{background:var(--bayu-surface-2)}.bayu-shop__pagination .pagination .current{background:var(--bayu-ink);color:var(--bayu-surface)}.bayu-shop__pagination .pagination a:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}@media(min-width:1024px){.bayu-shop{padding-top:var(--sp-12)}.bayu-shop__head{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end}.bayu-shop__head .bayu-shop-strip{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bayu-collection.css.map */