/* Compact homepage and culture, 2026-10-04. No checkout rules. */
.ql-home .ql-store-nav{min-height:68px}
.ql-home .ql-home-slideshow{position:relative;isolation:isolate;min-height:420px;background:#191919;overflow:hidden}
.ql-home .ql-home-slideshow:before{display:none}
.ql-hero-slides,.ql-hero-slide{position:absolute;inset:0;z-index:-2}
.ql-hero-slide{opacity:0;transition:opacity 1.4s ease;overflow:hidden}
.ql-hero-slide.is-active{opacity:1}
.ql-hero-slide img{width:100%;height:100%;object-fit:cover;object-position:65% 56%;display:block}
.ql-hero-slide.ql-scene-aerial img{object-position:65% 48%}
.ql-hero-slide.ql-scene-withering img{object-position:65% 62%}
.ql-hero-slide.ql-scene-longjing img{object-position:65% 70%}
.ql-hero-slide.ql-scene-frying img{object-position:65% 92%}
.ql-hero-slides:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,16,16,.9),rgba(16,16,16,.68) 38%,rgba(16,16,16,.12) 80%);z-index:1}
.ql-home .ql-home-slideshow .ql-design-wrap{min-height:420px;position:relative;z-index:1}
.ql-home .ql-brand-copy{padding:38px 0 58px;width:54%;max-width:620px}
.ql-home .ql-brand-copy h1{font-size:clamp(42px,4.4vw,64px);line-height:1.02;margin-bottom:18px}
.ql-home .ql-overline{font-size:10px;margin-bottom:15px}
.ql-home .ql-brand-intro{font-size:15px;line-height:1.6;margin-bottom:21px;max-width:380px}
.ql-home .ql-gold-button{min-height:44px;font-size:17px;padding:8px 22px}
.ql-home .ql-story-link{margin-top:9px;font-size:12px}
.ql-hero-tools{position:absolute;bottom:10px;right:28px;z-index:2;display:flex;align-items:center;gap:15px;font-size:11px;color:#eee9dd}
.ql-hero-tools a{text-decoration:none;color:inherit;text-shadow:0 1px 3px #000}
.ql-hero-tools button{border:0;background:rgba(16,16,16,.45);color:inherit;min-height:32px;padding:5px 9px;font:inherit;cursor:pointer;border-radius:2px}
.ql-hero-tools button[hidden]{display:none}
.ql-home .ql-selection{padding-top:35px;padding-bottom:34px;max-width:1160px}
.ql-home .ql-section-heading{display:block;text-align:center;margin-bottom:22px}
.ql-home .ql-section-heading h2{font-size:38px;margin-bottom:6px}
.ql-home .ql-section-heading p{font-size:13px}
.ql-home .ql-compact-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;overflow:visible;padding:0;margin:0;scroll-snap-type:none}
.ql-home .ql-tea-card{text-align:center;min-width:0}
.ql-home .ql-tea-image{height:168px;aspect-ratio:auto;background:transparent;overflow:visible}
.ql-home .ql-tea-image img{width:auto;max-width:100%;height:100%;object-fit:contain;border-radius:3px}
.ql-home .ql-tea-copy{padding:10px 0 0}
.ql-home .ql-tea-copy>small{display:none}
.ql-home .ql-tea-copy h3{font-size:22px;line-height:1.2;max-width:300px;margin:5px auto 8px;letter-spacing:0}
.ql-home .ql-tea-price{justify-content:center;font-size:14px;margin:6px 0 1px}
.ql-home .ql-tea-copy .ql-text-link{min-height:38px;font-size:12px;padding:5px 0;gap:16px}
.ql-home .ql-all-teas{display:flex;width:max-content;margin:20px auto 0;font-size:13px;min-width:165px;min-height:38px;padding:5px 0}
.ql-brand-culture{background-color:#191919;background-image:linear-gradient(90deg,rgba(19,19,19,.92),rgba(19,19,19,.63)),url('/images/home/QIAN_LU-card-silk-road-v2.webp');background-position:center 52%;background-size:cover;color:#f8f5ec;padding:42px 0}
.ql-culture-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;max-width:1160px}
.ql-brand-culture h2{font:500 40px/1.08 var(--ql-serif);margin:0;max-width:400px}
.ql-brand-culture p:not(.ql-overline){font-size:14px;line-height:1.8;color:#e1ded4;margin:0 0 14px}
.ql-culture-values{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;margin:12px 0}
.ql-culture-values span+span{border-left:1px solid #9a8e77;padding-left:22px}
.ql-brand-culture .ql-text-link{font-size:13px;min-height:36px;padding:5px 0;border-color:#a19479}
.ql-photo-credits{padding-top:12px;padding-bottom:12px;font-size:12px;line-height:1.7;color:#636363}
.ql-photo-credits summary{cursor:pointer;width:max-content}
.ql-photo-credits a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ql-photo-credits ul{padding-left:18px}
.ql-tea-culture-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.ql-catalog .card .image{background:transparent;aspect-ratio:auto;height:190px}
.ql-catalog .card .image img{object-fit:contain;height:100%;width:100%}
.ql-catalog .grid{gap:30px}
.ql-catalog .name{font-size:22px}
.ql-catalog .content{padding:12px 0}
html[lang="zh-CN"] .ql-home .ql-brand-copy h1{font-size:48px;line-height:1.35}
html[lang="zh-CN"] .ql-home .ql-tea-copy h3{font-size:21px}
html[lang="zh-CN"] .ql-brand-culture h2{font-size:32px;line-height:1.5}
@media(max-width:680px){
 .ql-home .ql-home-slideshow,.ql-home .ql-home-slideshow .ql-design-wrap{min-height:370px}
 .ql-home .ql-brand-copy{width:100%;max-width:340px;padding:30px 0 62px}
 .ql-home .ql-brand-copy h1{font-size:38px;max-width:300px}
 .ql-home .ql-brand-intro{font-size:13px;max-width:265px;margin-bottom:16px}
 .ql-home .ql-overline{font-size:9px;margin-bottom:13px}
 .ql-home .ql-gold-button{font-size:16px;min-height:44px}
 .ql-hero-slides:after{background:linear-gradient(90deg,rgba(16,16,16,.85),rgba(16,16,16,.58) 63%,rgba(16,16,16,.28))}
 .ql-hero-slide img{object-position:78% 55%}.ql-hero-slide.ql-scene-frying img{object-position:60% 85%}
 .ql-hero-tools{right:16px;left:20px;bottom:7px;justify-content:space-between;gap:7px;font-size:10px}
 .ql-home .ql-selection{padding:26px 0 28px}
 .ql-home .ql-section-heading{margin-bottom:20px}
 .ql-home .ql-section-heading h2{font-size:30px}
 .ql-home .ql-section-heading p{font-size:12px}
 .ql-home .ql-compact-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
 .ql-home .ql-tea-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc((100% - 16px)/2);justify-self:center;width:100%}
 .ql-home .ql-tea-image{height:112px}
 .ql-home .ql-tea-copy h3{font-size:18px;line-height:1.2}
 .ql-home .ql-tea-price{font-size:13px}
 .ql-home .ql-tea-copy .ql-text-link{font-size:12px;min-height:38px}
 .ql-brand-culture{padding:30px 0}
 .ql-culture-grid{grid-template-columns:1fr;gap:20px}
 .ql-brand-culture h2{font-size:30px;max-width:310px}
 .ql-brand-culture p:not(.ql-overline){font-size:13px}
 .ql-culture-values{font-size:12px;gap:8px 12px}.ql-culture-values span+span{padding-left:12px}
 .ql-catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .ql-catalog .card .image{height:125px}.ql-catalog .name{font-size:19px}
 .ql-tea-culture-cards{grid-template-columns:1fr}
 html[lang="zh-CN"] .ql-home .ql-brand-copy h1{font-size:32px;line-height:1.4}
 html[lang="zh-CN"] .ql-home .ql-tea-copy h3{font-size:18px}
 html[lang="zh-CN"] .ql-brand-culture h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.ql-hero-slide{transition:none}}