/* Hanwen homepage tea selection: isolated from other product/collection sections. */
.hw-home-teas{background:#efefef;color:#302820;overflow:hidden}
.hw-home-teas *{box-sizing:border-box}
.hw-home-teas__inner{width:calc(100% - 56px);max-width:1280px;margin:0 auto;padding:54px 0 64px}
.hw-home-teas__header{margin:0 0 32px}
.hw-home-teas__title{margin:0 0 14px!important;font:500 clamp(24px,2.35vw,34px)/1.38 'Noto Serif SC','Noto Serif TC',serif!important;letter-spacing:0;color:#302820!important}
.hw-home-teas__intro{margin:0!important;max-width:1280px;font:400 15px/1.85 'Noto Sans SC','Noto Sans TC',sans-serif!important;color:#786e65!important}
.hw-home-teas__carousel{display:block;position:relative}
.hw-home-teas__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;align-items:start;touch-action:pan-y}
.hw-home-teas__item{display:flex;min-width:0;flex-direction:column;text-decoration:none!important;color:#302820!important}
.hw-home-teas__photo{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:5px;background:#e5e2de}
.hw-home-teas__photo img,.hw-home-teas__photo picture,.hw-home-teas__photo svg{display:block;width:100%;height:100%}
.hw-home-teas__photo img{object-fit:cover;transition:transform .3s ease}
@media (hover:hover){.hw-home-teas__item:hover img{transform:scale(1.045)}}
.hw-home-teas__no-photo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:400 38px/1 'Noto Serif SC',serif;color:#bab0a4}
.hw-home-teas__soldout{position:absolute;left:7px;top:7px;border-radius:2px;background:rgba(54,48,41,.78);color:#fff;font-size:11px;line-height:1.3;padding:5px 7px}
.hw-home-teas__item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:11px 0 0;min-height:2.9em;font:400 14px/1.65 'Noto Sans SC','Noto Sans TC',sans-serif;color:#302820}
.hw-home-teas__price{margin-top:5px;font:600 15px/1.5 'Noto Sans SC','Noto Sans TC',sans-serif;color:#322a23}
.hw-home-teas__buttons[hidden],.hw-home-teas__count[hidden]{display:none!important}
.hw-home-teas__arrow{position:absolute;z-index:2;width:44px;height:44px;border-radius:50%;background:rgba(250,249,246,.97);border:1px solid rgba(83,67,54,.23);box-shadow:0 3px 16px rgba(50,39,28,.10);display:flex;align-items:center;justify-content:center;color:#3e3129;font:400 24px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,opacity .2s}
.hw-home-teas__arrow--next{right:-20px;top:22%}
.hw-home-teas__arrow--prev{left:-20px;bottom:22%}
.hw-home-teas__arrow:hover:not(:disabled){background:#fff}
.hw-home-teas__arrow:disabled{opacity:.32;cursor:default;box-shadow:none}
.hw-home-teas__arrow:focus-visible,.hw-home-teas__item:focus-visible,.hw-home-teas__more:focus-visible{outline:2px solid #775d48;outline-offset:3px}
.hw-home-teas__count{text-align:center;color:#998b7f;font:400 12px/1.5 Arial,sans-serif;margin:17px 0 0}
.hw-home-teas__footer{text-align:center;margin:33px 0 0}
.hw-home-teas__more{display:inline-block;border-bottom:1px solid #755f49;padding:0 0 5px;color:#4a382b!important;font:500 14px/1.6 'Noto Sans SC','Noto Sans TC',sans-serif!important;text-decoration:none!important}
.hw-home-teas__empty{text-align:center;border:1px solid rgba(80,64,53,.15);padding:38px 12px;margin:0;color:#927d6d;font-size:14px;line-height:1.8}
/* A useful first view even if the carousel script has not loaded yet. */
@media(min-width:960px){
 .hw-home-teas__item:nth-child(n+9){display:none}
}
@media(max-width:959px){
 .hw-home-teas__inner{width:calc(100% - 36px);padding:34px 0 40px}
 .hw-home-teas__header{margin-bottom:22px;padding-right:96px}
 .hw-home-teas__title{font-size:clamp(22px,5.8vw,27px)!important;margin-bottom:12px!important}
 .hw-home-teas__intro{font-size:13px!important;line-height:1.85!important;margin-right:-96px}
 .hw-home-teas__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 13px}
 .hw-home-teas__item:nth-child(n+5){display:none}
 .hw-home-teas__photo{border-radius:5px}
 .hw-home-teas__item-title{font-size:13px;margin-top:8px}
 .hw-home-teas__price{font-size:14px}
 .hw-home-teas__buttons{position:absolute;right:0;top:-61px;width:84px;display:flex;gap:7px}
 .hw-home-teas__arrow{position:static;width:38px;height:38px;font-size:20px}
 .hw-home-teas__footer{margin-top:23px}
}
.hw-home-teas__carousel[data-ready] .hw-home-teas__item{display:flex}
.hw-home-teas__carousel[data-ready] .hw-home-teas__item[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.hw-home-teas__photo img,.hw-home-teas__arrow{transition:none}}

/* Homepage rhythm: 8 products on desktop, 4 products per mobile swipe. */
@media (min-width:960px) {
  .hw-home-teas__grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .hw-home-teas__item:nth-child(n+9){display:none;}
  .hw-home-teas__photo{aspect-ratio:1/1;border-radius:3px;}
}
@media (max-width:959px) {
  .hw-home-teas__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hw-home-teas__item:nth-child(n+5){display:none;}
}