/* DOUSH EN crawlable templates — Skye 2026-10-24
   Tokens aligned to www.doush-dass.com style.css (--green #176d35) */
:root{
  --green:#176d35;
  --green-soft:#eaf3ec;
  --ink:#1d1d1f;
  --muted:#6e6e73;
  --line:#e5e5e7;
  --bg:#f5f5f7;
  --white:#fff;
  --max:1100px;
  --radius:14px;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Noto Sans",Arial,sans-serif;
  color:var(--ink);
  line-height:1.55;
  font-size:17px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
a{color:var(--green);text-underline-offset:3px}
a:hover{color:#0f4f26}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:12px;background:#fff;padding:8px 12px;z-index:50;border-radius:8px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(234,243,236,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-header-inner{max-width:var(--max);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:22px;letter-spacing:-.5px}
.brand small{font-size:12px;font-weight:500;letter-spacing:1px;color:var(--muted)}
.nav{display:flex;flex-wrap:wrap;gap:14px 18px;margin-left:auto}
.nav a{text-decoration:none;color:var(--ink);font-size:15px;font-weight:500}
.nav a[aria-current="page"]{color:var(--green);font-weight:700}
.lang{display:flex;gap:8px;align-items:center;font-size:13px}
.lang a{text-decoration:none;color:var(--muted);padding:4px 8px;border-radius:8px;border:1px solid transparent}
.lang a[aria-current="true"]{color:var(--green);background:#fff;border-color:#cbdccd;font-weight:600}
.hero{background:linear-gradient(180deg,#fff 0%,var(--green-soft) 100%);border-bottom:1px solid var(--line)}
.hero-inner{max-width:var(--max);margin:0 auto;padding:36px 20px 40px;display:grid;gap:22px}
@media(min-width:860px){.hero-inner{grid-template-columns:1.35fr .9fr;align-items:end}}
.eyebrow{color:var(--green);font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin:0 0 8px}
h1{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.8px;margin:0 0 14px;font-weight:700}
.hero-lead{font-size:18px;color:var(--muted);margin:0 0 18px;max-width:38em}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid transparent}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:#0f4f26;color:#fff}
.btn-secondary{background:#fff;color:var(--green);border-color:#cbdccd}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 8px 28px #176d350c}
.hero-card h2{margin:0 0 10px;font-size:16px;color:var(--muted);font-weight:600}
.hero-card ul{margin:0;padding-left:18px;color:var(--ink);font-size:15px}
.hero-card li{margin:6px 0}
main{max-width:var(--max);margin:0 auto;padding:28px 20px 56px}
section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;margin:0 0 18px}
section h2{margin:0 0 12px;font-size:24px;letter-spacing:-.3px}
section h3{margin:18px 0 8px;font-size:18px}
section p{margin:0 0 12px;max-width:48em}
section ul{margin:0 0 12px;padding-left:20px}
.table-wrap{overflow:auto;margin:12px 0}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--green-soft);color:var(--green);font-weight:600}
.specs{display:grid;gap:10px}
@media(min-width:700px){.specs{grid-template-columns:1fr 1fr}}
.spec{background:var(--bg);border-radius:12px;padding:14px 16px}
.spec strong{display:block;color:var(--green);font-size:13px;margin-bottom:4px}
.note{font-size:14px;color:var(--muted);background:var(--bg);border-radius:10px;padding:12px 14px}
.rfq-band{background:var(--green);color:#fff;border:0}
.rfq-band h2,.rfq-band p,.rfq-band a{color:#fff}
.rfq-band a.btn-secondary{color:var(--green)}
.breadcrumbs{font-size:13px;color:var(--muted);margin:0 0 14px}
.breadcrumbs a{color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:#fff;padding:28px 20px 40px;font-size:14px;color:var(--muted)}
.site-footer-inner{max-width:var(--max);margin:0 auto;display:grid;gap:16px}
@media(min-width:700px){.site-footer-inner{grid-template-columns:1.4fr 1fr}}
.site-footer strong{color:var(--ink)}
.placeholder{border:1px dashed #9bb5a3;background:#f7fbf8;color:#3b6347;padding:12px 14px;border-radius:10px;font-size:14px}
.placeholder code{font-size:12px}

/* RFQ form */
.rfq-form{display:grid;gap:14px;max-width:560px;margin-top:14px}
.rfq-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.rfq-form input,.rfq-form select,.rfq-form textarea{
  font:inherit;font-weight:400;padding:10px 12px;border:1px solid #d2d2d7;border-radius:10px;background:#fff;color:var(--ink)}
.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{outline:3px solid #176d3528;border-color:var(--green)}
.rfq-note{font-size:13px;color:var(--muted);font-weight:400;margin:0}
.cta-helper{font-size:14px;color:var(--muted);margin:10px 0 0}
.nav-compact{gap:10px 12px}
.nav-compact a{font-size:13px}
@media(max-width:900px){.nav{width:100%;margin-left:0}}
.prose h3{margin:18px 0 8px;font-size:18px}
.prose ul{margin:0 0 12px;padding-left:20px}

/* WhatsApp CTA placeholder — number TBD (Sol/boss) */
.btn-whatsapp{background:#25D366;color:#fff;border-color:#1ebe57}
.btn-whatsapp:hover{background:#1ebe57;color:#fff}
.btn-whatsapp.is-placeholder{opacity:.72;cursor:not-allowed;pointer-events:none}
.btn-whatsapp .tbd,.tbd{font-weight:600;opacity:.9;font-size:12px}

/* Visual preview — product / Live Picture (River 2026-10-25; Skye polish welcome) */
.hero-visual{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 36px #176d3514;background:#f3f5f4;aspect-ratio:4/3;max-height:420px}
.hero-visual img{width:100%;height:100%;object-fit:cover;display:block}
.hero-inner.with-visual{align-items:center}
@media(min-width:860px){
  .hero-inner.with-visual{grid-template-columns:1.1fr 1fr;align-items:center}
  .hero-visual{max-height:460px;aspect-ratio:4/3}
}
.product-grid{display:grid;gap:16px;margin:16px 0 8px}
@media(min-width:700px){.product-grid{grid-template-columns:1fr 1fr}}
.product-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s}
.product-card:hover{border-color:#cbdccd;box-shadow:0 10px 28px #176d3512;color:inherit}
.product-card .thumb{aspect-ratio:16/10;background:#f3f5f4;overflow:hidden}
.product-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.product-card .body{padding:14px 16px 16px}
.product-card h3{margin:0 0 6px;font-size:17px;color:var(--ink)}
.product-card p{margin:0;font-size:14px;color:var(--muted)}
.live-strip{display:grid;gap:12px;margin:14px 0 0}
@media(min-width:700px){.live-strip{grid-template-columns:1fr 1fr}}
.live-shot{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#f3f5f4}
.live-shot img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.live-shot figcaption{font-size:12px;color:var(--muted);padding:8px 10px;background:#fff}
.preview-banner{background:#fff3cd;border-bottom:1px solid #ffe69c;color:#664d03;font-size:13px;font-weight:600;text-align:center;padding:8px 12px}

/* Full-bleed Live Picture under hero — boss visual review */
.hero-bleed{max-width:var(--max);margin:0 auto;padding:0 20px 28px}
.hero-bleed img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:18px;border:1px solid var(--line);box-shadow:0 12px 40px #176d3512}
.product-card .thumb{aspect-ratio:16/10;min-height:160px}
.preview-banner{background:#1d1d1f;color:#eaf3ec;text-align:center;font-size:12px;font-weight:600;letter-spacing:.4px;padding:8px 12px}

/* FAQ blocks (Sage EN-DEPLOY-GATE 2026-10-25) */
.faq{margin:28px 0;padding:8px 0 4px}
.faq h2{margin:0 0 14px}
.faq-item{border-top:1px solid var(--line);padding:14px 0}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item h3{margin:0 0 6px;font-size:17px}
.faq-item p{margin:0;color:var(--muted);max-width:48em}

/* RFQ band: primary CTA must not be green-on-green (Skye visual QC 2026-10-25) */
.rfq-band a.btn-primary{background:#fff;color:var(--green);border-color:#fff}
.rfq-band a.btn-primary:hover{background:#eaf3ec;color:var(--green);border-color:#eaf3ec}
.rfq-band a.btn-whatsapp{color:#fff}
.rfq-band .cta-helper a{color:#fff;text-decoration:underline}