@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#071f3b;--navy2:#0b315a;--blue:#0a78b7;--cyan:#18a7c7;--ink:#10263e;--muted:#66798d;--line:#dbe5ee;--soft:#f5f8fb;--white:#fff;--green:#16945b;--amber:#d58b19;--red:#c94848;--shadow:0 14px 38px rgba(10,40,75,.08);--radius:12px;--header-h:94px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:var(--header-h);font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(1440px,calc(100% - 56px));margin:auto}.ui-icon{display:inline-block;vertical-align:middle}.site-header{position:fixed;inset:0 0 auto;z-index:200;background:rgba(255,255,255,.985);border-bottom:1px solid #e7edf3;box-shadow:0 4px 18px rgba(10,40,75,.04);backdrop-filter:blur(10px)}.nav-shell{height:var(--header-h);display:flex;align-items:center}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:245px;height:72px;object-fit:contain;object-position:left center}.nav-right{margin-left:auto;display:flex;align-items:center;gap:22px;min-width:0}.desktop-nav{display:flex;align-items:center;gap:26px;font-weight:700;font-size:14px;white-space:nowrap}.desktop-nav a{height:var(--header-h);display:flex;align-items:center;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:transparent}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.desktop-nav a:hover:after,.desktop-nav a.active:after{background:var(--cyan)}.nav-search{width:310px;height:44px;border:1px solid #e0e8ef;border-radius:999px;background:#f4f7fa;display:flex;align-items:center;gap:9px;padding:0 14px;color:#7c8ea0}.nav-search input{border:0;outline:0;background:transparent;width:100%;font-size:12.5px;color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:10px}.lang-switch{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;white-space:nowrap}.lang-switch a{color:#8190a0}.lang-switch a.active{color:var(--navy)}.cart-link{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--navy)}.cart-link:hover{background:var(--soft)}.cart-link [data-cart-count]{position:absolute;right:0;top:-2px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:var(--cyan);color:#fff;font-size:10px;font-weight:800}.menu-btn{display:none;border:0;background:transparent;color:var(--navy)}.mobile-menu{display:none;background:#fff;border-top:1px solid var(--line);padding:8px 20px 18px}.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid #edf2f6;font-weight:700}.mobile-menu.open{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:800;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#0b8fbe;color:#fff}.btn-dark{background:var(--navy);color:#fff}.btn-outline{background:#fff;border-color:#9fc1d8;color:var(--navy)}.btn-outline:hover{border-color:var(--cyan);color:#087fa4}.btn-danger{background:#fff;border-color:#efb9b9;color:#a42b2b}.btn-xs{padding:7px 9px;font-size:9px;border-radius:5px}.btn-sm{padding:9px 12px;font-size:11px}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#0b90a7}.section-title{font-family:Manrope,sans-serif;color:var(--navy);font-size:34px;line-height:1.1;margin:0}.section-copy{color:var(--muted);line-height:1.65}.compact-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.compact-head h2{font-family:Manrope;font-size:26px;line-height:1.1;margin:0;color:var(--navy)}.compact-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.compact-head>a{font-size:10px;font-weight:800;color:#0788b5}
.hero{position:relative;height:560px;overflow:hidden;background:#082a4d;color:#fff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,26,55,.97) 0%,rgba(4,34,69,.90) 29%,rgba(4,36,71,.40) 53%,rgba(4,36,71,.05) 72%)}.hero-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hero-copy{width:570px}.hero-copy h1{font-family:Manrope;font-size:47px;line-height:1.03;letter-spacing:-.03em;margin:10px 0 14px}.hero-copy p{font-size:14px;line-height:1.6;color:#e8f0f7;margin:0 0 22px;max-width:520px}.hero-actions{display:flex;gap:10px}.hero-benefits{display:flex;gap:24px;margin-top:28px}.hero-benefits>div{display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}.hero-benefits svg{grid-row:1/3}.hero-benefits b{font-size:10px}.hero-benefits small{font-size:8px;color:#c6d5e3;margin-top:2px}.category-strip{border-bottom:1px solid #e7edf2;background:#fff}.category-strip .shell{display:grid;grid-template-columns:repeat(5,1fr);height:92px}.category-link{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid #e7edf2;font-weight:800;color:#0a2d51;font-size:12px}.category-link:first-child{border-left:1px solid #e7edf2}.category-link span:first-child{width:38px;height:38px;border:1px solid #d9e5ee;border-radius:50%;display:grid;place-items:center;color:#0c7da8}.home-products{padding:26px 0 18px}.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.product-card{background:#fff;border:1px solid #dbe5ed;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:.18s}.product-card:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(10,40,75,.07)}.product-image-wrap{height:210px;background:linear-gradient(180deg,#fcfdfe,#f2f6f9);display:grid;place-items:center;padding:8px}.product-image-wrap img{width:100%;height:100%;object-fit:contain}.product-card-body{padding:9px;display:flex;flex-direction:column;flex:1}.stock{display:inline-flex;align-items:center;gap:5px;width:max-content;font-size:8px;font-weight:800;padding:3px 6px;border-radius:999px}.stock i{width:6px;height:6px;border-radius:50%}.stock-ready{background:#e8f7ef;color:#14683f}.stock-ready i{background:#15a35f}.stock-lead{background:#fff4e2;color:#9a620a}.stock-lead i{background:#e69920}.stock-confirm{background:#edf4fa;color:#3e6788}.stock-confirm i{background:#6e91ad}.product-card h3{font-family:Manrope;font-size:11.5px;line-height:1.18;margin:6px 0 4px;color:#0b2d50;min-height:28px}.product-card p{font-size:8.7px;line-height:1.38;color:#63768a;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.product-price{font-family:Manrope;font-size:14px;font-weight:800;color:#071f3b;margin:7px 0}.product-card-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:4px;margin-top:auto}.home-about{margin-top:10px;background:#f6f8fa;border-top:1px solid #e8eef3;border-bottom:1px solid #e8eef3}.home-about-grid{display:grid;grid-template-columns:1.05fr .62fr 1fr;min-height:300px}.home-about-copy{padding:36px 38px 34px 0}.home-about-copy h2{font-family:Manrope;font-size:31px;line-height:1.06;margin:7px 0 10px;color:#08294c}.home-about-copy p{font-size:11.5px;line-height:1.62;color:#617386}.about-points{padding:34px 22px;display:flex;flex-direction:column;justify-content:center;gap:18px}.about-points>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:1px 10px}.about-points span{grid-row:1/3;width:40px;height:40px;border:1px solid #dce6ef;background:#fff;border-radius:50%;display:grid;place-items:center;color:#0b315a}.about-points b{font-size:10px}.about-points small{font-size:9px;color:#708196}.home-about-photo{position:relative;overflow:hidden}.home-about-photo img{width:100%;height:100%;object-fit:cover}.about-photo-copy{position:absolute;right:26px;bottom:24px;font-family:Manrope;font-size:19px;font-style:italic;font-weight:800;color:#fff;text-align:right;text-shadow:0 3px 15px rgba(0,0,0,.35)}.why-inline{padding:18px 0}.why-inline h2{font-family:Manrope;font-size:18px;color:#08284b;margin:0 0 12px}.why-inline-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e4ebf2;border-bottom:1px solid #e4ebf2}.why-inline-grid>div{padding:14px 16px;border-right:1px solid #e4ebf2;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;gap:0 9px}.why-inline-grid>div:last-child{border-right:0}.why-inline-grid span{grid-row:1/3;width:32px;height:32px;border:1px solid #d5e1eb;border-radius:50%;display:grid;place-items:center;color:#0b315a}.why-inline-grid b{font-size:9.5px}.why-inline-grid small{font-size:8.5px;color:#708295}.home-articles{padding:16px 0 28px}.article-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.article-mini{display:grid;grid-template-columns:36% 64%;min-height:96px;border:1px solid #dce5ee;border-radius:6px;overflow:hidden;background:#fff}.article-mini img{width:100%;height:100%;object-fit:cover}.article-mini>div{padding:9px 10px;display:flex;flex-direction:column}.article-mini small{font-size:7px;color:#0a8ec1;font-weight:800}.article-mini b{font-size:10.5px;line-height:1.28;margin:4px 0;color:#0a2d51}.article-mini span{font-size:8px;color:#0c81b8;font-weight:700;margin-top:auto}
.shop-hero{height:310px;position:relative;overflow:hidden;background:#08284b;color:#fff}.shop-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shop-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,28,59,.97) 0%,rgba(3,31,63,.90) 35%,rgba(3,31,63,.46) 58%,rgba(3,31,63,.05) 80%)}.shop-hero .shell{position:relative;z-index:2;padding-top:35px}.breadcrumbs{font-size:10px;color:#d5e3f0}.shop-hero h1{font-family:Manrope;font-size:38px;margin:16px 0 8px}.shop-hero p{width:520px;font-size:12px;line-height:1.55;color:#e1ebf4}.shop-trust{display:flex;gap:26px;margin-top:20px;font-size:9px;font-weight:700}.shop-section{background:#f7f9fb;padding:15px 0 28px}.shop-layout{display:grid;grid-template-columns:235px 1fr;gap:16px}.shop-sidebar{background:#fff;border:1px solid #dde6ee;border-radius:7px;padding:14px;align-self:start;position:sticky;top:calc(var(--header-h) + 15px)}.shop-sidebar h3{font-family:Manrope;font-size:13px;margin:0 0 9px}.sidebar-search{height:38px;border:1px solid #d9e4ed;border-radius:6px;display:flex;align-items:center;gap:7px;padding:0 9px}.sidebar-search input{border:0;outline:0;width:100%;font-size:10px}.filter-group{border-top:1px solid #e7edf2;padding-top:12px;margin-top:12px}.filter-group h4{font-family:Manrope;font-size:11px;margin:0 0 8px}.filter-group label{display:flex;align-items:center;gap:7px;font-size:9px;color:#51677c;margin:7px 0}.filter-group input{accent-color:#0a6fa7}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;height:38px;margin-bottom:8px}.shop-toolbar select{height:34px;border:1px solid #d8e3ed;background:#fff;border-radius:5px;padding:0 9px;font-size:9px}.result-count{font-size:9px;color:#586d81}.shop-main .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.shop-main .product-image-wrap{height:186px}.page-hero{min-height:210px;display:flex;align-items:center;background:linear-gradient(135deg,#082848,#0b3d68);color:#fff}.page-hero .shell{padding:44px 0}.page-hero h1{font-family:Manrope;font-size:38px;margin:8px 0}.content-section{padding:45px 0}.prose{max-width:850px;line-height:1.75;color:#53697e}.prose h2{font-family:Manrope;color:#08294c}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{border:1px solid #dce6ee;border-radius:9px;overflow:hidden;background:#fff}.article-card img{width:100%;height:190px;object-fit:cover}.article-card div{padding:15px}.article-card h3{font-family:Manrope;font-size:18px;margin:5px 0}.article-card p{font-size:12px;color:#66798d;line-height:1.55}.product-page{padding:34px 0 55px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.gallery-main{height:520px;border:1px solid #dfe8ef;background:#f7f9fb;border-radius:8px;display:grid;place-items:center;padding:20px}.gallery-main img{max-height:100%;object-fit:contain}.product-info h1{font-family:Manrope;font-size:36px;line-height:1.08;margin:10px 0}.product-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.product-info .price{font-family:Manrope;font-size:30px;font-weight:800;margin:16px 0}.qty-row{display:flex;align-items:center;gap:12px;margin:15px 0}.qty-input{width:90px;padding:10px;border:1px solid #ccd9e4;border-radius:6px}.detail-box{border:1px solid #dce5ee;border-radius:8px;padding:20px;margin-top:18px}.detail-box h3{font-family:Manrope;margin-top:0}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-list li{font-size:12px;color:#53697e}.cart-wrap,.checkout-wrap,.form-wrap{padding:40px 0}.cart-list,.form-card,.summary-card{border:1px solid #dce5ee;border-radius:8px;background:#fff;padding:20px}.cart-item{display:grid;grid-template-columns:80px 1fr 110px 120px 34px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #edf2f6}.cart-item img{width:80px;height:80px;object-fit:contain}.cart-item h3{font-family:Manrope;font-size:14px;margin:0}.cart-item input{width:70px;padding:8px;border:1px solid #ccd9e4;border-radius:5px}.cart-empty{padding:40px;text-align:center}.checkout-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid #ccd9e4;border-radius:6px;outline:0}.field textarea{min-height:120px;resize:vertical}.summary-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf2f6;font-size:12px}.notice{padding:12px 14px;border-radius:7px;background:#eef7fb;color:#0b5672;font-size:11px}.success{max-width:700px;margin:50px auto;text-align:center;border:1px solid #dce6ee;border-radius:12px;padding:35px}.site-footer{background:#061f3c;color:#d9e6f1;padding:45px 0 20px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr 1.25fr .8fr;gap:34px}.footer-logo{width:225px;height:64px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.site-footer h4{font-family:Manrope;color:#fff;font-size:12px;margin:0 0 12px}.site-footer p,.site-footer a{display:block;font-size:10px;line-height:1.65;color:#d1deea;margin:4px 0}.footer-address{display:flex!important;gap:9px;align-items:flex-start}.social-row{display:flex;gap:10px}.social-row a{width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:8px;display:grid;place-items:center!important;color:#fff}.social-row a:hover{background:#0a365f}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16);margin-top:26px;padding-top:15px;font-size:9px;color:#9fb2c5}
@media(max-width:1320px){.shell{width:min(1180px,calc(100% - 36px))}.brand img{width:220px}.desktop-nav{gap:20px}.nav-search{width:260px}.product-grid{grid-template-columns:repeat(4,1fr)}.shop-main .product-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1080px){:root{--header-h:80px}.brand img{width:205px;height:60px}.desktop-nav{display:none}.menu-btn{display:block}.nav-search{margin-left:auto;width:280px}.hero{height:520px}.hero-copy{width:530px}.hero-copy h1{font-size:42px}.product-grid{grid-template-columns:repeat(3,1fr)}.home-about-grid{grid-template-columns:1fr 1fr}.about-points{display:none}.shop-layout{grid-template-columns:210px 1fr}.shop-main .product-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:root{--header-h:70px}.shell{width:min(100% - 26px,1440px)}.brand img{width:180px;height:52px}.nav-search{display:none}.hero{height:590px}.hero-bg{object-position:69% center}.hero-shade{background:linear-gradient(90deg,rgba(3,26,55,.96) 0%,rgba(3,29,61,.90) 62%,rgba(3,29,61,.35) 100%)}.hero-copy{width:100%;align-self:flex-end;padding-bottom:34px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:12px}.hero-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-strip .shell{display:flex;overflow-x:auto;height:76px;padding:0 13px}.category-link{min-width:170px;border-left:0}.product-grid{grid-template-columns:repeat(2,1fr)}.product-image-wrap{height:170px}.home-about-grid{grid-template-columns:1fr}.home-about-copy{padding:30px 0}.why-inline-grid{grid-template-columns:1fr 1fr}.article-row{grid-template-columns:1fr}.shop-hero{height:350px}.shop-layout{grid-template-columns:1fr}.shop-sidebar{position:static}.shop-main .product-grid{grid-template-columns:repeat(2,1fr)}.product-layout,.checkout-grid{grid-template-columns:1fr}.gallery-main{height:390px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.cart-item{grid-template-columns:65px 1fr 80px}.cart-item .remove,.cart-item .line-total{display:none}}
@media(max-width:480px){.lang-switch{display:none}.brand img{width:165px}.hero{height:620px}.hero-copy h1{font-size:31px}.hero-actions{display:grid;grid-template-columns:1fr}.product-grid,.shop-main .product-grid{grid-template-columns:repeat(2,1fr)}.product-image-wrap,.shop-main .product-image-wrap{height:150px}.product-card p{display:none}.product-card-actions{grid-template-columns:1fr}.product-card-actions .btn-outline{display:none}.why-inline-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

/* === V5.3 Visual Polish: full hero, stronger navigation, denser premium homepage === */
:root{--header-h:106px}
.shell{width:min(1680px,calc(100% - 64px))}
.site-header{box-shadow:0 6px 24px rgba(10,40,75,.06)}
.nav-shell{height:var(--header-h)}
.brand img{width:300px;height:86px;object-fit:contain;object-position:left center}
.nav-right{gap:12px}
.desktop-nav{gap:18px;font-size:14.5px}
.desktop-nav a{height:var(--header-h)}
.desktop-nav a:after{bottom:20px}
.nav-search{width:350px;height:48px;padding:0 16px}
.nav-search input{font-size:13px}
.nav-actions{gap:11px}
.cart-link{width:48px;height:48px}

/* Keep the complete 1920x768 hero visible at every desktop/tablet width. */
.hero{width:100%;height:auto;aspect-ratio:1920/768;min-height:0;overflow:hidden}
.hero-bg{width:100%;height:100%;object-fit:fill;object-position:center center}
.hero-inner{height:100%}
.hero-copy{width:min(590px,38vw)}
.hero-copy h1{font-size:clamp(38px,2.7vw,52px)}
.hero-copy p{font-size:14.5px;max-width:540px}

/* Category strip: larger icons and labels, stronger ecommerce navigation. */
.category-strip .shell{height:112px}
.category-link{gap:15px;font-size:15px;letter-spacing:-.01em}
.category-link span:first-child{width:56px;height:56px;border-width:1.5px}
.category-link span:first-child .ui-icon{width:30px!important;height:30px!important}
.category-link:hover{background:#f7fbfd;color:#087aa7}

/* Featured products expand to fill available width, even when only 5 items are featured. */
.home-products{padding:36px 0 28px}
.home-products .compact-head{margin-bottom:22px}
.home-products .compact-head h2{font-size:32px}
.home-products .compact-head p{font-size:12.5px}
.home-products .product-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}
.home-products .product-card{border-radius:10px}
.home-products .product-image-wrap{height:265px;padding:12px}
.home-products .product-card-body{padding:14px}
.home-products .stock{font-size:9px;padding:4px 8px}
.home-products .product-card h3{font-size:14px;min-height:34px;margin:8px 0 6px}
.home-products .product-card p{font-size:10.5px;line-height:1.48;min-height:46px}
.home-products .product-price{font-size:18px;margin:10px 0}
.home-products .product-card-actions{gap:7px}
.home-products .btn-xs{font-size:10.5px;padding:9px 10px}

/* About: less empty space, larger visual language and stronger information density. */
.home-about{margin-top:0}
.home-about-grid{grid-template-columns:1.12fr .68fr 1fr;min-height:370px}
.home-about-copy{padding:48px 40px 44px 0;align-self:center}
.home-about-copy h2{font-size:37px;line-height:1.04;margin:9px 0 14px}
.home-about-copy p{font-size:13px;line-height:1.68;max-width:680px}
.about-points{padding:36px 18px;gap:15px}
.about-points>div{grid-template-columns:58px 1fr;grid-template-rows:auto auto;gap:3px 12px;align-items:center}
.about-points span{width:54px;height:54px;border-width:1.5px}
.about-points span .ui-icon{width:27px!important;height:27px!important}
.about-points b{font-size:13px}
.about-points small{font-size:10.5px;line-height:1.45}
.about-photo-copy{right:30px;bottom:28px;font-size:23px}

.why-inline{padding:24px 0}
.why-inline h2{font-size:22px;margin-bottom:15px}
.why-inline-grid>div{padding:18px 18px;grid-template-columns:48px 1fr;gap:2px 11px}
.why-inline-grid span{width:44px;height:44px}
.why-inline-grid span .ui-icon{width:23px!important;height:23px!important}
.why-inline-grid b{font-size:11px}
.why-inline-grid small{font-size:9.5px;line-height:1.4}

/* Larger, information-rich footer / bottom bar. */
.site-footer{padding:62px 0 28px}
.footer-grid{grid-template-columns:1.35fr .65fr 1.25fr .9fr;gap:48px}
.footer-logo{width:285px;height:82px;filter:none}
.footer-company-desc{max-width:430px!important;font-size:12px!important;line-height:1.7!important;color:#d4e2ee!important;margin-top:13px!important}
.site-footer h4{font-size:14px;margin-bottom:15px}
.site-footer p,.site-footer a{font-size:11.5px;line-height:1.75}
.social-row{gap:12px;flex-wrap:wrap}
.social-row a,.social-row .social-placeholder{width:50px;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:10px;display:grid;place-items:center;color:#fff}
.social-row a:hover{background:#0a365f;border-color:#5bbfd3}
.social-placeholder{opacity:.72;cursor:default}
.social-help{display:block;margin-top:12px;color:#93aabd;font-size:9px;line-height:1.45}
.footer-bottom{margin-top:34px;padding-top:18px;font-size:10px}

@media(max-width:1500px){
  .shell{width:min(1420px,calc(100% - 48px))}
  .brand img{width:270px}
  .desktop-nav{gap:15px;font-size:13.5px}
  .nav-search{width:310px}
  .category-link{font-size:14px}
  .home-products .product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}
@media(max-width:1180px){
  :root{--header-h:88px}
  .hero{height:auto;aspect-ratio:1920/768}
  .brand img{width:230px;height:68px}
  .desktop-nav{display:none}
  .menu-btn{display:block}
  .nav-search{margin-left:auto;width:300px}
  .hero-copy{width:48vw}
  .category-strip .shell{height:94px}
  .category-link{font-size:13px;gap:10px}
  .category-link span:first-child{width:48px;height:48px}
  .home-about-grid{grid-template-columns:1.08fr .72fr 1fr}
}
@media(max-width:760px){
  :root{--header-h:72px}
  .shell{width:min(100% - 26px,1680px)}
  .brand img{width:190px;height:54px}
  .nav-search{display:none}
  .hero{aspect-ratio:auto;height:auto;min-height:0;background:#082a4d}
  .hero-bg{position:relative;height:auto;aspect-ratio:1920/768;object-fit:contain}
  .hero-shade{background:linear-gradient(180deg,rgba(3,26,55,.18) 0%,rgba(3,26,55,.78) 62%,rgba(3,26,55,.98) 100%)}
  .hero-inner{position:absolute;inset:0;align-items:flex-end}
  .hero-copy{width:100%;padding:0 0 22px}
  .hero-copy h1{font-size:27px;margin:6px 0 8px}
  .hero-copy p{font-size:10.5px;margin-bottom:12px;max-width:90%}
  .hero-benefits{display:none}
  .hero-actions .btn{padding:9px 12px;font-size:10px}
  .category-strip .shell{height:90px}
  .category-link{min-width:190px;font-size:13px}
  .home-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .home-products .product-image-wrap{height:190px}
  .home-about-grid{grid-template-columns:1fr}
  .home-about-copy{padding:32px 0 22px}
  .home-about-copy h2{font-size:30px}
  .about-points{display:grid;grid-template-columns:1fr;gap:11px;padding:0 0 26px}
  .home-about-photo{min-height:330px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:480px){
  .brand img{width:172px}
  .home-products .product-grid{grid-template-columns:1fr}
  .home-products .product-image-wrap{height:270px}
  .home-products .product-card p{display:block}
  .home-products .product-card-actions{grid-template-columns:1fr 1.1fr}
  .home-products .product-card-actions .btn-outline{display:inline-flex}
  .footer-grid{grid-template-columns:1fr}
}

/* === V5.4 visual scale + premium icon polish === */
.home-about-grid{
  grid-template-columns:minmax(0,1.2fr) minmax(390px,.72fr) minmax(470px,.9fr);
  min-height:460px;
}
.home-about-copy{padding:62px 52px 58px 0}
.home-about-copy .eyebrow{font-size:12px;letter-spacing:.19em}
.home-about-copy h2{font-size:46px;line-height:1.02;max-width:760px;margin:11px 0 18px;letter-spacing:-.035em}
.home-about-copy p{font-size:15px;line-height:1.72;max-width:760px;color:#597089;margin-bottom:22px}
.home-about-copy .btn{padding:14px 22px;font-size:13px}
.about-points{padding:48px 24px;gap:20px;align-content:center}
.about-points>div{grid-template-columns:76px 1fr;grid-template-rows:auto auto;column-gap:15px;row-gap:4px;min-height:84px;align-items:center}
.about-points span{
  width:70px;height:70px;border-radius:22px;
  color:#067fa8;border:1px solid #cfe6ee;
  background:linear-gradient(145deg,#ffffff 0%,#eef9fc 100%);
  box-shadow:0 8px 22px rgba(13,69,104,.08),inset 0 0 0 1px rgba(255,255,255,.8)
}
.about-points span .ui-icon{width:34px!important;height:34px!important;stroke-width:1.65}
.about-points b{font-family:Manrope;font-size:15px;line-height:1.25;color:#082847}
.about-points small{font-size:12px;line-height:1.55;color:#6b8095;max-width:310px}
.home-about-photo{min-height:460px}
.about-photo-copy{font-size:26px;line-height:1.12;right:36px;bottom:32px;text-shadow:0 3px 16px rgba(0,0,0,.32)}

.why-inline{padding:38px 0 42px}
.why-inline h2{font-size:30px;letter-spacing:-.025em;margin-bottom:20px}
.why-inline-grid{border-top:1px solid #dbe6ee;border-bottom:1px solid #dbe6ee}
.why-inline-grid>div{padding:22px 22px;grid-template-columns:70px 1fr;min-height:118px;column-gap:14px;row-gap:4px;align-items:center}
.why-inline-grid span{
  width:64px;height:64px;border-radius:20px;
  border:1px solid #cfe6ee;color:#067fa8;
  background:linear-gradient(145deg,#fff,#eff9fc);
  box-shadow:0 7px 20px rgba(13,69,104,.07)
}
.why-inline-grid span .ui-icon{width:31px!important;height:31px!important;stroke-width:1.65}
.why-inline-grid b{font-family:Manrope;font-size:14px;line-height:1.25}
.why-inline-grid small{font-size:11.5px;line-height:1.5;color:#71859a}

.category-strip .shell{height:126px}
.category-link{font-size:16px;font-family:Manrope;font-weight:750;gap:17px}
.category-link span:first-child{
  width:68px;height:68px;border-radius:22px;
  background:linear-gradient(145deg,#fff,#f0fafc);
  border-color:#cae4ec;
  color:#0784ad;
  box-shadow:0 6px 18px rgba(12,75,108,.06)
}
.category-link span:first-child .ui-icon{width:34px!important;height:34px!important;stroke-width:1.65}

@media(max-width:1500px){
  .home-about-grid{grid-template-columns:1.15fr .72fr .9fr}
  .home-about-copy h2{font-size:41px}
  .about-points>div{grid-template-columns:68px 1fr}
  .about-points span{width:62px;height:62px;border-radius:19px}
}
@media(max-width:1180px){
  .home-about-grid{grid-template-columns:1fr 1fr}
  .about-points{display:none}
  .home-about-copy{padding:46px 36px 46px 0}
  .home-about-copy h2{font-size:38px}
  .why-inline-grid>div{grid-template-columns:58px 1fr;padding:18px 14px}
  .why-inline-grid span{width:54px;height:54px;border-radius:16px}
  .category-strip .shell{height:108px}
  .category-link{font-size:14px}
  .category-link span:first-child{width:58px;height:58px}
}
@media(max-width:760px){
  .home-about-grid{grid-template-columns:1fr}
  .home-about-copy{padding:38px 0 30px}
  .home-about-copy h2{font-size:32px}
  .home-about-copy p{font-size:13px}
  .about-points{display:grid;padding:0 0 28px}
  .about-points>div{grid-template-columns:64px 1fr;min-height:74px}
  .about-points span{width:58px;height:58px;border-radius:18px}
  .about-points b{font-size:13px}.about-points small{font-size:10.5px}
  .why-inline{padding:30px 0}
  .why-inline h2{font-size:24px}
  .why-inline-grid>div{grid-template-columns:58px 1fr;min-height:100px}
  .category-strip .shell{height:100px}
  .category-link{min-width:215px;font-size:14px}
}

/* === V5.5 navigation cleanup + authentic social brands + larger editorial articles === */
.brand-icon{display:block;overflow:visible}
.social-row a,.social-row .social-placeholder{
  width:52px;height:52px;border-radius:13px;background:#fff;border:1px solid rgba(255,255,255,.4);
  box-shadow:0 6px 18px rgba(0,0,0,.12);color:initial;transition:transform .18s ease,box-shadow .18s ease
}
.social-row a:hover{background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.social-row .social-placeholder{opacity:.92}
.social-row .brand-icon{width:28px!important;height:28px!important}

/* Articles deserve editorial hierarchy instead of narrow utility rows. */
.home-articles{padding:42px 0 54px;background:#fff}
.home-articles .compact-head{margin-bottom:24px;align-items:flex-end}
.home-articles .compact-head h2{font-size:36px;letter-spacing:-.035em}
.home-articles .compact-head p{font-size:13px;line-height:1.5;margin-top:7px}
.home-articles .compact-head>a{font-size:11.5px;padding-bottom:5px}
.article-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.article-mini{
  grid-template-columns:42% 58%;min-height:190px;border-radius:11px;
  border:1px solid #d9e5ee;box-shadow:0 8px 24px rgba(10,40,75,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.article-mini:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(10,40,75,.09);border-color:#bfd7e5}
.article-mini>div{padding:19px 20px}
.article-mini small{font-size:9px;letter-spacing:.06em}
.article-mini b{font-family:Manrope,sans-serif;font-size:16px;line-height:1.32;margin:8px 0 12px;color:#082a4e}
.article-mini span{font-size:10.5px;color:#0787b4;font-weight:800}
.article-mini img{min-height:190px}

@media(max-width:1180px){
  .home-articles .compact-head h2{font-size:32px}
  .article-row{grid-template-columns:1fr 1fr}
  .article-mini:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .home-articles{padding:32px 0 40px}
  .home-articles .compact-head{align-items:flex-start}
  .home-articles .compact-head h2{font-size:28px}
  .article-row{grid-template-columns:1fr}
  .article-mini,.article-mini:last-child{grid-column:auto;grid-template-columns:38% 62%;min-height:150px}
  .article-mini img{min-height:150px}
  .article-mini>div{padding:14px 15px}
  .article-mini b{font-size:14px}
}
@media(max-width:480px){
  .article-mini{grid-template-columns:1fr;min-height:auto}
  .article-mini img{height:190px;min-height:0}
}

/* === V5.7 Shop Readability & Card Separation === */
/* Make shop filters readable at normal 100% browser zoom. */
.shop-section{padding:24px 0 40px}
.shop-layout{grid-template-columns:285px minmax(0,1fr);gap:22px}
.shop-sidebar{
  padding:20px 18px 22px;border-radius:10px;
  border-color:#d5e2ec;box-shadow:0 7px 24px rgba(10,40,75,.035);
  top:calc(var(--header-h) + 20px)
}
.shop-sidebar h3{font-size:18px;line-height:1.2;margin:0 0 14px;color:#082a4e}
.sidebar-search{height:48px;border-radius:8px;padding:0 13px;gap:10px}
.sidebar-search .ui-icon{width:18px!important;height:18px!important}
.sidebar-search input{font-size:13.5px;line-height:1.4}
.filter-group{padding-top:17px;margin-top:17px}
.filter-group h4{font-size:14.5px;line-height:1.3;margin:0 0 11px;color:#0a2d51}
.filter-group label{
  gap:10px;font-size:12.8px;line-height:1.35;color:#405a72;
  margin:10px 0;cursor:pointer;min-height:21px
}
.filter-group input[type="radio"],.filter-group input[type="checkbox"]{
  width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#0a8fbd
}
.shop-sidebar .btn{font-size:13px;min-height:44px}
.shop-toolbar{height:46px;margin-bottom:12px}
.result-count{font-size:11.5px;color:#516b82;font-weight:600}
.shop-toolbar select{height:40px;font-size:11.5px;padding:0 12px;border-radius:7px}

/* Give product content more room: 4 cards per row instead of 5. */
.shop-main .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.shop-main .product-card{border-radius:9px;min-width:0;overflow:hidden}
.shop-main .product-image-wrap{
  height:238px;padding:18px 16px 24px;
  border-bottom:1px solid #e5edf3;
  background:linear-gradient(180deg,#fff 0%,#f4f8fb 100%);
  position:relative
}
.shop-main .product-image-wrap img{
  width:auto;max-width:94%;height:auto;max-height:100%;object-fit:contain;
  margin:auto
}
.shop-main .product-card-body{
  padding:14px 13px 13px;min-height:245px;
  border-top:0;background:#fff
}
.shop-main .stock{font-size:10px;padding:4px 8px;gap:6px;margin-bottom:2px}
.shop-main .stock i{width:7px;height:7px}
.shop-main .product-card h3{
  font-size:14px;line-height:1.28;margin:8px 0 8px;
  min-height:46px;display:block
}
.shop-main .product-card h3 a{display:block}
.shop-main .product-card p{
  font-size:11.2px;line-height:1.55;min-height:70px;
  -webkit-line-clamp:4;color:#5f7488;margin-bottom:2px
}
.shop-main .product-price{font-size:18px;margin:10px 0 11px}
.shop-main .product-card-actions{gap:7px;grid-template-columns:1fr 1.18fr}
.shop-main .product-card-actions .btn{
  min-height:40px;font-size:10.5px;padding:8px 9px;border-radius:7px;white-space:nowrap
}
.shop-main .product-card-actions .ui-icon{width:16px!important;height:16px!important}

@media(max-width:1320px){
  .shop-layout{grid-template-columns:260px minmax(0,1fr)}
  .shop-main .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
  .shop-main .product-image-wrap{height:230px}
}
@media(max-width:980px){
  .shop-layout{grid-template-columns:1fr}
  .shop-sidebar{position:static;top:auto;padding:18px}
  .shop-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .shop-sidebar h3{font-size:17px}
  .filter-group h4{font-size:14px}
  .filter-group label{font-size:12.5px}
  .shop-main .product-grid{grid-template-columns:1fr;gap:14px}
  .shop-main .product-image-wrap{height:270px;padding:18px 20px 26px}
  .shop-main .product-card-body{min-height:0;padding:15px}
  .shop-main .product-card h3{font-size:15px;min-height:0}
  .shop-main .product-card p{font-size:12px;min-height:0;display:block;-webkit-line-clamp:unset}
  .shop-main .product-price{font-size:19px}
}

/* =========================================================
   V5.9.0 — Product Detail Gallery Containment Fix
   Prevent portrait / oversized product artwork from escaping
   the gallery and overlapping Applications / Benefits.
   ========================================================= */
.product-layout{
  align-items:start;
}
.gallery-main{
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  min-height:0;
  overflow:hidden;
  position:relative;
  padding:24px;
  background:linear-gradient(180deg,#fbfcfd 0%,#f4f7f9 100%);
}
.gallery-main img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.product-info{
  min-width:0;
}
.product-page > .shell > .detail-box{
  position:relative;
  z-index:1;
  clear:both;
}

/* A little more breathing room on large displays */
@media(min-width:1200px){
  .product-layout{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:46px;
  }
  .gallery-main{padding:30px}
}

@media(max-width:760px){
  .gallery-main{
    height:auto;
    aspect-ratio:1 / 1;
    padding:16px;
  }
}


/* =========================================================
   V6.0.0 — Unified E-commerce Product Thumbnails
   Shop thumbnails are always a consistent 1:1 frame.
   No brochure/poster may escape, overlap, stretch or crop.
   ========================================================= */
.shop-main .product-image-wrap{
  width:100%;
  height:auto!important;
  aspect-ratio:1 / 1;
  min-height:0;
  padding:16px!important;
  overflow:hidden;
  display:grid;
  place-items:center;
  position:relative;
  background:linear-gradient(180deg,#ffffff 0%,#f5f8fb 100%);
  border-bottom:1px solid #e3ebf2;
}
.shop-main .product-image-wrap img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  border-radius:4px;
}
/* Keep a clean visual gap between media and product information. */
.shop-main .product-card-body{
  position:relative;
  z-index:2;
  padding-top:16px;
  background:#fff;
}
/* Home featured cards use the same non-cropping rule. */
.home-products .product-image-wrap{
  overflow:hidden;
}
.home-products .product-image-wrap img{
  max-width:100%;
  max-height:100%;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:1320px){
  .shop-main .product-image-wrap{height:auto!important;aspect-ratio:1/1;padding:15px!important}
}
@media(max-width:980px){
  .shop-main .product-image-wrap{height:auto!important;aspect-ratio:1/1;padding:16px!important}
}
@media(max-width:620px){
  .shop-main .product-image-wrap{height:auto!important;aspect-ratio:1/1;padding:18px!important}
}

/* ============================================================
   V6.1 — RFQ email + WhatsApp contact
   ============================================================ */
.footer-email a{display:inline-flex!important;align-items:center;color:#fff!important;font-weight:700;font-size:12px!important;margin-top:9px!important}
.footer-whatsapp,.contact-whatsapp-icon{display:inline-grid!important;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;margin-top:10px!important;transition:.2s ease;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.footer-whatsapp:hover,.contact-whatsapp-icon:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.footer-whatsapp .brand-whatsapp,.contact-whatsapp-icon .brand-whatsapp{width:31px!important;height:31px!important}
.quote-success{max-width:760px}
.quote-success-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#e9fbf1;color:#129447;font:800 30px Manrope,Arial,sans-serif}
.quote-delivery-status{margin:16px auto 0;padding:13px 15px;border-radius:9px;font-size:12px;line-height:1.55;text-align:left}
.quote-delivery-status.ok{background:#eaf9f0;color:#126a39;border:1px solid #c9eed8}
.quote-delivery-status.warn{background:#fff8e9;color:#835c09;border:1px solid #f2dfab}
.quote-wa-note{font-size:12px;color:#5c6f82;line-height:1.6;max-width:590px;margin:18px auto 0}
.quote-success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn-whatsapp{background:#25D366!important;color:#fff!important;border-color:#25D366!important;display:inline-flex!important;align-items:center;gap:8px}
.btn-whatsapp:hover{background:#1fb65a!important;border-color:#1fb65a!important}
@media(max-width:760px){.footer-whatsapp,.contact-whatsapp-icon{width:46px;height:46px}.quote-success-actions{display:grid;grid-template-columns:1fr}.quote-success-actions .btn{justify-content:center}}

/* === V6.2 footer contact polish === */
.footer-email{display:flex!important;align-items:center;gap:9px;margin-top:12px!important}
.footer-email .ui-icon{flex:0 0 auto;color:#9fd4ea}
.footer-email a{display:inline!important;margin:0!important;font-weight:800;color:#fff!important}
.footer-email a:hover{color:#66d1e7!important}

/* V6.3 Footer contact polish + floating WhatsApp */
.footer-address .ui-icon,.footer-email .ui-icon{color:#fff!important;stroke:#fff!important;flex:0 0 auto}
.footer-email{display:flex!important;align-items:center;gap:9px;margin-top:12px!important}
.footer-email a{display:inline!important;margin:0!important;font-weight:400!important;color:#d1deea!important;font-size:11px!important}
.footer-email a:hover{color:#fff!important}
.footer-whatsapp{display:none!important}
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:1200;width:58px;height:58px;display:grid!important;place-items:center;border-radius:50%;box-shadow:0 12px 30px rgba(0,0,0,.24);transition:transform .18s ease,box-shadow .18s ease;background:#fff;border:3px solid rgba(255,255,255,.95);margin:0!important}
.floating-whatsapp:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 36px rgba(0,0,0,.3)}
.floating-whatsapp .brand-whatsapp{width:52px!important;height:52px!important;display:block}
@media(max-width:760px){.floating-whatsapp{right:16px;bottom:18px;width:54px;height:54px}.floating-whatsapp .brand-whatsapp{width:48px!important;height:48px!important}}

/* V6.9 — Official WhatsApp artwork supplied by Yume */
.floating-whatsapp{background:transparent!important;border:0!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;padding:0!important;overflow:visible}
.floating-whatsapp .brand-whatsapp{width:58px!important;height:58px!important;object-fit:contain!important;display:block!important}
.contact-whatsapp-icon .brand-whatsapp,.btn-whatsapp .brand-whatsapp{object-fit:contain!important}
@media(max-width:760px){.floating-whatsapp .brand-whatsapp{width:54px!important;height:54px!important}}

/* =========================================================
   V7.2.0 — Product Detail Readability Polish
   Larger, cleaner Applications / Benefits / Technical Info.
   ========================================================= */
.product-page > .shell > .detail-box{
  padding:30px 34px;
  margin-top:22px;
  border-color:#d6e2ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 0 rgba(8,41,76,.02);
}
.product-page > .shell > .detail-box h3{
  font-family:Manrope,sans-serif;
  font-size:22px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.015em;
  color:#08294c;
  margin:0 0 20px;
}
.product-page > .shell > .detail-box .detail-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:54px;
  row-gap:12px;
}
.product-page > .shell > .detail-box .detail-list li{
  position:relative;
  padding-left:21px;
  margin:0;
  font-size:15.5px;
  line-height:1.65;
  font-weight:500;
  color:#496278;
}
.product-page > .shell > .detail-box .detail-list li::before{
  content:"";
  position:absolute;
  left:1px;
  top:.66em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#10a6cf;
  box-shadow:0 0 0 4px #eaf7fb;
}
.product-page > .shell > .detail-box > .section-copy{
  margin:0 0 18px;
  max-width:1180px;
  font-size:16px;
  line-height:1.8;
  font-weight:400;
  color:#536c82;
}
.product-info .detail-box{
  padding:24px 26px;
  border-radius:10px;
}
.product-info .detail-box h3{
  font-size:19px;
  line-height:1.3;
  margin:0 0 13px;
}
.product-info .detail-box .section-copy{
  font-size:15px;
  line-height:1.75;
  margin:0;
}

@media(max-width:900px){
  .product-page > .shell > .detail-box{
    padding:24px 22px;
  }
  .product-page > .shell > .detail-box h3{
    font-size:20px;
    margin-bottom:16px;
  }
  .product-page > .shell > .detail-box .detail-list{
    grid-template-columns:1fr;
    gap:10px;
  }
  .product-page > .shell > .detail-box .detail-list li{
    font-size:15px;
  }
  .product-page > .shell > .detail-box > .section-copy{
    font-size:15px;
  }
}

@media(max-width:560px){
  .product-page > .shell > .detail-box{
    padding:21px 18px;
    border-radius:10px;
  }
  .product-page > .shell > .detail-box h3{
    font-size:19px;
  }
  .product-page > .shell > .detail-box .detail-list li{
    font-size:14.5px;
    line-height:1.65;
  }
}

/* V7.4 — B2B checkout tax summary */
.cart-total-box{margin-top:20px;margin-left:auto;width:min(100%,420px);border-top:1px solid #dce5ee;padding-top:16px;display:grid;gap:9px}.cart-total-box>div{display:flex;justify-content:space-between;gap:18px;font-size:14px;color:#53697e}.cart-total-box>div strong{color:#08294c;font-size:15px}.cart-total-box .grand{border-top:1px solid #dce5ee;padding-top:11px;margin-top:2px;color:#08294c;font-weight:800;font-size:17px}.cart-total-box .grand strong{font-size:20px}.cart-total-box .btn{margin-top:5px;text-align:center;justify-content:center}.summary-line.total-line{font-size:15px;padding-top:12px;margin-top:3px;border-top:1px solid #dce5ee;color:#08294c}.summary-line.total-line strong{font-size:17px}

/* === V7.5 article HTML content === */
.article-prose{max-width:980px}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:12px;margin-bottom:30px}.article-text{font-size:17px;line-height:1.9;color:#465f78}.article-html{font-size:17px;line-height:1.85;color:#465f78}.article-html h2,.article-html h3,.article-html h4{font-family:Manrope;color:#08294c;line-height:1.25}.article-html h2{font-size:30px;margin:36px 0 14px}.article-html h3{font-size:24px;margin:30px 0 12px}.article-html h4{font-size:20px;margin:24px 0 10px}.article-html p{margin:0 0 18px}.article-html ul,.article-html ol{padding-left:28px;margin:0 0 20px}.article-html li{margin:8px 0}.article-html blockquote{margin:26px 0;padding:17px 20px;border-left:4px solid #18a7c7;background:#f3f9fc;color:#304e69;border-radius:0 8px 8px 0}.article-html a{color:#087db4;text-decoration:underline;text-underline-offset:2px}.article-html img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:10px}.article-html figure{margin:26px 0}.article-html figcaption{text-align:center;font-size:13px;color:#718396;margin-top:8px}.article-html table{width:100%;border-collapse:collapse;margin:25px 0;display:block;overflow-x:auto}.article-html th,.article-html td{border:1px solid #dbe5ee;padding:12px 14px;text-align:left;min-width:130px}.article-html th{background:#f4f7fa;color:#08294c;font-weight:800}.article-html pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d1f33;color:#eaf4fb;padding:18px;border-radius:10px;overflow:auto}.article-html code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.article-html hr{border:0;border-top:1px solid #dbe5ee;margin:34px 0}@media(max-width:760px){.article-text,.article-html{font-size:16px;line-height:1.8}.article-html h2{font-size:25px}.article-html h3{font-size:21px}.article-html h4{font-size:18px}.article-cover{max-height:360px}}

/* === V7.7 premium editorial article detail === */
.article-detail-page{background:#fff}.article-detail-hero{position:relative;min-height:285px;overflow:hidden;background:linear-gradient(120deg,#06264a,#0b4674);color:#fff}.article-detail-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,30,59,.98) 0%,rgba(4,39,73,.94) 47%,rgba(4,39,73,.70) 68%,rgba(4,39,73,.50) 100%),var(--article-hero-image);background-position:center,78% center;background-size:cover,cover;filter:saturate(.75)}.article-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 54%,rgba(24,167,199,.06) 54% 62%,transparent 62%)}.article-detail-hero-inner{position:relative;z-index:2;padding:30px 0 26px;min-height:285px;display:flex;flex-direction:column;justify-content:center}.article-breadcrumbs{display:flex;align-items:center;gap:9px;font-size:11px;color:#9fc1d8;margin-bottom:20px}.article-breadcrumbs a{color:#b8d0e2}.article-detail-kicker{font-size:12px;letter-spacing:.13em;font-weight:800;color:#28c4e6;margin-bottom:10px}.article-detail-hero h1{font-family:Manrope,sans-serif;font-size:44px;line-height:1.08;letter-spacing:-.035em;max-width:850px;margin:0;color:#fff}.article-meta-row{display:flex;align-items:center;gap:0;margin-top:20px;flex-wrap:wrap}.article-meta-row span{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#e5eef5;padding:0 18px;border-right:1px solid rgba(255,255,255,.34)}.article-meta-row span:first-child{padding-left:0}.article-meta-row span:last-child{border-right:0}.article-meta-row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.article-hero-signature{position:absolute;z-index:2;right:max(4vw,55px);bottom:27px;color:#fff;font-size:13px;line-height:1.5}.article-hero-signature:before{content:"";display:block;width:38px;height:2px;background:#18bde2;margin-bottom:12px}
.article-detail-section{padding:34px 0 58px}.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:34px;align-items:start}.article-main-column{min-width:0}.article-featured-media{margin:0 0 20px;position:relative;overflow:hidden;border-radius:12px;background:#eef3f7}.article-featured-media img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover}.article-featured-media figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:34px 18px 13px;background:linear-gradient(transparent,rgba(2,24,47,.82));color:#fff;font-size:11px;line-height:1.45}.article-lead{font-size:17px;line-height:1.75;color:#536b82;margin:18px 0 24px}.article-reading-body{max-width:none}.article-reading-body .article-text,.article-reading-body .article-html{font-size:17px;line-height:1.82;color:#425b73}.article-reading-body .article-html h2,.article-reading-body .article-html h3,.article-reading-body .article-html h4{scroll-margin-top:120px;font-family:Manrope,sans-serif;color:#082b51;letter-spacing:-.025em}.article-reading-body .article-html h2{font-size:31px;margin:30px 0 12px}.article-reading-body .article-html h3{font-size:24px;margin:27px 0 10px}.article-reading-body .article-html h4{font-size:20px;margin:24px 0 9px}.article-reading-body .article-html p{margin:0 0 17px}.article-reading-body .article-html blockquote{font-size:15px;line-height:1.65;padding:16px 20px;background:linear-gradient(90deg,#e9f7fc,#f6fbfd);border-left:4px solid #13b6df;color:#365570}.article-reading-body .article-html ul,.article-reading-body .article-html ol{margin:0 0 20px}.article-reading-body .article-html li{margin:9px 0}.article-reading-body .article-html img{max-height:620px;object-fit:contain}
.article-sidebar{position:sticky;top:calc(var(--header-h) + 20px);display:flex;flex-direction:column;gap:14px}.article-side-card{border:1px solid #d8e4ee;border-radius:10px;background:#fff;padding:17px 18px}.article-side-card h3{font-family:Manrope,sans-serif;font-size:15px;color:#082b50;margin:0 0 13px}.article-share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.share-circle{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;background:#eef5f9;color:#fff}.share-circle .brand-icon{width:22px;height:22px}.share-circle.whatsapp{background:#28bf69}.share-circle.whatsapp img{width:25px!important;height:25px!important}.share-circle.facebook{background:#2f70b9}.share-circle.facebook svg,.share-circle.link svg{width:20px;height:20px;fill:currentColor}.share-circle.link{background:#eaf1f6;color:#123c62}.article-share-separator{width:1px;height:30px;background:#dbe6ee;margin:0 4px}.article-save-btn{border:0;background:transparent;color:#25445f;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:11px;cursor:pointer}.article-save-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.article-save-btn.saved{color:#078bb6}.article-save-btn.saved svg{fill:#d9f5fc}.article-copy-feedback{font-size:10px;color:#078bb6;min-height:14px;margin-top:6px}
.article-toc-list{display:flex;flex-direction:column;border-left:4px solid #e3ecf2}.article-toc-list a{position:relative;padding:6px 10px 6px 14px;font-size:11.5px;line-height:1.25;color:#455f77}.article-toc-list a.toc-level-3{padding-left:26px;font-size:10.5px}.article-toc-list a.active{color:#067fae;font-weight:800}.article-toc-list a.active:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:#12b8df}
.side-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.side-card-head h3{margin:0}.side-card-head>a{font-size:9.5px;color:#078bb6;font-weight:800}.related-article-list{display:flex;flex-direction:column;gap:10px}.related-article-item{display:grid;grid-template-columns:88px 1fr;gap:11px;align-items:center}.related-article-item img{width:88px;height:58px;object-fit:cover;border-radius:7px}.related-article-item b{display:block;font-family:Manrope,sans-serif;font-size:11px;line-height:1.25;color:#0b2e52}.related-article-item small{display:block;color:#8090a0;font-size:8.5px;margin-top:3px}.related-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.article-product-mini{border:1px solid #e1e9ef;border-radius:7px;padding:7px;text-align:center;background:#fff}.article-product-mini>div{height:72px;display:grid;place-items:center}.article-product-mini img{width:100%;height:100%;object-fit:contain}.article-product-mini b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:8.5px;line-height:1.22;color:#0c3155;margin-top:5px;min-height:21px}.article-product-mini small{font-size:8px;color:#0a82af;font-weight:800}.article-maintenance-cta{border-radius:10px;overflow:hidden;background:linear-gradient(90deg,rgba(3,33,63,.97),rgba(3,44,79,.88)),url('/assets/img/hero-industrial.webp') center/cover;color:#fff;padding:21px 22px}.article-maintenance-cta h3{font-family:Manrope,sans-serif;font-size:17px;line-height:1.18;margin:0 0 6px}.article-maintenance-cta p{font-size:10.5px;line-height:1.45;color:#d8e7f2;margin:0 0 13px}
@media(max-width:1100px){.article-detail-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.article-detail-hero h1{font-size:39px}.article-hero-signature{display:none}.related-product-grid{grid-template-columns:1fr 1fr}.article-product-mini:last-child{grid-column:1/-1}}
@media(max-width:860px){.article-detail-hero{min-height:250px}.article-detail-hero-inner{min-height:250px}.article-detail-layout{grid-template-columns:1fr}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}.article-maintenance-cta{grid-column:1/-1}.article-detail-hero h1{font-size:34px}.article-meta-row span{font-size:10px}.article-featured-media img{aspect-ratio:16/9}}
@media(max-width:620px){.article-detail-hero-inner{padding:26px 0 22px}.article-breadcrumbs{font-size:9px;margin-bottom:14px}.article-detail-hero h1{font-size:29px}.article-detail-kicker{font-size:10px}.article-meta-row{gap:8px}.article-meta-row span{padding:0 9px 0 0;border:0}.article-detail-section{padding:20px 0 38px}.article-detail-layout{gap:24px}.article-featured-media{border-radius:9px}.article-featured-media figcaption{display:none}.article-lead{font-size:16px;line-height:1.7}.article-reading-body .article-text,.article-reading-body .article-html{font-size:16px;line-height:1.78}.article-reading-body .article-html h2{font-size:27px}.article-reading-body .article-html h3{font-size:22px}.article-sidebar{display:flex}.article-side-card{padding:15px}.related-product-grid{grid-template-columns:repeat(3,1fr)}.article-product-mini:last-child{grid-column:auto}.article-share-separator{display:none}}

/* === V7.8 Article Studio public helpers === */
.article-preview-banner{position:sticky;top:0;z-index:9999;background:#fff2cf;color:#654d12;padding:9px 16px;text-align:center;font:700 12px Inter,sans-serif;border-bottom:1px solid #e7cc82}.article-preview-banner a{color:#075b8e;text-decoration:underline}.article-reading-body .article-callout,.article-html .article-callout{margin:26px 0;padding:18px 20px;border-left:4px solid #16a8d2;border-radius:0 10px 10px 0;background:linear-gradient(90deg,#edf9fe,#f8fbfd);color:#334d63}.article-reading-body .article-callout strong,.article-html .article-callout strong{display:block;color:#0a2d50;font:800 15px Manrope;margin-bottom:4px}.article-reading-body .article-callout p:last-child,.article-html .article-callout p:last-child{margin-bottom:0}


/* === V8.0 Article Listing Pagination (6 articles per page) === */
.article-listing-section{background:#fff}
.article-pagination{
  margin:34px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap
}
.article-page-number,.article-page-nav,.article-page-last{
  min-width:42px;height:42px;padding:0 13px;border:1px solid #d5e2ec;border-radius:9px;background:#fff;
  display:inline-flex;align-items:center;justify-content:center;color:#173a59;font-size:12px;font-weight:800;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease
}
.article-page-number:hover,.article-page-nav:hover,.article-page-last:hover{
  border-color:#8fc9dc;background:#f1f9fc;color:#087fa8;transform:translateY(-1px)
}
.article-page-number.is-active{
  background:#082f56;border-color:#082f56;color:#fff;box-shadow:0 6px 16px rgba(8,47,86,.14)
}
.article-page-nav{font-size:22px;line-height:1;padding-bottom:2px}
.article-page-nav.is-disabled{pointer-events:none;opacity:.38;background:#f5f7f9}
.article-page-last{padding:0 17px;min-width:auto}
.article-page-last.is-active{background:#f1f5f8;color:#8292a0;border-color:#e0e8ee;pointer-events:none}
.article-page-ellipsis{height:42px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;color:#8a9baa;font-size:17px;font-weight:800}
.article-page-summary{text-align:center;margin-top:12px;color:#7c8ea0;font-size:10.5px;font-weight:600}
.article-empty-state{border:1px dashed #cbdbe6;border-radius:12px;padding:42px;text-align:center;color:#74879a;background:#f9fbfc}
@media(max-width:760px){
  .article-pagination{gap:5px;margin-top:26px}
  .article-page-number,.article-page-nav{min-width:38px;height:38px;padding:0 10px;border-radius:8px}
  .article-page-last{height:38px;padding:0 12px;font-size:10.5px}
  .article-page-ellipsis{height:38px;min-width:20px}
}

/* === V8.1 Shop Pagination (12 products per page) === */
.shop-pagination{margin:34px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.shop-page-number,.shop-page-nav,.shop-page-last{min-width:42px;height:42px;padding:0 13px;border:1px solid #d5e2ec;border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#173a59;font-size:12px;font-weight:800;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.shop-page-number:hover,.shop-page-nav:hover,.shop-page-last:hover{border-color:#8fc9dc;background:#f1f9fc;color:#087fa8;transform:translateY(-1px)}
.shop-page-number.is-active{background:#082f56;border-color:#082f56;color:#fff;box-shadow:0 6px 16px rgba(8,47,86,.14)}
.shop-page-nav{font-size:22px;line-height:1;padding-bottom:2px}
.shop-page-nav.is-disabled{pointer-events:none;opacity:.38;background:#f5f7f9}
.shop-page-last{padding:0 17px;min-width:auto}
.shop-page-last.is-active{background:#f1f5f8;color:#8292a0;border-color:#e0e8ee;pointer-events:none}
.shop-page-ellipsis{height:42px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;color:#8a9baa;font-size:17px;font-weight:800}
.shop-page-summary{text-align:center;margin-top:12px;color:#7c8ea0;font-size:10.5px;font-weight:600}
@media(max-width:760px){.shop-pagination{gap:5px;margin-top:26px}.shop-page-number,.shop-page-nav{min-width:38px;height:38px;padding:0 10px;border-radius:8px}.shop-page-last{height:38px;padding:0 12px;font-size:10.5px}.shop-page-ellipsis{height:38px;min-width:20px}}

/* =========================================================
   V8.2 — Mobile Commerce Experience
   Marketplace-style mobile UX for Yume Global Indonesia.
   Desktop layout remains unchanged.
   ========================================================= */
.mobile-commerce-search,.mobile-bottom-nav,.mobile-shop-chips,.mobile-shop-toolbar,.shop-filter-close,.shop-filter-overlay{display:none}

@media(max-width:760px){
  :root{--header-h:118px;--mobile-bottom-h:66px}
  body{padding-top:var(--header-h);padding-bottom:var(--mobile-bottom-h);background:#f7f9fb}
  .shell{width:calc(100% - 24px)}

  /* Compact marketplace header: logo/actions on top, full search underneath. */
  .site-header{box-shadow:0 2px 12px rgba(7,31,59,.08);border-bottom:1px solid #e7edf3}
  .nav-shell{height:58px}
  .brand img{width:156px;height:48px}
  .nav-right{gap:7px}
  .desktop-nav,.nav-search,.menu-btn{display:none!important}
  .nav-actions{gap:5px}
  .nav-actions .cart-link{width:38px;height:38px}
  .nav-actions .cart-link .ui-icon{width:22px!important;height:22px!important}
  .lang-switch{font-size:10px;gap:4px;margin-right:2px}
  .mobile-menu{display:none!important}
  .mobile-commerce-search{display:block;height:60px;background:#fff;padding:5px 0 10px}
  .mobile-commerce-search .shell{height:100%}
  .mobile-commerce-search form{height:44px;border:1px solid #d7e2eb;border-radius:9px;background:#f4f7fa;display:flex;align-items:center;gap:9px;padding:0 13px;color:#72879a;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
  .mobile-commerce-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px;color:#183652}
  .mobile-commerce-search input::placeholder{color:#8496a6}

  /* Marketplace bottom navigation. */
  .mobile-bottom-nav{position:fixed;z-index:380;left:0;right:0;bottom:0;height:var(--mobile-bottom-h);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.98);border-top:1px solid #dce6ee;box-shadow:0 -6px 24px rgba(7,31,59,.09);padding-bottom:max(4px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}
  .mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#728396;font-size:9.5px;font-weight:700;min-width:0}
  .mobile-bottom-nav .ui-icon{width:21px!important;height:21px!important;stroke-width:1.9}
  .mobile-bottom-nav a.is-active{color:#087da8}
  .mobile-bottom-nav a.is-active:before{content:"";position:absolute;top:0;width:30px;height:3px;border-radius:0 0 4px 4px;background:#18a7c7}
  .mobile-bottom-cart b{position:absolute;top:6px;left:calc(50% + 7px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#ef5350;color:#fff;font-size:8px;line-height:1}
  .site-footer{padding-bottom:28px}
  .floating-whatsapp{right:14px!important;bottom:calc(var(--mobile-bottom-h) + 14px)!important;width:52px!important;height:52px!important}
  .floating-whatsapp .brand-whatsapp{width:52px!important;height:52px!important}

  /* Homepage: more compact commerce-first visual hierarchy. */
  .hero{height:360px;background:#082a4d}
  .hero-bg{object-position:70% center}
  .hero-shade{background:linear-gradient(0deg,rgba(4,27,55,.95) 0%,rgba(4,30,62,.70) 52%,rgba(4,30,62,.12) 100%)}
  .hero-inner{align-items:flex-end}
  .hero-copy{width:100%;padding:0 0 24px;align-self:auto}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:.08em}
  .hero-copy h1{font-size:28px;line-height:1.06;margin:7px 0 8px;max-width:330px}
  .hero-copy p{font-size:11px;line-height:1.5;max-width:340px;margin-bottom:13px}
  .hero-actions{display:grid;grid-template-columns:1.05fr .95fr;gap:8px;max-width:350px}
  .hero-actions .btn{min-height:40px;padding:9px 10px;font-size:10.5px;border-radius:8px;justify-content:center}
  .hero-benefits{display:none}

  /* Shopee-like horizontally scrollable category shortcuts. */
  .category-strip{background:#fff;border-bottom:1px solid #e7edf2;padding:8px 0 6px}
  .category-strip .shell{height:auto;display:flex;overflow-x:auto;gap:4px;padding:0 2px 5px;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .category-strip .shell::-webkit-scrollbar{display:none}
  .category-link{flex:0 0 82px;min-width:82px;height:82px;display:flex;flex-direction:column;justify-content:flex-start;gap:5px;border:0!important;padding:5px 2px;text-align:center;font-family:Inter;font-size:9.5px;line-height:1.18;font-weight:700;scroll-snap-align:start}
  .category-link span:first-child{width:48px!important;height:48px!important;border-radius:15px!important;flex:0 0 48px;background:#f2fafc!important;border:1px solid #d2e9ef!important;box-shadow:none!important}
  .category-link span:first-child .ui-icon{width:25px!important;height:25px!important}

  /* Mobile product cards: compact 2-column marketplace grid. */
  .home-products{padding:18px 0 22px;background:#f7f9fb}
  .home-products .compact-head{margin-bottom:11px}
  .home-products .compact-head h2{font-size:21px}
  .home-products .compact-head p{font-size:10px;margin-top:3px}
  .home-products .compact-head>a{font-size:9.5px}
  .home-products .product-grid,.shop-main .product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .home-products .product-card,.shop-main .product-card{border-radius:9px!important;border-color:#e0e7ee;background:#fff;box-shadow:0 2px 8px rgba(7,31,59,.035);overflow:hidden}
  .home-products .product-image-wrap,.shop-main .product-image-wrap{height:154px!important;aspect-ratio:auto!important;padding:9px!important;border-bottom:1px solid #edf1f4!important;background:#fff!important}
  .home-products .product-image-wrap img,.shop-main .product-image-wrap img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
  .home-products .product-card-body,.shop-main .product-card-body{padding:9px!important;min-height:0!important}
  .home-products .stock,.shop-main .stock{font-size:7.5px!important;padding:3px 6px!important;gap:4px!important;margin-bottom:2px!important}
  .home-products .stock i,.shop-main .stock i{width:5px!important;height:5px!important}
  .home-products .product-card h3,.shop-main .product-card h3{font-size:12px!important;line-height:1.3!important;min-height:31px!important;margin:6px 0 4px!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .home-products .product-card p,.shop-main .product-card p{display:none!important}
  .home-products .product-price,.shop-main .product-price{font-size:14.5px!important;line-height:1.2;margin:7px 0 8px!important;color:#e85c24}
  .home-products .product-card-actions,.shop-main .product-card-actions{display:block!important;margin-top:auto}
  .home-products .product-card-actions .btn-outline,.shop-main .product-card-actions .btn-outline{display:none!important}
  .home-products .product-card-actions .btn-dark,.shop-main .product-card-actions .btn-dark{display:flex;width:100%;height:34px;min-height:34px!important;padding:6px 7px!important;border-radius:7px!important;justify-content:center;font-size:9.5px!important;gap:4px}
  .home-products .product-card-actions .ui-icon,.shop-main .product-card-actions .ui-icon{width:14px!important;height:14px!important}

  /* Shop is a true mobile store: slim hero, chips, drawer filter. */
  .shop-hero{height:178px}
  .shop-hero .shade{background:linear-gradient(90deg,rgba(3,28,59,.93),rgba(3,31,63,.62),rgba(3,31,63,.12))}
  .shop-hero .shell{padding-top:22px}
  .shop-hero .breadcrumbs{font-size:8px}
  .shop-hero h1{font-size:25px;margin:10px 0 5px}
  .shop-hero p{width:82%;font-size:10.5px;line-height:1.45;margin:0}
  .shop-trust{display:none}
  .shop-section{padding:10px 0 24px;background:#f5f7f9}
  .mobile-shop-chips{display:flex;overflow-x:auto;gap:7px;padding:1px 0 10px;scrollbar-width:none}
  .mobile-shop-chips::-webkit-scrollbar{display:none}
  .mobile-shop-chips a{flex:0 0 auto;height:32px;padding:0 12px;border-radius:16px;background:#fff;border:1px solid #dce5ec;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#4e6579;white-space:nowrap}
  .mobile-shop-chips a.is-active{background:#082f56;border-color:#082f56;color:#fff}
  .shop-layout{display:block!important}
  .shop-sidebar{position:fixed!important;z-index:430;left:0;top:0!important;bottom:0;width:min(86vw,340px);height:100dvh;overflow-y:auto;transform:translateX(-104%);transition:transform .24s ease;background:#fff;border:0!important;border-radius:0!important;padding:18px 18px 30px!important;box-shadow:10px 0 32px rgba(5,27,50,.17);overscroll-behavior:contain}
  .shop-sidebar.is-open{transform:translateX(0)}
  .shop-filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;position:sticky;top:-18px;background:#fff;padding:18px 0 10px;z-index:2;border-bottom:1px solid #edf1f4}
  .shop-filter-head h3{font-size:18px!important;margin:0!important}
  .shop-filter-close{display:grid;width:38px;height:38px;place-items:center;border:1px solid #dde6ed;background:#fff;border-radius:50%;color:#173a59}
  .shop-filter-overlay{display:block;position:fixed;z-index:420;inset:0;background:rgba(5,25,46,.42);opacity:0;pointer-events:none;transition:opacity .22s;border:0;padding:0}
  .shop-filter-overlay.is-open{opacity:1;pointer-events:auto}
  body.shop-filter-open{overflow:hidden}
  .mobile-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
  .mobile-filter-button{height:38px;padding:0 12px;border:1px solid #d7e1e9;border-radius:8px;background:#fff;color:#173a59;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;box-shadow:0 2px 7px rgba(7,31,59,.03)}
  .mobile-filter-button b{min-width:18px;height:18px;border-radius:9px;background:#18a7c7;color:#fff;display:grid;place-items:center;font-size:8px}
  .mobile-result-count{font-size:10px;color:#718396;font-weight:700}
  .shop-toolbar{height:38px;margin:0 0 9px;justify-content:flex-end}
  .shop-toolbar .result-count{display:none}
  .shop-toolbar form{width:100%}
  .shop-toolbar select{height:38px;width:100%;font-size:10.5px;border-radius:8px;padding:0 10px;background:#fff}
  .shop-sidebar .sidebar-search{height:44px}
  .shop-sidebar .sidebar-search input{font-size:13px}
  .shop-sidebar .filter-group h4{font-size:14px}
  .shop-sidebar .filter-group label{font-size:12.5px;min-height:26px}

  /* Product detail: app-like gallery and sticky buying action. */
  .product-page{padding:14px 0 22px}
  .product-page .breadcrumbs{font-size:9px;margin-bottom:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-layout{gap:14px!important}
  .gallery-main{border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(7,31,59,.04)}
  .product-info h1{font-size:25px!important;line-height:1.15;margin:8px 0 10px!important}
  .product-info .price{font-size:25px!important;color:#e85c24}
  .product-info>.section-copy{font-size:13px!important;line-height:1.6}
  .product-info>div[style*="display:flex"]{display:none!important}
  .mobile-product-action{position:fixed;z-index:360;left:0;right:0;bottom:var(--mobile-bottom-h);height:62px;padding:8px 12px;background:#fff;border-top:1px solid #dce5ec;box-shadow:0 -5px 20px rgba(7,31,59,.08);display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}
  .mobile-product-action .btn{height:46px;border-radius:9px;justify-content:center;font-size:11px;padding:8px 10px}
  .product-page{padding-bottom:78px}

  /* Keep utility pages readable above bottom bar. */
  .page-hero{min-height:130px}
  .page-hero .shell{padding:28px 0}
  .page-hero h1{font-size:27px}
  .cart-wrap,.checkout-wrap,.form-wrap{padding:20px 0 28px}
  .site-footer{margin-bottom:0}
}

@media(max-width:390px){
  .brand img{width:142px}
  .lang-switch{display:flex!important}
  .home-products .product-image-wrap,.shop-main .product-image-wrap{height:142px!important}
  .home-products .product-card h3,.shop-main .product-card h3{font-size:11.5px!important}
  .home-products .product-price,.shop-main .product-price{font-size:14px!important}
  .mobile-bottom-nav a{font-size:8.8px}
}

/* Desktop safety: mobile-only purchase bar remains hidden outside mobile breakpoint. */
@media(min-width:761px){.mobile-product-action{display:none!important}}

/* === V8.3 Mobile Article UX — editorial-first mobile experience === */
.article-card-media{display:block;overflow:hidden;background:#edf3f7}
.article-card-body{display:flex;flex-direction:column}
.article-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.article-card-meta span{font-size:9px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#078bb6}
.article-card-meta small{font-size:9px;color:#8191a0;font-weight:600}
.article-card-meta small+small:before{content:"•";margin-right:8px;color:#bcc8d1}
.article-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:#087eaa;font-size:11px;font-weight:800}
.article-card-link span{transition:transform .18s}
.article-card-link:hover span{transform:translateX(2px)}
.article-mobile-actions,.article-mobile-toc,.article-mobile-copy-feedback{display:none}

@media(max-width:760px){
  /* Article index: compact editorial header instead of a desktop hero squeezed down. */
  .article-index-hero{min-height:154px!important;background:linear-gradient(135deg,#072746 0%,#0b3a64 68%,#0d5278 100%)}
  .article-index-hero .shell{padding:25px 0 23px!important}
  .article-index-hero .eyebrow{font-size:8px!important;letter-spacing:.16em}
  .article-index-hero h1{font-size:29px!important;line-height:1.08;margin:6px 0 7px!important;letter-spacing:-.025em}
  .article-index-hero p{font-size:11.5px;line-height:1.5;margin:0;max-width:330px;color:#dce9f3}
  .article-listing-section{padding:14px 0 28px!important;background:#f6f8fa!important}
  .article-listing-section .shell{width:min(100% - 24px,1440px)}
  .article-grid{display:flex!important;flex-direction:column;gap:10px!important}
  .article-card{display:grid!important;grid-template-columns:118px minmax(0,1fr);min-height:112px;border-radius:11px!important;border:1px solid #e0e7ed!important;box-shadow:0 2px 9px rgba(7,31,59,.035);overflow:hidden;background:#fff}
  .article-card-media{height:100%;min-height:112px}
  .article-card-media img{width:100%!important;height:100%!important;min-height:112px;object-fit:cover!important}
  .article-card-body{padding:11px 11px 10px!important;min-width:0}
  .article-card-meta{gap:6px;margin-bottom:5px}
  .article-card-meta span{font-size:7.5px;letter-spacing:.08em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .article-card-meta small{font-size:7.8px}
  .article-card h3{font-size:13px!important;line-height:1.28!important;margin:0 0 5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .article-card p{display:none!important}
  .article-card-link{font-size:9.5px;margin-top:auto}
  .article-card:first-child{display:block!important;border-radius:13px!important;margin-bottom:2px}
  .article-card:first-child .article-card-media{height:auto;aspect-ratio:16/9;min-height:0}
  .article-card:first-child .article-card-media img{height:100%!important;min-height:0;aspect-ratio:16/9;object-fit:cover!important}
  .article-card:first-child .article-card-body{padding:13px 14px 14px!important}
  .article-card:first-child .article-card-meta span{font-size:8px}
  .article-card:first-child .article-card-meta small{font-size:8.5px}
  .article-card:first-child h3{font-size:18px!important;line-height:1.25!important;margin:2px 0 7px!important;-webkit-line-clamp:3}
  .article-card:first-child p{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px!important;line-height:1.5!important;margin:0 0 10px;color:#6b7e90}
  .article-card:first-child .article-card-link{font-size:10.5px}
  .article-pagination{justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;padding:2px 1px 4px;margin-top:20px!important}
  .article-pagination::-webkit-scrollbar{display:none}
  .article-page-number,.article-page-nav{flex:0 0 38px!important;min-width:38px!important;height:38px!important}
  .article-page-last{flex:0 0 auto;height:38px!important;white-space:nowrap}
  .article-page-summary{text-align:left!important;font-size:9.5px!important;margin-top:8px!important;padding-left:2px}

  /* Article detail hero: concise title-first header on a small screen. */
  .article-detail-hero{min-height:228px!important}
  .article-detail-hero-bg{background-image:linear-gradient(0deg,rgba(3,26,51,.98) 0%,rgba(4,35,65,.87) 62%,rgba(4,35,65,.62) 100%),var(--article-hero-image)!important;background-position:center,center!important;filter:saturate(.66)}
  .article-detail-hero-inner{min-height:228px!important;padding:21px 0 20px!important;justify-content:flex-end!important}
  .article-breadcrumbs{font-size:8px!important;gap:6px!important;margin-bottom:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .article-breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}
  .article-detail-kicker{font-size:8.5px!important;letter-spacing:.12em;margin-bottom:6px!important}
  .article-detail-hero h1{font-size:27px!important;line-height:1.1!important;letter-spacing:-.03em!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .article-meta-row{margin-top:12px!important;gap:11px!important}
  .article-meta-row span{font-size:9px!important;gap:5px!important;padding:0!important;border:0!important}
  .article-meta-row span:last-child{display:none}
  .article-meta-row svg{width:14px!important;height:14px!important}
  .article-hero-signature{display:none!important}

  /* Reading canvas: image, lead, actions and TOC appear in the order users need them. */
  .article-detail-section{padding:12px 0 34px!important;background:#fff}
  .article-detail-section>.shell{width:min(100% - 24px,1440px)}
  .article-detail-layout{display:block!important}
  .article-featured-media{margin:0 0 14px!important;border-radius:11px!important;box-shadow:0 2px 10px rgba(7,31,59,.05)}
  .article-featured-media img{width:100%;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important}
  .article-featured-media figcaption{display:none!important}
  .article-lead{font-size:15px!important;line-height:1.68!important;color:#516a80;margin:0 1px 15px!important;font-weight:500}
  .article-mobile-actions{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #e8edf1;border-bottom:1px solid #e8edf1;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
  .article-mobile-actions::-webkit-scrollbar{display:none}
  .article-mobile-actions>span{font-size:10px;font-weight:800;color:#66798c;margin-right:2px;white-space:nowrap}
  .article-mobile-actions .share-circle{flex:0 0 34px;width:34px;height:34px}
  .article-mobile-actions .share-circle .brand-icon{width:20px;height:20px}
  .article-mobile-actions .share-circle.whatsapp img{width:22px!important;height:22px!important}
  .article-mobile-actions .article-save-btn{flex:0 0 auto;margin-left:auto;height:34px;padding:0 10px;border:1px solid #dae4eb;border-radius:17px;background:#fff;font-size:9.5px}
  .article-mobile-actions .article-save-btn svg{width:17px;height:17px}
  .article-mobile-copy-feedback{display:block;min-height:0;margin:-5px 0 8px;font-size:9px;color:#078bb6}
  .article-mobile-toc{display:block;border:1px solid #dce6ed;border-radius:11px;background:#f8fafb;margin:0 0 20px;overflow:hidden}
  .article-mobile-toc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;cursor:pointer;font:800 12px Manrope;color:#0b3154}
  .article-mobile-toc summary::-webkit-details-marker{display:none}
  .article-mobile-toc summary:after{content:"+";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e7f4f8;color:#087fa7;font:800 16px Inter;order:3}
  .article-mobile-toc[open] summary:after{content:"–"}
  .article-mobile-toc summary b{margin-left:auto;font:700 8.5px Inter;color:#8392a0;text-transform:uppercase;letter-spacing:.04em}
  .article-mobile-toc nav{border-top:1px solid #e2e9ee;padding:7px 9px 10px;display:flex;flex-direction:column}
  .article-mobile-toc nav a{padding:8px 8px;border-bottom:1px solid #edf1f4;font-size:11.5px;line-height:1.35;color:#405c73}
  .article-mobile-toc nav a:last-child{border-bottom:0}
  .article-mobile-toc nav a.toc-level-3{padding-left:20px;font-size:10.5px;color:#60768a}
  .article-reading-body .article-text,.article-reading-body .article-html{font-size:16.5px!important;line-height:1.82!important;color:#3f5870}
  .article-reading-body .article-html h2{font-size:25px!important;line-height:1.2!important;margin:30px 0 11px!important;scroll-margin-top:92px}
  .article-reading-body .article-html h3{font-size:21px!important;line-height:1.25!important;margin:25px 0 10px!important;scroll-margin-top:92px}
  .article-reading-body .article-html h4{font-size:18px!important;margin:22px 0 9px!important}
  .article-reading-body .article-html p{margin-bottom:17px!important}
  .article-reading-body .article-html ul,.article-reading-body .article-html ol{padding-left:22px!important;margin-bottom:18px!important}
  .article-reading-body .article-html li{margin:7px 0!important}
  .article-reading-body .article-html blockquote{margin:22px 0!important;padding:15px 16px!important;font-size:14px!important;line-height:1.62!important;border-radius:0 9px 9px 0!important}
  .article-reading-body .article-html img{margin:20px auto!important;border-radius:9px!important;max-height:none!important}
  .article-reading-body .article-html figure{margin:20px 0!important}
  .article-reading-body .article-html figcaption{font-size:10px!important;line-height:1.45!important}
  .article-reading-body .article-html table{margin:20px 0!important;font-size:12px;-webkit-overflow-scrolling:touch}
  .article-reading-body .article-html th,.article-reading-body .article-html td{padding:10px 11px!important;min-width:120px!important}

  /* Desktop sidebar content becomes a clean post-article mobile discovery section. */
  .article-sidebar{position:static!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:28px}
  .article-sidebar>.article-share-card,.article-sidebar>.article-toc{display:none!important}
  .article-side-card{padding:14px!important;border-radius:11px!important}
  .article-side-card h3{font-size:14px!important;margin-bottom:11px!important}
  .side-card-head>a{font-size:9.5px!important}
  .related-article-list{gap:11px!important}
  .related-article-item{grid-template-columns:104px minmax(0,1fr)!important;gap:11px!important;padding-bottom:10px;border-bottom:1px solid #edf1f4}
  .related-article-item:last-child{padding-bottom:0;border-bottom:0}
  .related-article-item img{width:104px!important;height:70px!important;border-radius:8px!important}
  .related-article-item b{font-size:12px!important;line-height:1.3!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .related-article-item small{font-size:9px!important}
  .related-products-card{overflow:hidden}
  .related-product-grid{display:flex!important;grid-template-columns:none!important;gap:9px!important;overflow-x:auto;padding:1px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:none}
  .related-product-grid::-webkit-scrollbar{display:none}
  .article-product-mini{flex:0 0 136px;scroll-snap-align:start;padding:8px!important;border-radius:9px!important;text-align:left!important}
  .article-product-mini>div{height:102px!important;background:#f8fafb;border-radius:7px;padding:5px}
  .article-product-mini b{font-size:10px!important;line-height:1.28!important;min-height:26px!important;margin-top:7px!important}
  .article-product-mini small{font-size:9px!important;color:#e15d29!important}
  .article-maintenance-cta{padding:19px 18px!important;border-radius:11px!important}
  .article-maintenance-cta h3{font-size:18px!important}
  .article-maintenance-cta p{font-size:11px!important}
  .article-maintenance-cta .btn{width:100%;min-height:42px;margin-top:2px;justify-content:center}

  /* Make room for the marketplace-style bottom navigation introduced in V8.2. */
  .article-detail-page,.article-listing-section{padding-bottom:calc(var(--mobile-bottom-h) + 22px)}
}

@media(max-width:390px){
  .article-detail-hero h1{font-size:25px!important}
  .article-card{grid-template-columns:108px minmax(0,1fr)}
  .article-card-media,.article-card-media img{min-height:108px}
  .article-card:first-child h3{font-size:17px!important}
  .article-reading-body .article-text,.article-reading-body .article-html{font-size:16px!important}
  .article-product-mini{flex-basis:128px}
}

/* =========================================================
   V8.4 — Contact Map & Contact UX
   Premium contact layout with office map. WhatsApp is not
   shown on the contact page; the global floating action
   remains available elsewhere on the site.
   ========================================================= */
.contact-hero{min-height:235px}
.contact-hero .shell{padding-top:42px;padding-bottom:42px}
.contact-hero h1{margin-bottom:10px}
.contact-hero p{max-width:620px;margin:0;color:#d6e6f2;font-size:12px;line-height:1.65}
.contact-section{background:#f6f8fb;padding:34px 0 48px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:22px;align-items:start}
.contact-form-card,.contact-info-card,.contact-map-card{background:#fff;border:1px solid #dbe5ed;border-radius:12px;box-shadow:0 10px 32px rgba(8,40,72,.045)}
.contact-form-card{padding:26px}
.contact-form-card h2,.contact-info-card h2{font-family:Manrope,sans-serif;color:#082a4d;margin:6px 0 7px;font-size:24px;line-height:1.2}
.contact-card-kicker{font-size:9px;letter-spacing:.14em;font-weight:800;color:#0a8ab4}
.contact-form-intro{margin:0 0 21px;color:#687c8e;font-size:11.5px;line-height:1.65;max-width:600px}
.contact-form-card .form-grid{gap:15px}
.contact-form-card .field label{font-size:10.5px;color:#24465f}
.contact-form-card .field input,.contact-form-card .field textarea{border-color:#d4e0e9;background:#fbfcfd;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.contact-form-card .field input:focus,.contact-form-card .field textarea:focus{border-color:#3ca8c8;background:#fff;box-shadow:0 0 0 3px rgba(31,156,193,.1)}
.contact-form-card .btn{min-height:45px;min-width:150px}
.contact-side{display:flex;flex-direction:column;gap:16px}
.contact-info-card{padding:23px 24px}
.contact-info-list{display:grid;gap:4px;margin-top:17px}
.contact-info-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:flex-start;padding:16px 0;border-top:1px solid #e7edf2}
.contact-info-item:first-child{border-top:0;padding-top:4px}
.contact-info-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#edf8fb;color:#087fa8;border:1px solid #d5edf3}
.contact-info-icon .ui-icon{width:24px!important;height:24px!important}
.contact-info-item b{display:block;font-family:Manrope,sans-serif;color:#0a2d50;font-size:12px;margin:1px 0 5px}
.contact-info-item p{margin:0;color:#61778b;font-size:11.5px;line-height:1.65}
.contact-info-item a{color:#087fa8;font-weight:700;word-break:break-word}
.contact-map-card{overflow:hidden}
.contact-map-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px 16px}
.contact-map-head h3{font-family:Manrope,sans-serif;color:#082a4d;font-size:16px;margin:5px 0 0}
.contact-map-head>a{display:inline-flex;align-items:center;gap:4px;color:#087fa8;font-size:10px;font-weight:800;white-space:nowrap}
.contact-map-frame{height:285px;background:#e8eef3;border-top:1px solid #e2eaf0}
.contact-map-frame iframe{display:block;width:100%;height:100%;border:0}

@media(max-width:980px){
  .contact-layout{grid-template-columns:1fr}
  .contact-side{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}
  .contact-map-frame{height:320px}
}
@media(max-width:760px){
  .contact-hero{min-height:150px}
  .contact-hero .shell{padding:27px 0}
  .contact-hero h1{font-size:27px;line-height:1.15;margin:6px 0 8px}
  .contact-hero p{font-size:10.5px;line-height:1.55;max-width:330px}
  .contact-section{padding:18px 0 28px}
  .contact-layout{gap:13px}
  .contact-form-card,.contact-info-card,.contact-map-card{border-radius:10px;box-shadow:0 5px 18px rgba(8,40,72,.04)}
  .contact-form-card{padding:18px 15px}
  .contact-form-card h2,.contact-info-card h2{font-size:20px}
  .contact-form-intro{font-size:10.5px;margin-bottom:17px}
  .contact-form-card .form-grid{grid-template-columns:1fr;gap:12px}
  .contact-form-card .field.full{grid-column:auto}
  .contact-form-card .field input,.contact-form-card .field textarea{font-size:13px;min-height:44px}
  .contact-form-card .field textarea{min-height:125px}
  .contact-form-card .btn{width:100%;min-height:44px}
  .contact-side{display:flex;gap:13px}
  .contact-info-card{padding:19px 16px}
  .contact-info-item{grid-template-columns:43px minmax(0,1fr);gap:11px;padding:13px 0}
  .contact-info-icon{width:42px;height:42px;border-radius:11px}
  .contact-info-item p{font-size:10.8px}
  .contact-map-head{align-items:flex-end;padding:16px}
  .contact-map-head h3{font-size:14px;line-height:1.3}
  .contact-map-head>a{font-size:9.5px}
  .contact-map-frame{height:260px}
}

/* V8.6 — dedicated RFQ confirmation page */
.rfq-confirm-page{background:#f6f9fc}
.rfq-confirm-hero{background:linear-gradient(135deg,#072846 0%,#0b4a74 100%);color:#fff;padding:58px 0 92px}
.rfq-confirm-hero .eyebrow{color:#6ed4e6;font-size:11px;font-weight:800;letter-spacing:.18em}
.rfq-confirm-hero h1{font-family:Manrope,Arial,sans-serif;font-size:42px;line-height:1.08;margin:12px 0 12px;max-width:760px}
.rfq-confirm-hero p{margin:0;max-width:690px;color:#d7e6f1;font-size:14px;line-height:1.7}
.rfq-confirm-section{padding:0 0 64px;margin-top:-48px}
.rfq-confirm-card{max-width:860px;margin:0 auto;background:#fff;border:1px solid #dbe6ee;border-radius:18px;padding:38px 42px;box-shadow:0 20px 55px rgba(5,39,70,.10);text-align:center}
.rfq-confirm-check{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#e8f9ef;color:#15934a;font:800 34px Manrope,Arial,sans-serif}
.rfq-confirm-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#1599bd;margin-bottom:8px}
.rfq-confirm-card h2{font-family:Manrope,Arial,sans-serif;color:#08294c;font-size:28px;margin:0 0 10px}
.rfq-confirm-lead{max-width:650px;margin:0 auto;color:#5d7082;font-size:13px;line-height:1.7}
.rfq-reference-box{margin:24px auto 20px;padding:17px 22px;max-width:560px;background:#f3f8fb;border:1px solid #dbe8ef;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left}
.rfq-reference-box span{font-size:11px;color:#687c8f}.rfq-reference-box strong{font:800 16px Manrope,Arial,sans-serif;color:#08294c;letter-spacing:.02em}
.rfq-confirm-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 auto 26px;max-width:720px}
.rfq-confirm-summary>div{padding:14px 15px;border:1px solid #e0e9f0;border-radius:11px;text-align:left;background:#fff}
.rfq-confirm-summary span{display:block;font-size:10px;color:#76899a;margin-bottom:5px}.rfq-confirm-summary strong{display:block;color:#102f4e;font-size:12px;line-height:1.45;word-break:break-word}
.rfq-next-title{font:800 13px Manrope,Arial,sans-serif;color:#08294c;text-align:left;max-width:720px;margin:0 auto 10px}
.rfq-progress{max-width:720px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rfq-progress-item{border:1px solid #e0e9f0;border-radius:12px;padding:14px;text-align:left;display:flex;gap:10px;background:#fbfcfd}
.rfq-progress-item>span{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7edf2;color:#667a8d;font-weight:800;font-size:11px}.rfq-progress-item.done>span{background:#e5f8ed;color:#15934a}
.rfq-progress-item strong{display:block;font-size:11px;color:#0b2d4d;margin-bottom:4px}.rfq-progress-item small{display:block;font-size:9px;line-height:1.5;color:#748696}
.rfq-confirm-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.rfq-confirm-actions .btn{min-width:150px;justify-content:center}.rfq-new-link{font-size:11px;font-weight:700;color:#0a78a6;text-decoration:none;padding:10px 4px}.rfq-new-link:hover{text-decoration:underline}
.rfq-optional-wa{max-width:720px;margin:24px auto 0;padding-top:18px;border-top:1px solid #e8eef3;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;color:#708293;font-size:10px;line-height:1.55}.rfq-optional-wa a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#128c4a;font-weight:800;text-decoration:none}
.rfq-confirm-expired{padding-top:48px;padding-bottom:48px}.rfq-confirm-expired p{max-width:650px;margin:0 auto 24px;color:#667b8d;line-height:1.7;font-size:13px}
@media(max-width:760px){
  .rfq-confirm-hero{padding:38px 0 72px}.rfq-confirm-hero h1{font-size:30px}.rfq-confirm-hero p{font-size:12px}.rfq-confirm-section{margin-top:-34px;padding-bottom:34px}.rfq-confirm-card{border-radius:14px;padding:27px 18px}.rfq-confirm-card h2{font-size:22px}.rfq-confirm-check{width:60px;height:60px;font-size:29px}.rfq-reference-box{display:block;text-align:center}.rfq-reference-box span{display:block;margin-bottom:7px}.rfq-reference-box strong{font-size:14px;word-break:break-all}.rfq-confirm-summary{grid-template-columns:1fr}.rfq-progress{grid-template-columns:1fr}.rfq-confirm-actions{display:grid;grid-template-columns:1fr;width:100%}.rfq-confirm-actions .btn,.rfq-new-link{width:100%;justify-content:center;text-align:center}.rfq-optional-wa{display:block;text-align:center}.rfq-optional-wa a{justify-content:center;margin-top:10px}
}

/* V8.8 — Premium RFQ success / Google Ads conversion landing */
.rfq-success-page{min-height:70vh;background:linear-gradient(180deg,#f4f8fb 0%,#fff 58%,#fff 100%);position:relative;overflow:hidden}
.rfq-success-hero{height:300px;background:linear-gradient(125deg,#061f39 0%,#093e67 56%,#0b6e8f 100%);position:relative;overflow:hidden}
.rfq-success-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.04) 0 1px,transparent 1px 100%);background-size:58px 58px;opacity:.35;transform:skewY(-7deg) scale(1.15)}
.rfq-success-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:78px;background:linear-gradient(176deg,transparent 0 49%,#f4f8fb 50% 100%)}
.rfq-success-hero .shell{position:relative;z-index:2;padding-top:52px}
.rfq-success-hero-mark{display:inline-flex;align-items:center;gap:9px;color:#78d6e8;font:800 11px/1 Manrope,Arial,sans-serif;letter-spacing:.18em}
.rfq-success-hero-mark:before{content:"";width:28px;height:2px;border-radius:999px;background:#38b8d6}
.rfq-success-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.rfq-success-orb-one{width:430px;height:430px;right:-90px;top:-230px;background:radial-gradient(circle,rgba(83,207,230,.20),rgba(83,207,230,0) 70%)}
.rfq-success-orb-two{width:310px;height:310px;left:45%;top:70px;background:radial-gradient(circle,rgba(57,143,194,.18),rgba(57,143,194,0) 70%)}
.rfq-success-wrap{position:relative;z-index:3;margin-top:-188px;padding:0 0 76px}
.rfq-success-card{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.34fr) minmax(315px,.76fr);background:#fff;border:1px solid rgba(208,223,233,.92);border-radius:24px;box-shadow:0 30px 90px rgba(4,34,61,.14),0 4px 18px rgba(4,34,61,.04);overflow:hidden}
.rfq-success-main{padding:46px 52px 42px;text-align:left}
.rfq-success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e8f9ef,#dff7ec);border:1px solid #ccefdc;box-shadow:0 12px 30px rgba(20,147,74,.12);margin-bottom:21px}
.rfq-success-icon span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#179653;color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.rfq-success-icon svg{display:block}
.rfq-success-kicker{font:800 10px/1 Manrope,Arial,sans-serif;letter-spacing:.18em;color:#1399bb;margin-bottom:10px}
.rfq-success-main h1{margin:0;color:#072b4d;font:800 34px/1.16 Manrope,Arial,sans-serif;letter-spacing:-.025em;max-width:650px}
.rfq-success-lead{max-width:650px;margin:13px 0 0;color:#617689;font-size:13px;line-height:1.72}
.rfq-success-reference{margin:28px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px 17px 20px;border-radius:14px;border:1px solid #d9e7ef;background:linear-gradient(135deg,#f7fbfd,#eef7fb)}
.rfq-success-reference>div{min-width:0}
.rfq-success-reference span{display:block;color:#718596;font-size:10px;font-weight:700;margin-bottom:5px}
.rfq-success-reference strong{display:block;color:#082e51;font:800 17px/1.25 Manrope,Arial,sans-serif;letter-spacing:.025em;word-break:break-word}
.rfq-copy-button{border:1px solid #d1e2eb;background:#fff;color:#176b8e;min-height:38px;padding:0 13px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;font:800 10px/1 Manrope,Arial,sans-serif;cursor:pointer;transition:.2s ease;white-space:nowrap}
.rfq-copy-button:hover{transform:translateY(-1px);border-color:#7fc5d9;box-shadow:0 6px 16px rgba(7,74,105,.08)}
.rfq-copy-button.is-copied{color:#13814a;border-color:#b9e4ca;background:#f3fbf6}
.rfq-success-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:27px}
.rfq-success-summary-item{min-width:0;padding:14px 15px;border:1px solid #e3ebf1;border-radius:12px;background:#fff}
.rfq-success-summary-item span{display:block;font-size:9.5px;color:#7a8d9d;margin-bottom:5px}
.rfq-success-summary-item strong{display:block;color:#163a58;font-size:11px;line-height:1.45;word-break:break-word}
.rfq-success-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}
.rfq-success-actions .btn{min-height:44px;padding-left:20px;padding-right:20px;justify-content:center}
.rfq-success-actions .btn svg{margin-right:5px}
.rfq-success-new{display:inline-block;margin-top:16px;color:#177c9f;font-size:10.5px;font-weight:800;text-decoration:none}
.rfq-success-new:hover{text-decoration:underline}
.rfq-success-note{margin-top:30px;padding-top:19px;border-top:1px solid #edf1f4;display:flex;align-items:flex-start;gap:10px;color:#718493}
.rfq-success-note svg{flex:0 0 auto;color:#3c8da8;margin-top:1px}
.rfq-success-note p{margin:0;font-size:9.8px;line-height:1.6}
.rfq-success-note strong{color:#435e72}
.rfq-success-side{position:relative;padding:44px 34px 38px;background:linear-gradient(165deg,#eef7fb 0%,#f8fbfd 60%,#f3f8fb 100%);border-left:1px solid #dbe8ef}
.rfq-success-side:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(35,166,199,.12),rgba(35,166,199,0) 70%)}
.rfq-success-side-head{position:relative;z-index:1}
.rfq-success-side-head>span{display:block;color:#1796b8;font:800 9.5px/1 Manrope,Arial,sans-serif;letter-spacing:.16em;margin-bottom:10px}
.rfq-success-side-head h2{margin:0;color:#0a3457;font:800 21px/1.28 Manrope,Arial,sans-serif;letter-spacing:-.015em}
.rfq-success-timeline{position:relative;margin-top:28px}
.rfq-success-timeline:before{content:"";position:absolute;left:16px;top:33px;bottom:31px;width:1px;background:#cbdde7}
.rfq-success-step{position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;padding-bottom:24px}
.rfq-success-step:last-child{padding-bottom:0}
.rfq-success-step-dot{position:relative;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #ccdce6;color:#60798c;font:800 10px Manrope,Arial,sans-serif;box-shadow:0 4px 12px rgba(14,65,92,.04)}
.rfq-success-step.is-done .rfq-success-step-dot{background:#168f51;border-color:#168f51;color:#fff}
.rfq-success-step strong{display:block;color:#183d59;font-size:11.5px;margin:2px 0 4px}
.rfq-success-step p{margin:0;color:#6d8191;font-size:9.5px;line-height:1.58}
.rfq-success-trust{display:flex;gap:11px;align-items:center;margin-top:28px;padding:14px;border:1px solid #d8e6ed;border-radius:12px;background:rgba(255,255,255,.74)}
.rfq-success-trust-icon{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e4f3f8;color:#1787a8}
.rfq-success-trust strong{display:block;color:#22445d;font-size:10.5px;margin-bottom:2px}
.rfq-success-trust p{margin:0;color:#718393;font-size:9px;line-height:1.45}
@media(max-width:900px){
  .rfq-success-card{grid-template-columns:1fr;max-width:720px}.rfq-success-side{border-left:0;border-top:1px solid #dbe8ef}.rfq-success-main{padding:42px 38px 36px}.rfq-success-side{padding:34px 38px 36px}.rfq-success-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .rfq-success-page{background:#f4f8fb}.rfq-success-hero{height:210px}.rfq-success-hero .shell{padding-top:29px}.rfq-success-hero:after{height:48px}.rfq-success-hero-mark{font-size:9px}.rfq-success-wrap{margin-top:-128px;padding-bottom:92px}.rfq-success-card{border-radius:18px;box-shadow:0 20px 50px rgba(4,34,61,.13)}.rfq-success-main{padding:30px 20px 27px}.rfq-success-icon{width:62px;height:62px;margin-bottom:17px}.rfq-success-icon span{width:37px;height:37px}.rfq-success-kicker{font-size:9px}.rfq-success-main h1{font-size:25px;line-height:1.2}.rfq-success-lead{font-size:11px;line-height:1.65;margin-top:10px}.rfq-success-reference{align-items:flex-start;padding:14px 14px 14px 15px;margin:22px 0 14px}.rfq-success-reference strong{font-size:13px}.rfq-copy-button{min-height:34px;padding:0 9px}.rfq-copy-button span{display:none}.rfq-success-summary{grid-template-columns:1fr;gap:7px;margin-bottom:22px}.rfq-success-summary-item{padding:11px 12px}.rfq-success-summary-item strong{font-size:10.5px}.rfq-success-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.rfq-success-actions .btn{width:100%;min-height:45px}.rfq-success-new{display:block;text-align:center;margin-top:14px}.rfq-success-note{margin-top:24px;padding-top:16px}.rfq-success-note p{font-size:9.3px}.rfq-success-side{padding:28px 20px 26px}.rfq-success-side-head h2{font-size:19px}.rfq-success-timeline{margin-top:23px}.rfq-success-step{padding-bottom:20px}.rfq-success-step strong{font-size:11px}.rfq-success-step p{font-size:9.4px}.rfq-success-trust{margin-top:22px}
}