.huat-col{background:#faf7f2;font-family:var(--font-body-family),sans-serif}.huat-col *{box-sizing:border-box}.huat-col__hero{background:#1c1917;padding:56px 48px;position:relative;overflow:hidden;border-left:3px solid #C0392B}.huat-col__hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.huat-col__hero:before{content:none}.huat-col__eyebrow{font-size:9px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:#c0392b;margin-bottom:12px;display:flex;align-items:center;gap:10px}.huat-col__eyebrow:before{content:"";display:inline-block;width:18px;height:1px;background:#c0392b;flex-shrink:0}.huat-col__hero-title{font-family:var(--font-heading-family),serif;font-size:36px;font-weight:300;color:#faf7f2;margin:0 0 8px;letter-spacing:.01em;line-height:1.2}.huat-col__hero-desc{font-size:12px;font-weight:300;color:#faf7f266;letter-spacing:.06em;line-height:1.7;max-width:860px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:none}.huat-col__hero-desc.is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.huat-col__hero-read-more{background:none;border:none;cursor:pointer;font-family:var(--font-body-family),sans-serif;font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#c0392b;padding:8px 0 0;display:none;align-items:center;gap:6px;transition:opacity .2s}.huat-col__hero-read-more:hover{opacity:.7}.huat-col__hero-read-more.visible{display:flex}.huat-col__hero-count{font-size:10px;font-weight:300;color:#faf7f259;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.huat-col__toolbar{max-width:1200px;margin:0 auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #E5DDD5;flex-wrap:wrap}.huat-col__filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.huat-col__filter{padding:7px 16px;font-family:var(--font-body-family),sans-serif;font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;border:1px solid #E5DDD5;background:#fff;color:#57534e;cursor:pointer;transition:all .2s ease}.huat-col__filter:hover,.huat-col__filter.is-active{background:#1c1917;color:#faf7f2;border-color:#1c1917}.huat-col__filter--stock:hover,.huat-col__filter--stock.is-active{background:#c0392b;border-color:#c0392b;color:#fff}.huat-col__filter-sep{width:1px;height:20px;background:#e5ddd5;margin:0 2px}.huat-col__toolbar-right{display:flex;align-items:center;gap:12px}.huat-col__count{font-size:10px;font-weight:300;color:#a8a29e;letter-spacing:.1em;white-space:nowrap}.huat-col__sort{display:flex;align-items:center;gap:8px}.huat-col__sort-label{font-size:9px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#a8a29e}.huat-col__sort-select{border:1px solid #E5DDD5;background:#fff;color:#57534e;font-family:var(--font-body-family),sans-serif;font-size:10px;letter-spacing:.06em;padding:6px 28px 6px 10px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23A8A29E'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.huat-col__body{max-width:1200px;margin:0 auto;padding:32px 48px 64px}.huat-col__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.huat-col__card{background:#fff;display:none;flex-direction:column;position:relative;transition:background .2s ease;border-right:1px solid #E5DDD5;border-bottom:1px solid #E5DDD5}.huat-col__card--visible{display:flex!important}.huat-col__card:hover{background:#faf7f2}.huat-col__card[data-sold-out=true]{opacity:.75}.huat-col__img-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#f4f0eb;display:block}.huat-col__img--primary{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .35s ease;z-index:1;display:block}.huat-col__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;transition:opacity .35s ease;display:block}.huat-col__img-wrap:hover .huat-col__img--primary{opacity:0}.huat-col__img-wrap:hover .huat-col__img--secondary{opacity:1}.huat-col__img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family),serif;font-size:40px;color:#c0392b1f;background:#f4f0eb}.huat-col__badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:3}.huat-col__badge{font-size:8px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;display:inline-block}.huat-col__badge--new{background:#1c1917;color:#faf7f2}.huat-col__badge--sale{background:#c0392b;color:#fff}.huat-col__badge--low{background:#e07b10;color:#fff}.huat-col__badge--oos{background:#a8a29e;color:#fff}.huat-col__incart{position:absolute;top:10px;right:10px;background:#1c1917;color:#faf7f2;font-size:9px;padding:3px 8px;z-index:3;display:none}.huat-col__incart.visible{display:block}.huat-col__stock-bar-wrap{position:absolute;bottom:0;left:0;right:0;height:2px;background:#e5ddd5;z-index:3}.huat-col__stock-bar{height:100%;background:#c0392b;transition:width .4s ease}.huat-col__stock-bar.low{background:#e07b10}.huat-col__stock-bar.empty{background:#e5ddd5}.huat-col__card-body{padding:14px 16px 10px;flex:1;display:flex;flex-direction:column;gap:3px}.huat-col__vendor{font-size:8px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#a8a29e}.huat-col__title{font-family:var(--font-heading-family),serif;font-size:13px;font-weight:400;color:#1c1917;line-height:1.4;letter-spacing:.01em}.huat-col__price-row{display:flex;align-items:baseline;gap:8px;margin-top:6px}.huat-col__price{font-size:13px;font-weight:400;color:#1c1917}.huat-col__price.oos{color:#a8a29e}.huat-col__compare{font-size:11px;color:#a8a29e;text-decoration:line-through}.huat-col__stock-label{font-size:9px;font-weight:300;color:#a8a29e;letter-spacing:.06em;margin-top:2px}.huat-col__stock-label.low{color:#e07b10}.huat-col__card-footer{padding:8px 16px 14px;display:flex;gap:6px;align-items:center}.huat-col__qty-btn{width:32px;height:32px;border:1px solid #E5DDD5;background:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#57534e;transition:all .15s ease;flex-shrink:0;padding:0}.huat-col__qty-btn:hover:not(:disabled){border-color:#1c1917;color:#1c1917}.huat-col__qty-btn:disabled{opacity:.3;cursor:not-allowed}.huat-col__qty-num{font-size:12px;color:#1c1917;min-width:20px;text-align:center;letter-spacing:.04em}.huat-col__atc{flex:1;background:#1c1917;color:#faf7f2;border:none;padding:0 12px;height:32px;font-family:var(--font-body-family),sans-serif;font-size:9px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.huat-col__atc:hover:not(:disabled){background:#c0392b}.huat-col__atc:disabled{background:#e5ddd5;color:#a8a29e;cursor:not-allowed}.huat-col__atc svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.huat-col__atc.loading{background:#57534e;pointer-events:none}.huat-col-qv{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191799;z-index:10000;align-items:center;justify-content:center;padding:16px}.huat-col-qv.open{display:flex}.huat-col-qv__box{background:#faf7f2;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;display:grid;grid-template-columns:1fr 1fr}.huat-col-qv__close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#faf7f2;border:1px solid #E5DDD5;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.huat-col-qv__close:hover{background:#1c1917;color:#faf7f2}.huat-col-qv__img{background:#f4f0eb;aspect-ratio:1/1;overflow:hidden}.huat-col-qv__img img{width:100%;height:100%;object-fit:cover;display:block}.huat-col-qv__body{padding:32px 24px;display:flex;flex-direction:column;gap:14px}.huat-col-qv__vendor{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#c0392b}.huat-col-qv__name{font-family:var(--font-heading-family),serif;font-size:18px;font-weight:400;color:#1c1917;line-height:1.3}.huat-col-qv__price{font-size:16px;color:#1c1917}.huat-col-qv__opt-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#a8a29e}.huat-col-qv__variants{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.huat-col-qv__vbtn{padding:7px 14px;border:1px solid #E5DDD5;background:#fff;font-family:var(--font-body-family),sans-serif;font-size:11px;color:#57534e;cursor:pointer}.huat-col-qv__vbtn:hover:not(:disabled){border-color:#1c1917;color:#1c1917}.huat-col-qv__vbtn.sel{background:#1c1917;border-color:#1c1917;color:#faf7f2}.huat-col-qv__vbtn:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.huat-col-qv__qty-row{display:flex;align-items:center;gap:8px}.huat-col-qv__qbtn{width:32px;height:32px;border:1px solid #E5DDD5;background:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.huat-col-qv__qbtn:disabled{opacity:.3;cursor:not-allowed}.huat-col-qv__qnum{font-size:13px;min-width:24px;text-align:center}.huat-col-qv__status{font-size:11px;color:#a8a29e;min-height:16px}.huat-col-qv__atc{width:100%;height:44px;background:#1c1917;color:#faf7f2;border:none;font-family:var(--font-body-family),sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .2s}.huat-col-qv__atc:hover:not(:disabled){background:#c0392b}.huat-col-qv__atc:disabled{background:#e5ddd5;color:#a8a29e;cursor:not-allowed}.huat-col-qv__link{text-align:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a8a29e;text-decoration:none}.huat-col-qv__link:hover{color:#c0392b}@media(max-width:640px){.huat-col-qv__box{grid-template-columns:1fr}.huat-col-qv__img{aspect-ratio:4/3}}.huat-col__empty{grid-column:1 / -1;padding:80px 24px;text-align:center;background:#fff;display:none}.huat-col__empty-kanji{font-family:var(--font-heading-family),serif;font-size:48px;color:#c0392b1a;margin-bottom:12px}.huat-col__empty-text{font-size:11px;font-weight:300;color:#a8a29e;letter-spacing:.1em;text-transform:uppercase}.huat-col__pagination{display:none;align-items:center;justify-content:center;gap:4px;margin-top:40px;padding-top:32px;border-top:1px solid #E5DDD5;flex-wrap:wrap}.huat-col__page-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #E5DDD5;background:#fff;color:#57534e;font-family:var(--font-body-family),sans-serif;font-size:11px;letter-spacing:.08em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.huat-col__page-btn:hover:not(:disabled){border-color:#1c1917;color:#1c1917}.huat-col__page-btn.is-active{background:#1c1917;border-color:#1c1917;color:#faf7f2}.huat-col__page-btn:disabled{opacity:.3;cursor:not-allowed}.huat-col__page-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.huat-col__page-ellipsis{font-size:11px;color:#a8a29e;padding:0 4px;line-height:36px}.huat-col__page-info{width:100%;text-align:center;font-size:10px;font-weight:300;color:#a8a29e;letter-spacing:.1em;margin-top:10px}.huat-col__toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:#1c1917;color:#faf7f2;font-family:var(--font-body-family),sans-serif;font-size:11px;font-weight:300;letter-spacing:.08em;padding:12px 20px;border-left:3px solid #C0392B;z-index:9999;opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none;white-space:nowrap}.huat-col__toast.visible{transform:translate(-50%) translateY(0);opacity:1}@media(max-width:1024px){.huat-col__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.huat-col__hero{padding:40px 24px}.huat-col__toolbar{padding:16px 24px;flex-direction:column;align-items:stretch;gap:12px}.huat-col__body{padding:24px 24px 48px}.huat-col__grid{grid-template-columns:repeat(2,1fr)}.huat-col__hero-inner{flex-direction:column;align-items:flex-start}.huat-col__filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.huat-col__filters::-webkit-scrollbar{display:none}.huat-col__filter,.huat-col__filter-sep{flex-shrink:0}.huat-col__toolbar-right{width:100%;justify-content:space-between}.huat-col__sort-select{min-width:140px}}@media(max-width:480px){.huat-col__grid{grid-template-columns:1fr}}@media(max-width:390px){.huat-col__hero{padding:32px 16px}.huat-col__hero-title{font-size:26px}.huat-col__toolbar{padding:12px 16px}.huat-col__body{padding:16px 16px 40px}.huat-col__filters{gap:4px}.huat-col__filter{padding:6px 10px;font-size:9px}.huat-col__title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/huattoru-collection.css.map */