.shop-grid-homepage{--shop-grid-meta-height: 9.2rem;margin:28px auto}.shop-grid-homepage__header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.shop-grid-homepage__header h2{margin:0 0 6px;font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.14;letter-spacing:0}.shop-grid-homepage__header p{margin:0;max-width:680px;color:#526154;line-height:1.5}.shop-grid-homepage__view-all{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border:1px solid #cfd9cf;border-radius:6px;background:#fff;color:#1f2a20;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap}.shop-grid-homepage__view-all:hover{border-color:#246b45;color:#246b45;background:#eef7f0}.shop-grid-homepage__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:190px;gap:14px;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:0 2px 12px}.shop-grid-card{min-width:0}.shop-grid-card{scroll-snap-align:start}.shop-grid-card__cover{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border:0;padding:0;border-radius:8px;overflow:hidden;background:#f2f0eb;cursor:pointer}.shop-grid-card__cover img{width:100%;height:100%;object-fit:cover;display:block}.shop-grid-card__badge{position:absolute;left:10px;bottom:10px;right:10px;padding:8px 10px;border-radius:6px;background:#ffffffeb;color:#111;font-size:.86rem;font-weight:800;line-height:1.15;text-align:center}.shop-grid-card__meta,.shop-grid-skeleton__meta{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;height:var(--shop-grid-meta-height);margin-top:9px}.shop-grid-card__thumb{width:54px;height:54px;object-fit:cover;border-radius:6px;background:#f4f4f4}.shop-grid-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#1f2a20;text-decoration:none;font-size:1rem;font-weight:800;line-height:1.2}.shop-grid-card__price{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;color:#111;font-size:.98rem;line-height:1.4;font-weight:800;margin-top:3px}.shop-grid-card__compare{color:#777;font-weight:500;text-decoration:line-through}.shop-grid-homepage-modal[hidden]{display:none}.shop-grid-homepage-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:20px}.shop-grid-homepage-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.shop-grid-homepage-modal__dialog{position:relative;width:min(1020px,100%);max-height:min(92vh,980px);display:grid;grid-template-columns:minmax(260px,430px) minmax(260px,1fr);gap:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 22px 90px #00000059}.shop-grid-homepage-modal__image{width:100%;height:min(92vh,760px);object-fit:contain;background:#111}.shop-grid-homepage-modal__info{padding:24px;overflow:auto}.shop-grid-homepage-modal__info h2{margin:12px 0 8px;font-size:1.55rem;line-height:1.15;letter-spacing:0}.shop-grid-homepage-modal__info p{color:#354035;line-height:1.55;white-space:pre-line}.shop-grid-homepage-modal__tag{display:inline-flex;padding:10px 14px;border-radius:6px;background:#246b45;color:#fff;text-decoration:none;font-weight:800}.shop-grid-homepage-modal__price{display:flex;gap:8px;align-items:baseline;font-weight:800;color:#111}.shop-grid-homepage-modal__compare{color:#777;font-weight:500;text-decoration:line-through}.shop-grid-homepage-modal__close{position:absolute;top:10px;right:10px;z-index:4;width:38px;height:38px;border:0;border-radius:999px;background:#000000ad;color:#fff;font-size:1.6rem;cursor:pointer}.shop-grid-homepage-modal__nav{position:absolute;top:50%;z-index:3;width:42px;height:54px;border:0;border-radius:6px;background:#ffffffdb;color:#111;font-size:2rem;cursor:pointer}.shop-grid-homepage-modal__nav--prev{left:10px}.shop-grid-homepage-modal__nav--next{left:378px}@media(max-width:989px){.shop-grid-homepage__track{grid-auto-columns:34%}}@media(max-width:749px){.shop-grid-homepage__header{display:block}.shop-grid-homepage__view-all{width:100%;margin-top:12px}.shop-grid-homepage__track{grid-auto-columns:68%;gap:10px}.shop-grid-homepage-modal{padding:0}.shop-grid-homepage-modal__dialog{width:100%;height:100%;max-height:none;border-radius:0;grid-template-columns:1fr;grid-template-rows:minmax(0,62vh) minmax(0,38vh)}.shop-grid-homepage-modal__image{height:62vh}.shop-grid-homepage-modal__info{padding:16px}.shop-grid-homepage-modal__nav--next{left:auto;right:10px}}.shop-grid-skeleton{scroll-snap-align:start;min-width:0}.shop-grid-skeleton__cover{display:block;aspect-ratio:9 / 16;border-radius:8px;background:linear-gradient(100deg,#edf0ed 25%,#fafbfa 40%,#edf0ed 60%);background-size:220% 100%;animation:shopGridPulse 1.4s ease infinite}.shop-grid-skeleton__thumb{width:54px;height:54px;border-radius:6px;background:#e6ebe7}.shop-grid-skeleton i,.shop-grid-skeleton b{display:block;height:14px;border-radius:8px;background:#e6ebe7}.shop-grid-skeleton b{width:68%;margin-top:7px}.shop-grid-homepage.is-unavailable .shop-grid-skeleton{visibility:hidden}.shop-grid-homepage.is-unavailable .shop-grid-skeleton__cover{animation:none}.shop-grid-homepage__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-wrap:wrap;gap:.3em;align-content:center;justify-content:center;margin:0;padding:20px;border:1px solid #dbe3dc;border-radius:8px;background:#f7faf7;color:#1f2a20}@keyframes shopGridPulse{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.shop-grid-skeleton__cover{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/shop-grid-homepage3.css.map */