:root{--navy:#081b30;--navy2:#123758;--gold:#e3a846;--ink:#173047;--muted:#718195;--line:#e4ebf1;--bg:#f5f7fa;--paper:#fff;--shadow:0 16px 45px rgba(13,35,58,.09);--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,Arial,sans-serif;color:var(--ink);background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}p{line-height:1.8}.wrap{width:min(var(--max),calc(100% - 68px));margin:auto}.muted{color:var(--muted)}.gold{color:var(--gold)}.eyebrow{color:#ac762d;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:900;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';height:2px;width:22px;background:#bd8937}.section{padding:76px 0}.section.alt{background:var(--bg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:30px}.section-head h2{font-size:clamp(29px,3vw,42px);letter-spacing:-1px;line-height:1.2;margin:10px 0}.section-head p{font-size:15px;color:var(--muted);margin:0;max-width:760px}.minor{font-size:12px;color:#94a1b0}.btn{border-radius:8px;border:1px solid transparent;padding:12px 18px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-weight:800;white-space:nowrap;transition:.2s;font-size:13px}.btn:hover{transform:translateY(-2px)}.btn.goldbtn{background:var(--gold);color:#152334}.btn.darkbtn{background:var(--navy);color:#fff}.btn.lightbtn{background:#fff;border-color:#ccd6e0;color:var(--ink)}.btn.ghostbtn{border-color:#ffffff67;color:white;background:#ffffff0c}.arrow-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:100px;font-size:19px;color:#1c344c}.arrow-btn:hover{background:#f6ede0}
.topbar{background:#071626;color:#bdcddd;font-size:11px}.topbar .wrap{padding:8px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30}.head-inner{min-height:76px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;flex:none}.mark{width:45px;height:45px;border-radius:10px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-size:26px;font-weight:900;font-style:italic}.brand-name{line-height:1.12}.brand-name strong{display:block;font-size:23px;letter-spacing:-.7px}.brand-name small{display:block;margin-top:3px;letter-spacing:2px;color:#718399;font-weight:700;font-size:10px}.nav{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.nav a{font-size:13px;font-weight:800;color:#34485b}.nav a:hover{color:#b68033}.lang-wrap{position:relative;flex:none}.lang-trigger{background:#f4f6f8;border:1px solid #e2e9f0;color:var(--ink);border-radius:10px;padding:11px 12px;font-size:12px;font-weight:850}.lang-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);min-width:170px;max-height:315px;overflow:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:8px}.lang-menu.show{display:block}.lang-menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px;border-radius:8px;font-size:13px}.lang-menu button:hover,.lang-menu button.active{background:#f7f1e6}.mobile-trigger{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px}.mobile-nav{display:none}
.hero{background:linear-gradient(132deg,#091b30 0%,#123758 82%);padding:49px 0 54px;overflow:hidden;color:white}.hero-grid{display:grid;grid-template-columns:40% 60%;align-items:center;gap:30px}.hero-copy{padding:10px 0}.hero-tag{font-size:11px;letter-spacing:2px;font-weight:900;color:#f1bd6d;border:1px solid #d2a05d77;border-radius:30px;padding:8px 13px;display:inline-flex}.hero h1{font-size:clamp(38px,4.25vw,60px);letter-spacing:-1.8px;line-height:1.17;margin:22px 0 19px;max-width:530px}.hero-desc{color:#c7d5e4;max-width:480px;font-size:15px;line-height:1.95}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-points{display:flex;flex-wrap:wrap;gap:15px;margin-top:37px;color:#e4edf8;font-size:11px}.hero-points span:before{content:'✓';color:#edb553;font-weight:900;margin-right:7px}.hero-slider{position:relative;height:400px;overflow:hidden;border-radius:17px;box-shadow:0 27px 60px #00101e67;min-width:0}.hero-slider .image{height:100%;width:100%;object-fit:cover;transition:opacity .32s}.hero-grad{position:absolute;inset:0;background:linear-gradient(0deg,#071626bb,transparent 36%)}.hero-slide-caption{position:absolute;bottom:24px;left:25px;right:90px;font-size:16px;font-weight:800;color:#fff}.hero-controls{position:absolute;right:15px;bottom:18px;display:flex;gap:7px}.hero-controls button{border:1px solid #ffffff66;background:#071c3099;color:#fff;border-radius:7px;width:35px;height:35px;font-size:20px}
.slider-head-controls{display:flex;gap:9px}.cat-strip{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 0 18px}.cat-strip::-webkit-scrollbar{display:none}.category{flex:0 0 280px;height:280px;border-radius:14px;overflow:hidden;position:relative;box-shadow:var(--shadow);scroll-snap-align:start;cursor:pointer}.category img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.category:hover img{transform:scale(1.045)}.category:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051323e6,transparent 72%)}.category-info{position:absolute;bottom:19px;left:20px;right:18px;z-index:1;color:#fff}.category-info h3{font-size:22px;margin:0 0 5px}.category-info p{font-size:12px;color:#d9e4f0;margin:0}.category-info .cn{color:#edbd70;font-size:11px;font-weight:900;margin-bottom:7px}
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.story-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;cursor:pointer;box-shadow:0 8px 23px #1937530b;transition:.2s}.story-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.story-card img{height:185px;width:100%;object-fit:cover}.story-body{padding:15px}.story-body .meta{color:#bc853a;font-size:11px;font-weight:850}.story-body h3{font-size:16px;line-height:1.5;margin:8px 0 7px}.story-body p{font-size:12px;color:#788899;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-link{font-size:13px;font-weight:900;color:#a77328;cursor:pointer}
.catalog{display:grid;grid-template-columns:266px minmax(0,1fr);gap:22px}.side{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px;height:max-content;position:sticky;top:96px}.side h3{font-size:18px;margin:3px 0 13px}.side h4{font-size:12px;letter-spacing:.8px;text-transform:uppercase;margin:20px 0 9px;padding-top:13px;border-top:1px solid #edf1f5;color:#8592a0}.side button{width:100%;text-align:left;display:block;border:0;background:transparent;padding:9px 11px;border-radius:7px;color:#42556b;font-size:13px;font-weight:650}.side button:hover,.side button.active{background:#112f4d;color:white}.search-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.search{display:flex;align-items:center;gap:9px;border:1px solid #dce4eb;border-radius:9px;background:#fff;padding:11px;min-width:250px}.search input{border:0;outline:none;width:100%}.count{font-size:12px;color:var(--muted)}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product-card{border-radius:13px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.25s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pict{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eef3f6;cursor:pointer}.pict img{width:100%;height:100%;object-fit:cover}.p-brand{position:absolute;left:12px;top:12px;background:#102c49;color:#fff;border-radius:5px;padding:6px 9px;font-size:10px;font-weight:850}.pcontent{padding:16px}.pcontent h3{font-size:16px;line-height:1.45;margin:0 0 5px}.pcontent .cn{font-size:12px;color:#748598;margin-bottom:10px}.pcontent p{font-size:12px;color:#7a8c9e;min-height:42px;margin:0 0 12px;line-height:1.6}.p-actions{display:flex;gap:9px;align-items:center}.p-actions .btn{flex:1;padding:10px}.empty{padding:40px;border:1px dashed #bdc9d4;border-radius:10px;color:#8494a4;background:white}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:29px;align-items:center}.about-copy h2{font-size:clamp(30px,3vw,43px);margin:12px 0 17px}.about-copy p{font-size:15px;color:#596f85;line-height:2}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}.benefits span{font-size:13px;color:#314d62;font-weight:750}.benefits span:before{content:'◆';font-size:7px;color:#d49c43;margin-right:8px}.about-gallery{position:relative;border-radius:16px;overflow:hidden;height:382px;background:#dce5ef}.about-gallery>img,.about-gallery>video{width:100%;height:100%;object-fit:cover}.about-overlay{position:absolute;bottom:0;left:0;right:0;padding:25px;background:linear-gradient(0deg,#05182fbb,transparent);color:#fff}.about-gallery .gcontrols{position:absolute;right:12px;top:12px;display:flex;gap:5px}.about-gallery .gcontrols button{background:#fffdf9dd;border:0;padding:7px 12px;border-radius:5px;font-size:17px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-card{padding:23px;background:#fff;border-radius:11px;border:1px solid var(--line);position:relative}.process-card b{display:block;color:#d49a42;font-size:24px;margin-bottom:15px}.process-card h3{font-size:16px;margin:0 0 9px}.process-card p{font-size:12px;color:#758498;margin:0}.process-card:not(:last-child):after{content:'→';position:absolute;right:-11px;top:35px;color:#c99d60;font-size:17px;z-index:1}
.ship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ship-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:#fff}.ship-card img{height:220px;width:100%;object-fit:cover}.ship-card>div{padding:17px}.ship-card h3{font-size:17px;margin:8px 0}.ship-card p{font-size:12px;color:#7b8c9e;margin:0}.cta-section{background:linear-gradient(120deg,#0c2239,#173e62);color:#fff;padding:56px 0}.cta-grid{display:grid;grid-template-columns:1fr 460px;gap:30px;align-items:center}.cta-section h2{font-size:34px}.cta-section p{color:#ccd9e6;font-size:15px}.inquiry{background:#fff;padding:23px;border-radius:13px;color:var(--ink);display:grid;gap:11px}.inquiry input,.inquiry textarea,.inquiry select{width:100%;padding:12px 13px;border:1px solid #dce5ed;border-radius:7px;background:#fafcff;outline-color:#e1ad5a}.inquiry textarea{min-height:80px;resize:vertical}
.footer{background:#081726;color:#d9e4ee;padding:55px 0 22px}.foot-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer h3{color:#fff;font-size:16px;margin-bottom:19px}.footer p{font-size:13px;color:#afbfce}.foot-links{display:grid;gap:11px}.foot-links a{font-size:13px;color:#bdcbd7}.foot-links a:hover{color:#f4bd69}.social-links{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}.social-item{width:38px;height:38px;display:grid;place-items:center;border:1px solid #8495a755;border-radius:9px;color:#fff}.social-item svg{width:20px;height:20px;fill:currentColor}.social-item:hover{background:#213f60}.foot-bottom{border-top:1px solid #ffffff20;margin-top:40px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#94a8ba;font-size:11px}.floatwa{position:fixed;bottom:23px;right:22px;z-index:29;width:52px;height:52px;border-radius:50%;background:#22b765;color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 6px 24px #22b76566}.hidden{display:none!important}
/* Detail pages */.subhero{background:linear-gradient(90deg,#0c2744d9,#0e3050a8),var(--banner) center/cover;padding:72px 0;color:#fff}.subhero h1{font-size:34px;margin:9px 0}.breadcrumbs{font-size:12px;color:#d5e3f0}.detail-wrap{padding:43px 0 75px;display:grid;grid-template-columns:265px minmax(0,1fr);gap:43px}.article-sidebar{border-right:1px solid var(--line);padding-right:20px}.article-sidebar h3{font-size:19px}.article-sidebar a,.article-sidebar button{display:block;width:100%;text-align:left;border:0;border-bottom:1px dotted #cbd3dd;background:none;padding:13px 0;font-size:13px;color:#526a81;line-height:1.6;cursor:pointer}.article-sidebar a:hover,.article-sidebar button:hover{color:#c49242}.article-main{max-width:940px;min-width:0}.article-main h1{font-size:clamp(25px,2.8vw,35px);line-height:1.35;margin:5px 0 10px}.article-date{font-size:12px;color:#8a98a6;margin-bottom:25px}.article-cover{width:100%;max-height:500px;object-fit:cover;border-radius:12px}.article-block{margin:32px 0}.article-block h2{font-size:23px;margin-bottom:15px}.article-block h3{font-size:19px}.article-block p{font-size:15px;color:#4d6074;line-height:2.08;white-space:pre-line}.article-block img{width:100%;max-height:580px;object-fit:contain;border-radius:12px;background:#f4f5f7}.article-block video{width:100%;max-height:520px;border-radius:12px;background:#162838}.gallery-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery-row img{height:250px!important;object-fit:cover!important}.spec-table{width:100%;border-collapse:collapse;margin-top:13px}.spec-table th,.spec-table td{border:1px solid #e3e9ee;padding:13px;text-align:left;font-size:13px}.spec-table th{width:35%;background:#f7f9fb;color:#5b6c7f}.spec-table td{color:#354a5e}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{background:#f2f6fa;padding:7px 10px;border-radius:6px;font-size:12px;color:#5d7184}.detail-product-top{display:grid;grid-template-columns:1.13fr 1fr;gap:36px;align-items:start;margin-bottom:34px}.detail-prod-img{position:relative;border-radius:15px;overflow:hidden;background:#f3f6fa}.detail-prod-img>img{height:370px;width:100%;object-fit:cover}.gallery-nav{position:absolute;bottom:10px;right:10px;display:flex;gap:8px}.gallery-nav button{background:#061727c9;color:#fff;border:0;border-radius:6px;padding:8px 13px}.gallery-thumbs{display:flex;gap:9px;margin-top:11px;overflow:auto}.gallery-thumbs img{height:77px;width:100px;object-fit:cover;border:2px solid transparent;border-radius:8px;cursor:pointer}.gallery-thumbs img.active{border-color:#dca045}.prod-kicker{font-weight:900;font-size:12px;letter-spacing:1.3px;color:#ba873c}.detail-prod-info h1{font-size:31px;line-height:1.3;margin:12px 0 15px}.detail-prod-info p{font-size:14px;color:#61778b;line-height:1.9}.detail-prod-info .btn{margin-top:12px}.detail-article{border-top:1px solid var(--line);padding-top:27px}.article-cta{background:#f6f8fb;padding:26px;border-left:3px solid #dea446;border-radius:0 8px 8px 0;margin-top:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.related{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.related .product-card .pict{aspect-ratio:4/3}.related .pcontent{padding:11px}.related .pcontent h3{font-size:13px}.related .pcontent p{display:none}
/* backend */.admin{min-height:75vh;background:#f4f7fa}.admin-banner{background:var(--navy);color:white;padding:24px 0}.admin-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;padding:26px 0 50px}.admin-side{background:#fff;border-radius:12px;border:1px solid var(--line);padding:12px;height:max-content;position:sticky;top:92px}.admin-side button{display:block;width:100%;border:0;text-align:left;background:none;color:#51677b;padding:12px;border-radius:7px;font-weight:750;font-size:13px}.admin-side button:hover,.admin-side button.active{background:var(--navy);color:#fff}.admin-main{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:500px;padding:25px}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}.admin-title h2{margin:0;font-size:23px}.admin-list{display:grid;gap:10px}.admin-item{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line);padding:12px 14px;border-radius:8px}.admin-item img{height:48px;width:76px;object-fit:cover;border-radius:5px}.admin-item strong{font-size:14px}.admin-item small{color:#8797a7;font-size:11px}.admin-actions{display:flex;gap:6px;flex-shrink:0}.admin-actions button{border:1px solid #dce5ed;background:#fff;border-radius:6px;padding:7px 10px;font-size:12px}.admin-actions .danger{color:#b82c37}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:850;color:#516477}.field input,.field textarea,.field select{border:1px solid #dbe3ed;border-radius:7px;width:100%;padding:11px;color:var(--ink);background:#fff}.field textarea{min-height:95px;resize:vertical}.edit-panel{border:1px solid #e1e9f0;background:#f9fbfd;border-radius:10px;padding:16px;margin:15px 0}.edit-panel h4{margin:0 0 12px}.edit-media{display:flex;gap:8px;flex-wrap:wrap}.media-tile{position:relative;width:122px;height:93px;border-radius:7px;overflow:hidden;background:#dce4ec}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover}.media-tile button{position:absolute;right:3px;top:3px;background:#b72135;color:white;border:0;border-radius:50%;height:24px;width:24px}.block-editor{border:1px solid #dfe6ed;background:white;border-radius:9px;padding:14px;margin:11px 0}.block-editor .bh{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:11px}.block-editor .bh strong{font-size:13px}.block-editor input,.block-editor textarea{width:100%;border:1px solid #d9e3ec;border-radius:7px;padding:10px;margin:5px 0}.block-editor textarea{min-height:85px}.form-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.upload-btn{display:inline-block;background:#fff;color:#1c3750;border:1px solid #cfdae5;border-radius:7px;padding:9px 11px;font-size:12px;font-weight:850;cursor:pointer}.upload-btn input{display:none}.backtop{font-size:12px;cursor:pointer;color:#c3893c}
@media(max-width:1150px){.head-inner{flex-wrap:wrap}.nav{gap:12px}.hero-grid{grid-template-columns:1fr}.hero-slider{height:440px}.catalog{grid-template-columns:225px minmax(0,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:repeat(2,1fr)}.related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.wrap{width:calc(100% - 30px)}.topbar .wrap span:last-child{display:none}.head-inner{min-height:68px;gap:10px}.brand-name strong{font-size:19px}.brand-name small{font-size:8px}.mark{width:41px;height:41px}.nav{display:none}.mobile-trigger{display:block;margin-left:auto}.mobile-nav.show{display:grid;gap:6px;background:#fff;padding:15px}.mobile-nav a{padding:10px;font-size:14px;border-bottom:1px solid var(--line)}.lang-trigger{padding:10px}.hero{padding:31px 0 36px}.hero h1{font-size:35px}.hero-slider{height:250px}.hero-slide-caption{font-size:12px}.section{padding:49px 0}.section-head{display:block}.section-head .slider-head-controls{margin-top:13px}.category{flex-basis:240px;height:265px}.case-grid,.ship-grid,.products-grid,.about-grid,.process-grid,.cta-grid,.foot-grid,.catalog,.detail-wrap,.detail-product-top,.admin-grid,.edit-grid{grid-template-columns:1fr}.side,.admin-side{position:static}.side{max-height:260px;overflow:auto}.search-wrap{flex-wrap:wrap}.about-gallery{height:270px}.process-grid{gap:10px}.process-card:not(:last-child):after{display:none}.detail-wrap{gap:23px;padding-top:23px}.article-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.article-sidebar a{padding:9px 0}.article-main h1{font-size:26px}.detail-prod-img>img{height:260px}.gallery-row img{height:155px!important}.related{grid-template-columns:repeat(2,1fr)}.article-cta{flex-wrap:wrap}.foot-bottom{flex-wrap:wrap}.admin-side{display:flex;flex-wrap:wrap}.admin-side button{width:auto}.admin-main{padding:14px}}

/* V7 商业站布局与详情展示 */
.hero-slider{height:auto!important;aspect-ratio:16/9;min-height:320px}
.hero-slider>.image,.hero-slider>img,.hero-slider>video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.category{flex:0 0 calc((100% - 54px)/4);min-width:230px}
.number-pagination{display:flex;justify-content:center;align-items:center;gap:9px;margin:30px 0 0;flex-wrap:wrap}
.number-pagination button{border:1px solid #d9e3eb;border-radius:8px;background:#fff;color:#284256;font-weight:700;min-width:38px;height:38px;cursor:pointer}
.number-pagination button.active{background:#0e2c4b;color:white;border-color:#0e2c4b}
.number-pagination button:disabled{opacity:.32;cursor:default}
.number-pagination small{color:#899aaa;margin-left:10px}
.detail-product-top{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:38px}
.detail-prod-img{aspect-ratio:4/3!important;height:auto!important;display:grid;place-items:center}
.detail-prod-img>.image,.detail-prod-img>img,.detail-prod-img>video{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;position:absolute;inset:0}
.gallery-thumbs{padding-bottom:6px;gap:10px;scrollbar-width:thin}
.gallery-thumbs>span{min-width:108px;cursor:pointer}
.gallery-thumbs img,.gallery-thumbs video{aspect-ratio:4/3!important;width:108px!important;height:81px!important;object-fit:cover!important}
.detail-prod-info h1{font-size:clamp(26px,3vw,40px);line-height:1.24}
.detail-prod-info .detail-intro{color:#5e7081;line-height:1.9;font-size:16px}
.detail-quick{display:grid;gap:10px;border-top:1px solid #e6ecf0;padding-top:19px;margin:22px 0}
.quick-item{display:flex;gap:12px;font-size:14px;align-items:center;color:#495c72}
.quick-item b{display:grid;place-items:center;background:#fff3df;color:#b8832d;border-radius:50%;width:26px;height:26px}
.product-wa{font-size:15px!important;padding:15px 28px!important}
.long-detail{padding-bottom:80px}
.long-detail>section{margin:40px 0 52px}
.long-detail h2{font-size:clamp(24px,2.7vw,36px);margin:10px 0 17px}
.long-detail .lead-paragraph{max-width:890px;line-height:1.9;color:#566b7d}
.long-product-body{max-width:1040px;margin-inline:auto!important}
.long-product-body .article-block img{width:100%;max-height:none;object-fit:contain}
.gallery-tools{display:flex;gap:9px}
.gallery-tools button,.content-gallery-toolbar button{border:1px solid #d4e0eb;color:#243f58;background:#fff;border-radius:9px;width:41px;height:41px;font-size:21px;cursor:pointer}
.detail-photo-strip,.related-strip{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:4px 0 12px;scrollbar-width:thin}
.detail-photo-strip>.photo-tile{flex:0 0 calc((100% - 48px)/4);aspect-ratio:4/3;border-radius:14px;overflow:hidden;cursor:pointer;scroll-snap-align:start;background:#edf3f8}
.photo-tile img,.photo-tile video{width:100%;height:100%;object-fit:cover}
.related-strip .product-card{flex:0 0 calc((100% - 48px)/4);min-width:210px;scroll-snap-align:start}
.evidence-company{display:grid;grid-template-columns:1fr 1.05fr;gap:35px;align-items:center;background:#f4f8fb;border-radius:22px;padding:30px}
.evidence-image{border-radius:14px;overflow:hidden;aspect-ratio:4/3}
.evidence-image img,.evidence-image video{height:100%;width:100%;object-fit:cover}
.evidence-company p{color:#617588;line-height:1.9}
.company-proof{background:#fff;border:1px solid #e5eaf0;border-radius:20px;padding:30px}
.company-proof p,.review-area p{color:#607588;line-height:1.9}
.cert-gallery{display:flex;overflow-x:auto;gap:13px;padding-top:18px}
.cert-gallery>div{flex:0 0 190px;aspect-ratio:3/4;border:1px solid #e5eaf0;border-radius:10px;overflow:hidden}
.cert-gallery img{height:100%;width:100%;object-fit:contain}
.proof-grid,.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.proof-grid .story-card img{height:148px}
.proof-grid .story-body{padding:12px}
.proof-grid .story-body h3{font-size:15px}
.review-card{display:block;padding:16px;border:1px solid #e3eaf1;border-radius:12px;background:#fff;color:#274259}
.review-card img{height:130px;width:100%;object-fit:cover}
.review-card h3{font-size:17px}
.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.faq-list details{border:1px solid #dfe7ed;background:#fff;padding:18px;border-radius:12px}
.faq-list summary{cursor:pointer;color:#1c3b57;font-weight:800;font-size:15px}
.faq-list p{color:#66798b;line-height:1.8}
.product-bottom-cta{background:linear-gradient(110deg,#0b2945,#173c60);color:#fff;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:35px}
.product-bottom-cta strong{font-size:24px}
.product-bottom-cta p{color:#c5d7e5;line-height:1.75}
.article-subtitle{font-size:20px!important;color:#617486;font-weight:500;margin:6px 0 18px!important}
.article-lead{line-height:1.9;color:#50677a;margin:22px 0 12px}
.sidebar-more{color:#b7842c!important;font-weight:800!important}
.content-carousel{background:#f3f7fb;border-radius:15px;padding:10px}
.content-gallery-view{aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:11px;background:#e9eff5}
.content-gallery-slide{display:none;position:absolute;inset:0}
.content-gallery-slide.active{display:block}
.content-gallery-slide img,.content-gallery-slide video{height:100%!important;width:100%!important;max-width:100%;object-fit:contain!important}
.content-gallery-toolbar{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 0}
.gallery-counter{font-size:13px;color:#607588}
.content-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:0 4px 8px;justify-content:flex-start}
.content-gallery-thumbs button{flex:0 0 80px;aspect-ratio:4/3;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;background:#e6edf2}
.content-gallery-thumbs button.active{border-color:#dfa447}
.content-gallery-thumbs img{height:100%!important;width:100%!important;object-fit:cover!important}
.qlm-global{background:linear-gradient(140deg,#fff,#f1f6fa)}
.qlm-global-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.global-globe{border-radius:20px;background:#eaf2f8;overflow:hidden;padding:10px}
.global-globe svg{width:100%;display:block}
.global-copy h2{font-size:clamp(26px,3vw,40px);line-height:1.25}
.global-copy p{color:#62788b;line-height:1.9}
.global-tags{display:flex;gap:9px;margin:20px 0;flex-wrap:wrap}
.global-tags span{border:1px solid #d7e0e7;background:#fff;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:800}
@media(max-width:1150px){.category{flex-basis:calc((100% - 36px)/3)}.related-strip .product-card,.detail-photo-strip>.photo-tile{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:720px){.hero-slider{aspect-ratio:16/9;min-height:0;height:auto!important}.category{flex-basis:75%}.detail-photo-strip>.photo-tile,.related-strip .product-card{flex-basis:75%}.evidence-company,.qlm-global-grid,.faq-list{grid-template-columns:1fr}.proof-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-prod-img{aspect-ratio:4/3}.product-bottom-cta{flex-direction:column;align-items:stretch}.article-main h1{font-size:26px}}

.topbar .wrap span:last-child{display:none}

/* V8: targeted changes only — original product layout / 4-up image carousels */
.classic-product .detail-product-top{display:grid;grid-template-columns:1.13fr 1fr;gap:36px;align-items:start;margin-bottom:35px}
.classic-product .detail-prod-img{position:relative;aspect-ratio:4/3;height:auto!important;min-height:0;background:#f1f5f8;overflow:hidden;border-radius:14px}
.classic-product .detail-prod-img>img,.classic-product .detail-prod-img>video{width:100%!important;height:100%!important;object-fit:contain!important;position:absolute;inset:0;max-height:none!important}
.classic-product .gallery-thumbs img,.classic-product .gallery-thumbs video{width:103px!important;height:77px!important;object-fit:cover!important;aspect-ratio:4/3}
.classic-product .detail-prod-info h1{font-size:clamp(27px,3.1vw,36px)}
.classic-product .detail-article{border-top:1px solid #e0e7ed;padding-top:25px}
.classic-product .detail-article .article-block{margin:32px 0}
.classic-product .detail-article .article-block h2{font-size:22px;margin-bottom:14px}
.v8-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.v8-gallery-head h2{margin:0!important}
.v8-gallery-arrows{display:flex;gap:8px;flex-shrink:0}
.v8-gallery-arrows button,.v8-article-nav button{width:38px;height:38px;border-radius:9px;background:#fff;border:1px solid #d7e2eb;color:#193b58;font-size:22px;cursor:pointer}
.v8-gallery-arrows button:hover,.v8-article-nav button:hover{background:#173755;color:#fff}
.v8-four-gallery{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 0 12px}
.v8-gallery-tile{flex:0 0 calc((100% - 36px)/4)!important;min-width:0;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#f2f5f8;scroll-snap-align:start}
.v8-gallery-tile img,.v8-gallery-tile video{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:0!important;cursor:zoom-in}
.v8-picture-counter{font-size:12px;color:#90a0ad;margin-top:0}
.v8-article-cover{margin:17px 0 22px;border-radius:13px;overflow:hidden;background:#f2f6fa}
.v8-article-main{height:auto;aspect-ratio:4/3;position:relative;overflow:hidden;background:#f3f5f8}
.v8-article-slide{position:absolute;inset:0;display:none}
.v8-article-slide.active{display:block}
.v8-article-slide img,.v8-article-slide video{height:100%!important;width:100%!important;max-height:none!important;object-fit:contain!important;background:#f2f5f8}
.v8-article-nav{display:flex;align-items:center;gap:12px;justify-content:center;padding:12px}
.v8-article-counter{font-size:13px;color:#71879c;min-width:44px;text-align:center}
.v8-article-thumbs{display:flex;gap:9px;overflow-x:auto;padding:0 12px 13px;scrollbar-width:thin}
.v8-article-thumb{flex:0 0 100px;width:100px;aspect-ratio:4/3;border-radius:8px;overflow:hidden;padding:0;border:2px solid transparent;background:#e8eff6;cursor:pointer}
.v8-article-thumb.active{border-color:#dfaa50}
.v8-article-thumb img,.v8-article-thumb video{height:100%;width:100%;object-fit:cover;pointer-events:none}
.v8-inline-gallery{display:flex;gap:11px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:3px 0 11px}
.v8-inline-gallery>*{flex:0 0 calc((100% - 22px)/3);height:auto;aspect-ratio:4/3;scroll-snap-align:start;border-radius:9px;overflow:hidden}
.v8-inline-gallery img,.v8-inline-gallery video{width:100%!important;height:100%!important;object-fit:cover!important}
.classic-product .related-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
@media(max-width:1120px){.classic-product .detail-product-top{grid-template-columns:1fr 1fr}.v8-gallery-tile{flex-basis:calc((100% - 24px)/3)!important}}
@media(max-width:740px){.classic-product .detail-product-top{grid-template-columns:1fr}.v8-gallery-tile{flex-basis:calc((100% - 12px)/2)!important}.v8-inline-gallery>*{flex-basis:75%}.v8-article-thumb{flex-basis:77px;width:77px}.v8-article-nav button{width:34px;height:34px}.classic-product .detail-prod-img{aspect-ratio:4/3}.classic-product .related-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}