/* Black/gold framing with a light editorial product section. */
.ql-home{--ql-gold:#c3a16a;--ql-ink:#191919;color:#202020}
.ql-home .ql-announcement{background:#101010;color:#c8ae79;border-bottom:1px solid #b9955630}
.ql-home .ql-store-header{background:#181818;border-bottom:1px solid #b9955655}
.ql-home .ql-store-header .ql-store-brand{color:#ddc18b}
.ql-home .ql-store-header a,.ql-home .ql-store-header button{color:#ece5d7}
.ql-home .ql-store-brand small,.ql-home .ql-store-currency{color:#baa77f}
.ql-home .ql-store-header .ql-store-language select{background:#222222!important;color:#eee3ca!important;border-color:#9a8052}
.ql-home .ql-store-mobile-panel,.ql-home .ql-store-mobile[open] summary,.ql-home .ql-store-language option{background:#222222;color:#eee3ca}
.ql-home .ql-store-mobile summary svg{stroke:#dec18a}
.ql-home .ql-home-slideshow{background:#151515;color:#f3ebda}
.ql-home .ql-hero-slides:after{background:linear-gradient(90deg,rgba(18,18,18,.97),rgba(18,18,18,.84) 29%,rgba(18,18,18,.43) 48%,rgba(18,18,18,.04) 72%,transparent)}
.ql-home .ql-brand-copy h1{color:#f1e4c8;font-weight:400}
.ql-home .ql-brand-intro{color:#d4c8b0}
.ql-home .ql-brand-copy .ql-overline{color:#c5a36a}
.ql-home .ql-gold-button{background:#c4a16b;color:#171717;border-color:#c4a16b}
.ql-home .ql-gold-button:hover{background:#dcc18e}
.ql-home .ql-story-link{color:#e5d5b6;border-color:#a98a54}
.ql-home .ql-selection{border-top:1px solid #c4a16b66}
.ql-home .ql-section-heading h2{color:#292929}
.ql-home .ql-brand-culture{background:#191919;padding:52px 0;border-top:1px solid #b9955655;border-bottom:1px solid #b9955655;min-height:420px}
.ql-home .ql-culture-picture{background-image:url('/images/home/tea-mountains-silk-road-v8.webp');right:35%;width:70%;top:-52px;bottom:-52px;background-position:45% center}
.ql-home .ql-culture-title,.ql-home .ql-culture-grid>div:last-child{margin-left:56%;background:#222222;border-left:1px solid #b99556;padding-left:36px;padding-right:30px}
.ql-home .ql-brand-culture h2{color:#e5cea0}
.ql-home .ql-brand-culture p{color:#cfc4ae}
.ql-home .ql-brand-culture .ql-overline{color:#c7a66d}
.ql-home .ql-culture-values{color:#c9ab73}
.ql-home .ql-brand-culture .ql-text-link{color:#e5cea0}
.ql-carousel-accessible{position:absolute;left:16px;bottom:16px;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ql-carousel-accessible:focus-visible{width:auto;height:auto;clip-path:none;padding:10px 16px;background:#191919;color:#f1e4c8;z-index:5;outline:2px solid #c4a16b}
.ql-carousel-accessible[hidden]{display:none}
@media(max-width:640px){html[lang="zh-CN"] .ql-home .ql-brand-copy h1{font-size:clamp(22px,6.15vw,27px);line-height:1.55}}
@media(max-width:1000px){.ql-home .ql-culture-title,.ql-home .ql-culture-grid>div:last-child{margin-left:48%}}
@media(max-width:640px){.ql-home .ql-hero-slides:after{background:linear-gradient(180deg,rgba(18,18,18,.93),rgba(18,18,18,.8) 35%,rgba(18,18,18,.25) 63%,rgba(18,18,18,.04))}.ql-home .ql-brand-culture{padding:215px 0 28px}.ql-home .ql-culture-picture{inset:-215px -20px auto;width:calc(100% + 40px);height:290px;background-position:42% center}.ql-home .ql-culture-title,.ql-home .ql-culture-grid>div:last-child{margin-left:0;padding-inline:23px}.ql-home .ql-brand-culture h2{font-size:28px}}
.ql-home .ql-compliance-footer{background:#151515!important}
.ql-home .ql-tea-copy h3,.ql-home .ql-tea-copy .ql-text-link,.ql-home .ql-section-heading>a{color:#292929}

/* Homepage featured products: four visible on desktop, two on mobile, swipeable. */
.ql-home .ql-selection-actions{display:flex;align-items:center;gap:20px}
.ql-home .ql-selection-actions>.ql-text-link{color:#292929;font-size:13px;white-space:nowrap}
.ql-home .ql-product-controls{display:flex;align-items:center;gap:8px}
.ql-home .ql-product-controls button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #9d8e78;border-radius:50%;background:transparent;color:#292929;font:400 19px/1 Inter,Arial,sans-serif;cursor:pointer}
.ql-home .ql-product-controls button:hover{border-color:#96703a;background:#e9dfd0}
.ql-home .ql-product-controls button:focus-visible{outline:2px solid #96703a;outline-offset:3px}
.ql-home .ql-product-controls button:disabled{opacity:.28;cursor:default;background:transparent}
.ql-home .ql-product-controls span{min-width:40px;color:#746d60;text-align:center;font-size:11px;letter-spacing:.08em}
.ql-home .ql-compact-products{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px)/4);grid-template-columns:none!important;gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 0 18px;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-color:#b89051 #ddd3c4;scrollbar-width:thin}
.ql-home .ql-product-page{display:contents}
.ql-home .ql-compact-products .ql-tea-card{min-width:0;scroll-snap-align:start}
.ql-home .ql-tea-image{background:radial-gradient(circle at 50% 44%,#f5f0e7 0,#e8dfd1 62%,#ddd1bf 100%)}
.ql-home .ql-tea-image img{object-fit:contain}

@media(max-width:640px){
  .ql-home .ql-section-heading{align-items:flex-start;flex-direction:column;gap:18px}
  .ql-home .ql-selection-actions{width:100%;justify-content:space-between;gap:12px}
  .ql-home .ql-product-controls button{width:38px;height:38px}
  .ql-home .ql-compact-products{grid-auto-columns:calc((100% - 14px)/2);gap:14px;padding-bottom:14px}
}