:root{--navy:#101C2C;--navy2:#17273B;--deep:#0B1522;--gold:#C8A35A;--gold2:#D8BD82;--ivory:#F7F4ED;--warm:#FCFBF8;--white:#fff;--text:#17202B;--muted:#5D6672;--border:#E2DED5;--success:#257A4A;--error:#B42318;--radius:12px;--shadow:0 12px 34px rgba(16,28,44,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--warm);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(252,251,248,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand img{width:52px;height:52px;object-fit:cover;border-radius:6px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font-size:13px;letter-spacing:.07em}.brand small{font-size:11px;color:var(--muted);margin-top:4px}.nav{display:flex;gap:19px;align-items:center;flex:1}.nav a,.nav-actions a{font-size:13px;font-weight:650}.nav a:hover,.nav-actions a:hover{color:#8e6d31}.nav-actions{display:flex;align-items:center;gap:14px}.nav-logout-form{margin:0;display:flex}.nav-logout-button{border:0;background:transparent;padding:0;font:inherit;font-size:13px;font-weight:650;color:var(--text);cursor:pointer}.nav-logout-button:hover{color:#8e6d31}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--gold);background:var(--gold);color:var(--deep);padding:12px 18px;border-radius:8px;font-weight:750;cursor:pointer}.btn:hover{filter:brightness(.96)}.btn-sm{padding:8px 12px;font-size:13px}.btn-outline{background:transparent;color:var(--navy);border-color:#aeb5bd}.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.hero{background:linear-gradient(120deg,var(--deep),var(--navy2));color:#fff;min-height:610px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--gold2);margin:0 0 14px}.eyebrow.dark{color:#8b6c35}.hero h1,.page-hero h1{font-size:clamp(38px,5vw,61px);line-height:1.06;letter-spacing:-.035em;margin:0 0 24px;max-width:900px}.lead{font-size:19px;color:#d8dee7;max-width:720px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-visual{min-height:430px;display:grid;place-items:center;position:relative}.hero-visual:before{content:"";width:390px;height:390px;border:1px solid rgba(216,189,130,.25);border-radius:50%;position:absolute}.hero-mark{position:relative;text-align:center;background:rgba(11,21,34,.55);border:1px solid rgba(255,255,255,.12);padding:35px;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.hero-mark img{width:280px;border-radius:10px}.hero-mark p{margin:18px 0 0;color:var(--gold2);letter-spacing:.09em}.section{padding:86px 0}.section-ivory{background:var(--ivory)}.section-navy{background:var(--navy);color:#fff}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.025em;margin:0 0 22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.split p{font-size:18px;color:var(--muted)}.text-link{font-weight:750;color:#7e5f29}.section-head{margin-bottom:34px}.row-between{display:flex;align-items:end;justify-content:space-between;gap:20px}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:#fff}.unit-grid article{padding:32px 27px;border-right:1px solid var(--border)}.unit-grid article:last-child{border-right:0}.unit-grid h3{font-size:20px}.unit-grid p{color:var(--muted);min-height:88px}.unit-grid a{font-weight:750;color:#7b5d2d}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--border);padding:16px;min-width:0;transition:transform .18s,box-shadow .18s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-img{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;overflow:hidden;margin-bottom:14px}.product-img img{width:100%;height:100%;object-fit:contain}.product-img span,.product-placeholder{font-size:40px;font-weight:800;color:#d5c39f}.product-card small{color:#8a6c37;font-weight:750}.product-card h3{font-size:15px;line-height:1.35;min-height:42px;margin:6px 0}.product-card p{font-size:13px;color:var(--muted);min-height:22px}.product-card b{display:block;margin-top:9px;font-size:17px}.category-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.category-list a{padding:22px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column}.category-list small{color:#bfc7d1}.shipping-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border)}.shipping-strip>div{padding:25px;border-right:1px solid var(--border)}.shipping-strip>div:last-child{border-right:0}.shipping-strip h3{margin:0 0 7px}.shipping-strip p{color:var(--muted);font-size:14px}.center{text-align:center}.muted{color:var(--muted)}.page-hero{background:var(--navy);color:#fff;padding:94px 0}.page-hero.compact{padding:62px 0}.page-hero p{max-width:800px;color:#d0d7e0;font-size:18px}.page-hero.compact h1{font-size:44px}.prose-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:80px}.prose-grid article p,.prose-grid li,.prose p{color:var(--muted);font-size:17px}.company-card,.callout,.form-card{background:#fff;border:1px solid var(--border);padding:28px;box-shadow:var(--shadow)}.company-card dl{display:grid;gap:13px}.company-card dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.company-card dd{margin:0 0 8px}.retail-layout{display:grid;grid-template-columns:240px 1fr;gap:32px}.filters{position:sticky;top:100px;align-self:start}.filters form,.form-card{display:grid;gap:16px}.filters label,.form-card label,.auth-card label,.setup-card label,.buy-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.filters input:not([type=checkbox]):not([type=radio]),.filters select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%;border:1px solid #cfd3d8;background:#fff;padding:11px 12px;border-radius:7px;font:inherit;color:var(--text)}textarea{resize:vertical}.catalog-meta{margin-bottom:20px}.availability,.status{display:inline-block;background:#edf5ef;color:#2d6842;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.availability.large{font-size:13px;margin:8px 0 16px}.pagination{display:flex;gap:7px;margin-top:30px}.pagination a{width:38px;height:38px;border:1px solid var(--border);display:grid;place-items:center}.pagination a.active{background:var(--navy);color:#fff}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-image{background:#fff;border:1px solid var(--border);min-height:500px;display:grid;place-items:center}.detail-image img{width:100%;height:500px;object-fit:contain}.breadcrumbs{color:var(--muted);font-size:13px;margin-bottom:26px}.product-detail h1{font-size:42px;line-height:1.1}.price{font-size:30px;font-weight:850;margin:16px 0}.detail-copy{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.detail-copy h3{margin-bottom:4px}.detail-copy p{color:var(--muted)}.buy-form{display:flex;align-items:end;gap:10px;margin:22px 0}.buy-form input{width:90px}.market-links{display:flex;align-items:flex-start;gap:10px;flex-direction:column;border-top:1px solid var(--border);padding-top:18px}.market-buy-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.market-links .marketplace-buy-link{color:var(--navy);font-weight:750}.market-links .btn:not(.btn-outline){color:var(--deep)}.workflow{display:flex;flex-wrap:wrap;gap:0}.workflow span{flex:1;min-width:130px;padding:16px 13px;background:#fff;border:1px solid var(--border);font-weight:750;text-align:center;position:relative}.workflow span+span{border-left:0}.form-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.rfq-item{border:1px solid var(--border);padding:18px;margin:0}.rfq-item legend{font-weight:800;color:#7d6031}.fee-note{display:flex;justify-content:center;gap:15px;align-items:center;margin-top:28px}.fee-note b{color:#815f27}.marketplace-grid{display:flex;gap:12px;flex-wrap:wrap}.contact-list{display:grid;grid-template-columns:160px 1fr;gap:10px}.contact-list dd{margin:0}.site-footer{background:var(--deep);color:#d9dee6;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:44px}.footer-grid h3{color:#fff;font-size:14px}.footer-grid a,.footer-grid span{display:block;margin:8px 0;font-size:13px;color:#c3cbd5}.footer-brand{display:flex;gap:13px;align-items:center}.footer-brand img{width:70px;border-radius:7px}.footer-brand div{display:flex;flex-direction:column}.footer-brand span{color:var(--gold2);margin:0}.footer-grid p{font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;font-size:12px;color:#9ba5b1;display:flex;justify-content:space-between}.flash{padding:11px 0;font-weight:650}.flash-error{background:#fef3f2;color:#912018}.flash-success{background:#edf8f0;color:#206a3f}.auth-page,.setup-page{min-height:75vh;display:grid;place-items:center;padding:55px 20px;background:var(--ivory)}.auth-card,.setup-card{width:min(460px,100%);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);padding:34px;display:grid;gap:15px}.auth-card img,.setup-card>img{width:105px;border-radius:8px;margin:auto}.auth-card h1,.setup-card h1{margin:4px 0 8px}.setup-card{width:min(760px,100%)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 20px}.checks div{border:1px solid var(--border);padding:10px}.checks span{font-size:11px;font-weight:850;margin-right:9px}.checks .pass span{color:var(--success)}.checks .fail span{color:var(--error)}.cart-list{display:grid;gap:12px}.cart-list article{display:grid;grid-template-columns:1fr 220px 150px;align-items:center;gap:18px;background:#fff;border:1px solid var(--border);padding:14px}.cart-product{display:flex;gap:14px;align-items:center}.cart-product img{width:80px;height:80px;object-fit:contain}.cart-product div{display:flex;flex-direction:column}.cart-list form{display:flex;gap:8px}.cart-list form input{width:85px}.cart-total{margin-left:auto;width:min(360px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px;background:#fff;border:1px solid var(--border)}.cart-total .btn{grid-column:1/-1}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.checkout-item{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border)}.checkout-item.total{font-size:20px}.insurance-option{grid-template-columns:auto 1fr!important;align-items:center}.insurance-option input{width:auto}.account-grid{display:grid;gap:45px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;background:#fff}.table-wrap th,.table-wrap td{padding:11px 12px;border-bottom:1px solid var(--border);font-size:13px;text-align:left;white-space:nowrap}.table-wrap th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.error-page{text-align:center}.error-page>strong{font-size:100px;color:#ddd4c3}.empty{padding:28px;background:var(--ivory);color:var(--muted)}@media(max-width:980px){.nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--warm);padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--border)}.nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav-actions .icon-link{display:none}.hero-grid,.split,.prose-grid,.product-detail,.form-wrap,.checkout-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:85px 0}.hero-visual{min-height:280px}.unit-grid,.product-grid,.category-list,.shipping-strip{grid-template-columns:repeat(2,1fr)}.retail-layout{grid-template-columns:1fr}.filters{position:static}.footer-grid{grid-template-columns:1fr 1fr}.cart-list article{grid-template-columns:1fr}.nav-wrap{gap:12px}.brand{min-width:0}.brand span{display:none}}@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.section{padding:58px 0}.page-hero{padding:65px 0}.page-hero h1,.page-hero.compact h1,.product-detail h1{font-size:34px}.hero h1{font-size:38px}.hero-grid{gap:25px}.hero-visual{display:none}.nav-actions a:not(.btn){font-size:12px}.unit-grid,.product-grid,.category-list,.shipping-strip,.footer-grid,.checks,.form-grid{grid-template-columns:1fr}.unit-grid article,.shipping-strip>div{border-right:0;border-bottom:1px solid var(--border)}.row-between{align-items:flex-start;flex-direction:column}.product-card h3{min-height:0}.detail-image,.detail-image img{min-height:320px;height:320px}.workflow{display:grid;grid-template-columns:1fr}.workflow span+span{border-left:1px solid var(--border);border-top:0}.fee-note{flex-direction:column}.footer-bottom{display:block}.cart-total{margin:0}.contact-list{grid-template-columns:1fr}.auth-card,.setup-card{padding:24px}.nav-actions{gap:8px}}.brand-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brand-preview a{background:#fff;border:1px solid var(--border);padding:18px;display:flex;flex-direction:column;min-height:88px;justify-content:center}.brand-preview small{color:var(--muted)}.marketplace-links{display:flex;gap:10px;flex-wrap:wrap}.text-link.light{color:var(--gold2)}.contact-home{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.contact-card{display:grid;gap:8px;background:#fff;border:1px solid var(--border);padding:30px;box-shadow:var(--shadow)}.contact-card p{margin-top:0;color:var(--muted)}@media(max-width:900px){.brand-preview{grid-template-columns:repeat(3,1fr)}.contact-home{grid-template-columns:1fr}}@media(max-width:600px){.brand-preview{grid-template-columns:1fr 1fr}}

/* CP11 Business Desk */
.business-desk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.business-desk-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line,#dfe4ea);border-radius:20px;background:#fff;color:inherit;text-decoration:none;min-height:250px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.business-desk-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(16,28,44,.08);border-color:#b8c2cf}.business-desk-card>span{font-size:.78rem;letter-spacing:.14em;font-weight:800;color:#69778a}.business-desk-card h3{margin:0;font-size:1.3rem}.business-desk-card p{margin:0;color:#647184;line-height:1.7;flex:1}.business-desk-card b{font-size:.9rem}.business-desk-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.business-desk-process ol{display:grid;gap:16px;margin:0;padding:0;list-style:none;counter-reset:step}.business-desk-process li{counter-increment:step;display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:18px 0;border-bottom:1px solid rgba(16,28,44,.1)}.business-desk-process li:before{content:counter(step);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#101c2c;color:#fff;font-weight:700;grid-row:1/3}.business-desk-process li b{align-self:end}.business-desk-process li span{color:#657184}.business-request-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.business-request-aside{display:grid;gap:18px;position:sticky;top:110px}.info-card,.notice-card,.business-received-card{background:#fff;border:1px solid var(--line,#dfe4ea);border-radius:20px;padding:26px}.info-card ul{padding-left:20px;color:#5e6b7d;line-height:1.8}.checkbox-row{display:flex!important;flex-direction:row!important;gap:10px;align-items:flex-start}.checkbox-row input{width:auto!important;margin-top:4px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.business-received-card{max-width:720px;margin:8vh auto;text-align:center;padding:44px}.success-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border-radius:50%;background:#eaf7ef;color:#17653a;font-size:1.6rem;font-weight:800}.reference-box{display:grid;gap:4px;margin:28px auto;padding:22px;border-radius:16px;background:#f5f7f9;max-width:420px}.reference-box strong{font-size:1.45rem;letter-spacing:.04em}.reference-box small,.reference-box span{color:#667488}@media(max-width:900px){.business-desk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-request-layout,.business-desk-process{grid-template-columns:1fr}.business-request-aside{position:static}}@media(max-width:620px){.business-desk-grid{grid-template-columns:1fr}.business-desk-card{min-height:auto;padding:22px}.business-received-card{padding:28px 20px}}

.business-status-card{max-width:760px;margin:0 auto}.status-result{margin-top:24px;padding:26px;border:1px solid var(--line,#dfe4ea);border-radius:18px;background:#fff}.status-result dl{display:grid;grid-template-columns:160px 1fr;gap:10px 16px}.status-result dt{font-weight:700;color:#667488}.status-result dd{margin:0}@media(max-width:620px){.status-result dl{grid-template-columns:1fr}}

/* CP12 live polish: preserve the square ACA mark in the footer and give account notifications a real empty state. */
.footer-brand img{width:72px!important;height:72px!important;object-fit:contain!important;aspect-ratio:1/1;flex:0 0 72px;border-radius:8px}
.notification-list{display:grid;gap:14px;max-width:920px}
.notification-card{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.notification-card.is-unread{border-left:3px solid var(--gold)}
.notification-card p{margin:.4rem 0;color:var(--muted)}
.notification-empty{padding:34px;border:1px solid var(--border);background:#fff}
.notification-empty strong{font-size:18px;color:var(--navy)}
.notification-empty p{margin:.55rem 0 1.1rem;color:var(--muted)}
@media(max-width:600px){.footer-brand img{width:64px!important;height:64px!important;flex-basis:64px}.notification-card{flex-direction:column}.notification-card form,.notification-card button{width:100%}}
.volume-offer{display:flex;flex-direction:column;gap:.25rem;margin:1rem 0;padding:1rem 1.1rem;border:1px solid #bfd8ce;border-radius:14px;background:#f0faf6;color:#173e32}.volume-offer strong{font-size:1.05rem}.volume-offer span,.volume-hint{font-size:.82rem;line-height:1.45}.product-card .volume-hint{display:block;margin-top:.45rem;color:#29624f}.contact-price{font-size:1.35rem}.product-information{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.5fr);gap:2rem;align-items:start}.product-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product-copy-grid article{padding:1.15rem;border:1px solid #e1e5e3;border-radius:16px;background:#fff}.product-copy-grid h3{margin-top:0}.product-copy-grid p{margin-bottom:0;white-space:normal}.buy-form #price-tier-note{flex-basis:100%}
@media(max-width:760px){.product-information,.product-copy-grid{grid-template-columns:1fr}}

/* 1.4.10 retail card alignment and product detail polish */
.public-product-card{display:flex;flex-direction:column;height:100%}
.public-product-card .product-card-link{display:flex;flex-direction:column;flex:1;min-height:0}
.public-product-card .product-card-meta{margin:.2rem 0 .45rem}
.public-product-card .price-block{display:flex;flex-direction:column;gap:.35rem;margin-top:.55rem}
.public-product-card .price-block b{margin-top:0}
.public-product-card .product-card-actions{display:grid;gap:.65rem;margin-top:auto;padding-top:.95rem}
.public-product-card .product-card-actions .btn,.public-product-card .product-card-actions .quick-cart,.public-product-card .product-card-actions .quick-cart .btn{width:100%}
.public-product-card .quick-cart{margin:.0}
.public-product-card .volume-hint{display:grid;gap:.18rem;margin-top:.15rem;color:#29624f}
.public-product-card .volume-hint strong{font-size:.84rem;color:#1f513f}
.btn-whatsapp{border-color:#2f7a4a;background:#eef8f0;color:#1e5e35}
.btn-whatsapp:hover{filter:none;background:#e2f2e8}
.volume-offer{gap:.18rem}
.volume-offer strong{font-size:1.08rem}
.volume-offer span+span{font-weight:700;color:#0f5941}
.copy-block{padding:1.25rem 1.35rem;border:1px solid #e1e5e3;border-radius:16px;background:#fff}
.copy-rich{display:grid;gap:.85rem;color:#44505f;font-size:1rem;line-height:1.75}
.copy-rich p{margin:0}
.product-benefits{margin:0;padding-left:1.2rem;display:grid;gap:.5rem}
.product-benefits li{padding-left:.1rem}
@media(max-width:600px){.public-product-card .product-card-actions{padding-top:.8rem}}
/* ACA 1.4.21 — Business Desk two-route layout. Keep the global four-unit grid unchanged elsewhere. */
.business-related-section{padding-top:72px}
.business-related-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.6fr);gap:42px;align-items:end}
.business-related-head>p{margin:0;color:var(--muted);max-width:520px;justify-self:end}
.business-desk-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.business-desk-unit-grid article{display:flex;flex-direction:column;min-width:0;min-height:300px;padding:38px 36px}
.business-desk-unit-grid article:last-child{border-right:0}
.business-desk-unit-grid h2{font-size:clamp(26px,2.8vw,36px);line-height:1.12;max-width:17ch;margin-bottom:18px}
.business-desk-unit-grid p{min-height:0;max-width:54ch;margin-top:0;flex:1}
.business-desk-unit-grid .btn{align-self:flex-start;margin-top:10px}
@media(max-width:900px){
  .business-related-head{grid-template-columns:1fr;gap:8px;align-items:start}
  .business-related-head>p{justify-self:start;max-width:680px}
  .business-desk-unit-grid article{padding:30px 28px;min-height:280px}
}
@media(max-width:620px){
  .business-related-section{padding-top:52px}
  .business-desk-unit-grid{grid-template-columns:1fr}
  .business-desk-unit-grid article{min-height:auto;padding:26px 22px;border-right:0;border-bottom:1px solid var(--border)}
  .business-desk-unit-grid article:last-child{border-bottom:0}
  .business-desk-unit-grid h2{font-size:25px;max-width:none}
  .business-desk-unit-grid .btn{width:100%}
}

/* ACA 1.4.23 — neutral product image placeholder; never expose supplier placeholder artwork. */
.product-img .product-image-missing,.detail-image .product-image-missing{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:20px;color:#7b8490;font-size:13px!important;font-weight:700!important;line-height:1.35;letter-spacing:.01em;background:linear-gradient(145deg,#f7f6f2,#fbfaf7)}
.detail-image .product-image-missing{min-height:320px;font-size:15px!important}
.cart-image-missing{width:80px;height:80px;flex:0 0 80px;display:grid;place-items:center;text-align:center;padding:8px;background:#f7f6f2;border:1px solid var(--border);color:#7b8490;font-size:10px;font-weight:700;line-height:1.25}

/* ACA 1.4.63 — verified B2B volume pricing gate + final -1% pricing */
.business-price-gate{display:grid;gap:.65rem;margin:1rem 0;padding:1rem 1.1rem;border:1px solid #d5c294;border-radius:16px;background:linear-gradient(180deg,#fffaf0,#fff);box-shadow:0 8px 24px rgba(31,48,43,.06)}
.business-price-gate strong{font-size:1.02rem;line-height:1.35;color:#173e32}.business-price-gate p{margin:0;color:#4b5753;line-height:1.55}.business-price-gate small{display:block;color:#6b746f;line-height:1.45}.business-price-gate .btn{justify-self:start}
.business-price-badge{display:inline-flex;width:max-content;max-width:100%;padding:.3rem .55rem;border-radius:999px;background:#173e32;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.06em}
.business-price-gate-form-intro{display:grid;gap:.55rem;margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid #d5c294;border-radius:16px;background:#fffaf0}.business-price-gate-form-intro h2,.business-price-gate-form-intro p{margin:0}
.verified-product-context{display:grid;gap:.25rem;padding:.95rem 1rem;border:1px solid #dfe6e2;border-radius:14px;background:#f8fbf9}.verified-product-context small{font-weight:700;color:#557167;text-transform:uppercase;letter-spacing:.04em}.verified-product-context span{font-size:.9rem;color:#5f6965}
.business-price-cart-note{display:grid;gap:.45rem;margin:1rem 0;padding:1rem;border:1px solid #d5c294;border-radius:14px;background:#fffaf0}.business-price-cart-note span{color:#5d6662;line-height:1.45}.business-price-cart-note .btn{justify-self:start}
.public-product-card .volume-hint{padding:.45rem .55rem;border-radius:10px;background:#f8f3e8;color:#4f5b56}.public-product-card .volume-hint strong,.public-product-card .volume-hint span{display:block}
.product-card-actions{display:flex;flex-wrap:wrap;gap:.45rem}.product-card-actions .btn{flex:1 1 auto}
@media (max-width:640px){.business-price-gate .btn,.business-price-cart-note .btn{width:100%;justify-content:center}.product-card-actions .btn{flex-basis:100%}}
.service-hero{padding:72px 0}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:56px;align-items:center}
.service-visual{margin:0;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.service-visual img{display:block;width:100%;height:auto;object-fit:contain}
.service-visual figcaption{padding:9px 14px;color:var(--muted);background:#fff;font-size:12px}
.marketplace-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.marketplace-logo-grid>a,.marketplace-logo-disabled{min-height:92px;padding:18px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.06);transition:transform .18s,background .18s}
.marketplace-logo-grid>a:hover{transform:translateY(-2px);background:rgba(255,255,255,.11)}
.marketplace-logo-grid img{width:100%;height:48px;object-fit:contain}
.marketplace-logo-disabled{opacity:.62;flex-direction:column;gap:5px}
.marketplace-logo-disabled small{font-size:9px;color:#cbd2dc}
.marketplace-status{font-size:12px;color:#bfc7d1;margin-top:12px}
@media(max-width:980px){.service-hero-grid{grid-template-columns:1fr;gap:30px}.service-visual{max-width:760px}}
@media(max-width:600px){.service-hero{padding:52px 0}.service-hero-grid{gap:22px}.service-visual{border-radius:10px}.marketplace-logo-grid{grid-template-columns:1fr 1fr}.marketplace-logo-grid>a,.marketplace-logo-disabled{min-height:72px;padding:12px}.marketplace-logo-grid img{height:36px}}
.procurement-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.procurement-category-grid article{background:#fff;border:1px solid var(--border);padding:24px}.procurement-category-grid h3{margin:0 0 8px}.procurement-category-grid p{margin:0;color:var(--muted)}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:60;background:#128c4a;color:#fff;border-radius:999px;padding:10px 18px;box-shadow:0 12px 32px rgba(0,0,0,.22);display:flex;flex-direction:column;line-height:1.15}.whatsapp-float span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.whatsapp-float b{font-size:13px}@media(max-width:760px){.procurement-category-grid{grid-template-columns:1fr}.whatsapp-float{right:12px;bottom:12px;padding:9px 14px}.whatsapp-float span{display:none}}

/* 1.4.13 ACA Food Service public layout */
.service-assurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.service-assurance-grid article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px}
.service-assurance-grid h3{margin:0 0 8px;font-size:18px}
.service-assurance-grid p{margin:0;color:var(--muted)}
@media(max-width:760px){.service-assurance-grid{grid-template-columns:1fr}}
:root{--focus:#2f72d6;--shadow-soft:0 8px 24px rgba(16,28,44,.07)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-height:44px}button{font:inherit}.btn{min-height:44px;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,28,44,.14)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow);transform:translateY(-160%)}.skip-link:focus{transform:none}
.nav a{position:relative;padding:28px 0}.nav a[aria-current=page]{color:#7e5f29}.nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--gold)}.hero{background:radial-gradient(circle at 82% 35%,rgba(200,163,90,.16),transparent 30%),linear-gradient(120deg,var(--deep),var(--navy2))}.hero-mark{backdrop-filter:blur(8px)}
.unit-grid,.product-card,.company-card,.callout,.form-card,.contact-card{border-radius:var(--radius)}.unit-grid{overflow:hidden;box-shadow:var(--shadow-soft)}.product-card{border-color:#e8e3da;border-radius:10px}.form-card{box-shadow:var(--shadow-soft)}.form-card label,.filters label,.auth-card label,.setup-card label{color:#273342}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.filters input:focus,.filters select:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(47,114,214,.11)}
.empty{border:1px dashed #cbc4b8;border-radius:10px;text-align:center}.table-wrap tbody tr:hover{background:#faf8f3}.status{white-space:nowrap}.whatsapp-float{max-width:calc(100vw - 24px)}
@media(max-width:980px){.nav{box-shadow:0 18px 30px rgba(16,28,44,.12)}.nav a{width:100%;padding:12px 2px}.nav a[aria-current=page]:after{left:0;right:auto;bottom:6px;width:34px}.menu-toggle{width:44px;height:44px;border-radius:8px}.product-grid{gap:14px}}
@media(max-width:600px){body{font-size:15px}.nav-wrap{min-height:68px}.brand img{width:44px;height:44px}.nav{top:68px;max-height:calc(100vh - 68px);overflow:auto}.nav-actions a{min-height:42px;display:inline-flex;align-items:center}.section h2{font-size:30px}.page-hero.compact{padding:46px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:11px}.product-card b{font-size:15px}.product-card p{margin:5px 0}.product-card h3{font-size:14px}.hero-actions,.document-actions,.admin-actions{flex-wrap:wrap}.hero-actions .btn{flex:1 1 160px}.checkout-grid{gap:28px}.checkout-item{gap:12px;align-items:flex-start}.checkout-item span{min-width:0}.checkout-item b{text-align:right;white-space:nowrap}.form-card{padding:20px}.buy-form{align-items:stretch;flex-direction:column}.buy-form input{width:100%}.cart-product{align-items:flex-start}.cart-list form{flex-wrap:wrap}.whatsapp-float span{display:none}}
@media(max-width:340px){.product-grid,.brand-preview{grid-template-columns:1fr}.nav-actions .icon-link{display:none}.container{width:min(100% - 20px,1180px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Shared control geometry and readable public page hierarchy. */
input[type=checkbox],input[type=radio]{appearance:auto;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:3px 0;accent-color:#9b742e;flex:0 0 18px;vertical-align:middle}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex!important;align-items:flex-start;gap:10px;font-weight:500;line-height:1.55;cursor:pointer;padding:8px 0}
input[type=hidden],[hidden]{display:none!important}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.btn{font-size:14px;font-weight:650}.btn-outline{background:#fff}.page-hero .btn-outline{color:#fff;background:transparent;border-color:#8191a4}.page-hero .btn-outline:hover{background:#ffffff14}
.section{padding:48px 0}.section h2{font-size:28px;line-height:1.25;margin:0 0 18px}.section h3{font-size:19px}.page-hero.compact{padding:32px 0}.page-hero.compact h1{font-size:32px;margin-bottom:12px}.page-hero p{font-size:16px;margin:8px 0}.prose-grid{gap:40px}.prose-grid article p,.prose-grid li,.prose p{font-size:16px}.prose-grid h2:not(:first-child){margin-top:28px}
.form-card{gap:18px}.form-card label{font-weight:550}.document-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.account-grid{gap:24px}.account-grid>div{padding:24px;background:#fff;border:1px solid var(--border);border-radius:12px;min-width:0}.account-grid h2{font-size:21px}.account-verification{background:#fff8e9;border-bottom:1px solid #eadcb8;padding:16px 0}.account-verification .container{display:flex;gap:20px;align-items:center;justify-content:space-between}.account-verification h2{font-size:16px;margin:0}.account-verification p{font-size:14px;margin:4px 0}.account-verification form{flex-shrink:0}.checkout-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.checkout-grid>div{min-width:0}.checkout-item{gap:20px}.checkout-item b{white-space:nowrap}.notice{padding:14px 18px;border:1px solid #dbe5df;border-radius:8px;background:#f0f8f3;margin-bottom:18px}.notice.error{background:#fff3f1;border-color:#eac0b9;color:#922a20}.notice.success{color:#236242}.pagination{display:flex;gap:10px;margin:20px 0}.table-wrap:has(tbody:empty):after{content:"Belum ada data untuk ditampilkan.";display:block;padding:22px;color:#64748b;font-size:14px}
@media(max-width:760px){.section{padding:30px 0}.section h2{font-size:24px}.page-hero.compact{padding:26px 0}.page-hero.compact h1{font-size:27px}.checkout-grid{grid-template-columns:1fr}.account-verification .container{align-items:flex-start;flex-direction:column;gap:10px}.account-grid>div{padding:16px}.prose-grid{gap:24px}}
.insurance-option[hidden]{display:none!important}


/* Corporate motion system: restrained, transform/opacity-only, reduced-motion safe. */
.public-body{--aca-motion-fast:140ms;--aca-motion-base:260ms;--aca-motion-slow:420ms;--aca-motion-ease:cubic-bezier(.22,.61,.36,1)}
.public-body .site-header{animation:acaHeaderIn var(--aca-motion-slow) var(--aca-motion-ease) both}
.public-body #main-content{animation:acaPageIn var(--aca-motion-slow) var(--aca-motion-ease) both;transition:opacity var(--aca-motion-fast) ease,transform var(--aca-motion-fast) ease,filter var(--aca-motion-fast) ease}
.public-body .site-footer{animation:acaFooterIn var(--aca-motion-slow) var(--aca-motion-ease) .04s both}
.public-body.page-leaving #main-content{opacity:.86;transform:translateY(-4px);filter:saturate(.96)}
.public-body.page-leaving .site-header{opacity:.96}
.public-body [data-aca-reveal]{opacity:0;transform:translateY(12px);transition:opacity var(--aca-motion-slow) var(--aca-motion-ease),transform var(--aca-motion-slow) var(--aca-motion-ease);will-change:opacity,transform}
.public-body [data-aca-reveal].is-visible{opacity:1;transform:none;will-change:auto}
.public-body [data-aca-reveal="soft"]{transform:translateY(8px)}
.public-body .product-card,.public-body .company-card,.public-body .unit-grid,.public-body .contact-card{transition:transform 180ms var(--aca-motion-ease),box-shadow 180ms ease,border-color 180ms ease}
@media(hover:hover) and (pointer:fine){.public-body .product-card:hover,.public-body .company-card:hover,.public-body .contact-card:hover{transform:translateY(-2px)}}
@keyframes acaHeaderIn{from{opacity:.97;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes acaPageIn{from{opacity:.90;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes acaFooterIn{from{opacity:.94;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.public-body .site-header,.public-body #main-content,.public-body .site-footer{animation:none!important}.public-body.page-leaving #main-content{opacity:1!important;transform:none!important;filter:none!important}.public-body [data-aca-reveal]{opacity:1!important;transform:none!important;transition:none!important}.public-body .product-card,.public-body .company-card,.public-body .unit-grid,.public-body .contact-card{transition:none!important}}
.hero-search,.retail-hero-search{display:flex;gap:.65rem;max-width:680px;margin:1.25rem 0}.hero-search input,.retail-hero-search input{flex:1;min-width:0}.retail-hero-search{margin-top:1rem}.promo-badge{display:inline-flex;width:max-content;padding:.3rem .55rem;border-radius:999px;background:#fff0c9;color:#815300;font-size:.72rem;font-weight:800;letter-spacing:.04em}.product-card{position:relative}.product-card>.promo-badge{position:absolute;z-index:2;top:.7rem;left:.7rem}.product-card s,.price s{color:#6b7280;font-size:.82em;font-weight:500}.quick-cart{margin:.65rem 0 0}.quick-cart .btn{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.promo-strip{background:#fff8e8}@media(max-width:640px){.hero-search,.retail-hero-search{flex-direction:column}.hero-search .btn,.retail-hero-search .btn{width:100%}}
.product-thumbnails{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.product-thumbnails button{width:74px;height:74px;padding:4px;border:1px solid var(--border);background:#fff;cursor:pointer;flex:0 0 auto}.product-thumbnails img{width:100%;height:100%;object-fit:contain}.timeline-item{border-left:3px solid var(--gold);padding:0 0 18px 16px}.timeline-item b,.timeline-item small{display:block}.timeline-item small{color:var(--muted)}.soft{background:var(--ivory)}@media(max-width:600px){.product-thumbnails button{width:60px;height:60px}.checkout-item{gap:12px;align-items:flex-start}.checkout-item form{width:100%}}
.order-card{background:#fff;border:1px solid #e1e6ed;border-radius:14px;padding:20px;min-width:0}.order-list{display:grid;gap:12px}.order-list-row{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(3,minmax(100px,1fr)) minmax(100px,.8fr) auto;gap:18px;align-items:center}.order-list-row>div{min-width:0;overflow-wrap:anywhere}.order-list-row small{display:block;color:#64748b;font-size:12px;line-height:1.6}.order-list-row strong,.order-ref{font-size:14px;font-weight:650}.order-ref{color:#17334c;text-decoration:none}.order-progress{display:flex;list-style:none;gap:12px;max-width:1180px;margin:24px auto;padding:0 20px}.order-progress li{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;min-width:0}.order-progress li>span{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#edf0f4;color:#596579}.order-progress li.current{font-weight:700;color:#18354d}.order-progress li.current>span{background:#18354d;color:#fff}.order-progress li.done>span{background:#e4f3eb;color:#196641}.order-notice{padding:16px 20px;background:#f4f5f7;border-radius:10px;margin:20px}.order-title h1{font-size:clamp(21px,4vw,30px)!important;overflow-wrap:anywhere}.order-costs{margin:24px 0}.order-costs>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:14px}.order-total{border-top:1px solid #e1e6ed;font-size:17px!important}.order-card h2{font-size:19px}.account-grid{align-items:start}.admin-panel>summary{cursor:pointer;padding:16px;font-size:14px;font-weight:600}.pwa-install{max-width:1180px;margin:24px auto;padding:18px 22px;background:#eef3f6;color:#19354a;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pwa-install p{margin:4px 0;font-size:13px}.pwa-install summary{cursor:pointer;font-size:14px;font-weight:600}.pwa-install[hidden],.pwa-install button[hidden]{display:none!important}.pwa-install .btn{white-space:nowrap}.checkout-grid>div{min-width:0}.checkout-item span{overflow-wrap:anywhere}.checkout-item b{white-space:nowrap}.timeline-item small{display:block;color:#64748b}.timeline-item p{font-size:13px}.order-card textarea{min-height:84px}
@media(max-width:1100px){.order-list-row{grid-template-columns:1.4fr 1fr 1fr}.order-list-row .btn{justify-self:start}}
@media(max-width:600px){.order-list-row{grid-template-columns:1fr 1fr;gap:14px;padding:16px}.order-list-row>div:first-child{grid-column:1/-1}.order-list-row .btn{justify-self:stretch;text-align:center}.order-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;padding:0 16px}.order-progress li{font-size:11px}.pwa-install{margin:16px;align-items:flex-start;flex-direction:column}.order-card{padding:16px}.order-costs{margin:18px 0}.checkout-item{gap:12px}}
@media(display-mode:standalone){.pwa-install{display:none!important}body{padding-bottom:env(safe-area-inset-bottom)}}
.site-header .brand>span{display:flex;flex-direction:column;gap:3px}.site-header .brand b{line-height:1.35}.site-header .brand small{line-height:1.4}.order-progress li>span{line-height:26px;text-align:center}.account-grid>.order-card{align-self:start}.account-grid .callout{margin-bottom:20px}

.cancel-order{margin:0 0 20px;border:1px solid #e7c9c9;border-radius:10px;background:#fffafa;padding:14px}.cancel-order summary{cursor:pointer;color:#a22d2d;font-size:14px;font-weight:650;min-height:24px}.cancel-order form{margin-top:12px;display:grid;gap:12px}.cancel-order p{font-size:13px;margin:0}.cancel-order textarea{width:100%;min-height:84px}.btn.btn-cancel{background:#aa3030;color:#fff;border-color:#aa3030;justify-self:start}.btn.btn-cancel:hover{background:#842323}.cancel-order summary:focus-visible{outline:2px solid #aa3030;outline-offset:4px}
.nav-group{margin:22px 14px 5px;color:#99adbf;font-size:10px;font-weight:700;letter-spacing:.09em}.admin-side nav>a{padding-top:9px;padding-bottom:9px}.dashboard-financial{margin:20px 0;border:1px solid #dfe5ec;border-radius:12px;background:#fff;padding:18px}.dashboard-financial>summary{cursor:pointer;font-weight:650}.dashboard-financial .kpi-grid{margin-top:18px}.workflow-step>summary{display:flex;justify-content:space-between;gap:12px;list-style:revert}.workflow-step>summary small{color:#64748b;font-size:12px;font-weight:400}.workflow-step form{padding:4px 20px 20px}.customer-order-card,.document-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.document-card{padding:16px;border:1px solid #dfe5ec;border-radius:10px;background:#fff}.document-card small,.document-card span{display:block;line-height:1.6;font-size:12px;color:#617080}.document-card>div{min-width:0;overflow-wrap:anywhere}.document-card .btn{flex-shrink:0}.account-orders{grid-column:1/-1}.account-orders h3{font-size:16px;margin:20px 0 12px}.admin-heading{gap:14px}.admin-content>.admin-panel .panel-head{flex-wrap:wrap}.admin-content input,.admin-content select,.admin-content textarea{max-width:100%;min-width:0}.admin-content .form-grid>label{min-width:0}.document-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-content .form-grid{align-items:end}.admin-content .form-grid>button{justify-self:start;width:auto}.account-grid h2{font-size:22px}
@media(max-width:600px){.customer-order-card,.document-card{align-items:flex-start;flex-direction:column}.customer-order-card .document-actions,.document-card .btn{width:100%}.customer-order-card .btn{flex:1;text-align:center}.workflow-step>summary{display:block}.workflow-step>summary small{display:block;margin-top:4px}.workflow-step form{padding:4px 14px 16px}.admin-content .form-grid{grid-template-columns:1fr}.admin-content .form-grid>button{width:100%}.admin-heading{align-items:flex-start;flex-direction:column}.admin-alert-panel{width:min(330px,calc(100vw - 24px));right:0}.account-grid{grid-template-columns:1fr!important}.whatsapp-float{right:12px;bottom:12px}.site-footer{padding-bottom:90px}}

.order-address{padding:0 20px;font-size:14px}.order-money-summary{display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px;border-top:1px solid #e1e6ed}.order-money-summary span{font-size:12px;color:#64748b}.order-money-summary b{display:block;font-size:14px;color:#19354a}

.account-home{display:flex;flex-direction:column;gap:20px}.account-home>div{width:100%;box-sizing:border-box}.account-home .account-orders{grid-column:auto}.customer-order-card>div:first-child{min-width:0;overflow-wrap:anywhere}.site-header .brand>span{display:block}.site-header .brand b,.site-header .brand small{display:block;height:auto;white-space:normal}.site-header .brand small{margin-top:4px}
.account-home{display:block}.account-home>div{margin-bottom:20px}
/* Mobile regression guard: keep long brand text hidden on compact navigation. */
@media(max-width:980px){.site-header .brand>span{display:none!important}}

/* Product metadata and unavailable-state presentation. */
.product-specs{display:grid;grid-template-columns:minmax(110px,.45fr) 1fr;gap:8px 16px;margin:18px 0 24px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.product-specs dt{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.product-specs dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.product-unavailable{margin:22px 0;padding:14px 16px;border:1px solid #e5c7c3;background:#fef3f2;color:#8a231b;border-radius:8px;font-weight:650}
@media(max-width:600px){.product-specs{grid-template-columns:1fr;gap:3px}.product-specs dd{margin:0 0 9px}}

/* 1.4.10 product detail alignment */
.product-specs{grid-template-columns:minmax(140px,.5fr) 1fr;gap:12px 18px}
.product-specs dt{font-size:13px;line-height:1.5}
.product-specs dd{font-size:1.05rem;line-height:1.55}
.product-specs dd.spec-dimensions{font-variant-numeric:tabular-nums;letter-spacing:.01em}
@media(max-width:760px){.product-specs{grid-template-columns:1fr;gap:4px}.product-specs dd{margin:0 0 10px}}

@media(max-width:430px){
  .public-body .product-grid{grid-template-columns:1fr}
  .public-product-card{padding:14px}
  .public-product-card h3{font-size:16px;min-height:0}
  .public-product-card .product-card-actions .btn{min-height:44px}
}
/* ACA 1.4.17 — responsive density and overflow hardening. */
.public-body,.admin-body{overflow-x:hidden}
.public-body main,.public-body .container,.public-body .retail-layout>* , .public-body .product-grid>* ,
.admin-body .admin-main,.admin-body .admin-content,.admin-body .admin-panel,.admin-body .panel,.admin-body form{min-width:0}

/* Public typography: keep long names, prices, and labels inside their boxes. */
.public-body h1,.public-body h2,.public-body h3,.public-body .lead,.public-body .product-card,
.public-body .product-card a,.public-body .product-card b,.public-body .product-card strong,
.public-body .product-card small,.public-body .product-card span,.public-body .btn,
.public-body .contact-card,.public-body .notice-card,.public-body .business-desk-card{overflow-wrap:anywhere;word-break:normal}
.public-body .page-hero h1{font-size:clamp(34px,4.2vw,50px);line-height:1.08}
.public-body .hero h1{font-size:clamp(36px,4.6vw,54px);line-height:1.06}
.public-body .section-head h2,.public-body .split h2{font-size:clamp(27px,3.3vw,40px);line-height:1.13}
.public-body .product-detail h1{font-size:clamp(30px,3.3vw,38px);overflow-wrap:anywhere}

/* Product density. Five columns are safe on desktop; cards step down with viewport width. */
.public-body .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.public-body .product-card{padding:13px;min-width:0}
.public-body .product-img{margin-bottom:10px}
.public-body .product-card h3{font-size:14px;line-height:1.32;min-height:55px;margin:6px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.public-body .product-card p,.public-body .product-card-meta{font-size:11.5px;line-height:1.4;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.public-body .product-card b{font-size:15px;line-height:1.3}
.public-body .product-card s{font-size:11.5px;line-height:1.3}
.public-body .product-card .availability{max-width:100%;font-size:9.5px;line-height:1.25;padding:4px 7px;white-space:normal}
.public-body .public-product-card .volume-hint{font-size:11px;line-height:1.35}
.public-body .public-product-card .volume-hint strong{font-size:11px;line-height:1.35}
.public-body .public-product-card .product-card-actions{gap:7px;padding-top:10px}
.public-body .public-product-card .product-card-actions .btn{min-height:40px;padding:7px 8px;font-size:11.5px;line-height:1.25;white-space:normal}
.public-body .promo-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* Keep the retail filter/content geometry stable at intermediate desktop widths. */
@media (max-width:1199px){
  .public-body .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
}
@media (max-width:980px){
  .public-body .retail-layout{gap:22px}
  .public-body .filters{max-width:100%}
  .public-body .filters .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-body .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
}
@media (max-width:759px){
  .public-body .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
  .public-body .page-hero{padding:46px 0}
  .public-body .page-hero h1,.public-body .page-hero.compact h1{font-size:30px;line-height:1.1}
  .public-body .hero{padding:58px 0}
  .public-body .hero h1{font-size:32px;line-height:1.08}
  .public-body .section{padding:46px 0}
  .public-body .section-head h2,.public-body .split h2{font-size:25px}
  .public-body .product-detail h1{font-size:28px;line-height:1.12}
}
@media (max-width:519px){
  .public-body .container{width:min(100% - 20px,1180px)}
  .public-body .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .public-body .product-card{padding:9px}
  .public-body .product-img{margin-bottom:7px}
  .public-body .product-card small{font-size:10px}
  .public-body .product-card h3{font-size:12.5px;line-height:1.3;min-height:49px;margin:5px 0;-webkit-line-clamp:3}
  .public-body .product-card p,.public-body .product-card-meta{font-size:10px;line-height:1.35;-webkit-line-clamp:2}
  .public-body .product-card b{font-size:13px;line-height:1.28}
  .public-body .product-card s{font-size:10px}
  .public-body .product-card .availability{font-size:8.8px;padding:3px 5px}
  .public-body .public-product-card .volume-hint,.public-body .public-product-card .volume-hint strong{font-size:9.8px;line-height:1.3}
  .public-body .public-product-card .product-card-actions{padding-top:8px}
  .public-body .public-product-card .product-card-actions .btn{min-height:38px;padding:6px 6px;font-size:10.5px}
  .public-body .promo-badge{font-size:9px;padding:4px 6px}
  .public-body .page-hero{padding:38px 0}
  .public-body .page-hero h1,.public-body .page-hero.compact h1{font-size:27px}
  .public-body .hero{padding:48px 0}
  .public-body .hero h1{font-size:29px}
  .public-body .hero .lead{font-size:15px;line-height:1.55}
  .public-body .section{padding:40px 0}
  .public-body .section-head{margin-bottom:24px}
  .public-body .section-head h2,.public-body .split h2{font-size:23px}
  .public-body .row-between{gap:10px}
  .public-body .filters .form-grid{grid-template-columns:1fr 1fr}
  .public-body .filters form{gap:12px}
  .public-body .filters label{font-size:12px}
  .public-body .filters input:not([type=checkbox]):not([type=radio]),.public-body .filters select{padding:9px 10px;font-size:13px}
  .public-body .catalog-meta{margin-bottom:12px;flex-direction:row;align-items:center}
  .public-body .catalog-meta b,.public-body .catalog-meta span{font-size:12px}
  .public-body .pagination{gap:5px;margin-top:22px;flex-wrap:wrap}
  .public-body .pagination a{width:34px;height:34px;font-size:12px}
  .public-body .whatsapp-float{max-width:calc(100vw - 24px)}
  .public-body .whatsapp-float b,.public-body .whatsapp-float span{font-size:11px}
}

/* Homepage hero: keep the ACA mark proportional to the copy instead of letting
   a square source image dominate the entire right column. */
.public-body .hero-visual{min-width:0;overflow:hidden}
.public-body .hero-mark{width:min(100%,320px);max-width:100%;margin-inline:auto}
.public-body .hero-mark img{display:block;width:min(100%,180px);max-width:180px;height:auto;aspect-ratio:1/1;object-fit:contain;margin-inline:auto}
@media (min-width:981px){
  .public-body .hero{min-height:540px}
  .public-body .hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:54px}
  .public-body .hero-visual{min-height:350px}
  .public-body .hero-visual::before{width:300px;height:300px}
  .public-body .hero-mark{width:min(100%,285px);padding:22px;border-radius:14px}
  .public-body .hero-mark img{width:180px;height:180px;object-fit:contain;margin:0 auto;border-radius:9px}
  .public-body .hero-mark p{margin-top:13px;font-size:12px;line-height:1.4;letter-spacing:.07em}
}

/* Admin mobile: dense but readable; no single giant KPI cards and no topbar overflow. */
.admin-body .admin-heading h1,.admin-body .admin-head h1,.admin-body .admin-content h1,
.admin-body .admin-content h2,.admin-body .admin-content h3,.admin-body .kpi-grid b,.admin-body .stats-grid strong,
.admin-body .status-grid,.admin-body .document-card,.admin-body .customer-order-card{overflow-wrap:anywhere;word-break:normal}
.admin-body .admin-content img,.admin-body .admin-content video,.admin-body .admin-content canvas{max-width:100%;height:auto}
.admin-body .admin-actions,.admin-body .document-actions,.admin-body .panel-head{min-width:0}
.admin-body .admin-actions>* ,.admin-body .document-actions>*{max-width:100%}
.admin-body .table-wrap{max-width:100%;overscroll-behavior-inline:contain}
.admin-body .table-wrap table{max-width:none}

@media (max-width:800px){
  .admin-body .admin-content{padding:12px 10px 28px}
  .admin-body .admin-heading,.admin-body .admin-head{margin-bottom:14px}
  .admin-body .admin-heading h1,.admin-body .admin-head h1{font-size:22px;line-height:1.25}
  .admin-body .admin-content h2,.admin-body .admin-panel>h2{font-size:17px}
  .admin-body .admin-content h3{font-size:14px}
  .admin-body .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .admin-body .kpi-grid article{padding:11px}
  .admin-body .kpi-grid span{font-size:10px;line-height:1.3}
  .admin-body .kpi-grid b{font-size:17px;line-height:1.2}
  .admin-body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .admin-body .stats-grid article{padding:12px}
  .admin-body .stats-grid strong{font-size:17px}
  .admin-body .panel,.admin-body .admin-panel{margin-bottom:14px}
  .admin-body .admin-panel>h2,.admin-body .panel-head{padding:13px 14px}
  .admin-body .admin-panel>p,.admin-body .admin-panel>.stats-grid,.admin-body .admin-panel>.status-grid,.admin-body .admin-panel>.document-actions,.admin-body .admin-panel>article{margin:14px}
  .admin-body .admin-top{height:58px;min-height:58px;padding:0 10px;gap:7px;flex-wrap:nowrap}
  .admin-body .admin-top>button{width:40px;height:40px;flex:0 0 40px}
  .admin-body .admin-top>div{min-width:0;max-width:120px}
  .admin-body .admin-top>div strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
  .admin-body .admin-top>div small{display:none}
  .admin-body .admin-alert-bell{flex:0 0 auto}
  .admin-body .admin-top>form{flex:0 0 auto}
  .admin-body .admin-top .btn{min-height:36px;padding:7px 9px;font-size:11px}
}
@media (max-width:420px){
  .admin-body .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-body .status-grid{grid-template-columns:1fr}
  .admin-body .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-body .admin-top>div{max-width:82px}
  .admin-body .admin-top>div strong{max-width:82px}
  .admin-body .admin-alert-panel{left:8px;right:8px;width:auto;max-width:none}
  .admin-body .document-card,.admin-body .customer-order-card{padding:12px}
}
@media (max-width:340px){
  .admin-body .admin-top>div{display:none}
}

/* Collapse the crowded public navigation before it can overflow at laptop/tablet widths. */
@media (max-width:1180px){
  .public-body .nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--warm);padding:18px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--border);gap:12px}
  .public-body .nav.open{display:flex}
  .public-body .menu-toggle{display:block;margin-left:auto}
  .public-body .nav-actions .icon-link{display:none}
  .public-body .nav-wrap{gap:10px}
  .public-body .brand{min-width:0}
  .public-body .brand>span{display:none!important}
}
@media (max-width:519px){
  .public-body .brand img{width:44px;height:44px}
  .public-body .nav-wrap{min-height:68px;gap:8px}
  .public-body .nav{top:68px;padding:16px}
  .public-body .menu-toggle{font-size:22px;padding:6px}
  .public-body .nav-actions{gap:6px}
  .public-body .nav-actions a:not(.btn),.public-body .nav-logout-button{font-size:11px}
  .public-body .nav-actions .btn{padding:7px 9px;font-size:11px}
  .public-body .category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-body .category-list a{padding:13px 11px;font-size:12px;min-width:0;overflow-wrap:anywhere}
  .public-body .shipping-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-body .shipping-strip>div{padding:16px 13px}
  .public-body .shipping-strip h3{font-size:15px}
  .public-body .shipping-strip p{font-size:12px}
  .public-body .unit-grid article{padding:21px 17px}
  .public-body .unit-grid h3{font-size:18px}
  .public-body .unit-grid p{min-height:0;font-size:13px;line-height:1.55}
}
/* ACA 1.4.19 — cross-device interaction polish + non-navigation safety.
   Motion is intentionally restrained and uses opacity/transform only where possible. */
:root{
  --aca-polish-fast:140ms;
  --aca-polish-base:220ms;
  --aca-polish-slow:360ms;
  --aca-polish-ease:cubic-bezier(.22,.61,.36,1);
  --aca-polish-ease-out:cubic-bezier(.16,1,.3,1);
  --aca-polish-shadow:0 14px 34px rgba(16,28,44,.10);
  --aca-polish-shadow-strong:0 18px 44px rgba(16,28,44,.14);
}

html{background:var(--warm,#FCFBF8)}
body{transition:background-color var(--aca-polish-base) ease,color var(--aca-polish-base) ease}
body::before{
  content:"";position:fixed;z-index:99999;left:0;top:0;width:100%;height:3px;
  transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none;
  background:linear-gradient(90deg,var(--gold,#C8A35A),#efd79f,var(--gold,#C8A35A));
  box-shadow:0 1px 8px rgba(200,163,90,.28);
  transition:transform 520ms var(--aca-polish-ease-out),opacity 120ms ease;
}
body.page-leaving::before,body.aca-navigating::before,body.aca-busy::before{transform:scaleX(.82);opacity:1}
body.aca-busy::before{animation:acaProgressPulse 1.1s ease-in-out infinite alternate}

.site-header,.admin-top{transition:box-shadow var(--aca-polish-base) ease,background-color var(--aca-polish-base) ease,border-color var(--aca-polish-base) ease,opacity var(--aca-polish-fast) ease}
.site-header.is-scrolled{box-shadow:0 9px 28px rgba(16,28,44,.09);border-bottom-color:rgba(226,222,213,.78);background:rgba(252,251,248,.985)}
.admin-top.is-scrolled{box-shadow:0 7px 24px rgba(16,28,44,.08)}

.btn,button,.nav a,.nav-actions a,.text-link,.pagination a,.market-links a,.footer-grid a,.business-desk-card,.product-card-link,
.admin-side a,.admin-alert-bell summary,.marketplace-provider-tab,.mobile-channel-card{
  transition:transform var(--aca-polish-fast) var(--aca-polish-ease),box-shadow var(--aca-polish-base) ease,
             background-color var(--aca-polish-base) ease,border-color var(--aca-polish-base) ease,
             color var(--aca-polish-base) ease,opacity var(--aca-polish-fast) ease;
}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.24) 48%,transparent 76%);
  transform:translateX(-120%);transition:opacity var(--aca-polish-fast) ease;
}
@media(hover:hover) and (pointer:fine){
  .btn:hover::before{opacity:1;animation:acaButtonSheen .75s ease forwards}
  .product-card:hover,.company-card:hover,.contact-card:hover,.business-desk-card:hover,.order-card:hover,.admin-panel:hover{box-shadow:var(--aca-polish-shadow)}
  .public-body .product-card:hover{transform:translateY(-3px)}
  .business-desk-card:hover,.mobile-channel-card:hover{transform:translateY(-2px)}
  .product-card:hover .product-img img{transform:scale(1.025)}
}
.btn:active,button:active,.pagination a:active,.business-desk-card:active{transform:translateY(0) scale(.985)}
.btn.aca-loading,.aca-submitting .btn[type="submit"],.aca-submitting button[type="submit"]{cursor:progress}
.btn.aca-loading::after,.aca-submitting .btn[type="submit"]::after,.aca-submitting button[type="submit"]::after{
  content:"";width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;
  display:inline-block;flex:0 0 13px;animation:acaSpin .72s linear infinite;margin-left:2px;vertical-align:-2px
}
.aca-submitting{position:relative}
.aca-submitting>*:not(button):not(.btn){transition:opacity var(--aca-polish-fast) ease}
.aca-submitting>*:not(button):not(.btn){opacity:.92}

input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{
  transition:border-color var(--aca-polish-base) ease,box-shadow var(--aca-polish-base) ease,background-color var(--aca-polish-base) ease,transform var(--aca-polish-fast) ease;
}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,select:focus,textarea:focus{
  transform:translateY(-1px);box-shadow:0 0 0 3px rgba(47,114,214,.10),0 7px 18px rgba(16,28,44,.05)
}

.product-card,.company-card,.contact-card,.business-desk-card,.order-card,.admin-panel,.panel,.form-card,.callout,.notice-card,.document-card,.customer-order-card{
  transition:transform var(--aca-polish-base) var(--aca-polish-ease),box-shadow var(--aca-polish-base) ease,border-color var(--aca-polish-base) ease,background-color var(--aca-polish-base) ease;
}
.product-img{position:relative;overflow:hidden}
.product-img img{transition:transform var(--aca-polish-slow) var(--aca-polish-ease-out),opacity var(--aca-polish-base) ease}
.aca-enhanced .product-img img:not(.aca-image-ready){opacity:.55}
.product-img::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.44) 47%,transparent 72%);
  transform:translateX(-130%)
}
.aca-enhanced .product-img:has(img:not(.aca-image-ready))::after{opacity:.75;animation:acaImageShimmer 1.2s ease-in-out infinite}

.flash,.notice{animation:acaNoticeIn var(--aca-polish-slow) var(--aca-polish-ease-out) both}
.notice.success,.flash-success{box-shadow:0 7px 20px rgba(37,122,74,.08)}
.notice.error,.flash-error{box-shadow:0 7px 20px rgba(180,35,24,.07)}

/* Public page flow */
.public-body #main-content{transform-origin:50% 20%}
.public-body.page-leaving #main-content,.public-body.aca-navigating #main-content{opacity:.82;transform:translateY(-3px) scale(.998);filter:saturate(.96)}
.public-body .hero-mark,.public-body .hero-visual,.public-body .page-hero .container{transition:transform var(--aca-polish-slow) var(--aca-polish-ease-out),opacity var(--aca-polish-slow) ease}
.public-body .whatsapp-float{transition:transform var(--aca-polish-base) var(--aca-polish-ease),box-shadow var(--aca-polish-base) ease,opacity var(--aca-polish-base) ease}
@media(hover:hover) and (pointer:fine){.public-body .whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,28,44,.15)}}

/* Mobile/tablet menu opens softly instead of appearing abruptly. */
@media(max-width:1180px){
  .public-body .nav{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.995);transform-origin:top center}
  .public-body .nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .public-body .menu-toggle{transition:transform var(--aca-polish-base) var(--aca-polish-ease),background-color var(--aca-polish-base) ease}
  .public-body:has(.nav.open) .menu-toggle{transform:rotate(90deg)}
}

/* Admin should feel equally responsive without decorative movement. */
.admin-body .admin-content{animation:acaAdminEnter var(--aca-polish-slow) var(--aca-polish-ease-out) both;transition:opacity var(--aca-polish-fast) ease,transform var(--aca-polish-fast) ease}
.admin-body.aca-navigating .admin-content,.admin-body.aca-busy .admin-content{opacity:.88;transform:translateY(-2px)}
.admin-side{transition:transform var(--aca-polish-base) var(--aca-polish-ease-out),box-shadow var(--aca-polish-base) ease}
.admin-side a{border-radius:8px}
@media(hover:hover) and (pointer:fine){
  .admin-side a:hover{transform:translateX(2px)}
  .table-wrap tbody tr{transition:background-color var(--aca-polish-fast) ease,box-shadow var(--aca-polish-fast) ease}
  .table-wrap tbody tr:hover{background:#fbfcfd;box-shadow:inset 3px 0 0 rgba(200,163,90,.55)}
}
.admin-alert-panel,.admin-alert-toast{transform-origin:top right}
.admin-alert-bell[open] .admin-alert-panel{animation:acaPopoverIn var(--aca-polish-base) var(--aca-polish-ease-out) both}
.admin-alert-toast:not([hidden]){animation:acaToastIn var(--aca-polish-slow) var(--aca-polish-ease-out) both}

/* Dialogs and disclosures. */
dialog[open]{animation:acaDialogIn var(--aca-polish-base) var(--aca-polish-ease-out) both}
dialog[open]::backdrop{animation:acaBackdropIn var(--aca-polish-base) ease both}
details>summary{transition:color var(--aca-polish-base) ease,background-color var(--aca-polish-base) ease,border-color var(--aca-polish-base) ease}
details[open]>summary{color:var(--navy,#101C2C)}
.order-action-popover,.quick-action-details[open] form,.payment-proof-disclosure[open] .payment-proof-panel{animation:acaPopoverIn var(--aca-polish-base) var(--aca-polish-ease-out) both}

/* Small processing status shown only when navigation/request is not instantaneous. */
.aca-process-indicator{
  position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:99998;display:flex;align-items:center;gap:10px;
  max-width:min(420px,calc(100vw - 28px));padding:10px 14px;border:1px solid rgba(16,28,44,.12);border-radius:999px;
  background:rgba(255,255,255,.96);color:#1f2b38;box-shadow:0 14px 38px rgba(16,28,44,.16);backdrop-filter:blur(12px);
  font-size:12px;font-weight:700;line-height:1.35;opacity:0;transform:translate(-50%,12px);pointer-events:none;
  transition:opacity var(--aca-polish-base) ease,transform var(--aca-polish-base) var(--aca-polish-ease-out)
}
.aca-process-indicator[hidden]{display:none!important}
.aca-process-indicator.is-visible{opacity:1;transform:translate(-50%,0)}
.aca-process-indicator span{width:14px;height:14px;border:2px solid #c8a35a;border-right-color:transparent;border-radius:50%;flex:0 0 14px}
.aca-process-indicator.is-visible span{animation:acaSpin .72s linear infinite}

/* Keep the polish compact on phones. */
@media(max-width:600px){
  :root{--aca-polish-slow:300ms}
  .site-header.is-scrolled{box-shadow:0 6px 18px rgba(16,28,44,.08)}
  .aca-process-indicator{bottom:max(12px,env(safe-area-inset-bottom));padding:9px 12px;font-size:11px}
  .product-card,.company-card,.contact-card,.business-desk-card,.order-card,.admin-panel,.panel{box-shadow:none}
  .btn:hover{transform:none}
}

@keyframes acaSoftEnter{from{opacity:.94;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes acaAdminEnter{from{opacity:.95;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes acaNoticeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes acaPopoverIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
@keyframes acaToastIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes acaDialogIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes acaBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes acaButtonSheen{to{transform:translateX(120%)}}
@keyframes acaSpin{to{transform:rotate(360deg)}}
@keyframes acaProgressPulse{from{filter:brightness(.94)}to{filter:brightness(1.08)}}
@keyframes acaImageShimmer{to{transform:translateX(130%)}}

@media(prefers-reduced-motion:reduce){
  body::before,.site-header,.admin-top,.btn,button,a,input,select,textarea,.product-card,.company-card,.contact-card,.business-desk-card,
  .order-card,.admin-panel,.panel,.form-card,.callout,.notice-card,.document-card,.customer-order-card,.product-img img,.admin-content,
  .admin-side,.admin-alert-panel,.admin-alert-toast,dialog,.aca-process-indicator{transition:none!important;animation:none!important;transform:none!important}
  .product-img::after,.btn::before{display:none!important}
  .aca-process-indicator span,.btn.aca-loading::after,.aca-submitting .btn[type="submit"]::after,.aca-submitting button[type="submit"]::after{animation:none!important}
  .public-body .nav{transform:none!important}
}
.select-search{display:grid;gap:.45rem}.select-search>input[type="search"]{width:100%}.select-search>select{width:100%}

/* Stage 8: explicit catalog/PWA states without changing the visual system. */
.catalog-empty{grid-column:1/-1;margin-top:16px;padding:28px;border:1px dashed var(--border);border-radius:12px;background:#fff;text-align:center}
.catalog-empty h2{margin:0 0 8px;font-size:20px}.catalog-empty p{margin:0 0 16px;color:var(--muted)}
.pwa-update-banner{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:99999;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(16,28,44,.14);border-radius:12px;background:#fff;color:#1f2b38;box-shadow:0 14px 38px rgba(16,28,44,.18)}
.pwa-update-banner span{font-size:13px;font-weight:650}.pwa-update-banner .btn{flex:0 0 auto}
@media(max-width:520px){.pwa-update-banner{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none;align-items:stretch;flex-direction:column}.pwa-update-banner .btn{width:100%}}
/* ACA Customer UX hotfix 1.5.01 — scoped to public customer surfaces. */
html { scrollbar-gutter: stable; }

.public-body :where(a,button,summary) { touch-action: manipulation; }
.public-body :where(input[type="checkbox"],input[type="radio"]) { accent-color: var(--navy); }
.public-body :where([id]) { scroll-margin-top: 100px; }

@supports (text-wrap: balance) {
  .public-body :where(h1,h2) { text-wrap: balance; }
}
.btn,
.pagination a,
.text-danger-button {
  word-break: normal;
  overflow-wrap: normal;
}

.btn { white-space: nowrap; }

.package-clarity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .8rem;
  margin: -.35rem 0 1rem;
  padding: .75rem .9rem;
  border-left: 4px solid var(--gold);
  background: #fffaf0;
  color: var(--muted);
}

.package-clarity strong { color: var(--text); }

.buy-form.buy-form-primary {
  display: grid;
  grid-template-columns: minmax(176px,190px) max-content max-content;
  align-items: end;
  gap: .75rem;
  margin: 1rem 0 .5rem;
}

.buy-form.buy-form-primary label,
.buy-form.buy-form-primary input { width: 100%; }
.purchase-note { margin: .35rem 0 1rem; font-size: .92rem; }

.secondary-purchase-actions {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.business-price-gate-secondary,
.product-help { margin: 0; min-width: 0; }
.business-price-gate-secondary .btn,
.product-help .btn { width: max-content; max-width: 100%; }

.active-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .5rem;
}
.active-filter-chips span {
  padding: .3rem .55rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  font-size: .75rem;
  font-weight: 700;
}

.catalog-filter-toggle,
.catalog-filter-heading { display: none; }
.catalog-filter-backdrop,
.site-nav-backdrop { display: none; }

.product-thumbnails button[aria-pressed="true"] {
  border-color: var(--gold);
  box-shadow: 0 0 0 2px rgba(198,145,45,.22);
}
.product-media-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin-top: .75rem;
}
.product-share-status { flex: 1 1 100%; min-height: 1.3em; color: var(--muted); font-size: .82rem; }
.product-image-dialog {
  width: min(960px,calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: var(--text);
  box-shadow: 0 28px 90px rgba(11,21,34,.32);
}
.product-image-dialog::backdrop { background: rgba(11,21,34,.72); backdrop-filter: blur(3px); }
.product-image-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; border-bottom: 1px solid var(--border); }
.product-image-dialog-head strong { min-width: 0; overflow-wrap: anywhere; }
.product-image-dialog-head button { flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid var(--border); border-radius: 50%; background: #fff; color: var(--text); font-size: 1.5rem; cursor: pointer; }
.product-image-dialog-body { display: grid; place-items: center; max-height: calc(100dvh - 105px); padding: 1rem; overflow: auto; }
.product-image-dialog-body img { width: auto; max-width: 100%; height: auto; max-height: calc(100dvh - 140px); object-fit: contain; }

.field-counter { display: block; margin-top: .25rem; color: var(--muted); font-weight: 600; text-align: right; }
.field-counter.near-limit { color: #8a4f00; }
.password-requirements { display: flex; flex-wrap: wrap; gap: .4rem; margin: -.25rem 0 .25rem; }
.password-requirements span { padding: .28rem .5rem; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); font-size: .75rem; font-weight: 700; }
.password-requirements span::before { content: '○'; margin-right: .3rem; }
.password-requirements span.is-valid { border-color: #a9d6b8; background: #edf8f0; color: #206a3f; }
.password-requirements span.is-valid::before { content: '✓'; }

.back-to-top {
  position: fixed;
  z-index: 1050;
  left: max(18px,env(safe-area-inset-left));
  bottom: max(18px,env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: .35rem;
  min-width: 48px;
  min-height: 48px;
  padding: .55rem .75rem;
  border: 1px solid rgba(16,28,44,.18);
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  box-shadow: 0 10px 30px rgba(16,28,44,.16);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.back-to-top[hidden],.connection-status[hidden] { display: none!important; }
.connection-status {
  position: fixed;
  z-index: 1400;
  left: 50%;
  bottom: max(20px,env(safe-area-inset-bottom));
  width: max-content;
  max-width: calc(100vw - 32px);
  padding: .7rem 1rem;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  box-shadow: 0 14px 38px rgba(16,28,44,.22);
  font-size: .85rem;
  font-weight: 700;
  text-align: center;
  transform: translateX(-50%);
}
.connection-status[data-state="offline"] { background: #8b2b24; }
.connection-status[data-state="online"] { background: #206a3f; }

.pwa-install-actions { display: flex; align-items: center; gap: .55rem; }
.pwa-dismiss {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: #fff;
  color: var(--text);
  font: inherit;
  font-size: 1.25rem;
  cursor: pointer;
}

.public-body :where(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid rgba(198,145,45,.42);
  outline-offset: 3px;
}

.public-body .btn,
.public-body .product-card,
.public-body .pagination a,
.public-body .nav a {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}
.public-body .btn:active { transform: translateY(1px); }
.public-body .public-product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(16,28,44,.11);
}
.public-body .product-img img,
.public-body .detail-image img { aspect-ratio: 1; object-fit: contain; }
.public-body .ux-reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .42s ease var(--ux-delay,0ms), transform .42s ease var(--ux-delay,0ms);
}
.public-body .ux-reveal.is-visible { opacity: 1; transform: none; }

.public-body main > .section:nth-of-type(n+2),
.public-body .site-footer {
  content-visibility: auto;
  contain-intrinsic-size: 1px 700px;
}

.pagination { flex-wrap: wrap; align-items: center; }
.pagination .pagination-word {
  width: auto;
  min-width: 38px;
  padding: 0 .8rem;
  white-space: nowrap;
}

.cart-list { padding-bottom: 5rem; }
.cart-list article {
  grid-template-columns: minmax(0,1fr) minmax(260px,auto) minmax(120px,auto);
}
.cart-item-controls { display: flex; align-items: end; gap: .65rem; min-width: 0; }
.cart-update-form { display: flex; align-items: end; gap: .55rem; min-width: 0; }
.cart-update-form label { display: grid; gap: .25rem; font-size: .75rem; font-weight: 700; }
.cart-update-form input { width: 100%; }
.cart-remove-form { display: flex; }
.text-danger-button {
  appearance: none;
  border: 0;
  background: transparent;
  color: #a52a22;
  padding: .55rem .2rem;
  font: inherit;
  font-size: .82rem;
  font-weight: 750;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
.cart-line-total { text-align: right; white-space: nowrap; }
.cart-actions-top { display: flex; justify-content: flex-start; }
.cart-total { width: min(430px,100%); }
.cart-total .cart-login-note { grid-column: 1/-1; margin: 0; }

.password-field { position: relative; display: block; }
.password-field input { padding-right: 4.4rem!important; }
.password-field button {
  position: absolute;
  right: .45rem;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #6e5427;
  padding: .35rem .45rem;
  font-weight: 750;
  cursor: pointer;
}
.compact-check { grid-template-columns: auto 1fr!important; align-items: center; }
.compact-check input { width: auto!important; }
.register-card { width: min(520px,100%); }
.register-card form { display: grid; gap: 15px; }
.register-intro { margin-top: -.4rem; }
.business-register-help {
  margin-top: .4rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}
.business-register-help summary { cursor: pointer; font-weight: 750; }

.error-search {
  display: grid;
  grid-template-columns: minmax(0,1fr) max-content;
  gap: .65rem;
  width: min(620px,100%);
  margin: 1.5rem auto 1rem;
}
.error-search input { min-width: 0; }
.error-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .65rem 1rem;
}

.business-request-hero { min-height: 0; }
.business-request-hero h1 { max-width: 850px; }
.business-eligibility ul { margin: .7rem 0; padding-left: 1.2rem; }
.business-process-card { position: sticky; top: 100px; }
.business-process-card ol { padding-left: 1.25rem; }

.quantity-stepper {
  display: grid;
  grid-template-columns: 44px minmax(68px,1fr) 44px;
  align-items: stretch;
  min-width: 168px;
  min-height: 44px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #fff;
}
.quantity-stepper button {
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: #f5f1e9;
  color: var(--navy);
  font: inherit;
  font-size: 1.25rem;
  font-weight: 800;
  cursor: pointer;
}
.quantity-stepper button:hover { background: #ece4d5; }
.quantity-stepper input[type="number"] {
  min-width: 0;
  min-height: 44px;
  padding: .45rem .25rem;
  border: 0!important;
  border-right: 1px solid var(--border)!important;
  border-left: 1px solid var(--border)!important;
  border-radius: 0!important;
  box-shadow: none!important;
  text-align: center;
  appearance: textfield;
}
.quantity-stepper input[type="number"]::-webkit-inner-spin-button,
.quantity-stepper input[type="number"]::-webkit-outer-spin-button { margin: 0; appearance: none; }

.product-sku-line { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .5rem; }
.product-sku-line code { color: var(--text); font: inherit; font-weight: 750; }
.product-sku-line button {
  min-height: 34px;
  padding: .3rem .55rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-size: .75rem;
  font-weight: 750;
  cursor: pointer;
}

.file-input-status { display: block; min-height: 1.3em; margin-top: .3rem; color: var(--muted); font-weight: 650; overflow-wrap: anywhere; }
.file-input-status.is-ready { color: #206a3f; }
.file-input-status.is-error { color: #a52a22; }
.public-body :where(input,select,textarea)[aria-invalid="true"] { border-color: #a52a22!important; box-shadow: 0 0 0 3px rgba(165,42,34,.12); }
.form-validation-summary {
  margin-bottom: 1rem;
  padding: .75rem .9rem;
  border-left: 4px solid #a52a22;
  border-radius: 6px;
  background: #fff3f1;
  color: #7d211b;
  font-weight: 750;
}

.whatsapp-float {
  background: #08783e;
  right: max(18px,env(safe-area-inset-right));
  bottom: max(18px,env(safe-area-inset-bottom));
  max-width: calc(100vw - 36px);
}

/* WCAG AA contrast at every responsive text size. */
.public-body .eyebrow.dark { color: #75551e; }

@media(max-width:980px){
  .ux-js .site-nav-backdrop {
    display: block;
    position: fixed;
    z-index: 39;
    inset: 78px 0 0;
    width: 100%;
    height: calc(100dvh - 78px);
    padding: 0;
    border: 0;
    background: rgba(16,28,44,.48);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transition: opacity .22s ease, visibility 0s linear .22s;
  }
  .ux-js.site-nav-open .site-nav-backdrop,
  .ux-js .site-nav-open .site-nav-backdrop {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  .site-nav-open { overflow: hidden; }
  .public-body .nav a { min-height: 44px; display: flex; align-items: center; }
  .public-body .menu-toggle { flex: 0 0 44px; }
  .catalog-filter-toggle { display: inline-flex; margin: 0 0 1rem; }
  .catalog-filter-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
  .catalog-filter-heading button {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: #f3eee4;
    color: var(--text);
    font-size: 1.55rem;
    cursor: pointer;
  }
  .ux-js .filters[data-catalog-filters] {
    position: fixed;
    z-index: 1200;
    inset: 0 0 0 auto;
    width: min(420px,92vw);
    max-height: 100dvh;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 1.25rem;
    background: #fff;
    box-shadow: -20px 0 50px rgba(16,28,44,.2);
    transform: translateX(105%);
    visibility: hidden;
    transition: transform .25s ease, visibility 0s linear .25s;
  }
  .ux-js .filters[data-catalog-filters].is-open {
    transform: none;
    visibility: visible;
    transition-delay: 0s;
  }
  .ux-js .catalog-filter-backdrop {
    display: block;
    position: fixed;
    z-index: 1190;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(16,28,44,.48);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    transition: opacity .25s ease, visibility 0s linear .25s;
  }
  .ux-js .filters[data-catalog-filters].is-open + .catalog-filter-backdrop {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  .catalog-filter-open { overflow: hidden; }
  .buy-form.buy-form-primary { grid-template-columns: minmax(168px,190px) 1fr 1fr; }
  .secondary-purchase-actions { grid-template-columns: 1fr; }
  .cart-list article { grid-template-columns: 1fr; }
  .cart-item-controls { flex-wrap: wrap; }
  .cart-line-total { text-align: left; font-size: 1.1rem; }
  .business-process-card { position: static; }
}

@media(hover:none){
  .public-body .public-product-card:hover { transform: none; box-shadow: none; }
}

@media(prefers-reduced-motion:reduce){
  .public-body *,
  .public-body *::before,
  .public-body *::after {
    scroll-behavior: auto!important;
    transition-duration: .01ms!important;
    animation-duration: .01ms!important;
    animation-iteration-count: 1!important;
  }
  .public-body .ux-reveal { opacity: 1; transform: none; }
}

@media(max-width:600px){
  .btn { white-space: normal; }
  .buy-form.buy-form-primary { grid-template-columns: 1fr; }
  .buy-form.buy-form-primary .btn { width: 100%; }
  .secondary-purchase-actions .btn { width: 100%; }
  .cart-item-controls,
  .cart-update-form { width: 100%; }
  .cart-update-form { display: grid; grid-template-columns: minmax(168px,1fr) 1fr; }
  .cart-update-form .btn { min-height: 44px; }
  .cart-remove-form { width: 100%; }
  .text-danger-button { min-height: 44px; }
  .cart-actions-top .btn { width: 100%; }
  .pagination .pagination-word { flex: 1 1 130px; }
  .whatsapp-float { bottom: max(14px,env(safe-area-inset-bottom)); }
  .back-to-top { left: max(12px,env(safe-area-inset-left)); bottom: max(12px,env(safe-area-inset-bottom)); padding: .55rem; }
  .back-to-top span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
  .connection-status { bottom: max(76px,calc(env(safe-area-inset-bottom) + 76px)); border-radius: 12px; }
  .product-media-actions .btn { flex: 1 1 145px; }
  .product-image-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 12px; }
  .pwa-install-actions { width: 100%; }
  .pwa-install-actions .btn { flex: 1 1 auto; }
  .error-search { grid-template-columns: 1fr; }
  .error-search .btn,
  .error-actions .btn { width: 100%; }
}

@media(prefers-contrast:more){
  .public-body :where(a,button,input,select,textarea,summary):focus-visible {
    outline-color: currentColor;
    outline-width: 4px;
  }
  .public-body :where(.product-card,.form-card,.callout,.notice-card) { border-color: currentColor; }
}

@media print{
  .site-header,.site-nav-backdrop,.whatsapp-float,.pwa-install,.pwa-update-banner,.catalog-filter-toggle,.catalog-filter-backdrop,.back-to-top,.connection-status,.product-media-actions,.product-image-dialog { display:none!important; }
  .public-body { background:#fff!important; color:#000!important; }
  .public-body main > .section,.public-body .site-footer { content-visibility:visible; }
  .site-footer { break-inside:avoid; }
}
/* ACA Customer UX hotfix 1.5.03 — current pagination is state, not a reload link. */
.pagination > span.active {
  width: 38px;
  height: 38px;
  border: 1px solid var(--border);
  display: grid;
  place-items: center;
  background: var(--navy);
  color: #fff;
  font-weight: 800;
}
@media(max-width:720px){
  .public-body .pagination > span.active { width: 34px; height: 34px; font-size: 12px; }
}

.market-links>div:first-child{display:grid;gap:2px}.market-links>div:first-child small{color:var(--muted);font-size:12px}.market-links .marketplace-buy-link img{width:22px;height:22px;object-fit:contain;border-radius:4px}.market-links .external-link-mark{font-size:14px;line-height:1}.market-links .marketplace-buy-link:focus-visible{outline:3px solid rgba(200,163,90,.45);outline-offset:3px}

/* ACA 1.5.30: marketplace purchase panel stays prominent and touch-friendly. */
.market-links.market-links-primary{
  display:grid;
  gap:12px;
  margin:18px 0 20px;
  padding:16px;
  border:1px solid #ded5c2;
  border-radius:16px;
  background:linear-gradient(145deg,#fffdf8,#fff8e9);
  box-shadow:0 8px 24px rgba(20,34,58,.07);
}
.market-links-primary .market-links-heading{display:grid;gap:3px}
.market-links-primary .market-links-kicker{color:#856a32;font-size:10px;font-weight:850;letter-spacing:.12em}
.market-links-primary .market-links-heading strong{color:var(--navy);font-size:17px;line-height:1.25}
.market-links-primary .market-links-heading small{color:var(--muted);font-size:12px;line-height:1.45}
.market-links-primary .market-buy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.market-links-primary .marketplace-buy-link{
  display:flex;
  justify-content:flex-start;
  width:100%;
  min-width:0;
  min-height:50px;
  padding:11px 13px;
  border-width:1px 1px 1px 3px;
  border-radius:11px;
  background:#fff;
  color:var(--navy);
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-align:left;
}
.market-links-primary .marketplace-buy-link:hover{background:#fff;box-shadow:0 7px 18px rgba(20,34,58,.1);transform:translateY(-1px)}
.market-links-primary .marketplace-buy-link img{flex:0 0 24px;width:24px;height:24px}
.market-links-primary .external-link-mark{margin-left:auto}
.market-links-primary .marketplace-shopee{border-left-color:#ee4d2d}
.market-links-primary .marketplace-tiktok{border-left-color:#111}
.market-links-primary .marketplace-lazada{border-left-color:#0f146d}
.market-links-primary .marketplace-tokopedia{border-left-color:#03ac0e}
@media(max-width:600px){
  .market-links.market-links-primary{margin:16px 0 18px;padding:14px;border-radius:14px}
  .market-links-primary .market-links-heading strong{font-size:16px}
  .market-links-primary .market-buy-options{grid-template-columns:1fr;gap:9px}
  .market-links-primary .marketplace-buy-link{min-height:52px;padding:12px 14px;font-size:14px}
}

/* Retail promotion engine 1.5.41 */
.promo-popup[hidden]{display:none}.promo-popup{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(7,18,29,.66);backdrop-filter:blur(5px)}.promo-popup-card{position:relative;width:min(100%,520px);max-height:min(86vh,680px);overflow:auto;padding:clamp(1.35rem,4vw,2.25rem);border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.3)}.promo-popup-card h2{margin:.35rem 2rem .6rem 0;font-size:clamp(1.55rem,5vw,2.3rem);line-height:1.08}.promo-popup-card>p:not(.eyebrow){white-space:normal;color:#425466}.promo-popup-card>small{display:block;margin-top:1rem;color:#65717e}.promo-popup-close{position:absolute;right:.75rem;top:.65rem;width:42px;height:42px;border:0;border-radius:50%;background:#eef3f6;font-size:1.55rem;cursor:pointer}.promo-popup-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.25rem}.promo-popup-open{overflow:hidden}.promotion-offers{display:grid;gap:.45rem;margin:.75rem 0 1rem;padding:.8rem 1rem;border:1px solid #d5e5ee;border-radius:12px;background:#f3f9fc}.promotion-offers strong{font-size:.82rem;letter-spacing:.04em;color:#1d5878}.promotion-offers span{font-size:.9rem;color:#344b59}.cart-free-gift{border-color:#b7dec4;background:#f3fbf5}.cart-free-gift .cart-line-total{color:#18723a}.promo-auto-note{display:block;color:#247446}.checkout-item.is-free-gift{background:#f3fbf5;border-radius:10px;padding:.7rem}.checkout-item.is-free-gift b{color:#18723a}
@media(max-width:540px){.promo-popup{align-items:end;padding:.65rem}.promo-popup-card{width:100%;border-radius:20px 20px 12px 12px}.promo-popup-actions>*{flex:1;text-align:center}}

/* Payment trust surface: verified company bank + official QRIS. */
.payment-method-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:18px;margin:22px 0}.payment-method-card{min-width:0;border:1px solid #d8dee8;border-radius:14px;background:#fff;padding:22px;box-shadow:0 8px 28px rgba(16,28,44,.07)}.payment-method-card h3{margin:9px 0 18px}.payment-method-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#101c2c;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em}.payment-method-card dl{display:grid;grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr);gap:8px 14px;margin:0 0 18px}.payment-method-card dt{color:var(--muted)}.payment-method-card dd{margin:0;overflow-wrap:anywhere}.payment-qris-card{text-align:center}.payment-qris-card img{display:block;width:min(100%,280px);height:auto;margin:14px auto;border:1px solid #e2e5ea;border-radius:10px;background:#fff}.payment-qris-card p{margin:12px 0}.payment-trust-note{border-left:4px solid #1b6b48;background:#eef8f2;padding:14px 16px;border-radius:8px;line-height:1.6}@media(max-width:720px){.payment-method-grid{grid-template-columns:1fr}.payment-method-card{padding:18px}.payment-method-card dl{grid-template-columns:1fr;gap:3px}.payment-method-card dd{margin:0 0 10px}.payment-qris-card img{width:min(100%,340px)}}

/* Secure invoice + QRIS share page. */
.invoice-share-page{background:#f4f6f9}.invoice-share-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.invoice-share-toolbar p{margin:0;color:var(--muted)}.invoice-share-document,.invoice-share-payment{border:1px solid #dce2e9;border-radius:16px;background:#fff;box-shadow:0 10px 34px rgba(16,28,44,.07)}.invoice-share-document{padding:clamp(18px,4vw,34px)}.invoice-share-document>header{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:2px solid #17283b}.invoice-share-document>header>div{display:grid;gap:4px}.invoice-share-document>header>div:last-child{text-align:right}.invoice-share-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.invoice-share-meta>div{padding:12px;border-radius:10px;background:#f7f9fb}.invoice-share-meta dt{font-size:12px;color:var(--muted)}.invoice-share-meta dd{margin:5px 0 0;overflow-wrap:anywhere}.invoice-share-summary{width:min(100%,420px);margin:22px 0 0 auto}.invoice-share-summary>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #e6e9ee}.invoice-share-summary .total{padding-top:14px;border-top:2px solid #17283b;border-bottom:0;font-size:18px}.invoice-share-payment{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.72fr);gap:28px;margin-top:22px;padding:clamp(18px,4vw,30px)}.invoice-share-bank{display:grid;gap:8px;margin:18px 0;padding:18px;border:1px solid #d8e1ea;border-radius:12px}.invoice-share-bank>span{font-size:12px;font-weight:800;letter-spacing:.08em}.invoice-share-bank>strong{font-size:clamp(24px,5vw,34px);letter-spacing:.04em}.invoice-share-bank p{margin:0}.invoice-share-bank .btn{justify-self:start}.invoice-share-qris{display:flex;align-items:center;flex-direction:column;text-align:center}.invoice-share-qris img{display:block;width:min(100%,330px);height:auto;margin:12px auto;border:1px solid #e0e4e9;border-radius:12px}.invoice-share-qris strong,.invoice-share-qris small{display:block}.invoice-share-help,.invoice-share-paid{margin-top:18px}.invoice-share-paid{border-left:5px solid #1e7c4d}.invoice-share-paid p{margin-bottom:0}@media(max-width:760px){.invoice-share-toolbar{align-items:stretch;flex-direction:column}.invoice-share-toolbar .btn{width:100%}.invoice-share-document>header{flex-direction:column}.invoice-share-document>header>div:last-child{text-align:left}.invoice-share-meta{grid-template-columns:1fr 1fr}.invoice-share-payment{grid-template-columns:1fr}.invoice-share-qris img{width:min(100%,360px)}}@media(max-width:430px){.invoice-share-meta{grid-template-columns:1fr}.invoice-share-document{padding:15px}.invoice-share-document .table-wrap table{min-width:650px}}@media print{.invoice-share-hero,.invoice-share-toolbar,.site-footer,.whatsapp-float,.back-to-top{display:none!important}.invoice-share-page{padding:0!important;background:#fff}.invoice-share-document,.invoice-share-payment{box-shadow:none;break-inside:avoid}.invoice-share-payment{grid-template-columns:1fr 240px}.invoice-share-qris img{width:220px}.invoice-share-help{break-inside:avoid}}
/* ACA 1.5.47: professional payment flow, clear hierarchy, and mobile invoice cards. */
.invoice-share-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.invoice-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:850;letter-spacing:.06em;white-space:nowrap}.invoice-status-pill.is-unpaid{border-color:#d9b96c;background:#fff8df;color:#705414}.invoice-status-pill.is-paid{border-color:#9fd0b4;background:#edf9f2;color:#17653e}.invoice-share-toolbar>div{display:grid;gap:3px}.invoice-payment-overview{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-bottom:20px}.invoice-payment-overview article{display:flex;min-width:0;min-height:126px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:20px;border:1px solid #dce2e9;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(16,28,44,.055)}.invoice-payment-overview article:first-child{border-color:#101c2c;background:linear-gradient(145deg,#101c2c,#203750);color:#fff}.invoice-payment-overview span{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;opacity:.72}.invoice-payment-overview strong{font-size:clamp(20px,3vw,30px);line-height:1.15;overflow-wrap:anywhere}.invoice-payment-overview small{color:var(--muted);line-height:1.45}.invoice-payment-overview button{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.invoice-payment-steps{margin:0 0 20px;padding:22px;border:1px solid #dce2e9;border-radius:16px;background:#fff}.invoice-payment-steps h2{margin:0 0 16px;font-size:20px}.invoice-payment-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;counter-reset:payment-step;list-style:none}.invoice-payment-steps li{position:relative;min-height:90px;padding:14px 14px 14px 50px;border-radius:12px;background:#f5f7fa;counter-increment:payment-step}.invoice-payment-steps li:before{position:absolute;top:14px;left:14px;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#101c2c;color:#fff;content:counter(payment-step);font-size:12px;font-weight:850}.invoice-payment-steps li b,.invoice-payment-steps li span{display:block}.invoice-payment-steps li b{margin-bottom:4px;color:#101c2c}.invoice-payment-steps li span{color:var(--muted);font-size:13px;line-height:1.45}.invoice-share-payment{margin-top:0}.invoice-share-qris h2{margin:12px 0 0}.invoice-payment-actions{display:flex;gap:8px;flex-wrap:wrap}.invoice-proof-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 0;padding:20px 22px;border-radius:15px;background:#101c2c;color:#fff;box-shadow:0 10px 30px rgba(16,28,44,.14)}.invoice-proof-action p{margin:4px 0 0;color:#d6e0ea}.invoice-proof-action .btn{flex:0 0 auto;background:#fff;color:#101c2c}.invoice-share-document{margin-top:24px}.invoice-share-security{margin-top:18px;padding:18px 20px;border:1px solid #d5e3dc;border-radius:14px;background:#f1f8f4}.invoice-share-security ul{display:grid;gap:5px;margin:8px 0 0;padding-left:20px;color:#425466}.invoice-items-table table{width:100%}
@media(max-width:760px){.invoice-share-hero-inner{align-items:flex-start;flex-direction:column;gap:14px}.invoice-payment-overview{grid-template-columns:1fr}.invoice-payment-overview article{min-height:auto;padding:17px}.invoice-payment-steps{padding:17px}.invoice-payment-steps ol{grid-template-columns:1fr}.invoice-payment-steps li{min-height:auto}.invoice-proof-action{align-items:stretch;flex-direction:column}.invoice-proof-action .btn{width:100%}.invoice-share-document{margin-top:18px}.invoice-items-table{overflow:visible}.invoice-items-table table,.invoice-items-table tbody,.invoice-items-table tr,.invoice-items-table td{display:block;width:100%}.invoice-items-table thead{display:none}.invoice-items-table tbody{display:grid;gap:10px}.invoice-items-table tr{padding:6px 14px;border:1px solid #dfe4ea;border-radius:12px;background:#fff}.invoice-items-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:9px 0;border:0;border-bottom:1px solid #edf0f3;text-align:right;overflow-wrap:anywhere}.invoice-items-table td:last-child{border-bottom:0;font-weight:800}.invoice-items-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:750;text-align:left}.invoice-share-summary{width:100%}}
@media(max-width:430px){.invoice-share-document .invoice-items-table table{min-width:0}.invoice-share-toolbar .btn{min-height:44px}.invoice-payment-actions .btn{flex:1 1 130px}.invoice-status-pill{white-space:normal;text-align:center}}
@media print{.invoice-proof-action,.invoice-share-security{display:none!important}.invoice-payment-overview{grid-template-columns:repeat(3,1fr)}.invoice-payment-steps ol{grid-template-columns:repeat(3,1fr)}}

/* 1.5.50 — invoice-first layout with a dedicated payment sheet */
.invoice-share-document{margin-top:0}.invoice-payment-sheet{margin-top:28px;padding-top:28px;border-top:3px solid #17283b}.invoice-payment-sheet>header{margin-bottom:18px}.invoice-payment-sheet>header h2{margin:3px 0 6px;font-size:clamp(25px,4vw,36px)}.invoice-payment-sheet>header p{margin:0;color:var(--muted)}.invoice-transfer-warning{margin-top:18px;padding:18px 20px;border:2px solid #b33a3a;border-radius:14px;background:#fff4f4;color:#641e1e}.invoice-transfer-warning p{margin:7px 0 0;line-height:1.6}.invoice-share-qris .btn{margin-top:12px}.invoice-share-qris img{margin-bottom:0}
@media(max-width:760px){.invoice-payment-sheet{margin-top:20px;padding-top:20px}.invoice-share-bank>strong{font-size:clamp(22px,8vw,30px);overflow-wrap:anywhere}.invoice-transfer-warning{padding:16px}}
@media print{.invoice-payment-sheet{break-before:page;page-break-before:always;margin-top:0;padding-top:0;border-top:0}.invoice-payment-sheet .invoice-proof-action{display:none!important}.invoice-payment-sheet,.invoice-share-payment,.invoice-transfer-warning{box-shadow:none;break-inside:avoid}.invoice-share-document{break-inside:auto}.invoice-payment-sheet>header{padding-top:12mm}}

/* 1.5.51 — bank identity and lightweight invoice-share layout. */
.invoice-bank-logo{display:block;width:auto;height:42px;max-width:132px;object-fit:contain;object-position:left center;margin:2px 0 4px}.invoice-share-bank[data-bank="BCA"] .invoice-bank-logo{height:50px}.payment-method-card>.invoice-bank-logo{height:40px;margin:15px 0 0}.payment-method-card[data-bank="BCA"]>.invoice-bank-logo{height:48px}.invoice-share-standalone{min-height:100vh;background:#f4f6f9;color:#17283b}.invoice-share-mini-header{position:relative;z-index:2;border-bottom:1px solid #dce2e9;background:#fff;box-shadow:0 3px 16px rgba(16,28,44,.06)}.invoice-share-mini-header>.container{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:20px}.invoice-share-mini-header a{display:flex;align-items:center;gap:12px;color:#101c2c;text-decoration:none}.invoice-share-mini-header a span{display:grid;gap:2px}.invoice-share-mini-header a b{font-size:14px;line-height:1.2}.invoice-share-mini-header a small{color:#607083;font-size:12px}.invoice-share-secure-mark{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #b8dac7;border-radius:999px;background:#eff9f3;color:#17653e;font-size:12px;font-weight:800}.invoice-share-secure-mark:before{content:'✓';display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#17653e;color:#fff;font-size:11px}.invoice-share-mini-footer{padding:24px 0;border-top:1px solid #dce2e9;background:#fff;color:#607083}.invoice-share-mini-footer>.container{display:grid;gap:5px}.invoice-share-mini-footer b{color:#17283b}.invoice-share-mini-footer span{font-size:13px;line-height:1.5}.invoice-share-standalone .invoice-share-hero{padding-top:30px}.invoice-share-standalone .invoice-share-page{padding-top:28px}
@media(max-width:560px){.invoice-share-mini-header>.container{min-height:68px}.invoice-share-mini-header img{width:44px;height:44px}.invoice-share-mini-header a b{max-width:190px;font-size:12px}.invoice-share-mini-header a small{font-size:11px}.invoice-share-secure-mark{padding:6px 8px;font-size:10px}.invoice-bank-logo{height:38px}.invoice-share-bank[data-bank="BCA"] .invoice-bank-logo{height:46px}}
@media print{.invoice-share-mini-header,.invoice-share-mini-footer{display:none!important}.invoice-share-standalone{background:#fff}.invoice-bank-logo{max-width:105px;height:34px}.invoice-share-bank[data-bank="BCA"] .invoice-bank-logo{height:40px}}

/* 1.5.59 — warm Google-to-ACA discovery and product trust layer. */
.aca-trust-strip{display:flex;flex-wrap:wrap;gap:.55rem .9rem;margin:1rem 0;padding:.85rem 1rem;border:1px solid rgba(16,28,44,.12);border-radius:12px;background:#f8f6ef;color:#425064;font-size:.78rem;line-height:1.45}.aca-trust-strip strong{flex-basis:100%;color:#101c2c;font-size:.88rem}.aca-trust-strip span{display:inline-flex;align-items:center;gap:.35rem}.aca-trust-strip span::before{content:'✓';color:#257346;font-weight:900}
.aca-discovery{padding-top:0}.aca-discovery-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:clamp(1.25rem,4vw,3rem);align-items:center;padding:clamp(1.35rem,4vw,2.4rem);border:1px solid rgba(16,28,44,.12);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fbf7eb 100%);box-shadow:0 16px 42px rgba(16,28,44,.08)}.aca-discovery-card h2{margin:.25rem 0 .65rem}.aca-discovery-card p{max-width:70ch;margin-bottom:0;color:#536071;line-height:1.72}.aca-discovery-actions{display:grid;gap:.65rem}.aca-discovery-actions .btn{width:100%;justify-content:center;text-align:center}
@media(max-width:760px){.aca-trust-strip{display:grid;gap:.45rem}.aca-discovery-card{grid-template-columns:1fr}.aca-discovery-actions{grid-template-columns:1fr}.product-detail .breadcrumbs{white-space:normal;line-height:1.6}}
/* ACA 1.5.61 — clear discovery paths for brand, retail and business intent. */
.home-brand-section .section-head p{max-width:760px;color:var(--muted)}
.search-intent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.search-intent-grid a{display:grid;gap:7px;align-content:start;min-height:170px;padding:24px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(16,28,44,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.search-intent-grid a:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:var(--shadow)}
.search-intent-grid span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#80622f}
.search-intent-grid strong{font-size:19px;line-height:1.3;color:var(--navy)}
.search-intent-grid small{font-size:14px;line-height:1.55;color:var(--muted)}
.catalog-context-nav{border-bottom:1px solid var(--border);background:#fff}
.catalog-context-nav .container{min-height:58px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.catalog-context-nav span{font-size:14px;color:var(--muted);margin-right:auto}
.catalog-context-nav a{font-size:14px;font-weight:750;color:#765824}
.page-hero .catalog-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;color:#cbd4df}
.page-hero .catalog-breadcrumbs a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.page-hero .catalog-breadcrumbs span[aria-current="page"]{color:#d8bd82}
@media(max-width:900px){.search-intent-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.search-intent-grid{grid-template-columns:1fr}.search-intent-grid a{min-height:0}.catalog-context-nav .container{padding-block:13px;align-items:flex-start;flex-direction:column;gap:6px}.catalog-context-nav span{margin-right:0}}