:root{--gold:#d59600;--gold2:#f5b31a;--dark:#070b0d;--ink:#111;--muted:#61666c;--line:#eadfca;--soft:#fff8ec;--panel:#ffffff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}a{text-decoration:none;color:inherit}.container{width:min(1240px,92vw);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee;box-shadow:0 8px 24px rgba(0,0,0,.06)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:64px;height:auto}.brand b{font-family:Georgia,serif;font-size:28px;letter-spacing:.4px;display:block}.brand span{color:var(--gold);font-size:14px}.menu{display:flex;gap:34px;font-weight:800;font-size:14px}.menu a{padding:31px 0 24px;border-bottom:3px solid transparent}.menu a.active,.menu a:hover{color:var(--gold);border-color:var(--gold)}.call{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;padding:13px 21px;border-radius:8px;font-weight:900;box-shadow:0 10px 24px rgba(213,150,0,.25)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:8px;padding:13px 24px;border:1px solid transparent;font-weight:900;cursor:pointer}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff}.btn-outline{border-color:var(--gold);color:#be8000;background:#fff}.wide{width:100%}.hero{color:#fff;background:radial-gradient(circle at 82% 10%,rgba(213,150,0,.28),transparent 30%),linear-gradient(90deg,rgba(2,5,7,.98),rgba(7,9,10,.92)),url('../assets/hero-bg.jpg') center/cover no-repeat;padding:42px 0 52px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;left:-170px;bottom:-225px;width:420px;height:420px;border:38px solid rgba(213,150,0,.78);border-radius:50%;opacity:.9}.hero-grid{position:relative;display:grid;grid-template-columns:.86fr 1.72fr;gap:34px;align-items:center}.hero h1{font-size:46px;line-height:1.06;margin:0 0 17px;text-transform:uppercase;letter-spacing:.2px}.hero h1 span{display:block;color:var(--gold2)}.hero h1 em{display:block;font-style:normal;color:#fff}.markline{width:390px;max-width:90%;height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:18px 0;position:relative}.markline:after{content:"✦";position:absolute;left:52%;top:-12px;color:var(--gold)}.hero p{font-size:17px;line-height:1.65;max-width:600px;font-weight:500}.badges{display:grid;grid-template-columns:repeat(2,max-content);gap:17px 22px;margin:25px 0}.badge{display:flex;align-items:center;gap:10px;border-right:1px solid rgba(213,150,0,.55);padding-right:18px;font-size:12px;text-transform:uppercase;font-weight:900}.badge b{font-size:25px;color:var(--gold);min-width:30px;text-align:center}.hero-products{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));gap:14px;align-items:stretch}.home-cat-card{background:#fff;color:#111;border:1px solid rgba(213,150,0,.95);border-radius:13px;overflow:hidden;text-align:center;box-shadow:0 24px 38px rgba(0,0,0,.34);display:flex;flex-direction:column;min-height:288px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;position:relative}.home-cat-visual{height:154px;background:#0d1214;border-bottom:1px solid rgba(213,150,0,.38);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.home-cat-visual img{width:100%;height:100%;object-fit:cover;display:block;padding:0;filter:saturate(.96) contrast(1.04)}.home-cat-card:hover{transform:translateY(-6px);box-shadow:0 30px 48px rgba(0,0,0,.42);border-color:var(--gold2)}.home-cat-card:hover h3{color:#b77b00}.home-cat-body{padding:18px 14px 17px;display:flex;flex-direction:column;flex:1;position:relative}.home-cat-body h3{font-family:Inter,Arial,sans-serif;text-transform:uppercase;font-size:19px;line-height:1.12;margin:4px 0 10px;letter-spacing:.2px}.home-cat-body p{font-size:13px;color:#222;line-height:1.45;margin:0;min-height:58px;padding-right:12px}.card-arrow{position:absolute;right:13px;bottom:13px;color:#be8000;font-size:20px;font-weight:900}.home-cat-card:after{content:'Click for details';position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,rgba(213,150,0,.9),rgba(245,179,26,.9));color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;padding:6px;transform:translateY(-100%);transition:transform .2s ease}.home-cat-card:hover:after{transform:translateY(0)}.section{padding:55px 0}.about{display:grid;grid-template-columns:1.06fr 1.72fr;gap:42px}.kicker{color:var(--gold);text-transform:uppercase;font-weight:900;letter-spacing:.8px}.about h2,.section h2{font-size:36px;line-height:1.12;margin:8px 0}.about h2 span{color:var(--gold)}.about p{line-height:1.65;color:#222}.impact{font-weight:900;color:var(--gold)!important;font-size:17px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pillar{border-left:1px solid var(--line);padding:22px 24px;text-align:center}.pillar i{font-style:normal;font-size:44px;color:var(--gold);display:block}.pillar h3{font-family:Inter,Arial,sans-serif;text-transform:uppercase;font-size:15px}.pillar p{font-size:14px;color:#222}.stats{background:linear-gradient(135deg,#bd7e00,var(--gold2));color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:center}.stat{border-right:1px solid rgba(255,255,255,.45);padding:15px 20px}.stat:last-child{border:0}.stat b{display:block;font-family:Georgia,serif;font-size:30px}.footer-cta{background:#0c1113;color:#fff;padding:28px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1.45fr auto;gap:30px;align-items:center}.footer-grid h2{font-size:24px;margin:0}.page-hero{background:linear-gradient(rgba(5,7,9,.86),rgba(5,7,9,.9)),url('../assets/hero-bg.jpg') center/cover no-repeat;color:#fff;text-align:center;padding:54px 0}.page-hero h1{font-size:46px;margin:0;text-transform:uppercase}.page-hero h1 span{color:var(--gold2)}.page-hero p{font-size:17px;line-height:1.5}.crumb{background:#121719;color:#fff;padding:14px 0}.toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:15px}.toolbar.no-margin{margin-bottom:16px}.toolbar select,.search{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.product-band{background:linear-gradient(#fff,#fff8ec)}.catalog-section{margin:0 0 34px}.catalog-head{border-left:5px solid var(--gold);padding-left:16px;margin-bottom:16px}.catalog-head span{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--gold);letter-spacing:.8px}.catalog-head h2{margin:4px 0 0}.catalog-head p{margin:6px 0 0;color:#555;line-height:1.5}.catalog-name em{display:block;font-style:normal;color:#555;margin-top:5px;font-size:13px;font-weight:700}.catalog-list{display:grid;gap:10px}.catalog-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:1.1fr 1fr 1.2fr .8fr 1.7fr;gap:16px;align-items:start;box-shadow:0 10px 26px rgba(0,0,0,.04)}.catalog-row:hover{border-color:rgba(213,150,0,.65);box-shadow:0 14px 34px rgba(0,0,0,.07)}.catalog-name b{font-family:Georgia,serif;font-size:24px;display:block}.catalog-name small{color:var(--gold);font-weight:900}.catalog-row span{display:block;font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:900;letter-spacing:.5px;margin-bottom:5px}.catalog-row p{margin:0;line-height:1.45;font-size:14px}.catalog-grade p{font-weight:600}.catalog-note{background:#111719;color:#fff;border-radius:12px;padding:20px;margin-top:16px}.catalog-note b{color:var(--gold2)}.enquiry-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:28px;align-items:start}.rate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.rate-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.06);display:grid;grid-template-columns:190px 1fr;min-height:254px}.rate-visual{background:#0d1214;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(213,150,0,.35);overflow:hidden}.rate-visual img{width:100%;height:100%;object-fit:cover;display:block}.rate-body{padding:18px;display:flex;flex-direction:column}.rate-body h3{font-size:24px;margin:0 0 10px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec-grid div{background:#fff9ed;border:1px solid #f0e1bf;border-radius:8px;padding:8px}.spec-grid span{display:block;font-size:10px;color:#7b6a4d;text-transform:uppercase;font-weight:900;margin-bottom:4px}.spec-grid b{font-size:12px;line-height:1.3}.price-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;background:#111719;color:#fff;border-radius:9px;padding:11px}.price-line strong{color:var(--gold2);font-size:18px}.price-line small{font-weight:800}.formbox{border:1px solid var(--line);border-radius:14px;background:#fff;padding:27px;box-shadow:0 14px 36px rgba(0,0,0,.08);position:sticky;top:102px}.formbox h2{font-size:26px;margin-top:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formbox label{font-weight:800;font-size:13px}.formbox input,.formbox select,.formbox textarea{width:100%;border:1px solid #d9d9d9;border-radius:7px;padding:12px;margin-top:6px}.full{grid-column:1/-1}.formbox textarea{min-height:112px}.consent{display:flex;gap:8px;align-items:center}.consent input{width:auto;margin:0}.notice{background:#fff4d7;border:1px solid #e6c16b;border-radius:10px;padding:13px;margin:15px 0;color:#553b00}.contact-strip{background:#0c1113;color:#fff;border-radius:10px;padding:22px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:center}.admin-wrap{min-height:100vh;background:#f7f3ea;padding:28px}.login,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 16px 38px rgba(0,0,0,.08);width:min(1280px,96%);margin:18px auto}.login{width:min(430px,94%)}.login input,.setting-grid input{width:100%;padding:12px;margin:8px 0 14px;border:1px solid #ddd;border-radius:8px}.setting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.admin-table-wrap{overflow:auto;max-height:62vh;border:1px solid #eee}.admin-table{min-width:1700px;border-collapse:collapse;font-size:12px}.admin-table th{background:#111;color:#fff;position:sticky;top:0}.admin-table th,.admin-table td{border:1px solid #e5e5e5;padding:7px;vertical-align:top}.admin-table input,.admin-table select{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}.image-options{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:12px 0 26px}.image-options span{border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px;text-align:center;font-weight:900}.image-options img{height:84px;width:100%;object-fit:cover;background:#0d1214;border-radius:8px}.image-options code{font-size:10px;color:#826000;word-break:break-all}.sub{color:var(--muted);font-size:13px;margin:0}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.phase{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff}.phase b{color:var(--gold)}@media(max-width:1180px){.hero-grid,.about,.enquiry-layout{grid-template-columns:1fr}.hero-products{grid-template-columns:repeat(3,1fr)}.rate-grid{grid-template-columns:1fr}.menu{display:none}.catalog-row{grid-template-columns:1fr 1fr}.stats-grid,.contact-strip,.setting-grid,.image-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav{min-height:auto;padding:12px 0}.brand b{font-size:22px}.call{display:none}.hero{padding:34px 0}.hero h1,.page-hero h1{font-size:33px}.hero-products,.pillars,.stats-grid,.contact-strip,.formgrid,.footer-grid,.setting-grid,.image-options{grid-template-columns:1fr}.home-cat-card{min-height:auto}.home-cat-visual{height:210px}.badges{grid-template-columns:1fr 1fr}.section{padding:38px 0}.catalog-row{grid-template-columns:1fr}.rate-card{grid-template-columns:1fr}.rate-visual{height:230px;border-right:0;border-bottom:1px solid rgba(213,150,0,.35)}}

/* Customer correction: real product photography, clean clickable cards, no bottom CTA button */
.hero-products{grid-template-columns:repeat(5,minmax(150px,1fr));gap:15px;align-items:stretch}.home-cat-card{min-height:276px;border-radius:12px;overflow:hidden;background:#fff;position:relative;isolation:isolate}.home-cat-visual{height:154px;background:#080d10;overflow:hidden;position:relative}.home-cat-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16));pointer-events:none}.home-cat-visual img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;padding:0;filter:contrast(1.05) saturate(1.02)}.home-icon{position:absolute;left:50%;top:127px;transform:translateX(-50%);width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));border:6px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.22);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;z-index:3}.home-cat-body{padding:42px 15px 18px;min-height:122px}.home-cat-body h3{font-size:19px;margin:0 0 10px}.home-cat-body p{font-size:13px;line-height:1.42;min-height:0;padding:0 16px 0 0}.card-arrow{right:12px;bottom:12px}.home-cat-card:after{display:none!important}.rate-visual img,.image-options img{object-fit:cover;object-position:center center}.rate-card{grid-template-columns:200px 1fr}.rate-visual{min-height:255px}.rate-body h3{font-family:Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.2px}@media(max-width:1180px){.hero-products{grid-template-columns:repeat(3,1fr)}.home-icon{top:155px}.home-cat-visual{height:182px}}@media(max-width:700px){.hero-products{grid-template-columns:1fr}.home-cat-visual{height:210px}.home-icon{top:182px}.home-cat-body{padding-top:44px}.rate-card{grid-template-columns:1fr}.rate-visual{height:230px;min-height:230px}}

/* Refined homepage product cards: real photographs + clean gold product icons */
.home-icon{font-size:0!important;}
.home-icon svg{width:34px;height:34px;display:block;stroke:#fff;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.home-cat-card[href]{display:flex;}
.home-cat-card:focus{outline:3px solid var(--gold2);outline-offset:3px;}
.home-cat-visual img{object-fit:cover;object-position:center center;}
.home-cat-card[data-product="Angles"] .home-cat-visual img{object-position:center 42%;}

/* Final homepage refinements */
.hero-grid{grid-template-columns:.82fr 1.88fr;gap:42px;align-items:center}
.hero-side{display:flex;flex-direction:column;gap:24px;align-self:center}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 4px;margin-top:6px}
.hero-btn{min-height:66px;font-size:18px;border-radius:12px;letter-spacing:.2px;box-shadow:0 14px 28px rgba(0,0,0,.26);text-transform:uppercase}
.hero-btn span{font-size:24px;line-height:1}
.hero-actions .btn-outline{background:rgba(255,255,255,.96);border:2px solid var(--gold);color:#b77b00}
.hero-actions .btn-gold{border:2px solid rgba(255,255,255,.12)}
.hero h1{font-size:44px;line-height:1.05}
.hero p{max-width:570px}
.home-cat-visual img{object-position:center center}
.home-cat-card[data-product="Angles"] .home-cat-visual img{object-position:center 48%}
.home-cat-card[data-product="Sheets / Plates"] .home-cat-visual img{object-position:center 48%}
@media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.hero-side{gap:20px}.hero-actions{max-width:760px}.hero-btn{min-height:60px}.hero h1{font-size:41px}}
@media(max-width:700px){.hero-actions{grid-template-columns:1fr;gap:12px}.hero-btn{font-size:16px;min-height:58px}.hero h1{font-size:34px}}

/* Requested homepage refinements: smaller angle image + larger CTA buttons aligned with product tiles */
.hero-side{align-items:stretch;}
.hero-actions{width:100%;padding:0;margin-top:28px;gap:28px;align-items:stretch;}
.hero-btn{min-height:82px;font-size:20px;border-radius:16px;justify-content:center;box-shadow:0 18px 34px rgba(0,0,0,.32);}
.hero-btn span{font-size:28px;margin-left:6px;}
.home-cat-card[data-product="Angles"] .home-cat-visual{padding:18px 20px;background:#090f12;}
.home-cat-card[data-product="Angles"] .home-cat-visual img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;border-radius:8px;}
@media(max-width:1180px){.hero-actions{max-width:none;margin-top:18px}.hero-btn{min-height:72px}}
@media(max-width:700px){.hero-actions{gap:14px;margin-top:16px}.hero-btn{min-height:64px;font-size:17px}}

/* Final visual refinement: cleaner hero curve, highlighted service points, balanced about section */
.hero{padding:44px 0 58px;background:radial-gradient(circle at 78% 2%,rgba(213,150,0,.34),transparent 26%),linear-gradient(90deg,rgba(2,5,7,.98),rgba(7,9,10,.93)),url('../assets/hero-bg.jpg') center/cover no-repeat;}
.hero:before{left:-240px;bottom:-265px;width:520px;height:520px;border:0;border-radius:50%;background:radial-gradient(circle,transparent 0 54%,rgba(213,150,0,.72) 55% 63%,transparent 64%);opacity:.85;z-index:0;}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(213,150,0,.75),transparent);z-index:1;}
.hero-grid{z-index:2;}
.badges{grid-template-columns:repeat(2,minmax(190px,1fr));gap:13px;margin-top:27px;max-width:510px;position:relative;z-index:3;}
.badge{min-height:72px;border:1px solid rgba(213,150,0,.42);border-right:1px solid rgba(213,150,0,.42);border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(213,150,0,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.22);backdrop-filter:blur(3px);font-size:12px;line-height:1.2;letter-spacing:.2px;color:#fff;}
.badge-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;background:rgba(213,150,0,.16);border:1px solid rgba(245,179,26,.55);color:var(--gold2);}
.badge-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.badge b{display:none;}
.about{grid-template-columns:1.02fr 1.56fr;gap:48px;align-items:stretch;}
.about-copy{background:linear-gradient(180deg,#fff,#fffaf1);border:1px solid #f0e3c9;border-radius:18px;padding:30px 32px;box-shadow:0 18px 44px rgba(0,0,0,.055);}
.about-copy h2{margin-bottom:20px;}
.about-copy p{font-size:15.6px;line-height:1.72;margin:0 0 18px;}
.pillars{grid-template-columns:repeat(2,1fr);gap:18px;height:100%;align-content:stretch;}
.pillar{border:1px solid #ecd9b4;border-left:4px solid var(--gold);border-radius:18px;padding:24px 22px;text-align:left;background:linear-gradient(145deg,#fff,#fff8ec);box-shadow:0 16px 36px rgba(0,0,0,.055);display:flex;flex-direction:column;justify-content:center;min-height:220px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.pillar:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(0,0,0,.085);border-color:rgba(213,150,0,.65);}
.pillar i{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 12px 22px rgba(213,150,0,.26);}
.pillar i svg{width:34px;height:34px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.pillar h3{font-size:15.5px;margin:0 0 10px;letter-spacing:.35px;}
.pillar p{font-size:14.3px;line-height:1.62;margin:0;color:#333;}
.impact{margin-top:20px!important;padding:14px 16px;border-radius:12px;background:#fff2d2;border:1px solid #f1d187;}
@media(max-width:1180px){.badges{grid-template-columns:repeat(2,1fr);max-width:none}.about{grid-template-columns:1fr}.pillars{grid-template-columns:repeat(2,1fr)}.pillar{min-height:190px}}
@media(max-width:700px){.badges,.pillars{grid-template-columns:1fr}.about-copy{padding:24px 20px}.pillar{min-height:auto}.hero:before{left:-280px;bottom:-300px}}

/* FINAL CONTENT + VISUAL POLISH */
.topbar .brand img{width:78px;max-height:72px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(213,150,0,.18));}
.topbar .brand{gap:10px;}
.topbar .brand b{font-size:30px;line-height:.95;}
.topbar .brand span{font-size:14.5px;}
.hero{background:radial-gradient(circle at 82% 10%,rgba(245,179,26,.20),transparent 32%),linear-gradient(90deg,rgba(2,5,7,.99) 0%,rgba(4,7,8,.96) 38%,rgba(6,8,8,.86) 100%),url('../assets/hero-bg-clean.jpg') center/cover no-repeat!important;}
.hero:before{left:-250px;bottom:-310px;width:590px;height:590px;background:radial-gradient(circle,transparent 0 55%,rgba(213,150,0,.45) 56% 61%,rgba(245,179,26,.17) 62% 67%,transparent 68%);opacity:.95;}
.hero h1{font-size:48px;line-height:1.08;}
.hero h1 span{color:var(--gold2)}
.hero h1 em{color:#fff;}
.hero p{font-size:17.5px;line-height:1.65;font-weight:650;}
.badges{grid-template-columns:repeat(2,minmax(205px,1fr));}
.badge{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(213,150,0,.16));border-color:rgba(245,179,26,.50);box-shadow:0 14px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.10);}
.badge-icon{background:linear-gradient(135deg,rgba(213,150,0,.50),rgba(245,179,26,.22));border-color:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.about{grid-template-columns:1.15fr 1.45fr;gap:34px;align-items:stretch;}
.about-copy{padding:28px 30px;background:linear-gradient(180deg,#fffdf8,#fff8eb);border:1px solid #edd8ad;box-shadow:0 18px 45px rgba(124,82,0,.10);}
.about-copy h2{display:block;background:linear-gradient(135deg,#fff0c8 0%,#fff9ec 46%,#ffffff 100%);border:1px solid #efca74;border-left:6px solid var(--gold);border-radius:16px;padding:18px 20px;margin:4px 0 22px;box-shadow:0 12px 30px rgba(213,150,0,.10);}
.about-copy h2 span{color:var(--gold);}
.about-copy p{font-size:15px;line-height:1.62;margin-bottom:13px;}
.impact{font-size:17px!important;color:#6d4900!important;font-weight:950;background:linear-gradient(135deg,#ffe8a7,#fff8e6)!important;border-color:#e8bd4a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);}
.pillars{grid-template-columns:repeat(2,1fr);gap:18px;align-content:stretch;}
.pillar{justify-content:flex-start;min-height:255px;padding:22px 20px;background:linear-gradient(145deg,#fff,#fff7e9);border:1px solid #e8d1a2;border-left:5px solid var(--gold);}
.pillar i{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#b97800 0%,#f0ad18 55%,#ffd465 100%);box-shadow:0 12px 26px rgba(213,150,0,.30);}
.pillar h3{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px;text-transform:uppercase;font-weight:950;color:#111;}
.pillar p{font-size:13.8px;line-height:1.55;margin-bottom:8px;}
.stats{background:linear-gradient(100deg,#8b5d00 0%,#c98a00 26%,#f2af18 52%,#c58400 76%,#7e5200 100%);position:relative;overflow:hidden;}
.stats:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 42%,rgba(255,255,255,.05) 50%,transparent 62%);mix-blend-mode:screen;}
.stats-grid{position:relative;z-index:1;}
.stat{padding:24px 28px;border-left:1px solid rgba(255,255,255,.30);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.03));}
.stat:first-child{border-left:0;}
.stat b{font-size:34px;text-shadow:0 2px 10px rgba(0,0,0,.15);}
@media(max-width:1180px){.topbar .brand img{width:70px}.about{grid-template-columns:1fr}.pillar{min-height:210px}.hero h1{font-size:42px}}
@media(max-width:700px){.topbar .brand img{width:58px}.topbar .brand b{font-size:22px}.about-copy h2{font-size:28px}.pillar{min-height:auto}.hero h1{font-size:34px}.badges{grid-template-columns:1fr}.stat{border-left:0;border-top:1px solid rgba(255,255,255,.25)}}


/* FINAL USER REQUEST FIXES: about section height balance + smooth stats strip */
.about{
  grid-template-columns:1.05fr 1.55fr!important;
  gap:32px!important;
  align-items:stretch!important;
}
.about-copy{
  padding:24px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.about-copy h2{
  padding:15px 18px!important;
  margin:4px 0 18px!important;
}
.about-copy p{
  font-size:14.7px!important;
  line-height:1.55!important;
  margin:0 0 11px!important;
}
.about-copy p:last-child{margin-bottom:0!important;}
.impact{display:none!important;}
.pillars{
  height:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:16px!important;
  align-content:stretch!important;
}
.pillar{
  min-height:0!important;
  height:100%!important;
  padding:18px 18px!important;
  justify-content:flex-start!important;
}
.pillar i{
  width:52px!important;
  height:52px!important;
  margin-bottom:13px!important;
}
.pillar i svg{width:30px!important;height:30px!important;}
.pillar h3{margin:0 0 8px!important;}
.pillar p{
  font-size:13.3px!important;
  line-height:1.48!important;
  margin:0 0 7px!important;
}
.pillar p:last-child{margin-bottom:0!important;}
.stats{
  background:linear-gradient(105deg,#8a5a00 0%,#b87900 22%,#eba512 52%,#c48600 76%,#805300 100%)!important;
}
.stats:before{
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.20) 45%,rgba(255,255,255,.08) 53%,transparent 66%)!important;
  opacity:.65!important;
}
.stat{
  background:transparent!important;
  box-shadow:none!important;
  padding:26px 28px!important;
  border-left:1px solid rgba(255,255,255,.28)!important;
  border-right:0!important;
}
.stat:first-child{border-left:0!important;}
.stat b{font-size:33px!important;}
@media(max-width:1180px){
  .about{grid-template-columns:1fr!important;}
  .pillar{min-height:190px!important;height:auto!important;}
}
@media(max-width:700px){
  .pillars{grid-template-columns:1fr!important;}
  .stat{border-left:0!important;border-top:1px solid rgba(255,255,255,.25)!important;}
}

/* HEADER LOGO FINAL FIX: keep mark fully visible and balanced with text */
.topbar{overflow:visible!important;}
.nav{min-height:92px!important;overflow:visible!important;}
.brand{min-height:86px!important;display:flex!important;align-items:center!important;overflow:visible!important;}
.brand img,.topbar .brand img{width:82px!important;height:70px!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;display:block!important;overflow:visible!important;}
.brand b,.topbar .brand b{font-size:31px!important;line-height:1.02!important;}
.brand span,.topbar .brand span{font-size:14.5px!important;line-height:1.1!important;display:block!important;margin-top:3px!important;}
.menu a{padding:34px 0 28px!important;}
@media(max-width:900px){.nav{min-height:auto!important;}.brand{min-height:76px!important}.brand img,.topbar .brand img{width:68px!important;height:58px!important}.brand b,.topbar .brand b{font-size:24px!important}.menu a{padding:16px 0 12px!important}}

/* HEADER FINAL RECHECK FIX - smaller full logo and closer active underline */
.topbar{
  overflow:hidden!important;
}
.nav{
  min-height:76px!important;
  height:76px!important;
  align-items:center!important;
  overflow:hidden!important;
}
.brand{
  min-height:76px!important;
  height:76px!important;
  align-items:center!important;
  gap:11px!important;
  overflow:visible!important;
}
.brand img,.topbar .brand img{
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  flex:0 0 64px!important;
  margin:0!important;
}
.brand b,.topbar .brand b{
  font-size:29px!important;
  line-height:1!important;
  letter-spacing:.35px!important;
}
.brand span,.topbar .brand span{
  font-size:14px!important;
  line-height:1.05!important;
  margin-top:4px!important;
}
.menu{
  align-items:center!important;
}
.menu a{
  padding:25px 0 10px!important;
  border-bottom-width:2px!important;
  line-height:1!important;
}
.call{
  padding:12px 21px!important;
}
@media(max-width:900px){
  .nav{height:auto!important;min-height:70px!important;overflow:visible!important;}
  .brand{height:auto!important;min-height:68px!important;}
  .brand img,.topbar .brand img{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;flex-basis:54px!important;}
  .brand b,.topbar .brand b{font-size:23px!important;}
  .brand span,.topbar .brand span{font-size:12.5px!important;}
  .menu a{padding:12px 0 7px!important;}
}

/* FINAL ABOUT LAYOUT: clean text + Buy Commodity steel leaf visual */
.topbar{overflow:visible!important;}
.nav{height:78px!important;min-height:78px!important;overflow:visible!important;}
.brand{height:78px!important;min-height:78px!important;align-items:center!important;gap:10px!important;}
.brand img,.topbar .brand img{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important;object-position:center!important;flex:0 0 58px!important;display:block!important;margin:0!important;}
.brand img{content:url('../assets/logo-icon-safe.png');}
.brand b,.topbar .brand b{font-size:29px!important;line-height:1!important;letter-spacing:.25px!important;}
.brand span,.topbar .brand span{font-size:13.6px!important;line-height:1.05!important;margin-top:4px!important;}
.menu a{padding:24px 0 9px!important;border-bottom-width:2px!important;}
.call{padding:12px 20px!important;}

.about-section{padding:42px 0 0!important;background:linear-gradient(180deg,#fff,#fffaf1)!important;}
.about-final{display:grid!important;grid-template-columns:1fr .95fr!important;gap:42px!important;align-items:center!important;}
.about-copy-final{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 34px!important;display:block!important;}
.about-copy-final .kicker{font-size:17px!important;margin-bottom:10px!important;position:relative;}
.about-copy-final .kicker:after{content:"";display:block;width:44px;height:3px;background:var(--gold);margin-top:10px;border-radius:3px;}
.about-copy-final h2{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 24px!important;font-size:43px!important;line-height:1.04!important;}
.about-copy-final h2:after{content:"";display:block;width:46px;height:3px;background:var(--gold);margin-top:16px;border-radius:3px;}
.about-copy-final p{font-size:16.2px!important;line-height:1.52!important;margin:0 0 13px!important;color:#111!important;max-width:690px!important;}
.about-copy-final p b{font-weight:900!important;}
.leaf-visual-wrap{display:flex;align-items:center;justify-content:center;padding:4px 0 18px;}
.leaf-visual{width:min(570px,100%);height:auto;display:block;filter:drop-shadow(0 20px 30px rgba(0,0,0,.14));}
.stats{margin-top:0!important;background:linear-gradient(100deg,#b47600 0%,#df9900 36%,#f2b51d 54%,#c88400 82%,#8b5a00 100%)!important;}
.stats:before{opacity:.42!important;}
.stat{background:transparent!important;border-left:1px solid rgba(255,255,255,.26)!important;padding:24px 26px!important;}
.stat:first-child{border-left:0!important;}
.stat b{font-size:33px!important;}

@media(max-width:1180px){.about-final{grid-template-columns:1fr!important}.leaf-visual{width:min(520px,88vw)}.about-copy-final h2{font-size:38px!important}}
@media(max-width:900px){.nav{height:auto!important;min-height:72px!important}.brand{height:auto!important;min-height:70px!important}.brand img,.topbar .brand img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;flex-basis:52px!important}.brand b,.topbar .brand b{font-size:23px!important}.brand span,.topbar .brand span{font-size:12.5px!important}.menu a{padding:12px 0 7px!important}.about-copy-final h2{font-size:33px!important}.about-copy-final p{font-size:15.2px!important}}


/* AUTHORITATIVE FINAL FIX: original logo, header spacing, and leaf photo visual */
.topbar{overflow:visible!important;background:#fff!important;}
.nav{min-height:84px!important;height:84px!important;display:flex!important;align-items:center!important;overflow:visible!important;}
.brand{height:84px!important;min-height:84px!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important;}
.brand img,.topbar .brand img{content:url('../assets/logo-icon-safe.png')!important;width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important;object-position:center center!important;display:block!important;flex:0 0 58px!important;margin:0!important;}
.brand b,.topbar .brand b{font-size:30px!important;line-height:1!important;letter-spacing:.25px!important;display:block!important;}
.brand span,.topbar .brand span{font-size:14px!important;line-height:1.05!important;margin-top:4px!important;display:block!important;color:#d59600!important;}
.menu a{padding:24px 0 8px!important;border-bottom-width:2px!important;line-height:1!important;}
.call{padding:12px 20px!important;border-radius:8px!important;}
.about-section{padding:42px 0 0!important;background:linear-gradient(180deg,#fff,#fffaf2)!important;overflow:hidden!important;}
.about-final{display:grid!important;grid-template-columns:1fr .92fr!important;gap:42px!important;align-items:center!important;}
.about-copy-final{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 34px!important;display:block!important;}
.about-copy-final .kicker{font-size:17px!important;margin-bottom:12px!important;color:#d59600!important;font-weight:900!important;}
.about-copy-final .kicker:after{content:"";display:block;width:44px;height:3px;background:#d59600;margin-top:10px;border-radius:3px;}
.about-copy-final h2{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 24px!important;font-size:43px!important;line-height:1.04!important;}
.about-copy-final h2 span{color:#d59600!important;}
.about-copy-final h2:after{content:"";display:block;width:46px;height:3px;background:#d59600;margin-top:16px;border-radius:3px;}
.about-copy-final p{font-size:16px!important;line-height:1.54!important;margin:0 0 13px!important;color:#202020!important;max-width:700px!important;}
.leaf-visual-wrap{display:flex!important;align-items:center!important;justify-content:center!important;min-height:500px!important;padding:8px 0 22px!important;}
.leaf-visual{width:min(100%,620px)!important;max-height:520px!important;height:auto!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 24px 32px rgba(0,0,0,.12))!important;}
.stats{background:linear-gradient(105deg,#8a5a00 0%,#b87900 23%,#edae1e 53%,#c48600 77%,#805300 100%)!important;color:#fff!important;position:relative!important;overflow:hidden!important;}
.stats:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.18) 46%,rgba(255,255,255,.06) 55%,transparent 70%);opacity:.62;pointer-events:none;}
.stats-grid{position:relative;z-index:1;}
.stat{background:transparent!important;box-shadow:none!important;border-right:1px solid rgba(255,255,255,.30)!important;border-left:0!important;padding:24px 28px!important;}
.stat:last-child{border-right:0!important;}
.stat b{font-size:34px!important;text-shadow:0 2px 10px rgba(0,0,0,.18)!important;}
@media(max-width:1180px){.about-final{grid-template-columns:1fr!important}.leaf-visual-wrap{min-height:auto!important}.leaf-visual{max-width:560px!important}.nav{height:auto!important;min-height:76px!important}.brand{height:auto!important;min-height:76px!important}.menu a{padding:16px 0 7px!important}}
@media(max-width:700px){.brand img,.topbar .brand img{width:50px!important;height:50px!important;flex-basis:50px!important}.brand b,.topbar .brand b{font-size:23px!important}.brand span,.topbar .brand span{font-size:12px!important}.about-copy-final h2{font-size:34px!important}.about-copy-final p{font-size:14.5px!important}.leaf-visual{max-width:96vw!important}.stats-grid{grid-template-columns:1fr!important}.stat{border-right:0!important;border-top:1px solid rgba(255,255,255,.25)!important}}

/* USER FINAL CORRECTION: safe header logo + correct steel leaf visual */
.topbar{height:78px!important;min-height:78px!important;overflow:visible!important;background:#fff!important;}
.nav{height:78px!important;min-height:78px!important;align-items:center!important;overflow:visible!important;}
.brand{height:78px!important;min-height:78px!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important;padding:0!important;}
.brand img,.topbar .brand img{
  content:none!important;
  width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;flex:0 0 52px!important;
  object-fit:contain!important;object-position:center center!important;display:block!important;margin:0!important;padding:0!important;
}
.brand b,.topbar .brand b{font-size:29px!important;line-height:1!important;letter-spacing:.25px!important;display:block!important;}
.brand span,.topbar .brand span{font-size:13.5px!important;line-height:1.05!important;margin-top:4px!important;color:#d59600!important;display:block!important;}
.menu a{padding:23px 0 8px!important;border-bottom-width:2px!important;line-height:1!important;}
.call{padding:12px 20px!important;}
.about-section{padding:44px 0 0!important;background:linear-gradient(180deg,#fff,#fffaf2)!important;overflow:hidden!important;}
.about-final{display:grid!important;grid-template-columns:1fr .96fr!important;gap:46px!important;align-items:center!important;}
.about-copy-final{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 34px!important;display:block!important;}
.leaf-visual-wrap{display:flex!important;align-items:center!important;justify-content:center!important;min-height:520px!important;padding:0 0 22px!important;}
.leaf-visual{
  width:min(100%,640px)!important;max-height:540px!important;height:auto!important;object-fit:contain!important;display:block!important;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.10))!important;
}
@media(max-width:1180px){.about-final{grid-template-columns:1fr!important}.leaf-visual-wrap{min-height:auto!important}.leaf-visual{max-width:600px!important}.topbar,.nav{height:auto!important;min-height:74px!important}.brand{height:auto!important;min-height:72px!important}}
@media(max-width:700px){.brand img,.topbar .brand img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;flex-basis:48px!important}.brand b,.topbar .brand b{font-size:22px!important}.brand span,.topbar .brand span{font-size:12px!important}.menu a{padding:12px 0 7px!important}.leaf-visual{max-width:96vw!important}}

/* FINAL SEARCH + HEADER LOGO CORRECTION */
.topbar{height:76px!important;min-height:76px!important;overflow:visible!important;background:#fff!important;}
.nav{height:76px!important;min-height:76px!important;overflow:visible!important;align-items:center!important;}
.brand{height:76px!important;min-height:76px!important;gap:12px!important;align-items:center!important;padding-left:4px!important;overflow:visible!important;}
.brand img,.topbar .brand img{
  content:unset!important;
  width:46px!important;height:52px!important;max-width:46px!important;max-height:52px!important;flex:0 0 46px!important;
  object-fit:contain!important;object-position:center center!important;display:block!important;margin:0!important;padding:0!important;
}
.brand b,.topbar .brand b{font-size:28px!important;line-height:1!important;letter-spacing:.25px!important;}
.brand span,.topbar .brand span{font-size:13.2px!important;margin-top:4px!important;}
.menu a{padding:22px 0 8px!important;border-bottom-width:2px!important;}
.call{padding:12px 20px!important;}

.hero-search-panel{margin:20px 0 18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,248,236,.98));border:1px solid rgba(245,179,26,.75);border-radius:16px;padding:18px 18px 16px;box-shadow:0 24px 48px rgba(0,0,0,.28);color:#111;}
.hero-search-title{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:900;color:#111;line-height:1.15;}
.hero-search-title:after{content:"";display:block;width:54px;height:3px;background:var(--gold);border-radius:3px;margin:9px 0 8px;}
.hero-search-sub{font-size:13.5px;color:#4b4b4b;margin-bottom:12px;font-weight:650;}
.hero-search-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;}
.hero-search-row input{height:48px;border:1px solid #e5d1a6;border-radius:10px;padding:0 14px;font-size:14px;outline:none;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
.hero-search-row input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(213,150,0,.16);}
.hero-search-row button{height:48px;border-radius:10px;border:1px solid var(--gold);padding:0 18px;font-weight:900;cursor:pointer;}
#homeSearchBtn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;box-shadow:0 10px 22px rgba(213,150,0,.22);}
#homeSearchClear{background:#fff;color:#a66b00;}
.hero-search-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.hero-search-chips button{border:1px solid #e5c777;background:#fff8e8;color:#6e4a00;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;cursor:pointer;}
.hero-search-chips button:hover{background:#f3ae16;color:#fff;border-color:#f3ae16;}
.hero-search-results{display:none;margin-top:13px;border-top:1px dashed #e3ca91;padding-top:12px;}
.hero-search-results.active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.search-result-card{background:#fff;border:1px solid #ead6aa;border-radius:12px;padding:12px;box-shadow:0 8px 22px rgba(0,0,0,.06);}
.search-result-card h4{margin:0 0 6px;font-size:16px;color:#111;}
.search-result-card p{margin:0 0 8px!important;font-size:12.5px!important;line-height:1.35!important;color:#333!important;font-weight:600!important;}
.search-result-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.search-result-meta span{background:#fff3d6;color:#5e3f00;border:1px solid #efd18a;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:900;}
.search-result-card a{display:inline-flex;align-items:center;gap:7px;color:#b57600;font-weight:900;font-size:13px;}
.search-no-result{grid-column:1/-1;background:#fff;border:1px solid #ead6aa;border-radius:12px;padding:14px;font-weight:750;color:#222;}

@media(max-width:1180px){.hero-search-results.active{grid-template-columns:1fr}.hero-search-row{grid-template-columns:1fr}.hero-search-row button{width:100%}.brand img,.topbar .brand img{width:44px!important;height:50px!important;max-width:44px!important;max-height:50px!important;flex-basis:44px!important}.brand b,.topbar .brand b{font-size:24px!important}}
@media(max-width:700px){.topbar,.nav{height:auto!important;min-height:70px!important}.brand img,.topbar .brand img{width:42px!important;height:46px!important;max-width:42px!important;max-height:46px!important;flex-basis:42px!important}.brand b,.topbar .brand b{font-size:21px!important}.brand span,.topbar .brand span{font-size:11.5px!important}.hero-search-title{font-size:21px}.hero-search-panel{padding:15px}}

/* Requested product tile text and angle image adjustment */
.home-angle-visual img{
  transform:scale(1.18) translateY(4px);
  transform-origin:center center;
  object-position:center 56%;
}
.home-cat-card[data-product="Angles"] .home-cat-body p{
  max-width:150px;
  margin-left:auto;
  margin-right:auto;
}


/* USER REQUEST 2026-07-09: compact hero, refined CTAs, enquiry-on-click, catalogue updates */
.hero{padding-top:26px!important;padding-bottom:34px!important;}
.hero-grid{align-items:start!important;}
.hero-copy{padding-top:0!important;}
.hero h1{margin-top:-4px!important;margin-bottom:10px!important;font-size:45px!important;}
.markline{margin:12px 0 14px!important;}
.hero p{margin-top:0!important;margin-bottom:12px!important;line-height:1.54!important;}
.badges{margin-top:22px!important;margin-bottom:0!important;}
.hero-actions{margin-top:14px!important;gap:16px!important;}
.hero-btn{min-height:58px!important;padding:14px 24px!important;font-size:17px!important;border-radius:13px!important;}
.hero-search-panel{margin:14px 0 12px!important;padding:14px 15px!important;border-radius:14px!important;}
.hero-search-title{font-size:21px!important;}
.hero-search-sub{margin-bottom:9px!important;}
.hero-search-row input,.hero-search-row button{height:42px!important;}
.hero-search-chips{gap:6px!important;margin-top:9px!important;}
.hero-search-chips button{padding:6px 9px!important;font-size:11.5px!important;}
.home-cat-card[data-product="Angles"] .home-cat-visual{padding:7px 8px!important;}
.home-cat-card[data-product="Angles"] .home-cat-visual img{width:112%!important;height:112%!important;object-fit:contain!important;transform:translateY(5px)!important;}
.about-copy-final p{font-size:17.4px!important;line-height:1.58!important;}
.about-copy-final h2{font-size:46px!important;}
.enquiry-layout.enquiry-full{display:block!important;}
.enquiry-full .rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
.enquiry-full .rate-card{grid-template-columns:230px 1fr!important;min-height:286px!important;border-radius:16px!important;}
.enquiry-full .rate-visual{min-height:286px!important;}
.enquiry-full .rate-body{padding:22px!important;}
.enquiry-full .rate-body h3{font-size:26px!important;}
.enquiry-full .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.enquiry-popup{display:none!important;position:relative!important;top:auto!important;margin:30px auto 0!important;width:min(980px,100%)!important;}
.enquiry-popup.active{display:block!important;}
.form-close{position:absolute;right:16px;top:12px;border:0;background:#111;color:#fff;border-radius:50%;width:32px;height:32px;font-size:20px;line-height:30px;cursor:pointer;}
@media(max-width:1180px){.hero h1{font-size:40px!important}.enquiry-full .rate-grid{grid-template-columns:1fr!important}.enquiry-full .rate-card{grid-template-columns:220px 1fr!important}}
@media(max-width:700px){.hero h1{font-size:33px!important}.hero-btn{min-height:54px!important}.enquiry-full .rate-card{grid-template-columns:1fr!important}.enquiry-full .rate-visual{height:230px!important;min-height:230px!important}.about-copy-final p{font-size:15.2px!important}.about-copy-final h2{font-size:34px!important}}

/* USER REQUEST: fit hero product tiles + search within first screen */
@media (min-width:1181px){
  .hero{padding-top:20px!important;padding-bottom:24px!important;min-height:calc(100vh - 82px);display:flex;align-items:flex-start;}
  .hero-grid{grid-template-columns:.72fr 2.05fr!important;gap:28px!important;align-items:start!important;}
  .hero-copy{padding-top:4px!important;}
  .hero h1{font-size:42px!important;line-height:1.02!important;margin-bottom:8px!important;}
  .markline{margin:10px 0 12px!important;}
  .hero p{font-size:15.8px!important;line-height:1.48!important;max-width:510px!important;margin-bottom:10px!important;}
  .badges{grid-template-columns:repeat(2,minmax(168px,1fr))!important;gap:10px 12px!important;margin-top:18px!important;max-width:430px!important;}
  .badge{min-height:58px!important;padding:9px 11px!important;font-size:11px!important;border-radius:12px!important;}
  .badge-icon{width:35px!important;height:35px!important;flex-basis:35px!important;border-radius:10px!important;}
  .badge-icon svg{width:22px!important;height:22px!important;}
  .hero-side{gap:10px!important;}
  .hero-products{grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:12px!important;}
  .home-cat-card{min-height:250px!important;border-radius:12px!important;}
  .home-cat-visual{height:112px!important;}
  .home-icon{width:62px!important;height:62px!important;top:86px!important;border-width:5px!important;}
  .home-icon svg{width:33px!important;height:33px!important;}
  .home-cat-body{padding:39px 12px 14px!important;min-height:138px!important;}
  .home-cat-body h3{font-size:18px!important;line-height:1.05!important;margin-bottom:7px!important;}
  .home-cat-body p{font-size:12.6px!important;line-height:1.33!important;min-height:0!important;padding:0 10px!important;}
  .card-arrow{right:10px!important;bottom:9px!important;font-size:18px!important;}
  .home-cat-card[data-product="Angles"] .home-cat-visual{padding:2px 4px!important;}
  .home-cat-card[data-product="Angles"] .home-cat-visual img{width:122%!important;height:122%!important;object-fit:contain!important;transform:translateY(0)!important;}
  .hero-search-panel{margin:10px 0 8px!important;padding:12px 14px 11px!important;border-radius:13px!important;}
  .hero-search-title{font-size:19px!important;line-height:1.1!important;}
  .hero-search-title:after{margin:6px 0 6px!important;height:2px!important;width:52px!important;}
  .hero-search-sub{font-size:12.5px!important;margin-bottom:8px!important;}
  .hero-search-row input,.hero-search-row button{height:38px!important;font-size:13px!important;}
  .hero-search-row{gap:8px!important;}
  .hero-search-row button{padding:0 14px!important;}
  .hero-search-chips{margin-top:8px!important;gap:5px!important;}
  .hero-search-chips button{font-size:11px!important;padding:5px 8px!important;}
  .hero-actions{margin-top:8px!important;gap:14px!important;}
  .hero-btn{min-height:52px!important;font-size:16px!important;border-radius:12px!important;padding:11px 22px!important;}
}


/* 2026-07-09 enquiry page polish: clearer images, sober rate panel */
.products-enquiry-title{font-size:44px!important;font-weight:900!important;letter-spacing:.2px!important;margin-top:6px!important;margin-bottom:8px!important;}
.enquiry-full .rate-grid{grid-template-columns:repeat(2,minmax(520px,1fr))!important;gap:24px!important;}
.enquiry-full .rate-card{grid-template-columns:250px 1fr!important;min-height:304px!important;border-radius:18px!important;border:1px solid #ead8b5!important;box-shadow:0 18px 46px rgba(59,42,7,.08)!important;background:linear-gradient(135deg,#fff 0%,#fffaf0 100%)!important;overflow:hidden!important;}
.enquiry-full .rate-visual{min-height:304px!important;background:#0b1012!important;border-right:1px solid rgba(213,150,0,.5)!important;}
.enquiry-full .rate-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:contrast(1.04) saturate(1.03)!important;image-rendering:auto!important;}
.enquiry-full .rate-body{padding:22px 22px 20px!important;}
.enquiry-full .rate-body h3{font-size:28px!important;line-height:1!important;margin-bottom:14px!important;}
.enquiry-full .spec-grid div{background:linear-gradient(135deg,#fffaf0,#fff5df)!important;border-color:#ead7b0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;}
.enquiry-full .spec-grid span{color:#9a6b00!important;font-size:10.5px!important;}
.enquiry-full .spec-grid b{font-size:12.4px!important;color:#151515!important;}
.price-line{background:linear-gradient(135deg,#fff8e7,#fff2d3)!important;color:#1a1a1a!important;border:1px solid #e4bd58!important;border-left:5px solid var(--gold)!important;border-radius:12px!important;padding:12px 14px!important;box-shadow:0 8px 18px rgba(213,150,0,.10)!important;}
.price-line strong{color:#b77900!important;font-size:20px!important;letter-spacing:.2px!important;}
.price-line small{color:#4d3b13!important;font-size:13px!important;font-weight:900!important;}
.enquiry-full .btn-outline{background:#fff!important;border:1.5px solid var(--gold)!important;color:#b77900!important;border-radius:10px!important;min-height:48px!important;}
.enquiry-full .btn-outline:hover{background:linear-gradient(135deg,var(--gold),var(--gold2))!important;color:#fff!important;}
@media(max-width:1180px){.enquiry-full .rate-grid{grid-template-columns:1fr!important}.enquiry-full .rate-card{grid-template-columns:230px 1fr!important}}
@media(max-width:700px){.products-enquiry-title{font-size:34px!important}.enquiry-full .rate-card{grid-template-columns:1fr!important}.enquiry-full .rate-visual{height:260px!important;min-height:260px!important}}

/* FINAL REQUEST: enquiry as product detail page, cleaner search tiles, no product-page dependency */
.products-enquiry-title{
  color:var(--gold)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:48px!important;
  line-height:1.05!important;
  margin:0 0 10px!important;
  font-weight:900!important;
}
.products-enquiry-title:after{
  content:"";display:block;width:70px;height:3px;background:var(--gold);border-radius:3px;margin-top:12px;
}
.enquiry-full .rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
.enquiry-full .rate-card{
  grid-template-columns:260px 1fr!important;
  min-height:300px!important;
  background:linear-gradient(135deg,#ffffff 0%,#fff9ee 100%)!important;
}
.enquiry-full .rate-visual{
  min-height:300px!important;
  background:#0c1113!important;
}
.enquiry-full .rate-visual img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
  filter:saturate(1.04) contrast(1.06) brightness(1.02)!important;
}
.enquiry-full .rate-body h3{font-size:27px!important;line-height:1.05!important;}
.enquiry-full .spec-grid div{background:#fff8e9!important;border-color:#e8d3a4!important;}
.price-line{
  background:linear-gradient(135deg,#fff6dd,#ffedbd)!important;
  color:#211700!important;
  border:1px solid #d79a11!important;
  border-left:6px solid var(--gold)!important;
  box-shadow:0 10px 22px rgba(213,150,0,.12)!important;
}
.price-line strong{color:#b87800!important;}
.price-line small{color:#473507!important;}

.hero-search-results.active{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.search-product-tile{
  display:grid!important;
  grid-template-rows:92px 1fr!important;
  min-height:186px!important;
  border:1px solid #e6c173!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff,#fff8ea)!important;
  box-shadow:0 10px 22px rgba(55,35,0,.10)!important;
  color:#111!important;
}
.search-product-img{background:#0c1113!important;overflow:hidden!important;}
.search-product-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(1.04) contrast(1.06)!important;}
.search-product-body{padding:10px 10px 11px!important;display:flex!important;flex-direction:column!important;gap:4px!important;}
.search-product-body h4{font-family:Inter,Arial,sans-serif!important;text-transform:uppercase!important;font-size:14px!important;line-height:1.05!important;margin:0!important;font-weight:950!important;color:#111!important;}
.search-product-body p{font-size:11.5px!important;line-height:1.25!important;margin:0!important;color:#333!important;font-weight:700!important;}
.search-product-body small{font-size:10.5px!important;color:#7a5300!important;font-weight:850!important;line-height:1.25!important;}
.search-product-body span{margin-top:auto!important;color:#b77b00!important;font-weight:950!important;font-size:12px!important;}
.search-no-result{grid-column:1/-1!important;}
@media(max-width:1180px){
  .hero-search-results.active{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .enquiry-full .rate-grid{grid-template-columns:1fr!important;}
  .enquiry-full .rate-card{grid-template-columns:240px 1fr!important;}
}
@media(max-width:700px){
  .hero-search-results.active{grid-template-columns:1fr!important;}
  .enquiry-full .rate-card{grid-template-columns:1fr!important;}
  .enquiry-full .rate-visual{min-height:240px!important;height:240px!important;}
  .products-enquiry-title{font-size:36px!important;}
}

/* 2026-07-09 final update: additional enquiry images + compact About Us screen fit */
@media (min-width:1181px){
  .about-section{padding:30px 0 0!important;}
  .about-final{grid-template-columns:1.02fr .92fr!important;gap:34px!important;align-items:center!important;min-height:calc(100vh - 82px - 96px)!important;}
  .about-copy-final{padding:0 0 22px!important;}
  .about-copy-final .kicker{font-size:15px!important;margin-bottom:8px!important;}
  .about-copy-final .kicker:after{width:40px!important;height:3px!important;margin-top:8px!important;}
  .about-copy-final h2{font-size:39px!important;line-height:1.03!important;margin:0 0 15px!important;}
  .about-copy-final h2:after{width:42px!important;margin-top:12px!important;}
  .about-copy-final p{font-size:14.8px!important;line-height:1.42!important;margin:0 0 9px!important;max-width:680px!important;}
  .leaf-visual-wrap{min-height:430px!important;align-items:center!important;}
  .leaf-visual{max-width:500px!important;width:92%!important;}
  .stats-grid{min-height:96px!important;}
  .stat{padding:12px 18px!important;}
  .stat b{font-size:28px!important;}
}
.image-options{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;}
.image-options img{height:140px!important;object-fit:cover!important;}


/* FINAL FIX: remove watermark/background text from enquiry top banner */
.page-hero{background:linear-gradient(120deg,#090d0f 0%,#111719 60%,#151006 100%)!important;background-image:none!important;}
.page-hero:before,.page-hero:after{content:none!important;display:none!important;}
.crumb{background:linear-gradient(90deg,#101719,#111719,#151006)!important;}

/* FINAL CONTACT SECTION */
.contact-section{background:#080d0f;color:#fff;padding:54px 0 44px;border-top:1px solid rgba(213,150,0,.35);}
.contact-head{display:grid;grid-template-columns:.7fr 1.2fr;gap:18px;align-items:end;margin-bottom:26px;}
.contact-head span{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;}
.contact-head h2{font-family:Georgia,'Times New Roman',serif;font-size:36px;margin:0;line-height:1.05;}
.contact-head p{margin:0;color:#d7d7d7;line-height:1.55;}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.contact-card{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(213,150,0,.35);border-radius:16px;padding:18px 18px;min-height:118px;box-shadow:0 22px 44px rgba(0,0,0,.25);}
.contact-card small{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11.5px;}
.contact-card b{display:block;font-size:16px;line-height:1.45;color:#fff;word-break:break-word;}
.contact-card em{display:block;color:#dcdcdc;font-style:normal;font-size:13px;margin-top:4px;}
.contact-card a{display:inline-block;margin-top:10px;color:#f4b31a;text-decoration:none;font-weight:900;}
.contact-card.address-card{grid-column:span 2;}
.contact-action{margin-top:22px;text-align:right;}
@media(max-width:1000px){.contact-head{grid-template-columns:1fr}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.contact-card.address-card{grid-column:span 2;}}
@media(max-width:620px){.contact-grid{grid-template-columns:1fr}.contact-card.address-card{grid-column:span 1}.contact-action{text-align:left}.contact-head h2{font-size:30px}}


/* Final products/prices navigation and catalogue refinements */
.menu{gap:30px;white-space:nowrap}
.menu a{font-size:14px}
.products-title{font-size:46px;line-height:1.04;margin:0 0 6px;color:#101010}
.product-toolbar{align-items:center;margin-bottom:30px}
.toolbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.catalogue-enquiry-btn{min-width:210px;height:46px;box-shadow:0 8px 18px rgba(213,150,0,.16)}
.catalog-head span{font-size:13px;letter-spacing:1px;color:var(--gold);display:block;margin-bottom:3px}
.catalog-head h2{font-size:46px;line-height:1.04;margin:0 0 6px;color:#101010}
.catalog-section{scroll-margin-top:110px}
.catalog-section .segment-enquiry{margin-top:12px}
@media(max-width:900px){.products-title,.catalog-head h2{font-size:34px}.toolbar-actions{justify-content:flex-start}.menu{gap:16px;font-size:12px}.menu a{font-size:12px}}

/* Final fix: keep both mobile numbers visually identical */
.contact-card em[data-phone2]{font-size:16px!important;line-height:1.45!important;color:#fff!important;font-weight:700!important;margin-top:4px!important;}

/* FINAL: Product Enquiry compact cards with inline expand */
.products-enquiry-title{font-size:42px!important;color:var(--gold)!important;line-height:1.08!important;margin-bottom:8px!important;}
.enquiry-full .rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.compact-rate-card,.enquiry-full .rate-card.compact-rate-card{display:grid!important;grid-template-columns:116px 1fr!important;min-height:0!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;}
.compact-rate-card .rate-visual,.enquiry-full .compact-rate-card .rate-visual{min-height:0!important;height:auto!important;border-right:1px solid #edd7a5!important;}
.compact-rate-card .rate-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.compact-rate-card .rate-body{padding:14px!important;gap:8px!important;}
.compact-rate-card .rate-body h3{font-family:Inter,Arial,sans-serif!important;font-size:20px!important;line-height:1.08!important;margin:0!important;text-transform:none!important;}
.rate-meta{font-size:12px;color:#555;line-height:1.35;display:grid;gap:3px;}
.rate-meta b{color:var(--gold);font-weight:900;}
.rate-meta span{display:block;color:#333;}
.mini-rates{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;overflow:hidden;border-radius:8px;border:1px solid #ead9b8;background:#fff;}
.mini-rates th{background:#fff2d4;text-align:left;color:#3f2b00;font-size:10px;text-transform:uppercase;padding:7px 8px;border-bottom:1px solid #ead9b8;}
.mini-rates td{padding:7px 8px;border-bottom:1px solid #eee1c8;vertical-align:top;}
.mini-rates tr:last-child td{border-bottom:0;}
.mini-rates td b{color:#b57600;white-space:nowrap;}
.viewRates,.viewLess{border:0;background:transparent;color:#0b56a0;font-weight:900;cursor:pointer;padding:3px 0;text-align:left;font-size:12px;display:inline-flex;align-items:center;}
.all-rates{display:none;margin-top:4px;}

.hero-search-chips{display:flex;flex-wrap:wrap;gap:8px}
.home-shortcut-chip{display:inline-flex;align-items:center;max-width:220px;min-height:34px;padding:6px 10px;border:1px solid #e2c37a;border-radius:999px;background:#fff8e8;color:#7c5400;font-weight:800;font-size:12px;line-height:1.2;text-decoration:none}
.home-shortcut-chip:hover{background:#ffecc6;color:#5c3e00}
.catalog-section-highlight{outline:2px solid #d59600;outline-offset:6px;border-radius:14px}
.detailed-rates th,.detailed-rates td{font-size:11px;line-height:1.35}
.detailed-rates td .btn{min-height:32px;padding:6px 10px;font-size:11px}
.enquiry-pricing-card .rate-table-block{padding:0 16px 16px}
.enquiry-pricing-card .mini-rates{table-layout:auto}
.enquiry-pricing-card .wide{margin:0 16px 16px;width:calc(100% - 32px)}
.enquiry-submit-status{min-height:22px;font-weight:800}
.enquiry-submit-status.loading{color:#8b6400}
.enquiry-submit-status.success{color:#1d6b2a}
.enquiry-submit-status.error{color:#b11f1f}
.admin-image-preview{width:96px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #e4d4ad;display:block}
.admin-image-empty{display:inline-block;min-width:96px;padding:24px 12px;border:1px dashed #d7bf83;border-radius:8px;text-align:center;color:#8d6c18;background:#fff9ed}
.admin-image-source{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff4d8;border:1px solid #ebd19a;color:#7f5700;font-weight:800;font-size:11px;text-transform:uppercase}
@media(max-width:700px){.home-shortcut-chip{max-width:100%}.enquiry-pricing-card .rate-table-block{overflow:auto}}
.all-rates.active{display:block;}
.all-rates-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 6px;font-size:12px;}
.compact-rate-card .btn{margin-top:auto;min-height:38px;padding:9px 12px!important;font-size:13px!important;border-radius:8px!important;}
.custom-requirement-note{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff9ed,#fff3d3);border:1px solid #e9c46a;border-radius:14px;padding:18px 22px;margin-top:4px;}
.custom-requirement-note b{color:#b57600;font-size:17px;}.custom-requirement-note p{margin:5px 0 0;color:#222}.custom-requirement-note a{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;border-radius:10px;padding:12px 22px;font-weight:900;white-space:nowrap;}
.admin-table{font-size:12px;}.admin-table input,.admin-table select{min-width:130px;}
@media(max-width:1180px){.enquiry-full .rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-rate-card{grid-template-columns:110px 1fr!important}.products-enquiry-title{font-size:36px!important}}
@media(max-width:700px){.section{padding:32px 0!important}.enquiry-full .rate-grid{grid-template-columns:1fr!important}.compact-rate-card,.enquiry-full .rate-card.compact-rate-card{grid-template-columns:96px 1fr!important}.compact-rate-card .rate-body{padding:12px!important}.compact-rate-card .rate-body h3{font-size:18px!important}.mini-rates{font-size:10.5px}.mini-rates th,.mini-rates td{padding:6px}.custom-requirement-note{display:block;padding:16px}.custom-requirement-note a{margin-top:12px;display:inline-flex}.products-enquiry-title{font-size:31px!important}}

/* FINAL CONTACT ANCHOR / ONE-SCREEN FIX */
html{scroll-behavior:smooth;}
#contact{scroll-margin-top:76px!important;}
.contact-section{padding-top:34px!important;padding-bottom:34px!important;min-height:calc(100vh - 76px)!important;display:flex!important;align-items:center!important;}
.contact-section .container{width:min(1180px,92vw)!important;}
.contact-head{margin-bottom:20px!important;grid-template-columns:.72fr 1.12fr!important;align-items:end!important;}
.contact-head h2{font-size:34px!important;line-height:1.04!important;}
.contact-head p{font-size:15.5px!important;line-height:1.45!important;}
.contact-grid{gap:14px!important;}
.contact-card{padding:15px 16px!important;min-height:105px!important;}
.contact-card.address-card{min-height:96px!important;}
.contact-action{margin-top:18px!important;}
@media(max-width:900px){#contact{scroll-margin-top:70px!important}.contact-section{min-height:auto!important;display:block!important;padding-top:30px!important}.contact-head{grid-template-columns:1fr!important}.contact-head h2{font-size:28px!important}}

/* FINAL ENQUIRY CARD RE-ALIGNMENT: small image, full-width rate table, one visible line */
.enquiry-full .rate-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.rate-card-v2,
.enquiry-full .rate-card.rate-card-v2{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#ffffff 0%,#fffaf0 100%)!important;
  border:1px solid #ead8b5!important;
  box-shadow:0 14px 36px rgba(59,42,7,.07)!important;
}
.rate-card-v2 .rate-top{
  display:grid!important;
  grid-template-columns:118px 1fr!important;
  gap:14px!important;
  padding:14px 14px 8px!important;
  align-items:start!important;
}
.rate-card-v2 .rate-visual,
.enquiry-full .rate-card-v2 .rate-visual{
  width:118px!important;
  height:104px!important;
  min-height:104px!important;
  border:1px solid #e5c57c!important;
  border-radius:11px!important;
  overflow:hidden!important;
  background:#101719!important;
}
.rate-card-v2 .rate-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:contrast(1.04) saturate(1.02)!important;
}
.rate-card-v2 .rate-summary{min-width:0!important;padding-top:2px!important;}
.rate-card-v2 .rate-summary h3,
.rate-card-v2 .rate-body h3{
  font-family:Inter,Arial,sans-serif!important;
  font-size:22px!important;
  line-height:1.08!important;
  margin:0 0 7px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.rate-card-v2 .rate-meta{
  font-size:12px!important;
  line-height:1.35!important;
  display:grid!important;
  gap:4px!important;
}
.rate-card-v2 .rate-meta b{color:var(--gold)!important;font-weight:900!important;}
.rate-card-v2 .rate-meta span{color:#333!important;}
.rate-table-block{
  padding:0 14px 10px!important;
  width:100%!important;
}
.rate-card-v2 .mini-rates{
  width:100%!important;
  font-size:11px!important;
  border-radius:10px!important;
  background:#fff!important;
}
.rate-card-v2 .mini-rates th{
  padding:7px 9px!important;
  background:#fff1cf!important;
  font-size:10px!important;
}
.rate-card-v2 .mini-rates td{
  padding:7px 9px!important;
}
.rate-card-v2 .mini-rates td b{white-space:normal!important;}
.rate-card-v2 .viewRates,
.rate-card-v2 .viewLess{
  margin-top:7px!important;
  color:#a86e00!important;
  font-weight:900!important;
  font-size:12px!important;
}
.rate-card-v2 .all-rates{margin-top:8px!important;}
.rate-card-v2 .all-rates-head{margin:3px 0 6px!important;}
.rate-card-v2 .enqPick{
  margin:0 14px 14px!important;
  min-height:40px!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.products-enquiry-title{font-size:39px!important;}
@media(max-width:1180px){
  .enquiry-full .rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  .enquiry-full .rate-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .rate-card-v2 .rate-top{grid-template-columns:94px 1fr!important;gap:12px!important;padding:12px 12px 8px!important;}
  .rate-card-v2 .rate-visual,.enquiry-full .rate-card-v2 .rate-visual{width:94px!important;height:86px!important;min-height:86px!important;}
  .rate-card-v2 .rate-summary h3{font-size:19px!important;}
  .rate-table-block{padding:0 12px 10px!important;}
  .rate-card-v2 .enqPick{margin:0 12px 12px!important;}
}


/* FINAL: equal-height enquiry cards, fixed rate-table rows and admin-configurable working hours */
.enquiry-full .rate-grid{align-items:stretch!important;}
.rate-card-v2{height:332px!important;min-height:332px!important;}
.rate-card-v2.expanded{height:auto!important;min-height:332px!important;}
.rate-card-v2 .rate-top{min-height:134px!important;}
.rate-card-v2 .rate-summary h3{min-height:25px!important;}
.rate-card-v2 .rate-meta{min-height:54px!important;}
.rate-card-v2 .rate-meta span{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Phase C public states (minimal support only) */
.public-state{grid-column:1/-1;border:1px solid #ead6aa;border-radius:12px;padding:14px;background:#fff;color:#222;font-weight:700}
.public-state-loading{background:#fff8ec}
.public-state-empty{background:#fff}
.public-state-error{background:#fff5f5;border-color:#f0c1c1}
.catalog-empty-row .catalog-name,.catalog-empty-row .catalog-specs,.catalog-empty-row .catalog-price{padding-top:10px;padding-bottom:10px}
.rate-card-v2.highlighted-category{outline:2px solid #d59600;outline-offset:2px}
.rate-card-v2 .rate-table-block{margin-top:auto!important;}
.rate-card-v2 .mini-rates{table-layout:fixed!important;}
.rate-card-v2 .mini-rates th{white-space:nowrap!important;height:34px!important;vertical-align:middle!important;}
.rate-card-v2 .mini-rates th:first-child{width:30%!important;}
.rate-card-v2 .mini-rates th:nth-child(2){width:40%!important;}
.rate-card-v2 .mini-rates th:nth-child(3){width:30%!important;}
.rate-card-v2 .mini-rates td{height:36px!important;vertical-align:top!important;}
.cell-clamp{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  line-height:1.25!important;
  max-height:2.5em!important;
}
.rate-card-v2 .all-rates.active .cell-clamp{display:block!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;}
.rate-card-v2 .enqPick{width:calc(100% - 28px)!important;align-self:center!important;margin-top:auto!important;}
.rate-card-v2 .viewRates{height:22px!important;}
.contact-card [data-working-hours]{white-space:normal!important;line-height:1.35!important;}
.admin-panel .notice:after{content:' Excel note: keep Grade and Specification concise; website tiles show two lines by default and full values in expanded/all-rate view.';font-weight:700;}
.products-title{font-family:Georgia,'Times New Roman',serif!important;font-size:39px!important;color:var(--gold)!important;line-height:1.08!important;margin:0 0 8px!important;}
.product-toolbar .sub{font-size:15px!important;color:#4f5863!important;line-height:1.45!important;}
.catalog-head span{font-size:15px!important;color:var(--gold)!important;letter-spacing:.9px!important;}
.catalog-head h2{font-size:33px!important;color:var(--gold)!important;line-height:1.08!important;}
.catalog-head p{font-size:15px!important;color:#4f5863!important;}
@media(max-width:1180px){.rate-card-v2{height:332px!important;}}
@media(max-width:700px){.rate-card-v2{height:auto!important;min-height:0!important}.rate-card-v2 .rate-meta{min-height:auto!important}.rate-card-v2 .rate-top{min-height:0!important}.rate-card-v2 .mini-rates th:first-child{width:32%!important}.rate-card-v2 .mini-rates th:nth-child(2){width:38%!important}.rate-card-v2 .mini-rates th:nth-child(3){width:30%!important}}

/* FINAL TUNE: About heading matches Product Enquiry style; tighter enquiry card spacing */
.about-copy-final h2,
.about-final .about-copy-final h2{
  font-size:39px!important;
  color:var(--gold)!important;
  line-height:1.08!important;
  margin:0 0 14px!important;
}
.about-copy-final h2 span,
.about-final .about-copy-final h2 span{color:var(--gold)!important;}
.about-copy-final h2:after{margin-top:12px!important;}

.enquiry-full .rate-grid{align-items:stretch!important;}
.rate-card-v2,
.enquiry-full .rate-card.rate-card-v2{
  height:auto!important;
  min-height:310px!important;
  display:flex!important;
  flex-direction:column!important;
}
.rate-card-v2.expanded{height:auto!important;min-height:310px!important;}
.rate-card-v2 .rate-top{min-height:124px!important;}
.rate-card-v2 .rate-meta{min-height:44px!important;}
.rate-card-v2 .rate-table-block{
  margin-top:4px!important;
  padding-bottom:8px!important;
}
.rate-card-v2 .enqPick{
  margin:6px 14px 14px!important;
  width:calc(100% - 28px)!important;
  align-self:center!important;
}
.rate-card-v2 .viewRates{margin-top:7px!important;margin-bottom:2px!important;}
.rate-card-v2:not(.expanded) .all-rates{display:none!important;}
@media(max-width:700px){
  .about-copy-final h2,.about-final .about-copy-final h2{font-size:31px!important;}
  .rate-card-v2,.enquiry-full .rate-card.rate-card-v2{min-height:0!important;}
  .rate-card-v2 .rate-top{min-height:0!important;}
  .rate-card-v2 .rate-meta{min-height:auto!important;}
  .rate-card-v2 .enqPick{margin:6px 12px 12px!important;width:calc(100% - 24px)!important;}
}


/* FINAL FIX: constant enquiry card spacing and About Us heading style */
.about-copy-final .kicker{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:39px!important;
  line-height:1.08!important;
  color:var(--gold)!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-weight:900!important;
  margin-bottom:14px!important;
}
.about-copy-final .kicker:after{width:86px!important;height:3px!important;margin-top:12px!important;background:var(--gold)!important;}
.about-copy-final h2,.about-final .about-copy-final h2{
  font-size:34px!important;
  line-height:1.09!important;
  color:#111!important;
  margin:0 0 18px!important;
}
.about-copy-final h2 span,.about-final .about-copy-final h2 span{color:var(--gold)!important;}
.about-copy-final h2:after{display:none!important;}
.enquiry-full .rate-grid{align-items:stretch!important;}
.rate-card-v2,.enquiry-full .rate-card.rate-card-v2{
  height:322px!important;
  min-height:322px!important;
  display:flex!important;
  flex-direction:column!important;
}
.rate-card-v2.expanded{height:auto!important;min-height:322px!important;}
.rate-card-v2 .rate-top{min-height:122px!important;}
.rate-card-v2 .rate-table-block{margin-top:0!important;padding-bottom:6px!important;}
.rate-card-v2 .mini-rates th{height:32px!important;line-height:1.1!important;vertical-align:middle!important;white-space:nowrap!important;}
.rate-card-v2 .mini-rates td{height:44px!important;line-height:1.2!important;vertical-align:middle!important;}
.rate-card-v2 .viewRates{
  display:flex!important;
  align-items:center!important;
  min-height:24px!important;
  height:24px!important;
  margin:7px 0 0!important;
}
.rate-card-v2 .viewRates-placeholder{visibility:hidden!important;pointer-events:none!important;}
.rate-card-v2 .enqPick{
  margin:6px 14px 14px!important;
  width:calc(100% - 28px)!important;
  align-self:center!important;
}
@media(max-width:700px){
  .about-copy-final .kicker{font-size:31px!important;}
  .about-copy-final h2,.about-final .about-copy-final h2{font-size:28px!important;}
  .rate-card-v2,.enquiry-full .rate-card.rate-card-v2{height:auto!important;min-height:0!important;}
  .rate-card-v2 .viewRates{min-height:22px!important;height:22px!important;}
}

/* Phase C.1 admin support */
.admin-head{margin-bottom:18px}
.admin-section{margin-top:20px}
.admin-module-nav{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.admin-module-nav .btn{white-space:nowrap;flex:0 0 auto}
.admin-module-nav .btn.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;border-color:transparent}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0}
.dashboard-card{background:linear-gradient(135deg,#fff,#fff8ec);border:1px solid #ead6aa;border-radius:14px;padding:16px;box-shadow:0 10px 24px rgba(0,0,0,.05)}
.dashboard-card small{display:block;color:#8b6400;font-weight:800;line-height:1.35;margin-bottom:8px}
.dashboard-card b{font-size:28px;color:#111}
.admin-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end;margin:16px 0}
.admin-filters label{display:grid;gap:6px;font-weight:700;color:#333}
.admin-filters input,.admin-filters select,.setting-grid input,.setting-grid select,.setting-grid textarea,.admin-table input,.admin-table select,.admin-table textarea{width:100%;max-width:100%}
.enquiry-filters{grid-template-columns:2fr repeat(4,minmax(130px,1fr)) auto}.enquiry-filters .admin-filter-search{grid-column:span 1}.enquiry-filters input,.enquiry-filters select{min-height:38px;padding:8px;border:1px solid #d9d3c7;border-radius:7px;background:#fff}.enquiry-result-count{margin:0 0 8px;color:#6e6250;font-size:12px;font-weight:800}.enquiry-no-results{text-align:center;padding:22px!important;color:#6e6250;font-weight:800}@media(max-width:1100px){.enquiry-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.enquiry-filters .admin-filter-search{grid-column:1/-1}}@media(max-width:640px){.enquiry-filters{grid-template-columns:1fr}.enquiry-filters .admin-filter-search{grid-column:auto}}
.admin-filter-search{grid-column:span 2}
.field-with-action{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:center}
.mini-action{height:34px;width:34px;border:1px solid var(--gold);background:#fff;color:#b77b00;border-radius:8px;font-weight:900;cursor:pointer;padding:0}
.readonly-field{background:#f6f6f6;color:#666;cursor:not-allowed}
.admin-table-wrap{overflow:auto}
.admin-table th,.admin-table td{vertical-align:top}
.admin-order-note{margin:10px 2px 0;color:#4f493f;font-size:14px;font-weight:700;line-height:1.45}.admin-order-note span{color:#b77b00;font-weight:900}
.admin-table textarea{min-height:58px;resize:vertical}
.admin-table tr input:disabled:not(.readonly-field),.admin-table tr select:disabled,.admin-table tr textarea:disabled{background:#fbfbfb;color:#585858;cursor:not-allowed}
.admin-dialog{position:fixed;inset:0;background:rgba(7,11,13,.45);display:flex;align-items:center;justify-content:center;padding:24px;z-index:120}
.admin-dialog-card{width:min(760px,100%);background:#fff;border-radius:16px;border:1px solid #ead6aa;box-shadow:0 24px 60px rgba(0,0,0,.18);padding:20px}
.admin-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.admin-dialog[hidden]{display:none!important}.enquiries-table{min-width:1080px!important;table-layout:auto}.enquiries-table td{white-space:normal;overflow-wrap:anywhere}.enquiries-table td:nth-child(7){min-width:190px;max-width:300px}.enquiries-table td:last-child{white-space:nowrap}.enquiry-details-dialog{z-index:180;background:rgba(7,11,13,.62)}.enquiry-details-card{width:min(1080px,96vw);max-height:90vh;padding:0;overflow:hidden;display:flex;flex-direction:column}.enquiry-details-head{position:sticky;top:0;margin:0;padding:16px 20px;background:#fff8ec;border-bottom:1px solid #ead6aa;z-index:2}.enquiry-details-head h3{margin:0!important;font-size:20px!important}.enquiry-details-head p{margin:4px 0 0;color:#75613d;font-weight:800}.enquiry-dialog-close{width:36px;height:36px;border:1px solid #d7c28f;border-radius:8px;background:#fff;color:#222;font-size:24px;cursor:pointer}.enquiry-details-scroll{overflow:auto;padding:18px 20px}.enquiry-detail-section{margin:0 0 20px}.enquiry-detail-section h4{margin:0 0 10px;padding-bottom:7px;border-bottom:2px solid #e4b94d;color:#6c4800;font-size:15px}.enquiry-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.enquiry-detail-item{min-width:0;padding:10px 12px;border:1px solid #ece2cc;border-radius:8px;background:#fffdf8}.enquiry-detail-item span{display:block;margin-bottom:4px;color:#716958;font-size:11px;font-weight:900;text-transform:uppercase}.enquiry-detail-item b{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.enquiry-products-wrap{overflow:auto;border:1px solid #e6ddca;border-radius:8px}.enquiry-products-detail{width:100%;min-width:900px;border-collapse:collapse;font-size:12px}.enquiry-products-detail th{padding:9px;background:#111;color:#fff;text-align:left;white-space:nowrap}.enquiry-products-detail td{padding:9px;border-top:1px solid #eee1c8;vertical-align:top;overflow-wrap:anywhere}.enquiry-dialog-actions{padding:12px 20px;border-top:1px solid #ead6aa;background:#fff;display:flex;justify-content:flex-end}@media(max-width:700px){.enquiry-details-dialog{padding:8px}.enquiry-details-card{width:100%;max-height:96vh}.enquiry-detail-grid{grid-template-columns:1fr}.enquiry-details-scroll{padding:14px}.enquiry-details-head{padding:14px}}
.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-search{grid-column:span 2}.compact-grid{grid-template-columns:1fr}}
@media(max-width:640px){.admin-module-nav{margin:0 -4px;padding:0 4px 8px}.admin-filters{grid-template-columns:1fr}.admin-filter-search{grid-column:span 1}.dashboard-grid{grid-template-columns:1fr}}


/* Phase D enquiry workflow */
.selected-enquiry-products{display:grid;gap:10px;margin-top:2px}
.selected-product-empty{padding:12px;border:1px dashed #c9c9c9;border-radius:8px;color:#666;background:#fafafa}
.selected-product-row{display:grid;grid-template-columns:minmax(220px,1fr) 130px 150px;gap:10px;align-items:end;padding:12px;border:1px solid #e1e1e1;border-radius:9px;background:#fff}
.selected-product-title{display:flex;flex-direction:column;gap:3px}.selected-product-title small{color:#777}
.selected-product-row label{margin:0}.selected-product-row input,.selected-product-row select{width:100%}
.enquiry-submit-status{min-height:22px;padding:0}.enquiry-submit-status.loading{color:#725400}.enquiry-submit-status.success{padding:11px;border-radius:7px;background:#edf8ef;color:#1f6b2d;border:1px solid #b9dfbf}.enquiry-submit-status.error{padding:11px;border-radius:7px;background:#fff0f0;color:#9d2020;border:1px solid #efb5b5}
.enquiry-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#productSelect{min-height:150px}
@media(max-width:700px){.selected-product-row{grid-template-columns:1fr}.selected-product-row label{width:100%}}

.home-icon img{width:36px;height:36px;display:block;object-fit:contain;filter:brightness(0) invert(1);}
.hero-search-chips button{max-width:190px;min-height:32px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;}


/* RC8 admin table cleanup */
.admin-actions .select-all-label,
.admin-actions > label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 800;
}

.admin-table input[type="checkbox"],
.admin-actions input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle;
    accent-color: #d59600;
    cursor: pointer;
}

.admin-table th:first-child,
.admin-table td:first-child,
.admin-table .select-cell {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    text-align: center;
    vertical-align: middle;
}

.admin-table textarea {
    min-height: 56px;
    resize: vertical;
}

.admin-table tr:not(.row-editing) input[data-field]:disabled,
.admin-table tr:not(.row-editing) select[data-field]:disabled,
.admin-table tr:not(.row-editing) textarea[data-field]:disabled {
    border-color: transparent;
    background: transparent;
    color: #333;
    opacity: 1;
    -webkit-text-fill-color: #333;
    cursor: default;
}

.admin-table tr.row-editing {
    background: #fff9e9;
    box-shadow: inset 3px 0 0 #d59600;
}

.product-primary-actions {
    align-items: center;
}

.danger-action {
    border-color: #b63232 !important;
    color: #8f2222 !important;
}

.danger-action:hover {
    background: #8f2222 !important;
    color: #fff !important;
}

#productsSection .admin-table {
    min-width: 1540px;
}


/* RC10 compact icon-only admin toolbars */
.admin-actions {
    gap: 8px !important;
    margin: 8px 0 10px !important;
    align-items: center;
    flex-wrap: wrap;
}

.icon-action {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
}

.icon-action .action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px !important;
    line-height: 1;
    font-family: Arial, "Segoe UI Symbol", sans-serif;
    pointer-events: none;
}

.icon-action::after {
    content: attr(aria-label);
    position: absolute;
    left: 50%;
    top: calc(100% + 7px);
    transform: translateX(-50%) translateY(-3px);
    z-index: 1500;
    white-space: nowrap;
    padding: 5px 8px;
    border-radius: 5px;
    background: #171717;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
    box-shadow: 0 3px 10px rgba(0,0,0,.2);
}

.icon-action::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% + 2px);
    transform: translateX(-50%);
    z-index: 1501;
    border: 5px solid transparent;
    border-bottom-color: #171717;
    opacity: 0;
    visibility: hidden;
}

.icon-action:hover::after,
.icon-action:focus-visible::after,
.icon-action:hover::before,
.icon-action:focus-visible::before {
    opacity: 1;
    visibility: visible;
}

.icon-action:hover::after,
.icon-action:focus-visible::after {
    transform: translateX(-50%) translateY(0);
}

.icon-action:focus-visible {
    outline: 2px solid #d59600;
    outline-offset: 2px;
}

.admin-section h2,
.admin-section h3 {
    margin-bottom: 8px !important;
}

.admin-section > p {
    margin: 4px 0 10px !important;
    font-size: 13px !important;
}

.admin-table th {
    padding: 9px 8px !important;
    font-size: 12px !important;
}

.admin-table td {
    padding: 8px !important;
    font-size: 13px !important;
}

.admin-table input:not([type="checkbox"]):not([type="file"]),
.admin-table select,
.admin-table textarea {
    font-size: 13px !important;
    padding: 7px 8px !important;
}

.admin-table textarea {
    min-height: 44px !important;
}

.admin-actions .select-all-label,
.admin-actions > label,
.admin-actions > span {
    font-size: 12px !important;
}


/* RC11 admin layout matched to approved visual */
body:has(.admin-wrap){background:#f5f3ed;}
.admin-wrap{padding:0!important;background:#f5f3ed!important;min-height:100vh;}
.admin-wrap [hidden]{display:none!important;}
.admin-auth-check{width:min(430px,94%);margin:0 auto;padding:48px 24px;text-align:center;color:#6d675d;font-weight:700;}
.admin-panel{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  min-height:100vh;border:0!important;border-radius:0!important;box-shadow:none!important;
  display:grid!important;grid-template-columns:245px minmax(0,1fr);grid-template-rows:auto 1fr;
  background:#f5f3ed!important;
}
.admin-head{grid-column:2;grid-row:1;padding:18px 24px 8px;background:#f5f3ed;}
.admin-head h1{font-size:22px;margin:0 0 8px;}
.admin-head .notice{margin:0;padding:10px 12px;font-size:12px;}
.admin-module-nav{
  grid-column:1;grid-row:1 / span 40;min-height:100vh;position:sticky;top:0;align-self:start;
  display:flex!important;flex-direction:column;gap:4px;padding:14px 12px 20px;
  background:#fff;border-right:1px solid #eadfc8;box-shadow:6px 0 18px rgba(0,0,0,.035);
  overflow-y:auto;z-index:20;
}
.admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;margin-bottom:4px;border-bottom:1px solid #eadfc8;}
.admin-sidebar-brand img{width:34px;height:34px;object-fit:contain;}
.admin-sidebar-brand strong{font-size:18px;color:#171717;}
.admin-nav-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#746955;padding:13px 10px 5px;font-weight:800;}
.admin-module-nav .btn{
  width:100%!important;min-height:38px!important;padding:8px 10px!important;border:0!important;border-radius:7px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  color:#222!important;background:transparent!important;font-size:13px!important;font-weight:650!important;text-align:left!important;
}
.admin-module-nav .btn:hover{background:#fff4d8!important;color:#9a6800!important;}
.admin-module-nav .btn.active{background:linear-gradient(90deg,#d99b00,#f6c54e)!important;color:#fff!important;box-shadow:0 6px 16px rgba(213,150,0,.22);}
.nav-glyph{width:22px;text-align:center;font-size:17px;line-height:1;}
.admin-sidebar-logout{margin-top:auto;border:0;border-top:1px solid #eadfc8;background:transparent;color:#d93025;padding:15px 10px 4px;text-align:left;font-weight:700;cursor:pointer;}
.admin-section{
  grid-column:2;grid-row:2;margin:0 18px 18px!important;padding:16px 18px!important;
  background:#fff;border:1px solid #e7e0d2;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.035);
  min-width:0;
}
.admin-section h2{font-family:Inter,Arial,sans-serif!important;font-size:18px!important;display:flex;align-items:center;gap:8px;margin:0 0 8px!important;}
.admin-section h3{font-family:Inter,Arial,sans-serif!important;font-size:15px!important;margin:18px 0 8px!important;}
.admin-section .sub{font-size:12px!important;color:#6d675d!important;margin-bottom:10px!important;}
.admin-actions{margin:7px 0!important;gap:7px!important;}
.icon-action{width:38px!important;min-width:38px!important;max-width:38px!important;height:34px!important;min-height:34px!important;border:1px solid #e3e0d8!important;background:#fff!important;color:#242424!important;box-shadow:0 2px 6px rgba(0,0,0,.025);}
.icon-action.btn-gold{background:linear-gradient(135deg,#d59600,#f5b91a)!important;color:#fff!important;border-color:#d59600!important;}
.icon-action.danger-action{color:#e02020!important;border-color:#f1d3d3!important;}
.icon-action .action-icon{font-size:16px!important;}
.admin-table-wrap{max-height:54vh!important;border:1px solid #e8e5dd!important;border-radius:7px!important;background:#fff;}
.admin-table{min-width:1150px!important;font-family:Inter,Arial,sans-serif!important;}
.admin-table th{background:#101010!important;padding:7px 8px!important;font-size:11px!important;white-space:nowrap;}
.admin-table td{padding:6px 8px!important;font-size:12px!important;vertical-align:middle!important;}
.admin-table input:not([type=checkbox]):not([type=file]),.admin-table select,.admin-table textarea{font-size:12px!important;padding:6px 7px!important;min-height:31px!important;}
.admin-table textarea{min-height:38px!important;}
.admin-table tr:not(.row-editing) input[data-field]:disabled,.admin-table tr:not(.row-editing) select[data-field]:disabled,.admin-table tr:not(.row-editing) textarea[data-field]:disabled{background:transparent!important;border-color:transparent!important;}
.admin-actions label,.admin-actions span{font-size:11px!important;}
.dashboard-grid{grid-template-columns:repeat(4,minmax(160px,1fr))!important;gap:10px!important;}
@media(max-width:900px){.admin-panel{grid-template-columns:72px minmax(0,1fr)}.admin-module-nav .btn span:last-child,.admin-nav-group-label,.admin-sidebar-brand strong,.admin-sidebar-logout{font-size:0}.admin-module-nav .btn{justify-content:center!important}.admin-sidebar-brand{justify-content:center}.admin-head{padding-left:14px}.admin-section{margin-left:10px!important;margin-right:10px!important}.nav-glyph{font-size:18px}.admin-sidebar-logout span{font-size:20px}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;}}

.home-icon img{filter:none!important;width:40px!important;height:40px!important;object-fit:contain!important;}

/* RC12 admin UX polish */
.admin-section{margin-bottom:14px!important;padding:12px 14px!important;}
.admin-section h2{font-size:17px!important;gap:6px!important;margin-bottom:5px!important;}
.admin-section h3{font-size:14px!important;margin:12px 0 5px!important;}
.admin-section .sub{font-size:11px!important;margin-bottom:6px!important;}
.admin-actions{margin:5px 0!important;gap:5px!important;}
.admin-toolbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;white-space:nowrap;}
.admin-toolbar>*{flex:0 0 auto;}
.icon-action{width:34px!important;min-width:34px!important;max-width:34px!important;height:30px!important;min-height:30px!important;padding:0!important;}
.icon-action .action-icon{font-size:14px!important;}
.admin-table th{padding:5px 6px!important;font-size:10px!important;}
.admin-table td{padding:4px 6px!important;font-size:11px!important;}
.admin-table input:not([type=checkbox]):not([type=file]),.admin-table select,.admin-table textarea{font-size:11px!important;padding:4px 5px!important;min-height:25px!important;}
.admin-table textarea{min-height:30px!important;}
.admin-table input[type="checkbox"],.admin-toolbar input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;margin:0!important;vertical-align:middle;accent-color:var(--gold);}
#categoryRows td:nth-child(3),#categoryRows td:nth-child(4){width:260px;max-width:260px;}
#categoriesSection .admin-table{min-width:650px!important;}
@media(max-width:640px){.admin-toolbar{flex-wrap:wrap!important;overflow-x:visible;white-space:normal;}}

/* Admin selection/header refinement */
.selection-count-badge{order:99;margin-left:auto;padding:4px 8px;border-radius:999px;background:#f4ead3;color:#755000;font-size:10px!important;font-weight:800;line-height:1;}
.selection-count-badge[hidden]{display:none!important;}
.select-all-header{width:42px;min-width:42px;text-align:center!important;vertical-align:middle!important;}
.select-all-header input,.admin-table td:first-child input[type="checkbox"]{display:block;margin:0 auto!important;width:16px!important;height:16px!important;}
#categoriesSection .admin-table{width:auto!important;min-width:590px!important;}
#categoryRows td:nth-child(3){width:190px;max-width:190px;}
#categoryRows td:nth-child(4){width:220px;max-width:220px;}
#productsSection .admin-table{min-width:1420px!important;}

/* Admin master-table search, header filters and sorting */
.admin-table-search{display:flex;align-items:center;gap:7px;margin:10px 0 7px;min-width:0;}
.admin-table-search .admin-table-query{flex:1 1 320px;max-width:520px;min-width:180px;height:34px;padding:7px 10px;border:1px solid #d8d2c5;border-radius:7px;background:#fff;font-size:12px;}
.admin-table-search .btn{min-height:34px;padding:6px 11px;border-radius:7px;font-size:11px;}
.admin-table-result-count{margin-left:auto;color:#6b6254;font-size:11px;font-weight:800;white-space:nowrap;}
.admin-sortable-header{cursor:pointer;padding-right:20px!important;position:sticky!important;user-select:none;}
.admin-sortable-header:after{content:"↕";position:absolute;right:6px;color:#cfcfcf;font-size:10px;}
.admin-sortable-header.active-sort{color:#f5b31a!important;}
.admin-sortable-header.active-sort[data-sort-direction="asc"]:after{content:"▲";color:#f5b31a;}
.admin-sortable-header.active-sort[data-sort-direction="desc"]:after{content:"▼";color:#f5b31a;}
.admin-column-filter-row th{top:28px!important;background:#292929!important;padding:4px!important;z-index:3!important;}
.admin-column-filter-row input,.admin-column-filter-row select{width:100%!important;min-width:82px!important;height:26px!important;min-height:26px!important;padding:3px 5px!important;border:1px solid #555!important;border-radius:4px!important;background:#fff!important;color:#111!important;font-size:10px!important;font-weight:500!important;}
.admin-column-filter-row .admin-filter-empty{min-width:36px;}
.admin-table tbody tr[hidden]{display:none!important;}
@media(max-width:700px){.admin-table-search{flex-wrap:wrap}.admin-table-search .admin-table-query{max-width:none;flex-basis:100%}.admin-table-result-count{margin-left:0}.admin-table-search .btn span{display:none}}
#productRows td:nth-child(5){width:170px;min-width:170px;max-width:190px;}
#productRows td:nth-child(6){width:380px;min-width:340px;}
#productRows td:nth-child(6) textarea{min-height:52px!important;line-height:1.35;resize:vertical;}
#productRows td:nth-child(7){width:220px;min-width:200px;}
@media(max-width:900px){#categoryRows td:nth-child(3),#categoryRows td:nth-child(4){width:180px;max-width:200px;}}

/* Approved Prices & Enquiry cards: one Product card with expandable Size / Grade / Rate rows */
.enquiry-full .rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.approved-rate-card{height:402px;min-height:402px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ead8b5;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fffaf0 100%);box-shadow:0 14px 36px rgba(59,42,7,.07)}.approved-rate-card.expanded{height:auto;min-height:402px}.approved-rate-head{display:grid;grid-template-columns:146px minmax(0,1fr);gap:16px;min-height:145px;padding:18px 18px 10px;align-items:start}.approved-rate-image{width:146px;height:128px;overflow:hidden;border:1px solid #e5c57c;border-radius:12px;background:#101719}.approved-rate-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.approved-rate-title{min-width:0;padding-top:2px}.approved-rate-title>b{display:block;margin-bottom:4px;color:#d38b00;font-size:13px;font-weight:900;text-transform:uppercase}.approved-rate-title h3{margin:0 0 7px;font-family:Inter,Arial,sans-serif;font-size:26px;line-height:1.08;color:#111}.approved-rate-title span{display:block;margin-bottom:6px;color:#9b6500;font-size:12px;font-weight:900}.approved-rate-title p{display:-webkit-box;overflow:hidden;margin:0;color:#393939;font-size:13px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.approved-rate-body{padding:0 17px;flex:1}.compact-enquiry-rates{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;overflow:hidden;border:1px solid #ead9b8;border-radius:11px;background:#fff;font-size:11px}.compact-enquiry-rates th{height:40px;padding:8px 10px;background:#fff1cf;color:#3f2b00;text-align:left;text-transform:uppercase;font-size:10px}.compact-enquiry-rates th:nth-child(1){width:30%}.compact-enquiry-rates th:nth-child(2){width:40%}.compact-enquiry-rates th:nth-child(3){width:30%}.compact-enquiry-rates td{padding:9px 10px;border-top:1px solid #eee1c8;line-height:1.35;vertical-align:top;overflow-wrap:anywhere}.compact-enquiry-rates td b{color:#aa6d00}.approved-view-rates,.approved-view-less{border:0;background:transparent;color:#a86e00;font-weight:900;cursor:pointer;font-size:12px}.approved-view-rates{display:inline-flex;min-height:28px;margin:8px 0 0;padding:3px 0;text-align:left}.approved-view-placeholder{display:block;height:28px;margin-top:8px}.approved-all-rates[hidden],.approved-view-rates[hidden]{display:none!important}.approved-all-rates{margin-top:4px}.approved-all-rates-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 7px;color:#6f4a00;font-size:12px}.approved-view-less{padding:3px}.approved-rate-card.expanded .approved-rate-body>.compact-enquiry-rates:first-child{display:none}.approved-create-enquiry{width:calc(100% - 34px)!important;min-height:50px;margin:10px 17px 17px!important;padding:10px 16px!important;border-color:#df9200!important;color:#b57400!important;font-size:15px!important}.approved-rate-card:not(.expanded) .approved-create-enquiry{margin-top:auto!important}.approved-rate-card tr.highlighted-category{outline:2px solid #d59600;outline-offset:-2px}.approved-rate-card.highlighted-category{outline:2px solid #d59600;outline-offset:2px}@media(max-width:1180px){.enquiry-full .rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.enquiry-full .rate-grid{grid-template-columns:1fr!important;gap:14px!important}.approved-rate-card,.approved-rate-card.expanded{height:auto;min-height:0}.approved-rate-head{grid-template-columns:108px minmax(0,1fr);min-height:112px;padding:13px 13px 9px}.approved-rate-image{width:108px;height:96px}.approved-rate-title h3{font-size:21px}.approved-rate-body{padding:0 13px}.approved-create-enquiry{width:calc(100% - 26px)!important;margin:10px 13px 13px!important}}

/* RC13 Prices & Enquiry: client-side filters, natural-height cards and rate detail */
.enquiry-catalogue-filters{display:grid;grid-template-columns:minmax(320px,2fr) minmax(150px,1fr) minmax(240px,1.45fr) minmax(150px,1fr) auto;gap:10px;align-items:end;margin:18px 0;padding:14px;border:1px solid #ead8b5;border-radius:14px;background:#fffaf0;box-shadow:0 8px 22px rgba(59,42,7,.04)}
.enquiry-catalogue-filters label{display:grid;gap:5px;min-width:0;color:#604b22;font-size:11px;font-weight:900}
.enquiry-catalogue-filters input,.enquiry-catalogue-filters select{width:100%;height:40px;min-width:0;padding:8px 10px;border:1px solid #d9ccb2;border-radius:8px;background:#fff;color:#222;font:inherit;font-weight:600}
.enquiry-catalogue-filters>.btn{box-sizing:border-box;height:40px!important;min-height:40px!important;margin:0!important;padding:8px 14px!important;align-self:end;white-space:nowrap}
.enquiry-filter-summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:3px}
.enquiry-filter-summary strong{color:#6f4a00;font-size:13px}
.enquiry-filter-summary label{display:flex;align-items:center;gap:8px;white-space:nowrap}
.enquiry-filter-summary select{width:72px;height:34px}
.enquiry-full .rate-grid{align-items:start!important}
.approved-rate-card{display:flex!important;flex-direction:column!important}
.approved-rate-card:not(.expanded){height:auto!important;min-height:0!important;overflow:hidden!important}
.approved-rate-card.expanded{height:auto!important;min-height:0!important;overflow:visible!important}
.approved-rate-card:not(.expanded) .approved-rate-head{box-sizing:border-box;height:156px!important;min-height:156px!important;overflow:hidden}
.approved-rate-card.expanded .approved-rate-head{min-height:0!important}
.approved-rate-title h3{font-size:23px!important;line-height:1.12!important}
.approved-rate-title p{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2}
.approved-rate-body{flex:none!important;padding:0 17px!important}
.approved-rate-card:not(.expanded) .approved-rate-body>.compact-enquiry-table-wrap:first-child{min-height:0}
.approved-rate-card:not(.expanded) .approved-rate-body>.compact-enquiry-table-wrap:first-child>.compact-enquiry-rates{height:auto!important}
.compact-enquiry-table-wrap{overflow-x:auto;border-radius:11px}
.compact-enquiry-rates{overflow:visible!important}
.compact-enquiry-rates th:first-child{width:23%!important}
.compact-enquiry-rates th:nth-child(2){width:47%!important}
.compact-enquiry-rates th:nth-child(3){width:30%!important}
.compact-enquiry-rates td{overflow-wrap:normal!important;word-break:normal}
.compact-enquiry-rates .spec-size-cell{overflow-wrap:anywhere}
.approved-rate-card:not(.expanded) .approved-rate-body>.compact-enquiry-table-wrap:first-child tbody tr{height:74px!important;max-height:74px!important}
.approved-rate-card:not(.expanded) .approved-rate-body>.compact-enquiry-table-wrap:first-child tbody td{height:74px!important;max-height:74px!important;padding-top:9px!important;padding-bottom:7px!important;overflow:hidden;vertical-align:top!important}
.preview-cell-clamp{display:-webkit-box;overflow:hidden;max-height:2.7em;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.rate-display-cell{display:flex;min-height:32px;flex-direction:column;justify-content:flex-start}
.rate-display-cell small{display:block;margin-top:3px;color:#746955;font-size:9.5px;font-weight:700;line-height:1.25}
.rate-display-cell b,.rate-display-cell small{white-space:nowrap}
.rate-validity-placeholder{visibility:hidden}
.full-rate-table{min-width:620px;table-layout:auto!important}
.full-rate-table th:first-child{width:16%!important}.full-rate-table th:nth-child(2){width:25%!important}.full-rate-table th:nth-child(3){width:22%!important}.full-rate-table th:nth-child(4){width:22%!important}.full-rate-table th:nth-child(5){width:15%!important}
.rate-remarks-row td{padding:6px 10px 9px!important;background:#fffbf2;color:#625844;font-size:10px;border-top:0!important}
.approved-view-rates{margin:0!important;min-height:0!important}
.approved-all-rates{margin-top:0!important}
.approved-rate-card.expanded .approved-rate-body>.compact-enquiry-table-wrap:first-child{display:none}
.approved-view-less{color:#a86e00!important}
.rate-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #ead9b8;border-top:0;border-radius:0 0 11px 11px;background:#fffaf0;color:#74613b;font-size:10.5px;font-weight:800;line-height:1.2}
.rate-action-strip{box-sizing:border-box;height:34px!important;min-height:34px!important;justify-content:flex-end;padding:8px 10px!important}
.rate-table-footer .approved-view-rates,.rate-table-footer .approved-view-less{display:inline!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#a86e00!important;font-size:10.5px!important;font-weight:900!important;white-space:nowrap;cursor:pointer}
.compact-enquiry-table-wrap:has(.rate-table-footer) .compact-enquiry-rates{border-radius:11px 11px 0 0}
.approved-create-enquiry,.approved-rate-card:not(.expanded) .approved-create-enquiry{margin:14px 17px 17px!important;margin-top:14px!important}
.enquiry-no-products{grid-column:1/-1;display:grid;gap:5px;padding:38px 20px;text-align:center;border:1px dashed #d9c69b;border-radius:14px;background:#fffaf0;color:#6d5a32}
.enquiry-no-products b{font-size:18px}.enquiry-no-products span{font-size:13px}
.enquiry-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:22px 0 4px}
.enquiry-pagination[hidden]{display:none!important}
.enquiry-pagination button{min-width:38px;height:38px;padding:6px 11px;border:1px solid #dfc88d;border-radius:8px;background:#fff;color:#765000;font-weight:850;cursor:pointer}
.enquiry-pagination button.active{background:linear-gradient(135deg,#d59600,#f5b91a);border-color:#d59600;color:#fff}
.enquiry-pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1180px){.enquiry-catalogue-filters{grid-template-columns:minmax(240px,1.6fr) repeat(2,minmax(150px,1fr))}.enquiry-filter-search{grid-column:span 2}.approved-rate-title h3{font-size:22px!important}}
@media(max-width:700px){.enquiry-catalogue-filters{grid-template-columns:1fr;padding:12px}.enquiry-filter-search{grid-column:auto}.enquiry-filter-summary{align-items:flex-start;flex-direction:column}.approved-rate-card:not(.expanded),.approved-rate-card.expanded{height:auto!important;min-height:0!important}.approved-rate-head{min-height:0!important}.approved-rate-title h3{font-size:clamp(18px,5.5vw,21px)!important}.approved-rate-body{padding:0 13px!important}.approved-rate-card:not(.expanded) .approved-rate-body>.compact-enquiry-table-wrap:first-child{min-height:0}.approved-create-enquiry,.approved-rate-card:not(.expanded) .approved-create-enquiry{margin:14px 13px 13px!important;margin-top:14px!important}.compact-enquiry-rates{font-size:10px}.compact-enquiry-rates th,.compact-enquiry-rates td{padding:7px 6px}.compact-enquiry-rates th:first-child{width:23%!important}.compact-enquiry-rates th:nth-child(2){width:47%!important}.compact-enquiry-rates th:nth-child(3){width:30%!important}.rate-table-footer{padding:8px 7px;font-size:10px}.rate-table-footer .approved-view-rates,.rate-table-footer .approved-view-less{font-size:10px!important}}

/* Enquiry pricing checklist */
.enquiry-pricing-options-field{display:grid;gap:4px;color:#222;font-size:13px}.enquiry-pricing-options-field small{color:#70685b;font-weight:600;line-height:1.4}
.enquiry-need-help{display:grid;gap:6px;color:#222;font-size:12.5px;line-height:1.35;font-weight:800}
.enquiry-need-help small{display:block;color:#6f6556;font-size:11.5px;line-height:1.45;font-weight:600}
.enquiry-need-help textarea{margin-top:2px}
.selected-enquiry-products{overflow:hidden;border:1px solid #e3d6ba;border-radius:10px;background:#fff}
.enquiry-option-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid #e3d6ba;background:#fff7e5}.enquiry-option-toolbar label{display:flex;align-items:center;gap:8px;margin:0;font-weight:900}.enquiry-option-toolbar input{width:17px!important;height:17px;margin:0!important;accent-color:var(--gold)}.enquiry-option-toolbar small{color:#72571b;font-weight:800}
.enquiry-options-scroll{display:grid;gap:8px;max-height:52vh;overflow-y:auto;padding:10px}
.selected-product-row{display:grid!important;grid-template-columns:82px minmax(300px,1fr) 120px 145px!important;gap:10px!important;align-items:center!important;padding:11px!important;border:1px solid #e4e1d9!important;border-radius:9px!important;background:#fafafa!important;transition:border-color .15s ease,background .15s ease}
.selected-product-row.selected{border-color:#d8a52b!important;background:#fffaf0!important;box-shadow:inset 3px 0 #d59600}
.pricing-option-check{display:flex!important;align-items:center;gap:7px;margin:0!important}.pricing-option-check input{width:18px!important;height:18px;margin:0!important;accent-color:var(--gold)}
.pricing-option-details{display:grid;grid-template-columns:.72fr 1.15fr 1.15fr 1fr;gap:8px;min-width:0}.pricing-option-details span{min-width:0}.pricing-option-details small{display:block;margin-bottom:3px;color:#756b5a;font-size:9px;font-weight:900;text-transform:uppercase}.pricing-option-details b{display:block;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.selected-product-row>label:not(.pricing-option-check){margin:0!important}.selected-product-row input:disabled,.selected-product-row select:disabled{cursor:not-allowed;background:#efefef!important;color:#888;opacity:.75}
.selected-product-empty{padding:18px!important;border:0!important;background:#fff!important;text-align:center;color:#746955}
@media(max-width:900px){.selected-product-row{grid-template-columns:76px minmax(240px,1fr) 110px 125px!important}.pricing-option-details{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.enquiry-options-scroll{max-height:58vh;padding:8px}.enquiry-option-toolbar{align-items:flex-start;flex-direction:column}.selected-product-row{grid-template-columns:1fr 1fr!important;align-items:end!important}.pricing-option-check,.pricing-option-details{grid-column:1/-1}.pricing-option-details{grid-template-columns:1fr 1fr}.selected-product-row>label:not(.pricing-option-check){width:100%}}

/* =========================================================
   BCSPL Website v1.1 UX - Sprint 1: Mobile navigation
   ========================================================= */
.menu-toggle{display:none;width:46px;height:46px;border:1px solid #eadfca;border-radius:10px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.menu-toggle span{display:block;width:22px;height:2px;background:#111;border-radius:99px;transition:transform .2s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-backdrop{position:fixed;inset:0;z-index:48;border:0;background:rgba(0,0,0,.46);padding:0}
body.menu-open{overflow:hidden}
.crumb a{color:#fff;font-weight:800}
.crumb a:hover,.crumb a:focus-visible{color:var(--gold2)}

@media(max-width:1180px){
  .topbar{z-index:60}
  .topbar .nav{min-height:68px!important;height:68px!important;padding:7px 0!important;gap:12px!important}
  .topbar .brand{min-height:0!important;height:auto!important;gap:9px!important;min-width:0}
  .topbar .brand img{width:38px!important;height:44px!important;max-width:38px!important;max-height:44px!important;flex:0 0 38px!important;object-fit:contain}
  .topbar .brand b{font-size:20px!important;line-height:1.05;white-space:nowrap}
  .topbar .brand span{font-size:10.5px!important;line-height:1.2;white-space:nowrap}
  .topbar .call{display:none!important}
  .menu-toggle{display:flex;flex:0 0 46px;position:relative;z-index:62}
  .topbar .menu{display:flex!important;position:fixed;z-index:61;top:0;right:0;width:min(86vw,360px);height:100dvh;background:#fff;flex-direction:column;gap:0!important;padding:88px 22px 28px;box-shadow:-20px 0 46px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .24s ease;overflow-y:auto}
  body.menu-open .topbar .menu{transform:translateX(0)}
  .topbar .menu a{display:flex;align-items:center;min-height:54px;padding:13px 5px!important;border-bottom:1px solid #eee!important;border-left:4px solid transparent;font-size:15px;letter-spacing:.2px}
  .topbar .menu a.active{color:#b77b00;border-left-color:var(--gold)!important;padding-left:13px!important;background:#fff8ec}
  .topbar .menu a:hover{border-bottom-color:#eee!important}
}

@media(max-width:420px){
  .topbar .brand b{font-size:18px!important}
  .topbar .brand span{font-size:9.5px!important}
  .topbar .brand img{width:34px!important;max-width:34px!important;flex-basis:34px!important}
  .menu-toggle{width:43px;height:43px;flex-basis:43px}
}

/* =========================================================
   BCSPL Website v1.1 UX - Sprint 2A/2B: Homepage mobile UX
   Scope: section priority, compact product cards, quality grid
   ========================================================= */
.home-segment-heading{margin:20px 0 12px;color:#fff}
.home-segment-heading span,.quality-heading span{display:block;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.home-segment-heading h2{margin:4px 0 0;font-size:27px;line-height:1.1;color:#fff}
.quality-section{padding:38px 0;background:#fff8ec;border-top:1px solid #f0dfbc;border-bottom:1px solid #f0dfbc}
.quality-heading{text-align:center;margin-bottom:22px}
.quality-heading span{color:#b47700}
.quality-heading h2{margin:6px 0 0;font-size:31px;line-height:1.12}
.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quality-item{display:flex;align-items:center;gap:13px;min-height:88px;padding:15px;border:1px solid #ead8b2;border-radius:14px;background:#fff;box-shadow:0 9px 22px rgba(0,0,0,.045)}
.quality-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#fff4d7;color:#b47700}
.quality-icon svg,.badge-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quality-item b{display:block;font-size:14px;line-height:1.2}
.quality-item small{display:block;margin-top:4px;color:#6b6254;font-size:11.5px;line-height:1.3}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}
  .hero-copy{max-width:780px}
  .hero-side{display:flex;flex-direction:column}
  .hero-search-panel{order:1;margin:4px 0 15px!important}
  .home-segment-heading{order:2}
  .hero-products{order:3}
  .hero-actions{order:4}
  .quality-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){
  .hero{padding:24px 0 30px!important;background-position:center!important}
  .hero-grid{gap:12px!important}
  .hero h1{font-size:clamp(31px,10vw,42px)!important;line-height:1.02!important;margin-bottom:12px!important}
  .markline{margin:12px 0!important}
  .hero p{font-size:14px!important;line-height:1.48!important;margin:0 0 14px!important}
  .hero-search-panel{padding:14px!important;border-radius:13px!important;box-shadow:0 14px 30px rgba(0,0,0,.24)!important}
  .hero-search-title{font-size:19px!important}
  .hero-search-sub{font-size:12px!important;line-height:1.35!important}
  .hero-search-row{grid-template-columns:1fr auto!important;gap:8px!important}
  .hero-search-row input{grid-column:1/-1;height:44px!important;font-size:13px!important}
  .hero-search-row button{height:42px!important;padding:0 14px!important}
  .hero-search-chips{gap:6px!important;margin-top:9px!important}
  .hero-search-chips button{padding:6px 9px!important;font-size:11px!important}
  .home-segment-heading{margin:10px 0 9px!important}
  .home-segment-heading h2{font-size:23px!important}
  .hero-products{grid-template-columns:1fr!important;gap:11px!important}
  .home-cat-card{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;min-height:124px!important;height:124px!important;text-align:left!important;border-radius:12px!important;box-shadow:0 12px 24px rgba(0,0,0,.24)!important}
  .home-cat-visual{height:124px!important;border-bottom:0!important;border-right:1px solid rgba(213,150,0,.38)!important}
  .home-cat-body{padding:13px 30px 12px 13px!important;justify-content:center!important;min-width:0}
  .home-cat-body h3{font-size:17px!important;margin:0 0 5px!important;line-height:1.08!important}
  .home-cat-body p{font-size:11.5px!important;line-height:1.32!important;min-height:0!important;padding:0!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
  .home-cat-card:after{display:none!important}
  .home-cat-card:hover{transform:none!important}
  .home-icon{width:34px!important;height:34px!important;left:101px!important;top:10px!important}
  .home-icon img{width:25px!important;height:25px!important}
  .card-arrow{right:11px!important;bottom:9px!important;font-size:18px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:14px!important}
  .hero-btn{width:100%!important;min-height:46px!important;padding:11px 14px!important}
  .quality-section{padding:28px 0!important}
  .quality-heading{text-align:left!important;margin-bottom:14px!important}
  .quality-heading h2{font-size:25px!important}
  .quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .quality-item{min-height:88px!important;align-items:flex-start!important;gap:9px!important;padding:11px!important;border-radius:11px!important}
  .quality-icon{flex-basis:34px;width:34px;height:34px;border-radius:9px}
  .quality-icon svg{width:20px;height:20px}
  .quality-item b{font-size:12px!important}
  .quality-item small{font-size:10px!important;line-height:1.25!important}
  .about-section{padding-top:30px!important}
  .about-copy-final{padding-bottom:14px!important}
  .leaf-visual-wrap{display:none!important}
}

@media(max-width:390px){
  .home-cat-card{grid-template-columns:104px minmax(0,1fr)!important;height:116px!important;min-height:116px!important}
  .home-cat-visual{height:116px!important}
  .home-icon{left:87px!important}
  .quality-grid{grid-template-columns:1fr 1fr!important}
  .quality-item{padding:9px!important;gap:7px!important}
  .quality-icon{flex-basis:30px;width:30px;height:30px}
}

/* ==========================================================
   BCSPL Website V1.1 UX — Sprint 2 RC2 final homepage concept
   ========================================================== */
.hero-grid{grid-template-columns:minmax(360px,.88fr) minmax(0,1.72fr)!important;align-items:start!important}
.hero-copy{padding-top:4px}
.hero-value{font-size:18px!important;line-height:1.55!important;max-width:470px!important;margin:0 0 20px!important}
.hero-actions-left{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:22px 0 20px!important;width:100%!important;max-width:500px!important}
.hero-actions-left .hero-btn{min-height:54px!important;padding:12px 16px!important}
.hero-actions-left .btn-outline{background:transparent!important;color:#fff!important;border:1.5px solid var(--gold2)!important}
.hero-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:520px;border:1px solid rgba(213,150,0,.32);background:rgba(0,0,0,.28);border-radius:14px;padding:14px 8px;margin-top:8px;backdrop-filter:blur(5px)}
.hero-trust-strip>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 8px;border-right:1px solid rgba(255,255,255,.14)}
.hero-trust-strip>div:last-child{border-right:0}.hero-trust-strip span{color:var(--gold2);font-size:22px;line-height:1}.hero-trust-strip b{font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.25px;color:#fff}
.hero-search-panel{margin-top:0!important}
.hero-search-kicker{color:#b77b00;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.home-segment-heading{margin-top:20px}
.mobile-bottom-nav{display:none}
.quality-icon{font-size:28px!important;font-weight:900!important}

@media (min-width:1181px){
  .hero{padding-top:34px!important;padding-bottom:42px!important}
  .hero-copy{position:sticky;top:112px}
  .hero-products{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

@media (max-width:1180px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-copy{display:grid;grid-template-columns:1fr;max-width:820px}
  .hero-actions-left,.hero-trust-strip{max-width:760px!important}
}

@media (max-width:700px){
  body{padding-bottom:70px}
  .hero{padding:18px 0 26px!important;background-position:62% center!important}
  .hero-grid{display:flex!important;flex-direction:column!important;gap:14px!important}
  .hero-copy{width:100%;padding:0!important}
  .hero h1{font-size:34px!important;line-height:1.04!important;margin:2px 0 10px!important}
  .markline{display:none}
  .hero-value{font-size:15px!important;line-height:1.45!important;max-width:330px!important;margin-bottom:12px!important}
  .hero-actions-left{grid-template-columns:1fr!important;gap:9px!important;margin:12px 0 13px!important;max-width:none!important}
  .hero-actions-left .hero-btn{min-height:48px!important;font-size:14px!important}
  .hero-trust-strip{order:3;grid-template-columns:repeat(4,1fr);max-width:none!important;width:100%;padding:11px 3px;margin:0!important;border-radius:12px}
  .hero-trust-strip>div{padding:0 3px}.hero-trust-strip span{font-size:19px}.hero-trust-strip b{font-size:8.5px}
  .hero-side{display:contents!important}
  .hero-search-panel{order:2;margin:0!important;padding:14px!important;border-radius:14px!important}
  .hero-search-kicker{font-size:11px}
  .hero-search-title{font-size:19px!important;line-height:1.16!important}
  .hero-search-sub{display:none}
  .hero-search-row{grid-template-columns:1fr auto!important;gap:8px!important}
  #homeSearchClear{display:none!important}
  .hero-search-row input{min-width:0!important;font-size:13px!important}
  .hero-search-row button{padding:10px 13px!important}
  .hero-search-chips{gap:7px!important;margin-top:10px!important}
  .hero-search-chips button{font-size:10.5px!important;padding:7px 10px!important}
  .home-segment-heading{order:4;text-align:center;margin:10px 0 0!important}
  .home-segment-heading h2{font-size:25px!important;margin:3px 0 10px!important}
  .hero-products{order:5;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%}
  .home-cat-card{min-height:210px!important;border-radius:12px!important}
  .home-cat-visual{height:98px!important}
  .home-icon{width:42px!important;height:42px!important;top:78px!important;border-width:4px!important;font-size:18px!important}
  .home-cat-body{padding:28px 8px 11px!important;min-height:108px!important}
  .home-cat-body h3{font-size:14px!important;line-height:1.05!important;margin-bottom:6px!important}
  .home-cat-body p{font-size:10.5px!important;line-height:1.28!important;padding:0 5px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .card-arrow{font-size:15px!important;right:8px!important;bottom:7px!important}
  .quality-section{padding:26px 0 22px!important}
  .quality-heading{text-align:center}.quality-heading h2{font-size:24px!important}
  .quality-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .quality-item{min-height:112px!important;padding:14px 10px!important;display:flex!important;flex-direction:column!important;text-align:center!important;justify-content:center!important}
  .quality-item small{font-size:10.5px!important}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:64px;background:#080b0d;color:#fff;z-index:100;border-top:1px solid rgba(213,150,0,.35);box-shadow:0 -8px 24px rgba(0,0,0,.28);padding:4px 5px 3px}
  .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;position:relative}
  .mobile-bottom-nav a>span{font-size:20px;line-height:1}.mobile-bottom-nav a>b{font-size:8.5px;text-transform:uppercase}.mobile-bottom-nav a.active{color:var(--gold2)}
  .mobile-bottom-nav .bottom-enquiry{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;align-self:end;justify-self:center;transform:translateY(-11px);box-shadow:0 5px 18px rgba(213,150,0,.45);border:3px solid #111}
  .mobile-bottom-nav .bottom-enquiry>span{font-size:21px}.mobile-bottom-nav .bottom-enquiry>b{font-size:8px}
}

/* ==========================================================
   BCSPL Website V1.1 UX — Sprint 2 RC3 approved visual design
   Industrial coil hero, professional icons, fuller product cards
   ========================================================== */
.hero{
  background:
    linear-gradient(90deg,rgba(2,5,7,.96) 0%,rgba(3,7,9,.78) 42%,rgba(4,7,8,.66) 100%),
    url('../assets/hero-bg-clean.jpg') center/cover no-repeat!important;
  isolation:isolate;
}
.hero:before{
  left:-145px!important;bottom:-250px!important;width:430px!important;height:430px!important;
  border-width:30px!important;opacity:.5!important;z-index:-1;
}
.hero:after{
  content:"";position:absolute;z-index:-1;left:29%;bottom:0;width:38%;height:82%;
  background:url('../assets/products/clean-coil.jpg') center bottom/contain no-repeat;
  filter:brightness(.72) contrast(1.16) saturate(.72);
  opacity:.82;mix-blend-mode:screen;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);
}
.hero-grid{grid-template-columns:minmax(410px,1.02fr) minmax(0,1.48fr)!important;gap:42px!important;}
.hero-copy{padding-top:8px!important;position:relative;z-index:2}
.hero h1{font-size:48px!important;line-height:1.04!important;text-shadow:0 3px 20px rgba(0,0,0,.35)}
.hero-value{max-width:520px!important;font-size:16px!important;line-height:1.56!important;font-weight:650!important;margin-top:12px!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hero-actions-left{max-width:520px!important;margin-top:20px!important}
.hero-trust-strip{max-width:560px!important;background:rgba(3,6,7,.72)!important;border-color:rgba(245,179,26,.42)!important;box-shadow:0 16px 35px rgba(0,0,0,.22)}
.trust-svg{display:grid!important;place-items:center;width:32px;height:32px!important;color:var(--gold2)!important}
.trust-svg svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-side{position:relative;z-index:3}
.hero-search-panel{background:rgba(8,11,12,.88)!important;color:#fff!important;border-color:rgba(245,179,26,.55)!important;backdrop-filter:blur(10px);box-shadow:0 24px 56px rgba(0,0,0,.38)!important}
.hero-search-kicker{color:var(--gold2)!important}
.hero-search-title{color:#fff!important}
.hero-search-sub{color:#e9e3d8!important}
.hero-search-row input{background:rgba(255,255,255,.97)!important}
.hero-search-chips a,.hero-search-chips button{background:rgba(5,8,9,.55)!important;color:#fff!important;border-color:rgba(245,179,26,.54)!important}
.hero-search-chips a:hover,.hero-search-chips button:hover{background:var(--gold)!important}
.home-segment-heading{text-align:center;margin-top:24px!important}
.home-segment-heading h2{font-size:29px!important}
.hero-products{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.home-cat-card{min-height:292px!important;border-radius:11px!important;box-shadow:0 16px 35px rgba(0,0,0,.3)!important}
.home-cat-visual{height:116px!important}
.home-cat-body{padding:34px 13px 13px!important;text-align:left!important}
.home-cat-body h3{text-align:center;font-size:17px!important;margin:0 0 9px!important;min-height:36px;display:flex;align-items:center;justify-content:center}
.home-cat-body p,.home-cat-body ul{margin:0 0 9px!important;padding:0!important;color:#242424!important;font-size:11.7px!important;line-height:1.38!important;min-height:60px!important}
.home-cat-body ul{list-style:none}
.home-cat-body li{position:relative;padding-left:10px;margin-bottom:3px}
.home-cat-body li:before{content:'•';position:absolute;left:0;color:#b87900;font-weight:900}
.home-card-link{margin-top:auto;color:#b87900;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.35px}
.home-icon{box-shadow:0 7px 18px rgba(0,0,0,.22)!important}
.quality-section{background:#090d0f!important;color:#fff!important;border:0!important;padding:25px 0!important}
.quality-heading{display:none!important}
.quality-grid{gap:0!important}
.quality-item{background:transparent!important;border:0!important;border-right:1px solid rgba(255,255,255,.15)!important;border-radius:0!important;box-shadow:none!important;min-height:84px!important;padding:12px 22px!important;color:#fff!important}
.quality-item:last-child{border-right:0!important}
.quality-icon{background:transparent!important;color:var(--gold2)!important;flex-basis:46px!important;width:46px!important;height:46px!important}
.quality-icon svg{width:37px!important;height:37px!important;stroke-width:1.6!important}
.quality-item b{color:var(--gold2)!important;text-transform:uppercase;font-size:12px!important;letter-spacing:.4px}
.quality-item small{color:#fff!important;font-size:11.5px!important;line-height:1.35!important}

@media(min-width:1181px){
  .hero{min-height:calc(100vh - 82px)!important;padding-top:38px!important;padding-bottom:38px!important}
  .hero-copy{position:static!important}
}

@media(max-width:1180px){
  .hero:after{left:42%;width:58%;height:60%;opacity:.55}
  .hero-grid{grid-template-columns:1fr!important}
  .hero-copy{max-width:850px!important}
}

@media(max-width:700px){
  .hero{
    background:
      linear-gradient(180deg,rgba(2,5,7,.74) 0%,rgba(2,5,7,.93) 58%,rgba(2,5,7,.98) 100%),
      url('../assets/hero-bg-clean.jpg') 68% center/cover no-repeat!important;
    padding:18px 0 26px!important;
  }
  .hero:after{left:auto;right:-34%;top:16px;bottom:auto;width:92%;height:310px;opacity:.48;background-size:contain;filter:brightness(.62) contrast(1.15) saturate(.7)}
  .hero h1{font-size:clamp(30px,8.8vw,38px)!important;max-width:390px}
  .hero-value{max-width:390px!important;font-size:13.6px!important;line-height:1.48!important;margin:10px 0 12px!important}
  .hero-trust-strip{background:rgba(2,5,6,.82)!important;padding:10px 2px!important}
  .trust-svg{width:25px!important;height:25px!important}
  .trust-svg svg{width:24px;height:24px}
  .hero-trust-strip b{font-size:8px!important}
  .hero-search-panel{background:rgba(6,9,10,.9)!important;border-color:rgba(245,179,26,.44)!important}
  .home-segment-heading{background:#fff;color:#111;margin:0 -4vw!important;padding:15px 4vw 8px!important}
  .home-segment-heading span{color:#b47700!important}.home-segment-heading h2{color:#111!important;font-size:23px!important}
  .hero-products{background:#fff;margin:0 -4vw -26px!important;padding:4px 4vw 24px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .home-cat-card{display:flex!important;min-height:205px!important;height:auto!important;text-align:center!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(0,0,0,.12)!important}
  .home-cat-visual{height:82px!important;border-right:0!important;border-bottom:1px solid rgba(213,150,0,.28)!important}
  .home-icon{width:32px!important;height:32px!important;top:66px!important;left:50%!important;transform:translateX(-50%)!important;border-width:3px!important}
  .home-icon img{width:22px!important;height:22px!important}
  .home-cat-body{padding:20px 6px 9px!important;text-align:center!important;justify-content:flex-start!important}
  .home-cat-body h3{font-size:11px!important;min-height:26px!important;margin-bottom:5px!important}
  .home-cat-body p,.home-cat-body ul{font-size:8.8px!important;line-height:1.3!important;min-height:55px!important;margin-bottom:6px!important;text-align:left!important}
  .home-cat-body li{padding-left:7px;margin-bottom:2px}
  .home-card-link{font-size:8px!important;margin-top:auto}
  .card-arrow{font-size:12px!important;right:6px!important;bottom:5px!important}
  .quality-section{padding:18px 0!important}
  .quality-grid{grid-template-columns:repeat(4,1fr)!important}
  .quality-item{min-height:90px!important;padding:7px 5px!important;gap:4px!important;border-right:1px solid rgba(255,255,255,.14)!important;align-items:center!important}
  .quality-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
  .quality-icon svg{width:25px!important;height:25px!important}
  .quality-item b{font-size:8px!important;text-align:center}
  .quality-item small{display:none!important}
}

@media(max-width:360px){
  .hero-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-cat-card{min-height:190px!important}
  .home-cat-body p,.home-cat-body ul{font-size:9.5px!important}
}


/* ==========================================================
   BCSPL Website V1.1 UX — Sprint 2 RC4 refinements
   Full-width mobile products, premium CTAs, icon search,
   5 desktop segments / up to 6 mobile segments
   ========================================================== */

/* Premium gold treatment for primary calls to action */
.btn-gold,
.hero-search-row #homeSearchBtn{
  background:linear-gradient(135deg,#b97800 0%,#d99800 42%,#f5c451 100%)!important;
  border-color:#e2a313!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(190,126,0,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;
  text-shadow:0 1px 1px rgba(80,45,0,.28);
}
.btn-gold:hover,
.hero-search-row #homeSearchBtn:hover{
  background:linear-gradient(135deg,#a96c00 0%,#cf8c00 45%,#efbc43 100%)!important;
  transform:translateY(-1px);
  box-shadow:0 13px 28px rgba(190,126,0,.34),inset 0 1px 0 rgba(255,255,255,.3)!important;
}
.hero-actions .btn-outline{
  background:linear-gradient(180deg,rgba(16,18,19,.88),rgba(2,4,5,.96))!important;
  color:#fff!important;
  border-color:#d99b10!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.2);
}
.hero-actions .btn-outline:hover{border-color:#f5c451!important;color:#f5c451!important}

/* Search icon button */
.search-icon-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:56px}
.search-icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

/* Desktop retains a maximum of five visible segment cards. */
@media(min-width:701px){
  .hero-products .home-cat-card:nth-child(n+6){display:none!important}
}

@media(max-width:700px){
  /* Make the complete product section truly edge-to-edge, avoiding the
     narrow white panel and black strip visible at the right side. */
  .home-segment-heading,
  .hero-products{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .home-segment-heading{
    background:linear-gradient(180deg,#fff 0%,#fffaf0 100%)!important;
    padding:17px max(18px,4vw) 10px!important;
    border-top:1px solid rgba(213,150,0,.2);
  }
  .hero-products{
    background:linear-gradient(180deg,#fffaf0 0%,#fff 38%,#fffaf4 100%)!important;
    padding:8px max(18px,4vw) 28px!important;
    margin-bottom:-26px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .hero-products .home-cat-card:nth-child(n+7){display:none!important}
  .home-cat-card{border-color:#d99b10!important;box-shadow:0 10px 23px rgba(38,25,0,.12)!important}
  .home-cat-body{background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important}
  .home-card-link{color:#a96c00!important;font-weight:950!important}
  .search-btn-text{display:none!important}
  .hero-search-row #homeSearchBtn{width:48px!important;min-width:48px!important;padding:0!important;border-radius:10px!important}
  .hero-search-row #homeSearchClear{display:none!important}
  .hero-search-row{grid-template-columns:minmax(0,1fr) 48px!important;gap:8px!important}
}

@media(max-width:379px){
  .hero-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* =========================================================
   BCSPL Website v1.1 UX - RC6 controlled homepage release
   ========================================================= */
.hero.hero-v11{
  min-height:650px;
  padding:54px 0 0;
  background:
    linear-gradient(90deg,rgba(2,5,7,.95) 0%,rgba(2,5,7,.82) 45%,rgba(2,5,7,.48) 100%),
    url('../assets/hero-coil-clean.jpg') center right/cover no-repeat;
}
.hero.hero-v11:before{display:none}
.hero-v11-inner{position:relative;z-index:1}
.hero-v11-copy{max-width:920px}
.hero-headline{font-size:clamp(52px,5.2vw,82px)!important;line-height:.94!important;text-transform:none!important;max-width:720px;margin-bottom:18px!important}
.hero-headline>span,.hero-headline>em{display:block}
.hero-headline>span{color:var(--gold2)!important}
.hero-brandline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,2vw,30px);font-weight:800;line-height:1.25;margin:8px 0 0}
.hero-brandline strong{color:var(--gold2)}
.hero-value{max-width:700px!important;font-size:16px!important;line-height:1.55!important;margin:12px 0 18px!important;font-weight:650!important}
.hero-value-mobile{display:none}
.hero-search-inline{width:min(900px,100%);margin:20px 0 16px;background:rgba(3,7,8,.78);border:1px solid rgba(213,150,0,.7);border-radius:16px;padding:18px 20px;box-shadow:0 18px 42px rgba(0,0,0,.32);backdrop-filter:blur(8px)}
.hero-search-kicker{color:var(--gold2);text-transform:uppercase;font-weight:950;letter-spacing:.9px;font-size:13px;margin-bottom:10px}
.hero-search-row{height:58px;display:grid;grid-template-columns:48px minmax(0,1fr) 58px auto;align-items:center;background:#fff;border:1px solid #d8a21a;border-radius:12px;overflow:hidden;position:relative}
.hero-search-row input{height:100%;min-width:0;border:0!important;outline:0;padding:0 10px!important;font-size:15px;background:#fff;color:#222}
.search-leading-icon{height:100%;display:grid;place-items:center;color:#c88700;background:#fff}
.search-leading-icon svg,.search-icon-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.search-icon-btn{height:100%;width:58px;border:0!important;border-radius:0!important;background:linear-gradient(135deg,#c98200,#f4b51d)!important;color:#fff!important;display:grid!important;place-items:center;padding:0!important;box-shadow:none!important}
.search-clear-inline{height:100%;border:0;background:#fff;color:#8a6000;font-size:25px;font-weight:400;padding:0 16px;cursor:pointer}
.hero-search-row input:placeholder-shown~.search-clear-inline{display:none}
.hero-search-label{margin:13px 0 8px;text-transform:uppercase;font-size:11px;font-weight:950;color:#fff}
.hero-search-chips{display:flex!important;flex-wrap:wrap;gap:8px!important}
.hero-search-chips button{border:1px solid rgba(213,150,0,.75)!important;background:rgba(0,0,0,.42)!important;color:#fff!important;border-radius:999px!important;padding:8px 13px!important;font-size:12px!important;font-weight:850!important}
.hero-actions-left{display:flex;gap:14px;margin:12px 0 20px}
.hero-btn{min-width:260px;min-height:56px;font-size:15px;text-transform:uppercase;letter-spacing:.2px}
.hero-actions-left .btn-outline{background:rgba(3,7,8,.7)!important;color:#fff!important;border-color:var(--gold2)!important}
.hero-trust-strip{width:100vw;margin-left:calc(50% - 50vw);padding:17px max(4vw,calc((100vw - 1240px)/2));display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(3,7,8,.9);border-top:1px solid rgba(213,150,0,.6);margin-top:25px}
.hero-trust-strip>div{display:grid!important;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left!important;padding:5px 25px;border-right:1px solid rgba(255,255,255,.18)}
.hero-trust-strip>div:last-child{border-right:0}
.hero-trust-strip .trust-svg{grid-row:1/3;width:34px;height:34px;margin:0!important;color:var(--gold2)}
.hero-trust-strip b{font-size:13px;line-height:1.2;text-transform:uppercase}
.hero-trust-strip small{display:block;color:#d9d9d9;font-size:11px;line-height:1.2;margin-top:4px}

.home-segments-v11{padding:38px 0 42px;background:linear-gradient(180deg,#fff,#fff9ef)}
.home-segments-v11 .home-segment-heading{text-align:center;margin-bottom:20px}
.home-segments-v11 .home-segment-heading span{color:#b97800;text-transform:uppercase;font-weight:950;letter-spacing:1px;font-size:12px}
.home-segments-v11 .home-segment-heading h2{font-size:36px;margin:5px 0 0}
.segment-carousel-shell{position:relative;padding:0 34px}
.segment-carousel{display:flex!important;gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 2px 22px}
.segment-carousel::-webkit-scrollbar{display:none}
.segment-carousel .home-cat-card{flex:0 0 calc((100% - 80px)/6);min-width:175px;scroll-snap-align:start;box-shadow:0 12px 26px rgba(0,0,0,.1);min-height:315px}
.segment-carousel .home-cat-visual{height:145px}
.segment-carousel .home-cat-body p{text-align:left;font-size:12px;min-height:72px}
.segment-carousel .home-cat-body p:before{content:'• ';color:var(--gold);font-weight:900}
.segment-arrow{position:absolute;top:47%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid #d59600;background:#fff;color:#b87800;font-size:32px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.15);cursor:pointer}
.segment-arrow:disabled{opacity:.25;cursor:default}
.segment-prev{left:-10px}.segment-next{right:-10px}
.view-all-segments{display:none}

@media(max-width:900px){
  .hero.hero-v11{min-height:auto;padding:28px 0 0;background-position:63% center}
  .hero-v11-copy{max-width:none}
  .hero-headline{font-size:clamp(42px,11vw,58px)!important;line-height:.96!important}
  .hero-brandline{font-size:20px}
  .hero-value-desktop{display:none}
  .hero-value-mobile{display:block;font-size:15px!important;line-height:1.45!important;margin:10px 0 14px!important}
  .hero-search-inline{margin:14px 0;padding:14px;border-radius:14px}
  .hero-search-row{height:54px;grid-template-columns:42px minmax(0,1fr) 54px auto}
  .hero-search-row input{font-size:13px!important;padding:0 5px!important}
  .search-leading-icon svg,.search-icon-btn svg{width:21px;height:21px}
  .search-clear-inline{padding:0 10px;font-size:22px}
  .hero-search-chips button{font-size:11px!important;padding:7px 10px!important}
  .hero-actions-left{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-btn{width:100%;min-width:0;min-height:54px}
  .hero-trust-strip{grid-template-columns:repeat(4,1fr);padding:13px 8px;margin-top:18px}
  .hero-trust-strip>div{display:flex!important;flex-direction:column;text-align:center!important;padding:4px 6px;border-right:1px solid rgba(255,255,255,.15)}
  .hero-trust-strip .trust-svg{width:27px;height:27px;margin:0 0 6px!important}
  .hero-trust-strip b{font-size:9px}
  .hero-trust-strip small{display:none}
  .home-segments-v11{padding:30px 0 90px}
  .home-segments-v11 .home-segment-heading h2{font-size:31px}
  .segment-carousel-shell{padding:0}
  .segment-arrow{display:none}
  .segment-carousel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:12px!important;padding:0}
  .segment-carousel .home-cat-card{min-width:0;min-height:330px}
  .segment-carousel .home-cat-visual{height:145px}
  .segment-carousel .home-cat-body{padding:17px 12px 15px}
  .segment-carousel .home-cat-body h3{font-size:17px}
  .segment-carousel .home-cat-body p{font-size:11px;min-height:68px}
  .view-all-segments{display:flex;justify-content:center;align-items:center;margin:18px auto 0;min-height:48px;border:1px solid #d59600;border-radius:10px;color:#a66c00;font-weight:900;text-transform:uppercase}
}

@media(max-width:420px){
  .hero-headline{font-size:40px!important}
  .hero-brandline{font-size:18px}
  .hero-search-row{grid-template-columns:38px minmax(0,1fr) 50px auto}
  .hero-search-row input{font-size:12.5px!important}
  .segment-carousel .home-cat-card{min-height:312px}
  .segment-carousel .home-cat-visual{height:132px}
}

/* Mobile expanded prices: remove horizontal page overflow and stack full rows */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .enquiry-full,.enquiry-full .container,.rate-grid,.approved-rate-card,.rate-card-v2{min-width:0!important;max-width:100%!important}
  .compact-enquiry-table-wrap{overflow:visible!important;max-width:100%!important}
  .full-rate-table{min-width:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0 9px!important;background:transparent!important}
  .full-rate-table thead{display:none!important}
  .full-rate-table tbody,.full-rate-table tr,.full-rate-table td{display:block!important;width:100%!important}
  .full-rate-table tr{border:1px solid #ead9b8!important;border-radius:10px!important;background:#fffaf0!important;padding:8px 10px!important;margin:0 0 9px!important;overflow:hidden}
  .full-rate-table td{height:auto!important;min-height:0!important;border:0!important;padding:5px 4px 5px 42%!important;position:relative!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .full-rate-table td:before{position:absolute;left:4px;top:5px;width:38%;color:#8b6500;font-size:10px;font-weight:900;text-transform:uppercase}
  .full-rate-table td:nth-child(1):before{content:'Grade'}
  .full-rate-table td:nth-child(2):before{content:'Specification'}
  .full-rate-table td:nth-child(3):before{content:'Size'}
  .full-rate-table td:nth-child(4):before{content:'Rate'}
  .full-rate-table td:nth-child(5):before{content:'Validity'}
  .rate-remarks-row td{padding:7px!important;background:transparent!important}
  .rate-remarks-row td:before{display:none!important}
  .approved-create-enquiry,.enqPick{width:calc(100% - 26px)!important;margin-left:13px!important;margin-right:13px!important}
}


/* =========================================================
   BCSPL Website v1.1 UX - RC7 final visual refinement
   ========================================================= */
.hero.hero-v11{
  min-height:720px!important;
  padding:46px 0 0!important;
  background:
    linear-gradient(90deg,rgba(2,5,7,.96) 0%,rgba(2,5,7,.88) 34%,rgba(2,5,7,.30) 66%,rgba(2,5,7,.10) 100%),
    url('../assets/hero-coils-rc7.jpg') 62% center/cover no-repeat!important;
}
.hero-v11-copy{max-width:1180px!important}
.hero-headline{max-width:620px!important;font-size:clamp(48px,4.45vw,72px)!important;line-height:.98!important;margin-bottom:12px!important}
.hero-headline>span{display:inline!important;color:var(--gold2)!important}
.hero-headline>em{display:block!important;color:#fff!important;font-style:normal!important}
.hero-brandline{max-width:660px!important;font-size:clamp(20px,1.8vw,28px)!important;margin-top:6px!important}
.hero-value{max-width:620px!important;margin:12px 0 18px!important}
.hero-search-inline{width:min(920px,78vw)!important;margin:18px 0 14px!important;padding:16px 18px!important;background:rgba(3,7,8,.72)!important;backdrop-filter:blur(10px)!important;box-shadow:0 20px 50px rgba(0,0,0,.38)!important}
.hero-search-row{height:60px!important}
.hero-actions-left{margin:10px 0 18px!important}
.hero-trust-strip{margin-top:18px!important}

/* About artwork: full, balanced left and right petals */
.about-final{grid-template-columns:minmax(0,1.1fr) minmax(460px,.9fr)!important;gap:46px!important;align-items:center!important}
.leaf-visual-wrap{min-height:470px!important;padding:0!important;justify-content:center!important}
.leaf-visual{width:min(100%,610px)!important;max-height:500px!important;object-fit:contain!important;filter:drop-shadow(0 22px 30px rgba(0,0,0,.14))!important}

/* Contact: one alignment line and intentional closing CTA */
.contact-head.contact-head-rc7{display:block!important;max-width:980px!important;margin:0 0 24px!important}
.contact-head.contact-head-rc7 span{display:block!important;margin-bottom:9px!important}
.contact-head.contact-head-rc7 h2{font-size:32px!important;line-height:1.08!important;max-width:820px!important;margin:0 0 11px!important}
.contact-head.contact-head-rc7 p{max-width:760px!important;margin:0!important}
.contact-cta-strip{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid rgba(213,150,0,.42);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 18px 36px rgba(0,0,0,.20)}
.contact-cta-strip>div{display:grid;gap:5px}.contact-cta-strip b{font-size:18px}.contact-cta-strip span{color:#d5d5d5;font-size:14px}.contact-cta-strip .btn{min-width:220px;justify-content:center}

@media(max-width:1100px){
  .hero.hero-v11{background-position:68% center!important}
  .hero-search-inline{width:min(860px,88vw)!important}
  .about-final{grid-template-columns:1fr!important}
  .leaf-visual-wrap{min-height:auto!important}
}
@media(max-width:900px){
  .hero.hero-v11{min-height:auto!important;padding:28px 0 0!important;background-position:70% center!important;background-size:auto 100%!important}
  .hero-headline{font-size:clamp(39px,10.5vw,54px)!important;max-width:100%!important}
  .hero-headline>span{display:inline!important}
  .hero-headline>em{display:block!important}
  .hero-search-inline{width:100%!important;margin:14px 0!important}
  .hero-search-row{height:54px!important}
  .leaf-visual{max-width:560px!important;width:96%!important}
  .contact-cta-strip{display:grid!important}.contact-cta-strip .btn{width:100%!important;min-width:0!important}
}
@media(max-width:620px){
  .hero.hero-v11{background-position:72% center!important}
  .hero-headline{font-size:39px!important}
  .contact-head.contact-head-rc7 h2{font-size:27px!important}
  .contact-cta-strip{padding:16px!important}
}


/* =========================================================
   BCSPL Website v1.1 UX - RC7.1 production polish
   Homepage-only visual corrections based on approved mock
   ========================================================= */
@media (min-width: 901px){
  .hero.hero-v11{
    min-height:640px!important;
    padding:42px 0 0!important;
    background-color:#05090b!important;
    background-image:
      linear-gradient(90deg,rgba(2,5,7,.98) 0%,rgba(2,5,7,.92) 27%,rgba(2,5,7,.58) 49%,rgba(2,5,7,.18) 72%,rgba(2,5,7,.05) 100%),
      url('../assets/hero-coils-rc7.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center, right 44%!important;
    background-size:100% 100%, auto 91%!important;
  }
  .hero-v11-copy{max-width:1260px!important}
  .hero-headline{font-size:clamp(46px,4.1vw,66px)!important;max-width:610px!important;line-height:.98!important}
  .hero-brandline{font-size:clamp(19px,1.6vw,26px)!important}
  .hero-value{max-width:590px!important;font-size:15px!important;line-height:1.5!important}
  .hero-search-inline{width:min(980px,72vw)!important;margin-top:14px!important;margin-bottom:12px!important;padding:14px 16px!important}
  .hero-search-row{height:56px!important}
  .hero-actions-left{margin:8px 0 14px!important}
  .hero-btn{min-height:52px!important;min-width:250px!important}
  .hero-trust-strip{margin-top:14px!important;padding-top:14px!important;padding-bottom:14px!important}
  .home-segments-v11{padding-top:30px!important;padding-bottom:34px!important}
  .home-segments-v11 .home-segment-heading{margin-bottom:14px!important}
  .home-segments-v11 .home-segment-heading span{font-size:13px!important;color:#c27e00!important;letter-spacing:1.2px!important}
  .home-segments-v11 .home-segment-heading h2{font-size:34px!important;margin-top:3px!important}
  .segment-carousel{gap:12px!important;padding-bottom:14px!important}
  .segment-carousel .home-cat-card{flex-basis:calc((100% - 60px)/6)!important;box-shadow:0 9px 22px rgba(0,0,0,.10)!important}
  .segment-prev{left:2px!important}.segment-next{right:2px!important}
}

@media (max-width:900px){
  .hero.hero-v11{
    padding:24px 0 0!important;
    background-color:#040809!important;
    background-image:
      linear-gradient(90deg,rgba(2,5,7,.96) 0%,rgba(2,5,7,.84) 48%,rgba(2,5,7,.38) 100%),
      url('../assets/hero-coils-rc7.jpg')!important;
    background-repeat:no-repeat!important;
    background-size:auto 58%, auto 58%!important;
    background-position:center top, 78% 8%!important;
  }
  .hero-headline{font-size:clamp(36px,9.8vw,48px)!important;line-height:.98!important;margin-bottom:12px!important}
  .hero-brandline{font-size:18px!important;line-height:1.2!important}
  .hero-value-mobile{font-size:14px!important;line-height:1.42!important;margin-bottom:12px!important}
  .hero-search-inline{padding:12px!important;margin:10px 0 12px!important;border-radius:13px!important}
  .hero-search-kicker{font-size:11px!important;margin-bottom:8px!important}
  .hero-search-row{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 50px!important;
    height:50px!important;
    gap:0!important;
    border-radius:11px!important;
  }
  .hero-search-row input{font-size:12.5px!important;padding:0 7px!important;line-height:50px!important;height:50px!important}
  .search-leading-icon{height:50px!important}
  .search-leading-icon svg,.search-icon-btn svg{width:20px!important;height:20px!important}
  .hero-search-row #homeSearchBtn{width:50px!important;min-width:50px!important;height:50px!important;border-radius:0!important}
  .hero-search-row #homeSearchClear{display:none!important}
  .hero-search-label{margin:11px 0 7px!important}
  .hero-search-chips{gap:7px!important}
  .hero-search-chips button{font-size:10.5px!important;padding:7px 10px!important}
  .hero-actions-left{gap:9px!important;margin:10px 0 12px!important;overflow:hidden!important}
  .hero-btn{width:100%!important;max-width:100%!important;min-height:50px!important;padding:11px 14px!important;font-size:14px!important;white-space:nowrap!important}
  .hero-trust-strip{margin-top:12px!important;padding:12px 5px!important}
  .hero-trust-strip>div{min-width:0!important;padding:4px 3px!important}
  .hero-trust-strip b{font-size:8.5px!important;overflow-wrap:anywhere!important}
  .home-segments-v11{padding:24px 0 28px!important}
  .home-segments-v11 .home-segment-heading{margin-bottom:14px!important}
  .home-segments-v11 .home-segment-heading span{font-size:11px!important;color:#bd7800!important}
  .home-segments-v11 .home-segment-heading h2{font-size:28px!important;margin-top:3px!important}
  .view-all-segments{width:100%!important;margin:14px 0 0!important;min-height:46px!important;padding:10px 12px!important;text-align:center!important;border-radius:10px!important}
  .quality-section{padding-top:18px!important;padding-bottom:22px!important;margin-top:0!important}
  .quality-grid{margin-top:12px!important}
  .about-section{padding-top:30px!important}
  .stats-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .stats .stat{padding:18px 20px!important;min-height:0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.28)!important}
  .stats .stat:last-child{border-bottom:0!important}
  .stats .stat b{font-size:32px!important;line-height:1!important;margin-bottom:4px!important}
}

@media(max-width:420px){
  .hero.hero-v11{background-position:center top, 82% 7%!important;background-size:auto 52%, auto 52%!important}
  .hero-headline{font-size:36px!important}
  .hero-brandline{font-size:17px!important}
  .hero-search-row{grid-template-columns:36px minmax(0,1fr) 48px!important;height:48px!important}
  .hero-search-row input,.search-leading-icon,.hero-search-row #homeSearchBtn{height:48px!important}
  .hero-search-row #homeSearchBtn{width:48px!important;min-width:48px!important}
  .hero-btn{font-size:13.5px!important}
  .view-all-segments{font-size:13px!important}
}

/* =========================================================
   V1.1 UX Sprint 2 RC7.2 - Desktop homepage hero lock
   Homepage-only refinement against approved RC7 mock.
   ========================================================= */
@media (min-width: 1100px){
  .hero.hero-v11{
    min-height: 690px!important;
    padding: 28px 0 0!important;
    background-color:#030607!important;
    background-image:
      linear-gradient(90deg,rgba(2,5,7,.99) 0%,rgba(2,5,7,.97) 25%,rgba(2,5,7,.78) 43%,rgba(2,5,7,.25) 64%,rgba(2,5,7,.12) 100%),
      linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22)),
      url('../assets/hero-coils-rc7.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:left top,center,106% center!important;
    background-size:100% 100%,100% 100%,78% auto!important;
  }
  .hero-v11-inner{width:min(1450px,92vw)!important}
  .hero-v11-copy{max-width:1050px!important;padding-top:4px!important}
  .hero-headline{
    max-width:585px!important;
    font-size:clamp(48px,4.2vw,68px)!important;
    line-height:.95!important;
    margin:0 0 10px!important;
  }
  .hero-headline>span{display:inline!important}
  .hero-headline>em{display:block!important;max-width:560px}
  .hero-brandline{font-size:clamp(21px,1.7vw,28px)!important;max-width:700px!important;margin:5px 0 0!important}
  .markline{margin:12px 0 11px!important}
  .hero-value{max-width:600px!important;font-size:15px!important;line-height:1.52!important;margin:8px 0 14px!important}
  .hero-search-inline{
    width:min(1000px,70vw)!important;
    margin:14px 0 12px!important;
    padding:14px 16px!important;
    border-radius:13px!important;
    background:rgba(4,8,9,.82)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
  }
  .hero-search-row{height:58px!important}
  .hero-actions-left{margin:10px 0 14px!important;gap:18px!important}
  .hero-btn{min-width:285px!important;min-height:55px!important}
  .hero-trust-strip{
    margin-top:13px!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
    background:rgba(3,7,8,.94)!important;
  }
  .home-segments-v11{padding-top:34px!important}
  .home-segment-heading{margin-bottom:20px!important}
  .home-segment-heading span{font-size:12px!important;letter-spacing:.9px!important;color:#b87900!important}
  .home-segment-heading h2{font-size:34px!important;margin-top:5px!important;color:#161616!important}
  .segment-carousel-shell{gap:12px!important}
  .segment-carousel{gap:14px!important}
  .segment-arrow{margin-top:0!important}
}

/* =========================================================
   V1.1 UX Sprint 2 RC7.3 - Desktop hero image only
   Uses a clean multi-coil warehouse composition.
   No layout, typography, CTA, search, mobile, or page changes.
   ========================================================= */
@media (min-width: 901px){
  .hero.hero-v11{
    background-image:
      linear-gradient(90deg,
        rgba(2,5,7,.99) 0%,
        rgba(2,5,7,.96) 24%,
        rgba(2,5,7,.76) 42%,
        rgba(2,5,7,.28) 63%,
        rgba(2,5,7,.08) 100%),
      url('../assets/hero-multi-coils-rc73.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center center, center center!important;
    background-size:100% 100%, cover!important;
  }
}

/* =========================================================
   BCSPL Website v1.1 UX - RC7.4
   Homepage hero image correction only
   Removes the legacy secondary coil overlay (::after) that
   caused two coil images to overlap in the desktop hero.
   ========================================================= */
.hero.hero-v11::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* =========================================================
   BCSPL Website v1.1 UX - RC7.5
   Desktop homepage hero sizing/positioning correction only.
   Keeps one image layer, prevents repeat/distortion, reduces
   the visible coil scale, shifts the composition to the right,
   and preserves safe top spacing for the full headline.
   ========================================================= */
@media (min-width: 1100px){
  .hero.hero-v11{
    min-height:690px!important;
    padding-top:46px!important;
    overflow:hidden!important;
    background-color:#030607!important;
    background-image:
      linear-gradient(90deg,
        rgba(2,5,7,.99) 0%,
        rgba(2,5,7,.97) 27%,
        rgba(2,5,7,.82) 44%,
        rgba(2,5,7,.36) 65%,
        rgba(2,5,7,.12) 100%),
      url('../assets/hero-multi-coils-rc73.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center center, 108% center!important;
    background-size:100% 100%, 86% auto!important;
  }
  .hero-v11-copy{
    padding-top:0!important;
  }
}

@media (min-width:901px) and (max-width:1099px){
  .hero.hero-v11{
    overflow:hidden!important;
    background-repeat:no-repeat!important;
    background-position:center center, 112% center!important;
    background-size:100% 100%, 92% auto!important;
  }
}

/* =========================================================
   BCSPL Website v1.1 UX - RC7.6
   Desktop hero image composition + trust strip alignment only.
   - Uses one clean, neutral CR-coil warehouse image.
   - Shows the full perspective line of approximately six coils.
   - Keeps the largest coil on the far right and raises the row.
   - Makes the four trust items a full-width, evenly aligned strip.
   ========================================================= */
@media (min-width:1100px){
  .hero.hero-v11{
    min-height:690px!important;
    padding-top:46px!important;
    overflow:hidden!important;
    background-color:#030607!important;
    background-image:
      linear-gradient(90deg,
        rgba(2,5,7,.995) 0%,
        rgba(2,5,7,.975) 26%,
        rgba(2,5,7,.83) 43%,
        rgba(2,5,7,.42) 62%,
        rgba(2,5,7,.14) 100%),
      url('../assets/hero-multi-coils-cr-rc76.jpg')!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%, 84% auto!important;
    background-position:center center, 106% 18%!important;
  }
  .hero-trust-strip{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    padding:15px max(4vw,calc((100vw - 1450px)/2))!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    background:rgba(3,7,8,.96)!important;
  }
  .hero-trust-strip>div{
    min-width:0!important;
    padding:4px 28px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
  }
  .hero-trust-strip>div:first-child{padding-left:8px!important}
  .hero-trust-strip>div:last-child{padding-right:8px!important}
  .hero-trust-strip b,.hero-trust-strip small{white-space:normal!important}
}

@media (min-width:901px) and (max-width:1099px){
  .hero.hero-v11{
    background-image:
      linear-gradient(90deg,rgba(2,5,7,.99) 0%,rgba(2,5,7,.92) 44%,rgba(2,5,7,.30) 100%),
      url('../assets/hero-multi-coils-cr-rc76.jpg')!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%, 91% auto!important;
    background-position:center center, 109% 20%!important;
  }
  .hero-trust-strip{max-width:none!important;width:100vw!important;margin-left:calc(50% - 50vw)!important}
}

/* =========================================================
   BCSPL Website v1.1 UX - RC7.6
   Desktop homepage only:
   - Six clean CR-coil perspective hero composition
   - Large foreground coil begins near the search-panel end
   - Correctly aligned four-column trust strip
   ========================================================= */
@media (min-width: 1100px){
  .hero.hero-v11{
    background-image:
      linear-gradient(90deg,
        rgba(2,5,7,.995) 0%,
        rgba(2,5,7,.98) 27%,
        rgba(2,5,7,.84) 43%,
        rgba(2,5,7,.42) 61%,
        rgba(2,5,7,.14) 100%),
      url('../assets/hero-cr-coils-rc76.jpg')!important;
    background-repeat:no-repeat!important;
    background-position:center center, 100% center!important;
    background-size:100% 100%, 72% auto!important;
    overflow:hidden!important;
  }

  .hero-trust-strip{
    width:min(1450px,92vw)!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    margin-top:16px!important;
    padding:0!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    border:1px solid rgba(213,150,0,.52)!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:rgba(3,7,8,.94)!important;
  }

  .hero-trust-strip>div{
    min-height:92px!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:13px!important;
    align-content:center!important;
    align-items:center!important;
    text-align:left!important;
    padding:15px 20px!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
  }

  .hero-trust-strip>div:last-child{border-right:0!important;}
  .hero-trust-strip .trust-svg{
    grid-column:1!important;
    grid-row:1/3!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
  }
  .hero-trust-strip .trust-svg svg{width:34px!important;height:34px!important;}
  .hero-trust-strip b{
    grid-column:2!important;
    grid-row:1!important;
    font-size:13px!important;
    line-height:1.18!important;
    margin:0!important;
  }
  .hero-trust-strip small{
    grid-column:2!important;
    grid-row:2!important;
    font-size:11px!important;
    line-height:1.25!important;
    margin:4px 0 0!important;
    color:#d8d8d8!important;
  }
}


/* =========================================================
   BCSPL Website v1.1 UX - RC7.7
   Desktop homepage hero image-layer correction only.
   - Uses one dedicated image element instead of CSS cover.
   - Keeps the six-coil perspective visible above the search.
   - Preserves pallet/floor detail below the search panel.
   - Prevents crop, repeat, stretch and duplicate-image issues.
   ========================================================= */
.hero-scene-desktop,
.hero-scene-overlay{display:none;}

@media (min-width:1100px){
  .hero.hero-v11{
    position:relative!important;
    isolation:isolate!important;
    min-height:690px!important;
    padding-top:46px!important;
    overflow:hidden!important;
    background:#030607!important;
    background-image:none!important;
  }

  .hero-scene-desktop{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    top:92px!important;
    right:-1.5vw!important;
    width:79vw!important;
    height:auto!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:right top!important;
    pointer-events:none!important;
    user-select:none!important;
  }

  .hero-scene-overlay{
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,
        #030607 0%,
        rgba(3,6,7,.995) 24%,
        rgba(3,6,7,.94) 34%,
        rgba(3,6,7,.68) 45%,
        rgba(3,6,7,.30) 57%,
        rgba(3,6,7,.08) 76%,
        rgba(3,6,7,0) 100%),
      linear-gradient(180deg,
        rgba(3,6,7,.10) 0%,
        rgba(3,6,7,0) 62%,
        rgba(3,6,7,.22) 100%)!important;
  }

  .hero-v11-inner{
    position:relative!important;
    z-index:2!important;
  }
}

@media (min-width:1100px) and (max-width:1399px){
  .hero-scene-desktop{
    top:112px!important;
    right:-4vw!important;
    width:84vw!important;
  }
  .hero-scene-overlay{
    background:
      linear-gradient(90deg,
        #030607 0%,
        rgba(3,6,7,.995) 28%,
        rgba(3,6,7,.90) 40%,
        rgba(3,6,7,.52) 54%,
        rgba(3,6,7,.12) 76%,
        rgba(3,6,7,0) 100%),
      linear-gradient(180deg,rgba(3,6,7,.10),rgba(3,6,7,.15))!important;
  }
}

/* =========================================================
   BCSPL Website v1.1 UX - RC7.8
   Desktop homepage hero image positioning only.
   - Pins the dedicated six-coil image to the hero top/right.
   - Sizes by hero height instead of viewport width.
   - Keeps the full perspective visible above the search panel.
   - Preserves a single non-repeating, non-stretched image layer.
   ========================================================= */
@media (min-width:1100px){
  .hero-scene-desktop{
    top:0!important;
    right:0!important;
    width:auto!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:right center!important;
    transform:scale(.92)!important;
    transform-origin:right center!important;
  }
}


/* V2.1.3 Tablet contact fix */
@media (min-width:901px) and (max-width:1180px){
  .contact-section{min-height:0!important;height:auto!important;display:block!important;align-items:initial!important;padding-top:44px!important;padding-bottom:44px!important;}
  .contact-section .container{width:min(1180px,92vw)!important;margin-left:auto!important;margin-right:auto!important;}
}