.mobile-menu-toggle{display:none}
@media(max-width:650px){
 html{scroll-padding-top:90px}body{font-size:16px}body>header{padding:6px 4%;min-height:74px;gap:6px}
 header.mobile-ready{display:grid;grid-template-columns:minmax(0,1fr) auto auto;height:auto;min-height:74px;position:sticky;top:0}
 header.mobile-ready .brand-lockup{min-width:0;gap:3px}.mobile-ready .brand-lockup .brand{width:40px;height:56px}.mobile-ready .brand-descriptor{font-size:11px;line-height:1.35;max-width:100px;flex:1;min-width:0}
 .mobile-ready .cart-button{grid-column:3;grid-row:1;min-height:44px;padding:8px 10px;font-size:13px;gap:6px}.mobile-ready .cart-button span{min-width:23px;height:23px}
 .mobile-ready .mobile-menu-toggle{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding:8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--green);font-size:13px}
 header.mobile-ready>nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 4% 16px;background:var(--paper);box-shadow:0 14px 20px #173c3026;border-bottom:1px solid var(--line);max-height:calc(100dvh - 90px);overflow-y:auto;white-space:normal}
 header.mobile-ready.menu-open>nav{display:flex}header.mobile-ready>nav a{display:flex;align-items:center;min-height:48px;padding:10px 14px;font-size:16px;border-radius:6px}header.mobile-ready>nav a[aria-current=page]{background:#e9eee2;text-decoration:none;font-weight:600}
 .catalog-jump{padding-top:8px;padding-bottom:8px;scroll-padding-inline:16px}.catalog-jump a{min-height:44px}
 .page-heading{padding:26px 5% 22px}.page-heading h1{font-size:clamp(32px,9vw,42px);overflow-wrap:anywhere}.page-lead{font-size:20px}.full-catalog{padding-top:0}.category-heading>span{font-size:13px}
 .grid{gap:28px 12px}.card-title{font-size:20px;line-height:1.25;overflow-wrap:anywhere}.card-bottom{flex-direction:column;align-items:stretch;gap:10px}.card .price{font-size:17px}.card .add{min-height:46px;font-size:14px}.meta{line-height:1.5}.badge{max-width:calc(100% - 20px)}
 .primary,.secondary{min-height:48px;font-size:16px}.small,.catalog-note{font-size:13px;line-height:1.65}.product-facts dd{overflow-wrap:anywhere}.product-purchase{gap:12px}.product-purchase .primary{flex-basis:100%}.product-photo{max-height:380px}
 #cart-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 #cart-dialog .close{position:sticky;top:10px;float:right;margin:10px 12px -54px 0;right:auto;min-height:44px;min-width:44px;box-shadow:0 2px 8px #0001}
 .cart-inner{padding:28px 20px 28px}.cart-inner>h2{padding-right:48px}.cart-row{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px}.cart-row img{width:56px;height:68px}.cart-row h3{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.cart-row p{font-size:14px}.cart-row>div:last-child{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.qty{gap:12px}.qty button{width:44px;height:44px;font-size:20px;border-radius:6px}.qty span{min-width:24px;text-align:center}.remove{font-size:14px;min-height:44px;padding:10px}.order-fields{margin-top:20px;gap:16px}.order-fields label{margin-top:0}textarea{font-size:16px;min-height:100px}.consent-label{gap:12px;line-height:1.6}.consent-label input{width:24px;height:24px}.order-consent>p{font-size:14px;line-height:1.6;margin-left:36px}.order-consent>p a{display:inline-block;padding:6px 0}#submit-order{min-height:52px;border-radius:6px}.total{align-items:center;font-size:16px}.total strong{font-size:24px}#toast{bottom:calc(16px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);font-size:14px}
 .pagination a{min-width:44px;height:44px}.news-card .read-news{min-height:44px;font-size:16px}.news-card>p{font-size:16px}.contact-social a,.social a{display:inline-flex;align-items:center;min-height:44px}.footer-legal a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.footer-legal{gap:3px}.breadcrumbs{font-size:14px;gap:6px 10px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
 .home-v2 .tea-hero-copy{padding:27px 23px}.home-v2 .tea-hero h1{font-size:clamp(45px,12vw,70px)}.home-v2 .hero-actions .primary{width:100%;min-height:48px;font-size:16px}.home-v2 .hero-about{min-height:44px;display:inline-flex;align-items:center;font-size:15px}.home-v2 .tea-hero-scene{min-height:330px}.home-v2 .scene-caption p{font-size:26px}.home-v2 .hero-pick small{font-size:11px}.home-v2 .hero-pick{gap:12px;padding:12px}.home-v2 .hero-pick>img{width:68px;height:68px}.home-v2 .hero-pick strong{font-size:24px}.home-v2 .hero-pick span span{font-size:12px}.home-v2 .section-heading .text-link{font-size:15px;min-height:44px;display:inline-flex;align-items:center}.direction-link{font-size:14px}
}
@media(max-width:360px){.mobile-ready .brand-descriptor{font-size:10px;max-width:83px}.mobile-ready .brand-lockup .brand{width:34px}.mobile-ready .cart-button{font-size:12px;padding:8px}.mobile-ready .mobile-menu-toggle{min-width:44px;padding:6px}.cart-inner{padding-inline:16px}.grid{gap:24px 10px}.card-title{font-size:18px}}
@media(max-height:500px) and (orientation:landscape){body>header{position:relative}.catalog-jump{top:0!important}html:has(.catalog-jump){scroll-padding-top:68px}}

/* Balanced mobile header and naturally wrapping breadcrumbs. */
@media(max-width:650px){
 body>header.mobile-ready{grid-template-columns:minmax(0,1fr) 44px 44px;grid-template-rows:56px;min-height:68px;height:68px;gap:8px;padding:6px 16px;align-items:center}
 header.mobile-ready .brand-lockup{display:flex;grid-column:1;grid-row:1;align-items:center;gap:6px;min-width:0}
 header.mobile-ready .brand-lockup .brand{display:block;width:56px;height:56px;flex:0 0 56px}
 header.mobile-ready .brand-descriptor{max-width:145px;width:auto;font-size:10.5px;line-height:1.4;text-align:left;margin:0;min-width:0}
 header.mobile-ready .mobile-menu-toggle{grid-column:3;grid-row:1;justify-self:end;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:12px;background:#e9eee6;font-size:0;position:relative}
 header.mobile-ready .mobile-menu-toggle::before,header.mobile-ready .mobile-menu-toggle::after{content:'';position:absolute;left:12px;width:20px;height:2px;background:var(--green);border-radius:2px;transition:transform .15s}
 header.mobile-ready .mobile-menu-toggle::before{top:17px}
 header.mobile-ready .mobile-menu-toggle::after{top:25px}
 header.mobile-ready.menu-open .mobile-menu-toggle::before{top:21px;transform:rotate(45deg)}
 header.mobile-ready.menu-open .mobile-menu-toggle::after{top:21px;transform:rotate(-45deg)}
 header.mobile-ready .cart-button{grid-column:2;grid-row:1;justify-self:end;position:relative;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;font-size:0;gap:0}
 header.mobile-ready .cart-button::before{content:'';width:23px;height:25px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26' fill='none' stroke='%23173c30' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M4 8h16l1 15H3L4 8Z'/%3E%3Cpath d='M8 9V6a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
 header.mobile-ready .cart-button span{position:absolute;right:0;top:0;min-width:17px;width:auto;height:17px;padding:0 4px;line-height:17px;font-size:10px;border-radius:9px;box-shadow:0 0 0 2px var(--paper)}
 nav.breadcrumbs{display:block;font-size:13px;line-height:28px;padding:16px 5% 0;overflow-wrap:anywhere}
 nav.breadcrumbs>a{display:inline-block;vertical-align:baseline;min-height:0;line-height:28px;padding:0;white-space:nowrap;margin-right:8px}
 nav.breadcrumbs>a::after{content:'/';margin-left:8px;color:var(--muted)}
 nav.breadcrumbs>span:not([aria-current]){display:none}
 nav.breadcrumbs>[aria-current]{display:inline;line-height:28px;vertical-align:baseline}
}

/* Compact mobile footer. */
@media(max-width:650px){
 body>footer{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:26px 20px calc(20px + env(safe-area-inset-bottom))}
 body>footer .footer-brand{order:0;display:flex;align-items:center;gap:20px;font-size:23px;line-height:1.2;letter-spacing:.06em}
 body>footer>div:not(.footer-brand):not(.footer-legal){order:1;min-width:0;margin:16px 0 12px}
 body>footer a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px;font-size:21px;font-weight:400;letter-spacing:-.02em;color:#fff}
 body>footer .social{display:flex;align-items:center;gap:24px;margin:0}
 body>footer .social a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;border-radius:0;color:#e2e9e2;font-size:14px;text-decoration:none}
 body>footer .social a::after{content:none}
 body>footer .seo-footer{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0;padding:14px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;font-size:14px}
 body>footer .seo-footer a{display:flex;align-items:center;min-height:40px;line-height:1.4;padding:6px 0;color:#fff}
 body>footer .seo-footer a:hover,body>footer .social a:hover{color:#deec64}
 body>footer .footer-legal{order:3;display:flex;flex-direction:column;gap:0;margin:0;padding:18px 0 0;border:0;min-width:0;font-size:11px;line-height:1.6;color:#bdcdbf}
 body>footer .footer-legal>span{display:block;margin-bottom:8px;overflow-wrap:anywhere}
 body>footer .footer-legal a{display:flex;align-items:center;min-height:34px;padding:6px 0;font-size:11px;line-height:1.5;color:#bdcdbf;text-decoration:none}
 body>footer .footer-legal a:hover{color:#fff;text-decoration:underline}
 body>footer>p{order:4;margin:12px 0 0;font-size:11px;line-height:1.6;color:#bdcdbf}
 body>footer a:focus-visible{outline:2px solid #deec64;outline-offset:3px;border-radius:3px}
}

/* Social brand icons on mobile and desktop. */
footer .social a{display:inline-flex;align-items:center;gap:8px}
footer .social a::before{content:"";display:block;width:20px;height:20px;flex:0 0 20px;background:currentColor;mask:var(--social-icon) center/contain no-repeat;-webkit-mask:var(--social-icon) center/contain no-repeat}
footer .social a[href="https://t.me/hao_cha"]{--social-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21.94%204.66%2018.92%2019.2c-.23%201.03-.82%201.28-1.66.8l-4.6-3.39-2.22%202.14c-.25.25-.46.46-.94.46l.33-4.69%208.54-7.72c.37-.33-.08-.51-.57-.18L7.24%2013.27l-4.55-1.42c-.99-.31-1.01-.99.21-1.47L20.7%203.52c.82-.3%201.54.18%201.24%201.14Z%22%2F%3E%3C%2Fsvg%3E")}
footer .social a[href="https://vk.com/haocha59"]{--social-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3.2%205.5H6c.25%205.05%202.5%207.2%204.3%207.65V5.5h2.65v4.36c1.77-.19%203.62-2.2%204.24-4.36h2.64c-.47%202.66-2.49%204.67-3.92%205.5%201.43.67%203.74%202.42%204.61%205.5h-2.9c-.68-2.06-2.36-3.65-4.67-3.89v3.89h-.32C6.66%2016.5%203.48%2012.41%203.2%205.5Z%22%2F%3E%3C%2Fsvg%3E")}

/* Individual framing for single tea cakes; product details keep the full photo. */
.card-image .tea-preview{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:3px;background:#eeeee6}
.card-image .tea-preview img,.tea-app .card-image .tea-preview img{display:block;width:100%;height:100%;padding:0;object-fit:cover;transform:translate(var(--tea-x,0),var(--tea-y,0)) scale(var(--tea-scale,1));transform-origin:50% 44%;transition:none}
.tea-preview-1{--tea-scale:1.06;--tea-x:0%;--tea-y:0%;}
.tea-preview-2{--tea-scale:1.18;--tea-x:0%;--tea-y:-1%;}
.tea-preview-4{--tea-scale:1.15;--tea-x:0%;--tea-y:0%;}
.tea-preview-5{--tea-scale:1.23;--tea-x:-1%;--tea-y:0%;}
.tea-preview-6{--tea-scale:1.24;--tea-x:-1%;--tea-y:0%;}
.tea-preview-7{--tea-scale:1;--tea-x:0%;--tea-y:0%;}
.tea-preview-8{--tea-scale:1.24;--tea-x:0%;--tea-y:-1%;}
.tea-preview-9{--tea-scale:1.28;--tea-x:0%;--tea-y:-1%;}
.tea-preview-10{--tea-scale:1.08;--tea-x:0%;--tea-y:1%;}
.tea-preview-11{--tea-scale:1.24;--tea-x:0%;--tea-y:-5%;}
.tea-preview-15{--tea-scale:1.42;--tea-x:0%;--tea-y:-1%;}
.tea-preview-16{--tea-scale:1.32;--tea-x:0%;--tea-y:0%;}
.tea-preview-17{--tea-scale:1.25;--tea-x:0%;--tea-y:0%;}
.tea-preview-18{--tea-scale:1.3;--tea-x:0%;--tea-y:0%;}
.tea-preview-21{--tea-scale:1.29;--tea-x:0%;--tea-y:-1%;}
.tea-preview-22{--tea-scale:1.29;--tea-x:0%;--tea-y:0%;}
.tea-preview-23{--tea-scale:1.18;--tea-x:0%;--tea-y:0%;}
.tea-preview-26{--tea-scale:1.22;--tea-x:0%;--tea-y:0%;}
.tea-preview-27{--tea-scale:1.04;--tea-x:0%;--tea-y:0%;}
.tea-preview-28{--tea-scale:1.19;--tea-x:0%;--tea-y:0%;}
.tea-preview-41{--tea-scale:1.16;--tea-x:0%;--tea-y:0%;}
.tea-preview-42{--tea-scale:1.2;--tea-x:0%;--tea-y:0%;}

/* Original logo lettering, arranged on one line. */
body>footer .footer-brand .footer-wordmark{display:inline-flex;align-items:center;gap:9px;margin:0;width:169px;height:34px;flex:none}
body>footer .footer-wordmark>span{display:block;flex:0 0 80px;width:80px;height:34px;margin:0;background-image:url('/assets/logo.png');background-repeat:no-repeat;background-size:130px 130px;filter:invert(1);mix-blend-mode:screen}
body>footer .footer-wordmark .wordmark-hao{background-position:-24px -27px}
body>footer .footer-wordmark .wordmark-cha{background-position:-24px -70px}