/* =====================================================================
   MINI VOGUE — About & Contact designed pages
   (base.css provides variables, .btn, .serif, .eyebrow; these pages
   do NOT load home.css, so re-declare the few helpers we reuse.)
   ===================================================================== */

.mv-page{overflow-x:hidden}
.mv-page .band{background:var(--bg-soft)}
.mv-page .hl{color:var(--beige-ink)}
.mv-page .lead{color:var(--ink-2);font-size:1.12rem;line-height:1.65;max-width:56ch}
.mv-page .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mv-page .eyebrow{display:inline-block;font-family:var(--f-head);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600;color:var(--beige-ink);margin-bottom:14px}
.mv-page .sec-head{margin-bottom:44px}
.mv-page .sec-head.center{text-align:center}
.mv-page .sec-head h2{font-size:clamp(1.7rem,3.4vw,2.6rem);margin:0}
.mv-page section{padding:clamp(52px,7vw,100px) 0}
.mv-page h2.serif{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.12;margin:0}

/* ============ ABOUT ============ */
.ab-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,72px);align-items:center}
.ab-hero h1{font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.05;margin:0 0 20px}
.ab-hero-media{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ab-hero-media img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-card);aspect-ratio:3/4;background:var(--bg-soft)}
.ab-hero-media img:first-child{margin-top:32px}
.ab-hero-media img:last-child{margin-bottom:32px}

.ab-story-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,70px);align-items:start;max-width:1200px;margin:0 auto}
.ab-story-head h2{margin-top:6px}
.ab-story-body p{color:var(--ink-2);font-size:1.06rem;line-height:1.75;margin:0 0 18px}
.ab-story-body p:last-child{margin-bottom:0}
.ab-story-body b{color:var(--ink)}

.ab-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto}
.ab-why-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:32px 28px;transition:.25s}
.ab-why-card:hover{border-color:var(--line-2);box-shadow:0 22px 48px -30px rgba(28,22,13,.4);transform:translateY(-3px)}
.ab-why-card .ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--blue);color:#fff;margin-bottom:18px}
.ab-why-card h4{font-family:var(--f-head);font-size:1.12rem;font-weight:600;margin:0 0 8px;color:var(--ink)}
.ab-why-card p{color:var(--ink-3);font-size:.94rem;line-height:1.6;margin:0}

.ab-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;max-width:1100px;margin:0 auto}
.ab-stats .n{font-family:var(--f-head);font-weight:700;font-size:clamp(2.2rem,4.5vw,3.2rem);color:var(--navy);line-height:1}
.ab-stats .n span{font-size:.42em;color:var(--blue);margin-left:3px}
.ab-stats .l{color:var(--ink-3);font-size:.9rem;margin-top:10px}

.ab-cta-in{text-align:center;max-width:760px;margin:0 auto}
.ab-cta-in h2{margin-bottom:14px}
.ab-cta-in p{color:var(--ink-2);font-size:1.08rem;margin:0}
.ab-cta-in .cta{justify-content:center}

/* ============ CONTACT ============ */
.ct-hero{text-align:center;padding-bottom:clamp(20px,3vw,36px) !important}
.ct-hero h1{font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.06;margin:0 0 18px}
.ct-hero .lead{margin:0 auto}
.ct-body{padding-top:clamp(20px,3vw,40px) !important}
.ct-grid{display:grid;grid-template-columns:380px 1fr;gap:clamp(26px,4vw,56px);align-items:start;max-width:1200px;margin:0 auto}

.ct-info{display:flex;flex-direction:column;gap:14px}
.ct-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;transition:.22s}
a.ct-card:hover{border-color:var(--blue);box-shadow:0 16px 36px -26px rgba(28,22,13,.45);transform:translateY(-2px)}
.ct-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--bg-soft);color:var(--blue)}
.ct-wa .ct-ico{background:#25D366;color:#fff}
.ct-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ct-txt b{font-family:var(--f-head);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600}
.ct-txt span{color:var(--ink);font-size:1rem;font-weight:500;word-break:break-word}
.ct-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.ct-socials a{font-family:var(--f-head);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:600;color:var(--ink-2);border:1px solid var(--line-2);border-radius:999px;padding:8px 15px;transition:.2s}
.ct-socials a:hover{border-color:var(--blue);color:var(--blue)}

.ct-form-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(26px,3vw,42px)}
.ct-form-wrap h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:0 0 6px}
.ct-form-sub{color:var(--ink-3);margin:0 0 26px;font-size:.98rem}

/* Contact Form 7 theming */
.ct-form-wrap .wpcf7 p{margin:0 0 16px}
.ct-form-wrap label{display:block;font-family:var(--f-head);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:600}
.ct-form-wrap .wpcf7-form-control-wrap{display:block;margin-top:7px}
.ct-form-wrap input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.ct-form-wrap textarea,
.ct-form-wrap select{width:100%;border:1px solid var(--line-2);background:var(--bg-soft);border-radius:var(--r-input,14px);padding:14px 16px;font-family:var(--f-body);font-size:1rem;color:var(--ink);transition:.2s}
.ct-form-wrap input:focus,.ct-form-wrap textarea:focus,.ct-form-wrap select:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(160,124,66,.12)}
.ct-form-wrap textarea{min-height:140px;resize:vertical}
.ct-form-wrap .wpcf7-submit{margin-top:6px;border:0;cursor:pointer;background:var(--blue);color:#fff;font-family:var(--f-head);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.82rem;padding:15px 40px;border-radius:999px;transition:.22s;width:auto}
.ct-form-wrap .wpcf7-submit:hover{background:var(--blue-ink);transform:translateY(-1px)}
.ct-form-wrap .wpcf7-spinner{margin:14px auto 0;display:block}

/* ============ RESPONSIVE ============ */
@media (max-width:960px){
	.ab-hero-in{grid-template-columns:1fr}
	.ab-hero-media{max-width:520px}
	.ab-story-in{grid-template-columns:1fr;gap:18px}
	.ab-why-grid{grid-template-columns:1fr 1fr}
	.ct-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
	.ab-why-grid{grid-template-columns:1fr}
	.ab-stats-in{grid-template-columns:1fr 1fr;gap:30px 20px}
	.ab-hero-media img:first-child,.ab-hero-media img:last-child{margin:0}
}

/* =====================================================================
   GENERIC PAGE COMPONENTS
   (New Arrivals, Collections, Categories, Dealer, Wholesale, OEM,
    Factory, QA, Media Gallery, FAQs)
   ===================================================================== */
.mv-phero{text-align:center}
.mv-phero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.06;margin:0 0 16px}
.mv-phero .lead{margin:0 auto}
.mv-phero .cta{justify-content:center}
.mv-page .prose{max-width:820px;margin:0 auto}
.mv-page .prose p{color:var(--ink-2);line-height:1.8;margin:0 0 18px;font-size:1.05rem}
.mv-page .narrow{max-width:1200px;margin:0 auto}

/* split: image + text */
.mv-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center;max-width:1200px;margin:0 auto}
.mv-split + .mv-split{margin-top:clamp(40px,6vw,84px)}
.mv-split-media img{width:100%;border-radius:var(--r-card);aspect-ratio:4/3;object-fit:cover;background:var(--bg-soft);display:block}
.mv-split.rev .mv-split-media{order:2}
.mv-split h2{margin:0 0 16px}
.mv-split p{color:var(--ink-2);line-height:1.7;margin:0 0 14px}
.mv-split .ticks{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.mv-split .ticks li{position:relative;padding-left:34px;color:var(--ink-2);line-height:1.5}
.mv-split .ticks li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/13px no-repeat}

/* feature cards */
.mv-fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto}
.mv-fgrid.four{grid-template-columns:repeat(4,1fr)}
.mv-fcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:30px 26px;transition:.25s}
.mv-fcard:hover{border-color:var(--line-2);box-shadow:0 22px 48px -30px rgba(28,22,13,.4);transform:translateY(-3px)}
.mv-fcard .ico{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:var(--blue);color:#fff;margin-bottom:16px}
.mv-fcard h4{font-family:var(--f-head);font-size:1.1rem;font-weight:600;margin:0 0 8px;color:var(--ink)}
.mv-fcard p{color:var(--ink-3);font-size:.94rem;line-height:1.6;margin:0}

/* numbered steps */
.mv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}
.mv-step .num{font-family:var(--f-head);font-weight:700;font-size:2rem;color:var(--blue);line-height:1;margin-bottom:12px}
.mv-step h4{font-family:var(--f-head);font-size:1.05rem;margin:0 0 6px;color:var(--ink)}
.mv-step p{color:var(--ink-3);font-size:.92rem;line-height:1.6;margin:0}

/* faq accordion (native details) */
.mv-faq{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.mv-faq details{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.mv-faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:var(--f-head);font-weight:600;font-size:1.02rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.mv-faq summary::-webkit-details-marker{display:none}
.mv-faq summary::after{content:"+";font-size:1.5rem;color:var(--blue);transition:transform .2s;line-height:1}
.mv-faq details[open] summary::after{transform:rotate(45deg)}
.mv-faq details[open] summary{border-bottom:1px solid var(--line)}
.mv-faq .a{padding:18px 24px 22px;color:var(--ink-2);line-height:1.7}

/* media gallery (masonry columns) */
.mv-gal{columns:4;column-gap:16px;max-width:1300px;margin:0 auto}
.mv-gal img{width:100%;margin:0 0 16px;border-radius:var(--r-card);display:block;background:var(--bg-soft)}
@media(max-width:1000px){.mv-gal{columns:3}}
@media(max-width:680px){.mv-gal{columns:2}}

/* category / collection tiles */
.mv-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;max-width:1300px;margin:0 auto}
.mv-tile{display:block;border-radius:var(--r-card);overflow:hidden;position:relative;background:var(--bg-soft);aspect-ratio:4/5}
.mv-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mv-tile:hover img{transform:scale(1.05)}
.mv-tile .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 22px 18px;background:linear-gradient(to top,rgba(8,14,34,.82),rgba(8,14,34,.15) 70%,transparent);color:#fff}
.mv-tile .cap b{font-family:var(--f-head);font-size:1.22rem;font-weight:600;display:block;line-height:1.2}
.mv-tile .cap span{font-size:.82rem;opacity:.85}

/* cta band */
.mv-cta-in{text-align:center;max-width:760px;margin:0 auto}
.mv-cta-in h2{margin-bottom:14px}
.mv-cta-in p{color:var(--ink-2);font-size:1.08rem;margin:0}
.mv-cta-in .cta{justify-content:center}

/* products grid on New Arrivals (reuses .mv-card from woo.css) */
.mv-page ul.products{list-style:none;margin:0 auto;padding:0;max-width:1300px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:26px}

@media (max-width:960px){
	.mv-split{grid-template-columns:1fr}
	.mv-split.rev .mv-split-media{order:0}
	.mv-fgrid,.mv-fgrid.four{grid-template-columns:1fr 1fr}
	.mv-steps{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
	.mv-fgrid,.mv-fgrid.four,.mv-steps{grid-template-columns:1fr}
}

/* empty state (Sale page with no offers) */
.mv-empty{max-width:560px;margin:0 auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(36px,5vw,64px) 32px}
.mv-empty-ico{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:var(--bg-soft);color:var(--blue);margin-bottom:20px}
.mv-empty h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 10px}
.mv-empty p{color:var(--ink-3);line-height:1.65;margin:0 auto;max-width:40ch}
.mv-empty .cta{justify-content:center;margin-top:24px}