/* SLP Spinning Mills custom styles (shared by all pages) */
        /* =========================================================
           SLP brand tokens (from the SLP brochure)
           ========================================================= */
        :root {
            --slp-navy:#00415E;
            --slp-navy-deep:#002C40;
            --slp-gold:#F9B22D;
            --slp-gold-soft:#FCE3B0;
            --slp-steel:#5B7F9A;   /* brochure hexagon blue-grey */
            --slp-sand:#E6DCCB;    /* brochure hexagon beige */
            --slp-grey:#E9EDF1;
            --slp-ink:#1C2B36;
            --slp-muted:#5D6B76;
            --hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
        }
        html { scroll-behavior:smooth; }
        [id] { scroll-margin-top:90px; }
        html, body { max-width:100%; overflow-x:hidden; }
        @supports (overflow:clip) { html, body { overflow-x:clip; } }

        /* Logos */
        .company-logo img, .mobile-logo-wrap img, .sidebar-logo-wrap img { max-height:64px; width:auto; }
        .footer-brand { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-bottom:28px; }
        .footer-brand img { max-height:64px; width:auto; background:#fff; padding:8px 12px; }

        /* Banner */
        .home1-banner-section .banner-wrapper {
            background-image:linear-gradient(100deg, rgba(0,44,64,.86) 0%, rgba(0,44,64,.55) 55%, rgba(0,44,64,.25) 100%), url(../img/home5/home5-feature-img.jpg);
            background-size:cover; background-position:center; position:relative;
        }
        .slp-hero-lead { color:rgba(255,255,255,.82); font-size:18px; line-height:1.7; max-width:560px; margin:-10px 0 34px; }

        /* Shared helpers */
        .slp-ic { fill:none !important; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; color:var(--slp-gold); }
        .slp-lead { font-size:19px; line-height:1.75; color:var(--slp-ink); }
        .slp-body p { font-size:16px; line-height:1.8; color:var(--slp-muted); }
        .slp-hex { clip-path:var(--hex); }
        .slp-hex-deco { position:absolute; clip-path:var(--hex); pointer-events:none; }

        /* =========================================================
           ABOUT + LEADERSHIP
           ========================================================= */
        .slp-about-img { position:relative; }
        .slp-about-img img { width:100%; aspect-ratio:5/4; object-fit:cover; }
        .slp-about-img .slp-since {
            position:absolute; left:-28px; bottom:-28px; width:150px; height:172px;
            background:var(--slp-gold); color:var(--slp-navy); clip-path:var(--hex);
            display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
        }
        .slp-since b { font-size:38px; line-height:1; font-weight:700; }
        .slp-since span { font-size:13px; font-weight:600; margin-top:6px; }

        .slp-leader { position:relative; background:var(--slp-navy); color:#fff; margin-top:110px; padding:70px 0; overflow:hidden; }
        .slp-leader .slp-hex-deco.a { width:220px; height:254px; right:-60px; top:-70px; background:rgba(255,255,255,.05); }
        .slp-leader .slp-hex-deco.b { width:70px; height:80px; right:180px; bottom:40px; background:var(--slp-gold); opacity:.9; }
        .slp-portrait { position:relative; width:260px; height:300px; margin:0 auto; }
        .slp-portrait::before { content:""; position:absolute; inset:0; transform:translate(-16px,16px); background:var(--slp-gold); clip-path:var(--hex); }
        .slp-portrait img, .slp-portrait .ph { position:relative; width:100%; height:100%; object-fit:cover; object-position:top; clip-path:var(--hex); background:var(--slp-steel); }
        .slp-leader-name { font-size:26px; color:#fff; margin:0; }
        .slp-leader-role { color:var(--slp-gold); font-weight:600; font-size:15px; display:block; margin:4px 0 22px; }
        .slp-leader p { color:rgba(255,255,255,.78); font-size:16px; line-height:1.8; }
        .slp-quote { border-left:3px solid var(--slp-gold); padding:6px 0 6px 24px; margin:28px 0 0; }
        .slp-quote p { font-size:21px; line-height:1.6; color:#fff; margin:0 0 10px; }
        .slp-quote cite { font-style:normal; font-size:14px; color:rgba(255,255,255,.6); }

        /* =========================================================
           YARN RANGE (editorial list)
           ========================================================= */
        .slp-yarn-intro { position:sticky; top:110px; }
        .slp-count {
            width:230px; height:265px; margin:34px 0; background:var(--slp-navy); color:#fff; clip-path:var(--hex);
            display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative;
        }
        .slp-count small { font-size:14px; color:rgba(255,255,255,.7); }
        .slp-count strong { font-size:30px; line-height:1.15; margin:8px 0; color:#fff; }
        .slp-count strong span { display:block; font-size:15px; font-weight:500; color:var(--slp-gold); margin:2px 0; }
        .slp-note { font-size:15px; color:var(--slp-muted); border-top:1px solid #e3e8ec; padding-top:16px; margin-bottom:28px; }

        .slp-yarn-list { list-style:none; margin:0; padding:0; border-top:2px solid var(--slp-navy); }
        .slp-yarn-row { display:grid; grid-template-columns:1fr auto; gap:6px 24px; align-items:center; padding:24px 20px 24px 22px; border-bottom:1px solid #e3e8ec; position:relative; transition:background .25s; }
        .slp-yarn-row::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--slp-gold); transform:scaleY(0); transition:transform .25s; }
        .slp-yarn-row:hover { background:#fffaf0; }
        .slp-yarn-row:hover::before { transform:scaleY(1); }
        .slp-yarn-row h4 { font-size:20px; color:var(--slp-navy); margin:0 0 4px; }
        .slp-yarn-row p { margin:0; font-size:15px; line-height:1.6; color:var(--slp-muted); }
        .slp-tag { justify-self:end; white-space:nowrap; font-size:13px; font-weight:600; color:var(--slp-navy); background:var(--slp-grey); padding:6px 12px; }
        .slp-tag.gold { background:var(--slp-gold-soft); }

        /* =========================================================
           FIELD TO CONE (process)
           ========================================================= */
        .slp-process { position:relative; overflow:hidden; }
        .slp-process .slp-hex-deco { width:120px; height:138px; left:-40px; top:40px; background:var(--slp-sand); }
        .slp-steps { list-style:none; margin:60px 0 0; padding:0; display:grid; grid-template-columns:repeat(6,1fr); gap:0; counter-reset:step; position:relative; }
        .slp-steps::before { content:""; position:absolute; left:8%; right:8%; top:31px; height:2px; background:repeating-linear-gradient(90deg,var(--slp-steel) 0 8px,transparent 8px 14px); }
        .slp-step { position:relative; padding:0 14px; text-align:center; }
        .slp-step-num { counter-increment:step; width:56px; height:64px; margin:0 auto 22px; background:var(--slp-navy); color:var(--slp-gold); clip-path:var(--hex); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:18px; position:relative; }
        .slp-step-num::after { content:counter(step); }
        .slp-step:first-child .slp-step-num, .slp-step:last-child .slp-step-num { background:var(--slp-gold); color:var(--slp-navy); }
        .slp-step h5 { font-size:17px; color:var(--slp-navy); margin-bottom:8px; }
        .slp-step p { font-size:14.5px; line-height:1.6; color:var(--slp-muted); margin:0; }

        /* =========================================================
           GREEN ENERGY
           ========================================================= */
        .slp-energy-meter { display:flex; align-items:center; gap:28px; margin-top:36px; }
        .slp-meter { width:150px; height:150px; flex:none; position:relative; }
        .slp-meter svg { width:100%; height:100%; transform:rotate(-90deg); }
        .slp-meter circle { fill:none; stroke-width:12; }
        .slp-meter .track { stroke:var(--slp-grey); }
        .slp-meter .fill { stroke:var(--slp-gold); stroke-linecap:butt; stroke-dasharray:377; stroke-dashoffset:377; transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1); }
        .slp-meter.is-on .fill { stroke-dashoffset:113; } /* 70% of 377 */
        .slp-meter-val { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:34px; font-weight:700; color:var(--slp-navy); }
        .slp-energy-meter p { margin:0; font-size:16px; line-height:1.7; color:var(--slp-muted); }
        .slp-energy-meter p b { color:var(--slp-navy); }

        .slp-power { position:relative; min-height:360px; overflow:hidden; background:var(--slp-navy) center/cover no-repeat; display:flex; align-items:flex-end; }
        .slp-power::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,44,64,.05) 30%, rgba(0,44,64,.92)); }
        .slp-power.solar { background-image:url(../img/slp/solar-12mw.jpg); }
        .slp-power.wind { background-image:url(../img/slp/wind-2mw.jpg); background-color:var(--slp-steel); }
        .slp-power-body { position:relative; padding:30px; color:#fff; }
        .slp-power-body span { font-size:15px; color:rgba(255,255,255,.8); }
        .slp-power-body strong { display:block; font-size:64px; line-height:1; color:var(--slp-gold); margin-top:6px; }
        .slp-power-body strong small { font-size:26px; margin-left:4px; }

        /* =========================================================
           CUSTOMERS
           ========================================================= */
        .slp-cust-group h3 { font-size:20px; color:var(--slp-navy); display:flex; align-items:center; gap:14px; margin-bottom:22px; }
        .slp-cust-group h3::after { content:""; flex:1; height:1px; background:#e3e8ec; }
        .slp-logos { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:14px; }
        .slp-logos figure { background:#fff; border:1px solid #e6e9ec; margin:0; height:96px; display:flex; align-items:center; justify-content:center; padding:12px; }
        .slp-logos figure img { max-width:100%; max-height:100%; object-fit:contain; filter:grayscale(1); opacity:.8; transition:filter .3s, opacity .3s; }
        .slp-logos figure:hover img { filter:none; opacity:1; }

        /* =========================================================
           TECHNOLOGY TABLE
           ========================================================= */
        .slp-mtable { margin-top:60px; background:#fff; border:1px solid #e3e8ec; box-shadow:0 30px 70px rgba(0,65,94,.10); }
        .slp-mtable-top { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:12px; padding:30px 34px; background:var(--slp-navy); border-bottom:3px solid var(--slp-gold); }
        .slp-mtable-top h3 { color:#fff; font-size:26px; margin:0 0 4px; }
        .slp-mtable-top p { color:rgba(255,255,255,.7); margin:0; font-size:15px; }
        .slp-mtable-hint { display:none; color:var(--slp-gold); font-size:13px; font-weight:600; }
        .slp-mtable-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
        .slp-mt { width:100%; min-width:1000px; border-collapse:separate; border-spacing:0; font-size:14.5px; }
        .slp-mt th, .slp-mt td { padding:16px 20px; text-align:left; vertical-align:top; line-height:1.55; border-bottom:1px solid #edf0f3; }
        .slp-mt td { color:var(--slp-muted); border-left:1px solid #f1f3f5; }
        .slp-mt td b { color:var(--slp-ink); font-weight:600; }
        .slp-mt td.na { color:#c3cbd1; text-align:center; }
        .slp-mt tbody th, .slp-mt tfoot th, .slp-mt-corner { position:sticky; left:0; z-index:2; }
        .slp-mt tbody tr:not(.slp-mt-group) th { background:#fff; color:var(--slp-navy); font-weight:600; white-space:nowrap; min-width:210px; box-shadow:1px 0 0 #e3e8ec; }
        .slp-mt thead th { background:#f7f9fb; border-bottom:2px solid var(--slp-navy); vertical-align:bottom; }
        .slp-mt-corner { color:#7a8a96 !important; font-size:13px; font-weight:600; background:#f7f9fb !important; box-shadow:1px 0 0 #e3e8ec; }
        .slp-mt-line small { display:inline-block; font-size:12px; font-weight:600; color:var(--slp-navy); background:rgba(249,178,45,.25); padding:2px 9px; margin-bottom:8px; }
        .slp-mt-line strong { display:block; color:var(--slp-navy); font-size:16px; }
        .slp-mt-line em { display:block; font-style:normal; color:#7a8a96; font-size:13px; margin-top:2px; }
        .slp-mt thead th.is-tharuni { background:#eef5f8; }
        .slp-mt thead th.is-tharuni .slp-mt-line strong { color:#1d5f7c; }
        .slp-mt td:last-child { background:#fafcfd; }
        .slp-mt-group th { background:#f3f6f8; color:var(--slp-navy); font-size:13px; font-weight:700; padding:11px 20px; border-bottom:1px solid #e3e8ec; }
        .slp-mt-group th span { display:inline-block; color:var(--slp-gold); margin-right:10px; font-weight:700; }
        .slp-mt tbody tr:not(.slp-mt-group):hover td, .slp-mt tbody tr:not(.slp-mt-group):hover th { background:#fff9ec; }
        .slp-mt tbody tr:not(.slp-mt-group):hover th { box-shadow:inset 3px 0 0 var(--slp-gold), 1px 0 0 #e3e8ec; }
        .slp-mt tfoot th, .slp-mt tfoot td { background:var(--slp-navy); color:#fff; font-weight:600; border-bottom:1px solid rgba(255,255,255,.12); }
        .slp-mt tfoot td { font-size:17px; border-left:1px solid rgba(255,255,255,.1); }
        .slp-mt-grand th, .slp-mt-grand td { background:var(--slp-gold) !important; color:var(--slp-navy) !important; }
        .slp-mt-grand td { font-size:15px; font-weight:500; }
        .slp-mt-grand td strong { font-size:22px; font-weight:700; margin-right:6px; }

        /* =========================================================
           QUALITY
           ========================================================= */
        .slp-iso {
  position: relative;
  background:
    linear-gradient(rgba(11, 31, 58, 0.88), rgba(11, 31, 58, 0.88)), /* navy overlay */
    url('../img/home5/bg.jpg') center / cover no-repeat;
  background-color: var(--slp-navy); /* fallback if the image fails to load */
  color: #fff;
  padding: 44px 40px;
  overflow: hidden;
  height: 100%;
}
        .slp-iso .slp-hex-deco { width:160px; height:184px; right:-40px; bottom:-50px; background:rgba(249,178,45,.18); }
        .slp-iso-badge { display:inline-flex; width:84px; height:96px; background:var(--slp-gold); color:var(--slp-navy); clip-path:var(--hex); align-items:center; justify-content:center; flex-direction:column; font-weight:700; line-height:1.1; margin-bottom:24px; }
        .slp-iso-badge small { font-size:11px; font-weight:600; }
        .slp-iso h3 { color:#fff; font-size:26px; line-height:1.35; margin-bottom:14px; }
        .slp-iso p { color:rgba(255,255,255,.78); font-size:16px; line-height:1.75; margin:0; position:relative; }

        .slp-policy { list-style:none; margin:0; padding:0; }
        .slp-policy li { display:grid; grid-template-columns:48px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid #e3e8ec; }
        .slp-policy li:first-child { padding-top:0; }
        .slp-policy .ic { width:48px; height:55px; background:var(--slp-grey); clip-path:var(--hex); display:flex; align-items:center; justify-content:center; }
        .slp-policy .ic svg { width:24px; height:24px; color:var(--slp-navy); }
        .slp-policy h5 { font-size:18px; color:var(--slp-navy); margin:0 0 6px; }
        .slp-policy p { font-size:15px; line-height:1.7; color:var(--slp-muted); margin:0; }

        .slp-stages { margin-top:70px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #e3e8ec; }
        .slp-stage { padding:34px 30px; border-right:1px solid #e3e8ec; background:#fff; }
        .slp-stage:last-child { border-right:0; }
        .slp-stage small { display:block; font-size:13px; font-weight:600; color:var(--slp-steel); margin-bottom:10px; }
        .slp-stage h5 { font-size:19px; color:var(--slp-navy); margin-bottom:10px; }
        .slp-stage p { font-size:15px; line-height:1.7; color:var(--slp-muted); margin:0; }
        .slp-stages-head { grid-column:1/-1; background:var(--slp-grey); padding:18px 30px; border-bottom:1px solid #e3e8ec; }
        .slp-stages-head h4 { margin:0; font-size:19px; color:var(--slp-navy); }

        .slp-qgrid { margin-top:60px; }
        .slp-qgrid h4 { font-size:19px; color:var(--slp-navy); margin-bottom:18px; }
        .slp-chips { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px; }
        .slp-chips li { border:1px solid var(--slp-navy); color:var(--slp-navy); padding:8px 15px; font-size:14px; font-weight:600; }
        .slp-chips.soft li { border-color:#d5dde3; color:var(--slp-ink); font-weight:500; background:#fff; }

        /* =========================================================
           CONTACT
           ========================================================= */
        .slp-contact { display:grid; grid-template-columns:5fr 7fr; box-shadow:0 30px 70px rgba(0,65,94,.12); }
        .slp-contact-info { position:relative; background:var(--slp-navy); color:#fff; padding:50px 44px; overflow:hidden; }
        .slp-contact-info .slp-hex-deco.a { width:180px; height:208px; right:-60px; top:-60px; background:rgba(255,255,255,.06); }
        .slp-contact-info .slp-hex-deco.b { width:46px; height:53px; right:70px; top:120px; background:var(--slp-gold); }
        .slp-contact-info h3 { color:#fff; font-size:28px; margin-bottom:12px; position:relative; }
        .slp-contact-info > p { color:rgba(255,255,255,.75); font-size:16px; line-height:1.7; margin-bottom:34px; position:relative; }
        .slp-cinfo { list-style:none; margin:0; padding:0; position:relative; }
        .slp-cinfo li { display:grid; grid-template-columns:30px 1fr; gap:16px; padding:18px 0; border-top:1px solid rgba(255,255,255,.12); }
        .slp-cinfo .slp-ic { width:26px; height:26px; }
        .slp-cinfo span { display:block; font-size:13px; font-weight:600; color:var(--slp-gold); margin-bottom:4px; }
        .slp-cinfo p, .slp-cinfo a { color:#fff; font-size:15.5px; line-height:1.6; margin:0; }
        .slp-cinfo a:hover { color:var(--slp-gold); }
        .slp-dir { display:inline-block; margin-top:8px; font-size:14px !important; font-weight:600; color:var(--slp-gold) !important; text-decoration:underline; text-underline-offset:3px; }

        .slp-form { background:#fff; padding:50px 44px; }
        .slp-form h3 { font-size:26px; color:var(--slp-navy); margin-bottom:6px; }
        .slp-form > p { color:var(--slp-muted); font-size:15px; margin-bottom:28px; }
        .slp-form label { display:block; font-size:14px; font-weight:600; color:var(--slp-ink); margin-bottom:6px; }
        .slp-form input, .slp-form select, .slp-form textarea { width:100%; border:1px solid #d5dde3; background:#fbfcfd; padding:12px 14px; font-size:15px; color:var(--slp-ink); border-radius:0; }
        .slp-form input:focus, .slp-form select:focus, .slp-form textarea:focus { outline:none; border-color:var(--slp-navy); box-shadow:0 0 0 3px rgba(249,178,45,.35); background:#fff; }
        .slp-form textarea { min-height:110px; resize:vertical; }
        .slp-submit { display:inline-flex; align-items:center; gap:12px; background:var(--slp-navy); color:#fff; border:0; padding:15px 30px; font-weight:600; font-size:15px; transition:background .25s, color .25s; }
        .slp-submit svg { fill:var(--slp-gold); }
        .slp-submit:hover { background:var(--slp-gold); color:var(--slp-navy); }
        .slp-submit:hover svg { fill:var(--slp-navy); }
        .slp-submit:focus-visible, .slp-yarn-row a:focus-visible { outline:2px solid var(--slp-gold); outline-offset:3px; }
        .slp-form-status { font-size:14px; color:var(--slp-navy); margin:14px 0 0; min-height:1.4em; }


        /* =========================================================
           SECTION BANDS (v2)
           ========================================================= */
        :root { --slp-mist:#F2F5F8; --slp-leafbg:#EEF5F0; }
        .slp-band { position:relative; padding:110px 0; overflow:hidden; }
        .slp-band > .container { position:relative; z-index:1; }
        .slp-band--mist { background-color:var(--slp-mist);
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%2300415E' stroke-opacity='.06' stroke-width='1.2'/%3E%3C/svg%3E"); }
        .slp-band--navy { background:var(--slp-navy-deep); color:#fff; }
        .slp-band--navy::before { content:""; position:absolute; inset:0; opacity:.5;
            background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 22px); }
        .slp-band--leaf { background-color:var(--slp-leafbg);
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%232F7D4F' stroke-opacity='.08' stroke-width='1.2'/%3E%3C/svg%3E"); }
        .slp-band--leaf .slp-meter .track { stroke:#d6e6dc; }
        .slp-band .section-title.white h2, .slp-band--navy .section-title h2 { color:#fff; }
        .slp-hex-big { position:absolute; clip-path:var(--hex); pointer-events:none; z-index:0; }

        /* Icon hex chip */
        .slp-hexic { flex:none; width:52px; height:60px; clip-path:var(--hex); display:flex; align-items:center; justify-content:center; background:var(--slp-navy); }
        .slp-hexic svg { width:24px; height:24px; fill:none; stroke:var(--slp-gold); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
        .slp-hexic.gold { background:var(--slp-gold); }
        .slp-hexic.gold svg { stroke:var(--slp-navy); }

        /* Yarn list as white panel with icons */
        .slp-yarn-list { background:#fff; border-top:3px solid var(--slp-navy); box-shadow:0 24px 60px rgba(0,65,94,.08); }
        .slp-yarn-row { grid-template-columns:52px 1fr auto; gap:6px 22px; padding:20px 24px; }
        .slp-yarn-row .slp-hexic { width:46px; height:53px; }
        .slp-yarn-row .slp-hexic svg { width:21px; height:21px; }
        .slp-yarn-row:last-child { border-bottom:0; }

        /* Process on navy */
        .slp-process.slp-band { padding:110px 0; }
        .slp-process .section-title h2 { color:#fff; }
        .slp-process .slp-steps::before { top:36px; background:repeating-linear-gradient(90deg,rgba(249,178,45,.55) 0 8px,transparent 8px 14px); }
        .slp-step-num { width:64px; height:74px; background:#0b5578; }
        .slp-step-num::after { content:none; }
        .slp-step-num svg { width:28px; height:28px; fill:none; stroke:var(--slp-gold); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
        .slp-step:first-child .slp-step-num svg, .slp-step:last-child .slp-step-num svg { stroke:var(--slp-navy); }
        .slp-step-n { display:block; font-size:12px; font-weight:700; color:var(--slp-gold); margin:-8px 0 6px; letter-spacing:.04em; }
        .slp-process .slp-step h5 { color:#fff; }
        .slp-process .slp-step p { color:rgba(255,255,255,.68); }

        /* Energy icons */
        .slp-power-ic { position:absolute; top:22px; left:22px; z-index:1; width:48px; height:55px; clip-path:var(--hex); background:rgba(255,255,255,.92); display:flex; align-items:center; justify-content:center; }
        .slp-power-ic svg { width:24px; height:24px; fill:none; stroke:var(--slp-navy); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

        /* Lines + counter join into the mist band */
        #lines.home1-project-section { margin-bottom:0 !important; padding-bottom:150px; }
        .home1-counter-section.slp-counter-join { margin-bottom:0 !important; background:linear-gradient(180deg, transparent 100px, var(--slp-mist) 100px); }
        .home1-counter-section .counter-wrap { box-shadow:0 24px 60px rgba(0,65,94,.10); }
        #technology.slp-band { padding-top:90px; }

        /* Machinery table fix: last column in the totals row */
        .slp-mt tfoot td:last-child { background:#0b5578; color:#fff; }

        /* =========================================================
           QUALITY LAB + CERTIFICATIONS (v2)
           ========================================================= */
        .slp-qwrap { margin-top:80px; display:grid; grid-template-columns:7fr 5fr; box-shadow:0 30px 70px rgba(0,65,94,.12); }
        .slp-lab { position:relative; overflow:hidden; background:var(--slp-navy); color:#fff; padding:46px 44px; }
        .slp-lab .slp-hex-big { width:260px; height:300px; right:-90px; top:-90px; background:rgba(255,255,255,.05); }
        .slp-qhead { display:flex; align-items:center; gap:16px; margin-bottom:30px; position:relative; }
        .slp-qhead h4 { font-size:24px; font-weight:700; margin:0; line-height:1.25; }
        .slp-qhead p { margin:4px 0 0; font-size:15px; }
        .slp-lab .slp-qhead h4 { color:#fff; }
        .slp-lab .slp-qhead p { color:rgba(255,255,255,.65); }
        .slp-labgrid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:12px; position:relative; }
        .slp-labgrid li { display:flex; align-items:center; gap:14px; padding:14px 16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:15.5px; font-weight:600; color:#fff; line-height:1.3; transition:background .25s, border-color .25s; }
        .slp-labgrid li:last-child:nth-child(odd) { grid-column:1/-1; }
        .slp-labgrid li:hover { background:rgba(249,178,45,.12); border-color:rgba(249,178,45,.5); }
        .slp-labgrid svg { flex:none; width:24px; height:24px; fill:none; stroke:var(--slp-gold); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
        .slp-certs { background:#fff; padding:46px 40px; border:1px solid #e3e8ec; border-left:0; }
        .slp-certs .slp-qhead h4 { color:var(--slp-navy); }
        .slp-certs .slp-qhead p { color:var(--slp-muted); }
        .slp-certgrid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
        .slp-certgrid li { border:1px solid #e3e8ec; background:#fff; padding:14px 8px 12px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:10px; text-align:center; transition:border-color .25s, box-shadow .25s; }
        .slp-certgrid li:hover { border-color:var(--slp-gold); box-shadow:0 10px 24px rgba(0,65,94,.08); }
        .slp-certgrid img { height:58px; width:100%; object-fit:contain; }
        .slp-certgrid span { font-size:13px; font-weight:700; color:var(--slp-navy); line-height:1.3; }

        /* =========================================================
           FOOTER (v2)
           ========================================================= */
        .slp-foot { position:relative; background:var(--slp-navy-deep); color:rgba(255,255,255,.72); font-size:15px; overflow:hidden; padding-top:70px; }
        .slp-foot::before { content:""; position:absolute; inset:0; pointer-events:none;
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%23ffffff' stroke-opacity='.04' stroke-width='1.2'/%3E%3C/svg%3E"); }
        .slp-foot .container { position:relative; z-index:1; }
        .slp-foot a { color:inherit; text-decoration:none; }
        .slp-foot-cta { display:flex; align-items:center; justify-content:space-between; gap:24px 40px; flex-wrap:wrap; background:var(--slp-gold); color:var(--slp-navy); padding:34px 44px; margin-bottom:70px; position:relative; overflow:hidden; }
        .slp-foot-cta::after { content:""; position:absolute; right:-40px; top:-50px; width:170px; height:196px; clip-path:var(--hex); background:rgba(0,65,94,.08); }
        .slp-foot-cta h3 { font-size:28px; font-weight:800; color:var(--slp-navy); margin:0 0 6px; line-height:1.2; }
        .slp-foot-cta p { margin:0; font-size:16px; color:rgba(0,44,64,.8); max-width:560px; }
        .slp-foot-btn { position:relative; z-index:1; display:inline-flex; align-items:center; gap:12px; background:var(--slp-navy); color:#fff !important; padding:16px 28px; font-weight:700; font-size:15px; white-space:nowrap; transition:background .25s; }
        .slp-foot-btn svg { width:20px; height:20px; fill:none; stroke:var(--slp-gold); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
        .slp-foot-btn:hover { background:var(--slp-navy-deep); }
        .slp-foot-grid { display:grid; grid-template-columns:1.35fr .8fr 1fr 1.45fr; gap:48px; padding-bottom:56px; }
        .slp-foot-logos { display:inline-flex; align-items:center; gap:14px; background:#fff; padding:12px 18px; margin-bottom:22px; }
        .slp-foot-logos img { height:54px; width:auto; }
        .slp-foot-logos i { width:1px; height:40px; background:#dfe5ea; }
        .slp-foot-about { line-height:1.75; margin:0 0 22px; max-width:340px; }
        .slp-foot-badges { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
        .slp-foot-badges li { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:#fff; border:1px solid rgba(255,255,255,.22); padding:5px 10px; }
        .slp-foot-badges svg { width:14px; height:14px; fill:none; stroke:var(--slp-gold); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
        .slp-foot h5 { font-size:17px; font-weight:800; color:#fff; margin:0 0 22px; padding-bottom:14px; position:relative; }
        .slp-foot h5::after { content:""; position:absolute; left:0; bottom:0; width:34px; height:3px; background:var(--slp-gold); }
        .slp-foot-links { list-style:none; margin:0; padding:0; }
        .slp-foot-links li + li { margin-top:13px; }
        .slp-foot-links a { display:inline-flex; align-items:center; gap:10px; font-weight:500; font-size:15px; color:rgba(255,255,255,.78); transition:color .2s, transform .2s; }
        .slp-foot-links a::before { content:""; width:6px; height:7px; clip-path:var(--hex); background:var(--slp-gold); flex:none; }
        .slp-foot-links a:hover { color:var(--slp-gold); transform:translateX(3px); }
        .slp-foot-contact { list-style:none; margin:0; padding:0; }
        .slp-foot-contact li { display:grid; grid-template-columns:40px 1fr; gap:14px; align-items:start; }
        .slp-foot-contact li + li { margin-top:20px; }
        .slp-foot-contact .ic { width:40px; height:46px; clip-path:var(--hex); background:rgba(249,178,45,.14); display:flex; align-items:center; justify-content:center; }
        .slp-foot-contact .ic svg { width:20px; height:20px; fill:none; stroke:var(--slp-gold); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
        .slp-foot-contact b { display:block; font-size:13.5px; font-weight:700; color:var(--slp-gold); margin-bottom:3px; }
        .slp-foot-contact p, .slp-foot-contact a { margin:0; font-size:14.5px; line-height:1.6; color:rgba(255,255,255,.82); word-break:break-word; }
        .slp-foot-contact a:hover { color:var(--slp-gold); }
        .slp-foot-bottom { border-top:1px solid rgba(255,255,255,.12); padding:22px 0; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; font-size:14px; }
        .slp-foot-bottom p { margin:0; }
        .slp-foot-bottom p a { color:var(--slp-gold); font-weight:600; }
        .slp-social { display:flex; gap:10px; list-style:none; margin:0; padding:0; }
        .slp-social a { width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.25); color:#fff; font-size:16px; transition:background .25s, border-color .25s, color .25s; }
        .slp-social a:hover { background:var(--slp-gold); border-color:var(--slp-gold); color:var(--slp-navy); }
        .slp-foot a:focus-visible { outline:2px solid var(--slp-gold); outline-offset:3px; }

        .home1-testimonial-section .slp-logos { grid-template-columns:repeat(5,1fr); max-width:1140px; margin:0 auto; gap:16px; }
        .home1-testimonial-section .slp-logos figure { height:110px; box-shadow:0 10px 26px rgba(0,65,94,.06); border-color:transparent; }
        .slp-customers-title h2 { max-width:720px; margin-left:auto; margin-right:auto; }
        @media (max-width:767px) { .home1-testimonial-section .slp-logos { grid-template-columns:repeat(3,1fr); } }
        @media (max-width:575px) { .home1-testimonial-section .slp-logos { gap:10px; } .home1-testimonial-section .slp-logos figure { height:78px; padding:8px; } }
        @media (max-width:1199px) {
            .slp-foot-grid { grid-template-columns:1fr 1fr; gap:44px 40px; }
        }
        @media (max-width:991px) {
            .slp-qwrap { grid-template-columns:1fr; }
            .slp-certs { border-left:1px solid #e3e8ec; border-top:0; }
            .slp-band { padding:80px 0; }
        }
        @media (max-width:575px) {
            .slp-labgrid { grid-template-columns:1fr; }
            .slp-certgrid { grid-template-columns:repeat(2,1fr); }
            .slp-lab, .slp-certs { padding:34px 22px; }
            .slp-foot-grid { grid-template-columns:1fr 1fr; gap:40px 20px; }
            .slp-foot-grid > div:first-child, .slp-foot-grid > div:last-child { grid-column:1/-1; }
            .slp-foot-cta { padding:28px 24px; }
            .slp-foot-cta h3 { font-size:23px; }
            .slp-yarn-row { grid-template-columns:46px 1fr; }
            .slp-yarn-row .slp-tag { grid-column:2; }
            .slp-foot-logos img { height:44px; }
        }


        /* =========================================================
           v3: HERO
           ========================================================= */
        .slp-hero { position:relative; min-height:min(86vh,820px); display:flex; flex-direction:column; justify-content:center; overflow:hidden; color:#fff;
            background:linear-gradient(95deg, rgba(0,32,48,.94) 0%, rgba(0,44,64,.82) 42%, rgba(0,44,64,.35) 75%, rgba(0,44,64,.15) 100%), url(../img/home5/home5-feature-img.jpg) center/cover no-repeat; }
        .slp-hero::before { content:""; position:absolute; inset:0; pointer-events:none;
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.2'/%3E%3C/svg%3E");
            -webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 55%); mask-image:linear-gradient(90deg,#000 0%,transparent 55%); }
        .slp-hero .container { position:relative; z-index:1; }
        .slp-hero-main { padding:110px 0 60px; max-width:720px; }
        .slp-hero-chip { display:inline-flex; align-items:center; gap:10px; padding:8px 16px 8px 8px; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06); backdrop-filter:blur(6px); font-size:14px; font-weight:600; color:#fff; margin-bottom:26px; }
        .slp-hero-chip .slp-hexic { width:30px; height:34px; }
        .slp-hero-chip .slp-hexic svg { width:16px; height:16px; }
        .slp-hero h1 { font-size:clamp(36px, 4.4vw, 62px); line-height:1.12; font-weight:800; color:#fff; margin:0 0 18px; letter-spacing:-.01em; }
        .slp-hero-count { display:inline-flex; align-items:center; gap:14px; font-size:clamp(18px,1.8vw,24px); font-weight:700; color:var(--slp-gold); margin-bottom:22px; }
        .slp-hero-count::before { content:""; width:44px; height:3px; background:var(--slp-gold); }
        .slp-hero p.slp-hero-lead { margin:0 0 36px; font-size:18px; line-height:1.7; color:rgba(255,255,255,.82); max-width:580px; }
        .slp-hero-btns { display:flex; flex-wrap:wrap; gap:14px; }
        .slp-btn { display:inline-flex; align-items:center; gap:12px; padding:16px 28px; font-weight:700; font-size:15px; text-decoration:none; transition:background .25s, color .25s, border-color .25s; }
        .slp-btn svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
        .slp-btn--gold { background:var(--slp-gold); color:var(--slp-navy); }
        .slp-btn--gold:hover { background:#fff; color:var(--slp-navy); }
        .slp-btn--ghost { border:1.5px solid rgba(255,255,255,.55); color:#fff; }
        .slp-btn--ghost:hover { border-color:var(--slp-gold); color:var(--slp-gold); }
        .slp-btn:focus-visible { outline:2px solid var(--slp-gold); outline-offset:3px; }
        .slp-hero-strip { display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:40px; background:rgba(0,32,48,.55); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.14); border-top:3px solid var(--slp-gold); }
        .slp-hero-strip li { display:flex; align-items:center; gap:14px; padding:22px 24px; border-right:1px solid rgba(255,255,255,.12); }
        .slp-hero-strip li:last-child { border-right:0; }
        .slp-hero-strip .slp-hexic { width:44px; height:51px; background:rgba(249,178,45,.16); }
        .slp-hero-strip .slp-hexic svg { width:22px; height:22px; }
        .slp-hero-strip b { display:block; font-size:19px; font-weight:800; color:#fff; line-height:1.2; }
        .slp-hero-strip span { font-size:13.5px; color:rgba(255,255,255,.68); }
        .slp-hero-strip ul, ul.slp-hero-strip { list-style:none; padding:0; }

        /* Section-title icon in the eyebrow */
        .section-title > span .slp-eic { display:inline-flex; vertical-align:middle; width:26px; height:30px; margin-right:10px; clip-path:var(--hex); background:var(--slp-gold); align-items:center; justify-content:center; position:relative; top:-2px; }
        .section-title > span .slp-eic svg { width:14px; height:14px; fill:none; stroke:var(--slp-navy); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

        /* About band */
        #about { position:relative; overflow:hidden; padding-top:0; background:linear-gradient(180deg,#fff 0%, #fff 55%, var(--slp-mist) 100%); }
        #about > .container { position:relative; }
        #about .slp-about-deco { position:absolute; right:-140px; top:40px; width:420px; height:484px; clip-path:var(--hex); background:var(--slp-mist); z-index:0; }
        .slp-facts { list-style:none; padding:0; margin:30px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
        .slp-facts li { background:#fff; border:1px solid #e3e8ec; padding:18px 16px; box-shadow:0 12px 30px rgba(0,65,94,.06); }
        .slp-facts .slp-hexic { width:40px; height:46px; margin-bottom:12px; }
        .slp-facts .slp-hexic svg { width:19px; height:19px; }
        .slp-facts b { display:block; font-size:20px; font-weight:800; color:var(--slp-navy); line-height:1.15; }
        .slp-facts li > span:not(.slp-hexic) { font-size:13.5px; color:var(--slp-muted); line-height:1.45; display:block; margin-top:4px; }
        .slp-leader { margin-top:100px; }

        /* Lines band pattern + card chips */
        #lines.home1-project-section { position:relative; }
        #lines.home1-project-section::before { content:""; position:absolute; inset:0; pointer-events:none;
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.2'/%3E%3C/svg%3E"); }
        #lines > * { position:relative; }
        .slp-card-ic { position:absolute; top:18px; right:18px; z-index:3; width:46px; height:53px; clip-path:var(--hex); background:var(--slp-gold); display:flex; align-items:center; justify-content:center; }
        .slp-card-ic svg { width:22px; height:22px; fill:none; stroke:var(--slp-navy); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
        .project-card .project-img { position:relative; }

        /* Counter icons */
        .slp-cnt-ic { width:48px; height:55px; clip-path:var(--hex); background:var(--slp-navy); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
        .slp-cnt-ic svg { width:23px; height:23px; fill:none; stroke:var(--slp-gold); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

        /* Technology feature chips */
        .slp-techfeat { list-style:none; padding:0; margin:44px 0 0; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
        .slp-techfeat li { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid #e3e8ec; padding:18px; box-shadow:0 12px 30px rgba(0,65,94,.06); }
        .slp-techfeat b { display:block; font-size:16px; font-weight:800; color:var(--slp-navy); line-height:1.25; }
        .slp-techfeat span { font-size:13px; color:var(--slp-muted); }
        .slp-mt-group th .slp-gic { display:inline-flex; vertical-align:middle; width:24px; height:28px; clip-path:var(--hex); background:var(--slp-navy); align-items:center; justify-content:center; margin-right:10px; }
        .slp-mt-group th .slp-gic svg { width:13px; height:13px; fill:none; stroke:var(--slp-gold); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

        /* Quality band */
        #quality.slp-band { background:linear-gradient(180deg,#fff 0%, #fff 40%, #F6F8FA 100%); }
        #quality.slp-band::before { content:""; position:absolute; right:0; top:0; width:45%; height:520px; pointer-events:none;
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%23F9B22D' stroke-opacity='.18' stroke-width='1.2'/%3E%3C/svg%3E");
            -webkit-mask-image:linear-gradient(225deg,#000 10%,transparent 70%); mask-image:linear-gradient(225deg,#000 10%,transparent 70%); }
        .slp-policy li { background:#fff; }
        .slp-policy .ic { background:var(--slp-navy); }
        .slp-policy .ic svg { color:var(--slp-gold); }

        /* Customers band (light, contrasts with the navy footer) */
        .home1-testimonial-section { position:relative; overflow:hidden; background:linear-gradient(180deg,#F7F3EA 0%, #FBF9F4 100%) !important; }
        .home1-testimonial-section::before { content:""; position:absolute; inset:0; pointer-events:none;
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31z M28 63v34' fill='none' stroke='%23C9A24A' stroke-opacity='.16' stroke-width='1.2'/%3E%3C/svg%3E"); }
        .home1-testimonial-section::after { content:""; position:absolute; left:-90px; bottom:-110px; width:300px; height:346px; clip-path:var(--hex); background:rgba(249,178,45,.14); pointer-events:none; }
        .home1-testimonial-section > * { position:relative; z-index:1; }
        .slp-customers-title h2 { color:var(--slp-navy) !important; }
        .slp-cust-note { text-align:center; color:var(--slp-muted); font-size:16px; margin:-30px auto 44px; max-width:560px; }
        .home1-testimonial-section .slp-logos figure { background:#fff; border:1px solid #ece4d3; box-shadow:0 12px 30px rgba(0,65,94,.07); transition:border-color .25s, transform .25s; }
        .home1-testimonial-section .slp-logos figure:hover { border-color:var(--slp-gold); transform:translateY(-3px); }
        .home1-testimonial-section .slp-logos figure img { filter:none; opacity:1; }
        .slp-foot { border-top:1px solid rgba(255,255,255,.08); }

        @media (max-width:1199px) {
            .slp-techfeat { grid-template-columns:repeat(2,1fr); }
            .slp-hero-strip { grid-template-columns:repeat(2,1fr); }
            .slp-hero-strip li:nth-child(2) { border-right:0; }
            .slp-hero-strip li:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.12); }
        }
        @media (max-width:575px) {
            .slp-hero { margin:0 0 70px; }
            .slp-hero-main { padding:70px 0 40px; }
            .slp-hero-strip li { padding:16px 14px; gap:10px; flex-direction:column; align-items:flex-start; }
            .slp-hero-strip b { font-size:16px; }
            .slp-facts { grid-template-columns:1fr; }
            .slp-facts li { display:grid; grid-template-columns:40px 1fr; column-gap:14px; align-items:center; }
            .slp-facts .slp-hexic { margin:0; grid-row:span 2; }
            .slp-techfeat { grid-template-columns:1fr; }
            .slp-btn { width:100%; justify-content:center; }
        }

        /* =========================================================
           Responsive & motion
           ========================================================= */
        @media (max-width:1199px) {
            .slp-steps { grid-template-columns:repeat(3,1fr); row-gap:44px; }
            .slp-steps::before { display:none; }
        }
        @media (max-width:991px) {
            .slp-yarn-intro { position:static; }
            .slp-about-img .slp-since { left:16px; bottom:-30px; width:120px; height:138px; }
            .slp-since b { font-size:30px; }
            .slp-stages { grid-template-columns:1fr; }
            .slp-stage { border-right:0; border-bottom:1px solid #e3e8ec; }
            .slp-stage:last-child { border-bottom:0; }
            .slp-contact { grid-template-columns:1fr; }
            .slp-mtable-hint { display:inline-block; }
            .slp-mtable-top { padding:24px 20px; }
            .slp-mt th, .slp-mt td { padding:14px 16px; }
        }
        @media (max-width:575px) {
            .slp-steps { grid-template-columns:1fr 1fr; }
            .slp-yarn-row { grid-template-columns:1fr; }
            .slp-tag { justify-self:start; margin-top:6px; }
            .slp-contact-info, .slp-form { padding:36px 22px; }
            .slp-iso { padding:34px 24px; }
            .slp-portrait { width:210px; height:242px; }
            .slp-power-body strong { font-size:52px; }
            .slp-energy-meter { flex-direction:column; align-items:flex-start; }
        }
        @media (prefers-reduced-motion:reduce) {
            .slp-meter .fill, .slp-yarn-row, .slp-yarn-row::before, .slp-logos figure img { transition:none; }
        }

/* =====================================================================
   v5: footer without banner, stat panel, WhatsApp chat
   ===================================================================== */
.slp-foot { padding-top: 80px; }

/* Stat panel (homepage counter) */
.slp-statpanel { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 20px; box-shadow: 0 30px 70px rgba(0,65,94,.12); border: 1px solid #e8edf1; overflow: hidden; }
.slp-stat { display: flex; align-items: center; gap: 18px; padding: 34px 30px; border-right: 1px solid #edf0f3; position: relative; }
.slp-stat:last-child { border-right: 0; }
.slp-stat::after { content: ""; position: absolute; left: 30px; right: 30px; bottom: 0; height: 3px; background: var(--slp-gold); transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.slp-stat:hover::after { transform: scaleX(1); }
.slp-stat-ic { flex: none; width: 60px; height: 68px; clip-path: var(--hex); background: linear-gradient(160deg, #FFF3D6, #FCE3B0); display: flex; align-items: center; justify-content: center; }
.slp-stat-ic svg { width: 28px; height: 28px; fill: none; stroke: var(--slp-navy); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.slp-stat b { display: flex; align-items: baseline; gap: 4px; font-size: 44px; font-weight: 800; line-height: 1; color: var(--slp-navy); letter-spacing: -.01em; }
.slp-stat b em { font-style: normal; font-size: 22px; font-weight: 800; color: var(--slp-gold); }
.slp-stat small { display: block; margin-top: 8px; font-size: 14.5px; font-weight: 600; color: var(--slp-muted); }
@media (max-width: 1199px) { .slp-stat { padding: 28px 20px; gap: 14px; } .slp-stat b { font-size: 36px; } .slp-stat-ic { width: 52px; height: 60px; } }
@media (max-width: 991px) {
  .slp-statpanel { grid-template-columns: 1fr 1fr; }
  .slp-stat:nth-child(2) { border-right: 0; }
  .slp-stat:nth-child(-n+2) { border-bottom: 1px solid #edf0f3; }
}
@media (max-width: 575px) {
  .slp-stat { flex-direction: column; align-items: flex-start; padding: 22px 16px; gap: 12px; }
  .slp-stat b { font-size: 30px; }
  .slp-stat b em { font-size: 16px; }
  .slp-stat small { font-size: 13px; }
  .slp-stat-ic { width: 46px; height: 53px; }
  .slp-stat-ic svg { width: 22px; height: 22px; }
}

/* WhatsApp chat widget */
.slp-wa { position: fixed; right: 30px; bottom: calc(30px + env(safe-area-inset-bottom, 0px)); z-index: 9990; }
.slp-wa-btn { position: relative; width: 60px; height: 60px; border-radius: 50%; border: 0; background: #25D366; color: #fff; font-size: 30px; display: flex; align-items: center; justify-content: center; box-shadow: 0 14px 30px rgba(37,211,102,.45); cursor: pointer; transition: transform .2s, background .2s; }
.slp-wa-btn:hover { transform: scale(1.06); background: #1ebe5a; }
.slp-wa-btn:focus-visible { outline: 3px solid var(--slp-navy); outline-offset: 3px; }
.slp-wa-btn::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #25D366; z-index: -1; animation: slpWaPulse 2.4s ease-out infinite; }
.slp-wa-btn .x { display: none; font-size: 22px; }
.slp-wa.open .slp-wa-btn .wa { display: none; }
.slp-wa.open .slp-wa-btn .x { display: block; }
.slp-wa.open .slp-wa-btn::before { animation: none; opacity: 0; }
.slp-wa-tip { position: absolute; right: 74px; top: 50%; transform: translateY(-50%); white-space: nowrap; background: #fff; color: var(--slp-ink); font-weight: 700; font-size: 14px; padding: 9px 14px; border-radius: 10px; box-shadow: 0 10px 26px rgba(0,65,94,.16); pointer-events: none; }
.slp-wa-tip::after { content: ""; position: absolute; right: -6px; top: 50%; width: 12px; height: 12px; background: #fff; transform: translateY(-50%) rotate(45deg); }
.slp-wa.open .slp-wa-tip { display: none; }
@keyframes slpWaPulse { 0% { transform: scale(1); opacity: .55; } 80%, 100% { transform: scale(1.6); opacity: 0; } }
.slp-wa-panel { position: absolute; right: 0; bottom: 76px; width: 340px; max-width: calc(100vw - 32px); background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 70px rgba(0,0,0,.25); animation: slpWaIn .22s ease-out; }
.slp-wa-panel[hidden] { display: none; }
@keyframes slpWaIn { from { opacity: 0; transform: translateY(10px) scale(.96); } to { opacity: 1; transform: none; } }
.slp-wa-head { display: flex; align-items: center; gap: 12px; padding: 16px; background: #075E54; color: #fff; }
.slp-wa-av { position: relative; width: 46px; height: 46px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; flex: none; overflow: hidden; }
.slp-wa-av img { width: 36px; height: auto; }
.slp-wa-head b { display: block; font-size: 16px; color: #fff; line-height: 1.2; }
.slp-wa-head span { font-size: 12.5px; color: rgba(255,255,255,.8); }
.slp-wa-close { margin-left: auto; width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); color: #fff; font-size: 14px; cursor: pointer; }
.slp-wa-body { padding: 18px 16px 12px; background: #ECE5DD; background-image: radial-gradient(rgba(7,94,84,.07) 1px, transparent 1.2px); background-size: 16px 16px; max-height: min(52vh, 360px); overflow-y: auto; }
.slp-wa-msg { position: relative; background: #fff; border-radius: 0 12px 12px 12px; padding: 10px 12px 18px; font-size: 14.5px; line-height: 1.5; color: var(--slp-ink); max-width: 88%; box-shadow: 0 1px 1px rgba(0,0,0,.08); margin-bottom: 14px; }
.slp-wa-msg small { position: absolute; right: 10px; bottom: 4px; font-size: 11px; color: #8a949c; }
.slp-wa-quick { display: grid; gap: 8px; }
.slp-wa-quick a { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #d5e9df; color: #075E54 !important; font-weight: 700; font-size: 14px; padding: 11px 12px; border-radius: 12px; text-decoration: none; }
.slp-wa-quick a svg { width: 28px; height: 28px; padding: 6px; border-radius: 8px; background: #e7f6ee; fill: none; stroke: #075E54; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.slp-wa-quick a:hover { background: #f1fbf6; }
.slp-wa-form { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f0f0f0; margin: 0; }
.slp-wa-form input { flex: 1; min-width: 0; border: 0; background: #fff; border-radius: 22px; padding: 11px 15px; font-size: 16px; color: var(--slp-ink); }
.slp-wa-form input:focus { outline: 2px solid #25D366; }
.slp-wa-form button { width: 44px; height: 44px; border-radius: 50%; border: 0; background: #25D366; color: #fff; font-size: 16px; flex: none; cursor: pointer; }
.slp-wa-note { font-size: 11.5px; color: #7a838a; text-align: center; padding: 0 12px 10px; background: #f0f0f0; margin: 0; }
.progress-wrap { bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important; right: 37px !important; }
body.slp-wa-on .progress-wrap { opacity: 0 !important; pointer-events: none; }
@media (max-width: 575px) {
  .slp-wa { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
  .slp-wa-btn { width: 56px; height: 56px; font-size: 28px; }
  .slp-wa-tip { display: none; }
  .slp-wa-panel { position: fixed; left: 12px; right: 12px; width: auto; max-width: none; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  .progress-wrap { right: 21px !important; bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; }
}
@media (prefers-reduced-motion: reduce) { .slp-wa-btn::before, .slp-wa-panel { animation: none; } .slp-stat::after { transition: none; } }