/* GJDH V28 - premium homepage layout */
:root{--v28-navy:#061d3b;--v28-navy2:#0c315f;--v28-gold:#c9962e;--v28-ink:#172235;--v28-line:#e5eaf0;--v28-soft:#f5f7fa}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:#fff}
.wrap{width:min(1760px,calc(100% - 40px));max-width:none;margin-inline:auto}
.header-main{grid-template-columns:minmax(410px,1fr) minmax(420px,640px) minmax(330px,.8fr);gap:30px}
.hero-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding-top:12px}
.slider-v23{border-radius:10px;box-shadow:0 10px 30px rgba(6,29,59,.12)}
.hero-main-column .categories{padding:8px 0 18px;gap:10px}
.hero-main-column .category-intro{display:none}
.hero-main-column .categories button{height:122px;border-radius:8px;grid-template-columns:82px minmax(0,1fr) 18px;box-shadow:0 4px 14px rgba(6,29,59,.045)}
.hero-main-column .categories button>span{width:78px;height:98px}
.showcase{padding-top:12px}
.panel,.installation-banner{border-radius:10px}
.all-products{padding-top:56px;padding-bottom:64px}
.v28-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.v28-section-head span,.v28-brand-title span{display:block;color:var(--v28-gold);font-size:12px;font-weight:900;letter-spacing:1.5px;margin-bottom:7px}
.v28-section-head h2,.v28-brand-title h2{margin:0;color:var(--v28-ink);font-size:30px;letter-spacing:-1.4px}
.v28-section-head p{margin:7px 0 0;color:#6f7b8b;font-size:14px}
.v28-section-head>a{color:var(--v28-navy);font-weight:800;font-size:14px;white-space:nowrap}
.v28-installations{padding-top:68px;padding-bottom:72px}
.v28-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v28-case-card{display:grid;grid-template-columns:46% 1fr;min-height:210px;border:1px solid var(--v28-line);border-radius:12px;overflow:hidden;background:#fff;transition:.2s ease;box-shadow:0 7px 22px rgba(6,29,59,.045)}
.v28-case-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(6,29,59,.11);border-color:#cad4df}
.v28-case-card img{width:100%;height:100%;object-fit:contain;background:#f8fafc;padding:18px}
.v28-case-card div{padding:28px 22px;display:flex;flex-direction:column;justify-content:center}
.v28-case-card small{color:var(--v28-gold);font-weight:800}
.v28-case-card h3{margin:10px 0 24px;font-size:20px;color:var(--v28-ink);line-height:1.35}
.v28-case-card span{color:var(--v28-navy);font-size:13px;font-weight:800}
.v28-trust-zone{padding:70px 0 76px;background:linear-gradient(135deg,#051b37,#0c315f)}
.v28-section-head.light h2,.v28-section-head.light p{color:#fff}.v28-section-head.light p{opacity:.72}
.v28-strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v28-strength-grid article{min-height:190px;padding:28px 24px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:10px;color:#fff}
.v28-strength-grid i{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:var(--v28-gold);font-style:normal;font-weight:900}
.v28-strength-grid h3{font-size:19px;margin:22px 0 10px}.v28-strength-grid p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.7}
.v28-brand-zone{display:flex;align-items:center;gap:54px;padding-top:48px;padding-bottom:48px;border-bottom:1px solid var(--v28-line)}
.v28-brand-title{min-width:190px}.v28-brand-title h2{font-size:24px}
.v28-brand-track{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;flex:1}
.v28-brand-track span{min-height:72px;display:flex;align-items:center;justify-content:center;border:1px solid var(--v28-line);border-radius:8px;color:#7a8492;font-weight:900;letter-spacing:1px;background:#fff}
.v28-cta{padding:58px 0;background:#f3f6f9}
.v28-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.v28-cta small{color:var(--v28-gold);font-weight:900;letter-spacing:1.3px}.v28-cta h2{margin:8px 0 9px;font-size:32px;color:var(--v28-ink);letter-spacing:-1.3px}.v28-cta p{margin:0;color:#6d7989}
.v28-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.v28-cta-actions a{min-height:50px;padding:0 22px;display:flex;align-items:center;justify-content:center;border:1px solid #cfd7e1;border-radius:7px;background:#fff;color:var(--v28-navy);font-weight:900}
.v28-cta-actions a.primary{background:var(--v28-gold);border-color:var(--v28-gold);color:#fff;font-size:16px}
@media(max-width:1450px){.wrap{width:calc(100% - 28px)}.header-main{grid-template-columns:minmax(380px,1fr) minmax(350px,520px) minmax(290px,.75fr)}.hero-layout{grid-template-columns:minmax(0,1fr) 300px}.hero-main-column .categories{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1160px){.hero-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.side-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.v28-case-grid{grid-template-columns:1fr 1fr}.v28-strength-grid{grid-template-columns:repeat(2,1fr)}.v28-brand-track{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.wrap{width:calc(100% - 20px)}.header-main{grid-template-columns:1fr}.v28-section-head{align-items:flex-start}.v28-case-grid{grid-template-columns:1fr}.v28-cta>.wrap,.v28-brand-zone{align-items:flex-start;flex-direction:column}.v28-cta-actions{justify-content:flex-start}.v28-brand-track{width:100%}}
@media(max-width:620px){.hero-main-column .categories{grid-template-columns:1fr 1fr}.hero-main-column .categories button{height:100px;grid-template-columns:58px minmax(0,1fr) 15px}.hero-main-column .categories button>span{width:54px;height:76px}.side-panel{grid-template-columns:1fr}.side-links{grid-column:auto;grid-template-columns:1fr 1fr}.v28-strength-grid{grid-template-columns:1fr}.v28-brand-track{grid-template-columns:1fr 1fr}.v28-case-card{grid-template-columns:40% 1fr}.v28-case-card h3{font-size:17px}.v28-cta h2{font-size:26px}.v28-cta-actions{width:100%;display:grid}.v28-cta-actions a{width:100%}}