/* ====================================================================
GUJRAT AUTOS · PREMIUM PUBLIC WEBSITE v1.0 · 2026-11-06
All public pages, CMS services, catalogue, contact and account-entry screens.
Scoped to .public-site; does not modify ERP admin.
==================================================================== */
body.public-site {
 --ga-web-navy:#122438;
 --ga-web-deep:#0e1e2f;
 --ga-web-mid:#253b50;
 --ga-web-gold:#d7aa72;
 --ga-web-gold-dark:#a7743b;
 --ga-web-cream:#f8f7f4;
 --ga-web-soft:#f1f4f4;
 --ga-web-ink:#263a4e;
 --ga-web-muted:#6e7f8e;
 --ga-web-line:#e4e9ea;
 --ga-web-shadow:0 15px 45px rgba(17,39,56,.065);
 --gold:#cf9e61;
 --goldD:#a7743b;
 --ink:#263a4e;
 --muted:#6e7f8e;
 font-family:"DM Sans",system-ui,sans-serif;
 font-size:15px;line-height:1.7;
 background:#fff;color:#2a3e51;
 -webkit-font-smoothing:antialiased;
}
body.public-site *,body.public-site *:before,body.public-site *:after{box-sizing:border-box}
body.public-site h1,body.public-site h2,body.public-site h3{
 font-family:"Manrope","DM Sans",system-ui,sans-serif;
 font-weight:800;letter-spacing:-.035em;line-height:1.21;
}
body.public-site h1{font-size:clamp(40px,5.1vw,68px)}
body.public-site h2{font-size:clamp(29px,3.3vw,43px);color:#1a3146}
body.public-site h3{font-size:clamp(17px,1.5vw,20px);color:#20384b}
body.public-site p{line-height:1.8}
body.public-site .public-wrap{width:min(1216px,calc(100% - 48px));max-width:1216px;margin-inline:auto;padding-inline:0}
body.public-site a{color:#a87940}
body.public-site a:hover{color:#805629}
body.public-site a:focus-visible,body.public-site button:focus-visible,
body.public-site input:focus-visible,body.public-site select:focus-visible,
body.public-site textarea:focus-visible{
 outline:3px solid #dfbb8d!important;outline-offset:3px!important;
}
body.public-site .public-announcement{
 background:#122639!important;color:#dfebee!important;font-size:11.5px;
 font-weight:660;letter-spacing:.04em;text-align:center;padding:8px 18px;
}
body.public-site .public-announcement a{color:#fff!important;text-decoration:none}
body.public-site .site-header{
 position:sticky;top:0;z-index:75;background:rgba(255,255,255,.97)!important;
 border-bottom:1px solid #edf0f1;box-shadow:0 4px 24px rgba(22,49,67,.035);
 backdrop-filter:saturate(160%) blur(18px);
}
body.public-site .site-header .public-wrap{
 display:flex;align-items:center;justify-content:space-between;
 flex-wrap:nowrap;gap:26px;min-height:80px;padding-top:10px;padding-bottom:10px;
}
body.public-site .site-brand{
 color:#19344a!important;text-decoration:none!important;display:inline-flex;
 gap:10px;align-items:center;min-width:190px;max-width:290px;flex:0 0 auto;
 font-size:18px;letter-spacing:-.03em;font-weight:850;
}
body.public-site .site-brand b{font-size:19px;font-weight:850;letter-spacing:-.035em;line-height:1.25;color:#20384c}
body.public-site .site-brand img{
 display:block;width:auto;max-height:49px;max-width:145px;object-fit:contain;
}
body.public-site .site-brand .brand-emblem{
 background:linear-gradient(135deg,#243e55,#122438)!important;color:#eac99d!important;
 border:1px solid #365167;box-shadow:none;width:44px;height:44px;
 font-size:14px;letter-spacing:-.035em;
}
body.public-site .site-header nav{
 display:flex;align-items:center;justify-content:flex-end;gap:3px;
 min-width:0;flex:1 1 auto;
}
body.public-site .site-header nav a{
 display:inline-flex;align-items:center;justify-content:center;
 padding:10px 10px;border-radius:9px;
 color:#506275!important;font-weight:730;font-size:12px;
 white-space:nowrap;line-height:1.4;
 background:transparent;border:1px solid transparent;
 text-decoration:none!important;
 transition:background .15s,color .15s,border-color .15s;
}
body.public-site .site-header nav a:hover,
body.public-site .site-header nav a:active,
body.public-site .site-header nav a[aria-current=page]{
 color:#8e632f!important;background:#fcf5eb!important;border-color:#f2e5d3!important;
}
body.public-site .site-header nav a[href*="customer/login"]{
 background:#172f42!important;color:#fff!important;border-color:#172f42!important;
 padding-inline:14px;margin-left:5px;box-shadow:0 4px 16px rgba(19,44,64,.12);
}
body.public-site .site-header nav a[href*="customer/login"]:hover{
 background:#294a60!important;border-color:#294a60!important;color:#fff!important;
}
body.public-site .public-nav-toggle{
 display:none;align-items:center;justify-content:center;gap:6px;
 min-width:105px;height:43px;border-radius:10px;border:1px solid #dce4e9;
 background:#f9fbfc;color:#2f475b;font-size:12px;font-weight:790;padding:9px 14px;
}
body.public-site .public-nav-toggle:hover,body.public-site .public-nav-toggle:active{
 background:#f6f0e8;color:#9c7039;border-color:#eddec9;
}
body.public-site .btn,body.public-site .ga-web-btn{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;
 padding:13px 22px;min-height:49px;border-radius:10px;
 font-size:12px;font-weight:800;line-height:1.4;text-decoration:none!important;
 transition:background .16s,color .16s,transform .16s,box-shadow .16s,border-color .16s;
 white-space:normal;text-align:center;
}
body.public-site .btn.primary{
 background:#d5a46a!important;color:#142b40!important;border:1px solid #d5a46a;
}
body.public-site .btn.primary:hover{background:#e4b57d!important;color:#122e41!important}
body.public-site .btn.secondary{
 background:#fff;color:#314d62;border:1px solid #d8e1e5;
}
body.public-site .btn.secondary:hover{background:#f8f4ee;border-color:#e2c5a2}
body.public-site .ga-web-btn-gold{
 background:#e1b37a!important;color:#172b3b!important;border:1px solid #e1b37a;
 box-shadow:0 13px 25px rgba(0,0,0,.09);
}
body.public-site .ga-web-btn-gold:hover{background:#f0c591!important;color:#11283b!important;transform:translateY(-1px)}
body.public-site .ga-web-btn-outline{
 background:transparent;border:1px solid rgba(255,255,255,.43);color:#fff!important;
}
body.public-site .ga-web-btn-outline:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff!important}
body.public-site .ga-web-btn-navy{
 background:#17354a;border:1px solid #17354a;color:#fff!important;box-shadow:0 10px 26px #1234471c;
}
body.public-site .ga-web-btn-navy:hover{background:#284c63;color:#fff!important}
body.public-site .ga-web-btn-small{min-height:43px;background:#fff;border:1px solid #d8e3e7;color:#3d5b69!important;padding:11px 15px}
body.public-site .ga-web-btn-small:hover{background:#f4f8f7;color:#1b4e5e!important}
body.public-site .ga-web-inline-link{
 display:inline-flex;gap:9px;align-items:center;color:#ad7a41!important;
 font-size:12.5px;font-weight:850;text-decoration:none!important;
}
body.public-site .ga-web-inline-link:hover{color:#7a542c!important}
body.public-site .ga-web-kicker{
 margin:0 0 13px;color:#b47f48!important;letter-spacing:.17em;
 font-size:10px;line-height:1.5;font-weight:900;text-transform:uppercase;
}
body.public-site .ga-web-home .ga-web-hero{
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(circle at 78% 27%,#27465f 0%,transparent 40%),
 linear-gradient(132deg,#102437 0%,#172d42 57%,#0d2032 100%);
 min-height:580px;display:flex;align-items:center;
}
body.public-site .ga-web-home .ga-web-hero:before{
 content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;
 background:repeating-linear-gradient(142deg,transparent 0 25px,#b8c1bd 25px 26px,transparent 26px 52px);
 -webkit-mask-image:linear-gradient(to right,transparent 20%,#000 100%);
 mask-image:linear-gradient(to right,transparent 20%,#000 100%);
}
body.public-site .ga-web-hero-grid{
 display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.93fr);
 align-items:center;gap:36px;position:relative;z-index:1;
 padding-top:87px;padding-bottom:93px;
}
body.public-site .ga-web-hero-label{
 color:#f0cea0;font-size:10.5px;letter-spacing:.14em;line-height:1.5;
 font-weight:800;display:inline-flex;align-items:center;gap:10px;margin-bottom:23px;
}
body.public-site .ga-web-label-dot{height:7px;width:7px;background:#e6b679;border-radius:50%;box-shadow:0 0 0 5px #e6b67922}
body.public-site .ga-web-hero h1{
 margin-bottom:24px;max-width:720px;color:#fff;font-size:clamp(43px,4.7vw,64px);
 letter-spacing:-.06em;line-height:1.12;font-weight:850;
}
body.public-site .ga-web-hero-copy>p{max-width:540px;color:#c6d5df;font-size:16px;line-height:1.9;margin:0 0 29px}
body.public-site .ga-web-hero-actions{display:flex;gap:13px;flex-wrap:wrap}
body.public-site .ga-web-hero-points{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:36px}
body.public-site .ga-web-hero-points span{
 display:inline-flex;gap:8px;align-items:center;color:#cbd9e1;font-size:11px;font-weight:690;
}
body.public-site .ga-web-hero-points span:before{content:"";height:6px;width:6px;background:#e0ba89;border-radius:50%}
body.public-site .ga-web-hero-visual{
 width:100%;aspect-ratio:1/1;max-height:450px;position:relative;display:grid;place-items:center;
}
body.public-site .ga-web-visual-orbit{
 position:absolute;border:1px solid rgba(221,185,137,.22);border-radius:50%;
}
body.public-site .ga-web-visual-orbit-one{width:100%;height:100%;box-shadow:0 0 0 34px #ffffff04}
body.public-site .ga-web-visual-orbit-two{width:76%;height:76%;border-color:#ffffff17;box-shadow:0 0 0 40px #fff02}
body.public-site .ga-web-visual-main{
 position:relative;width:98%;padding:42px 0 20px;filter:drop-shadow(0 17px 35px rgba(0,0,0,.18));
}
body.public-site .ga-web-visual-main .ga-web-vehicle-svg{
 width:100%;height:auto;color:#e6c99e;display:block;
}
body.public-site .ga-web-visual-chip{
 position:absolute;bottom:30px;left:10%;right:10%;
 display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
 padding:15px 20px;color:#fff;border:1px solid #ffffff24;
 background:rgba(255,255,255,.09);backdrop-filter:blur(12px);border-radius:13px;
}
body.public-site .ga-web-visual-chip strong{font-size:11px;color:#f6e6d0}
body.public-site .ga-web-visual-chip span{font-size:10px;color:#b8d3df}
body.public-site .ga-web-pathway{position:relative;margin-top:-34px;z-index:5}
body.public-site .ga-web-path-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
body.public-site .ga-web-path-card{
 display:flex;align-items:center;gap:15px;min-width:0;padding:20px 22px;
 background:#fff;border:1px solid #e4ebed;border-radius:14px;
 box-shadow:0 15px 45px rgba(25,52,72,.11);text-decoration:none!important;
 transition:transform .2s,box-shadow .2s;
}
body.public-site .ga-web-path-card:hover{transform:translateY(-3px);box-shadow:0 19px 40px rgba(25,52,72,.13)}
body.public-site .ga-web-path-spark{
 width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;
 background:#f8f1e7;border-radius:11px;color:#af7b43;font-size:18px;
}
body.public-site .ga-web-path-card>div:nth-child(2){flex:1;min-width:0}
body.public-site .ga-web-path-card h3{font-size:13px;margin:0 0 3px;color:#254356;font-weight:840}
body.public-site .ga-web-path-card p{font-size:11px;color:#748694;margin:0;line-height:1.55}
body.public-site .ga-web-path-card>span{font-size:20px;color:#ab8557}
body.public-site .public-section{padding-top:91px;padding-bottom:91px}
body.public-site .ga-web-intro{padding-top:115px}
body.public-site .ga-web-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}
body.public-site .ga-web-intro-grid h2{font-size:clamp(30px,3.4vw,45px);max-width:560px;margin:0 0 23px}
body.public-site .ga-web-intro-grid p:not(.ga-web-kicker){font-size:15px;color:#667c8d;line-height:1.95;max-width:560px;margin:0 0 22px}
body.public-site .ga-web-intro-steps{border:1px solid #e8ecee;border-radius:18px;padding:19px 28px;background:#f9faf9}
body.public-site .ga-web-step{display:flex;align-items:flex-start;gap:19px;padding:20px 0}
body.public-site .ga-web-step+.ga-web-step{border-top:1px solid #e2e7e9}
body.public-site .ga-web-step>b{width:40px;flex:0 0 40px;font-size:15px;font-weight:850;color:#bd8e58}
body.public-site .ga-web-step>div{display:flex;flex-direction:column;gap:4px}
body.public-site .ga-web-step strong{font-size:14px;color:#234054;font-weight:840}
body.public-site .ga-web-step span{font-size:12px;color:#708594;line-height:1.6}
body.public-site .home-features{background:#faf8f5!important;padding-top:50px;padding-bottom:54px}
body.public-site .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.public-site .feature-grid article{
 background:#fff;border:1px solid #eae8e2;border-radius:13px;padding:24px 24px 22px;
 box-shadow:0 7px 25px #334e5d07;
}
body.public-site .feature-grid article .feature-icon,
body.public-site .cms-service-card .feature-icon{
 display:grid;place-items:center;border-radius:10px;
 width:41px;height:41px;background:#f7f0e6;color:#ac7a44;
 font:850 14px "Manrope",sans-serif;margin:0 0 18px;
}
body.public-site .feature-grid h3{font-size:15px;margin-bottom:11px}
body.public-site .feature-grid p{font-size:12px;color:#6e8290;line-height:1.85;margin:0}
body.public-site .public-section.alt{background:#f7f9f9}
body.public-site #services{text-align:left}
body.public-site .cms-services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:38px}
body.public-site .cms-service-card{
 display:flex;flex-direction:column;align-items:flex-start;min-width:0;
 background:#fff;border:1px solid #e4e9ea;border-radius:14px;padding:26px 24px 22px;
 box-shadow:0 8px 26px rgba(31,56,69,.045);
 transition:transform .16s,border-color .16s,box-shadow .16s;
}
body.public-site .cms-service-card:hover{
 transform:translateY(-3px);border-color:#e1c9ab;
 box-shadow:0 16px 34px rgba(31,56,69,.085);
}
body.public-site .cms-service-card h3{font-size:15px;margin:0 0 9px}
body.public-site .cms-service-card p{
 flex:1;font-size:11.7px;color:#6c7e8d;line-height:1.85;margin:0 0 17px;
}
body.public-site .cms-service-card a{
 display:inline-flex;font-size:11.5px;font-weight:850;color:#af7840!important;text-decoration:none;
}
body.public-site .cms-service-card a:hover{color:#7d552b!important}
body.public-site .ga-web-section-head{
 display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;
 margin-bottom:29px;
}
body.public-site .ga-web-section-head h2{margin:0 0 9px}
body.public-site .ga-web-section-head p:not(.ga-web-kicker){font-size:13px;color:#748595;line-height:1.7;margin:0;max-width:620px}
body.public-site .ga-web-stock-section{background:#fff}
body.public-site .ga-web-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.public-site .ga-web-stock-card{
 background:#fff;border:1px solid #e6eaec;border-radius:16px;overflow:hidden;
 box-shadow:0 10px 31px rgba(24,52,69,.055);transition:transform .2s,box-shadow .2s;
}
body.public-site .ga-web-stock-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #1b405b15}
body.public-site .ga-web-stock-art{
 height:200px;display:flex;align-items:center;justify-content:center;
 background:radial-gradient(circle at 70% 22%,#e2e9ea,transparent 45%),linear-gradient(125deg,#edf1f2,#f7f8f7);
 position:relative;overflow:hidden;padding:37px 20px 14px;
}
body.public-site .ga-web-stock-art:before{
 content:"";height:1px;background:#d4dee0;position:absolute;bottom:33px;left:7%;right:7%;
}
body.public-site .ga-web-stock-art .ga-web-vehicle-svg{
 width:100%;max-width:320px;height:auto;color:#546e7a;filter:drop-shadow(0 9px 8px #29445b1a);
}
body.public-site .ga-web-stock-availability{
 position:absolute;top:15px;left:16px;background:#fff;color:#3d725d;
 border:1px solid #d8e5db;border-radius:30px;font-size:10px;
 padding:5px 10px;font-weight:800;
}
body.public-site .ga-web-stock-copy{padding:23px 23px 25px}
body.public-site .ga-web-overline{
 display:block;font-size:9.5px;font-weight:840;letter-spacing:.12em;
 color:#ad8555;text-transform:uppercase;margin-bottom:7px;
}
body.public-site .ga-web-stock-copy h3{font-size:18px;margin:0 0 14px}
body.public-site .ga-web-stock-details{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
body.public-site .ga-web-stock-details span{
 display:inline-flex;font-size:10.5px;font-weight:700;color:#657f8d;
 border:1px solid #e4ebed;background:#f7faf9;border-radius:7px;padding:4px 8px;
}
body.public-site .ga-web-stock-copy p{font-size:11.8px;color:#738696;margin:0 0 18px;line-height:1.75}
body.public-site .ga-web-stock-copy .ga-web-inline-link{font-size:11px}
body.public-site .ga-web-stock-empty{
 border:1px dashed #d7e2e5;border-radius:18px;background:#fbfcfc;
 text-align:center;padding:48px 27px;max-width:100%;margin:0 auto;
}
body.public-site .ga-web-stock-empty>span{
 font-size:10px;letter-spacing:.13em;font-weight:840;color:#b58956;
}
body.public-site .ga-web-stock-empty h3{font-size:22px;margin:13px 0 11px}
body.public-site .ga-web-stock-empty p{max-width:530px;margin:0 auto 22px;font-size:13px;color:#718795;line-height:1.8}
body.public-site .cms-row .cms-flex{align-items:center;gap:60px}
body.public-site .cms-row .cms-copy{max-width:790px}
body.public-site .cms-row .cms-copy h2{max-width:780px}
body.public-site .cms-row .cms-copy .intro{font-size:14.5px;line-height:1.96;max-width:790px;color:#657c8c}
body.public-site .cms-row .cms-copy .btn{margin-top:15px}
body.public-site .cms-row:nth-child(even){background:#faf9f6!important}
body.public-site .ga-web-portal-cta{
 background:linear-gradient(127deg,#11283b 0%,#1b384f 68%,#132c40 100%);
 color:#fff;padding:94px 0;overflow:hidden;
}
body.public-site .ga-web-portal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}
body.public-site .ga-web-portal-grid h2{font-size:clamp(30px,3.5vw,45px);color:#fff;margin-bottom:19px}
body.public-site .ga-web-portal-grid p:not(.ga-web-kicker){max-width:580px;font-size:14px;color:#c2d4de;line-height:1.9;margin:0 0 25px}
body.public-site .ga-web-portal-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
body.public-site .ga-web-portal-link{font-size:12px;color:#d6bc91!important;font-weight:750}
body.public-site .ga-web-portal-link:hover{color:#fff!important}
body.public-site .ga-web-portal-preview{
 position:relative;max-width:410px;margin-inline:auto;width:100%;background:#fff;
 border:1px solid #dfe8e9;border-radius:16px;padding:20px 22px 30px;
 box-shadow:0 30px 70px #0004;transform:rotate(2deg);
}
body.public-site .ga-web-preview-top{display:flex;gap:5px;border-bottom:1px solid #edf1f2;padding-bottom:13px}
body.public-site .ga-web-preview-top span{height:8px;width:8px;border-radius:50%;background:#e7ddd1}
body.public-site .ga-web-preview-title{height:20px;width:54%;background:#dfebe9;border-radius:6px;margin:26px 0}
body.public-site .ga-web-preview-row{height:37px;background:#f3f6f7;border:1px solid #e9eef0;border-radius:7px;margin:11px 0}
body.public-site .ga-web-preview-row.short{width:74%}
body.public-site .ga-web-preview-badge{font-size:9px;letter-spacing:.07em;font-weight:800;color:#738e97;margin-top:22px}
body.public-site .faq-list{margin-top:35px;max-width:930px}
body.public-site .faq-list details{
 border:1px solid #e4e9ea;background:#fff;border-radius:12px;
 margin-bottom:11px;padding:0;box-shadow:0 6px 19px #203c4f08;overflow:hidden;
}
body.public-site .faq-list summary{
 position:relative;display:block;list-style:none!important;cursor:pointer;
 font-size:13.5px;font-weight:800;color:#29465a;padding:18px 55px 18px 21px;
}
body.public-site .faq-list summary::-webkit-details-marker{display:none}
body.public-site .faq-list summary:after{
 content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
 width:25px;height:25px;display:grid;place-items:center;border-radius:50%;
 background:#f6f0e6;color:#b78956;font-size:19px;font-weight:450;
}
body.public-site .faq-list details[open] summary{background:#fbfaf7}
body.public-site .faq-list details[open] summary:after{content:"−"}
body.public-site .faq-list details p{
 padding:0 21px 21px;margin:0;color:#6b8292;font-size:12.5px;line-height:1.95;
}
body.public-site .ga-web-end-cta{
 background:#f8f6f1;text-align:center;padding:79px 0 85px;
 border-top:1px solid #efe8de;
}
body.public-site .ga-web-end-cta h2{font-size:clamp(30px,3.5vw,42px);margin:0 0 15px}
body.public-site .ga-web-end-cta p:not(.ga-web-kicker){
 font-size:14px;line-height:1.8;color:#6e8191;max-width:550px;margin:0 auto 24px;
}
/* Service detail and CMS content pages */
body.public-site .inner-hero,body.public-site .ga-web-page-hero{
 background:linear-gradient(120deg,#12263a,#224259);
 color:#fff!important;padding:72px 0 78px;position:relative;overflow:hidden;
}
body.public-site .inner-hero:after,body.public-site .ga-web-page-hero:after{
 content:"";position:absolute;right:-10%;top:-40%;width:430px;height:430px;
 border-radius:50%;border:1px solid #ffffff19;box-shadow:0 0 0 85px #ffffff06;pointer-events:none;
}
body.public-site .inner-hero h1,body.public-site .ga-web-page-hero h1{
 color:#fff!important;font-size:clamp(33px,4vw,51px);max-width:920px;margin:8px 0 14px;
}
body.public-site .inner-hero p,body.public-site .ga-web-page-hero>div>p:not(.ga-web-kicker){
 font-size:14px;color:#c7d7e1;max-width:830px;line-height:1.9;margin:0;
}
body.public-site .inner-hero .eyebrow{color:#e2bd8f}
body.public-site .ga-web-page-hero .ga-web-kicker{color:#e5c497!important}
body.public-site .ga-web-breadcrumb{display:flex;gap:9px;align-items:center;color:#b8ceda;font-size:11px;margin-top:27px}
body.public-site .ga-web-breadcrumb a{color:#e1c397!important}
body.public-site .content-page.rich-content{
 padding:62px 0 90px;width:min(920px,calc(100% - 48px));
 font-size:15px;line-height:1.95;color:#435d6e;min-height:0;
}
body.public-site .content-page.rich-content h2{
 font-size:clamp(21px,2vw,28px);margin:38px 0 15px;
 border-bottom:1px solid #e8edef;padding-bottom:12px;color:#203c50;
}
body.public-site .content-page.rich-content h3{font-size:19px;margin:27px 0 11px;color:#324b5e}
body.public-site .content-page.rich-content p{margin:0 0 17px;line-height:1.95}
body.public-site .content-page.rich-content li{margin:0 0 11px;padding-left:4px}
body.public-site .content-page.rich-content ul{padding-left:24px;margin:0 0 23px}
body.public-site .content-page.rich-content strong{color:#203d50}
body.public-site .content-page.rich-content a{text-decoration:underline;text-underline-offset:4px}
body.public-site .public-section .content-page:not(.rich-content){line-height:1.95;color:#456071}
body.public-site .service-hero{box-shadow:0 15px 35px #152f3915;border-radius:15px}
/* Contact & service forms */
body.public-site .contact-form{
 border:1px solid #e4e9ea;background:#fff;max-width:980px;
 margin:30px 0 0;padding:36px;box-shadow:0 18px 55px #17384710;border-radius:17px;
}
body.public-site .contact-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.public-site .contact-form .form-field{margin-bottom:18px;gap:8px}
body.public-site .contact-form .form-field>span{
 font-size:12px;color:#415b6d;letter-spacing:0;text-transform:none;
}
body.public-site input:not([type=checkbox]),body.public-site textarea,body.public-site select{
 border:1px solid #d8e2e7;border-radius:10px;
 padding:12px 14px;min-height:48px;background:#fff;color:#263e51;
 box-shadow:none;font-size:13px;
}
body.public-site input:not([type=checkbox]):focus,body.public-site textarea:focus,
body.public-site select:focus{
 border-color:#c49a63;box-shadow:0 0 0 4px #ecd9bf5c;
}
body.public-site textarea{min-height:155px;resize:vertical}
body.public-site .contact-form .btn{margin-top:12px}
/* Live catalogue listing */
body.public-site .ga-web-catalogue .public-section{padding-top:66px;padding-bottom:78px}
body.public-site .ga-web-catalogue-head{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:31px}
body.public-site .ga-web-catalogue-head h2{font-size:27px;margin:0 0 8px}
body.public-site .ga-web-catalogue-head p{max-width:660px;font-size:12.5px;color:#6f8594;margin:0}
body.public-site .ga-web-filter{display:flex;gap:7px;align-items:end;flex-wrap:wrap}
body.public-site .ga-web-filter label{font-size:11px;font-weight:770;color:#566b7c;width:100%}
body.public-site .ga-web-filter select{width:min(250px,60vw);min-height:42px;font-size:12px;padding:8px 10px}
body.public-site .ga-web-filter button{
 min-height:42px;border:1px solid #17384d;background:#17384d;color:#fff;
 font-size:11px;font-weight:800;padding:9px 15px;border-radius:9px;
}
body.public-site .ga-web-filter button:hover{background:#315069}
body.public-site .ga-web-pagination{display:flex;gap:12px;justify-content:center;margin-top:33px}
body.public-site .ga-web-pagination a{display:inline-flex;padding:10px 16px;border:1px solid #dfe8e8;border-radius:9px;font-size:12px;font-weight:800;color:#506878}
body.public-site .ga-web-catalogue-note{
 margin-top:27px;padding:18px 22px;background:#fbf8f2;border:1px solid #e8ddca;
 color:#78664e;font-size:12px;line-height:1.75;border-radius:12px;
}
body.public-site .ga-web-catalogue-note strong{color:#745433}
/* Footer, intentionally compact but complete */
body.public-site .site-footer{
 background:#122539!important;color:#c4d3db!important;padding-top:72px;
 border-top:5px solid #bf905b;
}
body.public-site .footer-columns{
 display:grid!important;grid-template-columns:minmax(235px,1.4fr) repeat(3,minmax(145px,1fr))!important;
 gap:38px!important;align-items:start!important;
}
body.public-site .footer-columns>div{display:flex;flex-direction:column;gap:10px;min-width:0}
body.public-site .footer-brand strong{
 font-size:23px!important;font-weight:850;color:#fff!important;letter-spacing:-.03em;
}
body.public-site .footer-brand p{
 font-size:12px!important;color:#a9bfcb!important;
 max-width:320px;line-height:1.9;margin:6px 0 0;
}
body.public-site .footer-logo{max-width:150px;max-height:64px;width:auto;margin-bottom:10px}
body.public-site .footer-columns b{
 color:#ebcd9d!important;font-size:10.5px!important;
 font-weight:850;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px;
}
body.public-site .footer-columns a,body.public-site .footer-columns span{
 color:#beced8!important;font-size:12px!important;line-height:1.65;
 text-decoration:none!important;overflow-wrap:anywhere;
}
body.public-site .footer-columns a:hover{color:#edc995!important}
body.public-site .site-footer .copyright{
 color:#93a8b7!important;font-size:10.5px!important;margin-top:51px;padding:22px 0;
 border-top:1px solid #ffffff1e;
}
/* Responsive header and layout */
@media(max-width:1200px){
 body.public-site .site-header .public-wrap{gap:12px}
 body.public-site .site-header nav a{font-size:11px;padding-inline:8px}
 body.public-site .site-brand{min-width:175px}
 body.public-site .cms-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1020px){
 body.public-site .site-header .public-wrap{
  position:relative;min-height:73px;flex-direction:row!important;
  align-items:center;justify-content:space-between;flex-wrap:nowrap!important;
  padding:10px 0!important;
 }
 body.public-site .site-brand{max-width:calc(100% - 120px);min-width:0}
 body.public-site .public-nav-toggle{display:inline-flex!important;flex:0 0 auto}
 body.public-site .site-header nav{
  display:none!important;position:absolute;top:calc(100% + 2px);left:0;right:0;
  width:100%;max-height:min(75dvh,650px);overflow-y:auto;
  background:#fff;padding:11px;z-index:90;
  flex-direction:column;align-items:stretch;gap:4px;
  border:1px solid #e5eaee;border-radius:13px;box-shadow:0 22px 55px #16304124;
 }
 body.public-site .site-header nav.is-open{display:flex!important}
 body.public-site .site-header nav a{display:flex!important;justify-content:flex-start;padding:12px 14px!important;font-size:13px!important;white-space:normal}
 body.public-site .site-header nav a[href*="customer/login"]{margin:7px 0 2px!important;justify-content:center!important}
 body.public-site .ga-web-hero-grid{grid-template-columns:1fr .8fr;gap:10px}
 body.public-site .ga-web-hero h1{font-size:clamp(37px,4.6vw,52px)}
 body.public-site .ga-web-intro-grid{gap:35px}
 body.public-site .ga-web-portal-grid{gap:35px}
 body.public-site .ga-web-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.public-site .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:33px!important}
}
@media(max-width:800px){
 body.public-site .ga-web-home .ga-web-hero{min-height:0}
 body.public-site .ga-web-hero-grid{grid-template-columns:1fr;padding-top:65px;padding-bottom:74px}
 body.public-site .ga-web-hero-copy{position:relative;z-index:2}
 body.public-site .ga-web-hero-visual{display:none}
 body.public-site .ga-web-hero h1{font-size:clamp(40px,7vw,60px);max-width:660px}
 body.public-site .ga-web-hero-copy>p{max-width:650px}
 body.public-site .ga-web-path-grid{grid-template-columns:1fr;gap:11px}
 body.public-site .ga-web-pathway{margin-top:-21px}
 body.public-site .ga-web-intro{padding-top:75px}
 body.public-site .ga-web-intro-grid{grid-template-columns:1fr;gap:24px}
 body.public-site .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.public-site .cms-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.public-site .ga-web-portal-grid{grid-template-columns:1fr;gap:28px}
 body.public-site .ga-web-portal-preview{max-width:420px;margin-inline:0;transform:none}
 body.public-site .public-section{padding-top:66px;padding-bottom:66px}
 body.public-site .contact-form .form-grid{grid-template-columns:1fr;gap:0}
}
@media(max-width:560px){
 body.public-site .public-wrap{width:calc(100% - 32px)!important}
 body.public-site .public-announcement{font-size:10px;padding:7px 14px}
 body.public-site .site-header .public-wrap{min-height:65px!important}
 body.public-site .site-brand b{font-size:16px}
 body.public-site .site-brand .brand-emblem{height:38px;width:38px;font-size:12px}
 body.public-site .public-nav-toggle{font-size:11px;min-width:92px;height:39px;padding:7px 9px}
 body.public-site .ga-web-hero-grid{padding-top:55px;padding-bottom:70px}
 body.public-site .ga-web-hero h1{font-size:clamp(37px,9vw,52px);margin-bottom:18px}
 body.public-site .ga-web-hero-copy>p{font-size:13.5px;line-height:1.83;margin-bottom:24px}
 body.public-site .ga-web-hero-label{font-size:9px;line-height:1.5;margin-bottom:18px}
 body.public-site .ga-web-hero-actions{flex-direction:column;align-items:stretch}
 body.public-site .ga-web-hero-actions .ga-web-btn{width:100%}
 body.public-site .ga-web-hero-points{gap:8px 14px;margin-top:25px}
 body.public-site .ga-web-hero-points span{font-size:10px}
 body.public-site .ga-web-path-card{padding:16px}
 body.public-site .ga-web-intro h2{font-size:30px}
 body.public-site .ga-web-intro-steps{padding:10px 19px}
 body.public-site .feature-grid{grid-template-columns:1fr}
 body.public-site .cms-services-grid{grid-template-columns:1fr}
 body.public-site .ga-web-stock-grid{grid-template-columns:1fr}
 body.public-site .ga-web-section-head{align-items:flex-start}
 body.public-site .ga-web-section-head .ga-web-btn{width:100%}
 body.public-site .ga-web-portal-cta{padding:65px 0}
 body.public-site .ga-web-portal-preview{display:none}
 body.public-site .ga-web-page-hero,body.public-site .inner-hero{padding:50px 0 55px}
 body.public-site .inner-hero h1,body.public-site .ga-web-page-hero h1{font-size:34px}
 body.public-site .content-page.rich-content{width:calc(100% - 32px);padding-top:38px;padding-bottom:65px;font-size:14px}
 body.public-site .content-page.rich-content h2{font-size:22px;margin-top:28px}
 body.public-site .contact-form{padding:22px}
 body.public-site .ga-web-catalogue-head{align-items:flex-start}
 body.public-site .ga-web-filter{width:100%}
 body.public-site .ga-web-filter select{flex:1;width:auto;min-width:0}
 body.public-site .footer-columns{grid-template-columns:1fr!important;gap:30px!important}
 body.public-site .site-footer{padding-top:55px}
 body.public-site .site-footer .copyright{margin-top:36px}
}
@media(prefers-reduced-motion:reduce){
 body.public-site *,body.public-site *:before,body.public-site *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{
 body.public-site .public-nav-toggle,body.public-site .site-header nav,body.public-site .ga-web-pathway{display:none!important}
 body.public-site .ga-web-hero{background:#fff!important;color:#000!important}
 body.public-site .ga-web-hero h1{color:#000!important}
}


/* Reflow CMS footer links after accessible grouping enhancement. */
body.public-site .footer-columns.ga-web-footer-organised{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:36px 38px!important;
}
body.public-site .footer-columns.ga-web-footer-organised>.footer-brand{grid-column:span 1}
body.public-site .footer-columns .ga-web-footer-cluster{
 display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;
}
body.public-site .footer-columns .ga-web-footer-cluster b{
 color:#ebcd9d!important;font-size:10.5px!important;
 font-weight:850;letter-spacing:.14em;margin-bottom:7px;
}
body.public-site .footer-columns .ga-web-footer-cluster a{
 color:#beced8!important;font-size:12px!important;line-height:1.65;
 text-decoration:none!important;overflow-wrap:anywhere;
}
body.public-site .footer-columns .ga-web-footer-cluster a:hover{color:#edc995!important}
@media(max-width:1020px){
 body.public-site .footer-columns.ga-web-footer-organised{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:560px){
 body.public-site .footer-columns.ga-web-footer-organised{
  grid-template-columns:1fr!important;
 }
}
/* Final readability & imagery disclosure refinements */
body.public-site .ga-web-visual-orbit-two{box-shadow:0 0 0 40px rgba(255,255,255,.024)}
body.public-site .ga-web-stock-art:after{content:"Illustrative graphic";position:absolute;right:13px;bottom:7px;font-size:9px;letter-spacing:.06em;color:#8fa0a7;font-weight:700}
@media(max-width:560px){body.public-site .ga-web-hero-visual{display:none!important}}