/*
Theme Name: Laxmi Gaskets
Theme URI: https://laxmigaskets.com/
Author: Laxmi Gaskets India
Description: Premium, export-focused automotive gasket manufacturer WordPress theme. Includes responsive pages, product categories and an RFQ form.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: laxmi-gaskets
*/
:root {
  --navy: #10243A;
  --navy-2: #173651;
  --graphite: #343C46;
  --copper: #C65B3A;
  --light: #F0F3F6;
  --white: #FFFFFF;
  --muted: #647181;
  --line: #DCE2E8;
  --radius: 16px;
  --shadow: 0 18px 50px rgba(16,36,58,.10);
  --container: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family: Inter, "Segoe UI", Arial, sans-serif; color:var(--graphite); background:var(--white); line-height:1.65; font-size:16px; }
a { color:var(--navy); text-decoration:none; }
a:hover { color:var(--copper); }
img { max-width:100%; height:auto; }
h1,h2,h3,h4 { font-family: Manrope, "Segoe UI", Arial, sans-serif; color:var(--navy); line-height:1.13; letter-spacing:-.025em; margin:0 0 18px; }
h1 { font-size:clamp(2.55rem, 5.5vw, 4.7rem); }
h2 { font-size:clamp(1.9rem, 3.5vw, 3rem); }
h3 { font-size:1.25rem; letter-spacing:-.01em; }
p { margin:0 0 18px; }
.container { width:min(var(--container), calc(100% - 44px)); margin-inline:auto; }
.section { padding:88px 0; }
.section-sm { padding:58px 0; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; color:var(--copper); font-size:.76rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; margin-bottom:17px; }
.eyebrow:before { content:""; width:26px; height:2px; background:var(--copper); display:inline-block; }
.lead { font-size:1.13rem; color:#D9E2EB; max-width:620px; }
.section-intro { max-width:720px; margin-bottom:36px; }
.section-intro p { color:var(--muted); font-size:1.06rem; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:49px; padding:13px 20px; border-radius:7px; font-weight:750; font-size:.94rem; border:1px solid transparent; transition:transform .2s, background .2s, border-color .2s; cursor:pointer; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { background:var(--copper); color:#fff; }
.btn-primary:hover { background:#AD482B; color:#fff; }
.btn-outline { border-color:rgba(255,255,255,.45); color:#fff; background:transparent; }
.btn-outline:hover { border-color:#fff; color:#fff; background:rgba(255,255,255,.08); }
.btn-dark-outline { border-color:var(--line); color:var(--navy); background:#fff; }
.btn-dark-outline:hover { border-color:var(--navy); color:var(--navy); }
.site-header { position:sticky; top:0; z-index:99; background:rgba(255,255,255,.96); backdrop-filter:blur(14px); border-bottom:1px solid rgba(220,226,232,.8); }
.header-inner { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.brand { display:flex; align-items:center; gap:12px; min-width:205px; }
.brand-mark { display:grid; place-items:center; width:43px; height:43px; border-radius:11px; background:var(--navy); color:#fff; font-weight:900; font-size:1.08rem; letter-spacing:-.06em; }
.brand-name { color:var(--navy); font-weight:900; line-height:1.05; letter-spacing:.035em; font-size:1.04rem; }
.brand-sub { display:block; font-size:.63rem; color:#6D7884; font-weight:750; letter-spacing:.16em; margin-top:5px; }
.main-nav { display:flex; align-items:center; gap:25px; }
.main-nav a { font-size:.88rem; font-weight:700; color:#344252; }
.main-nav a:hover { color:var(--copper); }
.header-cta { white-space:nowrap; }
.menu-toggle { display:none; background:none; border:0; color:var(--navy); font-size:1.7rem; }
.hero { background:var(--navy); color:#fff; position:relative; overflow:hidden; }
.hero:before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at 75% 30%, rgba(73,111,143,.34), transparent 44%), linear-gradient(110deg, #10243A 0%, #10243A 48%, #173651 100%); }
.hero-grid { position:relative; display:grid; grid-template-columns:1.08fr .92fr; gap:54px; align-items:center; min-height:620px; padding-top:70px; padding-bottom:76px; }
.hero h1 { color:#fff; max-width:720px; }
.hero h1 span { color:#D7E1EA; }
.hero .eyebrow { color:#E6A28C; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.hero-note { display:flex; align-items:center; gap:12px; color:#C6D1DC; font-size:.86rem; margin-top:28px; }
.hero-note:before { content:""; width:30px; height:1px; background:var(--copper); }
.hero-visual { position:relative; min-height:420px; display:flex; align-items:center; justify-content:center; }
.hero-image { width:100%; height:440px; border-radius:20px; object-fit:cover; box-shadow:0 30px 80px rgba(0,0,0,.24); border:1px solid rgba(255,255,255,.15); }
.hero-image-frame { position:absolute; inset:25px -16px -15px 24px; border:1px solid rgba(255,255,255,.18); border-radius:20px; pointer-events:none; }
.floating-label { position:absolute; left:-20px; bottom:28px; background:#fff; color:var(--navy); border-radius:12px; padding:17px 20px; box-shadow:var(--shadow); max-width:225px; }
.floating-label strong { display:block; font-size:.95rem; }
.floating-label span { color:var(--muted); font-size:.78rem; }
.trust-strip { border-bottom:1px solid var(--line); background:#fff; }
.trust-inner { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; padding:24px 0; }
.trust-item { display:flex; align-items:center; gap:12px; font-weight:750; font-size:.88rem; color:var(--navy); }
.trust-icon { flex:none; width:38px; height:38px; display:grid; place-items:center; background:var(--light); color:var(--copper); border-radius:10px; font-size:1.15rem; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.product-card { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff; transition:transform .25s, box-shadow .25s, border-color .25s; }
.product-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); border-color:#C6D0DA; }
.product-art { height:210px; overflow:hidden; background:#F4F6F8; }
.product-art img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.product-card:hover .product-art img { transform:scale(1.04); }
.product-copy { padding:24px; }
.product-copy p { color:var(--muted); font-size:.94rem; margin-bottom:15px; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--copper); font-weight:800; font-size:.9rem; }
.text-link:hover { color:var(--navy); }
.soft-section { background:var(--light); }
.split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }
.split-image { position:relative; }
.split-image img { width:100%; min-height:390px; object-fit:cover; border-radius:var(--radius); display:block; }
.image-caption { position:absolute; right:-15px; bottom:22px; background:#fff; padding:16px 20px; border-radius:10px; box-shadow:var(--shadow); font-size:.84rem; font-weight:800; color:var(--navy); max-width:220px; }
.check-list { list-style:none; padding:0; margin:24px 0 28px; }
.check-list li { position:relative; padding:0 0 13px 30px; }
.check-list li:before { content:"✓"; position:absolute; left:0; top:1px; width:20px; height:20px; display:grid; place-items:center; background:#F8E8E2; color:var(--copper); border-radius:50%; font-size:.75rem; font-weight:900; }
.capability-card { padding:27px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; }
.capability-card .number { color:var(--copper); font-size:.78rem; font-weight:900; letter-spacing:.1em; margin-bottom:17px; }
.capability-card p { color:var(--muted); font-size:.94rem; margin-bottom:0; }
.dark-panel { background:var(--navy); color:#D4DEE8; border-radius:22px; padding:55px; position:relative; overflow:hidden; }
.dark-panel:after { content:""; position:absolute; width:360px; height:360px; border:1px solid rgba(255,255,255,.09); border-radius:50%; right:-100px; top:-140px; box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.02); }
.dark-panel h2 { color:#fff; max-width:700px; }
.dark-panel p { max-width:690px; }
.dark-panel .btn { position:relative; z-index:1; }
.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px; }
.stat { border-top:1px solid rgba(255,255,255,.2); padding-top:17px; }
.stat strong { display:block; color:#fff; font-size:1.04rem; }
.stat span { color:#BFCBD7; font-size:.84rem; }
.page-hero { background:var(--navy); color:#fff; padding:76px 0 70px; position:relative; overflow:hidden; }
.page-hero:after { content:""; position:absolute; width:360px; height:360px; border:1px solid rgba(255,255,255,.12); border-radius:50%; right:8%; top:-180px; box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02); }
.page-hero h1 { color:#fff; font-size:clamp(2.5rem,5vw,4rem); max-width:850px; }
.page-hero p { color:#D1DBE5; max-width:720px; font-size:1.1rem; }
.breadcrumbs { font-size:.82rem; color:#B9C6D3; margin-bottom:18px; }
.breadcrumbs a { color:#fff; }
.content-area { padding:66px 0 90px; }
.content-area .entry-content { max-width:900px; }
.entry-content h2 { margin-top:36px; }
.entry-content h3 { margin-top:28px; }
.entry-content ul { padding-left:22px; }
.entry-content li { margin-bottom:8px; }
.quote-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:44px; align-items:start; }
.quote-info { background:var(--navy); color:#D8E1EA; border-radius:var(--radius); padding:30px; }
.quote-info h2 { color:#fff; font-size:1.8rem; }
.quote-info a { color:#fff; }
.rfq-form { border:1px solid var(--line); border-radius:var(--radius); padding:30px; background:#fff; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.form-field { display:flex; flex-direction:column; gap:7px; }
.form-field.full { grid-column:1/-1; }
.form-field label { color:var(--navy); font-size:.86rem; font-weight:750; }
.form-field input,.form-field select,.form-field textarea { width:100%; border:1px solid #CDD5DD; background:#fff; border-radius:7px; padding:12px 13px; font:inherit; color:var(--graphite); }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus { outline:2px solid rgba(198,91,58,.2); border-color:var(--copper); }
.form-field textarea { min-height:125px; resize:vertical; }
.form-note { font-size:.82rem; color:var(--muted); }
.notice { padding:14px 17px; border-radius:8px; margin-bottom:18px; background:#EDF7F0; color:#215D35; }
.notice.error { background:#FFF0ED; color:#8B2F1B; }
.catalogue-panel { display:grid; grid-template-columns:.75fr 1.25fr; gap:40px; align-items:center; padding:35px; border:1px solid var(--line); border-radius:var(--radius); }
.catalogue-cover { aspect-ratio:3/4; border-radius:12px; background:linear-gradient(145deg,#10243A,#244A67); color:#fff; padding:27px; display:flex; flex-direction:column; justify-content:space-between; box-shadow:var(--shadow); }
.catalogue-cover .cover-mark { font-size:.8rem; font-weight:900; letter-spacing:.12em; }
.catalogue-cover .cover-title { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:850; line-height:1.05; }
.catalogue-cover .cover-foot { font-size:.7rem; letter-spacing:.1em; color:#CBD7E1; }
.site-footer { background:#0B1B2C; color:#C3CED9; padding:58px 0 22px; }
.footer-grid { display:grid; grid-template-columns:1.3fr .7fr .8fr 1fr; gap:35px; padding-bottom:42px; }
.site-footer h3 { color:#fff; font-size:1rem; margin-bottom:17px; }
.site-footer p { color:#B9C5D0; font-size:.9rem; }
.site-footer a { color:#C9D3DD; font-size:.9rem; }
.site-footer a:hover { color:#fff; }
.footer-links { display:flex; flex-direction:column; gap:9px; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.13); padding-top:18px; display:flex; justify-content:space-between; gap:20px; font-size:.8rem; color:#9EADBC; }
.footer-bottom a { font-size:.8rem; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.alignwide { max-width:var(--container); margin-inline:auto; }
.wp-block-image img { border-radius:10px; }
@media (max-width: 1020px) {
 .main-nav { gap:15px; }
 .main-nav a { font-size:.82rem; }
 .header-cta { display:none; }
 .hero-grid { gap:35px; }
 .footer-grid { grid-template-columns:1fr 1fr; }
 .trust-inner { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 760px) {
 .container { width:min(var(--container), calc(100% - 32px)); }
 .section { padding:62px 0; }
 .section-sm { padding:42px 0; }
 .header-inner { min-height:72px; }
 .menu-toggle { display:block; }
 .main-nav { display:none; position:absolute; left:0; right:0; top:72px; padding:18px 22px 24px; background:#fff; border-bottom:1px solid var(--line); box-shadow:var(--shadow); flex-direction:column; align-items:stretch; gap:0; }
 .main-nav.is-open { display:flex; }
 .main-nav a { padding:12px 0; border-bottom:1px solid #EEF1F4; font-size:.95rem; }
 .header-cta { display:none; }
 .hero-grid { grid-template-columns:1fr; padding:58px 0 62px; min-height:auto; gap:35px; }
 .hero-visual { min-height:300px; margin:0 12px 10px 0; }
 .hero-image { height:310px; }
 .floating-label { left:-10px; bottom:12px; }
 .grid-3,.grid-2,.split,.quote-grid,.catalogue-panel { grid-template-columns:1fr; }
 .grid-3 { gap:16px; }
 .product-art { height:220px; }
 .split { gap:32px; }
 .split-image img { min-height:290px; }
 .image-caption { right:-5px; }
 .dark-panel { padding:30px 24px; }
 .stats-grid { grid-template-columns:1fr; }
 .trust-inner { gap:15px; }
 .trust-item { font-size:.8rem; align-items:flex-start; }
 .trust-icon { width:33px; height:33px; }
 .page-hero { padding:55px 0; }
 .content-area { padding:46px 0 65px; }
 .quote-grid { gap:22px; }
 .rfq-form { padding:21px; }
 .form-grid { grid-template-columns:1fr; }
 .form-field.full { grid-column:auto; }
 .catalogue-panel { padding:22px; }
 .catalogue-cover { max-width:280px; width:100%; }
 .footer-grid { grid-template-columns:1fr; gap:24px; }
 .footer-bottom { flex-direction:column; gap:8px; }
}