/* Confirmed presentation changes, 2026-10-17. */
.product-summary{display:flex;align-items:center;gap:16px;min-width:0}
.product-thumb{flex:0 0 112px;display:block;overflow:hidden;border-radius:12px;background:#e8f9ee}
.product-thumb img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.product-summary-copy{min-width:0;flex:1}
.product-summary-copy .title{display:block;color:var(--text-dark);text-decoration:none;line-height:1.6}
.product-summary-copy .title:hover{color:var(--green-dark)}
.product-summary-copy small{display:block;margin-top:5px}
.product-table tbody tr:first-child.featured-product{background:#f2fcf6}
.product-table .buy-link{white-space:nowrap;padding:9px 20px}
.filter-note{padding:16px;text-align:center;color:var(--text-mid)}
.product-d-detail>*{min-width:0}
.product-layout{gap:28px;align-items:start}
.product-hero{grid-column:1/-1;margin:0 auto;width:100%;max-width:960px;overflow:hidden;border-radius:24px;background:#effaf3}
.product-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.product-layout .product-d-title{font-size:25px;line-height:1.55;overflow-wrap:anywhere}
.product-spec-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid #e6edf1;border-radius:14px;overflow:hidden;margin:0}
.product-spec-grid .spec-row{min-width:0;display:flex;flex-wrap:wrap;align-content:center;gap:4px 8px;padding:14px 12px;border:0;margin:0}
.product-spec-grid .spec-row:nth-child(odd){border-right:1px solid #e6edf1}
.product-spec-grid .spec-row:nth-child(-n+2){border-bottom:1px solid #e6edf1}
.product-spec-grid .spec-label{flex:0 0 auto;gap:6px;font-size:13px}
.product-spec-grid .spec-label i{width:16px;font-size:14px}
.product-spec-grid .spec-value{flex:0 1 auto;min-width:0;font-size:13px;overflow-wrap:anywhere}
.payment-methods{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.payment-methods .payment-method{min-width:0;min-height:48px;flex-direction:row;justify-content:flex-start;gap:8px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.25;text-align:left}
.payment-methods .payment-icon{flex:0 0 24px}
.payment-methods .payment-icon img{display:block;width:24px;height:24px;border-radius:50%}
.payment-text{min-width:0;white-space:nowrap}
.payment-method.selected::after{content:'✓';margin-left:auto;color:var(--green-dark);font-size:14px;font-weight:700}
.payment-method:focus-visible,.filter-btn:focus-visible,.product-summary-copy .title:focus-visible{outline:3px solid #06ad56;outline-offset:3px}
.purchase-options{min-width:0;gap:15px}
.purchase-options .email-input{font-size:16px}
@media(min-width:993px){.product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:768px){
 .nav-container{position:relative}
 .nav-menu{position:absolute;left:0;right:0;top:60px;margin-top:0;box-shadow:var(--shadow);z-index:1100}
 .filter-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}
 .filter-btn{width:100%;padding:11px 8px;font-size:14px}
 .product-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:16px;margin-bottom:14px}
 .product-table tbody tr[style*="display: none"]{display:none!important}
 .product-table tbody td{width:auto;padding:0;border:0;min-width:0;display:block;background:transparent!important}
 .product-table td::before{display:none}
 .product-table tbody td:first-child{grid-column:1/-1;margin-bottom:6px}
 .product-summary{gap:12px}
 .product-thumb{flex-basis:96px;border-radius:10px}
 .product-summary-copy .title{font-size:14px;line-height:1.65}
 .product-summary-copy small{display:none}
 .product-table td[data-label="库存"]{font-size:12px;white-space:nowrap}
 .product-table td[data-label="价格"]{font-size:20px}
 .product-table .buy-link{font-size:13px;padding:9px 13px}
 .product-layout{padding:14px;gap:20px;border-radius:24px}
 .product-hero{border-radius:16px}
 .product-layout .product-d-title{font-size:20px;line-height:1.6;margin-bottom:10px}
 .product-layout .product-d-price{font-size:30px;margin-bottom:16px}
 .product-spec-grid .spec-row{padding:12px 9px;gap:5px}
 .product-spec-grid .spec-label,.product-spec-grid .spec-value{font-size:12px}
 .product-spec-grid .spec-label{gap:4px}
 .product-spec-grid .spec-label i{font-size:12px;width:13px}
 .purchase-options{padding:18px 12px;gap:14px;border-radius:20px}
 .payment-methods{gap:8px}
 .payment-methods .payment-method{padding:10px 8px;gap:5px;font-size:12px;min-height:46px}
 .payment-methods .payment-icon{flex-basis:22px}
 .payment-methods .payment-icon img{width:22px;height:22px}
 .product-layout .product-d-description{padding:8px 2px;margin-top:0}
}
@media(max-width:359px){.product-table tbody tr{padding:12px;gap:6px}.product-thumb{flex-basis:80px}.product-table .buy-link{padding:9px}.payment-method.selected::after{display:none}.payment-methods .payment-method{font-size:11px}}

/* Homepage cards matching the approved visual preview. */
.storefront-home{background:radial-gradient(ellipse at 100% 0,rgba(141,231,215,.2),transparent 45%),linear-gradient(140deg,#eff9ff,#f0f5fa)}
.storefront-home .navbar{background:transparent;border:0;box-shadow:none;position:relative}
.storefront-home .main-container{max-width:1000px;padding:0 20px 60px;margin:0 auto}
.storefront-home .hero-section{padding:24px 8px 22px;text-align:left;max-width:none}
.storefront-home .hero-text h1{font-size:38px;line-height:1.25;letter-spacing:-1px;background:none;-webkit-text-fill-color:initial;color:#142c30;margin:0 0 6px}
.storefront-home .hero-text p{font-size:17px;margin:0;color:#6a7e8a;max-width:none}
.storefront-home .hero-stats,.storefront-home #products>.section-sub{display:none}
.storefront-home .filter-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:0 0 20px}
.storefront-home .filter-btn{padding:11px 5px;border-radius:12px;width:100%;font-size:14px;white-space:nowrap}
.catalog-heading{font-size:20px;line-height:1.3;display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#20373f}
.catalog-heading::before{content:'';width:4px;height:18px;border-radius:4px;background:#07b65b}
.storefront-home .product-table-wrap{padding:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
.storefront-home .product-table,.storefront-home .product-table tbody{display:block;width:100%}
.storefront-home .product-table thead{display:none}
.storefront-home .product-table tbody tr{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 106px;grid-template-rows:minmax(27px,auto) minmax(22px,auto) 18px 30px;column-gap:16px;row-gap:0;padding:14px;margin:0 0 12px;border:1px solid #e6edf1;border-radius:18px;background:#fff;overflow:hidden;width:100%;box-shadow:0 4px 15px #23483f04}
.storefront-home .product-table tbody tr:first-child.featured-product{border-color:#40cc7d;background:linear-gradient(110deg,#fff,#f5fff9)}
.storefront-home .product-table tbody tr[style*="display: none"]{display:none!important}
.storefront-home .product-table tbody td{display:block;width:auto;padding:0;margin:0;border:0;background:transparent!important;min-width:0}
.storefront-home .product-table tbody td::before{display:none}
.storefront-home .product-table tbody td:first-child,.storefront-home .product-summary,.storefront-home .product-summary-copy{display:contents}
.storefront-home .product-thumb{grid-column:1;grid-row:1/5;position:relative;align-self:stretch;min-height:100px;border-radius:12px;width:100%;background:#e2f9e8;overflow:hidden}
.storefront-home .product-thumb img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:100% 50%;position:absolute;inset:0;transform:scale(1.65);transform-origin:100% 50%}
.thumb-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 0 3px;text-align:center;background:linear-gradient(transparent,#e2f8e8 55%);font-size:29px;line-height:1.1;font-weight:800;color:#00632e;letter-spacing:1px}
.storefront-home .product-table .title{display:block;grid-column:2/4;grid-row:1;font-size:18px;line-height:1.5;font-weight:750;color:#132b35;text-decoration:none;padding-right:0;align-self:center}
.storefront-home .product-summary-copy small{display:block;grid-column:2/4;grid-row:2;font-size:13px;color:#71818c;line-height:1.5;margin:0;align-self:center}
.storefront-home .product-table td[data-label="库存"]{grid-column:3;grid-row:3;text-align:center;font-size:11px;line-height:18px;color:#13a755;align-self:center;white-space:nowrap}
.storefront-home .product-table td[data-label="价格"]{grid-column:2;grid-row:3/5;align-self:center;font-size:25px;color:#f05235;font-weight:800;line-height:1.1}
.storefront-home .product-table td[data-label="购买"]{grid-column:3;grid-row:4;align-self:end;text-align:center}
.storefront-home .product-table .buy-link{display:block;padding:5px 8px;font-size:13px;line-height:20px;border-radius:8px;box-shadow:0 3px 9px #07c16020;white-space:nowrap}
.featured-badge{position:absolute;top:0;right:0;background:#13b45b;color:#fff;font-size:10px;line-height:19px;padding:0 10px 0 15px;border-radius:0 16px 0 13px}
.storefront-home .product-table tbody tr:not(.featured-product){grid-template-columns:0 minmax(0,1fr) 106px;column-gap:0}
.storefront-home .product-table tbody tr:not(.featured-product) .title{font-size:15px;padding-right:10px}
.storefront-home .product-table tbody tr:not(.featured-product) td:first-child{display:block;grid-column:2/4;grid-row:1/3;font-size:15px;line-height:1.5;padding-right:0}
.storefront-home .product-table tbody tr:not(.featured-product) td:first-child small{display:none}
@media(max-width:768px){
 .storefront-home .nav-container{height:56px}
 .storefront-home .nav-brand a{font-size:17px;gap:7px}
 .storefront-home .nav-brand a>i{font-size:25px!important}
 .storefront-home .nav-toggle{padding:7px}
 .storefront-home .bar{width:20px;height:2px;background:#8499a5}
 .storefront-home .main-container{padding:0 14px 40px}
 .storefront-home .hero-section{padding:17px 9px 16px}
 .storefront-home .hero-text h1{font-size:32px}
 .storefront-home .hero-text p{font-size:14px}
 .storefront-home .filter-section{gap:7px;margin-bottom:17px}
 .storefront-home .filter-btn{font-size:12px;padding:9px 2px;border-radius:10px}
 .catalog-heading{font-size:17px;gap:7px;margin-bottom:10px}
 .storefront-home .product-table tbody tr{grid-template-columns:76px minmax(0,1fr) 78px;grid-template-rows:minmax(24px,auto) minmax(20px,auto) 14px 27px;column-gap:10px;padding:10px;margin-bottom:10px;border-radius:14px}
 .storefront-home .product-thumb{min-height:85px;border-radius:10px}
 .storefront-home .thumb-caption{font-size:25px;padding-bottom:3px}
 .storefront-home .product-table .title{font-size:16px;line-height:1.4}
 .storefront-home .product-summary-copy small{font-size:11px;line-height:1.5;white-space:nowrap}
 .storefront-home .product-table td[data-label="价格"]{font-size:23px}
 .storefront-home .product-table td[data-label="库存"]{font-size:10px;line-height:14px}
 .storefront-home .product-table .buy-link{font-size:12px;padding:3px 5px;line-height:21px}
 .storefront-home .featured-badge{font-size:9px;line-height:15px;padding-right:8px}
 .storefront-home .product-table tbody tr:not(.featured-product){grid-template-columns:0 minmax(0,1fr) 78px}
}
@media(max-width:359px){
 .storefront-home .main-container{padding-left:10px;padding-right:10px}
 .storefront-home .filter-section{gap:5px}
 .storefront-home .filter-btn{font-size:11px}
 .storefront-home .product-table tbody tr{grid-template-columns:66px minmax(0,1fr) 66px;column-gap:8px;padding:9px}
 .storefront-home .product-table .title{font-size:14px}
 .storefront-home .product-summary-copy small{font-size:10px}
 .storefront-home .product-table .buy-link{font-size:11px}
}

/* Compact shared detail panels; hero exists only on six domestic products. */
.product-layout .product-d-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}
.product-layout .detail-stock{margin-left:auto;align-self:center;padding:3px 9px;background:#e8f9ee;border-radius:7px;font-size:12px;line-height:1.5;font-weight:600;color:#07ad55}
.product-spec-grid .spec-value.unverified{color:#7c8795}
@media(max-width:768px){
 .product-layout .purchase-options{padding:16px 12px;gap:12px}
 .product-layout .option-title{font-size:18px;margin:0 0 2px;gap:8px}
 .product-layout .form-group{display:grid;grid-template-columns:60px minmax(0,1fr);gap:5px 9px;align-items:center;margin:0}
 .product-layout .form-label{font-size:12px;margin:0}
 .product-layout .email-input{padding:10px 12px;border-radius:10px;min-width:0;height:42px;font-size:16px}
 .product-layout .email-hint{grid-column:2;font-size:10px;margin-top:0;line-height:1.4;gap:4px}
 .product-layout .quantity-selector{max-width:140px;border-radius:10px}
 .product-layout .quantity-btn{width:38px;height:38px}
 .product-layout .quantity-input{height:38px;font-size:16px;min-width:42px;width:42px}
 .product-layout .payment-label{font-size:12px;margin-bottom:7px}
 .product-layout .total-price{padding:10px 12px;border-radius:12px}
 .product-layout .total-label{font-size:12px;gap:5px}
 .product-layout .total-amount{font-size:24px}
 .product-layout .action-buttons{margin-top:0}
 .product-layout .btn-primary{padding:11px 16px;border-radius:10px;font-size:15px;min-height:44px}
}

/* Brand, buying guide and delivery reminders. */
.home-guide{background:#fff;border:1px solid #e6edf1;border-radius:22px;padding:24px;margin:28px 0 36px}
.home-guide h2{font-size:23px;line-height:1.5;margin:0 0 14px}
.home-guide p{font-size:15px;line-height:1.9;color:#526772;margin:0 0 12px}
.guide-links{display:flex;gap:10px;flex-wrap:wrap}
.guide-links a,.product-return-links a{color:#087b40;text-decoration:none}
.guide-links a{padding:8px 12px;border-radius:8px;background:#edf9f1;font-size:13px}
.delivery-note{padding:15px 16px;background:#f0f8f4;border:1px solid #dfede5;border-radius:12px}
.delivery-note h4{font-size:14px;line-height:1.5;margin:0 0 7px;color:#204b36}
.delivery-note p{font-size:12px;line-height:1.8;color:#60736a;margin:0}
.product-card-title a{color:inherit;text-decoration:none}
.product-card-title a:hover{color:#078542}
.summary-value{overflow-wrap:anywhere;min-width:0}
.summary-row{gap:12px}
.summary-label{flex-shrink:0}
.email-check{font-size:12px;line-height:1.7;color:#587463;margin:8px 0}
.qr-code{display:flex;width:224px;height:224px;max-width:100%;padding:10px;box-sizing:border-box}
.qr-code canvas{max-width:100%;height:auto!important}
.network-note{font-size:12px;line-height:1.6;color:#627369}
.ui-notice{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);max-width:calc(100vw - 32px);background:#163d2b;color:#fff;padding:12px 18px;border-radius:12px;z-index:9999;box-shadow:0 5px 25px #0002;font-size:14px;line-height:1.6}
.ui-notice[hidden]{display:none}
.product-return-links{background:#f0f8f3;border-radius:10px;padding:12px;font-size:13px}
/* Keep payment dialogs within the mobile viewport and scroll their contents. */
.modal-overlay{padding:12px;overflow:hidden;overscroll-behavior:none}
.modal-overlay.active{align-items:center;justify-content:center}
.modal-content{display:flex;flex-direction:column;width:100%;max-width:900px;min-width:0;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:0;overflow:hidden;transform:none}
.modal-overlay.active .modal-content{transform:none}
.modal-header{flex:0 0 auto;min-width:0}
.modal-title{min-width:0;overflow-wrap:anywhere}
.close-btn{flex-shrink:0}
.modal-body{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;grid-template-columns:minmax(0,1fr) minmax(0,1fr);touch-action:pan-y}
.modal-body>*{min-width:0;max-width:100%}
.modal-body .summary-value,.modal-body .address-value{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.modal-body .summary-row{min-width:0}
.modal-body .qr-section{min-width:0;max-width:100%;padding:12px 0}
.modal-body .qr-code{max-width:100%;height:auto;aspect-ratio:1}
.modal-body .qr-code canvas{display:block;max-width:100%;height:auto!important}
@media(max-width:768px){.modal-overlay .modal-content{width:100%;border-radius:18px}.modal-overlay .modal-body{grid-template-columns:minmax(0,1fr);gap:16px;padding:14px}.modal-header{padding:14px}.modal-body .order-summary{padding:14px}.modal-body .countdown-section{margin-bottom:14px;padding:12px}.modal-body .address-section{padding:12px}.modal-body .address-value{padding-right:0;margin-bottom:10px}.modal-body .copy-btn{position:static;transform:none;display:inline-flex}.modal-body .summary-label{font-size:12px}.modal-body .summary-value{font-size:13px}}
.purchase-options .email-hint{align-items:flex-start}
@media(max-width:768px){.home-guide{padding:18px;margin:22px 0 30px}.home-guide h2{font-size:19px}.home-guide p{font-size:14px}.delivery-note{padding:12px}.delivery-note p{font-size:12px}.modal-content{width:94%}.modal-body{padding:16px}.modal-header{padding:16px}.modal-title{font-size:18px}.qr-code{display:flex;width:210px;height:210px}.product-layout .email-hint{font-size:11px;line-height:1.6}.policy-box p{font-size:14px;line-height:1.9}}

@media(max-width:768px){.storefront-home .product-table tbody tr:first-child.featured-product .title{padding-top:6px}.storefront-home .product-thumb{height:85px;align-self:center}}
.home-guide>section{margin-top:22px}
.home-guide h3{font-size:18px;line-height:1.5;margin:0 0 8px}
.guide-links a{max-width:100%;overflow-wrap:anywhere;line-height:1.6}
.product-hero{position:relative}
.hero-brandmark{position:absolute;left:29%;bottom:5.5%;width:auto;max-width:66%;display:flex;align-items:center;gap:5px;padding:0;background:transparent;color:#15533c;text-align:left;box-sizing:border-box;mix-blend-mode:multiply}
.hero-brandmark .hero-brandmark-icon{position:relative;display:block;overflow:hidden;width:clamp(28px,3.5vw,44px);height:clamp(28px,3.5vw,44px);flex-shrink:0}
.product-hero .hero-brandmark-icon img{position:absolute;left:-43%;top:-10%;width:187%;height:187%;max-width:none;aspect-ratio:1;object-fit:contain;border-radius:0}
.hero-brandmark>span{min-width:0;display:flex;flex-direction:column;line-height:1.5}
.hero-brandmark strong{font-size:clamp(11px,1.2vw,17px);font-weight:750;white-space:nowrap}
.hero-brandmark small{display:none}