:root{
  --blue:#0788c8;
  --deep:#006fa8;
  --purple:#6951a5;
  --orange:#ef5b19;
  --green:#54b331;
  --pink:#eb5b99;
  --ink:#202b33;
  --muted:#5f6f79;
  --line:#d8e8f0;
  --surface:#ffffff;
  --container:1400px;
  --page-pad:32px;
  --radius:14px;
  --section-y:72px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
.display{font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif;font-weight:800;letter-spacing:-.015em}
.container{width:min(var(--container),calc(100% - (var(--page-pad) * 2)));margin-inline:auto}
.section{padding:var(--section-y) 0}
.section-sm{padding:52px 0}
.title{font-size:clamp(40px,4vw,64px);line-height:1.06;margin:0 0 24px}
.subtitle{font-size:17px;line-height:1.6;color:#343f47}
.eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:8px;padding:10px 22px;font-weight:800;line-height:1.15;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(.985)}
.btn:focus-visible{outline:3px solid rgba(7,136,200,.25);outline-offset:2px}
.btn-blue{background:var(--blue);color:#fff}
.btn-purple{background:var(--purple);color:#fff}
.btn-outline{background:#fff;border:2px solid currentColor}

/* ---------- Header ---------- */
.site-header{background:#fff;position:relative;z-index:40}
.header-top{min-height:104px;display:grid;grid-template-columns:170px minmax(280px,1fr) 90px;align-items:center;gap:28px}
.brand{display:flex;align-items:center;justify-content:flex-start}
.brand img{width:104px;height:auto}
.search{width:100%;max-width:620px;justify-self:center;position:relative}
.search input{width:100%;height:44px;border:2px solid var(--blue);border-radius:8px;padding:0 52px 0 16px;color:var(--blue);font-size:18px;font-style:italic;outline:none}
.search input:focus{box-shadow:0 0 0 3px rgba(7,136,200,.12)}
.search button{position:absolute;right:0;top:0;height:44px;width:50px;border:0;border-left:1px solid var(--blue);background:transparent;color:var(--blue);font-size:24px}
.puzzle img{width:66px;margin-left:auto}
.nav{background:#067dc2;color:#fff}
.nav-inner{min-height:64px;display:grid;grid-template-columns:285px minmax(0,1fr) 118px;align-items:center;gap:18px}
.nav-icons{display:flex;align-items:center;justify-content:flex-start;min-width:0}
.nav-icons-original{display:block;width:255px;height:auto;max-width:100%}
.nav-links{display:flex;justify-content:center;align-items:center;gap:34px;min-width:0;font-size:14px;font-weight:700;color:rgba(255,255,255,.68)}
.nav-links>a,.nav-product-trigger{white-space:nowrap}
.nav-links a:hover,.nav-links a.active,.nav-product:hover>.nav-product-trigger{color:#fff}
.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.nav-actions a{position:relative;display:flex;align-items:center;justify-content:center}
.nav-actions img{display:block;height:42px;width:auto;max-width:none}
.nav-action-cart img{height:42px}
.nav-action-account img{height:42px}
.nav-product{position:relative;min-height:64px;display:flex;align-items:center}
.nav-product-trigger{display:flex;align-items:center;min-height:64px}
.product-menu{position:absolute;z-index:60;top:calc(100% - 1px);left:50%;transform:translateX(-50%);width:172px;padding:8px 0;background:#fff;border:1px solid var(--blue);border-radius:0 0 8px 8px;box-shadow:0 10px 28px rgba(0,0,0,.13);opacity:0;visibility:hidden;pointer-events:none;transition:.16s}
.nav-product:hover .product-menu,.nav-product:focus-within .product-menu{opacity:1;visibility:visible;pointer-events:auto}
.product-menu a{display:block;padding:9px 14px;color:#52656f;font-weight:600;background:#fff}
.product-menu a:hover{background:#f5fbfe}
.product-menu .science{color:var(--purple)}
.product-menu .technology{color:var(--blue)}
.product-menu .engineering{color:var(--orange)}
.product-menu .mathematics{color:var(--green)}
.product-menu .art{color:var(--pink)}

/* ---------- Exact image sections from approved PDF ---------- */
.home-exact{width:100%;margin:0;padding:0;overflow:hidden;background:#fff;line-height:0}
.home-exact-img,.footer-exact-img{display:block;width:100%;height:auto;max-width:none}
.footer-exact{margin:0;padding:0;background:var(--blue);line-height:0;overflow:hidden}
/* old generated footer is intentionally not used */
.footer:not(.footer-exact){display:none!important}

/* ---------- Home ---------- */
.home-products{padding:76px 0 82px;background:#fff}
.home-product-title{font-size:clamp(42px,4vw,66px);line-height:1.06;margin:0 0 40px;color:var(--purple)}
.home-product-title .c1{color:var(--purple)}
.home-product-title .c2{color:var(--blue)}
.home-product-title .c3{color:var(--pink)}
.home-more{text-align:center;margin-top:32px}
.home-more .btn{min-width:150px}

/* ---------- Category / STEM ---------- */
.stem-hero{padding:64px 0 0}
.stem-hero>.container,.theme-banner .container,.product-page-container{max-width:var(--container)}
.stem-letter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 38px;align-items:start}
.stem-letter-wrap{display:flex;flex-direction:column;min-width:0;text-align:center}
.stem-letter-box{width:100%;aspect-ratio:1/1;border-radius:20px;display:grid;place-items:center;color:#fff;font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(105px,10vw,185px);font-weight:900;line-height:1;box-shadow:inset 0 -8px rgba(0,0,0,.06)}
.stem-letter-name{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:12px!important;border:2px solid currentColor;border-radius:12px;padding:8px 10px;font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(17px,1.45vw,23px);line-height:1.15;white-space:nowrap}
.stem-letter-name span{display:block;line-height:1.15}
.stem-letter-name.active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.stem-letter-name.active span{color:#fff!important}

.art-hero.art-hero-exact{display:block;min-height:0;overflow:hidden;margin:0 0 28px;line-height:0}
.art-hero.art-hero-exact img{position:static;display:block;width:100%;height:auto;max-width:none;transform:none;object-fit:contain}

.catalog-category-tabs{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 34px}
.catalog-category-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 17px;border:1.5px solid #c6d7e0;border-radius:999px;background:#fff;color:#55646d;font-size:13px;font-weight:800;letter-spacing:.025em;transition:.16s}
.catalog-category-tabs a:hover{transform:translateY(-1px);border-color:var(--blue);color:var(--blue)}
.catalog-category-tabs a.active,.catalog-category-tabs a.all.active{background:var(--blue);border-color:var(--blue);color:#fff}
.catalog-category-tabs a[href="science.html"].active{background:var(--purple);border-color:var(--purple)}
.catalog-category-tabs a[href="technology.html"].active{background:var(--blue);border-color:var(--blue)}
.catalog-category-tabs a[href="engineering.html"].active{background:var(--orange);border-color:var(--orange)}
.catalog-category-tabs a[href="mathematics.html"].active{background:var(--green);border-color:var(--green)}
.catalog-category-tabs a[href="art.html"].active{background:var(--pink);border-color:var(--pink)}

.catalog-grid,.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.product-card{width:100%;min-width:0;min-height:350px;border:2px solid var(--card,var(--purple));border-radius:13px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.product-card-clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.product-card-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.product-card-clickable:focus-visible{outline:3px solid var(--card,var(--purple));outline-offset:3px}
.product-image-link{display:block}
.product-card img{width:100%;height:220px;object-fit:contain;padding:18px 16px 6px}
.product-card-body{padding:10px 16px 18px;text-align:center;margin-top:auto}
.product-field-label{display:block;min-height:16px;margin:0 0 7px;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-card h3{display:flex;align-items:flex-start;justify-content:center;min-height:2.5em;margin:0 0 9px;font-size:15px;line-height:1.25}
.product-title-link{color:inherit;text-decoration:none;display:inline-block}
.product-title-link:hover{text-decoration:underline;text-underline-offset:3px}
.price{font-size:12px;font-weight:900;line-height:1.4;margin-bottom:11px}
.card-old-price{margin-left:6px;color:#888;text-decoration:line-through;font-weight:500}
.product-quick-btn{min-height:34px!important;padding:7px 14px!important;font-size:11px!important;color:#fff!important}
.catalog-empty{grid-column:1/-1;padding:50px 26px;text-align:center;border:1px dashed #c7c7c7;border-radius:13px;font-size:17px;line-height:1.5;color:#66727a;background:#fff}

.products-master-page{padding-top:38px}
.products-master-title{font-size:clamp(38px,3.8vw,60px);line-height:1.08;margin:0 0 13px;color:var(--blue);text-align:center}
.products-master-intro{margin:0 auto 28px;max-width:760px;text-align:center;font-size:17px;line-height:1.55;color:var(--muted)}

.pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:32px 0 72px;color:#555;font-size:15px}
.pager-pages{display:flex;align-items:center;gap:6px}
.pager-number,.pager-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 9px;border:1.5px solid #c6d7e0;border-radius:7px;background:#fff;color:#42535d;font-weight:800;transition:.16s}
.pager-number:hover,.pager-arrow:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.pager-number.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.pager-arrow.is-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
.pager-summary{margin-left:8px;color:#6a7780;white-space:nowrap}
.pager-summary b{border:0!important;min-width:0!important;height:auto!important;display:inline!important}

.theme-banner{margin-top:0;color:#fff;overflow:hidden}
.theme-banner .container{min-height:360px;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:center}
.theme-banner img{width:100%;height:390px;object-fit:contain;align-self:end}
.theme-copy{padding:38px 34px}
.theme-copy h2{font-size:clamp(48px,4vw,64px);line-height:1.05;margin:0 0 20px}
.theme-copy p{font-size:19px;line-height:1.5;max-width:680px;margin:0 0 16px}
.theme-copy em{font-size:15px;color:rgba(255,255,255,.9)}

/* ---------- Product detail ---------- */
.product-main-section{padding-top:60px}
.product-back{display:inline-flex;align-items:center;color:var(--purple);font-size:clamp(28px,2.2vw,40px);line-height:1.1;font-weight:500;margin-bottom:38px}
.product-detail{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr);gap:clamp(38px,4.5vw,74px);align-items:center;width:100%}
.gallery{display:grid;grid-template-columns:86px minmax(0,1fr);gap:24px;align-items:center;min-width:0}
.thumbs{display:flex;flex-direction:column;gap:13px}
.thumb-btn{width:86px;height:86px;padding:6px;border:1.5px solid var(--purple);border-radius:8px;background:#fff;cursor:pointer;overflow:hidden}
.thumb-btn .thumb{width:100%;height:100%;object-fit:contain;border:0;padding:0}
.thumb-btn.is-active{box-shadow:0 0 0 2px rgba(105,81,165,.16)}
.main-product-wrap{min-width:0;display:grid;place-items:center}
.main-product{display:block;width:100%;max-width:590px;height:420px;object-fit:contain;padding:0}
.product-info{padding:0;min-width:0}
.product-info h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,3vw,50px);line-height:1.08;margin:0 0 22px;font-weight:800;letter-spacing:-.02em}
.product-meta{font-size:17px;line-height:1.55;margin:0 0 24px}
.product-price-row{display:flex;align-items:baseline;gap:16px;margin:0 0 22px;flex-wrap:wrap}
.product-price{font-size:clamp(34px,2.8vw,46px);font-weight:900}
.old{font-size:clamp(23px,1.8vw,31px);margin:0;color:#999;text-decoration:line-through}
.product-actions{display:grid;grid-template-columns:132px minmax(165px,220px);gap:12px;max-width:390px}
.product-cart-btn,.product-buy-btn{height:50px}
.product-cart-btn{border:2px solid var(--purple);background:#fff;color:var(--purple);font-size:21px}
.product-buy-btn{font-size:17px}
.divider{border:0;border-top:1px solid #444;margin:60px 0 50px}
.description-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.product-description{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
.product-description h2{font-size:clamp(46px,3.8vw,62px);line-height:1.05;margin:0 0 18px;font-weight:500}
.specs{width:100%;border-collapse:collapse}
.specs td{border-bottom:1px solid #777;padding:10px 0;font-size:16px;line-height:1.35}
.specs td:first-child{width:48%}
.product-description .subtitle{font-size:16px;line-height:1.52;color:var(--ink);margin:24px 0 0}
.description-image-wrap{display:grid;place-items:center;min-width:0}
.description-image-wrap img{width:100%;max-width:600px;height:360px;object-fit:contain}
.related-products{margin-top:88px}
.related-products>h2{font-size:clamp(42px,3.7vw,58px);line-height:1.07;font-weight:500;margin:0 0 34px}
.related-products .product-card{min-height:330px;border-color:var(--card,var(--purple))!important}
.related-products .product-card img{height:205px}
.related-more{text-align:center;margin-top:28px}
.related-more .btn{min-width:155px}

/* ---------- Cart / checkout ---------- */
.cart-table{border:1.5px solid var(--blue);border-radius:11px;overflow:hidden}
.cart-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 160px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--blue);min-height:118px;gap:18px}
.cart-row:last-child{border-bottom:0}
.cart-product{display:flex;align-items:center;gap:20px;min-width:0}
.cart-product img{width:104px;height:86px;object-fit:contain;border:1px solid var(--blue);border-radius:8px;flex:0 0 auto}
.qty{display:flex;align-items:center;justify-content:center;gap:9px}
.qty button{width:29px;height:29px;border-radius:50%;border:1px solid var(--blue);background:#fff;color:var(--blue)}
.checkout-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}
.box{border:1px solid var(--blue);border-radius:9px;padding:26px}
.summary-line{display:flex;justify-content:space-between;gap:20px;padding:10px 0}
.payment-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0}
.form-group{margin-bottom:24px}
.form-group label{display:block;color:var(--blue);font-weight:700;margin-bottom:8px;font-size:17px}
.form-control{width:100%;border:1.5px solid var(--blue);border-radius:8px;padding:13px 15px;color:#355;outline:none}
.form-control:focus{box-shadow:0 0 0 3px rgba(7,136,200,.1)}

/* ---------- Bank ---------- */
.bank-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:72px;align-items:start}
.bank-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bank-logo{min-height:70px;border:1px solid var(--blue);border-radius:8px;display:grid;place-items:center;padding:8px;text-align:center;font-weight:900;font-size:21px;color:var(--deep);background:#fff}

/* ---------- Auth ---------- */
.auth-wrap{max-width:600px;margin:0 auto}
.auth-logo{text-align:center;margin:0 auto 24px}
.auth-logo img{width:230px;margin:auto}
.auth-card{border:1.5px solid var(--blue);border-radius:18px;padding:48px 58px}
.auth-card .form-control{border-width:0 0 1px;border-radius:0;padding-left:0}
.auth-links{display:flex;justify-content:flex-end;gap:38px;flex-wrap:wrap;font-size:14px;color:var(--blue);margin:-6px 0 18px}

/* ---------- Account ---------- */
.account-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:64px;align-items:start}
.profile{text-align:left}
.avatar{width:104px;height:104px;border:3px solid var(--blue);border-radius:50%;display:grid;place-items:center;font-size:66px;color:var(--blue)}
.account-menu{display:grid;gap:8px;margin-top:22px}
.account-menu button{background:#fff;border:1px solid var(--blue);color:var(--blue);padding:10px}
.account-menu button.active{background:var(--blue);color:#fff}
.order-panel{border:1px solid var(--blue);border-radius:16px;padding:24px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;gap:20px}
.step-icon{width:66px;height:66px;border:1px solid var(--blue);border-radius:8px;margin:0 auto 8px;display:grid;place-items:center;color:var(--orange);font-size:48px}
.review-box{margin-top:32px;background:#0aa8e9;border-radius:16px;color:#fff;padding:24px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.contact-visual{min-height:400px;display:grid;place-items:center;font-size:130px;line-height:1}
.contact-card{padding:16px}
.contact-card .title{font-size:clamp(42px,4vw,58px)}

/* ---------- Responsive ---------- */
@media (max-width:1200px){
  :root{--page-pad:24px;--section-y:64px}
  .header-top{grid-template-columns:145px minmax(260px,1fr) 76px;min-height:94px;gap:20px}
  .brand img{width:96px}.puzzle img{width:58px}
  .nav-inner{grid-template-columns:190px minmax(0,1fr) 100px}.nav-links{gap:24px}
  .catalog-grid,.products-grid{gap:20px}
  .product-card{min-height:330px}.product-card img{height:205px}
  .theme-banner .container{grid-template-columns:42% 58%}
  .theme-banner img{height:360px}.theme-copy{padding:34px 24px}.theme-copy p{font-size:18px}
  .bank-grid{gap:48px}
  .account-grid{gap:44px}
}

@media (max-width:1100px){
  :root{--page-pad:20px;--section-y:56px}
  .header-top{grid-template-columns:120px minmax(0,1fr) 64px;min-height:86px}
  .brand img{width:88px}.puzzle img{width:50px}
  .nav-inner{display:block;min-height:50px;padding:0}
  .nav-icons,.nav-actions{display:none}
  .nav-links{justify-content:flex-start;gap:24px;min-height:50px;overflow-x:auto;white-space:nowrap;padding:0 2px;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-product,.nav-product-trigger{min-height:50px}
  .product-menu{display:none}

  .stem-hero{padding-top:48px}
  .stem-letter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:30px}
  .stem-letter-box{font-size:clamp(96px,23vw,175px);border-radius:16px}
  .stem-letter-name{font-size:18px;min-height:46px;margin-top:10px!important}

  .catalog-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .product-card{min-height:330px}.product-card img{height:205px}
  .theme-banner .container{grid-template-columns:1fr;min-height:0;padding-top:28px}
  .theme-banner img{height:auto;max-height:350px;align-self:auto}
  .theme-copy{padding:26px 0 36px;text-align:left}
  .theme-copy h2{font-size:48px}.theme-copy p{font-size:17px}

  .product-detail{grid-template-columns:1fr;gap:30px}
  .gallery{grid-template-columns:80px minmax(0,1fr)}
  .thumb-btn{width:80px;height:80px}.main-product{height:380px;max-width:560px}
  .product-info{max-width:680px;margin-inline:auto;width:100%}
  .description-grid,.product-description{grid-template-columns:1fr;gap:30px}
  .description-image-wrap img{height:320px}
  .related-products{margin-top:70px}

  .checkout-grid,.bank-grid,.account-grid,.contact-grid{grid-template-columns:1fr}
  .bank-grid{gap:42px}.bank-logos{max-width:680px}
  .account-grid{gap:36px}.profile{max-width:560px}
  .contact-visual{min-height:260px}
}

@media (max-width:680px){
  :root{--page-pad:14px;--section-y:46px}
  .header-top{grid-template-columns:92px minmax(0,1fr);min-height:74px;gap:10px}
  .brand img{width:76px}.puzzle{display:none}
  .search input{height:38px;padding-left:12px;padding-right:42px;font-size:14px}.search button{height:38px;width:42px;font-size:21px}
  .nav-links{gap:18px;min-height:46px;font-size:12px}.nav-product,.nav-product-trigger{min-height:46px}

  .section-sm{padding:36px 0}
  .home-products{padding:44px 0 50px}.home-product-title{font-size:34px;margin-bottom:24px}.home-more{margin-top:24px}
  .products-master-page{padding-top:28px}.products-master-intro{font-size:15px;margin-bottom:22px}

  .stem-hero{padding-top:34px}
  .stem-letter-grid{gap:12px;margin-bottom:24px}
  .stem-letter-box{font-size:clamp(72px,22vw,112px);border-radius:13px}
  .stem-letter-name{min-height:38px;margin-top:8px!important;font-size:13px;padding:6px 3px}
  .art-hero.art-hero-exact{margin-bottom:18px}
  .catalog-category-tabs{gap:6px;margin-bottom:26px}
  .catalog-category-tabs a{min-height:34px;padding:6px 10px;font-size:10.5px}

  .catalog-grid,.products-grid{gap:12px}
  .product-card{min-height:285px;border-radius:11px}.product-card img{height:160px;padding:11px 9px 4px}.product-card-body{padding:8px 9px 13px}
  .product-field-label{font-size:9px;margin-bottom:5px;min-height:13px}.product-card h3{font-size:13px;min-height:2.5em}.price{font-size:11px;margin-bottom:8px}.product-quick-btn{font-size:10px!important;min-height:31px!important;padding:6px 10px!important}

  .pager{gap:6px;margin:24px 0 54px}.pager-number,.pager-arrow{min-width:34px;height:34px;padding:0 7px}.pager-summary{flex-basis:100%;margin:4px 0 0;text-align:center;font-size:12px}

  .theme-banner .container{padding-top:20px}.theme-banner img{max-height:300px}.theme-copy{padding:20px 0 28px}.theme-copy h2{font-size:40px;margin-bottom:14px}.theme-copy p{font-size:16px}.theme-copy em{font-size:13px}

  .product-main-section{padding-top:36px}.product-back{font-size:28px;margin-bottom:26px}
  .gallery{grid-template-columns:1fr;gap:13px}.thumbs{order:2;flex-direction:row;justify-content:center}.thumb-btn{width:64px;height:64px}.main-product{height:290px}
  .product-info h1{font-size:32px;line-height:1.12;margin-bottom:18px}.product-meta{font-size:15px;margin-bottom:18px}.product-price{font-size:33px}.old{font-size:23px}
  .product-actions{grid-template-columns:82px minmax(0,1fr);max-width:100%}.product-cart-btn,.product-buy-btn{height:46px}
  .divider{margin:42px 0 36px}.product-description h2{font-size:40px}.product-description .subtitle{font-size:15px;margin-top:20px}.description-image-wrap img{height:250px}
  .related-products{margin-top:56px}.related-products>h2{font-size:34px;margin-bottom:24px}.related-products .product-card{min-height:285px}.related-products .product-card img{height:155px}

  .cart-row{grid-template-columns:1fr;gap:10px;padding:16px 14px;min-height:0}.cart-table>.cart-row:first-child{display:none}.cart-product{gap:12px}.cart-product img{width:88px;height:76px}.qty{justify-content:flex-start}
  .box{padding:20px}.summary-line{gap:12px}
  .bank-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bank-logo{min-height:62px;font-size:18px}
  .auth-logo img{width:190px}.auth-card{padding:32px 22px}.auth-links{gap:20px;justify-content:space-between}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-box{grid-template-columns:64px minmax(0,1fr);padding:18px}.step-icon{width:58px;height:58px;font-size:40px}
  .contact-visual{min-height:200px;font-size:90px}.contact-card{padding:0}
}

@media (max-width:480px){
  .catalog-grid,.products-grid{grid-template-columns:1fr}
  .product-card,.related-products .product-card{min-height:0}.product-card img,.related-products .product-card img{height:220px}
  .product-card h3{min-height:auto;font-size:14px}
  .product-field-label{font-size:10px}
  .stem-letter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-more .btn{min-width:140px}
  .bank-logos{grid-template-columns:1fr 1fr}
}

/* =========================================================
   FINAL FOOTER — responsive HTML version
   Keeps the PDF visual language but avoids scaling text as an image.
   ========================================================= */
.footer-exact{display:none!important}
.site-footer{margin-top:clamp(48px,7vw,96px);background:#fff;color:#fff;overflow:hidden}
.footer-heading-band{background:#fff}
.footer-heading-band .container{padding-top:clamp(20px,3vw,38px);padding-bottom:clamp(14px,2vw,24px)}
.footer-heading-band h2{margin:0;color:#0788c8;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(40px,4.4vw,68px);line-height:.95;letter-spacing:.01em}
.footer-main{background:#077ec2;min-height:360px}
.footer-layout{position:relative;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:end;gap:20px;min-height:410px}
.footer-info{position:relative;z-index:2;padding:54px 0 52px}
.footer-info address{margin:0;font-style:normal;font-family:'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(20px,1.8vw,30px);line-height:1.28;letter-spacing:.005em}
.footer-info address strong{font-weight:800}
.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:34px}
.footer-socials a{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:#0788c8;text-decoration:none;font-family:Arial,sans-serif;font-size:31px;font-weight:900;line-height:1;transition:transform .18s ease,box-shadow .18s ease}
.footer-socials a:hover,.footer-socials a:focus-visible{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.14);outline:none}
.footer-visual{align-self:stretch;position:relative;min-height:410px;pointer-events:none}
.footer-visual img{position:absolute;right:-5%;bottom:0;width:min(760px,69vw);max-width:none;height:auto;display:block}

@media (max-width:1100px){
  .site-footer{margin-top:64px}
  .footer-layout{grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);min-height:350px}
  .footer-info{padding:42px 0 42px}
  .footer-visual{min-height:350px}
  .footer-visual img{width:min(650px,72vw);right:-12%}
  .footer-socials{gap:14px;margin-top:28px}
  .footer-socials a{width:50px;height:50px;font-size:27px}
}

@media (max-width:760px){
  .site-footer{margin-top:52px}
  .footer-heading-band .container{padding-top:18px;padding-bottom:14px}
  .footer-heading-band h2{font-size:42px}
  .footer-main{min-height:0}
  .footer-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0}
  .footer-info{width:100%;padding:34px 24px 18px;text-align:center}
  .footer-info address{font-size:20px;line-height:1.35}
  .footer-socials{justify-content:center;gap:12px;margin-top:24px}
  .footer-socials a{width:46px;height:46px;font-size:24px}
  .footer-visual{width:100%;min-height:230px;height:230px;overflow:hidden}
  .footer-visual img{width:580px;max-width:none;right:50%;transform:translateX(55%);bottom:-4px}
}

@media (max-width:480px){
  .footer-heading-band h2{font-size:36px}
  .footer-info{padding:30px 18px 12px}
  .footer-info address{font-size:18px}
  .footer-socials{gap:9px;margin-top:20px}
  .footer-socials a{width:42px;height:42px;font-size:22px}
  .footer-visual{height:190px;min-height:190px}
  .footer-visual img{width:500px;transform:translateX(56%)}
}


/* FINAL FOOTER — exact PDF composition */
.site-footer,.footer-exact{display:none!important}
.pdf-footer{display:block;margin:clamp(48px,6vw,82px) 0 0;background:#fff;overflow:hidden;line-height:0}
.pdf-footer picture,.pdf-footer img{display:block;width:100%;height:auto}
.pdf-footer img{max-width:none}
@media(max-width:680px){
  .pdf-footer{margin-top:44px}
}

/* =========================================================
   HOME — STORE SYSTEM FIX + REAL ACTION BUTTONS
   ========================================================= */
.home-partners-section{background:#fff}
.home-store-section{position:relative;width:100%;margin:0;padding:0;overflow:hidden;background:#077ec2;line-height:0}
.home-store-image{display:block;width:100%;height:auto;max-width:none}
.store-actions{position:absolute;z-index:4;right:clamp(14px,2.2vw,42px);top:clamp(42px,5.4vw,104px);display:flex;flex-direction:column;gap:clamp(10px,1vw,18px);line-height:1}
.store-action{width:clamp(72px,5.35vw,104px);height:clamp(72px,5.35vw,104px);box-sizing:border-box;border:1.5px solid rgba(255,255,255,.95);border-radius:clamp(12px,1vw,18px);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;text-decoration:none;background:rgba(7,126,194,.92);box-shadow:0 1px 0 rgba(255,255,255,.15) inset;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.store-action:hover,.store-action:focus-visible{transform:translateX(-3px);background:#0794d8;box-shadow:0 8px 24px rgba(0,0,0,.18);outline:3px solid rgba(255,255,255,.28);outline-offset:2px}
.store-action-main{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(20px,1.45vw,28px);font-weight:900;letter-spacing:.01em}
.store-action-sub{font-family:Arial,sans-serif;font-size:clamp(10px,.8vw,15px);margin-top:1px}
.store-action-play{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff;margin-top:7px}
.store-zalo-bubble{position:relative;display:grid;place-items:center;width:clamp(46px,3.2vw,62px);height:clamp(36px,2.55vw,50px);border-radius:50%;background:#fff;color:#077ec2;font:800 clamp(14px,1.05vw,20px)/1 Arial,sans-serif}
.store-zalo-bubble:after{content:'';position:absolute;left:7px;bottom:-5px;border-top:9px solid #fff;border-right:7px solid transparent}
.store-action-phone svg{width:clamp(38px,2.8vw,54px);height:clamp(38px,2.8vw,54px);fill:#fff}

@media(max-width:680px){
  .store-actions{right:8px;top:10px;gap:7px}
  .store-action{width:54px;height:54px;border-radius:11px}
  .store-action-main{font-size:15px}.store-action-sub{font-size:8px}.store-action-play{border-top-width:5px;border-bottom-width:5px;border-left-width:8px;margin-top:3px}
  .store-zalo-bubble{width:36px;height:30px;font-size:11px}.store-zalo-bubble:after{left:5px;bottom:-4px;border-top-width:7px;border-right-width:5px}
  .store-action-phone svg{width:31px;height:31px}
}


/* ===== GLOBAL FLOATING QUICK ACTIONS — FINAL ===== */
.global-quick-actions{
  position:fixed;
  right:max(16px, env(safe-area-inset-right));
  bottom:max(22px, calc(env(safe-area-inset-bottom) + 14px));
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  pointer-events:none;
}
.global-quick-action{
  pointer-events:auto;
  width:58px;
  min-height:58px;
  box-sizing:border-box;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:2px;
  text-decoration:none;
  font-family:Arial,sans-serif;
  font-weight:800;
  line-height:1;
  border:2px solid rgba(255,255,255,.96);
  box-shadow:0 5px 18px rgba(0,0,0,.20);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.global-quick-action:hover,
.global-quick-action:focus-visible{
  transform:translateX(-4px) scale(1.03);
  box-shadow:0 8px 24px rgba(0,0,0,.26);
  outline:none;
  filter:brightness(1.04);
}
.global-quick-action svg{width:24px;height:24px;display:block;fill:currentColor}
.global-quick-sale{background:#f47b20;color:#fff;font-size:11px;letter-spacing:.04em}
.global-quick-sale svg{width:21px;height:21px;margin-bottom:1px}
.global-quick-zalo{background:#0877d1;color:#fff}
.global-zalo-mark{display:flex;align-items:center;justify-content:center;width:44px;height:31px;border-radius:50%;background:#fff;color:#0877d1;font-size:15px;font-weight:800;letter-spacing:-.03em;box-shadow:inset 0 0 0 1px rgba(8,119,209,.14)}
.global-quick-phone{background:#16a34a;color:#fff}
.global-quick-phone svg{width:25px;height:25px}
.global-phone-label{font-size:8.5px;line-height:1.02;text-align:center;letter-spacing:.01em;margin-top:1px}
@media (max-width:680px){
  .global-quick-actions{right:max(10px, env(safe-area-inset-right));bottom:max(12px, calc(env(safe-area-inset-bottom) + 8px));gap:8px}
  .global-quick-action{width:52px;min-height:52px;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.20)}
  .global-quick-action:hover,.global-quick-action:focus-visible{transform:none}
  .global-zalo-mark{width:40px;height:28px;font-size:14px}
  .global-quick-sale{font-size:10px}
  .global-quick-sale svg{width:19px;height:19px}
  .global-quick-phone svg{width:22px;height:22px}
  .global-phone-label{font-size:7.8px}
}
@media print{.global-quick-actions{display:none!important}}

/* FINAL STORE SECTION EDGE FIX — keep the store-system background continuously blue */
.home-partners-section{position:relative;z-index:1;margin-bottom:0!important}
.home-store-section{position:relative;z-index:2;margin-top:0!important;background:#077ec2!important;overflow:hidden;isolation:isolate}
.home-store-section::before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:4px;background:#077ec2;pointer-events:none}
.home-store-image{display:block!important;width:100%!important;height:auto!important;margin:0!important;border:0!important;vertical-align:top}

/* Official contact information */
.contact-company{margin:18px 0 20px;font-size:clamp(22px,2vw,34px);line-height:1.28;color:#0780c2;font-weight:800;}
.contact-info{font-size:clamp(17px,1.35vw,22px);line-height:1.65;color:#243746;}
.contact-info p{margin:8px 0;}
.contact-info a{color:#0780c2;text-decoration:none;font-weight:700;}
.contact-info a:hover{text-decoration:underline;}
.contact-feedback-title{margin-top:34px;font-size:clamp(20px,1.7vw,28px);line-height:1.35;}
@media(max-width:680px){.contact-company{margin-top:14px}.contact-info{line-height:1.55}.contact-feedback-title{margin-top:26px}}

/* Exact navigation icon set from approved PDF */
@media (max-width:1200px){
  .nav-inner{grid-template-columns:225px minmax(0,1fr) 102px;gap:12px}
  .nav-icons-original{width:210px}
  .nav-actions img,.nav-action-cart img,.nav-action-account img{height:38px}
}


/* =========================================================
   FINAL HEADER — MATCH APPROVED PDF (1920px MASTER)
   Desktop coordinates are derived directly from page 1 of the
   approved 1920px-wide artwork. Original logo/icon raster assets
   are retained; only layout is responsive.
   ========================================================= */
.search button svg{display:block;width:32px;height:32px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}

@media (min-width:1201px){
  .site-header{background:#fff}
  .header-top.container{
    width:100%;max-width:none;height:clamp(130px,10.833333vw,208px);min-height:0;
    margin:0;padding:0;display:block;position:relative;
  }
  .brand{
    position:absolute;left:4.166667vw;top:0;
    width:min(13.541667vw,260px);height:auto;display:block;
  }
  .brand img{display:block;width:100%;height:auto;max-width:none}
  .search{
    position:absolute;left:41.666667vw;top:4.583333vw;
    width:min(39.947917vw,767px);max-width:none;height:clamp(44px,3.229167vw,62px);
    margin:0;justify-self:auto;
  }
  .search input{
    display:block;width:100%;height:100%;border:1.5px solid #0788c8;border-radius:9px;
    padding:0 clamp(52px,3.35vw,64px) 0 clamp(16px,1.67vw,32px);
    color:#0788c8;font-family:Arial,Helvetica,sans-serif;font-size:clamp(18px,1.58vw,30px);
    font-style:italic;font-weight:400;line-height:1;outline:none;background:#fff;
  }
  .search input::placeholder{color:#0788c8;opacity:1}
  .search button{
    position:absolute;right:0;top:0;height:100%;width:clamp(50px,4.270833vw,82px);
    border:0;border-left:1px solid #0788c8;background:transparent;color:#0788c8;padding:0;
    display:grid;place-items:center;
  }
  .search button svg{width:clamp(25px,1.875vw,36px);height:clamp(25px,1.875vw,36px)}
  .puzzle{
    position:absolute;left:82.291667vw;top:0;width:min(12.760417vw,245px);height:auto;display:block;
  }
  .puzzle img{display:block;width:100%;height:auto;max-width:none;margin:0}

  .nav{height:clamp(64px,4.6875vw,90px);background:#067dc2;color:#fff}
  .nav-inner.container{
    width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;display:block;position:relative;
  }
  .nav-icons{
    position:absolute;left:8.854167vw;top:50%;transform:translateY(-50%);
    width:min(17.786458vw,341.5px);height:auto;display:block;
  }
  .nav-icons-original{display:block;width:100%;height:auto;max-width:none}
  .nav-links{
    position:absolute;left:41.40625vw;top:0;height:100%;
    display:flex;align-items:center;justify-content:flex-start;
    gap:clamp(24px,2.55vw,49px);font-size:clamp(14px,.885417vw,17px);font-weight:700;
    color:rgba(160,210,238,.72);overflow:visible;white-space:nowrap;padding:0;
  }
  .nav-links>a,.nav-product-trigger{color:inherit;line-height:1.1}
  .nav-links>a:hover,.nav-links a.active,.nav-product:hover>.nav-product-trigger{color:#fff}
  .nav-product,.nav-product-trigger{height:100%;min-height:0;display:flex;align-items:center}
  .product-menu{top:100%}
  .nav-actions{
    position:absolute;right:8.229167vw;top:50%;transform:translateY(-50%);
    height:min(3.072917vw,59px);display:flex;align-items:center;justify-content:flex-end;gap:0;
  }
  .nav-actions a{height:100%;display:block}
  .nav-actions img{display:block;height:100%;width:auto;max-width:none}
  .nav-action-cart img{height:100%}.nav-action-account img{height:100%}
}

@media (min-width:1201px) and (max-width:1599px){
  .nav-links{gap:clamp(20px,2.1vw,34px);font-size:clamp(13px,.92vw,15px)}
}

/* Compact responsive header: keep the same original logo/icon assets,
   but stop using absolute PDF coordinates when the viewport gets narrow. */
@media (max-width:1200px){
  .header-top.container{
    width:min(var(--container),calc(100% - (var(--page-pad)*2)));height:auto;min-height:94px;
    margin-inline:auto;padding:0;display:grid;grid-template-columns:145px minmax(260px,1fr) 86px;
    align-items:center;gap:20px;position:relative;
  }
  .brand,.puzzle,.search{position:static;left:auto;top:auto;width:auto;height:auto}
  .brand img{width:120px;height:auto}.puzzle img{width:76px;height:auto;margin-left:auto}
  .search{width:100%;max-width:620px;justify-self:center}
  .search input{height:44px;font-size:18px}.search button{height:44px;width:50px}
  .search button svg{width:25px;height:25px}
  .nav{height:auto}
  .nav-inner.container{position:relative}
  .nav-icons-original{width:255px}
}

@media (max-width:1100px){
  .header-top.container{grid-template-columns:120px minmax(0,1fr) 72px;min-height:86px}
  .brand img{width:105px}.puzzle img{width:62px}
}

@media (max-width:680px){
  .header-top.container{grid-template-columns:92px minmax(0,1fr);min-height:74px;gap:10px}
  .brand img{width:82px}.puzzle{display:none}
  .search input{height:38px;font-size:14px}.search button{height:38px;width:42px}
  .search button svg{width:22px;height:22px}
}

/* Active navigation underline from approved header */
@media (min-width:1201px){
  .nav-links>a,.nav-product-trigger{position:relative}
  .nav-links>a.active::after,.nav-product-trigger.active::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:#fff}
}

/* === PRODUCT MANAGER / 2026-08-19 === */
.admin-products-page{padding:56px 0 90px;background:#f7fafc;min-height:70vh}.admin-shell{max-width:1400px;margin:auto;padding:0 28px}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.admin-heading h1{margin:0;font-size:clamp(34px,4vw,54px);color:#0788c8}.admin-heading p{margin:8px 0 0;color:#536273}.admin-count{font-weight:800;color:#0788c8;white-space:nowrap}.admin-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr);gap:28px;align-items:start}.admin-card{background:#fff;border:1px solid #dbe7ef;border-radius:18px;padding:24px;box-shadow:0 10px 32px rgba(15,54,75,.07)}.admin-card h2{margin:0 0 20px;color:#0788c8;font-size:26px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-field{display:flex;flex-direction:column;gap:7px}.admin-field.full{grid-column:1/-1}.admin-field label{font-weight:800;color:#314657;font-size:14px}.admin-field input,.admin-field select,.admin-field textarea{width:100%;border:1px solid #bdd1dc;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;box-sizing:border-box}.admin-field textarea{min-height:92px;resize:vertical}.admin-image-preview{width:140px;height:110px;object-fit:contain;border:1px dashed #b7cad6;border-radius:10px;background:#fff;margin-top:6px}.admin-form-actions,.admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.admin-btn{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;background:#0788c8;color:#fff}.admin-btn.secondary{background:#fff;color:#0788c8;border:1px solid #0788c8}.admin-btn.warning{background:#ef5b19}.admin-help{margin:16px 0 0;padding:13px 15px;border-radius:10px;background:#eef8fd;color:#38586a;font-size:14px;line-height:1.5}.admin-status{min-height:22px;margin-top:12px;font-weight:700;color:#159447}.admin-status[data-kind=error]{color:#c93d2e}.admin-product-list{display:flex;flex-direction:column;gap:10px;max-height:780px;overflow:auto;padding-right:4px}.admin-product-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px;border:1px solid #e1e9ee;border-radius:12px;background:#fff}.admin-product-thumb{width:74px;height:64px;display:flex;align-items:center;justify-content:center;background:#fafcfd;border-radius:8px}.admin-product-thumb img{max-width:100%;max-height:100%;object-fit:contain}.admin-product-main{min-width:0;display:flex;flex-direction:column;gap:4px}.admin-product-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-product-main small{color:#7b8992}.admin-category{font-size:11px;font-weight:900;color:var(--admin-accent);text-transform:uppercase}.admin-product-price{font-weight:900;white-space:nowrap}.admin-row-actions{display:flex;gap:6px}.admin-row-actions button{border:1px solid #0788c8;color:#0788c8;background:#fff;border-radius:7px;padding:7px 9px;font-weight:800;cursor:pointer}.admin-row-actions button.danger{border-color:#df5b50;color:#c23c31}.admin-publish-note{margin-top:20px;border-left:4px solid #ef5b19;padding:13px 16px;background:#fff8f3;color:#644f43;line-height:1.55}.admin-publish-note code{font-weight:800}.admin-file-label{display:inline-flex;align-items:center;gap:8px}.admin-file-label input{display:none}
@media(max-width:980px){.admin-grid{grid-template-columns:1fr}.admin-product-list{max-height:none}.admin-heading{align-items:flex-start;flex-direction:column}.admin-shell{padding:0 20px}}
@media(max-width:620px){.admin-products-page{padding-top:34px}.admin-form-grid{grid-template-columns:1fr}.admin-field.full{grid-column:auto}.admin-product-row{grid-template-columns:64px minmax(0,1fr);}.admin-product-price,.admin-row-actions{grid-column:2}.admin-row-actions{justify-content:flex-start}.admin-shell{padding:0 14px}.admin-card{padding:18px}}


/* === SOLUTIONS MENU + CONTENT MANAGER / 2026-08-19 === */
.solution-menu{width:248px}
.solution-menu a{color:#31546a!important;line-height:1.35;padding:11px 16px}
.solution-menu a:hover{background:#eef8fd!important;color:#0788c8!important}
@media(min-width:1201px){
  .nav-links{gap:clamp(18px,1.65vw,32px);font-size:clamp(13px,.82vw,16px)}
  .solution-menu{left:50%}
}
.solutions-page{background:#fff}
.solution-hero{padding:72px 0 64px;background:linear-gradient(135deg,#eef9ff,#fff 62%);border-bottom:1px solid #e6f0f5}
.solution-hero-preschool{background:linear-gradient(135deg,#fff0f6,#fff 65%)}
.solution-hero-primary{background:linear-gradient(135deg,#eef9ff,#fff 65%)}
.solution-hero-secondary{background:linear-gradient(135deg,#fff4ed,#fff 65%)}
.solution-hero-highschool{background:linear-gradient(135deg,#f1faed,#fff 65%)}
.solution-kicker{display:block;color:#0788c8;font-weight:900;letter-spacing:.13em;font-size:13px;margin-bottom:12px}
.solution-hero h1{margin:0;max-width:980px;color:#087fbe;font-size:clamp(38px,4.5vw,68px);line-height:1.04}
.solution-hero p{max-width:850px;color:#536273;font-size:18px;line-height:1.65;margin:18px 0 0}
.solution-back-all{display:inline-block;margin-bottom:22px;color:#0788c8;font-weight:800}
.solution-level-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.solution-level-links a{padding:11px 18px;border:1px solid #0788c8;border-radius:999px;color:#0788c8;font-weight:800;background:#fff}.solution-level-links a:hover{background:#0788c8;color:#fff}
.solution-list-section{padding:64px 0 86px}.solution-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.solution-section-heading h2{margin:0;color:#263d4b;font-size:clamp(28px,3vw,44px)}.solution-section-heading span{color:#7a8a94;font-weight:700}
.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.solution-card{border:1px solid #dce8ef;border-top:4px solid var(--solution,#0788c8);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(19,56,77,.06);display:flex;flex-direction:column}.solution-card-image{display:block;height:220px;background:#f6fafc;overflow:hidden}.solution-card-image img{width:100%;height:100%;object-fit:cover;display:block}.solution-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.solution-level{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--solution,#0788c8)}.solution-card h2{font-size:24px;line-height:1.2;margin:9px 0 12px}.solution-card h2 a{color:#223745}.solution-card p{color:#64737d;line-height:1.6;margin:0 0 20px}.solution-read-more{margin-top:auto;color:var(--solution,#0788c8);font-weight:900}.solution-empty{grid-column:1/-1;padding:34px;border:1px dashed #bdd1dc;border-radius:14px;text-align:center;color:#687985}
.solution-detail-page{background:#fff}.solution-detail-head{padding:58px 0 46px;background:#f5fbfe;border-bottom:1px solid #e2edf3}.solution-detail-back{display:inline-block;color:#0788c8;font-weight:850;margin-bottom:20px}.solution-detail-meta{display:flex;gap:14px;flex-wrap:wrap;color:#71808a;font-size:14px;font-weight:700}.solution-detail-meta span:first-child{color:var(--solution-accent,#0788c8)}.solution-detail-head h1{max-width:1050px;margin:10px 0 14px;font-size:clamp(38px,4.4vw,64px);line-height:1.08;color:#243b4a}.solution-detail-head p{max-width:900px;margin:0;color:#5d6d77;font-size:19px;line-height:1.65}.solution-detail-body{padding:54px 0 70px}.solution-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:50px;align-items:start}.solution-detail-image{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:18px;background:#f5f8fa}.solution-richtext{padding-top:30px;color:#344b59;font-size:17px;line-height:1.75}.solution-richtext h2{color:#0788c8;font-size:28px;margin:34px 0 12px}.solution-richtext p{margin:0 0 18px}.solution-richtext ul{padding-left:22px}.solution-richtext li{margin:8px 0}.solution-side{position:sticky;top:24px;border:1px solid #dce8ef;border-radius:14px;padding:20px;background:#fff}.solution-side h3{margin:0 0 12px;color:#0788c8}.solution-side a{display:block;padding:10px 0;border-bottom:1px solid #edf2f5;color:#405563;font-weight:700}.solution-side a:last-child{border-bottom:0}.solution-related-section{padding:0 0 82px}.solution-related-section> .container > h2{font-size:34px;color:#263d4b}.admin-content-editor{min-height:320px!important;line-height:1.6}.admin-solution-list{display:flex;flex-direction:column;gap:10px;max-height:820px;overflow:auto;padding-right:4px}.admin-solution-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid #e1e9ee;border-radius:12px;background:#fff}.admin-solution-thumb{width:88px;height:68px;background:#f6f9fb;border-radius:9px;overflow:hidden}.admin-solution-thumb img{width:100%;height:100%;object-fit:cover}.admin-solution-row .admin-row-actions{justify-content:flex-end}
@media(max-width:1200px){.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.solution-detail-layout{grid-template-columns:1fr}.solution-side{position:static}.solution-side a{display:inline-block;margin-right:16px;border-bottom:0}.solution-hero{padding:52px 0}.solution-list-section{padding:48px 0 64px}}
@media(max-width:680px){.solution-grid{grid-template-columns:1fr}.solution-card-image{height:210px}.solution-section-heading{align-items:flex-start;flex-direction:column}.solution-hero p,.solution-detail-head p{font-size:16px}.solution-detail-head{padding:40px 0 34px}.solution-detail-body{padding:36px 0 50px}.admin-solution-row{grid-template-columns:70px minmax(0,1fr)}.admin-solution-thumb{width:70px;height:60px}.admin-solution-row .admin-row-actions{grid-column:2;justify-content:flex-start}}


/* ===== SOLUTIONS V2: refined level navigation and introductions ===== */
.solution-master-intro{padding:64px 0 54px;background:#fff}
.solution-master-intro .solution-kicker{margin-bottom:10px}
.solution-master-intro h1{margin:0;color:#087fbe;font-size:clamp(38px,4.2vw,62px);line-height:1.05}
.solution-master-intro> .container>p{max-width:820px;margin:16px 0 0;color:#60707b;font-size:17px;line-height:1.65}
.solution-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:42px}
.solution-level-tile{display:flex;flex-direction:column;min-width:0;text-decoration:none;transition:transform .2s ease,filter .2s ease}
.solution-level-tile:hover{transform:translateY(-4px);filter:saturate(1.04)}
.solution-level-code{display:flex;align-items:center;justify-content:center;aspect-ratio:1.08/1;border-radius:26px;background:var(--level);color:#fff;font-weight:950;font-size:clamp(48px,5.1vw,82px);letter-spacing:-.055em;box-shadow:inset 0 -14px 0 rgba(0,0,0,.08)}
.solution-level-name{display:flex;align-items:center;justify-content:center;min-height:58px;margin:0 14px;padding:10px 14px;border:3px solid var(--level);border-top-width:2px;border-radius:0 0 18px 18px;color:var(--level);background:#fff;font-size:clamp(16px,1.45vw,23px);font-weight:900;letter-spacing:.035em;text-align:center}
.solution-latest-section{padding-top:46px}
.solution-level-intro{padding:62px 0 54px;background:linear-gradient(135deg,color-mix(in srgb,var(--level-accent) 8%,#fff),#fff 58%);border-bottom:1px solid #e7eef2}
.solution-level-eyebrow{display:block;margin-bottom:12px;color:var(--level-accent);font-size:13px;font-weight:950;letter-spacing:.105em}
.solution-level-intro h1{margin:0;color:var(--level-accent);font-size:clamp(48px,5.4vw,78px);line-height:1;letter-spacing:-.035em}
.solution-level-lead{max-width:1060px;margin:20px 0 0;color:#435966;font-size:18px;line-height:1.72}
.solution-intro-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:34px}
.solution-intro-card{position:relative;min-height:195px;padding:23px 20px 21px;border:1px solid color-mix(in srgb,var(--level-accent) 24%,#dfe9ee);border-top:5px solid var(--level-accent);border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(18,55,75,.055)}
.solution-intro-card h2{margin:0 0 11px;color:#263f4e;font-size:18px;line-height:1.2}
.solution-intro-card p{margin:0;color:#61717c;font-size:14px;line-height:1.62}
.solution-level-page .solution-list-section{padding-top:54px}
.solution-level-page .solution-section-heading h2{color:#263d4b;font-size:clamp(27px,2.5vw,38px)}
@media(max-width:1180px){.solution-level-grid{gap:16px}.solution-intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-intro-card{min-height:170px}}
@media(max-width:850px){.solution-master-intro{padding:48px 0 42px}.solution-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.solution-level-code{border-radius:22px}.solution-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-level-intro{padding:46px 0 42px}.solution-level-lead{font-size:16.5px}.solution-intro-card{min-height:0}}
@media(max-width:520px){.solution-level-grid{gap:12px;margin-top:30px}.solution-level-code{border-radius:16px;font-size:clamp(40px,14vw,60px)}.solution-level-name{min-height:46px;margin:0 7px;padding:8px 6px;border-width:2px;border-radius:0 0 12px 12px;font-size:13px}.solution-intro-grid{grid-template-columns:1fr;gap:12px}.solution-intro-card{padding:18px 17px}.solution-level-intro h1{font-size:44px}.solution-level-eyebrow{font-size:11px;line-height:1.5}.solution-master-intro> .container>p{font-size:15.5px}.solution-level-page .solution-list-section{padding-top:42px}}


/* ==========================================================
   SOLUTIONS PRO V3 — long-form professional solution pages
   Inspired by strong education-lab information architecture,
   using Anh Minh's own visual system and assets.
   ========================================================== */
.solution-pro-page,.solution-hub-page{background:#fff;color:#173342}
.solution-pro-page *,.solution-hub-page *{box-sizing:border-box}
.solution-pro-section-kicker{display:block;color:#0788c8;font-size:12px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}
.solution-pro-hero{position:relative;overflow:hidden;padding:74px 0 68px;background:linear-gradient(135deg,var(--level-soft) 0%,#fff 54%,color-mix(in srgb,var(--level-accent) 10%,#fff) 100%)}
.solution-pro-hero:before{content:"";position:absolute;right:-180px;top:-220px;width:620px;height:620px;border-radius:50%;border:110px solid color-mix(in srgb,var(--level-accent) 8%,transparent);pointer-events:none}
.solution-pro-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:70px;align-items:center;position:relative;z-index:1}
.solution-pro-eyebrow{display:block;color:var(--level-accent);font-size:12px;font-weight:950;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;margin-bottom:14px}
.solution-pro-level-label{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--level-accent);color:#fff;font-size:15px;font-weight:950;letter-spacing:.06em;margin-bottom:18px;box-shadow:0 8px 18px rgba(var(--level-rgb),.18)}
.solution-pro-hero h1{margin:0;max-width:820px;color:#173746;font-size:clamp(40px,4vw,66px);line-height:1.04;letter-spacing:-.035em}
.solution-pro-hero-copy>p{max-width:760px;margin:22px 0 0;color:#526976;font-size:18px;line-height:1.72}
.solution-pro-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.solution-pro-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:12px;font-weight:900;text-decoration:none;transition:.2s ease}
.solution-pro-btn.primary{background:var(--level-accent);color:#fff;box-shadow:0 10px 24px rgba(var(--level-rgb),.22)}
.solution-pro-btn.secondary{border:1.5px solid color-mix(in srgb,var(--level-accent) 48%,#c9d7df);background:#fff;color:#284a5b}
.solution-pro-btn:hover{transform:translateY(-2px)}
.solution-pro-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#60737e;font-size:13px;font-weight:750}
.solution-pro-trust span:before{color:var(--level-accent)}
.solution-pro-visual{position:relative;min-height:520px}
.solution-pro-main-shot{position:absolute;inset:20px 34px 26px 54px;border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(24,60,80,.16);border:1px solid color-mix(in srgb,var(--level-accent) 18%,#dfe8ed)}
.solution-pro-main-shot img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.solution-pro-page[data-solution-level="highschool"] .solution-pro-main-shot img{object-fit:cover}
.solution-pro-floating{position:absolute;width:150px;height:150px;padding:13px;border-radius:24px;background:#fff;box-shadow:0 20px 46px rgba(24,60,80,.18);border:1px solid #e7eef2;overflow:hidden}
.solution-pro-floating img{width:100%;height:100%;object-fit:contain;display:block}
.solution-pro-floating.f1{left:0;bottom:12px;transform:rotate(-3deg)}
.solution-pro-floating.f2{right:0;top:4px;transform:rotate(3deg)}
.solution-pro-visual-label{position:absolute;right:22px;bottom:0;display:flex;flex-direction:column;padding:14px 18px;border-radius:16px;background:#173746;color:#fff;box-shadow:0 14px 32px rgba(17,47,62,.22)}
.solution-pro-visual-label strong{font-size:17px;letter-spacing:.08em}.solution-pro-visual-label span{font-size:12px;opacity:.75;margin-top:2px}
.solution-pro-switch{border-top:1px solid #e9eff2;border-bottom:1px solid #e9eff2;background:#fff;position:relative;z-index:3}
.solution-pro-switch-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:0}
.solution-pro-switch a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;padding:8px 14px;color:#556c78;text-decoration:none;font-size:14px;font-weight:850;border-right:1px solid #edf1f4;position:relative}
.solution-pro-switch a:last-child{border-right:0}
.solution-pro-switch a span{display:inline-flex;align-items:center;justify-content:center;min-width:39px;height:28px;padding:0 7px;border-radius:9px;background:#edf5f8;color:#52707f;font-size:11px;font-weight:950}
.solution-pro-page[data-solution-level="preschool"] .solution-pro-switch a[data-level="preschool"],.solution-pro-page[data-solution-level="primary"] .solution-pro-switch a[data-level="primary"],.solution-pro-page[data-solution-level="secondary"] .solution-pro-switch a[data-level="secondary"],.solution-pro-page[data-solution-level="highschool"] .solution-pro-switch a[data-level="highschool"]{color:var(--level-accent)}
.solution-pro-page[data-solution-level="preschool"] .solution-pro-switch a[data-level="preschool"]:after,.solution-pro-page[data-solution-level="primary"] .solution-pro-switch a[data-level="primary"]:after,.solution-pro-page[data-solution-level="secondary"] .solution-pro-switch a[data-level="secondary"]:after,.solution-pro-page[data-solution-level="highschool"] .solution-pro-switch a[data-level="highschool"]:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--level-accent)}
.solution-pro-benefitbar{padding:27px 0;background:#173746;color:#fff}
.solution-pro-benefitbar .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.solution-pro-benefitbar article{padding:6px 26px;border-right:1px solid rgba(255,255,255,.16)}
.solution-pro-benefitbar article:last-child{border-right:0}
.solution-pro-benefitbar strong{display:block;font-size:16px;margin-bottom:5px}.solution-pro-benefitbar span{display:block;color:rgba(255,255,255,.7);font-size:13px;line-height:1.5}
.solution-pro-overview{padding:92px 0}
.solution-pro-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:72px;align-items:center}
.solution-pro-section-copy h2,.solution-pro-heading h2,.solution-pro-equipment-head h2{margin:0;color:#193947;font-size:clamp(32px,3.3vw,50px);line-height:1.1;letter-spacing:-.025em}
.solution-pro-section-copy>p,.solution-pro-heading>p{margin:20px 0 0;color:#5b6f7a;font-size:17px;line-height:1.75}
.solution-pro-mini-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.solution-pro-mini-points span{padding:9px 13px;border-radius:9px;background:color-mix(in srgb,var(--level-accent,#0788c8) 8%,#f5f8fa);border:1px solid color-mix(in srgb,var(--level-accent,#0788c8) 20%,#dfe8ed);color:#3b5664;font-size:13px;font-weight:850}
.solution-pro-overview-image{height:470px;border-radius:26px;overflow:hidden;background:#f6f9fa;box-shadow:0 24px 56px rgba(25,58,75,.12)}
.solution-pro-overview-image img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
.solution-pro-components{padding:88px 0;background:#f5f9fb;border-top:1px solid #edf2f4;border-bottom:1px solid #edf2f4}
.solution-pro-heading{max-width:900px}.solution-pro-heading>span,.solution-pro-equipment-head span{display:block;color:var(--level-accent,#0788c8);font-size:12px;font-weight:950;letter-spacing:.14em;margin-bottom:12px}
.solution-pro-heading.compact{max-width:760px;margin-bottom:34px}
.solution-pro-component-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:38px}
.solution-pro-component{min-height:270px;padding:22px 20px 24px;border-radius:20px;background:#fff;border:1px solid #e2ebef;box-shadow:0 10px 28px rgba(22,58,76,.055);transition:.2s ease}
.solution-pro-component:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(22,58,76,.09)}
.solution-pro-component-top{display:flex;justify-content:space-between;align-items:center}.solution-pro-num{color:var(--level-accent);font-size:13px;font-weight:950;letter-spacing:.08em}.solution-pro-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--level-accent) 10%,#fff);color:var(--level-accent)}.solution-pro-icon svg{width:22px;height:22px;fill:currentColor}
.solution-pro-component h3{margin:30px 0 10px;color:#233f4e;font-size:19px}.solution-pro-component p{margin:0;color:#667985;font-size:14px;line-height:1.62}
.solution-pro-learning{padding:90px 0}
.solution-pro-learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.solution-pro-learning-card{position:relative;min-height:300px;padding:28px;border-radius:22px;border:1px solid #e1e9ed;background:#fff;overflow:hidden}
.solution-pro-learning-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--level-accent)}
.solution-pro-learning-index{display:block;color:color-mix(in srgb,var(--level-accent) 65%,#8499a4);font-size:12px;font-weight:950;letter-spacing:.12em}.solution-pro-learning-card h3{margin:22px 0 18px;color:#203d4c;font-size:24px;line-height:1.2}.solution-pro-learning-card ul{list-style:none;padding:0;margin:0}.solution-pro-learning-card li{position:relative;padding:11px 0 11px 24px;border-bottom:1px solid #edf2f4;color:#5b707c;font-size:15px}.solution-pro-learning-card li:last-child{border-bottom:0}.solution-pro-learning-card li:before{content:"";position:absolute;left:2px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--level-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--level-accent) 12%,transparent)}
.solution-pro-equipment{padding:88px 0;background:#173746;color:#fff}
.solution-pro-equipment-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.solution-pro-equipment-head h2{color:#fff;max-width:850px}.solution-pro-equipment-head>a{flex:0 0 auto;color:#fff;font-weight:900;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px}.solution-pro-equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.solution-pro-equipment-card{border-radius:18px;background:#fff;overflow:hidden;color:#173746;transition:.2s ease}.solution-pro-equipment-card:hover{transform:translateY(-5px)}.solution-pro-equipment-image{height:220px;padding:20px;background:#f8fafb}.solution-pro-equipment-image img{width:100%;height:100%;object-fit:contain;display:block}.solution-pro-equipment-card h3{margin:0;padding:18px 20px 20px;font-size:17px}
.solution-pro-gallery{padding:88px 0;background:#fff}.solution-pro-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:340px;gap:16px}.solution-pro-gallery figure{margin:0;border-radius:22px;overflow:hidden;background:#f3f6f8}.solution-pro-gallery img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}.solution-pro-gallery figure:first-child img{object-fit:cover}
.solution-pro-process{padding:88px 0;background:var(--level-soft)}.solution-pro-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-pro-process-grid article{position:relative;padding:26px 24px;border-radius:18px;background:#fff;border:1px solid color-mix(in srgb,var(--level-accent) 16%,#e1e9ed)}.solution-pro-process-grid article:not(:last-child):after{content:"→";position:absolute;right:-16px;top:34px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--level-accent);color:#fff;font-weight:900;z-index:2}.solution-pro-process-grid article>span{display:block;color:var(--level-accent);font-size:12px;font-weight:950;letter-spacing:.1em}.solution-pro-process-grid h3{margin:18px 0 8px;color:#244150;font-size:19px}.solution-pro-process-grid p{margin:0;color:#667985;font-size:14px;line-height:1.6}
.solution-pro-cta{padding:64px 0;background:linear-gradient(120deg,var(--level-accent),color-mix(in srgb,var(--level-accent) 62%,#173746));color:#fff}.solution-pro-cta .container{display:flex;align-items:center;justify-content:space-between;gap:46px}.solution-pro-cta span{display:block;font-size:11px;font-weight:950;letter-spacing:.14em;opacity:.8}.solution-pro-cta h2{max-width:880px;margin:10px 0 0;font-size:clamp(28px,3vw,44px);line-height:1.15}.solution-pro-cta-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}.solution-pro-cta-actions a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:11px;text-decoration:none;font-weight:900}.solution-pro-cta-actions a:first-child{background:#fff;color:#234251}.solution-pro-cta-actions a:last-child{border:1px solid rgba(255,255,255,.55);color:#fff}
.solution-pro-articles{padding:78px 0 92px}.solution-pro-articles .solution-section-heading{align-items:end}.solution-pro-articles .solution-section-heading>div h2{margin:0}.solution-pro-articles .solution-card{border-top-width:0;border-radius:18px}.solution-pro-articles .solution-card-image{height:210px}.solution-pro-articles .solution-card-body{padding:20px}.solution-pro-articles .solution-card h2{font-size:21px}
/* Solution hub */
.solution-hub-hero{padding:76px 0 32px;text-align:center;background:linear-gradient(180deg,#f4fbfe 0,#fff 100%)}.solution-hub-hero .container{max-width:1040px}.solution-hub-hero h1{margin:0;color:#173746;font-size:clamp(42px,4.5vw,68px);line-height:1.05;letter-spacing:-.04em}.solution-hub-hero p{max-width:850px;margin:22px auto 0;color:#5c707c;font-size:18px;line-height:1.7}.solution-hub-levels{padding:34px 0 86px}.solution-hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-hub-card{display:block;border-radius:24px;overflow:hidden;text-decoration:none;border:1px solid #e0e9ed;background:#fff;box-shadow:0 12px 32px rgba(23,55,72,.07);transition:.22s ease}.solution-hub-card:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(23,55,72,.12)}.solution-hub-card-visual{position:relative;height:250px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 11%,#fff),#fff);overflow:hidden}.solution-hub-card-visual img{width:100%;height:100%;object-fit:contain;display:block}.solution-hub-card-visual span{position:absolute;left:18px;top:18px;padding:8px 11px;border-radius:10px;background:var(--card-accent);color:#fff;font-size:12px;font-weight:950;letter-spacing:.08em}.solution-hub-card-body{padding:22px 22px 24px;border-top:4px solid var(--card-accent)}.solution-hub-card-body h2{margin:0;color:#1e3d4c;font-size:25px}.solution-hub-card-body p{min-height:68px;margin:10px 0 18px;color:#657984;font-size:14px;line-height:1.6}.solution-hub-card-body strong{color:var(--card-accent);font-size:14px}.solution-hub-card-body strong b{font-size:17px;margin-left:4px}.solution-hub-why{padding:90px 0;background:#f5f9fb;border-top:1px solid #edf2f4;border-bottom:1px solid #edf2f4}.solution-hub-why .solution-pro-split{grid-template-columns:1fr .8fr}.solution-hub-why-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.solution-hub-step{min-height:145px;padding:22px;border-radius:18px;background:#fff;border:1px solid #dfe9ed;display:flex;flex-direction:column;justify-content:space-between}.solution-hub-step b{font-size:31px;color:#0788c8}.solution-hub-step span{color:#35515f;font-weight:850;line-height:1.35}
/* Article detail refinement */
.solution-detail-page .solution-detail-head{padding:66px 0 52px;background:linear-gradient(180deg,#f1f9fd,#fff);border-bottom:1px solid #e4edf1}.solution-detail-page .solution-detail-head h1{letter-spacing:-.03em;color:#173746}.solution-detail-page .solution-detail-image{border-radius:24px;box-shadow:0 18px 46px rgba(24,58,76,.1);background:#f7f9fa}.solution-detail-page .solution-richtext{font-size:17px;line-height:1.8}.solution-detail-page .solution-richtext h2{color:var(--solution-accent,#0788c8);font-size:30px}.solution-detail-page .solution-side{border-radius:18px;box-shadow:0 12px 30px rgba(22,58,76,.06)}
@media(max-width:1180px){.solution-pro-hero-grid{grid-template-columns:1fr 430px;gap:42px}.solution-pro-component-grid{grid-template-columns:repeat(3,1fr)}.solution-pro-component{min-height:230px}.solution-hub-grid{grid-template-columns:repeat(2,1fr)}.solution-pro-equipment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.solution-pro-hero{padding:54px 0}.solution-pro-hero-grid,.solution-pro-split{grid-template-columns:1fr}.solution-pro-visual{min-height:470px;margin-top:8px}.solution-pro-main-shot{inset:12px 54px 18px}.solution-pro-benefitbar .container{grid-template-columns:repeat(2,1fr);gap:0}.solution-pro-benefitbar article:nth-child(2){border-right:0}.solution-pro-benefitbar article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:18px;margin-bottom:12px}.solution-pro-component-grid{grid-template-columns:repeat(2,1fr)}.solution-pro-learning-grid{grid-template-columns:1fr}.solution-pro-learning-card{min-height:0}.solution-pro-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:310px 230px}.solution-pro-gallery figure:first-child{grid-column:1/-1}.solution-pro-process-grid{grid-template-columns:repeat(2,1fr)}.solution-pro-process-grid article:nth-child(2):after{display:none}.solution-pro-cta .container{align-items:flex-start;flex-direction:column}.solution-pro-cta-actions{flex-direction:row}.solution-hub-why .solution-pro-split{grid-template-columns:1fr}.solution-pro-overview-image{height:390px}}
@media(max-width:680px){.solution-pro-hero{padding:42px 0 46px}.solution-pro-hero h1{font-size:39px}.solution-pro-hero-copy>p{font-size:16px}.solution-pro-trust{display:grid;grid-template-columns:1fr;gap:8px}.solution-pro-visual{min-height:380px}.solution-pro-main-shot{inset:18px 35px 24px}.solution-pro-floating{width:105px;height:105px;padding:8px;border-radius:18px}.solution-pro-visual-label{right:8px;padding:10px 12px}.solution-pro-switch{overflow-x:auto}.solution-pro-switch-inner{min-width:620px}.solution-pro-switch a{min-height:56px}.solution-pro-benefitbar .container{grid-template-columns:1fr}.solution-pro-benefitbar article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;padding:13px 5px!important;margin:0!important}.solution-pro-benefitbar article:last-child{border-bottom:0!important}.solution-pro-overview,.solution-pro-components,.solution-pro-learning,.solution-pro-equipment,.solution-pro-gallery,.solution-pro-process{padding:58px 0}.solution-pro-component-grid,.solution-pro-equipment-grid,.solution-pro-process-grid{grid-template-columns:1fr}.solution-pro-process-grid article:after{display:none!important}.solution-pro-gallery-grid{grid-template-columns:1fr;grid-template-rows:260px 220px 220px}.solution-pro-gallery figure:first-child{grid-column:auto}.solution-pro-equipment-head{align-items:flex-start;flex-direction:column}.solution-pro-equipment-image{height:200px}.solution-pro-cta-actions{width:100%;flex-direction:column}.solution-pro-cta-actions a{width:100%}.solution-hub-hero{padding:52px 0 24px}.solution-hub-hero h1{font-size:40px}.solution-hub-hero p{font-size:16px}.solution-hub-levels{padding:24px 0 58px}.solution-hub-grid{grid-template-columns:1fr}.solution-hub-card-visual{height:260px}.solution-hub-why{padding:60px 0}.solution-hub-why-visual{grid-template-columns:1fr}.solution-pro-overview-image{height:310px}}


/* ===== Solution catalog layout from 07.21_AM STEM MN-THPT ===== */
.solution-catalog-page{--catalog-ink:#193947;--catalog-muted:#647985}
.catalog-hero .solution-pro-hero-copy>p{max-width:760px}
.catalog-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;max-width:620px}.catalog-hero-stats article{padding:14px 15px;border-radius:14px;background:rgba(255,255,255,.86);border:1px solid color-mix(in srgb,var(--level-accent) 16%,#dae7ec);box-shadow:0 6px 18px rgba(20,55,70,.05)}.catalog-hero-stats strong{display:block;color:var(--level-accent);font-size:25px;line-height:1}.catalog-hero-stats span{display:block;margin-top:6px;color:#6b7d87;font-size:11px;font-weight:800;line-height:1.3}
.catalog-sourcebar{background:#173746;color:#fff}.catalog-sourcebar .container{min-height:54px;display:flex;align-items:center;gap:11px;font-size:13px}.catalog-sourcebar .container>span:last-child{margin-left:auto;opacity:.7}.catalog-source-dot{width:9px;height:9px;border-radius:50%;background:var(--level-accent);box-shadow:0 0 0 5px rgba(var(--level-rgb),.16)}
.catalog-overview{background:#fff}.catalog-architecture{display:flex;flex-direction:column;justify-content:center;gap:11px;padding:32px;border-radius:24px;background:linear-gradient(145deg,#f7fafb,#fff);border:1px solid #e2ebef;box-shadow:0 18px 44px rgba(26,58,75,.07)}.catalog-arch-layer{display:flex;align-items:center;gap:18px;padding:22px;border-radius:18px;border:1px solid #dce7eb;background:#fff}.catalog-arch-layer>span{width:54px;height:54px;flex:0 0 54px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;background:#173746;font-size:23px;font-weight:950}.catalog-arch-layer.specialty>span{background:var(--level-accent)}.catalog-arch-layer strong{display:block;color:#1c3c4b;font-size:17px}.catalog-arch-layer small{display:block;margin-top:6px;color:#71838c;font-size:13px;line-height:1.5}.catalog-arch-arrow{text-align:center;color:var(--level-accent);font-size:25px;font-weight:900;line-height:1}
.catalog-foundation{padding:86px 0;background:var(--level-soft)}.catalog-foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.catalog-foundation-card{padding:25px;border-radius:20px;background:#fff;border:1px solid color-mix(in srgb,var(--level-accent) 14%,#dee8ec);box-shadow:0 10px 28px rgba(24,58,74,.05)}.catalog-foundation-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-foundation-code{display:flex;width:48px;height:35px;align-items:center;justify-content:center;border-radius:10px;background:var(--level-accent);color:#fff;font-size:12px;font-weight:950}.catalog-foundation-count{color:#7b8c95;font-size:11px;font-weight:850}.catalog-foundation-card h3{margin:18px 0 13px;color:#203f4e;font-size:20px;line-height:1.3}.catalog-foundation-card ul{list-style:none;margin:0;padding:0}.catalog-foundation-card li{position:relative;padding:8px 0 8px 16px;border-bottom:1px dashed #e4ebee;color:#607581;font-size:13px;line-height:1.45}.catalog-foundation-card li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;background:var(--level-accent)}.catalog-foundation-card a{display:inline-flex;margin-top:16px;color:var(--level-accent);text-decoration:none;font-size:13px;font-weight:900}.catalog-foundation-card a b{margin-left:6px}
.catalog-specialty{padding:88px 0;background:#173746;color:#fff}.catalog-specialty .solution-pro-heading>span,.catalog-specialty .solution-pro-heading h2{color:#fff}.catalog-specialty .solution-pro-heading p{color:rgba(255,255,255,.65)}.catalog-specialty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:36px}.catalog-specialty-card{display:block;position:relative;padding:25px 26px 24px;border-radius:20px;background:#fff;color:#173746;text-decoration:none;overflow:hidden;transition:.2s ease}.catalog-specialty-card:after{content:"";position:absolute;right:-34px;bottom:-34px;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--level-accent) 11%,transparent)}.catalog-specialty-card:hover{transform:translateY(-4px)}.catalog-specialty-head{display:flex;align-items:center;gap:10px}.catalog-specialty-head>span{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--level-accent);color:#fff;font-size:18px}.catalog-specialty-head b{font-size:12px;color:var(--level-accent)}.catalog-specialty-head em{margin-left:auto;font-style:normal;font-size:11px;color:#7b8b94;font-weight:800}.catalog-specialty-card h3{margin:15px 0 12px;font-size:20px;line-height:1.3}.catalog-specialty-card ul{margin:0 0 16px;padding:0;list-style:none}.catalog-specialty-card li{padding:5px 0;color:#657984;font-size:13px;line-height:1.45}.catalog-specialty-card li:before{content:"•";color:var(--level-accent);font-weight:900;margin-right:8px}.catalog-specialty-card>strong{font-size:12px;color:var(--level-accent)}
.catalog-full{padding:92px 0;background:#f7fafb}.catalog-full-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.catalog-full-head h2{margin:8px 0 9px;color:#183947;font-size:clamp(30px,3vw,46px);line-height:1.12}.catalog-full-head p{max-width:840px;margin:0;color:#6a7e88;line-height:1.65}.catalog-full-head>a{flex:0 0 auto;text-decoration:none;color:var(--level-accent);font-weight:900;border-bottom:1px solid color-mix(in srgb,var(--level-accent) 45%,transparent);padding-bottom:5px}.catalog-details{display:grid;gap:12px}.catalog-group{border:1px solid #dde8ec;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(24,58,74,.035)}.catalog-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;padding:18px 20px}.catalog-group summary::-webkit-details-marker{display:none}.catalog-group-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--level-accent) 11%,#fff);color:var(--level-accent);font-size:19px;font-weight:900}.catalog-group-title{min-width:0}.catalog-group-title small{display:block;color:var(--level-accent);font-size:10px;font-weight:950;letter-spacing:.08em}.catalog-group-title strong{display:block;margin-top:3px;color:#244451;font-size:15px;line-height:1.35}.catalog-group-count{margin-left:auto;flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#f1f5f7;color:#6e818a;font-size:10px;font-weight:900}.catalog-group-toggle{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#173746;color:#fff;font-size:18px;transition:.2s}.catalog-group[open] .catalog-group-toggle{transform:rotate(45deg);background:var(--level-accent)}.catalog-group-body{border-top:1px solid #e7eef1;padding:7px 20px 18px}.catalog-group-body ol{list-style:none;margin:0;padding:0}.catalog-group-body li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px dashed #e4ebee}.catalog-group-body li:last-child{border-bottom:0}.catalog-item-no{display:flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:8px;background:#f0f5f7;color:#70828b;font-size:9px;font-weight:900}.catalog-item-name{color:#385461;font-size:13px;line-height:1.45}.catalog-model{padding:6px 8px;border-radius:8px;background:color-mix(in srgb,var(--level-accent) 9%,#fff);color:var(--level-accent);font-size:9px;font-weight:900;white-space:nowrap}.catalog-process{background:#fff}
@media(max-width:1000px){.catalog-foundation-grid{grid-template-columns:1fr}.catalog-specialty-grid{grid-template-columns:1fr}.catalog-sourcebar .container>span:last-child{display:none}.catalog-full-head{align-items:flex-start;flex-direction:column}.catalog-architecture{padding:22px}}
@media(max-width:680px){.catalog-hero-stats{grid-template-columns:1fr 1fr}.catalog-hero-stats article:last-child{grid-column:1/-1}.catalog-sourcebar .container{font-size:11px}.catalog-foundation,.catalog-specialty,.catalog-full{padding:58px 0}.catalog-group summary{padding:15px 13px;gap:10px}.catalog-group-icon{width:36px;height:36px;flex-basis:36px}.catalog-group-title strong{font-size:12px}.catalog-group-count{display:none}.catalog-group-body{padding:6px 13px 14px}.catalog-group-body li{grid-template-columns:32px minmax(0,1fr);gap:9px}.catalog-model{grid-column:2;justify-self:start}.catalog-item-name{font-size:12px}.catalog-arch-layer{padding:16px}.catalog-arch-layer>span{width:44px;height:44px;flex-basis:44px}.catalog-specialty-card{padding:20px}}


/* === SIMPLE SOLUTIONS REDESIGN 2026-08-19 === */
.simple-solution-page,.simple-solutions-hub{background:#fff;color:#203b49}.simple-solution-page .container,.simple-solutions-hub .container{width:min(1400px,calc(100% - 64px));margin:0 auto}.simple-sol-hero{position:relative;overflow:hidden;padding:78px 0 66px;background:linear-gradient(135deg,var(--soft),#fff 72%)}.simple-sol-hero:after{content:"";position:absolute;right:-120px;top:-150px;width:480px;height:480px;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent)}.simple-sol-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:70px;align-items:center}.simple-sol-copy{max-width:760px}.simple-sol-eyebrow{display:inline-block;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:18px}.simple-sol-level{font-size:clamp(24px,2.2vw,36px);font-weight:950;letter-spacing:.04em;color:var(--accent);margin-bottom:12px}.simple-sol-copy h1{margin:0;color:#173746;font-size:clamp(42px,4.4vw,66px);line-height:1.04;letter-spacing:-.045em}.simple-sol-copy>p{max-width:740px;margin:24px 0 0;color:#607581;font-size:18px;line-height:1.72}.simple-sol-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.simple-sol-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-weight:900}.simple-sol-actions a.outline{background:#fff;color:var(--accent);border:1.5px solid color-mix(in srgb,var(--accent) 70%,#fff)}.simple-sol-hero-visual{position:relative;min-height:470px}.simple-sol-hero-visual figure{margin:0;background:#fff;border-radius:28px;box-shadow:0 20px 55px rgba(23,55,70,.12);overflow:hidden}.simple-sol-hero-visual figure.main{position:absolute;inset:0 68px 44px 0;border:1px solid #e6edf0}.simple-sol-hero-visual figure.main img{width:100%;height:100%;object-fit:contain;padding:26px}.simple-sol-hero-visual figure.sub{position:absolute;width:200px;height:160px;right:0;bottom:0;border:6px solid #fff}.simple-sol-hero-visual figure.sub img{width:100%;height:100%;object-fit:contain;padding:10px}.simple-sol-badge{position:absolute;left:18px;bottom:18px;background:var(--accent);color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 10px 28px rgba(0,0,0,.12)}.simple-sol-badge b{display:block;font-size:15px;letter-spacing:.08em}.simple-sol-badge span{display:block;font-size:12px;opacity:.86;margin-top:2px}.simple-level-switch{background:#fff;border-top:1px solid #eef2f4;border-bottom:1px solid #e7edef;position:sticky;top:0;z-index:20}.simple-level-switch .container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 0}.simple-level-switch a{display:flex;min-height:56px;align-items:center;justify-content:center;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--btn) 40%,#e7ecef);text-decoration:none;background:#fff;color:var(--btn);font-weight:900;transition:.2s ease}.simple-level-switch a:hover,.simple-level-switch a.active{background:var(--btn);color:#fff;transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--btn) 18%,transparent)}.simple-sol-section{padding:82px 0}.simple-sol-heading{max-width:850px;margin-bottom:34px}.simple-sol-heading>span,.simple-sol-kicker{display:block;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:.14em}.simple-sol-heading h2{margin:10px 0 0;color:#1b3948;font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-.025em}.simple-sol-heading p{margin:14px 0 0;color:#667985;font-size:16px;line-height:1.7}.simple-foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.simple-foundation-grid article{position:relative;padding:28px 26px 26px;border-radius:20px;background:#fff;border:1px solid #e3ebee;box-shadow:0 12px 32px rgba(24,57,73,.055);overflow:hidden}.simple-foundation-grid article:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--accent)}.simple-foundation-grid article>span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:var(--soft);color:var(--accent);font-weight:950;font-size:12px}.simple-foundation-grid h3{margin:18px 0 14px;color:#213f4d;font-size:22px}.simple-foundation-grid ul{margin:0;padding:0;list-style:none}.simple-foundation-grid li{position:relative;padding:8px 0 8px 19px;color:#687b86;font-size:14px;line-height:1.5}.simple-foundation-grid li:before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.simple-groups{background:#f6f9fa;border-top:1px solid #edf2f4;border-bottom:1px solid #edf2f4}.simple-group-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.simple-group-grid article{min-height:220px;padding:24px;border-radius:20px;background:#fff;border:1px solid #e1e9ed;box-shadow:0 10px 28px rgba(24,57,73,.045)}.simple-group-no{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:13px;font-weight:950}.simple-group-grid h3{margin:18px 0 10px;color:#203e4c;font-size:20px;line-height:1.3}.simple-group-grid p{margin:0;color:#677b86;font-size:14px;line-height:1.62}.simple-visuals{padding-bottom:90px}.simple-visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.simple-visual-grid article{overflow:hidden;border:1px solid #e2e9ed;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(24,57,73,.055)}.simple-visual-img{height:220px;background:linear-gradient(145deg,var(--soft),#fff);display:flex;align-items:center;justify-content:center}.simple-visual-img img{width:100%;height:100%;object-fit:contain;padding:18px}.simple-visual-grid article>div:last-child{padding:20px}.simple-visual-grid h3{margin:0;color:#203e4c;font-size:19px}.simple-visual-grid p{margin:9px 0 0;color:#697c87;font-size:13.5px;line-height:1.55}.simple-sol-summary{padding:62px 0;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#163747));color:#fff}.simple-sol-summary .container{display:flex;align-items:center;justify-content:space-between;gap:48px}.simple-sol-summary span{display:block;font-size:11px;font-weight:950;letter-spacing:.14em;opacity:.78}.simple-sol-summary h2{max-width:850px;margin:10px 0 0;font-size:clamp(28px,3vw,42px);line-height:1.15}.simple-sol-summary p{max-width:850px;margin:12px 0 0;opacity:.85;line-height:1.6}.simple-sol-summary a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;background:#fff;color:#23414f;text-decoration:none;font-weight:900}.simple-sol-articles{padding:78px 0 92px}.simple-sol-articles .solution-section-heading h2{margin-top:8px}.simple-sol-articles .solution-card{border-radius:18px}.simple-sol-articles .solution-card-image{height:200px}.simple-hub-hero{padding:76px 0 34px;text-align:center;background:linear-gradient(180deg,#f3fafc,#fff)}.simple-hub-hero .container{max-width:1020px}.simple-hub-hero>div>span{color:#0788c8;font-size:12px;font-weight:950;letter-spacing:.14em}.simple-hub-hero h1{margin:10px 0 0;color:#183846;font-size:clamp(42px,5vw,68px);letter-spacing:-.04em}.simple-hub-hero p{max-width:880px;margin:18px auto 0;color:#637782;font-size:17px;line-height:1.7}.simple-hub-levels{padding:36px 0 86px}.simple-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.simple-hub-card{display:grid;grid-template-columns:220px 1fr;min-height:270px;border:1px solid #e1e9ed;border-radius:24px;overflow:hidden;background:#fff;text-decoration:none;box-shadow:0 14px 36px rgba(23,55,72,.07);transition:.22s ease}.simple-hub-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(23,55,72,.11)}.simple-hub-img{background:var(--cardsoft);display:flex;align-items:center;justify-content:center}.simple-hub-img img{width:100%;height:100%;object-fit:contain;padding:22px}.simple-hub-body{padding:26px}.simple-hub-body>span{display:inline-block;color:var(--card);font-weight:950;font-size:13px;letter-spacing:.08em}.simple-hub-body h2{margin:9px 0 10px;color:#1d3b4a;font-size:23px;line-height:1.25}.simple-hub-body p{margin:0;color:#677b86;font-size:14px;line-height:1.55}.simple-hub-body strong{display:inline-block;margin-top:18px;color:var(--card);font-size:13px}.simple-hub-strip{padding:28px 0;background:#173746;color:#fff}.simple-hub-strip .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.simple-hub-strip article{display:flex;align-items:center;gap:13px;padding:9px 24px;border-right:1px solid rgba(255,255,255,.15)}.simple-hub-strip article:last-child{border-right:0}.simple-hub-strip b{display:flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#0788c8;font-size:12px}.simple-hub-strip span{font-size:14px;font-weight:850}
@media(max-width:1100px){.simple-sol-hero-grid{grid-template-columns:1fr 430px;gap:42px}.simple-group-grid,.simple-visual-grid{grid-template-columns:repeat(2,1fr)}.simple-hub-card{grid-template-columns:190px 1fr}.simple-hub-strip .container{grid-template-columns:repeat(2,1fr);row-gap:12px}.simple-hub-strip article:nth-child(2){border-right:0}}@media(max-width:800px){.simple-solution-page .container,.simple-solutions-hub .container{width:min(100% - 36px,1400px)}.simple-sol-hero{padding:50px 0}.simple-sol-hero-grid{grid-template-columns:1fr}.simple-sol-hero-visual{min-height:390px}.simple-level-switch{position:relative;top:auto}.simple-level-switch .container{grid-template-columns:repeat(2,1fr)}.simple-foundation-grid{grid-template-columns:1fr}.simple-sol-summary .container{flex-direction:column;align-items:flex-start}.simple-hub-grid{grid-template-columns:1fr}.simple-hub-card{grid-template-columns:180px 1fr}}@media(max-width:560px){.simple-sol-hero{padding:40px 0 44px}.simple-sol-copy h1{font-size:40px}.simple-sol-copy>p{font-size:16px}.simple-sol-hero-visual{min-height:330px}.simple-sol-hero-visual figure.main{inset:0 38px 34px 0}.simple-sol-hero-visual figure.sub{width:145px;height:120px}.simple-level-switch .container{gap:8px;padding:12px 0}.simple-level-switch a{min-height:48px;font-size:13px}.simple-sol-section{padding:58px 0}.simple-group-grid,.simple-visual-grid{grid-template-columns:1fr}.simple-visual-img{height:210px}.simple-hub-hero{padding:52px 0 24px}.simple-hub-card{grid-template-columns:1fr}.simple-hub-img{height:210px}.simple-hub-strip .container{grid-template-columns:1fr}.simple-hub-strip article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.simple-hub-strip article:last-child{border-bottom:0}}


/* === Simple solution v2: illustrations integrated into Foundation + Practice === */
.simple-foundation-grid article{
  display:flex;
  flex-direction:column;
}
.simple-foundation-img{
  height:150px;
  margin:14px -8px 2px;
  border-radius:15px;
  background:linear-gradient(145deg,var(--soft),#fff);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.simple-foundation-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:14px;
}
.simple-foundation-grid h3{margin-top:16px}

.simple-group-grid article{
  min-height:0;
  padding:0 0 22px;
  overflow:hidden;
}
.simple-group-img{
  height:150px;
  margin:0 0 18px;
  background:linear-gradient(145deg,var(--soft),#fff);
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid #edf2f4;
}
.simple-group-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:14px;
}
.simple-group-no,
.simple-group-grid h3,
.simple-group-grid p{
  margin-left:22px;
  margin-right:22px;
}
.simple-group-grid h3{margin-top:16px}
.simple-group-grid p{margin-bottom:0}
.simple-groups{padding-bottom:84px}
@media(max-width:800px){
  .simple-foundation-img{height:180px}
}
@media(max-width:560px){
  .simple-foundation-img,.simple-group-img{height:170px}
  .simple-groups{padding-bottom:58px}
}


/* === Solution specialty lists: bullet style matched to Foundation === */
.simple-group-grid ul.simple-group-list{
  margin:0 22px;
  padding:0;
  list-style:none;
}
.simple-group-grid ul.simple-group-list li{
  position:relative;
  padding:7px 0 7px 19px;
  color:#677b86;
  font-size:14px;
  line-height:1.5;
}
.simple-group-grid ul.simple-group-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:15px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
}


/* ===== ANH MINH CMS - Quản trị tổng ===== */
.cms-admin-body{background:#f2f6f9}.cms-admin-page{min-height:calc(100vh - 140px);padding:30px 0 70px}.cms-admin-shell{max-width:1560px;margin:auto;padding:0 24px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.cms-sidebar{position:sticky;top:20px;align-self:start;background:#fff;border:1px solid #dce7ee;border-radius:18px;padding:16px;box-shadow:0 12px 34px rgba(15,54,75,.08)}.cms-sidebar-title{padding:10px 10px 18px;border-bottom:1px solid #e8eff3;margin-bottom:10px}.cms-sidebar-title strong{display:block;color:#0788c8;font-size:20px}.cms-sidebar-title small{color:#7a8a95}.cms-nav{display:block;width:100%;border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:10px;font:inherit;font-weight:800;color:#405563;cursor:pointer;margin:2px 0}.cms-nav:hover,.cms-nav.active{background:#eaf6fc;color:#0788c8}.cms-view-site{display:block;margin-top:14px;padding:12px;border:1px solid #0788c8;color:#0788c8;border-radius:10px;text-align:center;font-weight:850}.cms-workspace{min-width:0}.cms-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 22px}.cms-topbar h1{margin:0;color:#163c52;font-size:clamp(30px,3vw,46px)}.cms-topbar p{margin:5px 0 0;color:#6e7e89}.cms-topbar [data-cms-save-state]{padding:8px 12px;border-radius:999px;background:#e8eef2;color:#637681;font-weight:750;font-size:13px}.cms-topbar [data-cms-save-state].saved{background:#e6f7eb;color:#238344}.cms-panel{display:none}.cms-panel.active{display:block}.cms-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.cms-stat-grid article{background:#fff;border:1px solid #dce7ee;border-radius:16px;padding:22px}.cms-stat-grid b{display:block;font-size:34px;color:#0788c8}.cms-stat-grid span{color:#71818d;font-weight:700}.cms-dashboard-grid,.cms-publish-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cms-box{background:#fff;border:1px solid #dce7ee;border-radius:16px;padding:22px}.cms-box h2,.cms-box h3{margin:0 0 8px;color:#21495f}.cms-box p{color:#6d7e89;line-height:1.6}.cms-btn-link{display:inline-block}.cms-note,.cms-publish-instruction{margin-top:18px;background:#fff8ef;border-left:4px solid #ef5b19;border-radius:10px;padding:16px 18px;color:#65564a;line-height:1.65}.cms-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.cms-section-head h2{margin:0;color:#0788c8;font-size:30px}.cms-section-head p{margin:5px 0 0;color:#71818d}.cms-settings-grid{display:flex;flex-direction:column;gap:18px}.cms-setting-group{border:1px solid #dce7ee;background:#fff;border-radius:16px;padding:20px}.cms-setting-group legend{padding:0 8px;color:#0788c8;font-weight:900;font-size:18px}.cms-setting-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cms-setting-field{display:flex;flex-direction:column;gap:7px}.cms-setting-field.wide{grid-column:1/-1}.cms-setting-field label{font-size:13px;font-weight:850;color:#415766}.cms-setting-field input,.cms-setting-field textarea,.cms-page-toolbar input,.cms-page-toolbar select,.cms-content-field input,.cms-content-field textarea{width:100%;box-sizing:border-box;border:1px solid #bfd2dc;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}.cms-setting-field textarea{min-height:88px}.cms-setting-preview{width:150px;height:80px;object-fit:contain;border:1px dashed #c6d6df;border-radius:8px;background:#f9fbfc}.cms-upload-mini{display:inline-flex!important;width:max-content;padding:7px 10px;border-radius:8px;border:1px solid #0788c8;color:#0788c8!important;cursor:pointer}.cms-upload-mini input{display:none}.cms-page-actions{display:flex;gap:10px}.cms-page-toolbar{display:grid;grid-template-columns:270px minmax(0,1fr) auto;gap:12px;margin-bottom:16px}.cms-field-list{display:flex;flex-direction:column;gap:10px}.cms-content-field{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;background:#fff;border:1px solid #dce7ee;border-radius:14px;padding:16px}.cms-field-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.cms-field-meta b{color:#304b5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cms-field-meta small{color:#9aa6ad}.cms-type{display:inline-flex;width:max-content;background:#edf7fc;color:#0788c8;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.cms-content-field textarea{min-height:72px;resize:vertical}.cms-image-edit{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:10px;align-items:center}.cms-image-edit img{width:120px;height:78px;object-fit:contain;border:1px solid #e0e8ed;border-radius:8px;background:#fafcfd}.cms-empty{padding:30px;text-align:center;color:#7e8d96;background:#fff;border-radius:14px}.cms-module-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #dce7ee;border-radius:18px;padding:28px}.cms-module-hero h2{margin:6px 0;color:#21495f;font-size:32px}.cms-module-hero p{max-width:750px;color:#6e7e89;line-height:1.65}.cms-kicker{color:#0788c8;font-weight:900;letter-spacing:.12em}.cms-data-preview{margin-top:16px;background:#fff;border:1px solid #dce7ee;border-radius:14px;padding:18px;color:#425a68}.cms-mini-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cms-mini-list span{background:#f1f6f9;padding:7px 10px;border-radius:999px;font-size:13px}.cms-publish-instruction ol{margin-bottom:0;line-height:1.8}.cms-import-label{display:inline-block;margin-left:6px;cursor:pointer}.cms-import-label input{display:none}.admin-suite-nav{max-width:1400px;margin:0 auto 18px;padding:0 28px;display:flex;gap:8px;flex-wrap:wrap}.admin-suite-nav a{padding:9px 12px;border:1px solid #bdd5e1;border-radius:9px;background:#fff;color:#0788c8;font-weight:800}
@media(max-width:1100px){.cms-admin-shell{grid-template-columns:1fr}.cms-sidebar{position:static;display:flex;flex-wrap:wrap;gap:6px}.cms-sidebar-title{width:100%}.cms-nav{width:auto}.cms-view-site{margin:2px 0 0}.cms-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cms-admin-shell{padding:0 12px}.cms-dashboard-grid,.cms-publish-grid,.cms-setting-fields{grid-template-columns:1fr}.cms-setting-field.wide{grid-column:auto}.cms-content-field{grid-template-columns:1fr}.cms-page-toolbar{grid-template-columns:1fr}.cms-section-head,.cms-module-hero,.cms-topbar{align-items:flex-start;flex-direction:column}.cms-image-edit{grid-template-columns:1fr}.cms-image-edit img{width:100%;height:130px}.cms-stat-grid{grid-template-columns:1fr 1fr}.cms-sidebar{padding:10px}.cms-nav{font-size:13px;padding:9px 10px}}


/* === FINAL CMS MERGE + BALANCED VISION/MISSION / 2026-08-19 === */
.vision-mission-section{padding:clamp(42px,5vw,78px) 0;background:#fff}
.vision-mission-container{max-width:1400px}
.vision-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,2.4vw,36px);align-items:stretch}
.vm-card{display:flex;flex-direction:column;min-height:430px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 14px 42px rgba(19,58,80,.10);border:1px solid #e2ebf0}
.vm-card-head{display:flex;align-items:center;min-height:112px;padding:22px 34px;background:#fff}
.vm-card-head h2{margin:0;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(42px,4vw,66px);line-height:1;letter-spacing:.01em}
.vm-vision .vm-card-head h2{color:#0788c8}.vm-mission .vm-card-head h2{color:#ef5b19}
.vm-card-body{flex:1;padding:32px 38px;color:#fff;font-size:clamp(15px,1.05vw,18px);line-height:1.62;display:flex;flex-direction:column;justify-content:center}
.vm-vision .vm-card-body{background:#0788c8}.vm-mission .vm-card-body{background:#ef5b19}
.vm-list{margin:0;padding:0;list-style:none;display:grid;gap:15px}
.vm-list li{position:relative;padding-left:20px}.vm-list li::before{content:'•';position:absolute;left:0;top:0;font-size:1.15em;font-weight:900}
.vm-mission-body{gap:22px}.vm-mission-body p{margin:0}
.home-about-intro,.home-stem-steam-rest{overflow:hidden}
.site-copyright{background:#066fae;color:#fff;text-align:center;line-height:1.45;padding:13px 18px 15px;font-size:14px;font-weight:700;letter-spacing:.01em}
.cms-integrated-manager{margin-top:4px}.cms-integrated-manager .admin-card{box-shadow:0 8px 24px rgba(15,54,75,.055)}
.cms-integrated-manager .admin-product-list,.cms-integrated-manager .admin-solution-list{max-height:760px}
@media(max-width:980px){.vision-mission-grid{grid-template-columns:1fr}.vm-card{min-height:0}.vm-card-body{min-height:300px}.cms-integrated-manager{grid-template-columns:1fr}}
@media(max-width:680px){.vision-mission-section{padding:34px 0}.vision-mission-grid{gap:18px}.vm-card{border-radius:18px}.vm-card-head{min-height:82px;padding:18px 22px}.vm-card-head h2{font-size:38px}.vm-card-body{min-height:0;padding:24px 22px;font-size:15px}.vm-list{gap:12px}.site-copyright{font-size:12px;padding:11px 12px 13px}}


/* ===== HOME REFINEMENT: welcome / vision-mission / partners ===== */
.home-welcome-section{background:#fff;padding:0;overflow:hidden}
.home-welcome-grid{max-width:1920px!important;padding:0!important;display:grid;grid-template-columns:minmax(360px,38%) minmax(0,62%);min-height:540px;background:#0a2e42}
.home-welcome-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,5vw,92px) clamp(38px,5vw,96px);color:#fff;background:linear-gradient(135deg,#123a4c 0%,#0b2635 100%)}
.home-welcome-copy h1{margin:0 0 34px;font-family:'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(42px,4.15vw,78px);line-height:.98;font-weight:900;letter-spacing:-.025em;text-transform:uppercase}
.home-welcome-copy p{margin:0;max-width:580px;font-size:clamp(20px,1.55vw,30px);line-height:1.32;font-weight:500}
.home-welcome-media{min-height:540px;overflow:hidden;background:#14323d}
.home-welcome-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

.vision-mission-original{padding:clamp(64px,6vw,108px) 0 clamp(72px,6vw,112px);background:#fff;overflow:hidden}
.vm-original-head{max-width:1400px!important;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 48px 20px!important}
.vm-title{margin:0;font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(52px,4.4vw,84px);font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:-.025em}
.vm-title-vision{color:#0788c8;text-align:left;padding-right:150px}
.vm-title-mission{color:#ef5b19;text-align:right;padding-left:150px}
.vm-original-band{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:380px}
.vm-panel{color:#fff;display:flex;align-items:center}
.vm-panel-vision{background:#0b88c6;justify-content:flex-end}
.vm-panel-mission{background:#ef5a12;justify-content:flex-start}
.vm-panel-inner{width:min(700px,100%);font-size:clamp(15px,1.05vw,18px);line-height:1.55;font-weight:500}
.vm-panel-left{padding:48px 180px 48px 54px}
.vm-panel-right{padding:48px 54px 48px 180px}
.vm-original-band .vm-list{margin:0;padding:0 0 0 22px;display:grid;gap:15px}
.vm-original-band .vm-list li{padding-left:4px}
.vm-panel-right p{margin:0 0 22px}.vm-panel-right p:last-child{margin-bottom:0}
.vm-robot-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:clamp(360px,34vw,590px);height:auto;pointer-events:none}
.vm-robot-wrap img{display:block;width:100%;height:auto;object-fit:contain}

.home-partners-grid-section{padding:clamp(58px,6vw,94px) 0 clamp(72px,7vw,112px);background:#fff}
.home-partners-title{margin:0 0 clamp(34px,4vw,58px);font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(46px,4vw,72px);line-height:1;font-weight:900;color:#0788c8;text-transform:uppercase}
.home-partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,34px)}
.partner-logo-card{min-height:210px;border:1.5px solid #d9e5eb;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:center;padding:28px;box-shadow:0 10px 28px rgba(19,77,109,.07);transition:.2s ease}
.partner-logo-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(19,77,109,.12);border-color:#9fcfe5}
.partner-logo-card img{display:block;max-width:100%;width:auto;height:auto;max-height:135px;object-fit:contain}

@media(max-width:1100px){
 .home-welcome-grid{grid-template-columns:42% 58%;min-height:460px}.home-welcome-media{min-height:460px}
 .vm-original-head{padding-left:28px!important;padding-right:28px!important}.vm-title-vision{padding-right:110px}.vm-title-mission{padding-left:110px}
 .vm-original-band{min-height:410px}.vm-panel-left{padding:42px 145px 42px 30px}.vm-panel-right{padding:42px 30px 42px 145px}.vm-robot-wrap{width:430px}
 .home-partners-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .home-welcome-grid{grid-template-columns:1fr;background:#fff}.home-welcome-copy{padding:38px 24px 34px}.home-welcome-copy h1{font-size:42px;margin-bottom:20px}.home-welcome-copy p{font-size:18px}.home-welcome-media{min-height:300px;order:-1}.home-welcome-media img{object-position:center}
 .vision-mission-original{padding:48px 0 60px}.vm-original-head{display:none}.vm-original-band{display:block;min-height:0;background:#fff}.vm-panel{min-height:0}.vm-panel-inner{width:100%;font-size:15px}.vm-panel-left,.vm-panel-right{padding:34px 24px}.vm-panel-vision:before,.vm-panel-mission:before{display:block;font-family:'Arial Narrow',Arial,sans-serif;font-size:40px;font-weight:900;line-height:1;margin-bottom:20px}.vm-panel{display:block}.vm-panel-vision:before{content:'TẦM NHÌN';color:#fff;padding:30px 24px 0}.vm-panel-mission:before{content:'SỨ MỆNH';color:#fff;padding:30px 24px 0}.vm-robot-wrap{position:relative;left:auto;top:auto;transform:none;width:min(440px,92vw);margin:-18px auto -4px;pointer-events:auto}.vm-panel-mission{padding-top:0}
 .home-partners-grid-section{padding:48px 0 64px}.home-partners-title{font-size:46px;margin-bottom:28px}.home-partners-grid{grid-template-columns:repeat(2,1fr);gap:14px}.partner-logo-card{min-height:150px;padding:18px;border-radius:16px}.partner-logo-card img{max-height:95px}
}
@media(max-width:430px){.home-partners-grid{grid-template-columns:1fr 1fr}.partner-logo-card{min-height:130px;padding:14px}.partner-logo-card img{max-height:82px}}
.home-welcome-copy h1{white-space:pre-line}

/* ===== FINAL HOME ORIGINAL-PDF ALIGNMENT / 2026-08-19 ===== */
/* Welcome: original full image with editable HTML text over the image */
.home-welcome-original{padding:0!important;background:#fff;overflow:hidden}
.home-welcome-original .home-welcome-stage{position:relative;width:100%;max-width:1920px;margin:0 auto;aspect-ratio:1920/790;min-height:500px;overflow:hidden;background:#173646}
.home-welcome-original .home-welcome-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.home-welcome-original .home-welcome-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,27,40,.46) 0%,rgba(5,27,40,.22) 33%,rgba(5,27,40,0) 58%);pointer-events:none}
.home-welcome-original .home-welcome-overlay{position:absolute;inset:0;z-index:2;max-width:1920px!important;padding:0!important}
.home-welcome-original .home-welcome-copy{position:absolute;left:8.6%;top:43%;transform:translateY(-50%);width:min(560px,34vw);padding:0!important;background:none!important;color:#fff;display:block}
.home-welcome-original .home-welcome-copy h1{margin:0 0 30px!important;white-space:pre-line;font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(42px,3.55vw,68px)!important;line-height:.98!important;font-weight:900!important;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.18)}
.home-welcome-original .home-welcome-copy p{margin:0!important;max-width:440px!important;font-size:clamp(18px,1.2vw,23px)!important;line-height:1.3!important;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.18)}

/* “Tôi là AI?”: editable text + editable illustration, matching original page 1 */
.home-ai-section{padding:clamp(64px,6.6vw,118px) 0 clamp(58px,6vw,104px);background:#fff}
.home-ai-grid{max-width:1580px!important;display:grid;grid-template-columns:minmax(330px,.38fr) minmax(0,.62fr);gap:clamp(28px,4vw,76px);align-items:center}
.home-ai-copy{padding-left:clamp(0px,1vw,14px)}
.home-ai-copy h2{margin:0 0 clamp(28px,2.6vw,46px);font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(52px,4.4vw,84px);line-height:1;font-weight:900;letter-spacing:-.03em;color:#0788c8}
.home-ai-copy p{margin:0;max-width:590px;font-size:clamp(16px,1.02vw,19px);line-height:1.58;color:#151515;font-weight:500}
.home-ai-media{min-width:0;display:flex;align-items:center;justify-content:center}
.home-ai-media img{display:block;width:100%;height:auto;max-height:610px;object-fit:contain}

/* Vision & mission: recreate the original white-title / blue-orange band / center robot composition */
.vision-mission-original{padding:clamp(48px,4.7vw,90px) 0 clamp(76px,6vw,112px)!important;background:#fff!important;overflow:hidden}
.vision-mission-original .vm-original-head{width:100%;max-width:1920px!important;margin:0 auto;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:0 8.6vw 24px!important;box-sizing:border-box}
.vision-mission-original .vm-title{margin:0!important;font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(56px,4.45vw,86px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.035em;text-transform:uppercase}
.vision-mission-original .vm-title-vision{color:#0788c8!important;text-align:left!important;padding:0!important}
.vision-mission-original .vm-title-mission{color:#ef6a10!important;text-align:left!important;padding:0 0 0 14.2vw!important}
.vision-mission-original .vm-original-band{position:relative!important;display:grid!important;grid-template-columns:1fr 1fr!important;min-height:400px!important;background:linear-gradient(90deg,#1086c2 0 50%,#e94d08 50% 100%)!important;overflow:visible}
.vision-mission-original .vm-panel{display:flex!important;align-items:center!important;color:#fff;background:transparent!important;min-width:0}
.vision-mission-original .vm-panel-vision{justify-content:flex-end!important}
.vision-mission-original .vm-panel-mission{justify-content:flex-start!important}
.vision-mission-original .vm-panel-inner{width:100%!important;max-width:none!important;font-size:clamp(15px,.94vw,18px)!important;line-height:1.5!important;font-weight:500}
.vision-mission-original .vm-panel-left{padding:40px 14.6vw 40px 8.6vw!important}
.vision-mission-original .vm-panel-right{padding:40px 8.4vw 40px 14.7vw!important}
.vision-mission-original .vm-list{margin:0!important;padding:0 0 0 18px!important;display:grid!important;gap:16px!important}
.vision-mission-original .vm-list li{padding-left:3px!important}
.vision-mission-original .vm-panel-right p{margin:0 0 10px!important}.vision-mission-original .vm-panel-right p:last-child{margin-bottom:0!important}
.vision-mission-original .vm-robot-wrap{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-53%)!important;z-index:4!important;width:clamp(430px,32.5vw,625px)!important;height:auto!important;pointer-events:none!important}
.vision-mission-original .vm-robot-wrap img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}

/* Header menu: hover keeps the text visible and adds a clean underline. */
.nav-links>a,.nav-product-trigger{position:relative!important;text-decoration:none!important;transition:color .16s ease!important}
.nav-links>a::after,.nav-product-trigger::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:1.5px;background:#fff;transform:scaleX(0);transform-origin:center;transition:transform .16s ease;pointer-events:none}
.nav-links>a:hover,.nav-links>a:focus-visible,.nav-links>a.active,.nav-product:hover>.nav-product-trigger,.nav-product:focus-within>.nav-product-trigger{color:#fff!important;opacity:1!important;visibility:visible!important}
.nav-links>a:hover::after,.nav-links>a:focus-visible::after,.nav-links>a.active::after,.nav-product:hover>.nav-product-trigger::after,.nav-product:focus-within>.nav-product-trigger::after,.nav-product-trigger.active::after{transform:scaleX(1)!important}

@media(max-width:1200px){
 .vision-mission-original .vm-title-mission{padding-left:10vw!important}
 .vision-mission-original .vm-panel-left{padding-right:17vw!important;padding-left:5vw!important}
 .vision-mission-original .vm-panel-right{padding-left:17vw!important;padding-right:5vw!important}
 .vision-mission-original .vm-robot-wrap{width:470px!important}
}
@media(max-width:900px){
 .home-welcome-original .home-welcome-stage{aspect-ratio:16/8;min-height:420px}
 .home-welcome-original .home-welcome-copy{left:6%;width:48vw}
 .home-welcome-original .home-welcome-copy h1{font-size:clamp(36px,5.4vw,54px)!important}
 .home-ai-grid{grid-template-columns:1fr;gap:32px}.home-ai-copy{max-width:760px}.home-ai-media img{max-height:500px}
 .vision-mission-original .vm-original-head{padding:0 5vw 18px!important}.vision-mission-original .vm-title-mission{padding-left:7vw!important}
 .vision-mission-original .vm-original-band{min-height:430px!important}.vision-mission-original .vm-panel-inner{font-size:14px!important}.vision-mission-original .vm-panel-left{padding:34px 19vw 34px 5vw!important}.vision-mission-original .vm-panel-right{padding:34px 5vw 34px 19vw!important}.vision-mission-original .vm-robot-wrap{width:420px!important}
}
@media(max-width:680px){
 .home-welcome-original .home-welcome-stage{aspect-ratio:auto;min-height:500px}
 .home-welcome-original .home-welcome-bg{object-position:58% center}
 .home-welcome-original .home-welcome-stage::after{background:linear-gradient(90deg,rgba(4,24,36,.72),rgba(4,24,36,.28) 72%,rgba(4,24,36,.08))}
 .home-welcome-original .home-welcome-copy{left:24px;right:24px;top:auto;bottom:42px;transform:none;width:auto}
 .home-welcome-original .home-welcome-copy h1{font-size:38px!important;margin-bottom:18px!important}.home-welcome-original .home-welcome-copy p{font-size:17px!important;max-width:370px!important}
 .home-ai-section{padding:48px 0 54px}.home-ai-grid{gap:26px}.home-ai-copy h2{font-size:48px;margin-bottom:24px}.home-ai-copy p{font-size:15px;line-height:1.55}.home-ai-media img{max-height:none}
 .vision-mission-original{padding:44px 0 58px!important}
 .vision-mission-original .vm-original-head{display:grid!important;grid-template-columns:1fr 1fr!important;padding:0 22px 16px!important}.vision-mission-original .vm-title{font-size:35px!important}.vision-mission-original .vm-title-mission{padding-left:18px!important;text-align:left!important}
 .vision-mission-original .vm-original-band{display:flex!important;flex-direction:column!important;min-height:0!important;background:none!important;overflow:visible}
 .vision-mission-original .vm-panel{display:block!important}.vision-mission-original .vm-panel-vision{background:#1086c2!important}.vision-mission-original .vm-panel-mission{background:#e94d08!important}
 .vision-mission-original .vm-panel-left,.vision-mission-original .vm-panel-right{padding:32px 24px!important;font-size:15px!important}
 .vision-mission-original .vm-panel-left{padding-bottom:165px!important}.vision-mission-original .vm-panel-right{padding-top:165px!important}
 .vision-mission-original .vm-robot-wrap{left:50%!important;top:50%!important;width:min(390px,88vw)!important;transform:translate(-50%,-50%)!important}
 .nav-links>a::after,.nav-product-trigger::after{bottom:3px}
}
/* Prevent the older mobile fallback from duplicating TẦM NHÌN / SỨ MỆNH headings. */
.vision-mission-original .vm-panel-vision::before,.vision-mission-original .vm-panel-mission::before{display:none!important;content:none!important}


/* ===== FINAL MENU + VISION/MISSION CONSISTENCY ===== */
/* Top navigation is visually neutral until hover. No page gets a permanent underline. */
.site-header .nav-links>a,
.site-header .nav-product-trigger{
  color:rgba(255,255,255,.72)!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.site-header .nav-links>a.active,
.site-header .nav-product-trigger.active{
  color:rgba(255,255,255,.72)!important;
}
.site-header .nav-links>a::after,
.site-header .nav-product-trigger::after,
.site-header .nav-links>a.active::after,
.site-header .nav-product-trigger.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:3px!important;
  height:1.5px!important;
  background:#fff!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .16s ease!important;
}
.site-header .nav-links>a:hover,
.site-header .nav-links>a:focus-visible,
.site-header .nav-product:hover>.nav-product-trigger,
.site-header .nav-product:focus-within>.nav-product-trigger{
  color:#fff!important;
}
.site-header .nav-links>a:hover::after,
.site-header .nav-links>a:focus-visible::after,
.site-header .nav-product:hover>.nav-product-trigger::after,
.site-header .nav-product:focus-within>.nav-product-trigger::after{
  transform:scaleX(1)!important;
}

/* Original composition retained, but text is kept clear of the centre robot. */
.vision-mission-original .vm-original-band{
  min-height:430px!important;
}
.vision-mission-original .vm-panel-inner{
  font-size:clamp(13px,.78vw,16px)!important;
  line-height:1.48!important;
}
.vision-mission-original .vm-panel-left{
  padding:42px clamp(250px,17vw,340px) 42px clamp(46px,8.2vw,158px)!important;
}
.vision-mission-original .vm-panel-right{
  padding:42px clamp(46px,8.2vw,158px) 42px clamp(250px,17vw,340px)!important;
}
.vision-mission-original .vm-robot-wrap{
  width:clamp(380px,26vw,510px)!important;
  transform:translate(-50%,-52%)!important;
}
.vision-mission-original .vm-grouped-text{
  margin:0!important;
  white-space:pre-line!important;
  overflow-wrap:anywhere;
  max-width:620px;
}
.vision-mission-original .vm-vision-text{
  line-height:1.52!important;
}
.vision-mission-original .vm-mission-text{
  line-height:1.58!important;
}

@media (max-width:1280px){
  .vision-mission-original .vm-panel-left{padding-right:230px!important;padding-left:50px!important}
  .vision-mission-original .vm-panel-right{padding-left:230px!important;padding-right:50px!important}
  .vision-mission-original .vm-robot-wrap{width:390px!important}
  .vision-mission-original .vm-panel-inner{font-size:13.5px!important}
}
@media (max-width:980px){
  .vision-mission-original .vm-original-head{padding:0 28px 16px!important}
  .vision-mission-original .vm-title{font-size:42px!important}
  .vision-mission-original .vm-title-mission{padding-left:26px!important}
  .vision-mission-original .vm-original-band{display:flex!important;flex-direction:column!important;min-height:0!important;background:none!important;overflow:visible!important}
  .vision-mission-original .vm-panel-vision{background:#1086c2!important}
  .vision-mission-original .vm-panel-mission{background:#e94d08!important}
  .vision-mission-original .vm-panel-left{padding:30px 30px 155px!important}
  .vision-mission-original .vm-panel-right{padding:155px 30px 30px!important}
  .vision-mission-original .vm-robot-wrap{width:min(350px,72vw)!important;top:50%!important}
  .vision-mission-original .vm-panel-inner{font-size:15px!important}
}
@media (max-width:680px){
  .vision-mission-original .vm-original-head{padding:0 20px 14px!important}
  .vision-mission-original .vm-title{font-size:32px!important}
  .vision-mission-original .vm-title-mission{padding-left:14px!important}
  .vision-mission-original .vm-panel-left{padding:28px 22px 135px!important}
  .vision-mission-original .vm-panel-right{padding:135px 22px 28px!important}
  .vision-mission-original .vm-robot-wrap{width:min(310px,80vw)!important}
  .vision-mission-original .vm-panel-inner{font-size:14px!important}
}


/* ===== FINAL ORIGINAL TYPOGRAPHY + MENU + HOME FIX / 2026-08-20 ===== */
/* The approved PDF uses Barlow Condensed as its principal family. Keep one family
   across the website; Roboto Condensed is the offline fallback for local preview. */
:root{--font-original:'Barlow Condensed','Roboto Condensed','Arial Narrow',Arial,sans-serif}
html,body,button,input,textarea,select,
.site-header,.site-footer,.footer-heading-band,.footer-info,
.display,.title,.subtitle,.eyebrow,.btn,
.product-card,.product-info,.product-description,.specs,
.theme-copy,.stem-letter-box,.stem-letter-name,
.solution-page,.solutions-master-page,.admin-shell{
  font-family:var(--font-original)!important;
}
body{font-weight:400}
.display,.title,.home-product-title,.home-partners-title,
.vm-title,.home-ai-copy h2,.product-info h1,.theme-copy h2{font-weight:800!important}
.site-header .nav-links,.site-header .product-menu{font-family:var(--font-original)!important}
.search input{font-family:var(--font-original)!important;font-style:italic;font-weight:400}

/* Main menu: no permanent underline. The underline sits directly under the letters. */
.site-header .nav-links>a,
.site-header .nav-product-trigger{
  position:relative!important;
  color:rgba(255,255,255,.74)!important;
  text-decoration:none!important;
  text-decoration-thickness:1.25px!important;
  text-underline-offset:4px!important;
  text-decoration-skip-ink:auto!important;
  line-height:1.05!important;
  font-weight:600!important;
}
.site-header .nav-links>a::after,
.site-header .nav-product-trigger::after,
.site-header .nav-links>a.active::after,
.site-header .nav-product-trigger.active::after{
  display:none!important;
  content:none!important;
}
.site-header .nav-links>a.active,
.site-header .nav-product-trigger.active{color:rgba(255,255,255,.74)!important;text-decoration:none!important}
.site-header .nav-links>a:hover,
.site-header .nav-links>a:focus-visible,
.site-header .nav-product:hover>.nav-product-trigger,
.site-header .nav-product:focus-within>.nav-product-trigger{
  color:#fff!important;
  text-decoration-line:underline!important;
  text-decoration-color:#fff!important;
}
/* Dropdown menus use the same hover grammar: underline immediately below the text. */
.site-header .product-menu a{
  font-family:var(--font-original)!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.15!important;
  text-decoration:none!important;
  text-underline-offset:3px!important;
  text-decoration-thickness:1.25px!important;
}
.site-header .product-menu a:hover,
.site-header .product-menu a:focus-visible{
  background:#fff!important;
  text-decoration-line:underline!important;
  text-decoration-color:currentColor!important;
}

/* Welcome hero: exactly two visual lines on desktop/laptop, matching the original composition. */
.home-welcome-original .home-welcome-copy{
  left:8.6%!important;
  width:min(760px,46vw)!important;
  top:43%!important;
}
.home-welcome-original .home-welcome-copy h1{
  font-family:var(--font-original)!important;
  font-size:clamp(40px,3vw,58px)!important;
  line-height:.96!important;
  font-weight:800!important;
  letter-spacing:-.018em!important;
  white-space:pre-line!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  max-width:none!important;
  margin-bottom:24px!important;
}
.home-welcome-original .home-welcome-copy p{
  font-family:var(--font-original)!important;
  font-size:clamp(18px,1.18vw,23px)!important;
  line-height:1.18!important;
  font-weight:500!important;
  max-width:460px!important;
}

/* “Tôi là AI?” uses the same source family as the PDF. */
.home-ai-copy h2{font-family:var(--font-original)!important;font-weight:800!important}
.home-ai-copy p{font-family:var(--font-original)!important;font-size:clamp(17px,1.05vw,20px)!important;line-height:1.45!important}

/* Vision & Mission: original white headings + blue/orange band + exact robot centered.
   Text columns stop before the robot, eliminating all overlap. */
.vision-mission-original{padding:clamp(46px,4.5vw,82px) 0 clamp(68px,5.5vw,104px)!important}
.vision-mission-original .vm-original-head{
  max-width:1920px!important;
  padding:0 8.6vw 18px!important;
  grid-template-columns:1fr 1fr!important;
}
.vision-mission-original .vm-title{
  font-family:var(--font-original)!important;
  font-size:clamp(54px,4.2vw,80px)!important;
  line-height:.96!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.vision-mission-original .vm-title-vision{padding:0!important;text-align:left!important}
.vision-mission-original .vm-title-mission{padding:0 0 0 13.8vw!important;text-align:left!important}
.vision-mission-original .vm-original-band{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  min-height:390px!important;
  background:linear-gradient(90deg,#1086c2 0 50%,#e94d08 50% 100%)!important;
  overflow:visible!important;
}
.vision-mission-original .vm-panel{display:flex!important;align-items:center!important;background:transparent!important;color:#fff!important;min-width:0!important}
.vision-mission-original .vm-panel-inner{
  width:100%!important;
  max-width:none!important;
  font-family:var(--font-original)!important;
  font-size:clamp(14px,.86vw,17px)!important;
  line-height:1.38!important;
  font-weight:400!important;
}
.vision-mission-original .vm-panel-left{
  padding:34px clamp(225px,13vw,250px) 34px clamp(54px,8.6vw,165px)!important;
}
.vision-mission-original .vm-panel-right{
  padding:34px clamp(54px,8.6vw,165px) 34px clamp(225px,13vw,250px)!important;
}
.vision-mission-original .vm-grouped-text{
  white-space:pre-line!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  max-width:590px!important;
}
.vision-mission-original .vm-vision-text{line-height:1.40!important}
.vision-mission-original .vm-mission-text{line-height:1.44!important}
.vision-mission-original .vm-robot-wrap{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:clamp(350px,22vw,430px)!important;
  transform:translate(-50%,-50%)!important;
  z-index:5!important;
  pointer-events:none!important;
}
.vision-mission-original .vm-robot-wrap img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}

@media(max-width:1280px){
  .home-welcome-original .home-welcome-copy{width:min(650px,47vw)!important}
  .home-welcome-original .home-welcome-copy h1{font-size:clamp(38px,3.25vw,48px)!important}
  .vision-mission-original .vm-panel-left{padding-left:48px!important;padding-right:195px!important}
  .vision-mission-original .vm-panel-right{padding-left:195px!important;padding-right:48px!important}
  .vision-mission-original .vm-robot-wrap{width:340px!important}
  .vision-mission-original .vm-panel-inner{font-size:14px!important}
}
@media(max-width:980px){
  .home-welcome-original .home-welcome-copy{left:5.5%!important;width:min(610px,56vw)!important}
  .home-welcome-original .home-welcome-copy h1{font-size:clamp(34px,4.3vw,43px)!important}
  .vision-mission-original .vm-original-head{padding:0 28px 16px!important}
  .vision-mission-original .vm-title{font-size:42px!important}
  .vision-mission-original .vm-title-mission{padding-left:26px!important}
  .vision-mission-original .vm-original-band{display:flex!important;flex-direction:column!important;min-height:0!important;background:none!important}
  .vision-mission-original .vm-panel-vision{background:#1086c2!important}
  .vision-mission-original .vm-panel-mission{background:#e94d08!important}
  .vision-mission-original .vm-panel-left{padding:30px 30px 150px!important}
  .vision-mission-original .vm-panel-right{padding:150px 30px 30px!important}
  .vision-mission-original .vm-robot-wrap{width:min(330px,68vw)!important;top:50%!important}
  .vision-mission-original .vm-panel-inner{font-size:15px!important;line-height:1.42!important}
}
@media(max-width:680px){
  .home-welcome-original .home-welcome-copy{left:22px!important;right:22px!important;width:auto!important;bottom:38px!important;top:auto!important;transform:none!important}
  .home-welcome-original .home-welcome-copy h1{font-size:clamp(24px,6.8vw,34px)!important;line-height:.98!important;margin-bottom:15px!important}
  .home-welcome-original .home-welcome-copy p{font-size:17px!important;line-height:1.18!important;max-width:340px!important}
  .vision-mission-original .vm-original-head{padding:0 20px 13px!important}
  .vision-mission-original .vm-title{font-size:32px!important}
  .vision-mission-original .vm-title-mission{padding-left:14px!important}
  .vision-mission-original .vm-panel-left{padding:27px 22px 128px!important}
  .vision-mission-original .vm-panel-right{padding:128px 22px 27px!important}
  .vision-mission-original .vm-robot-wrap{width:min(285px,76vw)!important}
  .vision-mission-original .vm-panel-inner{font-size:14px!important}
}

/* ===== FINAL SUBMENU VISIBILITY + ORIGINAL ROBOT TRANSPARENCY / 2026-08-20 ===== */
/* Dropdown text must remain visible on hover. Earlier generic nav hover rules made
   product submenu text white on a white dropdown. Keep the original category hues. */
.site-header .product-menu,
.site-header .solution-menu{
  background:#fff!important;
  color:#31546a!important;
}
.site-header .product-menu a,
.site-header .solution-menu a{
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
  color:#31546a!important;
  text-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration:none!important;
}
.site-header .product-menu a.science{color:var(--purple)!important}
.site-header .product-menu a.technology{color:var(--blue)!important}
.site-header .product-menu a.engineering{color:var(--orange)!important}
.site-header .product-menu a.mathematics{color:var(--green)!important}
.site-header .product-menu a.art{color:var(--pink)!important}
.site-header .solution-menu a{color:#31546a!important}
.site-header .product-menu a:hover,
.site-header .product-menu a:focus-visible,
.site-header .solution-menu a:hover,
.site-header .solution-menu a:focus-visible{
  opacity:1!important;
  visibility:visible!important;
  background:#f4f9fc!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration-line:underline!important;
  text-decoration-thickness:1.2px!important;
  text-underline-offset:2px!important;
}
.site-header .product-menu a.science:hover,.site-header .product-menu a.science:focus-visible{color:var(--purple)!important}
.site-header .product-menu a.technology:hover,.site-header .product-menu a.technology:focus-visible{color:var(--blue)!important}
.site-header .product-menu a.engineering:hover,.site-header .product-menu a.engineering:focus-visible{color:var(--orange)!important}
.site-header .product-menu a.mathematics:hover,.site-header .product-menu a.mathematics:focus-visible{color:var(--green)!important}
.site-header .product-menu a.art:hover,.site-header .product-menu a.art:focus-visible{color:var(--pink)!important}
.site-header .solution-menu a:hover,.site-header .solution-menu a:focus-visible{color:#0788c8!important}

/* The centre robot is the exact PDF image object (xref 1316 + alpha mask 1315).
   Explicit transparency prevents any wrapper/image background from showing as a box. */
.vision-mission-original .vm-robot-wrap,
.vision-mission-original .vm-robot-wrap img{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}


/* ===== FINAL SITE CONSISTENCY / 2026-08-20 ===== */
:root{--font-original:'Barlow Condensed','Roboto Condensed','Arial Narrow',Arial,sans-serif}
html,body,button,input,textarea,select,h1,h2,h3,h4,h5,h6,p,a,span,li,label,strong,b,small,
.display,.title,.subtitle,.eyebrow,.btn,.product-info h1,.home-partners-title,.home-product-title,
.home-store-editable-title,.cms-admin-body,.cms-admin-body *{font-family:var(--font-original)!important}
body{font-size:17px}
.home-partners-title{font-family:var(--font-original)!important;font-weight:800!important;letter-spacing:-.02em!important}

/* Main menu: bigger, consistent, underline close to text only on hover/focus. */
.site-header .nav-links{font-family:var(--font-original)!important;font-size:clamp(16px,1vw,18px)!important;font-weight:600!important;gap:clamp(18px,1.5vw,28px)!important;color:rgba(255,255,255,.78)!important}
.site-header .nav-links>a,.site-header .nav-product-trigger{position:relative!important;display:flex!important;align-items:center!important;line-height:1!important;text-decoration:none!important}
.site-header .nav-links>a::after,.site-header .nav-product-trigger::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:calc(50% - 14px)!important;height:1.5px!important;background:currentColor!important;transform:scaleX(0)!important;transform-origin:center!important;transition:transform .15s ease!important}
.site-header .nav-links>a:hover,.site-header .nav-links>a:focus-visible,.site-header .nav-product:hover>.nav-product-trigger,.site-header .nav-product:focus-within>.nav-product-trigger{color:#fff!important}
.site-header .nav-links>a:hover::after,.site-header .nav-links>a:focus-visible::after,.site-header .nav-product:hover>.nav-product-trigger::after,.site-header .nav-product:focus-within>.nav-product-trigger::after{transform:scaleX(1)!important}
/* No permanent underline. */
.site-header .nav-links>a.active::after,.site-header .nav-product-trigger.active::after{transform:scaleX(0)!important}

/* Dropdowns: text always visible, underline directly under each child item. */
.site-header .product-menu,.site-header .solution-menu{background:#fff!important}
.site-header .product-menu a,.site-header .solution-menu a{position:relative!important;display:block!important;opacity:1!important;visibility:visible!important;background:#fff!important;text-decoration:none!important;-webkit-text-fill-color:currentColor!important;font-family:var(--font-original)!important;font-size:16px!important;font-weight:500!important;line-height:1.2!important}
.site-header .product-menu a::after,.site-header .solution-menu a::after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .14s ease}
.site-header .product-menu a:hover::after,.site-header .product-menu a:focus-visible::after,.site-header .solution-menu a:hover::after,.site-header .solution-menu a:focus-visible::after{transform:scaleX(1)}
.site-header .product-menu a:hover,.site-header .product-menu a:focus-visible,.site-header .solution-menu a:hover,.site-header .solution-menu a:focus-visible{background:#f4f9fc!important;text-decoration:none!important}
.site-header .product-menu a.science{color:var(--purple)!important}.site-header .product-menu a.technology{color:var(--blue)!important}.site-header .product-menu a.engineering{color:var(--orange)!important}.site-header .product-menu a.mathematics{color:var(--green)!important}.site-header .product-menu a.art{color:var(--pink)!important}.site-header .solution-menu a{color:#31546a!important}.site-header .solution-menu a:hover{color:#0788c8!important}

/* Vision/Mission: titles level, robot rises into the title line like the original PDF. */
.vision-mission-original .vm-original-head{position:relative!important;z-index:6!important;align-items:end!important;padding-bottom:12px!important}
.vision-mission-original .vm-title{font-family:var(--font-original)!important;font-size:clamp(56px,4.25vw,82px)!important;line-height:.92!important;font-weight:800!important;margin:0!important;letter-spacing:-.025em!important}
.vision-mission-original .vm-title-vision{padding-right:clamp(170px,12.5vw,240px)!important}
.vision-mission-original .vm-title-mission{padding-left:clamp(170px,12.5vw,240px)!important;text-align:left!important}
.vision-mission-original .vm-original-band{min-height:390px!important;overflow:visible!important}
.vision-mission-original .vm-robot-wrap{position:absolute!important;left:50%!important;top:-96px!important;transform:translateX(-50%)!important;width:clamp(370px,22.5vw,440px)!important;z-index:7!important;background:transparent!important;border:0!important;box-shadow:none!important}
.vision-mission-original .vm-robot-wrap img{background:transparent!important;border:0!important;box-shadow:none!important;width:100%!important;height:auto!important;object-fit:contain!important}
.vision-mission-original .vm-panel-left{padding-right:clamp(235px,14vw,278px)!important}.vision-mission-original .vm-panel-right{padding-left:clamp(235px,14vw,278px)!important}

/* Store system: title is now real HTML and editable in admin. */
.home-store-section{position:relative!important}
.home-store-editable-title{position:absolute!important;z-index:5!important;left:50%!important;top:clamp(44px,5vw,94px)!important;transform:translateX(-50%)!important;width:min(92%,1100px)!important;margin:0!important;text-align:center!important;color:#fff!important;font-size:clamp(52px,5vw,94px)!important;line-height:.95!important;font-weight:800!important;letter-spacing:-.02em!important;pointer-events:none!important}

/* News & Events public pages */
.news-page{background:#fff}.news-hero{padding:clamp(58px,6vw,96px) 0 38px;background:linear-gradient(180deg,#f6fbfe,#fff)}
.news-hero h1{margin:0;color:var(--blue);font-size:clamp(50px,5.4vw,86px);line-height:.95;font-weight:800;letter-spacing:-.025em}.news-hero p{max-width:760px;margin:18px 0 0;font-size:20px;line-height:1.45;color:#536875}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:76px}.news-card{border:1px solid #dce9ef;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(19,67,91,.06);transition:transform .18s ease,box-shadow .18s ease}.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(19,67,91,.11)}.news-card-image{display:block;aspect-ratio:16/9;background:#eef6fa;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover}.news-card-body{padding:20px}.news-card-meta{display:flex;gap:10px;flex-wrap:wrap;color:#71838e;font-size:14px;font-weight:600}.news-card-category{color:var(--orange);font-weight:700}.news-card h2{margin:10px 0;font-size:29px;line-height:1.06;color:#1d4358;font-weight:700}.news-card p{margin:0;color:#60727e;font-size:17px;line-height:1.5}.news-card-more{display:inline-block;margin-top:14px;color:var(--blue);font-weight:700;border-bottom:1px solid currentColor}.news-empty{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px dashed #c8dbe5;border-radius:16px;color:#70828d;font-size:19px}
.news-detail-shell{max-width:980px;margin:0 auto;padding:64px 28px 90px}.news-breadcrumb{font-size:15px;color:#73838d;margin-bottom:22px}.news-breadcrumb a{color:var(--blue)}.news-detail-title{font-size:clamp(48px,5.1vw,76px);line-height:.98;margin:0;color:#1d4358;font-weight:800;letter-spacing:-.02em}.news-detail-meta{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 28px;color:#70818b}.news-detail-cover{width:100%;max-height:560px;object-fit:cover;border-radius:18px;margin:0 0 34px;background:#f0f6f9}.news-detail-content{font-size:19px;line-height:1.7;color:#314854}.news-detail-content p{margin:0 0 18px}.news-detail-content ul{padding-left:22px;margin:0 0 20px}.news-detail-content li{margin:7px 0}.news-detail-content h2,.news-detail-content h3{color:#0788c8;margin:34px 0 14px;line-height:1.1}
.admin-news-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #e7eef2}.admin-news-thumb{width:90px;height:62px;border-radius:8px;overflow:hidden;background:#eef5f8}.admin-news-thumb img{width:100%;height:100%;object-fit:cover}
.cms-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:1320px){.site-header .nav-links{font-size:16px!important;gap:18px!important}.vision-mission-original .vm-robot-wrap{top:-78px!important;width:355px!important}.vision-mission-original .vm-title-vision{padding-right:185px!important}.vision-mission-original .vm-title-mission{padding-left:185px!important}}
@media(max-width:1250px){.cms-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1100px){.site-header .nav-links{font-size:15px!important;gap:18px!important}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-mission-original .vm-robot-wrap{top:50%!important;transform:translate(-50%,-50%)!important;width:min(330px,68vw)!important}.vision-mission-original .vm-title-vision{padding-right:0!important}.vision-mission-original .vm-title-mission{padding-left:26px!important}}
@media(max-width:760px){.cms-stat-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:680px){.news-grid{grid-template-columns:1fr}.news-hero p{font-size:18px}.news-detail-shell{padding:40px 20px 70px}.news-detail-content{font-size:18px}.home-store-editable-title{top:22px!important;font-size:clamp(32px,9vw,52px)!important}}

/* ===== FINAL UPDATE / 2026-08-20: NAV + VISION ROBOT + STORE CMS + NEWS CLASSIFICATION ===== */
/* Desktop navigation must remain readable after adding News and Contact dropdowns. */
@media (min-width:1101px){
  .site-header .nav-inner.container{
    width:min(1720px,calc(100% - 40px))!important;max-width:1720px!important;margin-inline:auto!important;
    padding:0!important;display:grid!important;grid-template-columns:250px minmax(0,1fr) 104px!important;
    align-items:center!important;gap:14px!important;position:relative!important;
  }
  .site-header .nav-icons,.site-header .nav-links,.site-header .nav-actions{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    width:auto!important;height:auto!important;
  }
  .site-header .nav-icons{display:flex!important}.site-header .nav-icons-original{width:238px!important}
  .site-header .nav-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:clamp(12px,1.05vw,22px)!important;overflow:visible!important;white-space:nowrap!important;font-size:clamp(16px,.96vw,19px)!important;line-height:1!important;color:rgba(255,255,255,.80)!important}
  .site-header .nav-links>a,.site-header .nav-product,.site-header .nav-product-trigger{flex:0 0 auto!important;min-width:max-content!important}
  .site-header .nav-actions{display:flex!important;justify-content:flex-end!important}
  .site-header .nav-product,.site-header .nav-product-trigger{height:64px!important;min-height:64px!important}
}
.site-header .contact-menu{width:160px!important}
.site-header .contact-menu a{color:#31546a!important}
.site-header .contact-menu a:hover,.site-header .contact-menu a:focus-visible{color:var(--blue)!important}

/* Robot: feet sit exactly on the bottom edge of the blue/orange band;
   the head rises into the title zone like the approved original artwork. */
@media (min-width:981px){
  .vision-mission-original .vm-original-band{min-height:clamp(320px,21vw,405px)!important;overflow:visible!important}
  .vision-mission-original .vm-robot-wrap{
    left:50%!important;top:auto!important;bottom:0!important;transform:translateX(-50%)!important;
    width:clamp(430px,27vw,520px)!important;height:auto!important;z-index:5!important;
  }
  .vision-mission-original .vm-robot-wrap img{display:block!important;width:100%!important;height:auto!important;background:transparent!important}
  .vision-mission-original .vm-panel-left{padding-top:34px!important;padding-bottom:34px!important}
  .vision-mission-original .vm-panel-right{padding-top:34px!important;padding-bottom:34px!important}
}
@media (min-width:1280px){
  .vision-mission-original .vm-original-head{padding-bottom:22px!important}
  .vision-mission-original .vm-title{font-size:clamp(58px,4.25vw,82px)!important}
}
@media (max-width:980px){
  .vision-mission-original .vm-robot-wrap{bottom:auto!important}
}

/* Store map: all independent English copy is real HTML and therefore editable in CMS. */
.home-store-section{position:relative!important;line-height:normal!important}
.home-store-image{position:relative;z-index:1}
.store-editable-overlay{position:absolute;z-index:4;inset:0;pointer-events:none;color:#fff;font-family:var(--font-original)!important}
.store-note{position:absolute;width:14.5%;font-size:clamp(11px,.76vw,15px);line-height:1.35;font-weight:400;white-space:pre-line}
.store-note-left{left:18.4%;top:23.2%}.store-note-right{left:67.3%;top:38.2%}
.store-map-caption-small,.store-map-caption-large{position:absolute;left:11.4%;width:17%;text-align:center;color:#fff}
.store-map-caption-small{top:80.8%;font-size:clamp(18px,1.75vw,34px);font-weight:300;letter-spacing:.02em}
.store-map-caption-large{top:84.2%;font-size:clamp(25px,2.25vw,44px);font-weight:700;letter-spacing:.02em}
.store-geo-label{position:absolute;color:rgba(255,255,255,.9);font-size:clamp(12px,1vw,19px);font-weight:400;letter-spacing:.02em;transform-origin:center;white-space:nowrap}
.store-china{left:35.3%;top:27.2%;transform:rotate(-37deg)}
.store-laos{left:20.6%;top:59.5%;transform:rotate(-30deg)}
.store-cambodia{left:57.2%;top:74.8%;transform:rotate(-31deg)}
.store-gulf{left:64.2%;top:91.4%;transform:rotate(-38deg)}
@media(max-width:680px){
  .store-note{font-size:8px;line-height:1.2}.store-map-caption-small{font-size:12px}.store-map-caption-large{font-size:17px}
  .store-geo-label{display:none}
}

/* Policy page */
.policy-hero{padding:64px 0 30px;background:linear-gradient(180deg,#f2f9fd,#fff)}
.policy-hero h1{margin:0;color:var(--blue);font-size:clamp(46px,5vw,76px);line-height:1;font-weight:800}
.policy-hero p{max-width:780px;margin:18px 0 0;font-size:20px;line-height:1.55;color:#506370}
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:30px;padding-bottom:80px}
.policy-card{border:1px solid #d8e8f0;border-radius:18px;padding:28px;background:#fff;box-shadow:0 10px 30px rgba(16,73,104,.06)}
.policy-card h2{margin:0 0 12px;color:var(--blue);font-size:30px}.policy-card p{margin:0;font-size:18px;line-height:1.55;color:#52656f}
@media(max-width:680px){.policy-grid{grid-template-columns:1fr}.policy-hero{padding-top:42px}.policy-card{padding:22px}}

/* News articles can also be classified into solution pages. */
.solution-news-related{padding:60px 0 22px;background:#f7fbfd}
.solution-news-grid{margin-top:22px}
.solution-news-grid .news-card{background:#fff}
.solution-news-empty{grid-column:1/-1}
.admin-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px}
.admin-check-item{display:flex!important;align-items:center;gap:8px;border:1px solid #c9dce6;border-radius:9px;padding:10px 12px;background:#fff;color:#365161!important;font-weight:700!important}
.admin-check-item input{width:auto!important;margin:0;accent-color:var(--blue)}
.news-solution-level-field small{display:block;margin-top:7px;color:#71838e;line-height:1.45}
@media(max-width:780px){.admin-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* === FINAL MERGED SOLUTIONS + NEWS SEO / MENU STABILITY === */
.site-header .nav{position:relative;z-index:80;overflow:visible}
.site-header .nav-inner.container{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr) 102px;gap:18px;align-items:center;overflow:visible}
.site-header .nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(24px,2.25vw,44px);font-size:clamp(15px,1.02vw,18px);font-weight:700;overflow:visible;white-space:nowrap;min-width:0}
.site-header .nav-links>a,.site-header .nav-product-trigger{position:relative;display:inline-flex;align-items:center;color:rgba(255,255,255,.78)!important;line-height:1.15;text-decoration:none;transition:color .18s ease}
.site-header .nav-links>a:hover,.site-header .nav-links>a:focus-visible,.site-header .nav-product:hover>.nav-product-trigger,.site-header .nav-product:focus-within>.nav-product-trigger{color:#fff!important}
.site-header .nav-links>a::after,.site-header .nav-product-trigger::after,.site-header .product-menu a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.site-header .nav-links>a:hover::after,.site-header .nav-links>a:focus-visible::after,.site-header .nav-product:hover>.nav-product-trigger::after,.site-header .nav-product:focus-within>.nav-product-trigger::after,.site-header .product-menu a:hover::after,.site-header .product-menu a:focus-visible::after{transform:scaleX(1)}
.site-header .nav-links>a.active::after,.site-header .nav-product-trigger.active::after{transform:scaleX(0)!important}
.site-header .nav-product{position:relative;overflow:visible}
.site-header .product-menu{z-index:120;top:calc(100% - 1px);padding:12px 15px;min-width:205px;border:1px solid #d8e7ef;border-top:0;background:#fff;box-shadow:0 16px 34px rgba(19,57,78,.16);overflow:visible}
.site-header .solution-menu{min-width:285px}
.site-header .product-menu a{position:relative;display:block;width:max-content;max-width:100%;padding:8px 0!important;color:#31546a!important;background:transparent!important;line-height:1.25;white-space:nowrap}
.site-header .solution-menu .solution-news-link{margin-top:5px;padding-top:12px!important;border-top:1px solid #e8eff3}
.site-header .nav-icons-original{max-width:100%;height:auto}
@media(max-width:1320px){.site-header .nav-inner.container{grid-template-columns:210px minmax(0,1fr) 92px;gap:12px}.site-header .nav-links{gap:18px;font-size:15px}.site-header .nav-icons-original{width:205px}.site-header .nav-actions img{height:36px}}
@media(max-width:1080px){.site-header .nav-inner.container{display:block}.site-header .nav-icons,.site-header .nav-actions{display:none}.site-header .nav-links{justify-content:flex-start;gap:24px;padding:0 18px;overflow-x:auto;overflow-y:visible;min-height:52px;scrollbar-width:none}.site-header .nav-links::-webkit-scrollbar{display:none}.site-header .nav-product,.site-header .nav-product-trigger{min-height:52px}.site-header .product-menu{position:fixed;top:auto;left:18px;right:18px;width:auto;min-width:0;max-height:65vh;overflow:auto}}

.cms-content-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 24px;padding:6px;background:#eef5f8;border-radius:14px;width:max-content;max-width:100%}
.cms-content-tab{border:0;background:transparent;color:#4e6877;font:inherit;font-weight:800;padding:11px 18px;border-radius:10px;cursor:pointer}.cms-content-tab.active{background:#0788c8;color:#fff;box-shadow:0 6px 16px rgba(7,136,200,.18)}
.cms-content-group{display:none}.cms-content-group.active{display:block}.cms-article-manager-head{margin-bottom:12px}.admin-seo-help{display:block;margin-top:7px;color:#71838e;line-height:1.5}

.article-detail-head{background:linear-gradient(180deg,color-mix(in srgb,var(--article-accent,#0788c8) 8%,#fff),#fff)!important;border-bottom:1px solid color-mix(in srgb,var(--article-accent,#0788c8) 18%,#e8eef2)!important}
.article-breadcrumb{font-size:14px;font-weight:700;color:#72818a;margin-bottom:14px}.article-breadcrumb a{color:var(--article-accent,#0788c8)}
.article-detail-title{color:var(--article-accent,#0788c8)!important;max-width:1040px!important;letter-spacing:-.02em!important}.article-detail-lead{max-width:900px!important;font-size:20px!important;line-height:1.65!important;color:#536975!important}
.article-main{min-width:0}.article-cover{margin-bottom:8px}.article-richtext{max-width:820px;padding-top:34px!important;color:#304a58!important;font-size:18px!important;line-height:1.82!important}
.article-richtext h2,.article-richtext h3{scroll-margin-top:30px;color:var(--article-accent,#0788c8)!important;line-height:1.22}.article-richtext h2{font-size:32px!important;margin:42px 0 14px!important;padding-left:14px;border-left:5px solid var(--article-accent,#0788c8)}.article-richtext h3{font-size:24px;margin:28px 0 10px}.article-richtext p{margin:0 0 20px!important}.article-richtext ul{margin:0 0 24px;padding-left:24px}.article-richtext li{margin:8px 0}
.article-side{border-top:4px solid var(--article-accent,#0788c8)!important}.article-side h3{color:var(--article-accent,#0788c8)!important}.article-toc{display:flex;flex-direction:column;gap:4px}.article-toc a{display:block;padding:8px 0!important;border-bottom:1px solid #edf2f5!important;color:#415b69!important;font-weight:700}.article-toc a.toc-level-3{padding-left:15px!important;font-size:14px;font-weight:600}.article-toc a:hover{color:var(--article-accent,#0788c8)!important}.article-toc-empty{display:block;color:#84939b;font-size:13px;line-height:1.5}.article-side-links{margin-top:24px;padding-top:18px;border-top:1px solid #e7eef2}.article-side-links a{display:block;padding:8px 0;color:#405563;font-weight:700}.article-related-section> .container > h2{color:var(--article-accent,#0788c8)!important}.news-card{--news-accent:#0788c8}.news-card-category,.news-card-more,.news-card h2 a:hover{color:var(--news-accent)!important}.news-card{border-top:3px solid var(--news-accent)}
@media(max-width:900px){.article-richtext{max-width:none}.article-side{position:static!important}.article-detail-lead{font-size:18px!important}}
@media(max-width:680px){.article-richtext{font-size:16.5px!important;line-height:1.75!important}.article-richtext h2{font-size:27px!important}.article-richtext h3{font-size:21px}.article-detail-lead{font-size:16px!important}.cms-content-tabs{width:100%}.cms-content-tab{flex:1}}


/* ===== 2026-08-20 FINAL REFINEMENT: SEPARATE NEWS MENU / ALIGNED HOME / CLICKABLE FOOTER ===== */
/* Main navigation: six first-level items, consistent and never clipped. */
@media (min-width:1081px){
  .site-header .nav-inner.container{
    width:min(1740px,calc(100% - 32px))!important;max-width:1740px!important;
    display:grid!important;grid-template-columns:minmax(205px,240px) minmax(0,1fr) 94px!important;
    gap:12px!important;align-items:center!important;overflow:visible!important;
  }
  .site-header .nav-links{
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:clamp(14px,1.25vw,25px)!important;font-size:clamp(15px,.92vw,17px)!important;
    font-weight:700!important;white-space:nowrap!important;overflow:visible!important;min-width:0!important;
  }
  .site-header .nav-links>a,.site-header .nav-product,.site-header .nav-product-trigger{flex:0 0 auto!important;min-width:max-content!important}
  .site-header .nav-icons-original{width:min(230px,100%)!important}
  .site-header .nav-actions{display:flex!important;justify-content:flex-end!important}
}
.site-header .nav-news-link{position:relative!important;display:inline-flex!important;align-items:center!important;color:rgba(255,255,255,.82)!important;text-decoration:none!important;line-height:1.15!important}
.site-header .nav-news-link:hover,.site-header .nav-news-link:focus-visible{color:#fff!important}
.site-header .nav-news-link::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.site-header .nav-news-link:hover::after,.site-header .nav-news-link:focus-visible::after{transform:scaleX(1)}
.site-header .solution-menu .solution-news-link{display:none!important}
@media(max-width:1280px) and (min-width:1081px){
  .site-header .nav-inner.container{grid-template-columns:195px minmax(0,1fr) 88px!important;gap:8px!important}
  .site-header .nav-links{gap:13px!important;font-size:14px!important}
  .site-header .nav-icons-original{width:190px!important}
}

/* Vision / mission: titles form two equal columns around the robot, perfectly level. */
@media(min-width:981px){
  .vision-mission-original .vm-original-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) clamp(430px,27vw,520px) minmax(0,1fr)!important;
    align-items:end!important;column-gap:0!important;padding:0 0 20px!important;max-width:1720px!important;width:min(94%,1720px)!important;
  }
  .vision-mission-original .vm-title{padding:0!important;margin:0!important;text-align:center!important;line-height:.92!important}
  .vision-mission-original .vm-title-vision{grid-column:1!important}
  .vision-mission-original .vm-title-mission{grid-column:3!important}
  .vision-mission-original .vm-original-band{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:390px!important}
  .vision-mission-original .vm-panel-left{padding-left:clamp(42px,5vw,92px)!important;padding-right:clamp(245px,15vw,300px)!important}
  .vision-mission-original .vm-panel-right{padding-left:clamp(245px,15vw,300px)!important;padding-right:clamp(42px,5vw,92px)!important}
}

/* Store system: lock every editable overlay to the map's own aspect-ratio coordinate system. */
.home-store-section{position:relative!important;width:100%!important;margin:0!important;padding:0!important;background:#1188c5!important;overflow:hidden!important}
.home-store-image{display:block!important;width:100%!important;height:auto!important;margin:0!important}
.home-store-editable-title{top:5.4%!important;left:50%!important;transform:translateX(-50%)!important;width:72%!important;text-align:center!important}
.store-editable-overlay{inset:0!important}
.store-note-left{left:18.2%!important;top:23.1%!important}.store-note-right{left:67.1%!important;top:38.1%!important}
.store-map-caption-small{left:11.3%!important;top:80.5%!important}.store-map-caption-large{left:11.3%!important;top:84.0%!important}
.store-china{left:35.1%!important;top:27.0%!important}.store-laos{left:20.5%!important;top:59.3%!important}.store-cambodia{left:57.0%!important;top:74.6%!important}.store-gulf{left:64.0%!important;top:91.0%!important}

/* Footer social icons are now real keyboard-accessible links while preserving the original artwork. */
.pdf-footer{position:relative!important}
.pdf-footer-visual{position:relative!important;line-height:0!important}
.footer-social-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}
.footer-social-hotspot{position:absolute;top:70.1%;width:5.4%;aspect-ratio:1;border-radius:50%;pointer-events:auto;display:block;text-decoration:none;outline:0;transition:box-shadow .16s ease,transform .16s ease;background:transparent}
.footer-social-hotspot:hover,.footer-social-hotspot:focus-visible{box-shadow:0 0 0 4px rgba(255,255,255,.94),0 6px 20px rgba(0,0,0,.22);transform:translateY(-2px)}
.footer-social-facebook{left:8.1%}.footer-social-instagram{left:14.8%}.footer-social-twitter{left:21.5%}.footer-social-pinterest{left:28.2%}.footer-social-whatsapp{left:34.9%}.footer-social-youtube{left:41.6%}
@media(max-width:680px){
  .footer-social-hotspot{top:72.7%;width:9.8%}
  .footer-social-facebook{left:9.0%}.footer-social-instagram{left:22.0%}.footer-social-twitter{left:35.0%}.footer-social-pinterest{left:48.0%}.footer-social-whatsapp{left:61.0%}.footer-social-youtube{left:74.0%}
}

/* Unified article manager: solution articles are a category inside News. */
.cms-article-manager-head + .cms-integrated-manager{margin-top:20px}


/* === FINAL5: robot / original store English typography / article SEO sidebar & comments === */
@media (min-width:981px){
  .vision-mission-original{overflow:visible!important;padding-bottom:clamp(130px,7.2vw,155px)!important}
  .vision-mission-original .vm-original-head{grid-template-columns:minmax(0,1fr) clamp(540px,30vw,590px) minmax(0,1fr)!important;align-items:center!important;padding-bottom:18px!important;min-height:96px!important}
  .vision-mission-original .vm-title{font-size:clamp(58px,4.05vw,78px)!important;line-height:.92!important}
  .vision-mission-original .vm-original-band{min-height:390px!important;overflow:visible!important}
  .vision-mission-original .vm-robot-wrap{width:clamp(530px,30vw,590px)!important;left:50%!important;top:auto!important;bottom:-72px!important;transform:translateX(-50%)!important;z-index:8!important}
  .vision-mission-original .vm-panel-left{padding-right:clamp(300px,17.2vw,340px)!important}
  .vision-mission-original .vm-panel-right{padding-left:clamp(300px,17.2vw,340px)!important}
}
@media (min-width:1500px){.vision-mission-original .vm-robot-wrap{width:590px!important;bottom:-78px!important}}

/* Exact coordinate system copied from the original 1920x1488 store artwork. */
.store-editable-overlay{font-family:var(--font-original)!important}
.store-note{width:11.8%!important;font-size:clamp(9px,.69vw,13.5px)!important;line-height:1.35!important;font-weight:400!important;letter-spacing:0!important}
.store-note-left{left:18.45%!important;top:22.55%!important}
.store-note-right{left:67.72%!important;top:38.58%!important;width:11.3%!important}
.store-map-caption-small{left:12.78%!important;top:80.82%!important;width:8.5%!important;text-align:left!important;font-size:clamp(17px,1.55vw,30px)!important;font-weight:300!important;letter-spacing:.02em!important}
.store-map-caption-large{left:11.15%!important;top:83.86%!important;width:13.5%!important;text-align:left!important;font-size:clamp(25px,2.12vw,41px)!important;font-weight:700!important;letter-spacing:.01em!important}
.store-geo-label{font-size:clamp(11px,.84vw,16px)!important;font-weight:300!important;letter-spacing:.02em!important;line-height:1!important;color:rgba(255,255,255,.84)!important}
.store-china{left:35.15%!important;top:27.68%!important;transform:rotate(-39deg)!important}
.store-laos{left:20.84%!important;top:59.27%!important;transform:rotate(-35deg)!important}
.store-cambodia{left:58.48%!important;top:74.66%!important;transform:rotate(-35deg)!important}
.store-gulf{left:65.3%!important;top:93.55%!important;width:9%!important;white-space:pre-line!important;text-align:center!important;line-height:.95!important;transform:rotate(-36deg)!important;transform-origin:left top!important}

.article-detail-layout{grid-template-columns:minmax(0,1fr) 330px!important;gap:54px!important;align-items:start!important}
.article-main{max-width:none!important}.article-richtext{max-width:860px!important}
.article-side{position:sticky!important;top:28px!important;border:1px solid #dce8ee!important;border-top:4px solid var(--article-accent,#0788c8)!important;border-radius:14px!important;padding:22px!important;background:#fff!important;box-shadow:0 10px 28px rgba(17,68,96,.07)!important}
.article-side>div+div{margin-top:26px;padding-top:22px;border-top:1px solid #e7eef2}.article-side h3{margin:0 0 14px!important;font-size:21px!important;line-height:1.1!important;color:var(--article-accent,#0788c8)!important}
.article-topic-list{display:flex;flex-direction:column;gap:2px}.article-topic-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #edf2f5;color:#405967;font-weight:700;text-decoration:none}.article-topic-list a:hover{color:var(--article-accent,#0788c8)}.article-topic-list b{min-width:26px;height:26px;border-radius:13px;background:#eef5f8;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#63808f}
.article-related-mini{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f5;text-decoration:none;color:#3f5866}.article-related-mini img{width:76px;height:58px;object-fit:cover;border-radius:8px;background:#edf3f6}.article-related-mini strong{display:block;font-size:15px;line-height:1.25;color:#294758}.article-related-mini:hover strong{color:var(--article-accent,#0788c8)}.article-related-mini small{display:block;margin-top:5px;color:#82929b;font-size:12px}.article-side-empty{font-size:14px;color:#84949d}

.article-comments{margin-top:54px;padding-top:34px;border-top:1px solid #dfe9ee;max-width:860px}.article-comments h2{margin:0 0 8px;color:var(--article-accent,#0788c8);font-size:32px;line-height:1.1}.article-comment-intro{margin:0 0 24px;color:#6a7e89;font-size:16px}.article-comment-list:empty{display:none}.article-comment-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid #e7eef2}.article-comment-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--article-accent,#0788c8);color:#fff;font-weight:800;font-size:20px}.article-comment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.article-comment-head time{font-size:12px;color:#8a989f}.article-comment-item p{margin:0;color:#455e6b;line-height:1.55}
.article-comment-form{margin-top:24px;padding:24px;border:1px solid #dbe7ed;border-radius:14px;background:#f9fcfd}.article-comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-comment-form label{display:block;margin-bottom:16px}.article-comment-form label span{display:block;margin-bottom:7px;font-weight:700;color:#3d5968}.article-comment-form input,.article-comment-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbdde6;border-radius:8px;background:#fff;padding:12px 13px;font:inherit;color:#294552;outline:none}.article-comment-form input:focus,.article-comment-form textarea:focus{border-color:var(--article-accent,#0788c8);box-shadow:0 0 0 3px color-mix(in srgb,var(--article-accent,#0788c8) 14%,transparent)}.article-comment-form button{border:0;border-radius:8px;background:var(--article-accent,#0788c8);color:#fff;padding:12px 24px;font:inherit;font-weight:800;cursor:pointer}.article-comment-status{margin-top:12px;color:#3f6d52;font-weight:700;font-size:14px}
@media(max-width:980px){.article-detail-layout{grid-template-columns:1fr!important}.article-side{position:static!important}.article-richtext,.article-comments{max-width:none!important}}
@media(max-width:680px){.article-comment-fields{grid-template-columns:1fr}.article-comment-form{padding:18px}.article-comments h2{font-size:27px}.store-gulf{top:93.2%!important}}

/* === ASSISTANT1: scalable store frame, real social-logo buttons, pulsing quick actions, AI assistant === */
/* MAP OF VIETNAM frame: the four corner strokes now scale to the full height of both English lines, matching the PDF artwork. */
.store-map-frame{
  position:absolute;left:8.75%!important;top:78.55%!important;width:15.7%!important;height:10.4%!important;
  z-index:3;pointer-events:none;font-family:var(--font-original)!important;
}
.store-map-frame .store-map-caption-small,.store-map-frame .store-map-caption-large{position:absolute!important;left:0!important;width:100%!important;text-align:center!important}
.store-map-frame .store-map-caption-small{top:13%!important;font-size:clamp(17px,1.55vw,30px)!important;font-weight:300!important}
.store-map-frame .store-map-caption-large{top:43%!important;font-size:clamp(25px,2.12vw,41px)!important;font-weight:700!important}
.store-corner{position:absolute;width:17%;height:27%;border-color:#0a5c91;border-style:solid;border-width:0;opacity:.95}
.store-corner.tl{left:0;top:0;border-left-width:2px;border-top-width:2px}.store-corner.tr{right:0;top:0;border-right-width:2px;border-top-width:2px}
.store-corner.bl{left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}.store-corner.br{right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}
@media(max-width:680px){.store-map-frame{left:7.2%!important;top:78.2%!important;width:21%!important;height:11.5%!important}.store-corner{border-width:0}.store-corner.tl{border-left-width:1px;border-top-width:1px}.store-corner.tr{border-right-width:1px;border-top-width:1px}.store-corner.bl{border-left-width:1px;border-bottom-width:1px}.store-corner.br{border-right-width:1px;border-bottom-width:1px}}

/* The footer buttons are actual image elements cut from the original brand-logo artwork, not transparent hotspots. */
.footer-social-buttons{position:absolute;inset:0;z-index:6;pointer-events:none}
.footer-social-button{position:absolute;top:74.65%;width:5.75%;aspect-ratio:1;border-radius:50%;pointer-events:auto;display:block;text-decoration:none;outline:0;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.footer-social-button img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.footer-social-button:hover,.footer-social-button:focus-visible{transform:translateY(-4px) scale(1.08);filter:brightness(1.04);box-shadow:0 8px 22px rgba(0,0,0,.22);outline:none}
.footer-social-facebook{left:8.35%}.footer-social-instagram{left:15.18%}.footer-social-twitter{left:21.95%}.footer-social-pinterest{left:28.77%}.footer-social-whatsapp{left:35.60%}.footer-social-youtube{left:42.42%}
.footer-social-hotspots{display:none!important}
@media(max-width:680px){
  .footer-social-button{top:72.2%;width:11.9%}
  .footer-social-facebook{left:8.1%}.footer-social-instagram{left:21.15%}.footer-social-twitter{left:34.2%}.footer-social-pinterest{left:47.25%}.footer-social-whatsapp{left:60.3%}.footer-social-youtube{left:73.35%}
}

/* Soft attention pulse used by common ecommerce floating-contact widgets. */
.global-quick-action{position:relative;overflow:visible!important}
.global-quick-action::before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid currentColor;opacity:0;pointer-events:none;animation:quick-contact-pulse 2.6s ease-out infinite}
.global-quick-sale::before{animation-delay:0s}.global-quick-zalo::before{animation-delay:.55s}.global-quick-phone::before{animation-delay:1.1s}.global-quick-assistant::before{animation-delay:1.65s}
@keyframes quick-contact-pulse{0%,58%{transform:scale(.92);opacity:0}64%{opacity:.42}100%{transform:scale(1.32);opacity:0}}
@media(prefers-reduced-motion:reduce){.global-quick-action::before{animation:none!important}}
.global-quick-assistant{border:2px solid rgba(255,255,255,.96);background:linear-gradient(145deg,#635bff,#0788c8);color:#fff;cursor:pointer;font-size:10px;padding:0}
.global-quick-assistant svg{width:27px;height:27px}.global-quick-assistant span{font-size:9px;font-weight:800;letter-spacing:.06em}

.virtual-assistant-panel{position:fixed;right:88px;bottom:22px;z-index:10020;width:min(390px,calc(100vw - 112px));height:min(590px,calc(100vh - 44px));background:#fff;border:1px solid #d8e5ec;border-radius:20px;box-shadow:0 22px 60px rgba(8,48,76,.28);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease,visibility .2s}
.virtual-assistant-panel.open{opacity:1;visibility:visible;transform:none}
.virtual-assistant-head{background:linear-gradient(135deg,#0788c8,#635bff);color:#fff;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.virtual-assistant-head b{display:block;font-size:20px;line-height:1}.virtual-assistant-head small{display:block;margin-top:5px;opacity:.86;font-size:12px}
.virtual-assistant-close{border:0;background:rgba(255,255,255,.15);color:#fff;width:34px;height:34px;border-radius:50%;font-size:25px;line-height:1;cursor:pointer}
.virtual-assistant-messages{flex:1;overflow:auto;padding:16px;background:#f6fafc;display:flex;flex-direction:column;gap:11px}
.virtual-message{max-width:84%;padding:10px 12px;border-radius:14px;font-size:15px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.virtual-message.assistant{align-self:flex-start;background:#fff;color:#294957;border:1px solid #dce9ef;border-bottom-left-radius:5px}.virtual-message.user{align-self:flex-end;background:#067dc2;color:#fff;border-bottom-right-radius:5px}.virtual-message.typing{color:#718792;font-style:italic}
.virtual-assistant-form{display:grid;grid-template-columns:1fr 44px;gap:9px;padding:11px;border-top:1px solid #e2ebef;background:#fff}
.virtual-assistant-form textarea{resize:none;max-height:100px;border:1px solid #cbdce4;border-radius:12px;padding:11px 12px;font:inherit;line-height:1.35;outline:none}.virtual-assistant-form textarea:focus{border-color:#0788c8;box-shadow:0 0 0 3px rgba(7,136,200,.10)}
.virtual-assistant-form button{border:0;border-radius:12px;background:#0788c8;color:#fff;font-size:20px;cursor:pointer}.virtual-assistant-form button:disabled{opacity:.5;cursor:wait}
.virtual-assistant-foot{padding:7px 11px 9px;text-align:center;color:#80939d;background:#fff;font-size:10.5px}
@media(max-width:680px){.virtual-assistant-panel{right:10px;left:10px;bottom:78px;width:auto;height:min(560px,calc(100vh - 100px));border-radius:17px}.global-quick-assistant span{font-size:8px}}
@media print{.virtual-assistant-panel{display:none!important}}
/* precise footer logo overlay coordinates after extracting exact 96/97px brand circles from the source artwork */
.footer-social-button{top:74.642857%!important;width:5.052084%!important}
.footer-social-facebook{left:8.697917%!important}.footer-social-instagram{left:15.520833%!important}.footer-social-twitter{left:22.291667%!important}.footer-social-pinterest{left:29.114583%!important}.footer-social-whatsapp{left:35.9375%!important}.footer-social-youtube{left:42.760417%!important}
@media(max-width:680px){.footer-social-button{top:72.84%!important;width:10.0%!important}.footer-social-facebook{left:9.1%!important}.footer-social-instagram{left:22.15%!important}.footer-social-twitter{left:35.2%!important}.footer-social-pinterest{left:48.25%!important}.footer-social-whatsapp{left:61.3%!important}.footer-social-youtube{left:74.35%!important}}
@media(max-width:680px){.footer-social-button{top:72.973%!important;width:9.6053%!important}.footer-social-facebook{left:9.3421%!important}.footer-social-instagram{left:22.5%!important}.footer-social-twitter{left:35.6579%!important}.footer-social-pinterest{left:48.6842%!important}.footer-social-whatsapp{left:61.8421%!important}.footer-social-youtube{left:75%!important}}
.global-quick-assistant span{max-width:50px;text-align:center;white-space:normal;line-height:1.02;font-size:8px!important;letter-spacing:0!important}


/* ===== 2026-08-21 NAV CENTER + NEWS TOPIC SIDEBAR + SOURCE-AWARE BACK ===== */
/* The approved PDF centers the text menu independently of the STEM icons/actions. */
@media (min-width:1081px){
  .site-header .nav-inner.container{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:min(1740px,calc(100% - 40px))!important;
    max-width:1740px!important;
    min-height:64px!important;
    padding:0!important;
    margin-inline:auto!important;
    overflow:visible!important;
  }
  .site-header .nav-icons{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    flex:0 0 238px!important;width:238px!important;display:flex!important;align-items:center!important;z-index:2!important;
  }
  .site-header .nav-icons-original{width:232px!important;max-width:100%!important}
  .site-header .nav-actions{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    flex:0 0 96px!important;width:96px!important;display:flex!important;justify-content:flex-end!important;z-index:2!important;
  }
  .site-header .nav-links{
    position:absolute!important;left:50%!important;right:auto!important;top:0!important;bottom:0!important;
    transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100% - 400px)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:clamp(13px,1.05vw,23px)!important;font-size:clamp(14px,.9vw,17px)!important;
    line-height:1!important;white-space:nowrap!important;overflow:visible!important;z-index:4!important;
  }
  .site-header .nav-links>a,.site-header .nav-product,.site-header .nav-product-trigger{flex:0 0 auto!important;min-width:max-content!important}
}
@media (min-width:1081px) and (max-width:1280px){
  .site-header .nav-icons{flex-basis:200px!important;width:200px!important}.site-header .nav-icons-original{width:194px!important}
  .site-header .nav-actions{flex-basis:82px!important;width:82px!important}
  .site-header .nav-links{gap:11px!important;font-size:13.5px!important;max-width:calc(100% - 310px)!important}
}

/* News index: topic navigation sits on the LEFT, articles on the right. */
.news-index-layout{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:38px;align-items:start;padding-top:54px;padding-bottom:86px}
.news-topic-sidebar{min-width:0}
.news-topic-sidebar-inner{position:sticky;top:20px;border:1px solid #dbe7ed;border-top:5px solid var(--blue);border-radius:14px;background:#fff;padding:22px 20px;box-shadow:0 10px 28px rgba(19,57,78,.07)}
.news-topic-sidebar h2{margin:0 0 16px;color:var(--blue);font-size:25px;line-height:1.05;font-weight:800}
.news-index-topics{display:flex;flex-direction:column}
.news-index-topics a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 4px;border-bottom:1px solid #edf2f5;color:#405967;font-weight:700;text-decoration:none;transition:color .16s ease,padding-left .16s ease}
.news-index-topics a:hover,.news-index-topics a:focus-visible,.news-index-topics a.is-active{color:var(--blue);padding-left:8px}
.news-index-topics a.is-active{font-weight:900}
.news-index-topics b{min-width:28px;height:28px;padding:0 7px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#eef7fb;color:#5f7e8d;font-size:13px}
.news-index-topics a.is-active b{background:var(--blue);color:#fff}
.news-index-grid{margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important;padding:0!important}
.news-index-grid .news-empty{grid-column:1/-1}
@media(max-width:980px){
  .news-index-layout{grid-template-columns:1fr;gap:24px;padding-top:34px}
  .news-topic-sidebar-inner{position:static}
  .news-index-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .news-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .news-index-layout{padding-left:18px;padding-right:18px}
  .news-index-topics{grid-template-columns:1fr}
  .news-index-grid{grid-template-columns:1fr!important}
}

/* Article back button always points to the actual source page encoded in the article URL. */
.article-back-button{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--article-accent,var(--blue));font-weight:900;font-size:15px;letter-spacing:.02em;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:4px}
.article-back-button:hover,.article-back-button:focus-visible{border-bottom-color:currentColor}


/* ===== 2026-08-21 PDF PRECISION 2: HEADER / STORE / NEWS SIDEBAR / ADMIN ICONS ===== */
/* Desktop header follows the 1920px PDF: STEM icons begin ~x170; menu block is right-biased and ends before cart/account. */
@media (min-width:1201px){
  .site-header .nav{height:clamp(64px,4.6875vw,90px)!important;overflow:visible!important}
  .site-header .nav-inner.container{
    position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;
  }
  .site-header .nav-icons{
    position:absolute!important;left:8.854167vw!important;top:50%!important;transform:translateY(-50%)!important;width:17.786458vw!important;max-width:342px!important;height:auto!important;display:block!important;z-index:3!important;
  }
  .site-header .nav-icons-original{display:block!important;width:100%!important;max-width:none!important;height:auto!important}
  .site-header .nav-actions{
    position:absolute!important;right:8.229167vw!important;top:50%!important;transform:translateY(-50%)!important;height:min(3.072917vw,59px)!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;z-index:5!important;
  }
  .site-header .nav-actions a{display:block!important;height:100%!important;width:auto!important}
  .site-header .nav-actions img,.site-header .nav-action-cart img,.site-header .nav-action-account img{display:block!important;height:100%!important;width:auto!important;max-width:none!important}
  .site-header .nav-links{
    position:absolute!important;left:auto!important;right:18.1vw!important;top:0!important;bottom:auto!important;transform:none!important;width:max-content!important;max-width:none!important;height:100%!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(16px,1.05vw,22px)!important;padding:0!important;margin:0!important;overflow:visible!important;white-space:nowrap!important;
    font-size:clamp(14px,.885417vw,17px)!important;font-weight:700!important;line-height:1!important;z-index:4!important;
  }
  .site-header .nav-links>a,.site-header .nav-product,.site-header .nav-product-trigger{flex:0 0 auto!important;min-width:max-content!important;height:100%!important;min-height:0!important}
  .site-header .nav-product{display:flex!important;align-items:center!important}
  .site-header .nav-product-trigger{display:flex!important;align-items:center!important}
  .site-header .product-menu{top:100%!important}
}
@media (min-width:1201px) and (max-width:1599px){
  .site-header .nav-links{right:14.6vw!important;gap:11px!important;font-size:13.5px!important}
  .site-header .nav-icons{left:6.8vw!important;width:19vw!important}
  .site-header .nav-actions{right:5.8vw!important}
}
/* Admin must always show the approved cart/account artwork at the same proportions as the public header. */
.cms-admin-body .site-header .nav-action-cart img,.cms-admin-body .site-header .nav-action-account img{object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* News index: article list LEFT, topic sidebar RIGHT. */
.news-index-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,280px)!important;gap:38px!important;align-items:start!important;padding-top:54px!important;padding-bottom:86px!important}
.news-index-grid{grid-column:1!important;grid-row:1!important}
.news-topic-sidebar{grid-column:2!important;grid-row:1!important;min-width:0!important}
@media(max-width:980px){.news-index-layout{grid-template-columns:1fr!important;gap:24px!important;padding-top:34px!important}.news-index-grid,.news-topic-sidebar{grid-column:1!important;grid-row:auto!important}.news-topic-sidebar{order:2!important}.news-topic-sidebar-inner{position:static!important}}

/* Inline images inserted from CMS article editor. */
.admin-inline-image-tools{margin-top:14px;padding:14px;border:1px dashed #9bc7dd;border-radius:12px;background:#f6fbfe;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;align-items:end}
.admin-inline-image-tools>div{display:flex;flex-direction:column;gap:6px}.admin-inline-image-tools label{font-size:13px;font-weight:850;color:#415766}.admin-inline-image-tools input{width:100%;box-sizing:border-box;border:1px solid #bfd2dc;border-radius:9px;padding:9px 10px;background:#fff;font:inherit}.admin-inline-image-tools .admin-btn{width:max-content;max-width:100%}.admin-inline-image-tools small{grid-column:1/-1}
.article-inline-image{margin:30px 0 34px!important;padding:0!important}.article-inline-image img{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:14px;background:#f7fafc;border:1px solid #e1eaef}.article-inline-image figcaption{margin-top:8px;text-align:center;color:#738590;font-size:14px;font-style:italic;line-height:1.4}
@media(max-width:680px){.admin-inline-image-tools{grid-template-columns:1fr}.admin-inline-image-tools small{grid-column:auto}.article-inline-image{margin:22px 0 26px!important}}

/* Store map overlay reconstructed from exact text bounding boxes in the approved 1920x1488 artwork. */
.home-store-section{position:relative!important;background:#1188c5!important;overflow:hidden!important;line-height:normal!important}
.home-store-image{display:block!important;width:100%!important;height:auto!important;margin:0!important;position:relative!important;z-index:1!important}
.home-store-editable-title{left:50%!important;top:5.38%!important;transform:translateX(-50%)!important;width:50%!important;margin:0!important;text-align:center!important;color:#fff!important;font-size:clamp(52px,5vw,96px)!important;line-height:.94!important;font-weight:800!important;letter-spacing:-.025em!important;z-index:5!important}
.store-editable-overlay{position:absolute!important;z-index:4!important;inset:0!important;pointer-events:none!important;color:#fff!important;font-family:var(--font-original)!important}
.store-note{position:absolute!important;font-size:clamp(10px,.73vw,14px)!important;line-height:1.35!important;font-weight:400!important;white-space:pre-line!important;text-align:left!important}
.store-note-left{left:18.125%!important;top:22.11%!important;width:11.77%!important}
.store-note-right{left:66.51%!important;top:38.17%!important;width:12.66%!important}
/* Bracket strokes are already preserved in the clean map image; do not draw a second set. */
.store-map-frame{position:absolute!important;left:10.83%!important;top:80.44%!important;width:10.73%!important;height:6.32%!important;z-index:3!important;pointer-events:none!important}
.store-corner{display:none!important}
.store-map-frame .store-map-caption-small,.store-map-frame .store-map-caption-large{position:absolute!important;left:0!important;width:100%!important;text-align:center!important;color:#fff!important;transform:none!important}
.store-map-frame .store-map-caption-small{top:7%!important;font-size:clamp(17px,1.48vw,28px)!important;line-height:1!important;font-weight:300!important;letter-spacing:.01em!important}
.store-map-frame .store-map-caption-large{top:54%!important;font-size:clamp(25px,1.95vw,37px)!important;line-height:1!important;font-weight:700!important;letter-spacing:.01em!important}
.store-geo-label{position:absolute!important;color:rgba(255,255,255,.93)!important;font-size:clamp(12px,.89vw,17px)!important;font-weight:400!important;letter-spacing:.02em!important;white-space:pre-line!important;transform-origin:center!important;text-align:center!important}
.store-china{left:36.875%!important;top:28.965%!important;transform:translate(-50%,-50%) rotate(-37deg)!important}
.store-laos{left:22.34%!important;top:60.45%!important;transform:translate(-50%,-50%) rotate(-30deg)!important}
.store-cambodia{left:61.22%!important;top:76.71%!important;transform:translate(-50%,-50%) rotate(-31deg)!important}
.store-gulf{left:68.20%!important;top:96.24%!important;transform:translate(-50%,-50%) rotate(-38deg)!important;line-height:1.05!important}
@media(max-width:680px){
  .home-store-editable-title{top:5.0%!important;width:72%!important;font-size:clamp(30px,8.8vw,50px)!important}
  .store-note{font-size:7px!important}.store-geo-label{display:none!important}
  .store-map-frame{left:10.83%!important;top:80.44%!important;width:13.5%!important;height:7.2%!important}
  .store-map-frame .store-map-caption-small{font-size:10px!important}.store-map-frame .store-map-caption-large{font-size:14px!important}
}


/* ===== 2026-08-21 FINAL PRECISION 3: PDF-ALIGNED NAV + COMPACT DROPDOWNS + STORE LEADER ===== */
/* On the 1920px approved PDF, the text menu runs directly below the Search box:
   search x = 41.6667% and width = 39.9479%. Keep the navigation on that same axis. */
@media (min-width:1201px){
  .site-header .nav-inner.container{
    position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;
    min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;
  }
  .site-header .nav-icons{
    position:absolute!important;left:8.854167vw!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;
    width:17.786458vw!important;max-width:342px!important;height:auto!important;display:block!important;z-index:3!important;
  }
  .site-header .nav-actions{
    position:absolute!important;right:8.229167vw!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;
    height:min(3.072917vw,59px)!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;z-index:5!important;
  }
  .site-header .nav-links{
    position:absolute!important;left:41.666667vw!important;right:auto!important;top:0!important;bottom:auto!important;transform:none!important;
    width:39.947917vw!important;max-width:767px!important;height:100%!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;
    padding:0!important;margin:0!important;overflow:visible!important;white-space:nowrap!important;
    font-family:var(--font-original)!important;font-size:clamp(14px,1.041667vw,20px)!important;font-weight:700!important;line-height:1!important;z-index:4!important;
  }
  .site-header .nav-links>a,.site-header .nav-product,.site-header .nav-product-trigger{
    flex:0 0 auto!important;min-width:max-content!important;
  }
  .site-header .nav-product{height:100%!important;display:flex!important;align-items:center!important;position:relative!important}
  .site-header .nav-product-trigger{height:100%!important;display:flex!important;align-items:center!important}

  /* Compact dropdowns: no oversized white padding around the labels. */
  .site-header .product-menu{
    top:100%!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    width:max-content!important;min-width:150px!important;max-width:min(330px,80vw)!important;
    padding:5px 6px!important;border:1px solid #cfe0e9!important;border-top:0!important;border-radius:0 0 6px 6px!important;
    background:#fff!important;box-shadow:0 10px 22px rgba(20,62,84,.13)!important;
  }
  .site-header .solution-menu{min-width:232px!important}
  .site-header .contact-menu{min-width:132px!important}
  .site-header .product-menu a{
    display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:5px 8px!important;
    font-size:clamp(14px,.833333vw,16px)!important;line-height:1.08!important;font-weight:500!important;white-space:nowrap!important;
  }
  .site-header .product-menu a::after{left:8px!important;right:8px!important;bottom:2px!important;height:1px!important}
}

/* Restore the exact right-hand map annotation geometry from the approved PDF.
   The dotted leader is part of home-store-map-editable-v3.png and begins at the same height as the English note. */
.store-note-right{
  left:67.8125%!important;top:38.78%!important;width:11.35%!important;padding:0!important;box-sizing:border-box!important;
}


/* Small-screen navigation remains scrollable instead of squeezing labels. */
@media (max-width:1200px){
  .site-header .nav-links{font-size:15px!important;gap:22px!important}
  .site-header .product-menu{padding:5px 7px!important}
  .site-header .product-menu a{padding:6px 8px!important}
}


/* ===== 2026-08-21 SUBMENU PDF MATCH + ARTICLE SIDEBAR ALIGNED WITH TITLE ===== */
/* Product submenu follows the approved PDF (page 2): white panel directly under
   the parent label, blue hairline border, compact but readable rows, category colors. */
@media (min-width:1201px){
  .site-header .product-menu,
  .site-header .solution-menu{
    top:100%!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:14px 22px 16px!important;
    border:1px solid #0788c8!important;
    border-top:0!important;
    border-radius:0 0 7px 7px!important;
    background:#fff!important;
    box-shadow:0 8px 18px rgba(14,75,109,.10)!important;
  }
  .site-header .product-menu{width:250px!important;min-width:250px!important;max-width:250px!important}
  .site-header .solution-menu{width:315px!important;min-width:315px!important;max-width:315px!important}
  .site-header .contact-menu{width:178px!important;min-width:178px!important;max-width:178px!important;padding:12px 18px 14px!important}
  .site-header .product-menu a,
  .site-header .solution-menu a,
  .site-header .contact-menu a{
    position:relative!important;
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:8px 0 9px!important;
    background:transparent!important;
    font-family:var(--font-original)!important;
    font-size:clamp(20px,1.25vw,24px)!important;
    font-weight:400!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  .site-header .solution-menu a{font-size:clamp(18px,1.06vw,21px)!important;padding:7px 0 8px!important}
  .site-header .contact-menu a{font-size:clamp(18px,1.02vw,20px)!important;padding:7px 0 8px!important}
  .site-header .product-menu a::after,
  .site-header .solution-menu a::after,
  .site-header .contact-menu a::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:4px!important;
    height:1px!important;
    background:currentColor!important;
    transform:scaleX(0)!important;
    transform-origin:left center!important;
    transition:transform .14s ease!important;
  }
  .site-header .product-menu a:hover,
  .site-header .product-menu a:focus-visible,
  .site-header .solution-menu a:hover,
  .site-header .solution-menu a:focus-visible,
  .site-header .contact-menu a:hover,
  .site-header .contact-menu a:focus-visible{
    background:transparent!important;
    text-decoration:none!important;
  }
  .site-header .product-menu a:hover::after,
  .site-header .product-menu a:focus-visible::after,
  .site-header .solution-menu a:hover::after,
  .site-header .solution-menu a:focus-visible::after,
  .site-header .contact-menu a:hover::after,
  .site-header .contact-menu a:focus-visible::after{transform:scaleX(1)!important}
}

/* On article detail pages the right rail begins on the same horizontal line as H1.
   Back/breadcrumb/meta stay above; title/content form the left column and the sidebar
   occupies the right column from the title row onward. */
.article-detail-shell{
  background:linear-gradient(180deg,color-mix(in srgb,var(--article-accent,#0788c8) 8%,#fff),#fff 330px)!important;
  border-bottom:1px solid color-mix(in srgb,var(--article-accent,#0788c8) 18%,#e8eef2)!important;
  padding:42px 0 74px!important;
}
.article-detail-shell-inner{position:relative!important}
.article-detail-meta{margin:0 0 16px!important}
.article-detail-layout-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  gap:54px!important;
  align-items:start!important;
  padding:0!important;
  margin:0!important;
}
.article-main-column{min-width:0!important}
.article-title-block{margin:0 0 24px!important;padding:0!important}
.article-title-block .article-detail-title{margin:0 0 14px!important;max-width:900px!important}
.article-title-block .article-detail-lead{margin:0!important;max-width:860px!important}
.article-main-column .article-cover{margin:10px 0 0!important}
.article-main-column .article-richtext{padding-top:30px!important}
.article-side-at-title{align-self:start!important;margin-top:0!important;top:24px!important}
@media(max-width:980px){
  .article-detail-shell{padding:30px 0 54px!important}
  .article-detail-layout-top{grid-template-columns:1fr!important;gap:28px!important}
  .article-side-at-title{position:static!important;order:2!important}
}

/* ===== 2026-08-21 PDF SUBMENU GEOMETRY FINAL ===== */
/* Measured from approved PDF page 2 at 1920px: submenu ≈234px wide and begins
   inside the lower third of the 90px blue nav bar (about 32px overlap). */
@media (min-width:1201px){
  .site-header .product-menu,
  .site-header .solution-menu,
  .site-header .contact-menu{
    top:64%!important;
    border-top:1px solid #0788c8!important;
    border-radius:6px!important;
  }
  .site-header .product-menu{
    width:234px!important;min-width:234px!important;max-width:234px!important;
    padding:16px 30px 18px!important;
  }
  .site-header .solution-menu{
    width:306px!important;min-width:306px!important;max-width:306px!important;
    padding:15px 24px 17px!important;
  }
  .site-header .contact-menu{
    width:176px!important;min-width:176px!important;max-width:176px!important;
    padding:13px 20px 15px!important;
  }
  .site-header .product-menu a{
    font-size:clamp(22px,1.354167vw,26px)!important;
    line-height:1.06!important;
    padding:13px 0!important;
  }
  .site-header .solution-menu a{
    font-size:clamp(19px,1.145833vw,22px)!important;
    line-height:1.08!important;
    padding:10px 0!important;
  }
  .site-header .contact-menu a{
    font-size:clamp(18px,1.041667vw,20px)!important;
    line-height:1.08!important;
    padding:9px 0!important;
  }
  .site-header .product-menu a::after,
  .site-header .solution-menu a::after,
  .site-header .contact-menu a::after{bottom:8px!important}
}

/* PDF page-2 submenu uses softer category hues; Art is light blue and appears before Mathematics. */
@media (min-width:1201px){
  .site-header .product-menu a.science{color:#6a50a7!important}
  .site-header .product-menu a.technology{color:#69b9e3!important}
  .site-header .product-menu a.engineering{color:#efa16a!important}
  .site-header .product-menu a.art{color:#69b9e3!important}
  .site-header .product-menu a.mathematics{color:#8dcc79!important}
}


/* ===== 2026-08-21 FINAL 4: CONTACT DROPDOWN / COMPACT SUBMENUS / NEWS PAGER / EMPTY CART ===== */
@media (min-width:1201px){
  /* Keep dropdowns above the cart/account artwork and let each panel hug its content. */
  .site-header .nav-product{z-index:80!important}
  .site-header .nav-actions{z-index:20!important}
  .site-header .product-menu,
  .site-header .solution-menu,
  .site-header .contact-menu{
    box-sizing:border-box!important;
    width:max-content!important;
    max-width:none!important;
    padding:10px 14px 11px!important;
    border:1px solid #0788c8!important;
    border-radius:5px!important;
    background:#fff!important;
    box-shadow:0 6px 14px rgba(12,75,111,.12)!important;
    z-index:120!important;
  }
  .site-header .product-menu{min-width:150px!important}
  .site-header .solution-menu{min-width:224px!important}
  .site-header .contact-menu{
    min-width:118px!important;
    left:auto!important;
    right:0!important;
    transform:none!important;
  }
  .site-header .product-menu a,
  .site-header .solution-menu a,
  .site-header .contact-menu a{
    width:max-content!important;
    max-width:none!important;
    padding:7px 0 8px!important;
    margin:0!important;
    line-height:1.05!important;
  }
  .site-header .product-menu a{font-size:clamp(21px,1.15vw,23px)!important}
  .site-header .solution-menu a{font-size:clamp(18px,1.0vw,20px)!important}
  .site-header .contact-menu a{font-size:clamp(18px,.95vw,19px)!important}
  .site-header .product-menu a::after,
  .site-header .solution-menu a::after,
  .site-header .contact-menu a::after{bottom:4px!important}
}

.news-pagination{
  grid-column:1!important;
  grid-row:2!important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  padding:30px 0 0;
}
.news-pagination[hidden]{display:none!important}
.news-page-link,.news-page-current,.news-page-gap{
  min-width:40px;height:40px;padding:0 11px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;
  font-weight:800;font-size:16px;line-height:1;text-decoration:none;
}
.news-page-link{border:1px solid #c7dce6;background:#fff;color:#31586d;transition:.16s}
.news-page-link:hover,.news-page-link:focus-visible{border-color:var(--blue);color:var(--blue);box-shadow:0 4px 14px rgba(7,136,200,.12)}
.news-page-current{border:1px solid var(--blue);background:var(--blue);color:#fff}
.news-page-gap{min-width:24px;padding:0;color:#78909d}
.news-page-summary{margin-left:8px;color:#70838e;font-size:14px;font-weight:700}
@media(max-width:980px){.news-pagination{grid-column:1!important;grid-row:auto!important;order:1!important;padding-top:12px}.news-topic-sidebar{order:2!important}}

.cart-empty-state{padding:42px 24px;border:1px dashed #bad5e2;border-radius:12px;text-align:center;color:#65808e;background:#fbfdfe}
.cart-empty-state strong{display:block;color:var(--blue);font-size:28px;margin-bottom:8px}
.cart-empty-state a{margin-top:16px}
.cart-items-wrap:empty{display:none}
.cart-remove{border:0;background:transparent;color:var(--blue);font-size:26px;line-height:1;cursor:pointer;padding:4px}
.cart-remove:hover{color:#ef5b19}
.cart-product-info{min-width:0}.cart-product-info strong{display:block;font-size:18px;line-height:1.15}.cart-product-info small{display:block;margin-top:5px;color:#71828c}
.cart-price-cell{font-weight:700;font-size:18px}
.cart-checkout[hidden],.cart-table[hidden],.cart-empty-state[hidden]{display:none!important}

.news-page-link.is-disabled{opacity:.38;pointer-events:none;background:#f5f8fa}


/* =========================================================
   PRODUCT CODE + REAL CART TOTALS — 2026-08-21
   ========================================================= */
.product-sku{font-size:12px;line-height:1.2;color:#70818c;margin:-2px 0 7px;letter-spacing:.015em}
.product-sku b{color:#40535e}
.cart-table>.cart-row:first-child,.cart-items-wrap>.cart-row{grid-template-columns:minmax(0,1fr) 150px 145px 170px}
.cart-line-total{font-size:18px;font-weight:900;color:var(--blue);text-align:right}
.cart-mobile-label{display:none}
.cart-empty-row{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;border-top:0;color:#70818c;background:#fff}
.cart-empty-row strong{font-size:20px;color:var(--blue);margin-bottom:5px}
.cart-checkout .btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:auto;filter:grayscale(.2)}
@media(max-width:900px){
  .cart-table>.cart-row:first-child,.cart-items-wrap>.cart-row{grid-template-columns:minmax(0,1fr) 120px 125px 140px;padding-inline:15px;gap:10px}
  .cart-product img{width:86px;height:74px}.cart-product{gap:12px}.cart-product-info strong{font-size:16px}.cart-price-cell,.cart-line-total{font-size:16px}
}
@media(max-width:680px){
  .cart-items-wrap>.cart-row{grid-template-columns:1fr 1fr!important;gap:14px!important}
  .cart-product{grid-column:1/-1}.cart-price-cell,.cart-line-total{text-align:left}.qty{justify-content:flex-start!important}
  .cart-mobile-label{display:block;font-size:11px;text-transform:uppercase;color:#738792;font-weight:800;margin-bottom:5px;letter-spacing:.04em}
  .product-sku{font-size:10px;margin-bottom:6px}
}

/* ===== Checkout / cart complete flow 2026-08-21 ===== */
.checkout-title{font-size:42px;color:var(--blue);margin:42px 0 16px}
.delivery-form{padding:22px}
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.delivery-grid label{display:flex;flex-direction:column;gap:7px;color:var(--blue);font-weight:800}
.delivery-grid .delivery-zone{grid-column:1/-1}
.delivery-grid small{font-weight:400;color:#647b86}
.coupon-row{display:flex;gap:10px;max-width:600px;align-items:stretch}
.coupon-row .form-control{margin:0;min-width:0}
.coupon-row .btn{min-width:130px}
.coupon-status{min-height:24px;margin-top:8px;font-weight:700;color:#55717e}
.coupon-status.success{color:#159447}.coupon-status.error{color:#d54040}
.cart-grand-total{font-size:19px;border-bottom:1px solid var(--blue);padding-bottom:12px;margin-top:4px}
.shipping-note{margin:18px 0 0;color:#56717e;line-height:1.55}
.payment-box h3{margin:0 0 8px;color:var(--blue);font-size:24px}
.checkout-validation{min-height:24px;margin-top:14px;text-align:center;font-weight:800}
.checkout-validation.error{color:#d54040}
.cart-checkout .btn[disabled]{opacity:.45;cursor:not-allowed}
.checkout-payment-page{max-width:1180px}
.checkout-back{display:inline-block;margin-bottom:14px;color:var(--blue);font-weight:800;text-decoration:none}
.bank-checkout-layout,.momo-checkout-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:26px;align-items:start}
.bank-logos.selectable{gap:12px}
.bank-logo{appearance:none;cursor:pointer;overflow:hidden;background:#fff;padding:0;border:1.5px solid #1392d1;transition:.18s ease;min-height:92px}
.bank-logo img{display:block;width:100%;height:100%;object-fit:cover}
.bank-logo:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(5,95,140,.14)}
.bank-logo.selected{outline:4px solid rgba(7,136,200,.22);border-color:#ef5b19;transform:translateY(-2px)}
.bank-selected{min-height:26px;margin:16px 0 12px;font-weight:900;color:var(--blue)}
.bank-confirm{width:100%}
.payment-security-note{color:#607884;line-height:1.5}
.order-mini-summary{position:sticky;top:22px}
.order-mini-summary h2{color:var(--blue);margin-top:0}
.momo-panel{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.momo-panel h2{color:#a50064;margin:0}
.momo-qr{width:min(330px,80%);aspect-ratio:1/1;object-fit:contain;border:1px solid #e4e4e4;border-radius:16px;background:#fff;padding:10px}
.momo-confirm{background:#a50064;color:#fff;border:0;min-width:280px}
.order-success-card{max-width:820px;margin:30px auto 70px;text-align:center;border:1px solid #d8e7ef;border-radius:20px;padding:42px;background:#fff;box-shadow:0 18px 50px rgba(0,92,140,.08)}
.order-success-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#19a858;color:#fff;font-size:48px;font-weight:900}
.order-success-card h1{color:var(--blue);font-size:42px;margin:0 0 12px}
.success-order-meta{display:grid;grid-template-columns:1fr 1.5fr;gap:1px;background:#dbeaf0;border:1px solid #dbeaf0;margin:26px 0;text-align:left}
.success-order-meta span,.success-order-meta b{background:#fff;padding:11px 14px}
.success-order-meta span{color:#6a7d86}.success-order-meta b{color:#183541}
.success-items{border-top:1px solid #d9e4e9}.success-items>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e3ecef;text-align:left}.success-items small{display:block;color:#78909b;margin-top:3px}
.order-mail-state{margin:18px 0;color:#58717c}
.order-success-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.order-success-actions .secondary{border:1px solid var(--blue);color:var(--blue);background:#fff}
@media(max-width:820px){.delivery-grid,.bank-checkout-layout,.momo-checkout-layout{grid-template-columns:1fr}.order-mini-summary{position:static}.coupon-row{flex-direction:column}.coupon-row .btn{width:100%}.success-order-meta{grid-template-columns:1fr}.success-order-meta span{padding-bottom:2px}.success-order-meta b{padding-top:2px}.order-success-card{padding:28px 18px}.order-success-card h1{font-size:34px}}

/* ===== Checkout auto shipping + robust payment flow 2026-08-21 ===== */
.delivery-grid .delivery-address{grid-column:1/-1}
.shipping-auto-box{grid-column:1/-1;border:1px solid #cfe5ef;border-radius:12px;padding:14px 16px;background:#f8fcfe}
.shipping-auto-title{display:block;font-size:13px;letter-spacing:.04em;color:var(--blue);font-weight:900;margin-bottom:7px}
.shipping-auto-status{display:flex;flex-direction:column;gap:3px;line-height:1.4}
.shipping-auto-status strong{font-size:17px;color:#35525f}
.shipping-auto-status span{font-weight:500;color:#647b86}
.shipping-auto-status.success strong{color:#0a7c45}
.shipping-auto-status.success b{color:#0a7c45}
.shipping-auto-status.pending{opacity:.85}

/* === 2026-08-21 Bank card form + order administration === */
.bank-pdf-section{padding-top:34px}
.bank-pdf-page{max-width:1640px}
.bank-pdf-back{margin-bottom:8px}
.bank-pdf-title{margin:0 0 28px;color:var(--blue);font-size:clamp(38px,3.4vw,64px);font-weight:600;letter-spacing:.01em}
.bank-pdf-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.92fr);gap:90px;align-items:start}
.bank-card-form-panel,.bank-selector-panel{min-width:0}
.bank-card-form-panel h2,.bank-selector-panel h2{color:var(--blue);font-size:28px;margin:0 0 18px}
.bank-selected-inline{min-height:24px;margin:0 0 20px;color:#617d8b;font-weight:700}
.bank-field{margin-bottom:22px}
.bank-field label{display:block;color:#0788c8;font-size:23px;font-weight:700;margin-bottom:7px}
.bank-field input{width:100%;height:72px;border:1.5px solid #0788c8;border-radius:7px;padding:0 18px;font:inherit;font-size:19px;outline:none;background:#fff;box-sizing:border-box}
.bank-field input:focus{border-color:#ef5b19;box-shadow:0 0 0 3px rgba(239,91,25,.10)}
.bank-field input:disabled{background:#f7fafb;color:#9aabb3;border-color:#bfd3dc}
.bank-field small{display:block;margin-top:6px;color:#e67445;font-size:13px;font-style:italic}
.bank-save-card-note{display:flex;align-items:flex-start;gap:12px;color:#4694bd;font-size:16px;line-height:1.45;margin:4px 0 20px;cursor:pointer}
.bank-save-card-note input{width:24px;height:24px;accent-color:#ef5b19;flex:0 0 auto}
.bank-security-info{display:grid;gap:4px;padding:14px 16px;background:#f5fbfe;border-left:4px solid #0788c8;border-radius:7px;color:#547482;font-size:14px;line-height:1.45}
.bank-security-info strong{color:#24576d}
.bank-pdf-logos{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}
.bank-pdf-logos .bank-logo{aspect-ratio:1.9/1;min-height:0!important;border-radius:8px!important;background:#fff!important}
.bank-pdf-logos .bank-logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important;box-sizing:border-box!important}
.bank-pdf-actions{display:flex;justify-content:center;margin:42px 0 28px}
.bank-pdf-actions .bank-confirm{min-width:360px;min-height:66px;font-size:22px;font-weight:900}
.bank-order-summary{max-width:820px;margin:0 auto 34px;position:static!important}

.cms-order-admin-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr)!important;align-items:start}
.cms-order-card-wide{min-width:0}
.cms-order-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}
.cms-order-toolbar h2{margin:0 0 6px}
.cms-order-sync-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cms-order-sync-controls input{height:42px;border:1px solid #bfd2dc;border-radius:8px;padding:0 10px;min-width:210px}
.cms-order-list{display:grid;gap:14px;margin-top:14px}
.cms-order-item{border:1px solid #d9e6ec;border-radius:13px;background:#fff;overflow:hidden}
.cms-order-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 16px;background:#f7fbfd;border-bottom:1px solid #e3edf1}
.cms-order-head>div{display:grid;gap:2px}.cms-order-head strong{color:#17698f;font-size:17px}.cms-order-head span{color:#768b95;font-size:13px}
.cms-order-status{padding:6px 10px;border-radius:999px;font-size:12px;background:#eaf6fb;color:#126d97}.cms-order-status.pending{background:#fff4e8;color:#b25d14}.cms-order-status.done{background:#eaf8ef;color:#247b41}
.cms-order-info{display:grid;grid-template-columns:1fr 1.35fr .9fr .75fr;gap:1px;background:#e7eef2}
.cms-order-info>div{background:#fff;padding:12px 14px;display:grid;gap:4px;min-width:0}.cms-order-info span{font-size:12px;color:#738995;text-transform:uppercase;letter-spacing:.04em}.cms-order-info b{font-size:14px;color:#203f4d;overflow-wrap:anywhere}.cms-order-info small{color:#71858f;line-height:1.35}.cms-order-total{color:#ef5b19!important;font-size:18px!important}
.cms-order-item details{padding:0 16px 14px}.cms-order-item summary{cursor:pointer;color:#0788c8;font-weight:800;padding:12px 0}.cms-order-products{border-top:1px solid #e2eaee}.cms-order-products>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #edf2f4}.cms-order-products small{display:inline;color:#78909a}
[data-bank-config-form] .full{grid-column:1/-1}

@media(max-width:1100px){.bank-pdf-layout{gap:38px;grid-template-columns:1fr 1fr}.cms-order-admin-grid{grid-template-columns:1fr!important}.cms-order-info{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.bank-pdf-layout{grid-template-columns:1fr}.bank-selector-panel{grid-row:1}.bank-card-form-panel{grid-row:2}.bank-pdf-logos{grid-template-columns:repeat(3,1fr)}.bank-pdf-actions .bank-confirm{min-width:0;width:100%}.cms-order-toolbar{flex-direction:column}.cms-order-sync-controls{justify-content:flex-start;width:100%}.cms-order-info{grid-template-columns:1fr}.cms-order-head{align-items:flex-start;flex-direction:column}}
/* 2026-08-21 payment confirmation/admin order workflow */
.checkout-validation.success{color:#247b41}.checkout-validation:not(.error):not(.success){color:#607d8b}
.cms-order-status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.cms-order-status-stack small{font-size:12px;color:#607d8b;text-align:right;max-width:260px}
.cms-order-actions{display:flex;gap:9px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #edf2f4;background:#fbfdfe}.cms-order-actions .admin-btn{min-height:38px;font-size:12px;padding:8px 12px}.order-action-paid{background:#1d9348!important}
@media(max-width:760px){.cms-order-status-stack{align-items:flex-start}.cms-order-status-stack small{text-align:left}.cms-order-actions{flex-direction:column}.cms-order-actions .admin-btn{width:100%}}

/* Order reporting dashboard */
.cms-order-report{margin:14px 0 20px;border:1px solid #dce9ef;border-radius:14px;background:#fbfdfe;padding:14px}
.cms-order-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.cms-order-kpis article{background:#fff;border:1px solid #dfebf0;border-radius:11px;padding:12px 14px;display:grid;gap:5px}
.cms-order-kpis span{font-size:12px;color:#6e8590;text-transform:uppercase;letter-spacing:.035em}
.cms-order-kpis b{font-size:22px;color:#17698f}.cms-order-kpis article:last-child b{color:#1d9348}
.cms-order-report-tools{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(220px,1.4fr) auto auto;gap:9px;align-items:end}
.cms-order-report-tools>div{display:grid;gap:5px}.cms-order-report-tools label{font-size:12px;font-weight:800;color:#516a76}
.cms-order-report-tools input,.cms-order-report-tools select{height:40px;border:1px solid #bfd2dc;border-radius:8px;background:#fff;padding:0 9px;font:inherit;color:#274554}
.cms-order-report-tools .admin-btn{min-height:40px;white-space:nowrap}
@media(max-width:1250px){.cms-order-report-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-order-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cms-order-report-tools,.cms-order-kpis{grid-template-columns:1fr}.cms-order-report-tools .admin-btn{width:100%}}

/* 2026-08-21 order report layout fix: visible Excel action + non-overlapping filters */
.cms-order-report-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #e1ebf0}
.cms-order-report-head h3{margin:0;color:#17698f;font-size:22px;line-height:1.15}.cms-order-report-head p{margin:5px 0 0;color:#6e8590;font-size:13px}
.cms-excel-export-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:11px 18px!important;background:#1d9348!important;color:#fff!important;box-shadow:0 5px 14px rgba(29,147,72,.18);white-space:nowrap;flex:0 0 auto}
.cms-excel-export-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.cms-order-report-tools{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"from to payment status" "search search search actions";gap:11px 12px!important;align-items:end}
.cms-order-report-tools>div{min-width:0}.cms-filter-from{grid-area:from}.cms-filter-to{grid-area:to}.cms-filter-payment{grid-area:payment}.cms-filter-status{grid-area:status}.cms-order-search{grid-area:search}.cms-order-filter-actions{grid-area:actions;display:flex!important;align-items:flex-end;justify-content:flex-end}
.cms-order-report-tools input,.cms-order-report-tools select{width:100%!important;min-width:0!important;box-sizing:border-box}.cms-order-filter-actions .admin-btn{width:100%;min-width:132px}
@media(max-width:1150px){.cms-order-report-tools{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"from to" "payment status" "search search" "actions actions"}.cms-order-filter-actions{justify-content:flex-start}.cms-order-filter-actions .admin-btn{width:auto}}
@media(max-width:700px){.cms-order-report-head{align-items:stretch;flex-direction:column}.cms-excel-export-btn{width:100%}.cms-order-report-tools{grid-template-columns:1fr;grid-template-areas:"from" "to" "payment" "status" "search" "actions"}.cms-order-filter-actions .admin-btn{width:100%}}

/* ===== 2026-08-22 COMPACT SOLUTION MENU + NEW ADDRESS CHECKOUT ===== */
@media(min-width:1081px){
  .site-header .solution-menu{
    width:auto!important;
    min-width:172px!important;
    max-width:205px!important;
    padding:5px 7px!important;
  }
  .site-header .solution-menu a{
    width:auto!important;
    max-width:none!important;
    padding:6px 9px!important;
    font-size:15px!important;
    line-height:1.18!important;
    white-space:nowrap!important;
  }
  .site-header .solution-menu a::after{left:9px!important;right:9px!important;bottom:2px!important}
}
.delivery-grid .delivery-street{grid-column:1/-1;position:relative}
.delivery-grid .delivery-province,.delivery-grid .delivery-ward{min-width:0}
.address-select{height:48px;background:#fff;cursor:pointer;appearance:auto}
.address-combobox{position:relative}
.street-suggestions{position:absolute;z-index:90;left:0;right:0;top:calc(100% + 5px);max-height:260px;overflow:auto;background:#fff;border:1px solid #bad8e6;border-radius:10px;box-shadow:0 15px 38px rgba(21,74,99,.16);padding:5px}
.street-suggestions[hidden]{display:none!important}
.street-suggestions button{display:flex;width:100%;flex-direction:column;gap:2px;text-align:left;border:0;background:#fff;padding:9px 11px;border-radius:7px;cursor:pointer;color:#294959}
.street-suggestions button:hover,.street-suggestions button:focus{background:#eef8fc;outline:none}
.street-suggestions strong{font-size:14px}
.street-suggestions small{font-size:12px!important;color:#6d818c!important;font-weight:500!important}
.shipping-auto-status.calculating strong{color:#0788c8}
.shipping-auto-status.error strong,.shipping-auto-status.error span{color:#c63d3d}
.customer-confirm-message{font-weight:800;color:#0a7c45!important;line-height:1.55;background:#f1fbf6;border:1px solid #bfe7cf;border-radius:10px;padding:12px 14px}
.cms-admin-order-note{margin:10px 0 16px}
@media(max-width:820px){.delivery-grid .delivery-street,.delivery-grid .delivery-province,.delivery-grid .delivery-ward{grid-column:1/-1}}


/* ===== 2026-08-22 FINAL: TIGHT CONTENT-WIDTH SUBMENUS =====
   Dropdown panels follow the longest child label with only a small breathing space.
   This removes the excessive white area after Mathematics / STEM Mầm Non / Chính sách. */
@media (min-width:1201px){
  .site-header .product-menu,
  .site-header .solution-menu,
  .site-header .contact-menu{
    width:max-content!important;
    min-width:0!important;
    max-width:calc(100vw - 24px)!important;
    padding:8px 10px 9px!important;
  }
  .site-header .product-menu a,
  .site-header .solution-menu a,
  .site-header .contact-menu a{
    display:block!important;
    width:max-content!important;
    min-width:0!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .site-header .contact-menu{left:auto!important;right:0!important;transform:none!important;}
}

/* ===== 2026-08-22 CUSTOMER ACCOUNT + ADMIN CUSTOMER MANAGEMENT ===== */
/* Main desktop menu: slightly larger while preserving one-line layout. */
@media (min-width:1201px){
  .site-header .nav-links{font-size:clamp(16px,.98vw,19px)!important;gap:clamp(12px,1.05vw,22px)!important}
  .site-header .solution-menu a{font-size:17px!important;font-weight:650!important;line-height:1.25!important;padding-top:7px!important;padding-bottom:7px!important}
}
@media (min-width:1201px) and (max-width:1366px){.site-header .nav-links{font-size:16px!important;gap:12px!important}}

.auth-heading{margin:0 0 8px;color:var(--blue);font-size:28px;line-height:1.2;text-align:center}.auth-intro{margin:0 0 20px;color:#617985;line-height:1.55;text-align:center}.auth-status{min-height:24px;margin-top:12px;font-weight:800;color:#58717c}.auth-status.error{color:#c63d3d}.auth-status.success{color:#16814a}.auth-links-center{justify-content:center;gap:8px}.customer-auth-benefits{margin-top:20px;padding:14px 16px;background:#f4fafc;border:1px solid #d5e9f1;border-radius:12px;display:grid;gap:7px;color:#526d7a;font-size:14px}.customer-auth-benefits b{color:#17698f}.demo-account-note{margin-top:18px;padding:12px 14px;background:#fff8ef;border:1px solid #f3dcc4;border-radius:10px;color:#66574b;line-height:1.5}.admin-login-wrap{max-width:650px}

.customer-account-section{background:#f6fafc;min-height:650px}.customer-account-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.customer-profile-card{position:sticky;top:20px;background:#fff;border:1px solid #d9e8ef;border-radius:18px;padding:24px;box-shadow:0 12px 34px rgba(20,72,98,.07)}.customer-profile-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#eaf7fd;color:#0788c8;font-weight:950;font-size:22px}.customer-profile-card h2{margin:14px 0 6px;color:#17698f;font-size:24px}.customer-profile-card p,.customer-profile-card small{color:#69808c;line-height:1.55;overflow-wrap:anywhere}.customer-account-menu{display:grid;gap:7px;margin-top:22px}.customer-account-menu button{border:0;background:#f4f8fa;color:#45606d;text-align:left;border-radius:10px;padding:12px 13px;font:inherit;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.customer-account-menu button.active,.customer-account-menu button:hover{background:#e8f6fc;color:#0788c8}.customer-account-menu button:last-child{color:#b43b3b}.customer-account-content{min-width:0}.customer-account-panel{display:none}.customer-account-panel.active{display:block}.customer-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.customer-panel-head span{display:block;color:#ef5b19;font-size:12px;font-weight:900;letter-spacing:.08em}.customer-panel-head h1{margin:4px 0 0;color:#17698f;font-size:clamp(30px,3vw,44px)}.customer-order-list{display:grid;gap:16px}.customer-order-card{background:#fff;border:1px solid #d9e8ef;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(20,72,98,.05)}.customer-order-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 18px;background:#f7fbfd;border-bottom:1px solid #e4edf1}.customer-order-head>div{display:grid;gap:3px}.customer-order-head b{color:#17698f;font-size:18px}.customer-order-head span,.customer-order-head small{font-size:13px;color:#71858f}.customer-order-head strong{color:#1c7b4b;text-align:right}.customer-order-head small{text-align:right}.customer-track{display:grid;grid-template-columns:repeat(6,1fr);padding:22px 18px 18px;position:relative}.customer-track-step{position:relative;display:grid;justify-items:center;gap:7px;text-align:center;color:#8b9ba4;font-size:12px;font-weight:800}.customer-track-step:not(:last-child)::after{content:"";position:absolute;top:15px;left:55%;width:90%;height:3px;background:#dce7ec;z-index:0}.customer-track-step i{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e6eef2;color:#78909c;font-style:normal;font-weight:950}.customer-track-step.done{color:#258653}.customer-track-step.done i{background:#27a85f;color:#fff}.customer-track-step.done:not(:last-child)::after{background:#75c99a}.customer-track-step.current i{box-shadow:0 0 0 5px rgba(39,168,95,.13)}.customer-order-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e6eef2;border-top:1px solid #e6eef2}.customer-order-meta>div{background:#fff;padding:12px 14px;display:grid;gap:4px}.customer-order-meta span{font-size:11px;color:#718691;text-transform:uppercase;font-weight:800}.customer-order-meta b{font-size:13px;color:#314d5c;overflow-wrap:anywhere}.customer-order-total{color:#ef5b19!important;font-size:17px!important}.customer-order-card details{padding:0 18px 16px}.customer-order-card summary{cursor:pointer;padding:13px 0;color:#0788c8;font-weight:850}.customer-order-items{border-top:1px solid #e5edf1}.customer-order-items>div,.customer-bought-item{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf2f4}.customer-order-items small,.customer-bought-item small{display:block;margin-top:3px;color:#78909a}.customer-empty{background:#fff;border:1px dashed #bed9e5;border-radius:16px;padding:38px;text-align:center;color:#66808d}.customer-empty b{display:block;color:#17698f;font-size:24px}.customer-profile-form{max-width:760px;background:#fff;border:1px solid #d9e8ef;border-radius:16px;padding:24px}.customer-profile-form textarea{height:auto;padding-top:12px;resize:vertical}.customer-bought-list{background:#fff;border:1px solid #d9e8ef;border-radius:16px;padding:8px 20px}.customer-loading{padding:36px;background:#fff;border-radius:16px;color:#71858f;text-align:center}

.cms-admin-logout{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #e4bcbc;background:#fff;color:#b43b3b;border-radius:10px;font:inherit;font-weight:850;cursor:pointer}.cms-admin-logout:hover{background:#fff3f3}.cms-customer-toolbar{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr) auto;gap:12px;align-items:end;margin-bottom:12px;background:#fff;border:1px solid #dce7ee;border-radius:14px;padding:14px}.cms-customer-toolbar>div{display:grid;gap:6px}.cms-customer-toolbar label{font-size:12px;font-weight:850;color:#536d79}.cms-customer-toolbar input{height:42px;border:1px solid #bfd2dc;border-radius:8px;padding:0 11px;font:inherit;min-width:0}.cms-customer-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.cms-customer-kpis article{background:#fff;border:1px solid #dce7ee;border-radius:12px;padding:14px;display:grid;gap:5px}.cms-customer-kpis span{font-size:11px;text-transform:uppercase;color:#758995;font-weight:800}.cms-customer-kpis b{font-size:24px;color:#17698f}.cms-customer-list{display:grid;gap:14px}.cms-customer-card{background:#fff;border:1px solid #dce7ee;border-radius:14px;overflow:hidden}.cms-customer-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;background:#f7fbfd;border-bottom:1px solid #e4edf1}.cms-customer-head>div{display:grid;gap:2px}.cms-customer-head strong{color:#17698f;font-size:18px}.cms-customer-head small{color:#7b8c95}.cms-customer-badge{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.cms-customer-badge.active{background:#e9f8ef;color:#247d45}.cms-customer-badge.locked{background:#fff0f0;color:#b43b3b}.cms-customer-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e8eff2}.cms-customer-info>div{background:#fff;padding:12px 14px;display:grid;gap:4px}.cms-customer-info span{font-size:11px;text-transform:uppercase;color:#768994;font-weight:800}.cms-customer-info b{font-size:13px;color:#304b59;overflow-wrap:anywhere}.cms-customer-spend{color:#1b8c4b!important}.cms-customer-card details{padding:0 16px}.cms-customer-card summary{cursor:pointer;padding:12px 0;color:#0788c8;font-weight:850}.cms-customer-orders>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid #edf2f4}.cms-customer-orders small{display:block;color:#758995;margin-top:2px}.cms-customer-manage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 16px;background:#fbfdfe;border-top:1px solid #edf2f4;align-items:end}.cms-customer-manage label{display:grid;gap:5px;font-size:12px;font-weight:850;color:#536d79}.cms-customer-manage textarea{width:100%;box-sizing:border-box;border:1px solid #bfd2dc;border-radius:8px;padding:9px;font:inherit;resize:vertical}.cms-customer-manage>div{display:flex;gap:8px;flex-wrap:wrap}.admin-btn.danger{background:#bd4242!important;color:#fff!important}

@media(max-width:1000px){.customer-account-layout{grid-template-columns:1fr}.customer-profile-card{position:static}.customer-account-menu{grid-template-columns:repeat(2,1fr)}.customer-order-meta{grid-template-columns:1fr 1fr}.cms-customer-kpis{grid-template-columns:1fr 1fr}.cms-customer-info{grid-template-columns:1fr 1fr}.cms-customer-toolbar{grid-template-columns:1fr 1fr}.cms-customer-toolbar .admin-btn{grid-column:1/-1}.cms-customer-manage{grid-template-columns:1fr}}
@media(max-width:680px){.customer-panel-head,.customer-order-head{align-items:flex-start;flex-direction:column}.customer-account-menu{grid-template-columns:1fr}.customer-track{grid-template-columns:1fr;gap:10px;padding:16px}.customer-track-step{grid-template-columns:34px 1fr;justify-items:start;align-items:center;text-align:left}.customer-track-step:not(:last-child)::after{top:30px;left:15px;width:3px;height:calc(100% + 10px)}.customer-order-meta,.cms-customer-kpis,.cms-customer-info,.cms-customer-toolbar{grid-template-columns:1fr}.cms-customer-toolbar .admin-btn{grid-column:auto}.customer-order-head strong,.customer-order-head small{text-align:left}}


/* ===== 2026-08-22 PROFESSIONAL CUSTOMER LINKAGE + MENU SPACING ===== */
@media (min-width:1367px){
  .site-header .nav-links{gap:clamp(22px,1.55vw,32px)!important}
}
@media (min-width:1201px) and (max-width:1366px){
  .site-header .nav-links{gap:18px!important}
}
.checkout-customer-linked{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:12px 15px;border:1px solid #bfe4d1;border-radius:12px;background:#f2fbf6;color:#396455}
.checkout-customer-linked strong{display:block;color:#16814a;font-size:15px}.checkout-customer-linked span{display:block;margin-top:2px;font-size:13px;color:#627d72}.checkout-customer-linked a{color:#0788c8;font-weight:850;white-space:nowrap;text-decoration:none}.checkout-customer-linked a:hover{text-decoration:underline}
.checkout-customer-linked[hidden]{display:none!important}
.cms-customer-live{display:inline-flex;align-items:center;gap:7px;color:#16814a;font-weight:800;font-size:12px}.cms-customer-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#29a760;box-shadow:0 0 0 4px rgba(41,167,96,.12)}
@media(max-width:680px){.checkout-customer-linked{align-items:flex-start;flex-direction:column}.checkout-customer-linked a{white-space:normal}}

.cms-customer-toolbar>.cms-customer-live{display:flex!important;align-items:center!important;align-self:center!important;padding:0 6px}

/* 2026-08-22: customer account/admin workflow */
.cms-customer-toolbar-actions{display:flex!important;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.cms-customer-login-info{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr) auto;gap:10px;align-items:center;padding:12px 16px;background:#f4fbff;border-bottom:1px solid #deedf4}
.cms-customer-login-info>div:not(.cms-customer-reset-result){display:grid;gap:3px}.cms-customer-login-info span{font-size:11px;text-transform:uppercase;color:#6e8490;font-weight:850}.cms-customer-login-info b{color:#244c61;overflow-wrap:anywhere}.cms-customer-login-info b small{font-size:11px;color:#82939b;font-weight:650}.cms-customer-reset-result{grid-column:1/-1;display:none;padding:10px 12px;border-radius:9px;font-size:13px}.cms-customer-reset-result.success,.cms-customer-reset-result.error{display:grid;gap:4px}.cms-customer-reset-result.success{background:#eaf8ef;color:#176c3a;border:1px solid #bfe4cd}.cms-customer-reset-result.error{background:#fff0f0;color:#a53333;border:1px solid #edc6c6}.cms-customer-reset-result code{font-size:16px;background:#fff;padding:3px 7px;border-radius:6px;border:1px solid #cfe0e7;user-select:all}.order-action-complete{background:#16814a!important;color:#fff!important}
@media(max-width:1100px){.cms-customer-login-info{grid-template-columns:1fr 1fr}.cms-customer-login-info>.admin-btn{grid-column:1/-1;justify-self:start}.cms-customer-toolbar-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:760px){.cms-customer-login-info{grid-template-columns:1fr}.cms-customer-login-info>.admin-btn{grid-column:auto}.customer-track{grid-template-columns:1fr!important}}
/* 2026-08-22: professional admin session + password reset workflow */
.cms-admin-session-ok{display:inline-flex;align-items:center;min-height:42px;padding:0 11px;border-radius:8px;background:#eaf8ef;color:#187542;font-size:12px;font-weight:850;border:1px solid #c8e9d4}
.cms-password-reset-admin{margin:14px 0 18px;border:1px solid #dce7ee;border-radius:14px;background:#fff;overflow:hidden}.cms-password-reset-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;background:#fff8ed;border-bottom:1px solid #f1dfc4}.cms-password-reset-head h3{margin:0 0 4px;color:#8f570d}.cms-password-reset-head p{margin:0;color:#6c7e87;font-size:13px}.cms-password-reset-head>b{white-space:nowrap;color:#a25d00}.cms-password-reset-list{display:grid;gap:10px;padding:12px}.cms-password-reset-item{border:1px solid #e1e9ed;border-radius:11px;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.cms-password-reset-meta{display:grid;gap:4px}.cms-password-reset-meta strong{color:#17698f}.cms-password-reset-meta span{font-size:13px;color:#586f7b}.cms-password-reset-meta small{color:#87959c}.cms-password-reset-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cms-password-reset-result{grid-column:1/-1;font-size:12px;padding:8px 10px;border-radius:8px;background:#eef8fd;color:#24617d;display:none}.cms-password-reset-result.show{display:block}.cms-password-reset-status{display:inline-block;width:max-content;padding:3px 8px;border-radius:999px;background:#fff0d8;color:#9b5f09;font-weight:800;font-size:11px}.cms-password-reset-status.sent{background:#eaf8ef;color:#187542}.cms-password-reset-status.done{background:#eef1f3;color:#647681}
@media(max-width:760px){.cms-password-reset-head,.cms-password-reset-item{grid-template-columns:1fr;display:grid}.cms-password-reset-actions{justify-content:flex-start}}

/* 2026-08-22 final order workflow + reliable customer re-login */
.customer-track-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.cms-order-workflow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important;background:#f7fafc!important}
.cms-order-workflow .cms-order-step{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;white-space:normal;line-height:1.15;font-size:11.5px!important;font-weight:900!important;padding:10px 8px!important;border:1px solid #cbdbe3!important;background:#fff!important;color:#476270!important;opacity:1!important}
.cms-order-workflow .cms-order-step span{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:#e9f0f4;color:#58717e;font-size:11px}
.cms-order-workflow .cms-order-step.is-done{background:#edf9f2!important;border-color:#a9d9bc!important;color:#1f7a47!important}
.cms-order-workflow .cms-order-step.is-done span{background:#25a65d;color:#fff}
.cms-order-workflow .cms-order-step.is-next{background:#0788c8!important;border-color:#0788c8!important;color:#fff!important;cursor:pointer!important;box-shadow:0 5px 14px rgba(7,136,200,.18)}
.cms-order-workflow .cms-order-step.is-next span{background:#fff;color:#0788c8}
.cms-order-workflow .cms-order-step.is-future{background:#f5f7f8!important;color:#9aa8af!important;border-color:#e2e8eb!important}
.cms-order-workflow .cms-order-step:disabled{cursor:default!important}
@media(max-width:980px){.cms-order-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-order-workflow .cms-order-step:last-child{grid-column:1/-1}}
@media(max-width:600px){.cms-order-workflow{grid-template-columns:1fr}.cms-order-workflow .cms-order-step:last-child{grid-column:auto}.customer-track-five{grid-template-columns:1fr!important}}

/* Clickable store map: opens Anh Minh company location in Google Maps. */
.home-store-map-link{display:block!important;position:relative!important;z-index:1!important;width:100%!important;cursor:pointer!important;text-decoration:none!important}
.home-store-map-link .home-store-image{cursor:pointer!important}

/* 2026-08-25 V5.1 cart alignment + public order lookup */
.cart-table>.cart-row:first-child,.cart-items-wrap>.cart-row{
  grid-template-columns:minmax(0,1fr) 150px 145px 170px;
  align-items:center;
}
.cart-table>.cart-row:first-child>span:nth-child(2),
.cart-price-cell{justify-self:end;text-align:right;}
.cart-table>.cart-row:first-child>span:nth-child(3){justify-self:center;text-align:center;}
.cart-items-wrap>.cart-row>.qty{justify-self:center;justify-content:center;}
.cart-table>.cart-row:first-child>span:nth-child(4),
.cart-line-total{justify-self:end;text-align:right;}

.order-lookup-card{margin:24px 0 0;border:1.5px solid var(--blue);border-radius:18px;padding:28px 32px;background:#fff;box-shadow:0 10px 30px rgba(20,72,98,.06)}
.order-lookup-head span{display:block;color:#ef5b19;font-size:12px;font-weight:900;letter-spacing:.08em}.order-lookup-head h2{margin:5px 0 8px;color:#17698f;font-size:26px}.order-lookup-head p{margin:0 0 18px;color:#617985;line-height:1.55}
.order-lookup-form label{display:block;margin-bottom:7px;color:#365765;font-weight:800}.order-lookup-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.order-lookup-input .form-control{margin:0}.order-lookup-status{min-height:22px;margin-top:10px;font-weight:800;color:#607a87}.order-lookup-status.success{color:#16814a}.order-lookup-status.error{color:#c63d3d}.order-lookup-result{margin-top:14px}.order-lookup-result[hidden]{display:none!important}.order-lookup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d9e8ef;border-radius:14px;overflow:hidden;background:#e6eef2;gap:1px}.order-lookup-summary>div{background:#fff;padding:13px 14px;display:grid;gap:4px}.order-lookup-summary span{font-size:11px;color:#718691;text-transform:uppercase;font-weight:850}.order-lookup-summary b{color:#314d5c;overflow-wrap:anywhere}.order-lookup-summary small{color:#768b95}.order-lookup-summary .lookup-highlight{color:#16814a}.order-lookup-summary .lookup-total{color:#ef5b19;font-size:18px}
@media(max-width:900px){.cart-table>.cart-row:first-child,.cart-items-wrap>.cart-row{grid-template-columns:minmax(0,1fr) 120px 125px 140px}.order-lookup-summary{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.order-lookup-card{padding:22px 18px}.order-lookup-input{grid-template-columns:1fr}.order-lookup-input .btn{width:100%}.order-lookup-summary{grid-template-columns:1fr}.cart-items-wrap>.cart-row{grid-template-columns:1fr 1fr!important}.cart-price-cell,.cart-line-total{justify-self:start;text-align:left}.cart-items-wrap>.cart-row>.qty{justify-self:start;justify-content:flex-start}}

/* ---------- V5.3 payment management ---------- */
.bank-payment-suboptions{margin:-2px 0 10px;padding:12px 14px;border:1px solid #d9e7ef;border-radius:10px;background:#f8fbfd;display:grid;gap:8px}.bank-payment-suboptions[hidden]{display:none}.bank-payment-suboption{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e2eaf0;border-radius:8px;background:#fff;cursor:pointer}.bank-payment-suboption input{margin-top:4px}.bank-payment-suboption span{display:grid;gap:2px}.bank-payment-suboption small{color:#65747e;line-height:1.4}.bank-payment-suboption:has(input:checked){border-color:#0788c8;box-shadow:0 0 0 2px rgba(7,136,200,.08)}.bank-payment-suboption:has(input:disabled){opacity:.5;cursor:not-allowed}.payment-sub-status{font-size:13px;color:#667680;padding:2px 2px 0}
.bank-mode-tabs{display:flex;gap:8px;margin:0 0 22px;border-bottom:1px solid #dce7ed;padding-bottom:10px}.bank-mode-tab{border:1px solid #cddde6;background:#fff;color:#344550;border-radius:9px;padding:10px 18px;font-weight:800}.bank-mode-tab.active{background:#0788c8;color:#fff;border-color:#0788c8}.bank-mode-panel{display:none}.bank-mode-panel.active{display:block}.bank-transfer-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.bank-logo.active{outline:3px solid rgba(7,136,200,.3);border-color:#0788c8!important}.bank-card-form-panel input:disabled{background:#f5f7f9;color:#7b8992;cursor:not-allowed}
@media(max-width:760px){.bank-mode-tabs{display:grid;grid-template-columns:1fr}.bank-transfer-layout{grid-template-columns:1fr}}


/* ===== V5.5 SEO RELEASE: modern catalog/search UX ===== */
.catalog-breadcrumb,.product-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 22px;color:#71818b;font-size:14px;font-weight:600}
.catalog-breadcrumb a,.product-breadcrumb a{color:#4a6474;text-decoration:none}.catalog-breadcrumb a:hover,.product-breadcrumb a:hover{color:var(--blue)}
.catalog-breadcrumb strong,.product-breadcrumb strong{color:#243842;font-weight:700;max-width:min(720px,100%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-seo-heading{max-width:900px;margin:0 auto 26px;text-align:center}.catalog-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 12px;border-radius:999px;background:#edf8fd;color:#087fb7;font-size:12px;font-weight:800;letter-spacing:.08em}
.catalog-seo-heading h1{margin:13px 0 10px;font-size:clamp(32px,3.15vw,54px);line-height:1.03;color:#173544;letter-spacing:-.025em}.catalog-seo-heading p{max-width:820px;margin:0 auto;color:#5d707b;font-size:17px;line-height:1.55}
.catalog-toolbar{display:grid;grid-template-columns:minmax(280px,2fr) repeat(4,minmax(145px,1fr)) auto;gap:12px;align-items:end;margin:4px 0 12px;padding:18px;border:1px solid #dbe9f0;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fcfe);box-shadow:0 8px 30px rgba(17,85,119,.055)}
.catalog-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:0}.catalog-toolbar label>span{color:#506671;font-size:12px;font-weight:800;letter-spacing:.025em}.catalog-toolbar input,.catalog-toolbar select{width:100%;height:45px;border:1.5px solid #cbdde6;border-radius:10px;background:#fff;color:#20343f;padding:0 12px;font-size:14px;outline:0;transition:border-color .16s,box-shadow .16s}.catalog-toolbar input:focus,.catalog-toolbar select:focus{border-color:#0788c8;box-shadow:0 0 0 3px rgba(7,136,200,.11)}
.catalog-search-box{position:relative}.catalog-search-box input{padding-left:39px}.catalog-search-box:after{content:'⌕';position:absolute;left:14px;bottom:8px;color:#0788c8;font-size:24px;line-height:1;pointer-events:none;transform:rotate(-18deg)}
.catalog-reset{height:45px;border:1.5px solid #b9d3df;border-radius:10px;background:#fff;color:#426475;padding:0 15px;font-weight:800;cursor:pointer;white-space:nowrap}.catalog-reset:hover{border-color:#0788c8;color:#0788c8;background:#f4fbfe}
.catalog-resultbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:0 3px;color:#60747f;font-size:14px}.catalog-resultbar>div{font-size:15px;color:#344f5e}.catalog-resultbar>span{font-size:12px;color:#84949d}
.catalog-grid{margin-top:4px}.product-card{border:1px solid #dce7ed!important;border-top:4px solid var(--card,var(--purple))!important;border-radius:15px!important;box-shadow:0 3px 16px rgba(28,72,94,.06);background:#fff}.product-card-clickable{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card-clickable:hover{transform:translateY(-5px);box-shadow:0 13px 32px rgba(28,72,94,.12);border-color:#cbdce5!important;border-top-color:var(--card,var(--purple))!important}
.product-image-link{display:flex;align-items:center;justify-content:center;aspect-ratio:1.22/1;background:linear-gradient(180deg,#fff,#fbfdfe);overflow:hidden}.product-card img{height:100%!important;max-height:235px;object-fit:contain;padding:18px!important;transition:transform .25s ease}.product-card:hover .product-image-link img{transform:scale(1.025)}
.product-card-body{text-align:left!important;padding:13px 17px 18px!important}.product-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.product-field-label{margin:0!important;min-height:0!important;font-size:11px!important;font-weight:900!important;letter-spacing:.055em;text-transform:uppercase}.product-stock-badge{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;background:#edf9f0;color:#278646;font-size:10px;font-weight:800;white-space:nowrap}
.product-card h3{justify-content:flex-start!important;min-height:2.55em!important;text-align:left!important;font-size:16px!important;line-height:1.28!important;margin-bottom:8px!important}.product-title-link{color:#1c333f!important}.product-title-link:hover{color:#0788c8!important}.product-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px;color:#72838c;font-size:11px}.product-card-meta span{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:6px;background:#f4f7f9}.product-sku{font-size:11.5px!important;color:#6d7d86!important}.product-card .price{margin:10px 0 12px!important;color:#0788c8!important;font-size:17px!important;font-weight:900!important}.card-old-price{font-size:12px;color:#9aa8af;font-weight:500}.product-quick-btn{width:100%;display:flex!important;align-items:center;justify-content:center;min-height:39px!important;border-radius:9px!important;font-size:12px!important;font-weight:800!important;text-transform:none!important;letter-spacing:.01em!important}
.catalog-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:48px 20px;border:1.5px dashed #c8dce6;border-radius:15px;background:#fbfdfe;text-align:center;color:#687b86}.catalog-empty strong{color:#2d4d5d;font-size:20px}
.catalog-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:-35px 0 72px}.catalog-value-grid article{display:flex;flex-direction:column;gap:7px;padding:20px 18px;border:1px solid #dce9ef;border-radius:14px;background:#fff;box-shadow:0 5px 22px rgba(20,83,111,.05)}.catalog-value-grid strong{color:#087fb7;font-size:16px}.catalog-value-grid span{color:#657883;font-size:13px;line-height:1.45}
.product-breadcrumb{margin-top:0;margin-bottom:18px}.product-main-section{padding-top:32px!important}
@media(max-width:1180px){.catalog-toolbar{grid-template-columns:minmax(260px,2fr) repeat(2,minmax(160px,1fr));}.catalog-reset{width:100%}.catalog-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.catalog-seo-heading{margin-bottom:20px}.catalog-seo-heading p{font-size:15px}.catalog-toolbar{grid-template-columns:1fr 1fr;padding:14px;gap:10px}.catalog-search-box{grid-column:1/-1}.catalog-reset{grid-column:1/-1}.catalog-resultbar{align-items:flex-start;flex-direction:column;gap:4px}.catalog-resultbar>span{display:none}.catalog-value-grid{grid-template-columns:1fr;margin-top:-22px}.catalog-breadcrumb,.product-breadcrumb{font-size:12px}.catalog-breadcrumb strong,.product-breadcrumb strong{white-space:normal}.product-card-body{padding:12px 14px 16px!important}}
@media(max-width:430px){.catalog-toolbar{grid-template-columns:1fr}.catalog-search-box,.catalog-reset{grid-column:auto}.catalog-seo-heading h1{font-size:31px}.product-card h3{font-size:15px!important}.catalog-value-grid{margin-bottom:52px}}


/* ===== V5.6 UX / ADMIN ALIGNMENT ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.auth-order-lookup-link{display:flex;align-items:center;justify-content:center;margin-top:16px;min-height:44px;border:1.5px solid #c7dce7;border-radius:10px;color:#17698f!important;font-weight:800;text-decoration:none;background:#f8fcfe}.auth-order-lookup-link:hover{border-color:#0788c8;background:#eef9fe}
.order-lookup-page{padding:58px 0 76px;background:linear-gradient(180deg,#f7fbfd 0,#fff 38%)}.order-lookup-page>.container{max-width:920px}.order-lookup-page-head{text-align:center;max-width:760px;margin:0 auto 26px}.order-lookup-page-head>span{display:block;color:#ef5b19;font-size:12px;font-weight:900;letter-spacing:.1em}.order-lookup-page-head h1{margin:8px 0 12px;color:#17698f;font-size:clamp(34px,4vw,52px);line-height:1.08}.order-lookup-page-head p{margin:0;color:#617985;font-size:18px;line-height:1.65}.order-lookup-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.order-lookup-actions .btn{min-width:190px}
/* Increase solution reading comfort without changing the approved layout. */
.solution-hero p,.solution-level-lead{font-size:20px!important;line-height:1.75!important}.solution-master-intro>.container>p{font-size:19px!important;line-height:1.72!important}.solution-card p{font-size:17px!important;line-height:1.7!important}.solution-detail-head p{font-size:20px!important;line-height:1.72!important}.solution-richtext{font-size:19px!important;line-height:1.82!important}.solution-richtext h2{font-size:31px!important;line-height:1.25!important}.solution-richtext h3{font-size:24px!important;line-height:1.3!important}.solution-richtext li{margin:10px 0!important}
/* All header dropdowns use one typography system. */
.site-header .product-menu a,.site-header .solution-menu a,.site-header .contact-menu a{font-family:var(--font-original)!important;font-size:16px!important;font-weight:500!important;line-height:1.25!important;padding:9px 0!important;letter-spacing:0!important}.site-header .product-menu,.site-header .solution-menu,.site-header .contact-menu{padding:12px 15px!important}.site-header .contact-menu{min-width:205px!important;width:auto!important}
/* V5.5 visible SEO decoration removed by request; metadata/schema remain server-side. */
.catalog-breadcrumb,.catalog-seo-heading,.catalog-resultbar{display:none!important}
@media(max-width:680px){.order-lookup-page{padding:38px 0 56px}.order-lookup-page-head p{font-size:16px}.solution-hero p,.solution-level-lead,.solution-detail-head p{font-size:17px!important}.solution-richtext{font-size:17px!important}.solution-richtext h2{font-size:27px!important}.solution-richtext h3{font-size:22px!important}}

.cms-payment-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}.cms-payment-index a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #d7e5ec;border-radius:10px;background:#fff;color:#31546a;text-decoration:none;font-weight:800}.cms-payment-index a:hover{border-color:#0788c8;color:#0788c8;background:#f4fbfe}.cms-payment-index a.sub{padding-left:24px;font-weight:700}.cms-payment-index a.sub2{padding-left:34px;font-size:13px;font-weight:650}.cms-payment-method-card{margin-bottom:18px}.cms-payment-subhead{padding:12px 14px;border-left:4px solid #0788c8;background:#f6fbfe;border-radius:8px}.cms-payment-subhead h4{margin:0 0 4px;color:#17698f;font-size:18px}.cms-payment-subhead p{margin:0;color:#667985}.cms-section-actions{margin-left:auto}.cms-commerce-settings-card{margin-top:18px}.cms-sidebar .cms-nav{font-size:15px;line-height:1.3}
@media(max-width:900px){.cms-payment-index{grid-template-columns:1fr 1fr}}@media(max-width:620px){.cms-payment-index{grid-template-columns:1fr}}

/* ===== V5.8 2026-08-26: compact support menu, customer lookup, vertical admin ===== */
.site-header .contact-menu{
  width:max-content!important;
  min-width:148px!important;
  max-width:180px!important;
  padding:7px 8px!important;
}
.site-header .contact-menu a{
  padding:7px 10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

/* Product catalog uses only the global header search. */
.products-master-page .catalog-toolbar,
body[data-accent] .catalog-toolbar[data-catalog-tools]{display:none!important}

/* Keep product prices fully visible, including 1.650.000đ. */
.product-info,.product-price-row,.product-price[data-product-price]{overflow:visible!important}
.product-price[data-product-price]{min-width:max-content;white-space:nowrap!important}

/* Bank account QR on checkout must stay compact and scannable. */
.bank-transfer-qr-row b{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important}
.bank-transfer-qr{
  display:block!important;
  width:160px!important;
  height:160px!important;
  max-width:160px!important;
  max-height:160px!important;
  object-fit:contain!important;
  padding:6px!important;
  margin:2px 0!important;
  border:1px solid #dce3eb!important;
  border-radius:9px!important;
  background:#fff!important;
}
@media(max-width:680px){.bank-transfer-qr{width:145px!important;height:145px!important;max-width:145px!important;max-height:145px!important}}

/* Customer-only order / SKU lookup. */
.customer-private-lookup{background:#fff;border:1px solid #e0e9ee;border-radius:14px;padding:20px;box-shadow:0 6px 20px rgba(27,78,104,.05)}
.customer-private-lookup>p{margin:0 0 16px;color:#607784;line-height:1.65}
.customer-private-lookup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.customer-private-lookup-form .form-control{min-height:46px}
.customer-private-lookup-status{min-height:20px;margin:12px 0 0;font-weight:750;font-size:13px}
.customer-private-lookup-status.success{color:#1b7c46}.customer-private-lookup-status.error{color:#b33b3b}
.customer-private-lookup-results{display:grid;gap:12px;margin-top:14px}
.customer-private-result-title{font-weight:900;color:#17698f;padding-bottom:2px}
.customer-private-product-results{display:grid;gap:10px}
.customer-private-product-results article{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(170px,.7fr) minmax(90px,.35fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid #e1e9ed;border-radius:11px;background:#fbfdfe}
.customer-private-product-results article>div{display:grid;gap:3px}.customer-private-product-results span,.customer-private-product-results small{color:#6a7f8a;font-size:12px}.customer-private-product-results strong{color:#17698f}
@media(max-width:720px){.customer-private-lookup-form{grid-template-columns:1fr}.customer-private-product-results article{grid-template-columns:1fr}}

/* Admin: each manager is one full-width vertical page, never split in two. */
.cms-panel[data-cms-panel="catalog"]>.cms-integrated-manager,
.cms-panel[data-cms-panel="solutions"]>.cms-integrated-manager,
.cms-panel[data-cms-panel="orders"]>.cms-order-admin-grid,
.cms-panel[data-cms-panel="assistant"]>.cms-ai-admin-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
}
.cms-panel[data-cms-panel="catalog"]>.cms-integrated-manager>.admin-card,
.cms-panel[data-cms-panel="solutions"]>.cms-integrated-manager>.admin-card,
.cms-panel[data-cms-panel="orders"]>.cms-order-admin-grid>.admin-card,
.cms-panel[data-cms-panel="assistant"]>.cms-ai-admin-grid>.admin-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  grid-column:1/-1!important;
  box-sizing:border-box!important;
}
.cms-panel[data-cms-panel="orders"] .cms-order-card-wide{grid-column:1/-1!important;width:100%!important}
.cms-panel[data-cms-panel="customers"]{width:100%!important;max-width:none!important}
.cms-panel[data-cms-panel="customers"] .cms-customer-list,
.cms-panel[data-cms-panel="customers"] .cms-password-reset-admin{width:100%!important;max-width:none!important}
.cms-panel[data-cms-panel="assistant"] .cms-note{max-width:none!important}
.cms-role-hint{margin:-6px 0 18px;padding:11px 14px;border-left:4px solid #0788c8;border-radius:8px;background:#eef8fd;color:#31546a;font-size:13px;font-weight:750;line-height:1.55}

/* Make product/article vertical sections read as distinct blocks. */
.cms-panel[data-cms-panel="catalog"] .cms-integrated-manager>.admin-card+ .admin-card,
.cms-panel[data-cms-panel="solutions"] .cms-integrated-manager>.admin-card+ .admin-card{margin-top:0!important}
.cms-panel[data-cms-panel="catalog"] .admin-card>h2,
.cms-panel[data-cms-panel="solutions"] .admin-card>h2,
.cms-panel[data-cms-panel="orders"] .admin-card h2,
.cms-panel[data-cms-panel="customers"] .cms-section-head h2,
.cms-panel[data-cms-panel="assistant"] .admin-card>h2{color:#173d67!important}


/* ===== V5.9 2026-08-26 - rebuilt from original package, aligned to approved PDF ===== */
:root{--container:1600px;--page-pad:24px}
@media(max-width:1680px){:root{--page-pad:22px}}
@media(max-width:900px){:root{--page-pad:16px}}
/* All three desktop submenus use exactly the same frame. */
@media(min-width:1201px){.site-header .product-menu,.site-header .solution-menu,.site-header .contact-menu{width:230px!important;min-width:230px!important;max-width:230px!important;padding:10px 12px!important;box-sizing:border-box!important;top:100%!important;border:1px solid #0788c8!important;border-top:0!important;border-radius:0 0 7px 7px!important}.site-header .product-menu a,.site-header .solution-menu a,.site-header .contact-menu a{display:block!important;width:100%!important;max-width:none!important;padding:8px 9px!important;font-size:18px!important;line-height:1.15!important;white-space:normal!important}.site-header .product-menu a::after,.site-header .solution-menu a::after,.site-header .contact-menu a::after{left:9px!important;right:9px!important;bottom:4px!important}}
/* PDF product category letters are rectangular, not square. */
.products-master-page .stem-letter-grid{max-width:1360px;margin-inline:auto;gap:24px}
.products-master-page .stem-letter-box{aspect-ratio:1.18/1!important;border-radius:16px!important;font-size:clamp(112px,8.4vw,168px)!important;min-height:0!important}
/* Product detail: exact field icon and home cart icon. */
.product-back{display:inline-flex!important;align-items:center;gap:7px!important}.product-field-icon{width:30px!important;height:30px!important;object-fit:contain!important;display:inline-block!important}.product-cart-btn{overflow:hidden!important;padding:0!important;background:#fff!important;display:grid!important;place-items:center!important}.product-cart-home-icon{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.product-price-row .old{display:inline-block;text-decoration:line-through;color:#87949c;font-size:clamp(20px,1.5vw,27px);font-weight:700}.product-price-row .old[hidden]{display:none!important}.product-price[data-product-price]{white-space:nowrap!important;min-width:max-content!important;overflow:visible!important}
/* Reviews */
.product-reviews{margin:48px 0 26px;padding:30px;border:1px solid #d9e6ed;border-radius:16px;background:#fff}.product-reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.product-reviews-head span{font-size:13px;font-weight:800;letter-spacing:.08em;color:#6c7f8a}.product-reviews-head h2{margin:3px 0 0}.product-review-toggle{border:1px solid var(--detail-accent,#0788c8)!important;color:var(--detail-accent,#0788c8)!important;background:#fff!important}.product-review-summary{display:flex;align-items:center;gap:12px;min-height:50px;padding:13px 16px;border-radius:11px;background:#f5fafc}.product-review-summary strong{font-size:24px;color:#173d67}.product-review-summary span:not(.product-review-stars),.product-review-summary small{color:#687b86}.product-review-stars{color:#f3a800;letter-spacing:2px;font-size:18px}.product-review-list{display:grid;gap:12px;margin-top:14px}.product-review-list article{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:16px;border:1px solid #e2e9ed;border-radius:11px}.product-review-list article>div{display:grid;gap:4px;align-content:start}.product-review-list p{margin:0;line-height:1.65}.product-review-form{margin-top:18px;padding:20px;border:1px solid #dce7ed;border-radius:12px;background:#fbfdfe}.product-review-grid{display:grid;grid-template-columns:1fr 1fr 180px;gap:15px}.product-review-grid .full{grid-column:1/-1}.product-review-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.product-review-status.success{color:#178349}.product-review-status.error{color:#b53636}@media(max-width:760px){.product-reviews{padding:20px}.product-reviews-head{align-items:flex-start;flex-direction:column}.product-review-grid{grid-template-columns:1fr}.product-review-grid .full{grid-column:auto}.product-review-list article{grid-template-columns:1fr}}
/* Customer account follows PDF page 12: profile rail at left, order status and blue order card at right. */
.customer-account-section{padding-top:46px!important}.customer-account-pdf-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:48px!important;align-items:start!important;max-width:1260px!important}.customer-profile-pdf{box-shadow:none!important;border:0!important;padding:10px 0!important;background:transparent!important;text-align:left!important;position:sticky;top:22px}.customer-profile-avatar-line{width:84px!important;height:84px!important;border:3px solid #0788c8!important;border-radius:50%!important;background:#fff!important;color:#0788c8!important;margin:0 auto 8px!important;display:grid!important;place-items:center!important;font-size:24px!important;font-weight:900!important}.customer-profile-pdf h2{text-align:center!important;color:#0788c8!important;margin:5px 0 8px!important}.customer-profile-lines{display:grid;gap:3px;text-align:center;color:#526c7a;font-size:12px;margin-bottom:18px}.customer-profile-lines small{line-height:1.4}.customer-account-menu-pdf{display:grid!important;gap:5px!important}.customer-account-menu-pdf button{width:100%!important;text-align:left!important;border:1px solid #0788c8!important;border-radius:2px!important;background:#fff!important;color:#31546a!important;padding:8px 10px!important;min-height:34px!important;font-size:13px!important;font-weight:700!important}.customer-account-menu-pdf button.active,.customer-account-menu-pdf button:hover{background:#0788c8!important;color:#fff!important}.customer-account-menu-pdf button b{float:right}.customer-account-pdf-content{min-width:0}.customer-panel-head-pdf{margin-bottom:12px}.customer-pdf-status-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;border:1px solid #0788c8;border-radius:13px;padding:14px 18px;margin:0 0 18px;background:#fff}.customer-pdf-status-legend article{display:grid;place-items:center;gap:7px;text-align:center;color:#0788c8;font-weight:800}.customer-pdf-status-legend i{width:46px;height:46px;display:grid;place-items:center;border:1px solid #0788c8;border-radius:3px;font-size:28px;color:#ed651d;font-style:normal}.customer-order-card-pdf{border:1px solid #0788c8!important;border-radius:13px!important;padding:16px!important;box-shadow:none!important}.customer-track-four{grid-template-columns:repeat(4,1fr)!important;margin:12px 0!important}.customer-order-pdf-blue{background:#0788c8;color:#fff;border-radius:12px;padding:18px;margin-top:12px}.customer-order-pdf-blue .customer-order-items>div{border-color:rgba(255,255,255,.28)!important}.customer-order-pdf-blue .customer-order-items small,.customer-order-pdf-blue .customer-order-items strong{color:#fff!important}.customer-order-pdf-foot{display:flex;justify-content:space-between;gap:18px;padding-top:12px;margin-top:10px;border-top:1px solid rgba(255,255,255,.35)}.customer-order-pdf-foot b{font-size:20px}.customer-private-lookup{box-shadow:none!important;border-color:#cce0ea!important}.customer-profile-form{max-width:760px}.customer-account-panel{min-height:440px}@media(max-width:900px){.customer-account-pdf-layout{grid-template-columns:1fr!important;gap:24px!important}.customer-profile-pdf{position:static}.customer-account-menu-pdf{grid-template-columns:1fr 1fr}.customer-pdf-status-legend{gap:8px}.customer-pdf-status-legend article{font-size:12px}.customer-pdf-status-legend i{width:38px;height:38px}}@media(max-width:560px){.customer-account-menu-pdf{grid-template-columns:1fr}.customer-pdf-status-legend{grid-template-columns:1fr 1fr}.customer-track-four{grid-template-columns:1fr 1fr!important}}
/* Consultation modal */
.consultation-open{overflow:hidden}.consultation-modal[hidden]{display:none!important}.consultation-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(15,44,61,.54);backdrop-filter:blur(2px)}.consultation-dialog{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:30px;box-shadow:0 24px 70px rgba(4,38,58,.28)}.consultation-dialog>span{color:#0788c8;font-weight:900;letter-spacing:.08em}.consultation-dialog h2{margin:4px 0 8px;color:#173d67;font-size:34px}.consultation-dialog>p{color:#627681;line-height:1.6}.consultation-close{position:absolute;right:15px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:#edf6fa;color:#17698f;font-size:25px;cursor:pointer}.consultation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consultation-grid label{display:grid;gap:6px;font-weight:800;color:#31546a}.consultation-grid input,.consultation-grid textarea{width:100%;border:1px solid #cbdde7;border-radius:9px;padding:11px 12px;outline:0}.consultation-grid input:focus,.consultation-grid textarea:focus{border-color:#0788c8;box-shadow:0 0 0 3px rgba(7,136,200,.10)}.consultation-grid .full{grid-column:1/-1}.consultation-dialog form>.btn{margin-top:16px}.consultation-status{min-height:22px;margin-top:10px;font-weight:750}.consultation-status.success{color:#16834b}.consultation-status.error{color:#b53636}@media(max-width:620px){.consultation-dialog{padding:24px 18px}.consultation-grid{grid-template-columns:1fr}.consultation-grid .full{grid-column:auto}}
/* Bank transfer QR remains compact. */
.bank-transfer-qr{width:160px!important;height:160px!important;max-width:160px!important;max-height:160px!important;object-fit:contain!important}
/* Admin vertical layout inherited in theme stylesheet rendered by CMS. */
.cms-panel[data-cms-panel="catalog"]>.cms-integrated-manager,.cms-panel[data-cms-panel="solutions"]>.cms-integrated-manager,.cms-panel[data-cms-panel="assistant"]>.cms-ai-admin-grid{grid-template-columns:1fr!important;width:100%!important}.cms-panel .admin-card{max-width:none!important;width:100%!important}
/* Admin consultation inbox */
.cms-consultation-list{display:grid;gap:12px;margin-top:14px}.cms-consultation-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(220px,1fr) minmax(280px,1.6fr) auto;gap:18px;align-items:start;padding:16px;border:1px solid #dce7ed;border-radius:10px;background:#fff}.cms-consultation-row>div{min-width:0}.cms-consultation-row strong{display:block;color:#173d67;margin-bottom:4px}.cms-consultation-row small{display:block;color:#6c7f8a;line-height:1.55;word-break:break-word}.cms-consultation-row p{margin:0;line-height:1.6;white-space:pre-wrap;word-break:break-word}.cms-consultation-row .admin-row-actions{display:grid;gap:8px;justify-items:stretch}.cms-consultation-status{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;background:#edf6fa;color:#17698f;font-size:12px;font-weight:900}.cms-consultation-status.done{background:#eaf7ef;color:#207044}@media(max-width:1100px){.cms-consultation-row{grid-template-columns:1fr 1fr}.cms-consultation-row>p{grid-column:1/-1}.cms-consultation-row .admin-row-actions{justify-items:start}}@media(max-width:700px){.cms-consultation-row{grid-template-columns:1fr}.cms-consultation-row>p{grid-column:auto}}


/* ===== V5.10 / AM-20260826-0012: final layout and interaction corrections ===== */
:root{--container:1480px!important;--page-pad:48px!important}
@media(max-width:1540px){:root{--page-pad:40px!important}}
@media(max-width:1180px){:root{--page-pad:28px!important}}
@media(max-width:700px){:root{--page-pad:18px!important}}
.container{width:min(var(--container),calc(100% - (var(--page-pad) * 2)))!important;margin-inline:auto!important}
main{overflow-x:clip}
main>.section,main>section{box-sizing:border-box}

/* Submenus hug their content; remove the large empty block at the right. */
@media(min-width:1201px){
 .site-header .product-menu,.site-header .solution-menu,.site-header .contact-menu{
   width:max-content!important;min-width:0!important;max-width:min(360px,calc(100vw - 32px))!important;
   padding:7px 10px!important;box-sizing:border-box!important;
 }
 .site-header .product-menu a,.site-header .solution-menu a,.site-header .contact-menu a{
   width:max-content!important;max-width:330px!important;padding:7px 8px!important;white-space:nowrap!important;box-sizing:border-box!important;
 }
 .site-header .contact-menu{left:auto!important;right:0!important;transform:none!important}
}

/* Product page S / T / E / M: portrait rectangle, height = 1.5 × width. */
.products-master-page .stem-letter-grid{max-width:980px!important;margin:0 auto 36px!important;gap:20px!important;align-items:start!important}
.products-master-page .stem-letter-wrap{min-width:0!important}
.products-master-page .stem-letter-box{width:100%!important;aspect-ratio:2/3!important;height:auto!important;border-radius:14px!important;font-size:clamp(108px,7.2vw,154px)!important;line-height:1!important}
.products-master-page .stem-letter-name{margin-top:8px!important}
@media(max-width:900px){.products-master-page .stem-letter-grid{max-width:620px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.products-master-page .stem-letter-box{font-size:clamp(96px,21vw,150px)!important}}
@media(max-width:480px){.products-master-page .stem-letter-grid{gap:12px!important}.products-master-page .stem-letter-box{font-size:clamp(76px,22vw,112px)!important}}

/* Product detail: price must never clip its first digit; cart uses the complete home icon. */
.product-detail{overflow:visible!important}
.product-info{overflow:visible!important;padding-left:2px!important}
.product-price-row{overflow:visible!important;padding-left:1px!important;justify-content:flex-start!important}
.product-price[data-product-price]{display:inline-block!important;overflow:visible!important;clip-path:none!important;text-indent:0!important;transform:none!important;margin-left:0!important;padding-left:0!important;min-width:9ch!important;white-space:nowrap!important;letter-spacing:0!important}
.product-actions{grid-template-columns:74px minmax(165px,220px)!important;max-width:310px!important;align-items:center!important}
.product-cart-btn{width:74px!important;height:50px!important;padding:5px!important;overflow:visible!important;display:grid!important;place-items:center!important;background:#fff!important}
.product-cart-home-icon{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;object-fit:contain!important;display:block!important;border-radius:4px!important}
.product-review-intro{margin:8px 0 0;color:#667d89;line-height:1.55}
.product-review-form{display:block!important;margin-top:18px!important}
.product-review-form[hidden]{display:block!important}
.product-reviews-head{align-items:flex-start!important}

/* QR upload: browser file control is hidden; exactly one visible styled chooser remains. */
.cms-qr-file-label{position:relative!important;overflow:hidden!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.cms-qr-file-label input[type="file"]{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}


/* ===== V5.11 | 2026-08-26 final corrections ===== */
/* Consistent readable gutters on every content page. Full-bleed section backgrounds remain full width; their content stays centered. */
:root{--container:1440px!important;--page-pad:clamp(28px,5vw,92px)!important}
.container{width:min(var(--container),calc(100% - (var(--page-pad) * 2)))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
@media(max-width:760px){:root{--page-pad:20px!important}}
@media(max-width:420px){:root{--page-pad:14px!important}}

/* S/T/E/M on Products AND every child field page: portrait rectangle, height exactly 1.3 × width. */
.stem-hero .stem-letter-grid{max-width:920px!important;margin-left:auto!important;margin-right:auto!important;gap:18px!important;align-items:start!important}
.stem-hero .stem-letter-wrap{min-width:0!important;width:100%!important}
.stem-hero .stem-letter-box{width:100%!important;height:auto!important;aspect-ratio:10/13!important;border-radius:13px!important;display:grid!important;place-items:center!important;font-family:Arial Black,Arial,Helvetica,sans-serif!important;font-size:clamp(132px,13.5vw,205px)!important;font-weight:900!important;line-height:.82!important;letter-spacing:-.055em!important;padding:0!important;overflow:hidden!important}
.stem-hero .stem-letter-name{margin-top:9px!important}
@media(max-width:980px){.stem-hero .stem-letter-grid{max-width:620px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.stem-hero .stem-letter-box{font-size:clamp(140px,28vw,205px)!important}}
@media(max-width:520px){.stem-hero .stem-letter-grid{gap:12px!important}.stem-hero .stem-letter-box{font-size:clamp(105px,29vw,160px)!important}}

/* Product detail price: reserve a real inset so the leading '1' can never be clipped by grid/paint overflow. */
.product-info{min-width:0!important;overflow:visible!important;padding-left:0!important}
.product-price-row{display:flex!important;overflow:visible!important;box-sizing:border-box!important;padding:2px 0 2px 14px!important;margin-left:0!important;min-width:0!important;justify-content:flex-start!important}
.product-price[data-product-price]{position:relative!important;display:inline-block!important;box-sizing:border-box!important;font-family:Arial,Helvetica,sans-serif!important;font-variant-numeric:tabular-nums!important;font-size:clamp(34px,2.8vw,46px)!important;line-height:1.15!important;white-space:nowrap!important;overflow:visible!important;clip-path:none!important;text-indent:0!important;transform:none!important;margin:0!important;padding:0!important;min-width:10ch!important;color:#1a1a1a!important}

/* Product detail cart icon: same cart language, but transparent — no blue square background. */
.product-cart-btn{width:72px!important;height:50px!important;padding:4px 7px!important;background:#fff!important;border-width:2px!important;border-style:solid!important;overflow:visible!important;display:grid!important;place-items:center!important}
.product-cart-home-svg{width:54px!important;height:42px!important;display:block!important;overflow:visible!important}
.product-cart-home-svg .cart-line{fill:none!important;stroke:var(--detail-accent,#0788c8)!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.product-cart-home-svg .cart-dot{fill:#e81924!important}
.product-cart-home-icon{display:none!important}

/* Customer account — closely follows PDF page 12 proportions and visual hierarchy. */
.customer-account-section{background:#fff!important;padding:52px 0 72px!important;min-height:620px!important}
.customer-account-pdf-layout{grid-template-columns:205px minmax(0,1fr)!important;gap:58px!important;max-width:1080px!important;align-items:start!important}
.customer-profile-pdf{position:static!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important}
.customer-profile-avatar-line{width:78px!important;height:78px!important;margin:0 auto 8px!important;border:2px solid #0788c8!important;background:#fff!important;color:#0788c8!important;box-shadow:none!important}
.customer-profile-pdf h2{font-size:18px!important;line-height:1.2!important;margin:4px 0 9px!important;color:#0788c8!important}
.customer-profile-lines{font-size:10.5px!important;line-height:1.35!important;gap:2px!important;margin:0 0 14px!important;color:#4e7588!important}
.customer-account-menu-pdf{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin-top:10px!important}
.customer-account-menu-pdf button{min-height:27px!important;padding:4px 8px!important;border:1px solid #0788c8!important;border-radius:1px!important;background:#fff!important;color:#236078!important;font-size:10.5px!important;line-height:1.2!important;font-weight:700!important;box-shadow:none!important}
.customer-account-menu-pdf button.active,.customer-account-menu-pdf button:hover{background:#0788c8!important;color:#fff!important}
.customer-account-pdf-content{min-width:0!important;padding-top:0!important}
.customer-pdf-status-legend{grid-template-columns:repeat(4,1fr)!important;gap:24px!important;border:1.5px solid #0788c8!important;border-radius:12px!important;padding:14px 18px!important;margin:0 0 20px!important;background:#fff!important;box-shadow:none!important}
.customer-pdf-status-legend article{gap:6px!important;color:#0788c8!important;font-size:10.5px!important;font-weight:700!important}
.customer-pdf-status-legend i{width:43px!important;height:43px!important;border:1.5px solid #0788c8!important;border-radius:2px!important;background:#fff!important;color:#ed651d!important;font-size:27px!important;line-height:1!important}
.customer-order-list-pdf{gap:14px!important}
.customer-order-card-pdf{border:1.5px solid #0788c8!important;border-radius:12px!important;padding:12px!important;background:#fff!important;box-shadow:none!important}
.customer-order-card-pdf .customer-order-head{padding:3px 2px 10px!important;background:#fff!important;border:0!important}
.customer-order-card-pdf .customer-order-head b{font-size:14px!important;color:#0788c8!important}
.customer-order-card-pdf .customer-order-head span,.customer-order-card-pdf .customer-order-head small{font-size:10px!important}
.customer-track-four{grid-template-columns:repeat(4,1fr)!important;padding:7px 4px 11px!important;margin:0!important}
.customer-track-four .customer-track-step{font-size:9.5px!important}
.customer-track-four .customer-track-step i{width:26px!important;height:26px!important;font-size:11px!important}
.customer-track-four .customer-track-step:not(:last-child)::after{top:12px!important;height:2px!important}
.customer-order-pdf-blue{background:#0788c8!important;color:#fff!important;border-radius:10px!important;padding:14px 16px!important;margin-top:0!important}
.customer-order-pdf-blue .customer-order-items>div{padding:8px 0!important;font-size:11px!important}
.customer-order-pdf-foot{font-size:11px!important;padding-top:9px!important;margin-top:7px!important}
.customer-order-pdf-foot b{font-size:16px!important}
.customer-loading{border:1.5px solid #0788c8!important;border-radius:12px!important;background:#fff!important;color:#0788c8!important;padding:28px!important}
.customer-account-panel:not(.active){display:none!important}
@media(max-width:900px){.customer-account-pdf-layout{grid-template-columns:1fr!important;gap:24px!important;max-width:720px!important}.customer-account-menu-pdf{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-profile-lines{max-width:360px;margin-inline:auto!important}.customer-pdf-status-legend{gap:10px!important}}
@media(max-width:560px){.customer-account-menu-pdf{grid-template-columns:1fr!important}.customer-pdf-status-legend{grid-template-columns:repeat(2,1fr)!important}.customer-track-four{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.customer-track-four .customer-track-step:not(:last-child)::after{display:none!important}}


/* ===== V5.12 | PDF fidelity: STEM, account tracking, social login, feedback ===== */
/* PDF page 2: the white S/T/E/M letter nearly fills its colored portrait block. */
.stem-hero .stem-letter-box{font-size:clamp(172px,17.2vw,272px)!important;line-height:.68!important;letter-spacing:-.075em!important;font-stretch:condensed!important;text-align:center!important;text-transform:uppercase!important}
@media(max-width:980px){.stem-hero .stem-letter-box{font-size:clamp(170px,35vw,258px)!important}}
@media(max-width:520px){.stem-hero .stem-letter-box{font-size:clamp(126px,35vw,190px)!important}}

/* PDF page 12: square blue outline + orange tick for each completed order stage. */
.customer-track-pdf-checks .customer-track-step i{width:38px!important;height:38px!important;border-radius:2px!important;border:1.5px solid #0788c8!important;background:#fff!important;color:transparent!important;font-size:25px!important;line-height:1!important;display:grid!important;place-items:center!important;box-shadow:none!important;z-index:2!important}
.customer-track-pdf-checks .customer-track-step.done i{color:#ed651d!important;background:#fff!important}
.customer-track-pdf-checks .customer-track-step:not(:last-child)::after{top:18px!important;background:#b9dbea!important;height:1.5px!important}
.customer-track-pdf-checks .customer-track-step.done:not(:last-child)::after{background:#0788c8!important}
.customer-order-product-line{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
.customer-order-product-line>img{width:64px!important;height:52px!important;object-fit:contain!important;border-radius:5px!important;background:#fff!important;padding:4px!important;border:1px solid rgba(255,255,255,.8)!important}
.customer-order-product-line>span{min-width:0!important;display:grid!important;gap:3px!important}.customer-order-product-line>span b{color:#fff!important}.customer-order-product-line>span small{color:#e6f7ff!important}.customer-order-product-line>strong{white-space:nowrap!important}
.customer-profile-avatar-line img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}

/* PDF page 10: visible Google/Facebook direct-login buttons with their recognizable marks. */
.auth-social-divider{display:flex;align-items:center;gap:12px;margin:14px 0 10px;color:#7b8d96;font-size:12px}.auth-social-divider:before,.auth-social-divider:after{content:"";height:1px;background:#d7e5ec;flex:1}.auth-social-divider span{white-space:nowrap}
.auth-social-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-social-btn{min-height:40px;border:1.5px solid #0788c8;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;color:#244f63!important;font-weight:700;font-size:13px;transition:.18s ease}.auth-social-btn:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(7,136,200,.13)}.auth-social-btn svg{width:21px;height:21px;flex:0 0 21px}
@media(max-width:430px){.auth-social-row{grid-template-columns:1fr}}

/* Contact / Policy feedback forms. */
.site-feedback-form{margin-top:16px}.site-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-feedback-grid label{display:grid;gap:6px;font-weight:700;color:#31576a;font-size:13px}.site-feedback-grid .full{grid-column:1/-1}.site-feedback-form .btn{margin-top:14px}.site-feedback-status{margin-top:10px;font-weight:700;font-size:13px}.site-feedback-status.success{color:#138a45}.site-feedback-status.error{color:#c43131}.policy-feedback-section{padding-top:12px}.policy-feedback-card{max-width:880px;margin:auto;border:1.5px solid #0788c8;border-radius:12px;padding:24px;background:#fff}.policy-feedback-card>span{color:#0788c8;font-weight:900;letter-spacing:.08em}.policy-feedback-card h2{margin:5px 0 8px}.policy-feedback-card p{color:#607985}.contact-card .site-feedback-form textarea{height:auto!important}
@media(max-width:650px){.site-feedback-grid{grid-template-columns:1fr}.site-feedback-grid .full{grid-column:auto}}

/* Admin request cards: explicit field labels instead of a continuous text block. */
.cms-request-form-card{border:1px solid #d6e3ea;border-radius:10px;padding:16px;margin:0 0 14px;background:#fff}.cms-request-form-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:13px}.cms-request-form-head h3{margin:0;color:#087eb8}.cms-request-form-head small{display:block;color:#718793;margin-top:3px}.cms-request-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.cms-request-form-field{display:grid;gap:5px}.cms-request-form-field.full{grid-column:1/-1}.cms-request-form-field label{font-size:11px;font-weight:900;text-transform:uppercase;color:#5e7480;letter-spacing:.04em}.cms-request-form-field input,.cms-request-form-field textarea{width:100%;box-sizing:border-box;border:1px solid #c9dce5;border-radius:6px;background:#f9fcfd;padding:10px 11px;color:#173b4c;font:inherit}.cms-request-form-field textarea{resize:vertical}.cms-request-form-actions{display:flex;justify-content:flex-end;margin-top:12px}@media(max-width:720px){.cms-request-form-grid{grid-template-columns:1fr}.cms-request-form-field.full{grid-column:auto}}

/* Secure social-login configuration inside admin settings. */
.cms-social-login-config{margin-top:18px}.cms-social-login-config .admin-form-grid{grid-template-columns:1fr 1fr}.cms-social-login-config .full{grid-column:1/-1}.cms-social-callback{font-size:11px;background:#f3f8fa!important}


/* ===== V5.13 | 2026-08-27 PDF page-2 grid, global gutters, search and account cleanup ===== */
:root{--container:1320px!important;--page-pad:42px!important}
.container{width:min(var(--container),calc(100% - (var(--page-pad) * 2)))!important;margin-inline:auto!important;box-sizing:border-box!important}
@media(max-width:1440px){:root{--page-pad:38px!important}}
@media(max-width:980px){:root{--page-pad:26px!important}}
@media(max-width:560px){:root{--page-pad:18px!important}}
@media(min-width:1101px){.header-top,.nav-inner{grid-template-columns:285px minmax(0,1fr) 118px!important;column-gap:18px!important}.search{width:100%!important;max-width:none!important;justify-self:stretch!important}.header-top .brand{justify-self:start!important}.header-top .puzzle{justify-self:end!important}}
.search input[type="search"]{min-width:0;width:100%}
.stem-hero .stem-letter-grid,.catalog-grid,.products-grid{width:100%!important;max-width:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin-left:auto!important;margin-right:auto!important}
.stem-hero .stem-letter-wrap{width:100%!important;min-width:0!important}
.stem-hero .stem-letter-box{width:100%!important;aspect-ratio:10/13!important;height:auto!important;display:grid!important;place-items:center!important;padding:0!important;overflow:hidden!important;border-radius:13px!important;font-family:Arial Black,Arial,Helvetica,sans-serif!important;font-size:clamp(210px,18.6vw,320px)!important;font-weight:900!important;line-height:.70!important;letter-spacing:-.07em!important;text-align:center!important;text-transform:uppercase!important;transform:scaleY(1.08)!important;transform-origin:center!important}
.stem-hero .stem-letter-name{width:100%!important;margin-top:8px!important;text-align:center!important}
.catalog-grid .product-card,.products-grid .product-card{width:100%!important;min-width:0!important;min-height:410px!important;height:100%!important}
.catalog-grid .product-card img,.products-grid .product-card img{height:238px!important;object-fit:contain!important}
@media(max-width:980px){.stem-hero .stem-letter-grid,.catalog-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.stem-hero .stem-letter-box{font-size:clamp(205px,39vw,315px)!important}.catalog-grid .product-card,.products-grid .product-card{min-height:360px!important}}
@media(max-width:520px){.stem-hero .stem-letter-grid,.catalog-grid,.products-grid{gap:12px!important}.stem-hero .stem-letter-box{font-size:clamp(135px,39vw,205px)!important}.catalog-grid .product-card,.products-grid .product-card{min-height:300px!important}.catalog-grid .product-card img,.products-grid .product-card img{height:175px!important}}
.customer-pdf-status-legend{display:none!important}
.customer-order-items img{display:block!important;width:76px!important;height:62px!important;object-fit:contain!important;background:#fff!important;border-radius:6px!important;padding:4px!important}
.site-search-head{max-width:820px;margin-bottom:26px}.site-search-head>span{font-weight:900;letter-spacing:.08em;color:#0788c8}.site-search-head h1{margin:5px 0 8px;color:#173d67;font-size:clamp(34px,4vw,54px)}.site-search-head p{color:#607583;line-height:1.65}.site-search-results{display:grid;gap:14px}.site-search-result{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.5fr) auto;gap:22px;align-items:center;padding:18px 20px;border:1px solid #d7e5ec;border-radius:12px;background:#fff}.site-search-result span{display:inline-block;color:#0788c8;font-weight:900;font-size:12px;letter-spacing:.05em}.site-search-result h2{margin:4px 0;font-size:21px}.site-search-result h2 a{color:#173d67;text-decoration:none}.site-search-result small{color:#6b7d88}.site-search-result p{margin:0;color:#526c7a;line-height:1.6}.site-search-open{white-space:nowrap;font-weight:850;color:#0788c8;text-decoration:none}.site-search-order{border-color:#0788c8;background:#f6fbfe}.site-search-empty{padding:28px;border:1px dashed #b8d4e2;border-radius:12px;color:#607583;text-align:center}.order-create-account-btn{white-space:normal;text-align:center}.policy-feedback-title{margin-top:0;color:#173d67}
@media(max-width:820px){.site-search-result{grid-template-columns:1fr}.site-search-open{justify-self:start}}


/* V5.13.1 - STEM glyphs nearly fill the colored blocks without changing the block size. */
.stem-hero .stem-letter-box{font-size:0!important;transform:none!important;position:relative!important}
.stem-hero .stem-letter-box::before{display:block!important;font-family:Impact,"Arial Black",Arial,Helvetica,sans-serif!important;font-size:clamp(260px,24vw,370px)!important;font-weight:900!important;line-height:.72!important;color:#fff!important;transform:scaleY(1.48)!important;transform-origin:center!important;text-align:center!important}
.stem-hero .stem-letter-wrap:nth-child(1) .stem-letter-box::before{content:"S"}
.stem-hero .stem-letter-wrap:nth-child(2) .stem-letter-box::before{content:"T"}
.stem-hero .stem-letter-wrap:nth-child(3) .stem-letter-box::before{content:"E"}
.stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before{content:"M";font-size:clamp(235px,21vw,335px)!important}
@media(min-width:981px){.catalog-grid .product-card,.products-grid .product-card{aspect-ratio:10/13!important;min-height:0!important;height:auto!important}.catalog-grid .product-card img,.products-grid .product-card img{height:58%!important;min-height:0!important;object-fit:contain!important}.catalog-grid .product-card-body,.products-grid .product-card-body{padding:8px 14px 14px!important}}
@media(max-width:980px){.stem-hero .stem-letter-box::before{font-size:clamp(215px,46vw,345px)!important}.stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before{font-size:clamp(195px,41vw,310px)!important}}
@media(max-width:520px){.stem-hero .stem-letter-box::before{font-size:clamp(145px,47vw,215px)!important}.stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before{font-size:clamp(130px,42vw,190px)!important}}


/* ===== V5.14 | PDF-accurate catalog, header alignment, gutters, cart and responsive ===== */
:root{
  --container:1680px!important;
  --page-pad:clamp(28px,8.7vw,168px)!important;
}
.container{
  width:min(var(--container),calc(100% - (var(--page-pad) * 2)))!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

/* PDF header: search and the menu share the same middle column. */
@media (min-width:1101px){
  .header-top,.nav-inner{
    grid-template-columns:40% 42% 18%!important;
    gap:0!important;
    align-items:center!important;
  }
  .search,.nav-links{
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
  }
  .nav-links{
    justify-content:space-between!important;
    gap:12px!important;
    padding-inline:0!important;
  }
  .header-top .brand,.nav-icons{justify-self:start!important}
  .header-top .puzzle,.nav-actions{justify-self:end!important}
}
.search input[type="search"]{width:100%!important;min-width:0!important}

/* PDF page 2: four identical STEM blocks, exactly above the four product columns. */
.stem-hero .stem-letter-grid,
.catalog-grid,.products-grid{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.stem-hero .stem-letter-wrap{width:100%!important;min-width:0!important}
.stem-hero .stem-letter-box{
  width:100%!important;
  height:auto!important;
  aspect-ratio:5/6!important;
  border-radius:16px!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  font-size:0!important;
  transform:none!important;
  box-shadow:none!important;
}
.stem-hero .stem-letter-box::before{
  display:block!important;
  font-family:"Barlow Condensed",Impact,"Arial Narrow",Arial,sans-serif!important;
  font-size:clamp(210px,22vw,390px)!important;
  font-weight:900!important;
  line-height:.78!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
  text-align:center!important;
  transform:scaleX(.94) scaleY(1.25)!important;
  transform-origin:center!important;
}
.stem-hero .stem-letter-wrap:nth-child(1) .stem-letter-box::before{content:"S"}
.stem-hero .stem-letter-wrap:nth-child(2) .stem-letter-box::before{content:"T"}
.stem-hero .stem-letter-wrap:nth-child(3) .stem-letter-box::before{content:"E"}
.stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before{content:"M";font-size:clamp(200px,20.8vw,372px)!important;transform:scaleX(.90) scaleY(1.25)!important}
.stem-hero .stem-letter-name{
  width:100%!important;
  min-height:48px!important;
  margin-top:8px!important;
  padding:7px 6px!important;
  border-radius:13px!important;
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif!important;
  font-size:clamp(17px,1.45vw,24px)!important;
  font-weight:600!important;
  text-align:center!important;
}

/* Product cards: return to the PDF visual hierarchy - large real image, name, price, quick button. */
@media (min-width:981px){
  .catalog-grid .product-card,.products-grid .product-card{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:18/25!important;
    border-radius:10px!important;
    border-width:2px!important;
    border-top-width:2px!important;
    box-shadow:none!important;
  }
  .catalog-grid .product-image-link,.products-grid .product-image-link{
    height:64%!important;
    min-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 12px 3px!important;
  }
  .catalog-grid .product-card img,.products-grid .product-card img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:0!important;
  }
  .catalog-grid .product-card-body,.products-grid .product-card-body{
    min-height:36%!important;
    margin:0!important;
    padding:7px 12px 11px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    text-align:center!important;
  }
  .catalog-grid .product-card-topline,.products-grid .product-card-topline,
  .catalog-grid .product-card-meta,.products-grid .product-card-meta,
  .catalog-grid .product-sku,.products-grid .product-sku{display:none!important}
  .catalog-grid .product-card h3,.products-grid .product-card h3{
    display:block!important;
    min-height:2.4em!important;
    margin:0 0 5px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  .catalog-grid .price,.products-grid .price{margin:0 0 7px!important;font-size:11px!important;line-height:1.25!important}
  .catalog-grid .product-quick-btn,.products-grid .product-quick-btn{
    min-height:27px!important;
    padding:5px 13px!important;
    border-radius:2px!important;
    font-size:10px!important;
  }
}

/* Cart */
.cart-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.cart-title-row .title{margin-bottom:0!important}
.cart-continue-shopping{white-space:nowrap}

/* Customer order images must show the bought product, never the company logo. */
.customer-order-product-line img{
  display:block!important;width:82px!important;height:68px!important;object-fit:contain!important;
  background:#fff!important;border-radius:6px!important;padding:4px!important;border:1px solid rgba(255,255,255,.85)!important;
}
.customer-order-product-line .customer-product-image-missing{width:82px;height:68px;border:1px dashed rgba(255,255,255,.75);border-radius:6px;display:grid;place-items:center;font-size:10px;text-align:center;color:#fff;padding:5px}

/* Responsive QA: retain readable gutters and stable grids without horizontal overflow. */
@media (max-width:1100px){
  :root{--page-pad:clamp(22px,5.5vw,56px)!important}
  .stem-hero .stem-letter-grid,.catalog-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .stem-hero .stem-letter-box::before{font-size:clamp(170px,38vw,300px)!important}
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before{font-size:clamp(160px,35vw,282px)!important}
  .catalog-grid .product-card,.products-grid .product-card{aspect-ratio:auto!important;min-height:330px!important;height:auto!important}
  .catalog-grid .product-image-link,.products-grid .product-image-link{height:205px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important}
  .catalog-grid .product-card img,.products-grid .product-card img{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important}
}
@media (max-width:680px){
  :root{--page-pad:18px!important}
  .stem-hero .stem-letter-grid,.catalog-grid,.products-grid{gap:12px!important}
  .stem-hero .stem-letter-box{aspect-ratio:5/6!important;border-radius:12px!important}
  .stem-hero .stem-letter-box::before{font-size:clamp(128px,39vw,215px)!important}
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before{font-size:clamp(118px,36vw,198px)!important}
  .stem-hero .stem-letter-name{min-height:39px!important;font-size:13px!important;padding:5px 3px!important}
  .cart-title-row{align-items:flex-start;flex-direction:column;margin-bottom:18px}
  .cart-continue-shopping{width:100%;justify-content:center}
}
@media (max-width:480px){
  :root{--page-pad:16px!important}
  .catalog-grid,.products-grid{grid-template-columns:1fr!important}
  .catalog-grid .product-card,.products-grid .product-card{min-height:0!important}
  .catalog-grid .product-image-link,.products-grid .product-image-link{height:220px!important}
  .stem-hero .stem-letter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* V5.14.1 final visual QA against reference PDF */
@media (min-width:1101px){
  .site-header .header-top.container,.site-header .nav-inner.container{grid-template-columns:40% 42% 18%!important}
  .site-header .search{justify-self:stretch!important;margin:0!important}
  .site-header .nav-links{justify-self:stretch!important;width:100%!important}
}
.stem-hero .stem-letter-box{border-radius:16px!important}
.stem-hero .stem-letter-box::before{font-stretch:condensed!important}
@media (min-width:981px){
  .catalog-grid .product-card,.products-grid .product-card{aspect-ratio:18/25!important;border:2px solid var(--card,var(--purple))!important;border-radius:10px!important}
  .catalog-grid .product-image-link,.products-grid .product-image-link{height:64%!important;background:#fff!important}
  .catalog-grid .product-card-body,.products-grid .product-card-body{min-height:36%!important;padding:8px 12px 12px!important;text-align:center!important;align-items:center!important;justify-content:flex-end!important}
  .catalog-grid .product-card h3,.products-grid .product-card h3{font-size:15px!important;min-height:2.35em!important;justify-content:center!important;text-align:center!important;margin:0 0 6px!important}
  .catalog-grid .product-title-link,.products-grid .product-title-link{color:#111!important}
  .catalog-grid .price,.products-grid .price{font-size:11px!important;color:#111!important;margin:0 0 8px!important}
  .catalog-grid .product-quick-btn,.products-grid .product-quick-btn{width:auto!important;min-width:92px!important;min-height:28px!important;border-radius:2px!important;padding:5px 12px!important;text-transform:none!important}
}

/* ===== V5.15 | top information ticker, rotating home banner, back-to-top and search alignment ===== */
.site-announcement{position:relative;z-index:95;width:100%;overflow:hidden;background:#067dc2;color:#fff;border-bottom:1px solid rgba(255,255,255,.24);font-family:var(--font-original,Arial,sans-serif)}
.site-announcement-viewport{overflow:hidden;width:100%;height:34px;display:flex;align-items:center}
.site-announcement-track{display:flex;align-items:center;width:max-content;min-width:200%;white-space:nowrap;will-change:transform;animation:am-announcement-scroll var(--announcement-duration,24s) linear infinite}
.site-announcement-item{display:inline-flex;align-items:center;padding:0 30px;font-size:13px;font-weight:800;letter-spacing:.025em;text-transform:none;animation:am-announcement-glow 2.2s ease-in-out infinite}
.site-announcement-dot{display:inline-flex;align-items:center;justify-content:center;color:#ffd45c;font-size:12px;opacity:.95}
@keyframes am-announcement-scroll{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@keyframes am-announcement-glow{0%,100%{opacity:.78;text-shadow:0 0 0 rgba(255,255,255,0)}50%{opacity:1;text-shadow:0 0 9px rgba(255,255,255,.58)}}

/* Search follows the same center axis as the menu in the PDF header. */
@media(min-width:1101px){
  .site-header .header-top.container,.site-header .nav-inner.container{grid-template-columns:40% 42% 18%!important;column-gap:0!important}
  .site-header .search,.site-header .nav-links{grid-column:2!important;width:100%!important;max-width:none!important;justify-self:stretch!important}
  .site-header .search{margin:0!important}
  .site-header .search input{border-radius:5px!important}
  .site-header .nav-links{justify-content:space-between!important;gap:10px!important}
}

/* Home banner carousel. The first slide retains the original PDF composition. */
.home-welcome-original .home-welcome-stage{isolation:isolate}
.home-welcome-original .home-banner-slides{position:absolute;inset:0;z-index:0;overflow:hidden;background:#173646}
.home-welcome-original .home-banner-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.015);transition:opacity .8s ease,transform 5.5s ease;pointer-events:none}
.home-welcome-original .home-banner-slide.is-active{opacity:1;transform:scale(1)}
.home-welcome-original .home-welcome-stage::after{z-index:1!important}
.home-welcome-original .home-welcome-overlay{z-index:3!important}
.home-banner-controls{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:6px 9px;border-radius:999px;background:rgba(7,40,58,.30);backdrop-filter:blur(3px)}
.home-banner-dots{display:flex;align-items:center;gap:7px}
.home-banner-dots button{width:9px;height:9px;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.28);cursor:pointer;transition:transform .18s ease,background .18s ease}
.home-banner-dots button.is-active{background:#fff;transform:scale(1.3)}
.home-banner-arrow{width:28px;height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0788c8;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.16)}
.home-banner-arrow:hover,.home-banner-arrow:focus-visible{background:#fff;outline:2px solid rgba(255,255,255,.65);outline-offset:2px}

/* Back to top: left side so it never overlaps Sale/Zalo/Phone actions on the right. */
.back-to-top{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));z-index:9998;display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.96);border-radius:999px;background:#0788c8;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.20);font:800 11px/1 Arial,sans-serif;letter-spacing:.035em;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,filter .2s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus-visible{filter:brightness(1.08);outline:none}
.back-to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:680px){
  .site-announcement-viewport{height:30px}.site-announcement-item{font-size:11px;padding:0 20px}
  .home-banner-controls{bottom:10px}.home-banner-arrow{width:26px;height:26px;font-size:20px}.home-banner-dots button{width:8px;height:8px}
  .back-to-top{left:max(10px,env(safe-area-inset-left));bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));min-height:40px;padding:7px 9px}.back-to-top span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .site-announcement-track,.site-announcement-item{animation:none!important}.site-announcement-track{transform:none!important}
  .home-welcome-original .home-banner-slide{transition:opacity .15s linear!important;transform:none!important}
  .back-to-top{transition:none!important}
}
@media print{.site-announcement,.home-banner-controls,.back-to-top{display:none!important}}

/* ===== V5.16 | contact-for-price products ===== */
.product-price-contact{color:#e65b1d!important;font-weight:900!important}
.product-card.is-contact-price .price{color:#e65b1d!important}
.product-contact-buy{border:0!important;color:#fff!important;cursor:pointer!important;text-align:center!important}
.product-actions .product-contact-buy{grid-column:1 / -1!important;width:min(100%,290px)!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important}
[data-product-cart][hidden]{display:none!important}


/* ===== V5.17 FINAL PRE-ONLINE QA ===== */
@media (min-width:1101px){
  .site-header .header-top.container{
    width:min(1585px,82.6vw)!important;max-width:1585px!important;height:auto!important;min-height:112px!important;
    margin-inline:auto!important;padding:0!important;display:grid!important;grid-template-columns:40% 45% 15%!important;column-gap:0!important;align-items:center!important;position:relative!important;
  }
  .site-header .header-top .brand,.site-header .header-top .search,.site-header .header-top .puzzle{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;height:auto!important;
  }
  .site-header .header-top .brand{grid-column:1!important;justify-self:start!important;width:auto!important}
  .site-header .brand img{width:104px!important;max-width:104px!important;height:auto!important}
  .site-header .search{grid-column:2!important;width:100%!important;max-width:none!important;justify-self:stretch!important}
  .site-header .search input{height:44px!important;border:1.5px solid #0788c8!important;border-radius:7px!important;padding:0 52px 0 16px!important;font-size:18px!important}
  .site-header .search button{height:44px!important;width:50px!important}
  .site-header .header-top .puzzle{grid-column:3!important;justify-self:end!important;width:auto!important}
  .site-header .puzzle img{width:70px!important;max-width:70px!important;height:auto!important}
  .site-header .nav{height:auto!important;min-height:54px!important}
  .site-header .nav-inner.container{
    width:min(1585px,82.6vw)!important;max-width:1585px!important;min-height:54px!important;height:54px!important;
    margin-inline:auto!important;padding:0!important;display:grid!important;grid-template-columns:40% 45% 15%!important;column-gap:0!important;align-items:center!important;position:relative!important;overflow:visible!important;
  }
  .site-header .nav-icons,.site-header .nav-links,.site-header .nav-actions{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;height:auto!important;
  }
  .site-header .nav-icons{grid-column:1!important;justify-self:start!important;width:235px!important;display:flex!important}
  .site-header .nav-icons-original{width:235px!important;height:auto!important;max-width:100%!important}
  .site-header .nav-links{grid-column:2!important;width:100%!important;justify-self:stretch!important;display:flex!important;justify-content:space-between!important;gap:10px!important;padding:0!important;font-size:13px!important;white-space:nowrap!important;overflow:visible!important}
  .site-header .nav-product,.site-header .nav-product-trigger{min-height:54px!important;height:54px!important}
  .site-header .nav-actions{grid-column:3!important;justify-self:end!important;display:flex!important;gap:6px!important}
  .site-header .nav-actions a{height:38px!important}
  .site-header .nav-actions img,.site-header .nav-action-cart img,.site-header .nav-action-account img{height:38px!important;width:auto!important}
}
.site-announcement-track{animation-name:am-announcement-scroll-ltr!important}
.site-announcement-item{gap:var(--announcement-gap,42px)!important;padding:0 var(--announcement-gap,42px)!important}
.site-announcement-segment{display:inline-flex;align-items:center;gap:9px}
.site-announcement-icon{display:inline-grid;place-items:center;min-width:19px;font-size:15px;line-height:1}
@keyframes am-announcement-scroll-ltr{from{transform:translateX(-25%)}to{transform:translateX(0)}}

.product-main-section .product-detail,
.product-main-section .product-description,
.product-main-section .product-reviews,
.product-main-section .related-products{
  border:1.5px solid #cbdfea!important;border-radius:18px!important;background:#fff!important;
  padding:clamp(22px,2.2vw,36px)!important;box-shadow:0 8px 26px rgba(22,70,98,.06)!important;
}
.product-main-section .product-detail{margin-bottom:28px!important}
.product-main-section .divider{display:none!important}
.product-main-section .product-description{margin-top:0!important}
.product-main-section .product-reviews{margin-top:28px!important}
.product-main-section .related-products{margin-top:28px!important}
.product-main-section .specs{border:1px solid #dbe7ed;border-radius:10px;overflow:hidden;border-collapse:separate;border-spacing:0}
.product-main-section .specs td{padding:11px 13px!important;border-bottom:1px solid #e4edf2!important}
.product-main-section .specs tr:last-child td{border-bottom:0!important}
.product-main-section .product-description .subtitle{margin-top:20px!important}
.product-price[hidden],.product-price:empty{display:none!important}
.product-sale-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 11px;border-radius:999px;background:#ef5b19;color:#fff;font-size:13px;font-weight:900;letter-spacing:.03em}
.product-sale-badge[hidden]{display:none!important}
.product-card{position:relative!important}
.product-sale-corner{position:absolute;z-index:4;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:30px;padding:0 9px;border-radius:999px;background:#ef5b19;color:#fff;font-size:12px;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.admin-sale-badge{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;background:#ef5b19;color:#fff;font-size:10px;font-weight:900}
@media(max-width:680px){
  .site-announcement-item{gap:24px!important;padding-inline:24px!important}
  .site-announcement-segment{gap:6px}
  .product-main-section .product-detail,.product-main-section .product-description,.product-main-section .product-reviews,.product-main-section .related-products{padding:18px!important;border-radius:14px!important}
}

/* V5.17 SALE listing notice */
.sale-filter-banner{display:flex;align-items:center;gap:18px;margin:18px 0 26px;padding:14px 18px;border:1.5px solid #ef5b19;border-radius:14px;background:#fff7f2;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.sale-filter-banner strong{font-size:20px;color:#ef5b19;letter-spacing:.4px}.sale-filter-banner span{color:#333}.sale-filter-banner a{margin-left:auto;color:#0788c8;font-weight:800;text-decoration:none}
@media(max-width:700px){.sale-filter-banner{align-items:flex-start;flex-direction:column;gap:6px}.sale-filter-banner a{margin-left:0}}

/* ===== V5.19 | banner sizing, vision/mission typography, announcement icons, stock UI ===== */
.home-welcome-original .home-welcome-stage{
  aspect-ratio:auto!important;
  min-height:0!important;
  height:var(--home-banner-height-desktop,400px)!important;
}
.home-welcome-original .home-welcome-bg,
.home-welcome-original .home-banner-slide{height:100%!important;object-fit:cover!important}
@media (max-width:1100px){
  .home-welcome-original .home-welcome-stage{height:var(--home-banner-height-tablet,320px)!important}
}
@media (max-width:680px){
  .home-welcome-original .home-welcome-stage{height:var(--home-banner-height-mobile,250px)!important}
}
/* Match the body copy size used in the “Về chúng tôi” section. */
.vision-mission-original .vm-panel-inner{
  font-size:clamp(17px,1.05vw,20px)!important;
  line-height:1.45!important;
}
@media (min-width:1101px){
  .vision-mission-original .vm-original-band{min-height:430px!important}
  .vision-mission-original .vm-panel-left{padding-right:clamp(230px,13.5vw,270px)!important}
  .vision-mission-original .vm-panel-right{padding-left:clamp(230px,13.5vw,270px)!important}
}
.site-announcement-icon{width:22px;min-width:22px;height:22px;overflow:hidden}
.site-announcement-icon-image{display:block;width:20px;height:20px;object-fit:contain}
.site-announcement-icon-text{display:inline-grid;place-items:center;width:22px;height:22px;font-size:16px;line-height:1}
.site-copyright{line-height:1.45!important;text-align:center!important;padding:12px 16px 16px!important}
.product-main-section .specs td{vertical-align:middle!important}
.product-main-section .specs td:first-child{font-weight:700!important;color:#34515f!important}
.product-main-section .specs td:last-child{font-weight:600!important;color:#111!important;overflow-wrap:anywhere!important}
.admin-stock-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:11px;color:#4b5f6a}
.admin-stock-summary span{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef6fa;border:1px solid #d6e7ef}
.admin-stock-summary .is-out{background:#fff2ef;border-color:#f4c5bb;color:#b53e23}
.admin-inventory-readonly{background:#f5f7f8!important;color:#52636d!important}

/* ===== V5.20 FINAL ONLINE REFINEMENT ===== */
@media (min-width:1101px){
  .site-header .header-top.container,.site-header .nav-inner.container{grid-template-columns:250px minmax(0,1fr) 150px!important;column-gap:28px!important;max-width:var(--am-page-max-width,1380px)!important;padding-left:var(--am-page-side-gutter,52px)!important;padding-right:var(--am-page-side-gutter,52px)!important}
  .site-header .header-top.container{min-height:116px!important}
  .site-header .brand img{width:132px!important;max-width:132px!important}
  .site-header .puzzle img{width:92px!important;max-width:92px!important}
  .site-header .search{width:min(100%,650px)!important;max-width:650px!important;justify-self:center!important}
  .site-header .search input{height:46px!important;font-size:19px!important;border:1.5px solid #0788c8!important;border-radius:8px!important}
  .site-header .search button{height:46px!important;width:54px!important}
  .site-header .nav-links{justify-content:center!important}
}
.product-main-section .main-product-wrap{position:relative!important;overflow:visible!important}
.product-detail-sale-corner{position:absolute!important;top:12px!important;right:12px!important;z-index:8!important;min-width:62px!important;height:34px!important;border-radius:8px!important;background:#ef5b19!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important}
.product-main-section .product-price-row>.product-sale-badge{display:none!important}
.product-main-section .specs .spec-age-row{display:table-row!important;position:static!important;float:none!important}
.product-main-section .specs .spec-age-row td{display:table-cell!important;position:static!important;float:none!important;vertical-align:middle!important}
.product-card.is-out-of-stock .product-image-link img{opacity:.72}
.product-card.is-out-of-stock:after{content:'HẾT HÀNG';position:absolute;left:12px;top:12px;z-index:5;background:#394956;color:#fff;font-size:11px;font-weight:900;padding:6px 9px;border-radius:6px}
.vision-mission-original .vm-panel-inner{font-size:clamp(15px,.92vw,17px)!important;line-height:1.48!important}
.site-copyright{white-space:nowrap!important;overflow-x:auto!important;font-size:clamp(10px,.9vw,14px)!important;padding:12px 14px!important}
.am-page-layout-enabled .container{max-width:var(--am-page-max-width,1380px)!important;padding-left:var(--am-page-side-gutter,52px)!important;padding-right:var(--am-page-side-gutter,52px)!important}
.am-page-layout-enabled main{font-size:var(--am-page-font-size,16px)}
.am-page-layout-enabled main>section{margin-bottom:var(--am-page-section-spacing,0px)}
.am-page-layout-enabled .admin-card,.am-page-layout-enabled .product-main-section .product-detail,.am-page-layout-enabled .product-main-section .product-description,.am-page-layout-enabled .product-main-section .product-reviews,.am-page-layout-enabled .product-main-section .related-products{border-radius:var(--am-page-radius,12px)!important}
.cms-page-layout-editor{margin:18px 0 24px!important}
.admin-product-status-group{margin:26px 0 34px}.admin-product-status-group>h3{margin:0 0 12px;color:#057fbd;font-size:20px}.admin-product-category-group{border:1px solid #dbe7ed;border-radius:10px;margin:10px 0;background:#fff;overflow:hidden}.admin-product-category-group>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7fbfd;font-weight:800}.admin-product-category-group>summary span{color:var(--admin-accent,#0788c8)}.admin-product-category-group>summary b{background:#eaf5fa;border-radius:999px;padding:3px 9px}.admin-product-category-group>div{padding:8px 12px}.cms-reset-link{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0;padding:10px;background:#f5fbff;border:1px solid #cfe7f4;border-radius:8px}.cms-reset-link label{grid-column:1/-1;font-weight:800;color:#057fbd}.cms-reset-link input{min-width:0;width:100%;padding:9px;border:1px solid #bcd8e7;border-radius:6px}.cms-solution-page-editor-shortcuts{margin-bottom:22px!important}
@media(max-width:1100px){.site-header .brand img{width:108px!important}.site-header .puzzle img{width:72px!important}.site-header .search{max-width:none!important}.am-page-layout-enabled .container{padding-left:max(22px,var(--am-page-side-gutter,28px))!important;padding-right:max(22px,var(--am-page-side-gutter,28px))!important}}
@media(max-width:680px){.site-copyright{font-size:10px!important}.product-detail-sale-corner{top:8px!important;right:8px!important}.cms-reset-link{grid-template-columns:1fr}}

/* ===== V5.21 FINAL CORRECTIONS: PDF header, tighter page gutters, product detail ===== */
:root{--page-pad:26px}
.am-page-layout-enabled .container{max-width:var(--am-page-max-width,1440px)!important;padding-left:var(--am-page-side-gutter,34px)!important;padding-right:var(--am-page-side-gutter,34px)!important}
.vision-mission-original .vm-panel-inner{font-size:clamp(14px,.84vw,16px)!important;line-height:1.46!important}

/* Product detail: SALE belongs to the top-right corner of the actual product image. */
.product-main-section .main-product-wrap{position:relative!important;isolation:isolate!important}
.product-main-section .product-detail-sale-corner{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;z-index:12!important;margin:0!important}
.product-main-section .product-detail-sale-corner[hidden]{display:none!important}
.product-main-section .specs{display:table!important;table-layout:fixed!important;width:100%!important}
.product-main-section .specs tbody{display:table-row-group!important}
.product-main-section .specs tr,.product-main-section .specs .spec-age-row{display:table-row!important;position:static!important;float:none!important;transform:none!important}
.product-main-section .specs td,.product-main-section .specs .spec-age-row td{display:table-cell!important;position:static!important;float:none!important;transform:none!important;vertical-align:middle!important}
.product-main-section .specs td:first-child{width:38%!important}
.product-main-section [data-spec-age]{min-height:1em!important;white-space:normal!important}

@media (min-width:1101px){
  .site-header .header-top.container,.site-header .nav-inner.container{
    width:min(1440px,calc(100% - 56px))!important;max-width:1440px!important;
    padding-left:0!important;padding-right:0!important;
    grid-template-columns:250px minmax(0,1fr) 118px!important;column-gap:24px!important;
  }
  .site-header .header-top.container{min-height:98px!important;align-items:center!important}
  .site-header .brand{grid-column:1!important;justify-self:start!important;display:flex!important;align-items:center!important}
  .site-header .brand img{width:118px!important;max-width:118px!important;height:auto!important}
  .site-header .search{grid-column:2!important;display:block!important;position:relative!important;width:100%!important;max-width:none!important;height:42px!important;margin:0!important;padding:0!important;justify-self:stretch!important;align-self:center!important}
  .site-header .search>input[type="search"]{display:block!important;position:static!important;width:100%!important;height:42px!important;margin:0!important;padding:0 52px 0 15px!important;border:1.5px solid #0788c8!important;border-radius:5px!important;background:#fff!important;color:#31546a!important;font-size:17px!important;line-height:42px!important;box-shadow:none!important}
  .site-header .search>button{display:grid!important;place-items:center!important;position:absolute!important;right:0!important;top:0!important;width:48px!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #0788c8!important;border-radius:0 5px 5px 0!important;background:#fff!important;color:#0788c8!important}
  .site-header .search>button svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
  .site-header .puzzle{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important}
  .site-header .puzzle img{width:80px!important;max-width:80px!important;height:auto!important;margin:0!important}
  .site-header .nav-inner.container{min-height:54px!important;align-items:center!important}
  .site-header .nav-icons{grid-column:1!important;width:238px!important;justify-self:start!important;display:flex!important}
  .site-header .nav-icons-original{width:238px!important;max-width:238px!important;height:auto!important}
  .site-header .nav-links{grid-column:2!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(18px,1.65vw,30px)!important;padding:0!important;margin:0!important;font-size:13px!important;white-space:nowrap!important;overflow:visible!important}
  .site-header .nav-product,.site-header .nav-product-trigger{min-height:54px!important;height:54px!important}
  .site-header .nav-actions{grid-column:3!important;justify-self:end!important;display:flex!important;gap:8px!important}
  .site-header .nav-actions a{height:38px!important}
  .site-header .nav-actions img{height:38px!important;width:auto!important}
}
@media (max-width:1100px){
  .am-page-layout-enabled .container{padding-left:max(20px,var(--am-page-side-gutter,26px))!important;padding-right:max(20px,var(--am-page-side-gutter,26px))!important}
  .site-header .header-top.container{grid-template-columns:112px minmax(0,1fr) 64px!important;gap:14px!important}
  .site-header .brand img{width:96px!important}.site-header .puzzle img{width:58px!important}
  .site-header .search{display:block!important;position:relative!important;width:100%!important;max-width:none!important;margin:0!important}
  .site-header .search input{width:100%!important;margin:0!important}
}
@media (max-width:680px){
  :root{--page-pad:16px}
  .am-page-layout-enabled .container{padding-left:16px!important;padding-right:16px!important}
  .vision-mission-original .vm-panel-inner{font-size:14px!important}
}

/* V5.21 customer account: show a real product review form when an order reaches delivery/review stage. */
.customer-track-step.ready i{border-color:#0788c8!important;color:#ef651d!important;background:#fff!important}
.customer-order-review-panel{margin-top:16px;padding:18px;border:1px solid #0788c8;border-radius:12px;background:#fff;color:#29495a}
.customer-order-review-title{margin-bottom:14px}.customer-order-review-title>span{color:#0788c8;font-size:12px;font-weight:900;letter-spacing:.08em}.customer-order-review-title h3{margin:3px 0 5px;color:#173d67;font-size:21px}.customer-order-review-title p{margin:0;color:#607583;font-size:13px}
.customer-order-review-form{display:grid;grid-template-columns:minmax(190px,1fr) 130px minmax(260px,1.35fr) auto;gap:12px;align-items:end;padding:13px 0;border-top:1px solid #e2edf2}.customer-order-review-form:first-of-type{border-top:0}
.customer-order-review-product{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center}.customer-order-review-product img{width:64px;height:54px;object-fit:contain;border:1px solid #d9e6ec;border-radius:6px;background:#fff;padding:3px}.customer-order-review-product b{display:block;color:#173d67;font-size:14px}.customer-order-review-product small{display:block;color:#70828d;margin-top:3px}
.customer-order-review-form label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#405866}.customer-order-review-form select,.customer-order-review-form textarea{width:100%;border:1px solid #bfd5df;border-radius:7px;padding:8px 9px;background:#fff;font:inherit}.customer-order-review-form textarea{resize:vertical;min-height:68px}.customer-order-review-form .btn{min-height:40px;padding:8px 13px;white-space:nowrap}.customer-order-review-form .btn:disabled{opacity:.65;cursor:default}
.customer-order-review-status{grid-column:1/-1;min-height:18px;font-size:12px;font-weight:700;color:#526c7a}.customer-order-review-status.success{color:#18824b}.customer-order-review-status.error{color:#b53e2b}
@media(max-width:900px){.customer-order-review-form{grid-template-columns:1fr 120px}.customer-order-review-form label:nth-of-type(2){grid-column:1/-1}.customer-order-review-form .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:560px){.customer-order-review-form{grid-template-columns:1fr}.customer-order-review-form label:nth-of-type(2),.customer-order-review-form .btn{grid-column:auto}.customer-order-review-product{grid-template-columns:58px 1fr}}
.cms-review-admin-list{display:grid;gap:14px;margin-top:14px}.cms-review-admin-item{border:1px solid #dce7ee;border-radius:12px;padding:16px;background:#fff}.cms-review-admin-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:13px}.cms-review-admin-head span{display:block;font-weight:900;color:#173d67}.cms-review-admin-head b{display:inline-block;margin-top:3px;color:#0788c8;font-size:12px}.cms-review-admin-head small{display:block;color:#74858f;margin-top:4px}.cms-review-admin-head>strong{color:#ef8a19;font-size:20px;letter-spacing:2px;white-space:nowrap}
.cms-solution-code-control>.admin-btn{width:max-content;margin-top:6px}.cms-solution-code-frame{margin-top:12px;padding:14px;border:1px solid #c8dce6;border-radius:10px;background:#f8fbfd}.cms-solution-code-frame textarea{width:100%;min-height:220px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5}

/* ===== V5.21.1 VISUAL QA: header geometry matched to supplied PDF ===== */
.am-page-layout-enabled .container{padding-left:var(--am-page-side-gutter,28px)!important;padding-right:var(--am-page-side-gutter,28px)!important}
.vision-mission-original .vm-panel-inner{font-size:clamp(13.5px,.80vw,15px)!important;line-height:1.44!important}
@media (min-width:1101px){
  /* PDF reference: logo/icons at left, Search directly above the menu block, puzzle/actions at right. */
  .site-header .header-top.container,.site-header .nav-inner.container{
    width:min(1440px,83%)!important;max-width:1440px!important;
    padding-left:0!important;padding-right:0!important;
    display:grid!important;
    grid-template-columns:22.7% 17.1% 48.4% 4.8% 7%!important;
    column-gap:0!important;
  }
  .site-header .header-top.container{min-height:108px!important;align-items:center!important}
  .site-header .brand{grid-column:1!important;justify-self:start!important}
  .site-header .brand img{width:116px!important;max-width:116px!important;height:auto!important}
  .site-header .search{grid-column:3!important;justify-self:stretch!important;align-self:center!important;width:100%!important;max-width:none!important;height:42px!important;position:relative!important;margin:0!important;padding:0!important}
  .site-header .search>input[type="search"]{position:static!important;display:block!important;width:100%!important;height:42px!important;margin:0!important;padding:0 54px 0 16px!important;box-sizing:border-box!important;border:1.5px solid #0788c8!important;border-radius:6px!important;background:#fff!important;color:#31546a!important;font-size:17px!important;line-height:42px!important;box-shadow:none!important}
  .site-header .search>button{position:absolute!important;right:0!important;top:0!important;width:50px!important;height:42px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;border:0!important;border-left:1px solid #0788c8!important;border-radius:0 6px 6px 0!important;background:#fff!important;color:#0788c8!important}
  .site-header .puzzle{grid-column:5!important;justify-self:end!important}
  .site-header .puzzle img{width:84px!important;max-width:84px!important;height:auto!important}
  .site-header .nav-inner.container{min-height:54px!important;align-items:center!important}
  .site-header .nav-icons{grid-column:1!important;justify-self:start!important;width:100%!important;display:flex!important;align-items:center!important}
  .site-header .nav-icons-original{width:100%!important;max-width:238px!important;height:auto!important}
  .site-header .nav-links{grid-column:3!important;justify-self:stretch!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:0!important;font-size:12px!important;white-space:nowrap!important;overflow:visible!important}
  .site-header .nav-actions{grid-column:5!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important}
  .site-header .nav-actions a{height:38px!important;display:flex!important;align-items:center!important}
  .site-header .nav-actions img{height:38px!important;width:auto!important}
}
@media (max-width:1100px){
  .am-page-layout-enabled .container{padding-left:max(18px,var(--am-page-side-gutter,22px))!important;padding-right:max(18px,var(--am-page-side-gutter,22px))!important}
}
@media (max-width:680px){
  .am-page-layout-enabled .container{padding-left:14px!important;padding-right:14px!important}
  .vision-mission-original .vm-panel-inner{font-size:13.5px!important}
}


/* ===== V5.22 FINAL CORRECTION: authoritative public layout ===== */
:root{--am-public-width:min(1600px,83%)}
@media (min-width:1101px){
  body:not(.cms-admin-body) .container{width:var(--am-public-width)!important;max-width:1600px!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important}
  .site-header .header-top.container,.site-header .nav-inner.container{width:var(--am-public-width)!important;max-width:1600px!important;margin-inline:auto!important;padding:0!important;display:grid!important;grid-template-columns:22.5% 18.2% 48.5% 3.8% 7%!important;column-gap:0!important;position:relative!important}
  .site-header .header-top.container{min-height:112px!important;height:auto!important;align-items:center!important}
  .site-header .brand{position:static!important;grid-column:1!important;justify-self:start!important;width:auto!important;height:auto!important}
  .site-header .brand img{width:132px!important;max-width:132px!important;height:auto!important;margin:0!important}
  /* Search frame IS the form. Input no longer draws a second displaced frame. */
  .site-header .search{position:relative!important;grid-column:3!important;align-self:center!important;justify-self:stretch!important;display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;width:100%!important;max-width:none!important;height:44px!important;margin:0!important;padding:0!important;border:1.5px solid #0788c8!important;border-radius:7px!important;background:#fff!important;overflow:hidden!important;box-sizing:border-box!important}
  .site-header .search>input[type="search"]{position:static!important;display:block!important;width:100%!important;min-width:0!important;height:41px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;outline:0!important;background:#fff!important;color:#31546a!important;font-size:18px!important;line-height:41px!important;box-shadow:none!important;appearance:none!important}
  .site-header .search>button{position:static!important;display:grid!important;place-items:center!important;width:52px!important;height:41px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #0788c8!important;border-radius:0!important;background:#fff!important;color:#0788c8!important;box-sizing:border-box!important}
  .site-header .search>button svg{width:24px!important;height:24px!important}
  .site-header .puzzle{position:static!important;grid-column:5!important;justify-self:end!important;width:auto!important;height:auto!important}.site-header .puzzle img{width:92px!important;max-width:92px!important;height:auto!important;margin:0!important}
  .site-header .nav{min-height:58px!important;height:58px!important}.site-header .nav-inner.container{min-height:58px!important;height:58px!important;align-items:center!important}
  .site-header .nav-icons{position:static!important;grid-column:1!important;justify-self:start!important;display:flex!important;align-items:center!important;width:100%!important;height:auto!important;transform:none!important}.site-header .nav-icons-original{width:100%!important;max-width:255px!important;height:auto!important}
  .site-header .nav-links{position:static!important;grid-column:3!important;justify-self:stretch!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:58px!important;margin:0!important;padding:0!important;gap:14px!important;transform:none!important;font-size:clamp(14px,.84vw,16px)!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important}
  .site-header .nav-product,.site-header .nav-product-trigger{height:58px!important;min-height:58px!important}.site-header .nav-actions{position:static!important;grid-column:5!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;height:auto!important;transform:none!important}.site-header .nav-actions a{height:40px!important}.site-header .nav-actions img{height:40px!important;width:auto!important}
  .vision-mission-original .vm-panel-inner{font-size:clamp(12.5px,.70vw,14px)!important;line-height:1.42!important}.vision-mission-original .vm-panel-left{padding-left:42px!important;padding-right:clamp(270px,17vw,330px)!important}.vision-mission-original .vm-panel-right{padding-left:clamp(270px,17vw,330px)!important;padding-right:42px!important}.vision-mission-original .vm-robot-wrap{width:clamp(390px,24vw,470px)!important}
}
@media (max-width:1100px){body:not(.cms-admin-body) .container{width:calc(100% - 44px)!important;max-width:none!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important}.site-header .header-top.container{grid-template-columns:122px minmax(0,1fr) 72px!important;gap:14px!important}.site-header .brand img{width:112px!important}.site-header .puzzle img{width:68px!important}.site-header .search{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;height:42px!important;border:1.5px solid #0788c8!important;border-radius:6px!important;overflow:hidden!important;background:#fff!important}.site-header .search>input[type="search"]{height:39px!important;border:0!important;border-radius:0!important;padding:0 13px!important;box-shadow:none!important}.site-header .search>button{position:static!important;width:48px!important;height:39px!important;border:0!important;border-left:1px solid #0788c8!important;border-radius:0!important;background:#fff!important}}
@media (max-width:680px){body:not(.cms-admin-body) .container{width:calc(100% - 28px)!important}.site-header .brand img{width:88px!important}.site-header .search{height:40px!important}.site-header .search>input[type="search"],.site-header .search>button{height:37px!important}}
.product-card.is-out-of-stock .price,.product-card.is-out-of-stock .product-sale-corner{display:none!important}.product-card.is-out-of-stock .product-contact-buy{display:inline-flex!important}
.product-description .specs{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;margin-top:12px!important}.product-description .specs tr{display:table-row!important}.product-description .specs td{display:table-cell!important;vertical-align:top!important;padding:9px 12px!important;border-bottom:1px solid #dfe8ed!important;line-height:1.35!important;overflow-wrap:anywhere!important}.product-description .specs td:first-child{width:36%!important;font-weight:800!important;color:#36586a!important}.product-description .specs td:last-child{width:64%!important;color:#263e4b!important}.product-description .specs tr[hidden]{display:none!important}
.customer-track-step[data-open-order-review]{appearance:none!important;border:0!important;background:transparent!important;padding:0!important;font:inherit!important;cursor:pointer!important;width:100%!important}.customer-track-step[data-open-order-review]:hover span,.customer-track-step[data-open-order-review][aria-expanded="true"] span{color:#0788c8!important}.customer-order-review-panel[hidden]{display:none!important}.customer-order-review-panel{overflow:hidden!important}.customer-order-review-form{grid-template-columns:minmax(180px,1fr) 110px minmax(220px,1.3fr)!important;align-items:end!important}.customer-order-review-form .btn{grid-column:1/-1!important;justify-self:end!important;width:auto!important;max-width:100%!important;white-space:normal!important;line-height:1.15!important;padding:10px 18px!important}@media(max-width:760px){.customer-order-review-form{grid-template-columns:1fr!important}.customer-order-review-form .btn{grid-column:auto!important;justify-self:stretch!important;width:100%!important}}
.cms-customer-manage>div{align-items:center!important}.cms-customer-manage .admin-btn{min-height:40px!important;cursor:pointer!important;pointer-events:auto!important}.cms-customer-manage .admin-btn[disabled]{opacity:.5!important;cursor:not-allowed!important}

/* ===== V5.23 FINAL SHIPPING + PDF ALIGNMENT ===== */
:root{--am-v523-public-width:min(1600px,82.8vw)}
@media (min-width:1101px){
  body:not(.cms-admin-body) .container{width:var(--am-v523-public-width)!important;max-width:1600px!important;margin-inline:auto!important;padding-inline:0!important}
  /* PDF: logo left, Search centered, puzzle immediately after Search. */
  .site-header .header-top.container{display:grid!important;grid-template-columns:40% 50% 10%!important;column-gap:0!important;align-items:center!important;min-height:104px!important;height:auto!important}
  .site-header .brand{grid-column:1!important;justify-self:start!important;align-self:center!important;position:static!important}
  .site-header .brand img{width:132px!important;max-width:132px!important;height:auto!important;margin:0!important}
  .site-header .search{grid-column:2!important;justify-self:stretch!important;align-self:center!important;width:100%!important;max-width:none!important;height:44px!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;border:1.5px solid #0788c8!important;border-radius:5px!important;background:#fff!important;overflow:hidden!important;box-sizing:border-box!important}
  .site-header .search>input[type="search"]{position:static!important;display:block!important;width:100%!important;min-width:0!important;height:41px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;outline:0!important;background:#fff!important;box-shadow:none!important;font-size:17px!important;line-height:41px!important}
  .site-header .search>button{position:static!important;display:grid!important;place-items:center!important;width:52px!important;height:41px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #0788c8!important;border-radius:0!important;background:#fff!important;color:#0788c8!important}
  .site-header .search>button svg{width:23px!important;height:23px!important}
  .site-header .puzzle{grid-column:3!important;justify-self:start!important;align-self:center!important;position:static!important;width:auto!important;height:auto!important;margin-left:24px!important}
  .site-header .puzzle img{width:74px!important;max-width:74px!important;height:auto!important;margin:0!important}
  /* PDF nav follows the same 40/50/10 axis as the row above. */
  .site-header .nav-inner.container{display:grid!important;grid-template-columns:40% 50% 10%!important;column-gap:0!important;align-items:center!important;height:58px!important;min-height:58px!important}
  .site-header .nav-icons{grid-column:1!important;justify-self:start!important;width:auto!important;display:flex!important;align-items:center!important;position:static!important;transform:none!important}
  .site-header .nav-icons-original{width:255px!important;max-width:255px!important;height:auto!important}
  .site-header .nav-links{grid-column:2!important;justify-self:stretch!important;width:100%!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:0!important;font-size:clamp(14px,.86vw,16px)!important;white-space:nowrap!important;overflow:visible!important;position:static!important;transform:none!important}
  .site-header .nav-actions{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;position:static!important;transform:none!important}
  .site-header .nav-actions a{height:40px!important}.site-header .nav-actions img{height:40px!important;width:auto!important}

  /* Page 1 reference: robot centered across the two colored panels at the original proportion. */
  .vision-mission-original .vm-original-band{min-height:390px!important;overflow:visible!important}
  .vision-mission-original .vm-robot-wrap{left:50%!important;top:-92px!important;bottom:auto!important;transform:translateX(-50%)!important;width:clamp(390px,25vw,500px)!important;z-index:7!important}
  .vision-mission-original .vm-robot-wrap img{width:100%!important;height:auto!important;object-fit:contain!important}
  .vision-mission-original .vm-panel-left{padding-right:clamp(260px,16.5vw,325px)!important}
  .vision-mission-original .vm-panel-right{padding-left:clamp(260px,16.5vw,325px)!important}

  /* PDF page 2: equal 4 columns, colored STEM block ~1.2x taller than wide, label strip below. */
  .stem-hero .stem-letter-grid{width:100%!important;max-width:none!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin:0 auto 46px!important;align-items:start!important}
  .stem-hero .stem-letter-wrap{width:100%!important;min-width:0!important}
  .stem-hero .stem-letter-box{position:relative!important;display:grid!important;place-items:center!important;width:100%!important;height:auto!important;aspect-ratio:5/6!important;margin:0!important;padding:0!important;border-radius:14px!important;color:#fff!important;font-family:Impact,"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:clamp(150px,13vw,250px)!important;font-weight:900!important;line-height:.80!important;letter-spacing:-.04em!important;text-align:center!important;overflow:hidden!important;transform:none!important;box-shadow:none!important}
  .stem-hero .stem-letter-box::before{content:none!important;display:none!important}
  .stem-hero .stem-letter-name{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;margin-top:8px!important;padding:5px 6px!important;border:2px solid currentColor!important;border-radius:12px!important;background:#fff!important;font-size:clamp(17px,1.12vw,22px)!important;font-weight:500!important;line-height:1!important;white-space:nowrap!important}
  .stem-hero .stem-letter-name.active{background:var(--accent)!important;color:#fff!important}
}
@media (min-width:681px) and (max-width:1100px){
  .site-header .header-top.container{grid-template-columns:26% minmax(0,1fr) 82px!important;gap:12px!important}
  .site-header .puzzle{justify-self:start!important;margin-left:8px!important}.site-header .puzzle img{width:64px!important}
  .stem-hero .stem-letter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  .stem-hero .stem-letter-box{font-size:clamp(100px,20vw,175px)!important;aspect-ratio:5/6!important;transform:none!important}.stem-hero .stem-letter-box::before{content:none!important;display:none!important}
}
@media (max-width:680px){
  .stem-hero .stem-letter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .stem-hero .stem-letter-box{aspect-ratio:5/6!important;font-size:clamp(105px,38vw,165px)!important;line-height:.82!important;transform:none!important}.stem-hero .stem-letter-box::before{content:none!important;display:none!important}
  .stem-hero .stem-letter-name{min-height:38px!important;font-size:13px!important;margin-top:6px!important}
}

/* Shipping selector replaces the old distance-band UI. */
.shipping-section-title{margin-top:30px!important}
.shipping-method-box{padding:20px!important;border:1px solid #b9d9e8!important;border-radius:12px!important;background:#fff!important}
.shipping-method-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.shipping-method-head span{display:block;color:#0788c8;font-size:12px;font-weight:900;letter-spacing:.08em}.shipping-method-head h3{margin:3px 0 0;color:#234b61;font-size:20px}.shipping-method-live{font-size:12px;color:#6d818c;text-align:right;max-width:310px}
.shipping-method-list{display:grid;gap:10px}
.shipping-method-option{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid #cfe0e8;border-radius:10px;background:#fff;cursor:pointer;transition:.16s}
.shipping-method-option:hover,.shipping-method-option.active{border-color:#0788c8;box-shadow:0 4px 15px rgba(7,136,200,.10)}.shipping-method-option:has(input:disabled){opacity:.48;cursor:not-allowed;background:#f7f9fa}
.shipping-method-option input{width:18px;height:18px;accent-color:#0788c8}.shipping-method-copy{display:flex;flex-direction:column;gap:3px}.shipping-method-copy b{color:#244a5e;font-size:16px}.shipping-method-copy small{color:#71838c;line-height:1.35}.shipping-method-option>strong{color:#0788c8;white-space:nowrap;font-variant-numeric:tabular-nums}
.shipping-quote-status{margin-top:13px;padding:12px 14px;border-radius:8px;background:#f3f8fb;display:flex;flex-direction:column;gap:3px}.shipping-quote-status b{color:#234b61}.shipping-quote-status span{color:#637a86;font-size:13px}.shipping-quote-status.success{background:#eff9f1}.shipping-quote-status.error{background:#fff1f0}.shipping-quote-status.error b,.shipping-quote-status.error span{color:#a83a31}.shipping-quote-status.calculating{background:#fff9e9}
.delivery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.delivery-street{grid-column:1/-1!important}
@media(max-width:800px){.delivery-grid{grid-template-columns:1fr 1fr!important}.delivery-street{grid-column:1/-1!important}.shipping-method-head{flex-direction:column}.shipping-method-live{text-align:left}.shipping-method-option{grid-template-columns:22px minmax(0,1fr)}.shipping-method-option>strong{grid-column:2}}
@media(max-width:520px){.delivery-grid{grid-template-columns:1fr!important}.shipping-method-box{padding:14px!important}}

/* Customer account: dedicated post-delivery review area plus the PDF order-step review button. */
.customer-review-tab-note{margin:0 0 16px;color:#657c88;line-height:1.55}.customer-reviews-list{display:grid;gap:18px}.customer-review-account-card{border:1px solid #b9d9e8;border-radius:12px;background:#fff;padding:16px;overflow:hidden}.customer-review-account-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e1edf2}.customer-review-account-head>div{display:flex;flex-direction:column}.customer-review-account-head span{font-size:11px;color:#728894;text-transform:uppercase;font-weight:800}.customer-review-account-head b{color:#0788c8;font-size:18px}.customer-review-account-head small{color:#71838d}.customer-account-review-tab-form{margin-top:12px!important}
.customer-order-review-product img{display:block;width:82px;height:68px;object-fit:contain;background:#fff;border:1px solid #d6e5ec;border-radius:6px;padding:4px}

/* Admin live-carrier settings. */
.cms-shipping-config-card{padding:22px!important;margin-top:22px!important}.cms-shipping-config-card .cms-payment-subhead{grid-column:1/-1}.cms-shipping-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px}.cms-shipping-status-item{padding:12px 14px;border:1px solid #dfe7ed;border-radius:10px;background:#f7f9fb;display:flex;flex-direction:column;gap:3px}.cms-shipping-status-item b{color:#294e62}.cms-shipping-status-item span{font-size:12px;color:#73858f}.cms-shipping-status-item.ready{border-color:#9fd5af;background:#f1fbf4}.cms-shipping-status-item.ready span{color:#24763b}@media(max-width:760px){.cms-shipping-status-grid{grid-template-columns:1fr}}
@media(min-width:1000px){.cms-payment-overview{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.customer-account-menu [data-customer-reviews-tab][hidden]{display:none!important}

/* ===== V5.24 FINAL PDF ALIGNMENT ===== */
@media (min-width:1101px){
  /* PDF: Search and puzzle are adjacent in the same top row. */
  .site-header .header-top.container{
    grid-template-columns:22.7% 17.1% 43.5% 9.7% 7%!important;
  }
  .site-header .search{grid-column:3!important;height:42px!important;align-self:center!important;}
  .site-header .puzzle{
    grid-column:4!important;justify-self:start!important;align-self:center!important;
    width:auto!important;height:42px!important;margin:0 0 0 18px!important;
    display:flex!important;align-items:center!important;overflow:visible!important;
  }
  .site-header .puzzle img{
    display:block!important;height:42px!important;width:auto!important;max-height:42px!important;max-width:none!important;object-fit:contain!important;margin:0!important;
  }

  /* Page 1 PDF: robot is larger; its head rises to title level, feet remain across the blue/orange band. */
  .vision-mission-original .vm-original-band{min-height:380px!important;overflow:visible!important;}
  .vision-mission-original .vm-robot-wrap{
    left:50%!important;top:-132px!important;bottom:auto!important;
    transform:translateX(-50%)!important;width:clamp(475px,29vw,575px)!important;z-index:8!important;
  }
  .vision-mission-original .vm-panel-left{padding-right:clamp(285px,18vw,355px)!important;}
  .vision-mission-original .vm-panel-right{padding-left:clamp(285px,18vw,355px)!important;}

  /* Page 2 PDF: letters almost fill each colored STEM block. */
  .stem-hero .stem-letter-box{
    font-family:Impact,"Arial Black","Arial Narrow",Arial,sans-serif!important;
    font-size:clamp(225px,17.8vw,345px)!important;
    font-weight:900!important;line-height:.66!important;letter-spacing:-.065em!important;
    transform:scaleY(1.12)!important;transform-origin:center!important;
  }
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box{font-size:clamp(205px,16.4vw,318px)!important;letter-spacing:-.085em!important;}
}
@media (min-width:681px) and (max-width:1100px){
  .site-header .header-top.container{grid-template-columns:24% minmax(0,1fr) 72px!important;}
  .site-header .puzzle{height:40px!important;margin-left:12px!important;display:flex!important;align-items:center!important;}
  .site-header .puzzle img{height:40px!important;width:auto!important;max-width:none!important;}
  .vision-mission-original .vm-robot-wrap{width:min(405px,50vw)!important;top:50%!important;}
  .stem-hero .stem-letter-box{font-size:clamp(125px,22vw,205px)!important;line-height:.68!important;transform:scaleY(1.08)!important;}
}
@media (max-width:680px){
  .site-header .puzzle img{height:34px!important;width:auto!important;max-width:none!important;}
  .stem-hero .stem-letter-box{font-size:clamp(118px,42vw,185px)!important;line-height:.70!important;transform:scaleY(1.06)!important;}
}

/* Searchable address controls. */
.address-searchable{position:relative;display:grid;gap:6px}
.address-searchable input[type="search"]{width:100%;min-height:44px;padding:10px 38px 10px 12px;border:1px solid #b9d9e8;border-radius:7px;background:#fff;color:#29495a;font:inherit;outline:none}
.address-searchable input[type="search"]:focus{border-color:#0788c8;box-shadow:0 0 0 3px rgba(7,136,200,.10)}
.address-searchable-list{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;max-height:260px;overflow:auto;border:1px solid #b9d9e8;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(30,71,91,.14);padding:5px}
.address-searchable-list[hidden]{display:none!important}
.address-searchable-list button{display:block;width:100%;padding:9px 10px;border:0;border-radius:6px;background:#fff;text-align:left;color:#29495a;cursor:pointer;font:inherit}
.address-searchable-list button:hover,.address-searchable-list button:focus{background:#eef8fc;color:#057fbd;outline:none}
.address-searchable small{color:#70828d;font-size:11px;line-height:1.35}

/* Delivered orders must expose the review area visibly; the step remains a toggle too. */
.customer-order-card.has-review-ready .customer-order-review-panel{display:block}
.customer-order-card.has-review-ready .customer-order-review-panel[hidden]{display:block!important}
.customer-track-step.ready{cursor:pointer}
.customer-track-step.ready i{background:#fff!important;border-color:#0788c8!important;color:#ef651d!important}

/* ===== V5.24.1 PDF size refinements ===== */
@media (min-width:1101px){
  /* puzzle.png is tightly cropped in V5.24, so the visible puzzle is now the same visual height as Search. */
  .site-header .search{height:44px!important;}
  .site-header .puzzle{height:44px!important;margin-left:16px!important;}
  .site-header .puzzle img{height:44px!important;max-height:44px!important;width:auto!important;}

  /* Page 1 reference: robot head reaches the title line and the lower body crosses the two-colour band. */
  .vision-mission-original .vm-original-band{min-height:400px!important;}
  .vision-mission-original .vm-robot-wrap{
    top:-154px!important;width:clamp(555px,32vw,660px)!important;
  }
  .vision-mission-original .vm-panel-left{padding-right:clamp(315px,19.5vw,390px)!important;}
  .vision-mission-original .vm-panel-right{padding-left:clamp(315px,19.5vw,390px)!important;}

  /* Page 2 reference: S/T/E/M visually fill almost all of each colour block. */
  .stem-hero .stem-letter-box{
    font-size:clamp(245px,19.4vw,380px)!important;
    line-height:.61!important;letter-spacing:-.075em!important;
    transform:scaleY(1.20)!important;
  }
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box{
    font-size:clamp(228px,18vw,350px)!important;letter-spacing:-.095em!important;
  }
}
@media (min-width:681px) and (max-width:1100px){
  .site-header .search{height:42px!important}.site-header .puzzle{height:42px!important}.site-header .puzzle img{height:42px!important;max-height:42px!important}
  .vision-mission-original .vm-robot-wrap{width:min(455px,55vw)!important}
  .stem-hero .stem-letter-box{font-size:clamp(140px,25vw,230px)!important;transform:scaleY(1.13)!important}
}


/* ===== V5.25 FINAL PDF GEOMETRY + ADMIN-SAFE HEADER ===== */
@media (min-width:1101px){
  .site-header .header-top.container{
    display:grid!important;
    grid-template-columns:clamp(135px,11vw,185px) minmax(0,1fr)!important;
    align-items:center!important;
    min-height:98px!important;
    gap:28px!important;
  }
  .site-header .brand{grid-column:1!important;justify-self:start!important;align-self:center!important}
  .site-header .brand img{width:clamp(104px,7.25vw,136px)!important;height:auto!important;display:block!important}
  .site-header .header-search-cluster{
    grid-column:2!important;
    justify-self:end!important;
    width:min(58vw,900px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:14px!important;
    min-width:0!important;
  }
  .site-header .header-search-cluster .search{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:780px!important;
    min-width:320px!important;
    height:44px!important;
    margin:0!important;
    position:relative!important;
  }
  .site-header .header-search-cluster .search input{height:44px!important;margin:0!important}
  .site-header .header-search-cluster .search button{height:44px!important}
  .site-header .header-search-cluster .puzzle{
    flex:0 0 auto!important;
    width:auto!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    position:static!important;
    transform:none!important;
  }
  .site-header .header-search-cluster .puzzle img{
    display:block!important;
    width:auto!important;
    height:44px!important;
    max-width:none!important;
    max-height:44px!important;
    object-fit:contain!important;
    margin:0!important;
  }

  /* PDF page 1: robot overlaps the white title area and crosses both blue/orange halves. */
  .vision-mission-original .vm-original-band{min-height:400px!important;overflow:visible!important}
  .vision-mission-original .vm-robot-wrap{
    position:absolute!important;
    left:50%!important;
    top:-176px!important;
    bottom:auto!important;
    width:clamp(610px,35vw,735px)!important;
    transform:translateX(-50%)!important;
    z-index:8!important;
  }
  .vision-mission-original .vm-panel-left{padding-right:clamp(345px,21vw,425px)!important}
  .vision-mission-original .vm-panel-right{padding-left:clamp(345px,21vw,425px)!important}

  /* PDF page 2: four equal WIDE blocks, about twice as wide as high; letters nearly fill the color. */
  .stem-hero .stem-letter-grid,
  .products-master-page .stem-letter-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(14px,1.25vw,24px)!important;
    margin:0 0 20px!important;
    align-items:start!important;
  }
  .stem-hero .stem-letter-box,
  .products-master-page .stem-letter-box{
    width:100%!important;
    height:auto!important;
    aspect-ratio:2.08 / 1!important;
    min-height:0!important;
    border-radius:12px!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
    font-family:Impact,"Arial Black","Arial Narrow",Arial,sans-serif!important;
    font-size:clamp(106px,8.5vw,158px)!important;
    font-weight:900!important;
    line-height:.78!important;
    letter-spacing:-.055em!important;
    transform:scaleY(1.05)!important;
    transform-origin:center!important;
  }
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box,
  .products-master-page .stem-letter-wrap:nth-child(4) .stem-letter-box{
    font-size:clamp(100px,8.05vw,151px)!important;
    letter-spacing:-.075em!important;
  }
  .stem-hero .stem-letter-name,
  .products-master-page .stem-letter-name{
    min-height:30px!important;
    margin-top:6px!important;
    padding:3px 8px!important;
    border-width:1.5px!important;
    border-radius:7px!important;
    font-size:clamp(13px,.92vw,17px)!important;
    line-height:1!important;
  }
}
@media (min-width:681px) and (max-width:1100px){
  .site-header .header-top.container{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:18px!important}
  .site-header .header-search-cluster{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  .site-header .header-search-cluster .search{flex:1 1 auto!important;min-width:0!important;max-width:none!important}
  .site-header .header-search-cluster .puzzle{display:flex!important;height:40px!important;margin:0!important;position:static!important}
  .site-header .header-search-cluster .puzzle img{height:40px!important;width:auto!important;max-width:none!important}
  .vision-mission-original .vm-robot-wrap{width:min(485px,58vw)!important}
  .stem-hero .stem-letter-box{aspect-ratio:2.08/1!important;font-size:clamp(92px,16vw,145px)!important;line-height:.78!important;transform:scaleY(1.04)!important}
  .stem-hero .stem-letter-name{min-height:28px!important;margin-top:5px!important;padding:3px 6px!important}
}
@media (max-width:680px){
  .site-header .header-search-cluster{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  .site-header .header-search-cluster .search{flex:1 1 auto!important;min-width:0!important;max-width:none!important}
  .site-header .header-search-cluster .puzzle{display:none!important}
  .stem-hero .stem-letter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .stem-hero .stem-letter-box{aspect-ratio:2.08/1!important;font-size:clamp(84px,28vw,126px)!important;line-height:.78!important;transform:scaleY(1.03)!important}
  .stem-hero .stem-letter-name{min-height:27px!important;margin-top:5px!important;padding:3px 5px!important;font-size:12px!important}
}

/* ===== V5.27 CORRECTION — DO NOT RESIZE THE WHOLE HEADER =====
   User correction: restore the stable V5.25 header; only shorten Search.
   Keep S/T/E/M proportional to the approved PDF without oversized blocks/glyphs. */

/* Equal left/right gutters without changing the global content width. */
.container{margin-left:auto!important;margin-right:auto!important}
body:not(.cms-admin-body) main .container{margin-left:auto!important;margin-right:auto!important}

/* Header: preserve the existing logo/nav/header geometry. ONLY reduce Search width. */
@media (min-width:1101px){
  .site-header .header-search-cluster{width:min(50vw,760px)!important}
  .site-header .header-search-cluster .search{flex:0 1 620px!important;width:min(100%,620px)!important;max-width:620px!important;min-width:320px!important}
}
@media (min-width:681px) and (max-width:1100px){
  .site-header .header-search-cluster .search{max-width:560px!important}
}

/* PDF page 2 proportions: portrait background ~0.84:1.
   Keep the block at the normal site container width; do NOT enlarge the global container. */
@media (min-width:1101px){
  .stem-hero{padding-top:64px!important}
  .stem-hero .stem-letter-grid,
  .products-master-page .stem-letter-grid{
    width:100%!important;max-width:1400px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;margin:0 auto 38px!important;align-items:start!important
  }
  .stem-hero .stem-letter-box,
  .products-master-page .stem-letter-box{
    position:relative!important;display:grid!important;place-items:center!important;
    width:100%!important;height:auto!important;aspect-ratio:.84/1!important;
    min-height:0!important;margin:0!important;padding:0!important;
    border-radius:20px!important;box-shadow:none!important;overflow:hidden!important;
    color:transparent!important;font-size:0!important;line-height:1!important;transform:none!important
  }
  .stem-hero .stem-letter-box::before,
  .products-master-page .stem-letter-box::before{
    display:block!important;
    font-family:Impact,"Arial Black","Arial Narrow",Arial,sans-serif!important;
    font-size:clamp(280px,24vw,385px)!important;font-weight:900!important;line-height:.76!important;
    letter-spacing:-.05em!important;color:#fff!important;text-align:center!important;
    transform:scaleX(.78) scaleY(1.08)!important;transform-origin:center!important
  }
  .stem-hero .stem-letter-wrap:nth-child(1) .stem-letter-box::before,
  .products-master-page .stem-letter-wrap:nth-child(1) .stem-letter-box::before{content:"S"!important}
  .stem-hero .stem-letter-wrap:nth-child(2) .stem-letter-box::before,
  .products-master-page .stem-letter-wrap:nth-child(2) .stem-letter-box::before{content:"T"!important}
  .stem-hero .stem-letter-wrap:nth-child(3) .stem-letter-box::before,
  .products-master-page .stem-letter-wrap:nth-child(3) .stem-letter-box::before{content:"E"!important}
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before,
  .products-master-page .stem-letter-wrap:nth-child(4) .stem-letter-box::before{
    content:"M"!important;font-size:clamp(270px,23vw,370px)!important;
    transform:scaleX(.92) scaleY(1.08)!important;letter-spacing:-.07em!important
  }
  .stem-hero .stem-letter-name,
  .products-master-page .stem-letter-name{
    min-height:52px!important;margin-top:10px!important;padding:7px 8px!important;
    border-width:1.5px!important;border-radius:12px!important;
    font-size:clamp(16px,1.25vw,21px)!important;line-height:1!important
  }
}
@media (min-width:681px) and (max-width:1100px){
  .stem-hero .stem-letter-grid,.products-master-page .stem-letter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  .stem-hero .stem-letter-box,.products-master-page .stem-letter-box{aspect-ratio:.84/1!important;border-radius:16px!important;transform:none!important;font-size:clamp(150px,20vw,215px)!important;line-height:.8!important}
  .stem-hero .stem-letter-name,.products-master-page .stem-letter-name{min-height:42px!important;margin-top:8px!important;padding:5px 4px!important;font-size:14px!important}
}
@media (max-width:680px){
  .stem-hero .stem-letter-grid,.products-master-page .stem-letter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .stem-hero .stem-letter-box,.products-master-page .stem-letter-box{aspect-ratio:.84/1!important;border-radius:14px!important;transform:none!important;font-size:clamp(118px,39vw,175px)!important;line-height:.8!important}
  .stem-hero .stem-letter-name,.products-master-page .stem-letter-name{min-height:38px!important;margin-top:7px!important;padding:5px 3px!important;font-size:13px!important}
}

/* Search behavior retained from V5.26: live whole-site suggestions; Enter opens full search. */
.site-header form.search{overflow:visible!important}
.header-search-suggestions{position:absolute;z-index:9999;left:0;right:0;top:calc(100% + 7px);max-height:min(520px,62vh);overflow:auto;padding:7px;background:#fff;border:1px solid #b8d8e8;border-radius:10px;box-shadow:0 16px 38px rgba(20,65,88,.22);font-style:normal;text-align:left}
.header-search-suggestions[hidden]{display:none!important}
.header-search-suggestion{display:grid;grid-template-columns:90px minmax(0,1fr);gap:2px 10px;align-items:center;padding:10px 11px;border-radius:7px;color:#29495a;background:#fff}
.header-search-suggestion:hover,.header-search-suggestion.active{background:#edf8fd;color:#057fbd}
.header-search-suggestion>span{grid-row:1/3;align-self:center;color:#0788c8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.header-search-suggestion>b{font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-search-suggestion>small{color:#72848f;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-search-all{display:block;margin-top:5px;padding:10px 12px;border-top:1px solid #e3edf2;color:#0788c8;font-weight:800;font-size:13px;text-align:center}
.header-search-no-result{padding:13px;color:#71848f;font-size:13px;text-align:center}
@media(max-width:680px){.header-search-suggestion{grid-template-columns:72px minmax(0,1fr)}}

/* Checkout: hide implementation notes; show customer-facing ETA only. */
[data-shipping-config-status]{display:none!important}
.shipping-method-copy [data-shipping-method-eta]{color:#5f7480!important;font-weight:500!important}

/* ===== V5.27 FINAL HOTFIX — scaled PDF header, shorter Search, non-giant STEM ===== */
@media (min-width:1201px){
  /* Keep PDF alignment, but scale with viewport instead of forcing a 208px-tall header. */
  .site-header .header-top.container{width:100%!important;max-width:none!important;height:clamp(130px,10.833333vw,208px)!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:relative!important}
  .site-header .brand{position:absolute!important;left:4.166667vw!important;top:0!important;width:min(13.541667vw,260px)!important;height:auto!important;display:block!important;margin:0!important;transform:none!important}
  .site-header .brand img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important}
  .site-header .header-search-cluster{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
  /* User correction: only shorten the search box; its left edge still aligns with “Về chúng tôi”. */
  .site-header .header-search-cluster .search{position:absolute!important;left:41.666667vw!important;top:4.583333vw!important;width:min(34vw,650px)!important;max-width:650px!important;min-width:0!important;height:clamp(44px,3.229167vw,62px)!important;margin:0!important;padding:0!important;display:block!important;z-index:80!important;flex:none!important}
  .site-header .header-search-cluster .search input{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0 clamp(52px,3.35vw,64px) 0 clamp(16px,1.67vw,32px)!important;border:1.5px solid #0788c8!important;border-radius:9px!important;font-size:clamp(18px,1.58vw,30px)!important;line-height:1!important;font-style:italic!important;color:#0788c8!important;background:#fff!important}
  .site-header .header-search-cluster .search button{position:absolute!important;right:0!important;top:0!important;width:clamp(50px,4.270833vw,82px)!important;height:100%!important;border:0!important;border-left:1px solid #0788c8!important;background:transparent!important;color:#0788c8!important;padding:0!important;display:grid!important;place-items:center!important}
  .site-header .header-search-cluster .search button svg{width:clamp(25px,1.875vw,36px)!important;height:clamp(25px,1.875vw,36px)!important}
  .site-header .header-search-cluster .puzzle{position:absolute!important;left:82.291667vw!important;top:0!important;width:min(12.760417vw,245px)!important;height:auto!important;display:block!important;margin:0!important;transform:none!important}
  .site-header .header-search-cluster .puzzle img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important}

  .site-header .nav{height:clamp(64px,4.6875vw,90px)!important;min-height:0!important}
  .site-header .nav-inner.container{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important}
  .site-header .nav-icons{position:absolute!important;left:8.854167vw!important;top:50%!important;transform:translateY(-50%)!important;width:min(17.786458vw,341.5px)!important;height:auto!important;display:block!important}
  .site-header .nav-icons-original{display:block!important;width:100%!important;height:auto!important;max-width:none!important}
  .site-header .nav-links{position:absolute!important;left:41.40625vw!important;top:0!important;height:100%!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(14px,1.25vw,25px)!important;font-size:clamp(15px,.92vw,17px)!important;font-weight:700!important;white-space:nowrap!important;overflow:visible!important;padding:0!important;margin:0!important}
  .site-header .nav-actions{position:absolute!important;right:8.229167vw!important;top:50%!important;transform:translateY(-50%)!important;height:min(3.072917vw,59px)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;margin:0!important}
  .site-header .nav-actions a{height:100%!important;display:block!important}
  .site-header .nav-actions img{display:block!important;height:100%!important;width:auto!important;max-width:none!important}

  /* Same portrait proportion as the PDF, but inside the normal 1400px site container. */
  .stem-hero .stem-letter-box,.products-master-page .stem-letter-box{height:clamp(330px,27.5vw,400px)!important;aspect-ratio:auto!important}
  .stem-hero .stem-letter-box::before,.products-master-page .stem-letter-box::before{font-size:clamp(300px,26vw,400px)!important;transform:scaleX(.78) scaleY(1.08)!important}
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before,.products-master-page .stem-letter-wrap:nth-child(4) .stem-letter-box::before{font-size:clamp(285px,24.5vw,380px)!important;transform:scaleX(.92) scaleY(1.08)!important}
}
@media (min-width:681px) and (max-width:1200px){
  .stem-hero .stem-letter-box,.products-master-page .stem-letter-box{height:clamp(270px,29vw,330px)!important;aspect-ratio:auto!important}
}
@media (max-width:680px){
  .stem-hero .stem-letter-box,.products-master-page .stem-letter-box{height:clamp(235px,54vw,350px)!important;aspect-ratio:auto!important}
}

/* ===== V5.27 STEM SIZE CORRECTION — proportional scaling from the 1920px PDF ===== */
@media (min-width:1201px){
  .stem-hero>.container,.products-master-page>.container{width:min(82.5vw,1584px)!important;max-width:1584px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
  .stem-hero .stem-letter-grid,.products-master-page .stem-letter-grid{width:100%!important;max-width:none!important;gap:clamp(15px,1.25vw,24px)!important;margin:0 auto 38px!important}
  .stem-hero .stem-letter-box,.products-master-page .stem-letter-box{height:min(23.4375vw,450px)!important;aspect-ratio:auto!important;border-radius:clamp(14px,1.05vw,20px)!important}
  .stem-hero .stem-letter-box::before,.products-master-page .stem-letter-box::before{font-size:min(21vw,400px)!important;transform:scaleX(.78) scaleY(1.08)!important}
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before,.products-master-page .stem-letter-wrap:nth-child(4) .stem-letter-box::before{font-size:min(20vw,380px)!important;transform:scaleX(.92) scaleY(1.08)!important}
  .stem-hero .stem-letter-name,.products-master-page .stem-letter-name{min-height:clamp(48px,4.2vw,72px)!important;margin-top:10px!important;border-radius:clamp(10px,.75vw,14px)!important;font-size:clamp(16px,1.15vw,22px)!important}
}

/* ===== V5.27 FINAL DETAIL TUNING — logo specificity + PDF glyph proportions ===== */
@media (min-width:1201px){
  .site-header .header-top.container > .brand{position:absolute!important;left:4.166667vw!important;top:0!important;width:min(13.541667vw,260px)!important;height:auto!important;display:block!important;margin:0!important;transform:none!important;grid-column:auto!important;justify-self:auto!important;align-self:auto!important}
  .site-header .header-top.container > .brand > img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important}
  .stem-hero .stem-letter-box::before,.products-master-page .stem-letter-box::before{position:relative!important;top:1.9vw!important;transform:scaleX(.86) scaleY(1.20)!important}
  .stem-hero .stem-letter-wrap:nth-child(2) .stem-letter-box::before,.products-master-page .stem-letter-wrap:nth-child(2) .stem-letter-box::before{transform:scaleX(.94) scaleY(1.20)!important}
  .stem-hero .stem-letter-wrap:nth-child(3) .stem-letter-box::before,.products-master-page .stem-letter-wrap:nth-child(3) .stem-letter-box::before{transform:scaleX(.86) scaleY(1.20)!important}
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before,.products-master-page .stem-letter-wrap:nth-child(4) .stem-letter-box::before{transform:scaleX(.94) scaleY(1.20)!important}
}

/* ===== V5.27 PDF PAGE-2 FINAL MATCH =====
   Do not change header geometry again. Search remains intentionally shorter.
   Match only the STEM block vertical spacing and lower labels to the supplied PDF. */
@media (min-width:1201px){
  .stem-hero{padding-top:min(6.527778vw,125px)!important}
  .stem-hero .stem-letter-name,
  .products-master-page .stem-letter-name{
    min-height:min(5.833333vw,112px)!important;
    margin-top:min(.694444vw,10px)!important;
    padding:8px 10px!important;
    border-radius:clamp(12px,1.05vw,20px)!important;
    font-size:clamp(22px,2.05vw,38px)!important;
    font-weight:500!important;
  }
}


/* ===== V5.28 FINAL CORRECTION — SEARCH / LIVE PRODUCT SUGGESTIONS / STEM / EQUAL GUTTERS ===== */
/* Keep every public content container centered with identical left/right gutters. */
body:not(.cms-admin-body) main .container{
  margin-left:auto!important;margin-right:auto!important;
  padding-left:0!important;padding-right:0!important;
}

/* Header must never clip the live search layer. */
.site-header,.site-header .header-top,.site-header .header-search-cluster{overflow:visible!important}
.site-header .header-top{position:relative!important;z-index:300!important}
.site-header .nav{position:relative!important;z-index:100!important}
.site-header form.search{overflow:visible!important;box-sizing:border-box!important;z-index:1000!important}

/* ONE search frame only: the form owns the outline; input never draws a second/focus frame. */
.site-header form.search{
  border:1.5px solid #0788c8!important;border-radius:9px!important;background:#fff!important;
}
.site-header form.search>input[type="search"]{
  border:0!important;border-radius:8px 0 0 8px!important;outline:0!important;
  box-shadow:none!important;background:#fff!important;box-sizing:border-box!important;
}
.site-header form.search>input[type="search"]:focus,
.site-header form.search>input[type="search"]:focus-visible{outline:0!important;box-shadow:none!important}
.site-header form.search>button{box-sizing:border-box!important;border-top:0!important;border-right:0!important;border-bottom:0!important;border-left:1px solid #0788c8!important;border-radius:0 8px 8px 0!important;background:#fff!important}

/* Live results sit OVER the blue menu, not behind/below it. */
.header-search-suggestions{
  position:absolute!important;left:-1.5px!important;right:auto!important;top:calc(100% + 5px)!important;
  width:calc(100% + 3px)!important;z-index:10000!important;max-height:min(520px,65vh)!important;
  overflow:auto!important;padding:6px!important;background:#fff!important;border:1px solid #a9d3e7!important;
  border-radius:9px!important;box-shadow:0 14px 34px rgba(14,70,98,.24)!important;
}
.header-search-suggestion{
  display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;
  align-items:center!important;min-height:72px!important;padding:7px 9px!important;border-radius:7px!important;
  color:#29495a!important;background:#fff!important;text-decoration:none!important;
}
.header-search-suggestion:hover,.header-search-suggestion.active{background:#eef8fc!important;color:#057fbd!important}
.header-search-thumb{width:58px!important;height:58px!important;border:1px solid #e1edf3!important;border-radius:6px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.header-search-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:3px!important}
.header-search-thumb.header-search-kind{font-size:10px!important;font-weight:900!important;line-height:1.15!important;text-align:center!important;color:#0788c8!important;text-transform:uppercase!important;padding:5px!important}
.header-search-copy{display:block!important;min-width:0!important}
.header-search-copy b{display:block!important;font-size:14px!important;line-height:1.3!important;color:#24485a!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.header-search-copy small{display:block!important;margin-top:4px!important;font-size:11.5px!important;color:#71838d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.header-search-all{position:relative!important;z-index:1!important;background:#fff!important}

@media (min-width:1201px){
  /* Search geometry stays exactly where V5.27 placed it; puzzle now sits immediately beside it and has the same height. */
  .site-header .header-search-cluster .search{
    border:1.5px solid #0788c8!important;border-radius:9px!important;
  }
  .site-header .header-search-cluster .search input{border:0!important;border-radius:8px 0 0 8px!important}
  .site-header .header-search-cluster .puzzle{
    position:absolute!important;
    left:calc(41.666667vw + min(34vw,650px) + 18px)!important;
    top:4.583333vw!important;
    width:auto!important;height:clamp(44px,3.229167vw,62px)!important;
    display:flex!important;align-items:center!important;margin:0!important;transform:none!important;
  }
  .site-header .header-search-cluster .puzzle img{
    display:block!important;width:auto!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important;
  }

  /* Four background blocks are locked to the exact same width/height. Only the white letters are reduced. */
  .stem-hero .stem-letter-grid,.products-master-page .stem-letter-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;
  }
  .stem-hero .stem-letter-wrap,.products-master-page .stem-letter-wrap{min-width:0!important}
  .stem-hero .stem-letter-box,.products-master-page .stem-letter-box{
    width:100%!important;height:min(23.4375vw,450px)!important;min-height:0!important;
    aspect-ratio:auto!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
  }
  .stem-hero .stem-letter-box::before,.products-master-page .stem-letter-box::before{
    position:static!important;top:auto!important;
    font-size:min(18.2vw,350px)!important;line-height:.78!important;
    transform:scaleX(.86) scaleY(1.06)!important;transform-origin:center!important;
  }
  .stem-hero .stem-letter-wrap:nth-child(2) .stem-letter-box::before,
  .products-master-page .stem-letter-wrap:nth-child(2) .stem-letter-box::before{transform:scaleX(.92) scaleY(1.06)!important}
  .stem-hero .stem-letter-wrap:nth-child(3) .stem-letter-box::before,
  .products-master-page .stem-letter-wrap:nth-child(3) .stem-letter-box::before{transform:scaleX(.86) scaleY(1.06)!important}
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box::before,
  .products-master-page .stem-letter-wrap:nth-child(4) .stem-letter-box::before{
    font-size:min(17.5vw,336px)!important;transform:scaleX(.92) scaleY(1.06)!important;letter-spacing:-.06em!important;
  }
}

@media (max-width:1200px){
  .site-header form.search{border:1.5px solid #0788c8!important;overflow:visible!important}
  .site-header form.search>input[type="search"]{border:0!important;box-shadow:none!important}
}
@media (max-width:680px){
  .header-search-suggestions{position:fixed!important;left:14px!important;right:14px!important;top:98px!important;width:auto!important;max-height:58vh!important}
  .header-search-suggestion{grid-template-columns:54px minmax(0,1fr)!important;min-height:64px!important}
  .header-search-thumb{width:50px!important;height:50px!important}
}


/* ===== V5.29 PRE-ONLINE FINAL — SEARCH RIGHT BORDER / STEM TRUE CENTER / ACCOUNT USERNAME ===== */
/* Search uses a real two-column layout so all four outer borders remain visible, including the right edge. */
.site-header form.search{
  --am-search-button-w:clamp(50px,4.270833vw,82px);
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--am-search-button-w)!important;
  align-items:stretch!important;
  border:1.5px solid #0788c8!important;
  border-radius:9px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.site-header form.search>input[type="search"]{
  position:static!important;
  grid-column:1!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:8px 0 0 8px!important;
  outline:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.site-header form.search>button{
  position:static!important;
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid #0788c8!important;
  border-radius:0 8px 8px 0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.site-header form.search::after{
  content:""!important;
  position:absolute!important;
  top:-1.5px!important;right:-1.5px!important;bottom:-1.5px!important;
  width:1.5px!important;
  background:#0788c8!important;
  border-radius:0 9px 9px 0!important;
  pointer-events:none!important;
  z-index:3!important;
}
.header-search-suggestions{grid-column:1/-1!important}

@media (max-width:1200px){
  .site-header form.search{position:relative!important}
}

/* Desktop STEM: use the real S/T/E/M text and flex centering; every background box stays identical. */
@media (min-width:1201px){
  .stem-hero .stem-letter-grid,.products-master-page .stem-letter-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:start!important;
  }
  .stem-hero .stem-letter-wrap,.products-master-page .stem-letter-wrap{min-width:0!important}
  .stem-hero .stem-letter-box,.products-master-page .stem-letter-box{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:min(23.4375vw,450px)!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    aspect-ratio:auto!important;
    color:#fff!important;
    font-family:Impact,"Arial Black","Arial Narrow",Arial,sans-serif!important;
    font-size:min(18.2vw,350px)!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    text-indent:0!important;
    transform:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .stem-hero .stem-letter-box::before,.products-master-page .stem-letter-box::before{
    content:none!important;display:none!important;
  }
  .stem-hero .stem-letter-wrap:nth-child(4) .stem-letter-box,
  .products-master-page .stem-letter-wrap:nth-child(4) .stem-letter-box{
    font-size:min(17.8vw,342px)!important;
    letter-spacing:-.055em!important;
  }
}

/* Customer account: username is visible but read-only. */
.customer-profile-username{display:block!important;color:#29495a!important;font-size:13px!important;line-height:1.35!important}
.customer-profile-username b{font-weight:800!important;color:#0788c8!important}
.customer-profile-form input[name="username"][readonly],
.customer-profile-form input[name="email"][readonly]{background:#f5f8fa!important;color:#526873!important;cursor:default!important}


/* ===== V5.30 FINAL PDF HEADER MATCH — SEARCH + PUZZLE =====
   Reference: supplied 13-page PDF, desktop header. At 1920px the Search starts at 800px,
   spans about 767px, and the two-piece puzzle sits at about x=1646 with its native ratio.
   Keep the existing logo/nav geometry and change only Search + puzzle. */
@media (min-width:1201px){
  .site-header .header-search-cluster .search{
    position:absolute!important;
    left:41.666667vw!important;
    top:4.583333vw!important;
    width:min(39.947917vw,767px)!important;
    max-width:767px!important;
    min-width:0!important;
    height:clamp(44px,3.229167vw,62px)!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(50px,4.270833vw,82px)!important;
    align-items:stretch!important;
    border:1.5px solid #0788c8!important;
    border-radius:9px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    z-index:1000!important;
  }
  .site-header .header-search-cluster .search::after{content:none!important;display:none!important}
  .site-header .header-search-cluster .search>input[type="search"]{
    position:static!important;
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 clamp(16px,1.67vw,32px)!important;
    border:0!important;
    border-radius:8px 0 0 8px!important;
    outline:0!important;
    box-shadow:none!important;
    background:#fff!important;
    color:#0788c8!important;
    font-size:clamp(18px,1.58vw,30px)!important;
    font-style:italic!important;
    line-height:1!important;
    box-sizing:border-box!important;
    appearance:none!important;
  }
  .site-header .header-search-cluster .search>input[type="search"]:focus,
  .site-header .header-search-cluster .search>input[type="search"]:focus-visible{
    outline:0!important;box-shadow:none!important
  }
  .site-header .header-search-cluster .search>button{
    position:static!important;
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid #0788c8!important;
    border-radius:0 8px 8px 0!important;
    background:#fff!important;
    color:#0788c8!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
  }
  .site-header .header-search-cluster .search>button svg{
    display:block!important;
    width:clamp(25px,1.875vw,36px)!important;
    height:clamp(25px,1.875vw,36px)!important;
    margin:auto!important;
  }
  .site-header .header-search-cluster .puzzle{
    position:absolute!important;
    left:85.708333vw!important;
    top:4.541667vw!important;
    width:min(5.729167vw,110px)!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    transform:none!important;
    z-index:80!important;
  }
  .site-header .header-search-cluster .puzzle img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
  }
  .header-search-suggestions{
    left:-1.5px!important;
    right:auto!important;
    top:calc(100% + 5px)!important;
    width:calc(100% + 3px)!important;
    z-index:10000!important;
  }
}

/* ===== V5.30.1 FINAL MICRO-ALIGNMENT — MENU RIGHT / PUZZLE LEFT =====
   User-requested final optical adjustment only. Search geometry remains unchanged. */
@media (min-width:1201px){
  /* Shift the desktop menu text slightly to the right without changing its size or spacing. */
  .site-header .nav-links{
    left:42.239583vw!important;
  }
  /* Shift the puzzle pair slightly to the left; keep its PDF scale and vertical alignment. */
  .site-header .header-search-cluster .puzzle{
    left:85.083333vw!important;
  }
}


/* ===== V5.30.2 MICRO-ALIGNMENT — MENU SPACING + PUZZLE FURTHER LEFT =====
   User-requested optical adjustment only. Search, logo, nav height and functions remain unchanged. */
@media (min-width:1201px){
  /* Increase spacing between desktop menu items just a little. */
  .site-header .nav-links{
    gap:clamp(18px,1.50vw,28px)!important;
  }
  /* Move the puzzle pair a little further left without changing its size/height. */
  .site-header .header-search-cluster .puzzle{
    left:84.65vw!important;
  }
}


/* ===== V5.30.3 FINAL MICRO-ALIGNMENT — PUZZLE = LOGIN RIGHT EDGE =====
   Align the puzzle pair to the same right-hand guide as the account/login icon.
   Search, menu spacing, nav height and all functions remain unchanged. */
@media (min-width:1201px){
  .site-header .header-search-cluster .puzzle{
    left:auto!important;
    right:8.229167vw!important;
  }
}


/* ===== V5.30.4 | LOGIN PDF FIDELITY + ORDER LOOKUP CLEANUP ===== */
/* Login page: reproduce page 10 of the supplied PDF without changing the shared header/footer. */
.login-pdf-page{
  padding:42px 0 150px!important;
  background:#fff!important;
}
.auth-wrap-pdf{
  max-width:560px!important;
  margin:0 auto!important;
}
.auth-logo-pdf{
  margin:0 auto 30px!important;
  text-align:center!important;
}
.auth-logo-pdf img{
  display:block!important;
  width:min(300px,72vw)!important;
  height:auto!important;
  margin:0 auto!important;
}
.auth-card-pdf{
  width:100%!important;
  border:1.5px solid #0788c8!important;
  border-radius:22px!important;
  background:#fff!important;
  padding:46px 62px 38px!important;
  box-shadow:none!important;
}
.auth-card-pdf .auth-pdf-field{
  margin:0 0 29px!important;
}
.auth-card-pdf .auth-pdf-field label{
  display:block!important;
  margin:0 0 4px!important;
  color:#0788c8!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:500!important;
}
.auth-card-pdf .auth-pdf-field .form-control{
  width:100%!important;
  min-height:32px!important;
  margin:0!important;
  padding:3px 0 7px!important;
  border:0!important;
  border-bottom:1px solid #0788c8!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:#294f62!important;
  font-size:14px!important;
}
.auth-card-pdf .auth-pdf-field .form-control::placeholder{
  color:#76b8d7!important;
  font-size:12px!important;
  font-style:italic!important;
  opacity:1!important;
}
.auth-links-pdf{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:42px!important;
  margin:-10px 0 18px!important;
  font-size:12px!important;
}
.auth-links-pdf a{
  color:#0788c8!important;
  font-style:italic!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
.auth-login-btn-pdf{
  width:100%!important;
  min-height:39px!important;
  padding:8px 16px!important;
  border-radius:4px!important;
  background:#0788c8!important;
  border:1px solid #0788c8!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.auth-social-row-pdf{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:11px!important;
}
.auth-social-row-pdf .auth-social-btn{
  min-height:39px!important;
  border:1px solid #0788c8!important;
  border-radius:4px!important;
  font-size:14px!important;
  font-weight:700!important;
}
.auth-card-pdf .auth-status{
  min-height:0!important;
  margin:10px 0 0!important;
  text-align:center!important;
  font-size:13px!important;
}

/* Public order lookup: compact, direct and visually consistent with the PDF login/account pages. */
.order-lookup-page-v5304{
  padding:42px 0 120px!important;
  background:#fff!important;
}
.order-lookup-shell{
  max-width:720px!important;
  margin:0 auto!important;
}
.order-lookup-brand{
  margin:0 auto 24px!important;
  text-align:center!important;
}
.order-lookup-brand img{
  display:block!important;
  width:230px!important;
  max-width:62vw!important;
  height:auto!important;
  margin:0 auto!important;
}
.order-lookup-card-v5304{
  max-width:650px!important;
  margin:0 auto!important;
  padding:36px 54px 34px!important;
  border:1.5px solid #0788c8!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.order-lookup-card-v5304 .order-lookup-page-head{
  max-width:none!important;
  margin:0 0 26px!important;
  text-align:center!important;
}
.order-lookup-card-v5304 .order-lookup-page-head>span{
  display:block!important;
  margin:0 0 3px!important;
  color:#ef5b19!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.order-lookup-card-v5304 .order-lookup-page-head h1{
  margin:0 0 9px!important;
  color:#0788c8!important;
  font-size:30px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.order-lookup-card-v5304 .order-lookup-page-head p{
  max-width:500px!important;
  margin:0 auto!important;
  color:#627d8a!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.order-lookup-form-v5304 label{
  display:block!important;
  margin:0 0 4px!important;
  color:#0788c8!important;
  font-size:16px!important;
  font-weight:600!important;
}
.order-lookup-form-v5304>.form-control{
  width:100%!important;
  min-height:36px!important;
  margin:0!important;
  padding:5px 0 8px!important;
  border:0!important;
  border-bottom:1px solid #0788c8!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
  color:#294f62!important;
  font-size:14px!important;
  text-transform:uppercase!important;
}
.order-lookup-form-v5304>.form-control::placeholder{
  color:#79b8d5!important;
  font-size:12px!important;
  font-style:italic!important;
  text-transform:none!important;
}
.order-lookup-code-help{
  display:block!important;
  margin:7px 0 16px!important;
  color:#7a909a!important;
  font-size:11px!important;
  line-height:1.4!important;
  text-align:left!important;
}
.order-lookup-submit{
  width:100%!important;
  min-height:40px!important;
  border-radius:4px!important;
  background:#0788c8!important;
  border:1px solid #0788c8!important;
  font-size:14px!important;
  font-weight:800!important;
}
.order-lookup-card-v5304 .order-lookup-status{
  min-height:0!important;
  margin:10px 0 0!important;
  text-align:center!important;
  font-size:13px!important;
}
.order-lookup-card-v5304 .order-lookup-result{
  margin-top:18px!important;
}
.order-lookup-progress{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin:0 0 14px!important;
  padding:12px 8px!important;
  border:1px solid #d5e8f1!important;
  border-radius:10px!important;
  background:#f8fcfe!important;
}
.order-lookup-progress-step{
  position:relative!important;
  display:grid!important;
  justify-items:center!important;
  gap:6px!important;
  min-width:0!important;
  color:#7b8f99!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-align:center!important;
}
.order-lookup-progress-step:not(:last-child)::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:60%!important;
  right:-40%!important;
  top:12px!important;
  height:2px!important;
  background:#d4e3ea!important;
}
.order-lookup-progress-step i{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:25px!important;
  height:25px!important;
  border:1px solid #9fc8da!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#9fc8da!important;
  font-size:12px!important;
  font-style:normal!important;
}
.order-lookup-progress-step.done{color:#0788c8!important}
.order-lookup-progress-step.done i{
  border-color:#0788c8!important;
  background:#0788c8!important;
  color:#fff!important;
}
.order-lookup-progress-step.done:not(:last-child)::after{background:#0788c8!important}
.order-lookup-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1px!important;
  border-radius:10px!important;
}
.order-lookup-summary>div{
  padding:12px 13px!important;
}
.order-lookup-summary span{font-size:10px!important}
.order-lookup-summary b{font-size:13px!important}
.order-lookup-summary .lookup-total{font-size:16px!important}
.order-lookup-actions-v5304{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:15px!important;
  color:#8ba0aa!important;
  font-size:12px!important;
}
.order-lookup-actions-v5304 a{
  color:#0788c8!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

@media(max-width:680px){
  .login-pdf-page{padding:28px 0 80px!important}
  .auth-wrap-pdf{max-width:520px!important}
  .auth-logo-pdf{margin-bottom:22px!important}
  .auth-logo-pdf img{width:min(245px,68vw)!important}
  .auth-card-pdf{padding:34px 24px 28px!important;border-radius:18px!important}
  .auth-links-pdf{gap:26px!important}
  .order-lookup-page-v5304{padding:28px 0 76px!important}
  .order-lookup-brand{margin-bottom:20px!important}
  .order-lookup-card-v5304{padding:30px 22px 28px!important;border-radius:18px!important}
  .order-lookup-card-v5304 .order-lookup-page-head h1{font-size:26px!important}
  .order-lookup-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 6px!important}
  .order-lookup-progress-step:not(:last-child)::after{display:none!important}
  .order-lookup-summary{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .auth-social-row-pdf{grid-template-columns:1fr 1fr!important}
  .auth-social-row-pdf .auth-social-btn{font-size:12px!important}
  .auth-social-row-pdf .auth-social-btn svg{width:18px!important;height:18px!important;flex-basis:18px!important}
  .order-lookup-actions-v5304{flex-wrap:wrap!important}
}

/* ===== V5.30.5 | LOGIN PAGE — PIXEL-MATCH PDF PAGE 10 =====
   Desktop geometry is derived directly from the supplied 1920px PDF layout.
   Header/footer remain shared and unchanged. */
@media (min-width:681px){
  .login-pdf-page{
    padding:min(2.604167vw,50px) 0 min(12.291667vw,236px)!important;
    background:#fff!important;
  }
  .auth-wrap-pdf{
    width:min(var(--container),calc(100% - (var(--page-pad) * 2)))!important;
    max-width:var(--container)!important;
    margin:0 auto!important;
  }
  .auth-logo-pdf{
    margin:0 auto min(1.805556vw,34.667px)!important;
    text-align:center!important;
    transform:translateX(clamp(-22px,-1.145833vw,-8px))!important;
  }
  .auth-logo-pdf img{
    display:block!important;
    width:min(20.138889vw,386.667px)!important;
    max-width:none!important;
    height:auto!important;
    margin:0 auto!important;
  }
  .auth-card-pdf{
    position:relative!important;
    width:min(39.0625vw,750px)!important;
    height:min(27.083333vw,520px)!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    border:1.5px solid #0788c8!important;
    border-radius:min(1.666667vw,32px)!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .auth-card-pdf .auth-pdf-field{
    position:absolute!important;
    left:13.523132%!important;
    width:72.953737%!important;
    height:auto!important;
    margin:0!important;
  }
  .auth-card-pdf .auth-pdf-field:nth-of-type(1){top:13.333333%!important}
  .auth-card-pdf .auth-pdf-field:nth-of-type(2){top:37.179487%!important}
  .auth-card-pdf .auth-pdf-field label{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#0788c8!important;
    font-size:min(1.25vw,24px)!important;
    line-height:1.15!important;
    font-weight:500!important;
  }
  .auth-card-pdf .auth-pdf-field .form-control{
    display:block!important;
    width:100%!important;
    height:min(1.875vw,36px)!important;
    min-height:0!important;
    margin:min(.298611vw,5.733px) 0 0!important;
    padding:0 0 min(.208333vw,4px)!important;
    border:0!important;
    border-bottom:1px solid #0788c8!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:#fff!important;
    color:#294f62!important;
    font-size:min(.9375vw,18px)!important;
    line-height:1.15!important;
  }
  .auth-card-pdf .auth-pdf-field .form-control::placeholder{
    color:#76b8d7!important;
    font-size:min(.78125vw,15px)!important;
    line-height:1.15!important;
    font-style:italic!important;
    opacity:1!important;
  }
  .auth-links-pdf{
    position:absolute!important;
    z-index:2!important;
    top:54.615385%!important;
    left:13.523132%!important;
    width:72.953737%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:min(2.916667vw,56px)!important;
    margin:0!important;
    padding:0!important;
    font-size:min(.78125vw,15px)!important;
    line-height:1.2!important;
  }
  .auth-links-pdf a{
    color:#0788c8!important;
    font-style:italic!important;
    text-decoration:underline!important;
    text-underline-offset:2px!important;
    white-space:nowrap!important;
  }
  .auth-login-btn-pdf{
    position:absolute!important;
    z-index:2!important;
    top:64.102564%!important;
    left:13.523132%!important;
    width:72.953737%!important;
    height:10.512821%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #0788c8!important;
    border-radius:min(.208333vw,4px)!important;
    background:#0788c8!important;
    color:#fff!important;
    font-size:min(.833333vw,16px)!important;
    font-weight:800!important;
    line-height:1!important;
  }
  .auth-social-row-pdf{
    position:absolute!important;
    z-index:2!important;
    top:77.179487%!important;
    left:13.523132%!important;
    width:72.953737%!important;
    height:10.769231%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:3.414634%!important;
    margin:0!important;
    padding:0!important;
  }
  .auth-social-row-pdf .auth-social-btn{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #0788c8!important;
    border-radius:min(.208333vw,4px)!important;
    background:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:min(.416667vw,8px)!important;
    color:#17698f!important;
    font-size:min(.833333vw,16px)!important;
    line-height:1!important;
    font-weight:700!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .auth-social-row-pdf .auth-social-btn svg{
    width:min(1.458333vw,28px)!important;
    height:min(1.458333vw,28px)!important;
    flex:0 0 min(1.458333vw,28px)!important;
  }
  .auth-card-pdf .auth-status{
    position:absolute!important;
    left:13.523132%!important;
    bottom:2.3%!important;
    width:72.953737%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font-size:min(.729167vw,14px)!important;
    line-height:1.2!important;
  }
}

/* Keep the same PDF composition on tablets/phones, but let the form flow naturally. */
@media (max-width:680px){
  .auth-wrap-pdf{width:min(92%,520px)!important;margin:0 auto!important}
  .auth-logo-pdf{transform:none!important}
  .auth-card-pdf{width:100%!important;height:auto!important;min-height:0!important;position:relative!important;padding:34px 24px 28px!important}
  .auth-card-pdf .auth-pdf-field,.auth-links-pdf,.auth-login-btn-pdf,.auth-social-row-pdf,.auth-card-pdf .auth-status{position:static!important;width:100%!important;height:auto!important;left:auto!important;top:auto!important;bottom:auto!important}
  .auth-card-pdf .auth-pdf-field{margin:0 0 26px!important}
  .auth-card-pdf .auth-pdf-field label{font-size:16px!important}
  .auth-card-pdf .auth-pdf-field .form-control{height:30px!important;margin-top:4px!important;font-size:14px!important}
  .auth-links-pdf{margin:-8px 0 17px!important}
  .auth-login-btn-pdf{min-height:39px!important}
  .auth-social-row-pdf{height:auto!important;margin-top:11px!important}
  .auth-social-row-pdf .auth-social-btn{min-height:39px!important;height:39px!important}
  .auth-card-pdf .auth-status{margin-top:10px!important}
}


/* ===== V5.30.6 | REGISTER + FORGOT PASSWORD = LOGIN/PDF VISUAL LANGUAGE =====
   Same logo, centered blue-outline card, underline inputs and compact blue actions.
   Registration keeps email for account recovery and a hidden orderCode for guest-order linking. */
.auth-sr-heading{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.auth-flow-page{background:#fff!important}
.auth-flow-wrap-pdf{margin:0 auto!important}
.auth-flow-card-pdf{
  width:min(39.0625vw,750px)!important;
  margin:0 auto!important;
  padding:min(2.291667vw,44px) min(5.28125vw,101.4px) min(2.083333vw,40px)!important;
  border:1.5px solid #0788c8!important;
  border-radius:min(1.666667vw,32px)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.auth-register-card-pdf{max-width:750px!important}
.auth-forgot-card-pdf{max-width:750px!important;padding-top:min(3.125vw,60px)!important;padding-bottom:min(2.604167vw,50px)!important}
.auth-flow-field{margin:0 0 min(1.458333vw,28px)!important}
.auth-flow-field label{
  display:block!important;margin:0!important;padding:0!important;color:#0788c8!important;
  font-size:min(1.09375vw,21px)!important;line-height:1.15!important;font-weight:500!important;
}
.auth-flow-field .form-control{
  display:block!important;width:100%!important;height:min(1.875vw,36px)!important;min-height:0!important;
  margin:min(.260417vw,5px) 0 0!important;padding:0 0 min(.208333vw,4px)!important;
  border:0!important;border-bottom:1px solid #0788c8!important;border-radius:0!important;
  outline:0!important;box-shadow:none!important;background:#fff!important;color:#294f62!important;
  font-size:min(.9375vw,18px)!important;line-height:1.15!important;
}
.auth-flow-field .form-control:focus{box-shadow:none!important;border-bottom-color:#006fa8!important}
.auth-flow-field .form-control::placeholder{
  color:#76b8d7!important;font-size:min(.78125vw,15px)!important;line-height:1.15!important;
  font-style:italic!important;opacity:1!important;
}
.auth-flow-submit-pdf{
  display:block!important;width:100%!important;min-height:min(2.708333vw,52px)!important;margin:min(.520833vw,10px) 0 0!important;
  padding:0 16px!important;border:1px solid #0788c8!important;border-radius:min(.208333vw,4px)!important;
  background:#0788c8!important;color:#fff!important;font-size:min(.833333vw,16px)!important;font-weight:800!important;line-height:1!important;
}
.auth-flow-card-pdf .auth-status{min-height:18px!important;margin:10px 0 0!important;text-align:center!important;font-size:13px!important;line-height:1.3!important}
.auth-flow-bottom-link{margin:12px 0 0!important;text-align:center!important;font-size:min(.78125vw,15px)!important;line-height:1.3!important}
.auth-flow-bottom-link a{color:#0788c8!important;font-style:italic!important;text-decoration:underline!important;text-underline-offset:2px!important}
.auth-forgot-card-pdf .auth-flow-submit-pdf{margin-top:min(1.041667vw,20px)!important}

@media (max-width:680px){
  .auth-flow-card-pdf{width:100%!important;max-width:520px!important;padding:34px 24px 28px!important;border-radius:18px!important}
  .auth-flow-field{margin:0 0 24px!important}
  .auth-flow-field label{font-size:16px!important}
  .auth-flow-field .form-control{height:30px!important;margin-top:4px!important;font-size:14px!important}
  .auth-flow-field .form-control::placeholder{font-size:12px!important}
  .auth-flow-submit-pdf{min-height:39px!important;font-size:14px!important}
  .auth-flow-bottom-link{font-size:12px!important}
}


/* V5.30.7 - account address, product quantity and video media */
.product-quantity-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 18px;padding-left:14px}.product-quantity-row>label{font-weight:800;color:#314657}.product-quantity-control{display:inline-grid;grid-template-columns:38px 66px 38px;height:40px;border:1px solid #b9cbd5;border-radius:8px;overflow:hidden;background:#fff}.product-quantity-control button{border:0;background:#f4f8fa;color:#173d67;font-size:21px;font-weight:900}.product-quantity-control input{width:100%;min-width:0;border:0;border-left:1px solid #d6e1e7;border-right:1px solid #d6e1e7;text-align:center;font-weight:800;outline:0;-moz-appearance:textfield}.product-quantity-control input::-webkit-outer-spin-button,.product-quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-quantity-row small{width:100%;color:#6d7d87;font-size:13px}.product-quantity-row[hidden]{display:none!important}.product-description-secondary{white-space:pre-line}.product-description-video{margin-top:24px}.responsive-video{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#000;box-shadow:0 8px 24px rgba(20,48,63,.12)}.responsive-video-youtube{aspect-ratio:16/9}.responsive-video iframe{display:block;width:100%;height:100%;border:0}.responsive-video-file video{display:block;width:100%;max-height:680px;background:#000}.article-inline-video{margin:30px 0 34px!important}.article-inline-video .responsive-video{max-width:980px;margin-inline:auto}.admin-inline-video-tools,.admin-product-video-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:14px;padding:14px;border:1px solid #d8e5ec;border-radius:12px;background:#f8fbfd}.admin-inline-video-tools .full,.admin-product-video-tools .full{grid-column:1/-1}.admin-media-help{grid-column:1/-1;color:#667984;font-size:13px;line-height:1.5}.admin-video-preview{grid-column:1/-1;margin-top:4px}.admin-video-preview .responsive-video{max-width:720px}.cms-customer-profile-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;padding:14px;border:1px solid #dfe8ed;border-radius:12px;background:#f8fbfd}.cms-customer-profile-edit label{display:flex;flex-direction:column;gap:6px;font-weight:800;color:#36586a;font-size:13px}.cms-customer-profile-edit label.full{grid-column:1/-1}.cms-customer-profile-edit input,.cms-customer-profile-edit textarea{width:100%;border:1px solid #bdd1dc;border-radius:8px;padding:9px 10px;background:#fff}.cms-customer-profile-edit textarea{min-height:74px;resize:vertical}.cms-customer-manage .admin-btn[data-customer-save]{min-width:190px}
@media(max-width:680px){.product-quantity-row{padding-left:0}.product-quantity-control{grid-template-columns:38px 60px 38px}.article-inline-video{margin:22px 0 26px!important}.admin-inline-video-tools,.admin-product-video-tools,.cms-customer-profile-edit{grid-template-columns:1fr}.admin-inline-video-tools .full,.admin-product-video-tools .full,.cms-customer-profile-edit label.full{grid-column:auto}}


/* V5.30.9 customer account product history */
.customer-order-product-name{color:inherit;text-decoration:none}.customer-order-product-name:hover{text-decoration:underline}
.customer-bought-list{display:grid;gap:12px}.customer-bought-product-card{display:grid!important;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px!important;border:1px solid #dce8ee;border-radius:12px;background:#fff}.customer-bought-product-card>img{width:76px;height:76px;object-fit:contain;border:1px solid #edf2f5;border-radius:10px;background:#fff}.customer-bought-product-info{display:grid;gap:4px;min-width:0}.customer-bought-product-info>a{color:#173d67;text-decoration:none}.customer-bought-product-info>a:hover{text-decoration:underline}.customer-bought-product-info small{color:#6d808b;line-height:1.35}.customer-bought-product-price{display:grid;justify-items:end;gap:4px;white-space:nowrap}.customer-bought-product-price>strong{font-size:14px;color:#48616e}.customer-bought-product-price>span{font-size:12px;color:#6d808b}.customer-bought-product-price>b{color:#0788c8}.customer-bought-list .customer-product-image-missing{width:76px;height:76px;display:grid;place-items:center;text-align:center;font-size:11px;border:1px dashed #cbdbe3;border-radius:10px;color:#81949e}@media(max-width:700px){.customer-bought-product-card{grid-template-columns:64px minmax(0,1fr)}.customer-bought-product-card>img,.customer-bought-list .customer-product-image-missing{width:64px;height:64px}.customer-bought-product-price{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start;gap:10px}}

/* V5.31.0 - shipment tracking */
.cms-order-tracking{margin:14px 0;padding:14px;border:1px solid #d9e2ec;border-radius:12px;background:#f8fbff}.cms-order-tracking>b{display:block;margin-bottom:8px}.cms-order-tracking-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:8px;align-items:center}.cms-order-tracking-grid input{min-width:0;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px}.cms-order-tracking>a{display:inline-block;margin-top:8px}.customer-shipping-tracking{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;padding:12px 14px;margin-bottom:12px;border-radius:10px;background:#eef6ff}.customer-shipping-tracking>b{width:100%}.customer-shipping-tracking a{font-weight:700;text-decoration:underline}@media(max-width:900px){.cms-order-tracking-grid{grid-template-columns:1fr}.customer-shipping-tracking{display:block}.customer-shipping-tracking>*{display:block;margin:4px 0}}

/* ===== V5.31.2 | CUSTOMER ACCOUNT REVIEW - MATCH APPROVED REFERENCE =====
   Delivered/Completed orders show the review form inline under the order,
   one horizontal row per purchased product, matching the approved account layout. */
.customer-order-card.review-layout-reference{overflow:visible!important}
.customer-order-card.review-layout-reference .customer-order-review-panel,
.customer-order-card.review-layout-reference .customer-order-review-panel[hidden]{
  display:block!important;
  margin:16px 0 0!important;
  padding:22px 18px 24px!important;
  border:1.5px solid #0788c8!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.customer-order-card.review-layout-reference .customer-order-review-title{margin:0 0 18px!important}
.customer-order-card.review-layout-reference .customer-order-review-title>span{
  display:block!important;margin:0 0 4px!important;color:#065d91!important;
  font-size:12px!important;font-weight:950!important;letter-spacing:.04em!important
}
.customer-order-card.review-layout-reference .customer-order-review-title h3{
  margin:0!important;color:#173d67!important;font-size:20px!important;line-height:1.2!important;font-weight:950!important
}
.customer-order-card.review-layout-reference .customer-order-review-title p{
  margin:7px 0 0!important;color:#617986!important;font-size:12px!important;line-height:1.45!important
}
.customer-order-card.review-layout-reference .customer-order-review-form{
  display:grid!important;
  grid-template-columns:minmax(300px,1.1fr) 110px minmax(420px,1.45fr)!important;
  grid-template-areas:"product rating content" ". . submit"!important;
  column-gap:14px!important;row-gap:10px!important;align-items:end!important;
  padding:18px 0!important;border-top:1px solid #d7e7ef!important
}
.customer-order-card.review-layout-reference .customer-order-review-form:first-of-type{border-top:0!important;padding-top:4px!important}
.customer-order-card.review-layout-reference .customer-order-review-product{
  grid-area:product!important;display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;
  gap:12px!important;align-items:center!important;min-width:0!important
}
.customer-order-card.review-layout-reference .customer-order-review-product img{
  width:66px!important;height:66px!important;object-fit:contain!important;border:1px solid #d5e4eb!important;
  border-radius:7px!important;background:#fff!important;padding:4px!important
}
.customer-order-card.review-layout-reference .customer-order-review-product b{
  display:block!important;color:#173d67!important;font-size:15px!important;line-height:1.25!important;font-weight:950!important
}
.customer-order-card.review-layout-reference .customer-order-review-product small{
  display:block!important;margin-top:4px!important;color:#56809a!important;font-size:11px!important
}
.customer-order-card.review-layout-reference .customer-order-review-form label:nth-of-type(1){grid-area:rating!important}
.customer-order-card.review-layout-reference .customer-order-review-form label:nth-of-type(2){grid-area:content!important}
.customer-order-card.review-layout-reference .customer-order-review-form label{
  display:grid!important;gap:5px!important;margin:0!important;color:#294f62!important;font-size:12px!important;font-weight:900!important
}
.customer-order-card.review-layout-reference .customer-order-review-form select{
  height:36px!important;min-height:36px!important;padding:5px 11px!important;border:1px solid #b8d1df!important;
  border-radius:7px!important;background:#fff!important;color:#111!important;font-weight:900!important
}
.customer-order-card.review-layout-reference .customer-order-review-form textarea{
  min-height:68px!important;height:68px!important;padding:10px 12px!important;border:1px solid #b8d1df!important;
  border-radius:7px!important;background:#fff!important;color:#294f62!important;font-size:12px!important;resize:vertical!important
}
.customer-order-card.review-layout-reference .customer-order-review-form .btn{
  grid-area:submit!important;justify-self:end!important;min-width:112px!important;min-height:40px!important;
  width:auto!important;margin:0!important;padding:9px 14px!important;border-radius:8px!important;
  background:#0788c8!important;color:#fff!important;font-size:12px!important;font-weight:950!important;line-height:1.05!important
}
.customer-order-card.review-layout-reference .customer-order-review-status{grid-column:1/-1!important;font-size:12px!important;text-align:right!important}
.customer-order-card.review-layout-reference .customer-track-step.review-step-active span{color:#0788c8!important}
.customer-order-card.review-layout-reference .customer-track-step.review-step-active i{color:#ed651d!important}
@media(max-width:1050px){
 .customer-order-card.review-layout-reference .customer-order-review-form{
   grid-template-columns:minmax(240px,1fr) 100px minmax(260px,1.25fr)!important
 }
}
@media(max-width:760px){
 .customer-order-card.review-layout-reference .customer-order-review-form{
   grid-template-columns:1fr!important;grid-template-areas:"product" "rating" "content" "submit"!important
 }
 .customer-order-card.review-layout-reference .customer-order-review-form .btn{justify-self:stretch!important;width:100%!important}
 .customer-order-card.review-layout-reference .customer-order-review-status{text-align:left!important}
}

/* V5.31.3 - preserve product description line breaks entered in admin */
.product-description [data-description-1],.product-description [data-description-2]{white-space:pre-line!important;}
/* V5.31.4 rich product description editor */
.am-rich-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 8px;padding:9px;border:1px solid #d3e1e8;border-radius:9px;background:#f7fbfd}.am-rich-toolbar button{border:1px solid #9fc8dc;background:#fff;color:#17698f;border-radius:7px;padding:7px 10px;font-weight:800;cursor:pointer}.am-rich-toolbar label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.am-rich-toolbar input[type=color]{width:34px;height:30px;padding:2px}.am-rich-toolbar select{padding:6px 8px}.am-rich-textarea{min-height:180px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;line-height:1.55!important}.product-description [data-description-1],.product-description [data-description-2]{white-space:normal!important}.product-description [data-description-1] p,.product-description [data-description-2] p{margin:.55em 0}.product-description [data-description-1] ul,.product-description [data-description-2] ul{margin:.7em 0;padding-left:1.35em}.product-description [data-description-1] h1,.product-description [data-description-2] h1{font-size:2em;line-height:1.2;margin:.7em 0 .35em}.product-description [data-description-1] h2,.product-description [data-description-2] h2{font-size:1.6em;line-height:1.25;margin:.7em 0 .35em}.product-description [data-description-1] h3,.product-description [data-description-2] h3{font-size:1.3em;line-height:1.3;margin:.7em 0 .35em}

/* V5.31.6: product rich descriptions preserve real blocks from CMS. */
.product-rich-description{white-space:normal!important}.product-rich-description p{margin:0 0 10px;line-height:1.65}.product-rich-description ul,.product-rich-description ol{margin:8px 0 12px;padding-left:24px}.product-rich-description li{margin:5px 0;line-height:1.6}.product-rich-description h1,.product-rich-description h2,.product-rich-description h3{margin:14px 0 9px;line-height:1.25}.product-rich-description span[style]{white-space:normal}

/* ===== V5.31.8 STORE MAP PDF CORNER FIX =====
   PDF page 1 uses a complete 4-corner MAP OF VIETNAM frame.
   Draw the frame in CSS so no CMS image crop/override can drop the final corner. */
.store-map-frame{
  left:9.10%!important;top:78.62%!important;width:14.42%!important;height:10.70%!important;
  position:absolute!important;z-index:6!important;pointer-events:none!important;
}
.store-corner{display:block!important;position:absolute!important;width:16.5%!important;height:24%!important;border-style:solid!important;border-color:#0a5c91!important;border-width:0!important;opacity:1!important;box-sizing:border-box!important}
.store-corner.tl{left:0!important;top:0!important;border-left-width:2px!important;border-top-width:2px!important}
.store-corner.tr{right:0!important;top:0!important;border-right-width:2px!important;border-top-width:2px!important}
.store-corner.bl{left:0!important;bottom:0!important;border-left-width:2px!important;border-bottom-width:2px!important}
.store-corner.br{right:0!important;bottom:0!important;border-right-width:2px!important;border-bottom-width:2px!important}
.store-map-frame .store-map-caption-small{top:17%!important;font-size:clamp(16px,1.48vw,28px)!important}
.store-map-frame .store-map-caption-large{top:47%!important;font-size:clamp(24px,2.0vw,38px)!important}
@media(max-width:680px){
 .store-map-frame{left:9.10%!important;top:78.62%!important;width:18%!important;height:11.2%!important}
 .store-corner{display:block!important;width:17%!important;height:25%!important}
 .store-corner.tl{border-left-width:1px!important;border-top-width:1px!important}.store-corner.tr{border-right-width:1px!important;border-top-width:1px!important}.store-corner.bl{border-left-width:1px!important;border-bottom-width:1px!important}.store-corner.br{border-right-width:1px!important;border-bottom-width:1px!important}
}


/* ===== V5.31.10 VERIFIED ASSISTANT + MAP BOTTOM CORNER FIX ===== */
.virtual-message.assistant{white-space:pre-wrap!important;word-break:break-word!important;line-height:1.55!important}
.virtual-message.user{white-space:pre-wrap!important;word-break:break-word!important}
/* Draw all four MAP OF VIETNAM corner marks as one background layer. This avoids a missing BR corner from child clipping. */
.store-map-frame{
  overflow:visible!important;
  background:
   linear-gradient(#0a5c91,#0a5c91) left top/17% 2px no-repeat,
   linear-gradient(#0a5c91,#0a5c91) left top/2px 26% no-repeat,
   linear-gradient(#0a5c91,#0a5c91) right top/17% 2px no-repeat,
   linear-gradient(#0a5c91,#0a5c91) right top/2px 26% no-repeat,
   linear-gradient(#0a5c91,#0a5c91) left bottom/17% 2px no-repeat,
   linear-gradient(#0a5c91,#0a5c91) left bottom/2px 26% no-repeat,
   linear-gradient(#0a5c91,#0a5c91) right bottom/17% 2px no-repeat,
   linear-gradient(#0a5c91,#0a5c91) right bottom/2px 26% no-repeat!important;
}
.store-map-frame .store-corner{display:none!important}
.home-store-section{overflow:hidden!important}
.home-store-image{object-fit:contain!important;object-position:center top!important}


/* ===== V5.31.11 STORE MAP EXACT PDF / CA MAU TIP FIX ===== */
.home-store-section{overflow:visible!important;background:#1188c5!important;}
.home-store-map-link{display:block!important;width:100%!important;height:auto!important;overflow:visible!important;line-height:0!important;}
.home-store-map-link .home-store-image,.home-store-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;object-position:center top!important;clip-path:none!important;transform:none!important;}
.store-editable-overlay{overflow:visible!important;}


/* ===== V5.31.12 FINAL MOBILE PUBLISH FIX =====
   - Search is a single clipped two-column control: no protruding button/border on iPhone.
   - Vision/Mission becomes three clean mobile blocks: vision -> robot bridge -> mission.
   - Floating quick actions are smaller and stay tight to the right edge. */
@media (max-width:680px){
  .site-header .header-top{overflow:visible!important;box-sizing:border-box!important}
  .site-header .header-search-cluster{min-width:0!important;max-width:100%!important;overflow:visible!important}
  .site-header .header-search-cluster .search,
  .site-header form.search{
    --am-search-button-w:52px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    border:1.5px solid #0788c8!important;
    border-radius:10px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .site-header form.search::after,
  .site-header .header-search-cluster .search::after{content:none!important;display:none!important}
  .site-header form.search>input[type="search"],
  .site-header .header-search-cluster .search>input[type="search"]{
    grid-column:1!important;position:static!important;width:100%!important;min-width:0!important;height:100%!important;
    margin:0!important;padding:0 14px!important;border:0!important;border-radius:9px 0 0 9px!important;
    box-shadow:none!important;outline:0!important;background:#fff!important;box-sizing:border-box!important;font-size:16px!important;
  }
  .site-header form.search>button,
  .site-header .header-search-cluster .search>button{
    grid-column:2!important;position:static!important;inset:auto!important;transform:none!important;
    width:52px!important;min-width:52px!important;max-width:52px!important;height:100%!important;
    margin:0!important;padding:0!important;border:0!important;border-left:1px solid #0788c8!important;
    border-radius:0 9px 9px 0!important;background:#fff!important;color:#0788c8!important;
    display:grid!important;place-items:center!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .site-header form.search>button svg,
  .site-header .header-search-cluster .search>button svg{width:25px!important;height:25px!important;margin:0!important;transform:none!important}
  .site-header .header-search-cluster .puzzle{display:none!important}

  /* Vision/Mission: never allow the robot to cover text on phones. */
  .vision-mission-original{padding:34px 0 44px!important;overflow:hidden!important}
  .vision-mission-original .vm-original-head{
    display:grid!important;grid-template-columns:1fr 1fr!important;align-items:end!important;gap:8px!important;
    padding:0 18px 12px!important;
  }
  .vision-mission-original .vm-title{font-size:clamp(31px,10vw,46px)!important;line-height:.95!important;margin:0!important;white-space:nowrap!important}
  .vision-mission-original .vm-title-vision{text-align:left!important}
  .vision-mission-original .vm-title-mission{text-align:right!important;padding-left:0!important}
  .vision-mission-original .vm-original-band{
    display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;
    overflow:visible!important;background:none!important;position:relative!important;
  }
  .vision-mission-original .vm-panel{width:100%!important;min-height:0!important;display:block!important;position:relative!important}
  .vision-mission-original .vm-panel-vision{order:1!important;background:#1086c2!important}
  .vision-mission-original .vm-robot-wrap{
    order:2!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;margin:0!important;padding:10px 14vw!important;
    transform:none!important;z-index:4!important;box-sizing:border-box!important;
    background:linear-gradient(to bottom,#1086c2 0 50%,#f04725 50% 100%)!important;
    display:flex!important;justify-content:center!important;align-items:center!important;pointer-events:none!important;
  }
  .vision-mission-original .vm-robot-wrap img{display:block!important;width:min(330px,72vw)!important;height:auto!important;max-width:100%!important;margin:0 auto!important;object-fit:contain!important}
  .vision-mission-original .vm-panel-mission{order:3!important;background:#f04725!important}
  .vision-mission-original .vm-panel-left,
  .vision-mission-original .vm-panel-right{padding:26px 24px!important;margin:0!important;min-height:0!important}
  .vision-mission-original .vm-panel-inner{font-size:15px!important;line-height:1.52!important}
  .vision-mission-original .vm-grouped-text{white-space:pre-line!important;overflow:visible!important}

  /* Keep quick-contact stack usable without swallowing the content width. */
  .global-quick-actions{right:6px!important;gap:7px!important}
  .global-quick-action{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:15px!important}
  .global-quick-assistant svg{width:22px!important;height:22px!important}
  .global-quick-assistant span,.global-quick-sale span,.global-phone-label{font-size:7.5px!important;line-height:1.05!important}
  .global-zalo-mark{font-size:16px!important}

  /* Menu may scroll horizontally rather than clipping the last item. */
  .site-header .nav-inner{overflow:visible!important}
  .site-header .nav-links{overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .site-header .nav-links::-webkit-scrollbar{display:none!important}
}
@media (max-width:390px){
  .vision-mission-original .vm-original-head{padding-left:14px!important;padding-right:14px!important}
  .vision-mission-original .vm-title{font-size:29px!important}
  .vision-mission-original .vm-panel-left,.vision-mission-original .vm-panel-right{padding-left:20px!important;padding-right:20px!important}
  .vision-mission-original .vm-robot-wrap{padding-left:11vw!important;padding-right:11vw!important}
}

.virtual-message.assistant .assistant-contact-link{color:#087fbd!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:2px!important;overflow-wrap:anywhere!important}

/* ===== V5.31.13 STORE SYSTEM MOBILE FINAL =====
   Desktop keeps the approved 1920x1488 artwork/overlay.
   Phones use a dedicated crop that keeps the complete Vietnam silhouette,
   including Ca Mau, Phu Quoc and Con Son, without shrinking the map into an unreadable thumbnail. */
.home-store-picture{display:block!important;width:100%!important;line-height:0!important}
@media (max-width:680px){
  .home-store-section{
    position:relative!important;
    width:100%!important;
    margin:0!important;
    padding:26px 0 18px!important;
    background:#1188c5!important;
    overflow:hidden!important;
    line-height:normal!important;
  }
  .home-store-editable-title{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    margin:0 0 18px!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    color:#fff!important;
    font-size:clamp(31px,9vw,44px)!important;
    line-height:1!important;
    font-weight:850!important;
    z-index:6!important;
  }
  .home-store-map-link{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    overflow:hidden!important;
    line-height:0!important;
    background:#1188c5!important;
  }
  .home-store-picture{
    display:block!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .home-store-map-link .home-store-image,
  .home-store-image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    clip-path:none!important;
  }
  /* Desktop notes are positioned in the 1920x1488 coordinate system and become unreadable on phones. */
  .home-store-section .store-editable-overlay{display:none!important}
  /* Clean mobile MAP OF VIETNAM badge, independent from desktop overlay coordinates. */
  .home-store-map-link::after{
    content:"MAP OF\A VIETNAM";
    white-space:pre!important;
    position:absolute!important;
    left:7%!important;
    bottom:8%!important;
    z-index:5!important;
    display:block!important;
    padding:8px 12px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    color:#fff!important;
    background:rgba(0,91,145,.18)!important;
    font-size:clamp(12px,3.6vw,17px)!important;
    line-height:1.18!important;
    font-weight:700!important;
    letter-spacing:.03em!important;
    text-align:left!important;
    pointer-events:none!important;
  }
}

/* ===== V5.31.14 PERFORMANCE FINAL / ANTI-SHAKE ===== */
html{overflow-y:scroll}
img{max-width:100%;height:auto}
[data-header]{display:block;min-height:198px;background:#fff}
[data-footer]{display:block;min-height:260px;background:#0788c8}
.search,.search *{box-sizing:border-box}
.home-welcome-stage{min-height:clamp(300px,41.7vw,800px);overflow:hidden}
.home-welcome-bg{display:block;width:100%;height:100%;object-fit:cover}
.home-ai-media img,.vm-original-robot img,.home-stem-steam-section img{display:block}
@media(min-width:1201px){
  [data-header]{min-height:clamp(228px,17.29vw,332px)}
}
@media(max-width:680px){
  [data-header]{min-height:168px}
  [data-footer]{min-height:300px}
  .search{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:stretch!important;overflow:hidden!important;border:2px solid var(--blue)!important;border-radius:9px!important;background:#fff!important}
  .search input{grid-column:1!important;width:100%!important;min-width:0!important;border:0!important;border-radius:0!important;padding-right:10px!important;box-shadow:none!important}
  .search button{grid-column:2!important;position:static!important;width:42px!important;height:38px!important;border:0!important;border-left:1px solid var(--blue)!important;border-radius:0!important;transform:none!important}
  .home-store-map-link{aspect-ratio:1620/1188!important;min-height:0!important;background:#1188c5!important}
  .home-store-picture{display:block!important;width:100%!important;height:100%!important}
  .home-store-map-link .home-store-image,.home-store-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* ===== V5.31.15 STORE MAP MOBILE HARD FIX =====
   One canonical artwork for desktop + mobile. No <source>/srcset dependency, so the map cannot disappear because of a relative mobile URL. */
@media (max-width:680px){
  .home-store-section{padding:24px 0 0!important;overflow:hidden!important;background:#1188c5!important}
  .home-store-editable-title{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;margin:0 0 12px!important;padding:0 14px!important;font-size:clamp(31px,9vw,44px)!important;line-height:1!important}
  .home-store-map-link{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;background:#1188c5!important;line-height:0!important}
  .home-store-picture{display:block!important;width:100%!important;height:auto!important;margin:0!important}
  .home-store-map-link .home-store-image,.home-store-image{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;min-height:0!important;margin:0!important;object-fit:contain!important;object-position:center center!important;transform:none!important;clip-path:none!important}
  .home-store-section .store-editable-overlay{display:none!important}
  .home-store-map-link::after{left:7%!important;bottom:7%!important}
}

/* V5.31.17 FINAL PERFORMANCE: reduce expensive paint work for users who explicitly enable data saving. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* ===== V5.31.18 FINAL | DESKTOP CUSTOMER ACCOUNT OVERFLOW HARD FIX ===== */
.customer-account-section,.customer-account-section .container,.customer-account-layout,.customer-account-pdf-layout,.customer-account-content,.customer-account-pdf-content,.customer-account-panel,.customer-order-list,.customer-order-card,.customer-order-card-pdf,.customer-order-pdf-blue,.customer-order-items,.customer-order-review-panel,.customer-reviews-list,.customer-review-account-card{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.customer-account-section{overflow-x:clip!important}.customer-account-pdf-layout{width:100%!important}.customer-account-pdf-content>*{min-width:0!important;max-width:100%!important}
.customer-order-head,.customer-order-pdf-foot,.customer-shipping-tracking{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}.customer-order-items>div,.customer-bought-item{min-width:0!important;max-width:100%!important}.customer-order-items>div>*,.customer-bought-item>*{min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.customer-order-card.review-layout-reference{overflow:hidden!important}.customer-order-card.review-layout-reference .customer-order-review-form{grid-template-columns:minmax(180px,.85fr) minmax(90px,110px) minmax(240px,1.25fr)!important;width:100%!important;max-width:100%!important;min-width:0!important}.customer-order-card.review-layout-reference .customer-order-review-form>*{min-width:0!important;max-width:100%!important}.customer-order-card.review-layout-reference .customer-order-review-form textarea,.customer-order-card.review-layout-reference .customer-order-review-form select{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.customer-order-card.review-layout-reference .customer-order-review-product b,.customer-order-card.review-layout-reference .customer-order-review-product small{overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:1180px){.customer-account-pdf-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:32px!important}.customer-order-card.review-layout-reference .customer-order-review-form{grid-template-columns:minmax(160px,.8fr) 96px minmax(210px,1.2fr)!important}}
@media(max-width:980px){.customer-account-pdf-layout{grid-template-columns:1fr!important;gap:24px!important}.customer-order-card.review-layout-reference .customer-order-review-form{grid-template-columns:minmax(180px,.8fr) 100px minmax(240px,1.2fr)!important}}
@media(max-width:760px){.customer-order-card.review-layout-reference .customer-order-review-form{grid-template-columns:1fr!important;grid-template-areas:"product" "rating" "content" "submit"!important}}
/* Product descriptions: preserve admin line breaks and bullet lists on customer detail page. */
.product-rich-description{max-width:100%!important;overflow-wrap:anywhere!important}.product-rich-description p{display:block!important;margin:.55em 0!important;white-space:normal!important}.product-rich-description ul,.product-rich-description ol{display:block!important;margin:.65em 0 .85em!important;padding-left:1.5em!important;list-style-position:outside!important}.product-rich-description ul{list-style-type:disc!important}.product-rich-description ol{list-style-type:decimal!important}.product-rich-description li{display:list-item!important;margin:.28em 0!important;line-height:1.55!important}

/* ===== V5.31.19 FINAL | ORDER PROGRESS SYNC + MOBILE SUBMENUS ===== */
/* Customer order progress mirrors the CMS workflow exactly:
   Chuẩn bị hàng -> Chờ vận chuyển
   Đang giao hàng -> Đã vận chuyển
   Đã giao hàng -> Đã nhận
   Hoàn thành -> Đánh giá */
.customer-track-pdf-checks .customer-track-step i{position:relative!important;color:transparent!important}
.customer-track-pdf-checks .customer-track-step.done i::after{
  content:""!important;position:absolute!important;left:50%!important;top:46%!important;
  width:9px!important;height:18px!important;border-right:3px solid #ed651d!important;border-bottom:3px solid #ed651d!important;
  transform:translate(-50%,-58%) rotate(45deg)!important;transform-origin:center!important;box-sizing:border-box!important;
}
.customer-track-pdf-checks .customer-track-step.current i{box-shadow:0 0 0 4px rgba(7,136,200,.10)!important}
.customer-track-pdf-checks .customer-track-step.done span{color:#16824a!important;font-weight:800!important}

/* Compact/tablet/mobile navigation: preserve the horizontal parent menu and expose all child menus on tap. */
@media(max-width:1200px){
  .site-header .nav-inner.container{overflow:visible!important}
  .site-header .nav-links{
    justify-content:flex-start!important;overflow-x:auto!important;overflow-y:visible!important;
    padding-left:30px!important;padding-right:22px!important;gap:30px!important;
    font-size:16px!important;line-height:1!important;scroll-padding-left:30px!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .site-header .nav-links::-webkit-scrollbar{display:none!important}
  .site-header .nav-links>a,.site-header .nav-product-trigger{font-size:inherit!important;font-weight:750!important;letter-spacing:.01em!important}
  .site-header .nav-product{position:static!important;flex:0 0 auto!important}
  .site-header .nav-product .product-menu{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .site-header .nav-product.mobile-open .product-menu{
    display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    position:fixed!important;left:14px!important;right:14px!important;width:auto!important;min-width:0!important;max-width:none!important;
    max-height:62vh!important;overflow:auto!important;margin:0!important;padding:10px 12px!important;
    background:#fff!important;border:1px solid #0788c8!important;border-radius:0 0 10px 10px!important;
    box-shadow:0 12px 28px rgba(0,48,76,.20)!important;z-index:10050!important;
  }
  .site-header .nav-product.mobile-open .product-menu a{
    display:block!important;width:100%!important;padding:11px 12px!important;margin:0!important;
    color:#31546a!important;background:#fff!important;font-size:16px!important;line-height:1.25!important;
    white-space:normal!important;border-bottom:1px solid #e5eef3!important;box-sizing:border-box!important;
  }
  .site-header .nav-product.mobile-open .product-menu a:last-child{border-bottom:0!important}
  .site-header .nav-product.mobile-open>.nav-product-trigger{color:#fff!important}
  .site-header .nav-product.mobile-open>.nav-product-trigger::after{transform:scaleX(1)!important}
}
@media(max-width:680px){
  .site-header .nav-links{padding-left:26px!important;padding-right:18px!important;gap:27px!important;font-size:15.5px!important;min-height:58px!important}
  .site-header .nav-product,.site-header .nav-product-trigger{min-height:58px!important}
  .site-header .nav-product.mobile-open .product-menu{left:10px!important;right:10px!important;padding:8px 10px!important}
  .site-header .nav-product.mobile-open .product-menu a{font-size:15.5px!important;padding:11px 10px!important}
}


/* ===== V5.31.20 HOME MOBILE MENU FINAL ALIGNMENT =====
   Scope ONLY to the homepage so other page headers are not shifted again. */
@media (max-width:1200px){
  body.page-home .site-header .nav-links{
    justify-content:flex-start!important;
    padding-left:12px!important;
    padding-right:12px!important;
    gap:clamp(24px,3.1vw,34px)!important;
    font-size:16.5px!important;
    min-height:56px!important;
    scroll-padding-left:12px!important;
  }
  body.page-home .site-header .nav-links>a,
  body.page-home .site-header .nav-product-trigger{
    font-size:inherit!important;
    font-weight:750!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:680px){
  body.page-home .site-header .nav-links{
    padding-left:8px!important;
    padding-right:10px!important;
    gap:25px!important;
    font-size:16px!important;
    min-height:56px!important;
  }
  body.page-home .site-header .nav-product,
  body.page-home .site-header .nav-product-trigger{
    min-height:56px!important;
  }
}


/* ===== V5.31.21 HOME DESKTOP MENU ALIGNMENT =====
   Homepage desktop only: move the main menu to the RIGHT, enlarge text slightly,
   and distribute gaps evenly. Mobile/tablet rules above remain unchanged. */
@media (min-width:1201px){
  body.page-home .site-header .nav-links{
    left:43.75vw!important;
    gap:clamp(20px,1.45vw,30px)!important;
    font-size:clamp(16px,1.00vw,18px)!important;
    font-weight:750!important;
    justify-content:flex-start!important;
  }
  body.page-home .site-header .nav-links>a,
  body.page-home .site-header .nav-product-trigger{
    font-size:inherit!important;
    font-weight:inherit!important;
    letter-spacing:.005em!important;
  }
}


/* ===== V5.31.22 MOBILE NAV CLICK HARD FIX ===== */
@media (max-width:1200px){
  .site-header .nav-links a,
  .site-header .nav-product-trigger,
  .site-header .product-menu a{pointer-events:auto!important;touch-action:manipulation!important;}
  .site-header .nav-product.mobile-open{z-index:10020!important;}
  .site-header .nav-product.mobile-open .product-menu{z-index:10030!important;pointer-events:auto!important;}
  .site-header .nav-product.mobile-open .product-menu a{position:relative!important;z-index:10031!important;}
}

/* ===== V5.31.23 DESKTOP HEADER MENU GLOBAL LOCK =====
   One desktop header geometry for EVERY public page.
   Fixes the previous homepage-only override that made the menu jump when
   navigating from Home to Products / Solutions / News / Contact. */
@media (min-width:1201px){
  .site-header .nav-links,
  body.page-home .site-header .nav-links{
    left:43.75vw!important;
    right:auto!important;
    width:max-content!important;
    max-width:none!important;
    top:0!important;
    height:100%!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:clamp(20px,1.45vw,30px)!important;
    padding:0!important;
    margin:0!important;
    font-size:clamp(16px,1vw,18px)!important;
    font-weight:750!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .site-header .nav-links>a,
  .site-header .nav-product,
  .site-header .nav-product-trigger,
  body.page-home .site-header .nav-links>a,
  body.page-home .site-header .nav-product,
  body.page-home .site-header .nav-product-trigger{
    flex:0 0 auto!important;
    min-width:max-content!important;
    height:100%!important;
    min-height:0!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    letter-spacing:.005em!important;
  }
}
/* 1201–1599px previously had a later right-position rule. Keep the same
   left-aligned geometry here so switching pages never changes the header. */
@media (min-width:1201px) and (max-width:1599px){
  .site-header .nav-links,
  body.page-home .site-header .nav-links{
    left:41.9vw!important;
    right:auto!important;
    gap:clamp(13px,1.05vw,18px)!important;
    font-size:clamp(14px,.95vw,16px)!important;
  }
}


/* ===== V5.31.26 DESKTOP MENU SPACING FINE-TUNE =====
   Keep original 3-zone header geometry. Only increase spacing between
   desktop text-menu items slightly; mobile/tablet are intentionally untouched. */
@media (min-width:1600px){
  .site-header .nav-links,
  body.page-home .site-header .nav-links{
    gap:clamp(24px,1.7vw,36px)!important;
  }
}
@media (min-width:1201px) and (max-width:1599px){
  .site-header .nav-links,
  body.page-home .site-header .nav-links{
    gap:clamp(16px,1.25vw,22px)!important;
  }
}


/* ===== V5.31.27 FINAL DESKTOP MENU SPACING =====
   Final publish theme. Preserve original three-zone desktop header:
   STEM icons left / text navigation center / cart-account right.
   Only widen menu spacing a little more than V5.31.26. */
@media (min-width:1600px){
  .site-header .nav-links,
  body.page-home .site-header .nav-links{
    gap:clamp(28px,1.9vw,42px)!important;
  }
}
@media (min-width:1201px) and (max-width:1599px){
  .site-header .nav-links,
  body.page-home .site-header .nav-links{
    gap:clamp(19px,1.4vw,26px)!important;
  }
}

/* ===== V5.31.31 DESKTOP MENU FINAL FINE-TUNE =====
   Desktop only. Preserve original icon/search/actions geometry.
   Fill the unused center-right space by moving the text nav slightly right,
   increasing type size slightly, and distributing items more evenly. */
@media (min-width:1600px){
  .site-header .nav-links,
  body.page-home .site-header .nav-links{
    right:15vw!important;
    gap:clamp(30px,1.85vw,40px)!important;
    font-size:clamp(17.5px,1.02vw,19px)!important;
    font-weight:750!important;
  }
}
@media (min-width:1201px) and (max-width:1599px){
  .site-header .nav-links,
  body.page-home .site-header .nav-links{
    right:13.8vw!important;
    gap:clamp(18px,1.35vw,24px)!important;
    font-size:clamp(15.5px,1.02vw,16.5px)!important;
    font-weight:750!important;
  }
}

/* ===== V5.31.32 PUBLISH FINAL: FAST MOBILE HEADER + ICON RESTORE ===== */
.nav-submenu-toggle{display:none;border:0;background:transparent;color:inherit;padding:0;margin:0;cursor:pointer;font:inherit;line-height:1}
@media (max-width:1200px){
  /* Keep the original header artwork visible on phones/tablets. */
  .site-header .nav-inner.container{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr) 78px!important;
    align-items:center!important;
    min-height:58px!important;
    padding:0 8px!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .site-header .nav-icons{
    display:flex!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    width:112px!important;min-width:112px!important;align-items:center!important;justify-content:flex-start!important;z-index:5!important;
  }
  .site-header .nav-icons-original{display:block!important;width:106px!important;max-width:106px!important;height:auto!important}
  .site-header .nav-actions{
    display:flex!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    width:78px!important;min-width:78px!important;height:46px!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;z-index:6!important;
  }
  .site-header .nav-actions a{display:flex!important;align-items:center!important;justify-content:center!important;height:42px!important;width:35px!important}
  .site-header .nav-actions img{display:block!important;max-width:100%!important;max-height:40px!important;width:auto!important;height:auto!important;object-fit:contain!important}
  .site-header .nav-links{
    min-width:0!important;max-width:none!important;width:auto!important;
    padding:0 8px!important;margin:0!important;gap:20px!important;font-size:15px!important;
    min-height:58px!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .site-header .nav-links::-webkit-scrollbar{display:none!important}
  .site-header .nav-product{position:relative!important;display:flex!important;align-items:center!important;gap:3px!important;min-height:58px!important}
  .site-header .nav-product-trigger{min-height:58px!important;display:flex!important;align-items:center!important;touch-action:manipulation!important}
  .site-header .nav-submenu-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;
    width:24px!important;height:36px!important;color:#fff!important;font-size:19px!important;font-weight:800!important;touch-action:manipulation!important;
  }
  .site-header .nav-product.mobile-open>.nav-submenu-toggle{transform:rotate(180deg)}
  .site-header .nav-product.mobile-open>.nav-product-trigger::after{transform:scaleX(1)!important}
}
@media (max-width:680px){
  .site-header .nav-inner.container{grid-template-columns:82px minmax(0,1fr) 64px!important;padding:0 5px!important;gap:4px!important;min-height:54px!important}
  .site-header .nav-icons{width:82px!important;min-width:82px!important}.site-header .nav-icons-original{width:78px!important;max-width:78px!important}
  .site-header .nav-actions{width:64px!important;min-width:64px!important;height:42px!important;gap:2px!important}
  .site-header .nav-actions a{width:30px!important;height:38px!important}.site-header .nav-actions img{max-height:36px!important}
  .site-header .nav-links{padding:0 6px!important;gap:16px!important;font-size:14px!important;min-height:54px!important}
  .site-header .nav-product,.site-header .nav-product-trigger{min-height:54px!important}
  .site-header .nav-submenu-toggle{width:20px!important;flex-basis:20px!important;font-size:17px!important}
}

/* V5.31.34 STORE MAP SINGLE-LAYER FIX */
.store-editable-overlay,.store-region-label,.store-map-frame{display:none!important;}
.home-store-map-link::after{content:none!important;display:none!important;}
.home-store-picture,.home-store-image{display:block;width:100%;height:auto;}

/* ===== V5.31.37 | FINAL DESKTOP SEARCH WIDTH MATCHES MENU / 2026-09-04 ===== */
@media(min-width:1101px){
  /* Only tighten the desktop search frame so it visually matches the menu width.
     No header/menu functionality changes. */
  .site-header .search{
    grid-column:2!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
    justify-self:center!important;
    margin:0 auto!important;
  }
  .site-header .search input[type="search"]{
    width:100%!important;
    min-width:0!important;
  }
}

/* ===== V5.31.38 | FINAL DESKTOP SEARCH EXACTLY SAME WIDTH AS MENU / 2026-09-04 ===== */
@media(min-width:1101px){
  /* Keep the same column as the menu and use full column width. */
  .site-header .search,
  .site-header .search form,
  .site-header .search .search-form{
    grid-column:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
    margin:0!important;
  }
  .site-header .search input[type="search"],
  .site-header .search input{
    width:100%!important;
    min-width:0!important;
  }
}

/* ===== V5.31.39 | DESKTOP SEARCH WIDER TO MATCH VISIBLE MENU SPAN ===== */
@media(min-width:1300px){
  .site-header .search{
    grid-column:2!important;
    width:calc(100% + 52px)!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:start!important;
    margin:0!important;
  }
  .site-header .search input[type="search"]{width:100%!important;min-width:0!important;}
}
@media(min-width:1101px) and (max-width:1299px){
  .site-header .search{width:100%!important;max-width:none!important;justify-self:stretch!important;margin:0!important;}
}

/* ===== V5.31.40 | DESKTOP SEARCH CLEARLY WIDER / ZALO ORIGINAL BEHAVIOR ===== */
@media (min-width:1600px){
  .site-header .search{
    width:calc(100% + 110px)!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:start!important;
    margin:0!important;
  }
  .site-header .search input[type="search"]{width:100%!important;min-width:0!important;}
}
@media (min-width:1300px) and (max-width:1599px){
  .site-header .search{
    width:calc(100% + 80px)!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:start!important;
    margin:0!important;
  }
  .site-header .search input[type="search"]{width:100%!important;min-width:0!important;}
}
@media (min-width:1101px) and (max-width:1299px){
  .site-header .search{
    width:calc(100% + 48px)!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:start!important;
    margin:0!important;
  }
}

/* ===== V5.31.41 | PUBLISH FINAL: DESKTOP SEARCH REALLY WIDER ===== */
@media (min-width:1201px){
  .site-header .header-search-cluster .search{
    left:41.666667vw!important;
    width:min(46.8vw,930px)!important;
    max-width:930px!important;
    min-width:0!important;
    margin:0!important;
  }
}
@media (min-width:1201px) and (max-width:1599px){
  .site-header .header-search-cluster .search{
    width:45.8vw!important;
    max-width:820px!important;
  }
}

/* ===== V5.31.42 | SEARCH RIGHT EDGE = MENU RIGHT EDGE, DESKTOP ONLY ===== */
@media (min-width:1600px){
  .site-header .header-search-cluster .search{
    left:41.666667vw!important;
    right:15vw!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
}
@media (min-width:1201px) and (max-width:1599px){
  .site-header .header-search-cluster .search{
    left:41.666667vw!important;
    right:14.6vw!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
}

/* ===== V5.31.44 | DESKTOP SEARCH = MENU SPAN, CACHE-BUST FINAL ===== */
@media (min-width:1600px){
  .site-header .header-search-cluster .search{
    position:absolute!important;
    left:39.5vw!important;
    right:auto!important;
    width:43.5vw!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
}
@media (min-width:1201px) and (max-width:1599px){
  .site-header .header-search-cluster .search{
    position:absolute!important;
    left:39.2vw!important;
    right:auto!important;
    width:44.2vw!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
}

/* ===== V5.31.45 | SEARCH LEFT EDGE = "Về chúng tôi", RIGHT EDGE UNCHANGED ===== */
@media (min-width:1600px){
  .site-header .header-search-cluster .search{
    position:absolute!important;
    left:43.75vw!important;   /* same left edge as desktop nav-links / “Về chúng tôi” */
    right:auto!important;
    width:39.25vw!important;  /* preserves previous right edge at 83vw */
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
}
@media (min-width:1201px) and (max-width:1599px){
  .site-header .header-search-cluster .search{
    position:absolute!important;
    left:41.9vw!important;    /* same left edge as desktop nav-links */
    right:auto!important;
    width:41.5vw!important;   /* preserves previous right edge at 83.4vw */
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
}


/* ===== V5.31.47 | Phone quick action: keep hotline on one line ===== */
.global-quick-phone{width:92px!important;min-width:92px!important;padding-left:7px!important;padding-right:7px!important}
.global-quick-phone .global-phone-label{display:block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;font-size:8px!important;letter-spacing:0!important}
@media(max-width:680px){.global-quick-phone{width:82px!important;min-width:82px!important}.global-quick-phone .global-phone-label{font-size:7px!important}}


/* ===== V5.31.48 | PHONE BUTTON SAME SIZE AS ZALO ===== */
.global-quick-phone{width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;max-height:58px!important;padding:4px 3px!important;border-radius:16px!important}
.global-quick-phone .global-phone-label{display:block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;font-size:7.2px!important;line-height:1!important;letter-spacing:-.05px!important;margin-top:1px!important}
@media(max-width:680px){.global-quick-phone{width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;border-radius:14px!important}.global-quick-phone .global-phone-label{font-size:6.4px!important}}


/* PARTNERS 8 - stable source extension only: 4 columns x 2 rows on desktop */
@media (min-width: 1101px){
  .home-partners-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}