/* XCellParts — Page section layouts (ported from docs/designs/xcellparts-home-minimal.html)
 * Used by the importable Elementor templates' HTML blocks. Prefixed `xcell-`.
 */
.xcell-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.xcell-sec{padding:56px 0}
.xcell-sec--tight{padding:0 0 56px}

/* section heading */
.xcell-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}
.xcell-sec-head h2{font-size:26px;color:var(--xcell-ink-800);margin:0;line-height:1.16;letter-spacing:-.02em}
.xcell-sec-head a{color:var(--xcell-red-600);font-weight:600;font-size:14px;text-decoration:none}
.xcell-sec-head--center{justify-content:center;text-align:center}

/* hero */
.xcell-hero{background:radial-gradient(900px 380px at 88% -10%,var(--xcell-red-50),transparent 60%)}
.xcell-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:72px 0 64px}
.xcell-hero h1{font-size:46px;color:var(--xcell-ink-800);margin:18px 0 0;line-height:1.12;letter-spacing:-.02em}
.xcell-hl{color:var(--xcell-red-600);box-shadow:inset 0 -.32em 0 var(--xcell-red-100)}
.xcell-lead{color:var(--xcell-n-500);font-size:17px;margin-top:18px;max-width:46ch}
.xcell-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.xcell-stats{display:flex;gap:32px;margin-top:34px}
.xcell-stats b{display:block;color:var(--xcell-ink-900);font-size:22px;font-weight:800}
.xcell-stats span{color:var(--xcell-n-500);font-size:13px}
.xcell-art{aspect-ratio:5/4;border-radius:var(--xcell-r-card);border:1px solid var(--xcell-n-200);overflow:hidden;
  background:linear-gradient(135deg,var(--xcell-n-50),#fff 60%),repeating-linear-gradient(45deg,var(--xcell-red-50) 0 16px,transparent 16px 32px);
  display:flex;align-items:center;justify-content:center;color:var(--xcell-n-400);font-size:14px}
.xcell-art img{width:100%;height:100%;object-fit:cover}
@media(max-width:820px){.xcell-hero__grid{grid-template-columns:1fr;padding:48px 0}.xcell-hero h1{font-size:34px}.xcell-art{order:-1;aspect-ratio:16/9}}

/* trust / USP strip */
.xcell-trust{border-top:1px solid var(--xcell-n-100);border-bottom:1px solid var(--xcell-n-100);background:var(--xcell-n-50)}
.xcell-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:26px 0}
@media(max-width:820px){.xcell-trust__grid{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:480px){.xcell-trust__grid{grid-template-columns:1fr}}

/* pre-owned band */
.xcell-band__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.xcell-band h2{font-size:28px;margin:8px 0 0}
.xcell-band p{margin-top:12px;max-width:48ch}
.xcell-band__art{aspect-ratio:4/3;border-radius:var(--xcell-r-card);border:1px solid rgba(255,255,255,.14);
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 16px,transparent 16px 32px)}
@media(max-width:760px){.xcell-band__grid{grid-template-columns:1fr}}

/* grade cards (pre-owned page) */
.xcell-grades-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xcell-gradecard{border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-card);padding:24px;background:#fff}
.xcell-gradecard h3{margin:0 0 8px;color:var(--xcell-ink-800)}
.xcell-gradecard p{color:var(--xcell-n-500);font-size:14px;margin:0}
.xcell-gradecard .tag{display:inline-block;border-radius:var(--xcell-r-pill);padding:4px 12px;font-size:12px;font-weight:700;margin-bottom:12px}
.xcell-gradecard .tag--a{background:var(--xcell-success-bg);color:#15663c}
.xcell-gradecard .tag--b{background:#FCF3DE;color:#8a6d00}
.xcell-gradecard .tag--c{background:var(--xcell-red-50);color:var(--xcell-red-700)}
@media(max-width:760px){.xcell-grades-grid{grid-template-columns:1fr}}

/* simple two-column content (about/contact) */
.xcell-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:760px){.xcell-split{grid-template-columns:1fr;gap:24px}}

/* generic page hero (no art) */
.xcell-pagehero{padding:56px 0 8px}
.xcell-pagehero h1{font-size:40px;color:var(--xcell-ink-800);margin:14px 0 0;line-height:1.12;letter-spacing:-.02em}
.xcell-pagehero p{color:var(--xcell-n-500);font-size:17px;margin-top:14px;max-width:60ch}
@media(max-width:820px){.xcell-pagehero h1{font-size:30px}}

/* 404 */
.xcell-404{text-align:center;padding:80px 0}
.xcell-404 .code{font-size:90px;font-weight:800;color:var(--xcell-red-500);line-height:1;letter-spacing:-.03em}
.xcell-404 h1{font-size:28px;color:var(--xcell-ink-800);margin:8px 0 6px}
.xcell-404 p{color:var(--xcell-n-500);margin:0 0 22px}

/* =========================================================================
 * Reusable section components for content pages
 * (wholesale, buyback, repair, faq, shipping, reviews, brand, deals, legal)
 * ========================================================================= */

/* feature cards */
.xcell-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.xcell-cards--4{grid-template-columns:repeat(4,1fr)}
.xcell-cards--6{grid-template-columns:repeat(6,1fr)}
.xcell-card{border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-card);padding:20px;background:#fff;transition:.16s var(--xcell-ease)}
.xcell-card:hover{border-color:var(--xcell-red-500);transform:translateY(-2px);box-shadow:0 10px 24px rgba(14,17,22,.08)}
.xcell-card .ic{width:44px;height:44px;border-radius:12px;background:var(--xcell-red-50);color:var(--xcell-red-600);display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:12px}
.xcell-card h3{margin:0;color:var(--xcell-ink-800);font-size:15px}
.xcell-card p{margin:4px 0 0;color:var(--xcell-n-500);font-size:13px}
.xcell-card .fr{display:block;color:var(--xcell-red-600);font-weight:700;font-size:13px;margin-top:10px}
.xcell-card--center{text-align:center}
.xcell-card--center .ic{margin:0 auto 10px}
@media(max-width:820px){.xcell-cards,.xcell-cards--4,.xcell-cards--6{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.xcell-cards,.xcell-cards--4,.xcell-cards--6{grid-template-columns:1fr}}

/* numbered steps */
.xcell-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.xcell-steps--5{grid-template-columns:repeat(5,1fr)}
.xcell-step{border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-card);padding:18px;background:#fff}
.xcell-step .n{width:32px;height:32px;border-radius:9999px;background:var(--xcell-red-50);color:var(--xcell-red-600);font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.xcell-step b{display:block;color:var(--xcell-ink-800);font-size:14px}
.xcell-step p{color:var(--xcell-n-500);font-size:12.5px;margin:4px 0 0}
@media(max-width:820px){.xcell-steps,.xcell-steps--5{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.xcell-steps,.xcell-steps--5{grid-template-columns:1fr}}

/* FAQ accordion (native <details>) */
.xcell-faq{border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-ctrl);padding:14px 16px;margin-bottom:10px;background:#fff}
.xcell-faq summary{font-weight:600;color:var(--xcell-ink-800);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.xcell-faq summary::-webkit-details-marker{display:none}
.xcell-faq summary::after{content:"+";color:var(--xcell-red-500);font-weight:700}
.xcell-faq[open] summary::after{content:"\2212"}
.xcell-faq p{color:var(--xcell-n-600);font-size:14px;margin:10px 0 0}

/* data table (rates / pricing) */
.xcell-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-card);overflow:hidden}
.xcell-table th{text-align:left;background:var(--xcell-n-50);color:var(--xcell-n-600);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:13px 16px;border-bottom:1px solid var(--xcell-n-200)}
.xcell-table td{padding:14px 16px;border-bottom:1px solid var(--xcell-n-100);color:var(--xcell-ink-700)}
.xcell-table tr:last-child td{border-bottom:0}
.xcell-table td:first-child{font-weight:600;color:var(--xcell-ink-800)}

/* pricing tiers */
.xcell-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xcell-tier{border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-card);padding:24px;background:#fff;position:relative}
.xcell-tier--feat{border-color:var(--xcell-red-500);box-shadow:0 16px 36px rgba(212,32,39,.12)}
.xcell-tier .tag{position:absolute;top:-11px;left:24px;background:var(--xcell-red-500);color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:9999px}
.xcell-tier h3{margin:0;color:var(--xcell-ink-800);font-size:18px}
.xcell-tier .disc{font-size:34px;font-weight:800;color:var(--xcell-ink-900);margin:10px 0 2px}
.xcell-tier .disc small{font-size:14px;color:var(--xcell-n-500);font-weight:600}
.xcell-tier .spend{color:var(--xcell-n-500);font-size:13px;margin:0 0 14px}
.xcell-tier ul{list-style:none;margin:0;padding:0}
.xcell-tier li{padding:7px 0 7px 26px;position:relative;font-size:13.5px;color:var(--xcell-ink-700);border-bottom:1px solid var(--xcell-n-100)}
.xcell-tier li::before{content:"\2713";position:absolute;left:0;color:var(--xcell-success);font-weight:800}
@media(max-width:820px){.xcell-tiers{grid-template-columns:1fr}}

/* model / part chips (brand hub) */
.xcell-chips{display:flex;gap:10px;flex-wrap:wrap}
.xcell-chip{border:1px solid var(--xcell-n-200);border-radius:9999px;padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--xcell-ink-700);background:#fff;text-decoration:none}
.xcell-chip:hover{border-color:var(--xcell-red-500);color:var(--xcell-red-600)}

/* review summary */
.xcell-revsum{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-card);background:#fff;padding:26px}
.xcell-revsum .big{text-align:center}
.xcell-revsum .big b{font-size:56px;font-weight:800;color:var(--xcell-ink-900);line-height:1}
.xcell-revsum .stars{color:var(--xcell-warning);font-size:20px;letter-spacing:2px}
.xcell-bar{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:13px;color:var(--xcell-n-600)}
.xcell-bar .track{flex:1;height:9px;border-radius:9999px;background:var(--xcell-n-100);overflow:hidden}
.xcell-bar .track i{display:block;height:100%;background:var(--xcell-warning)}
@media(max-width:760px){.xcell-revsum{grid-template-columns:1fr}}
.xcell-revcards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.xcell-rev{border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-card);padding:18px;background:#fff}
.xcell-rev .stars{color:var(--xcell-warning);font-size:14px;letter-spacing:1px}
.xcell-rev .who{color:var(--xcell-ink-800);font-weight:700;font-size:14px;margin-top:6px}
.xcell-rev .meta{color:var(--xcell-n-400);font-size:12px}
.xcell-rev p{color:var(--xcell-ink-700);font-size:14px;line-height:1.6;margin:8px 0 0}
@media(max-width:760px){.xcell-revcards{grid-template-columns:1fr}}

/* promo tiles (deals) */
.xcell-promos{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.xcell-promo{border-radius:var(--xcell-r-card);border:1px solid var(--xcell-n-200);padding:24px;background:linear-gradient(135deg,var(--xcell-red-50),#fff 70%);min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none}
.xcell-promo--dark{background:linear-gradient(135deg,var(--xcell-ink-800),var(--xcell-ink-900));color:#fff;border-color:transparent}
.xcell-promo .tagp{align-self:flex-start;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:9999px;background:var(--xcell-red-500);color:#fff;margin-bottom:10px}
.xcell-promo h3{margin:0 0 4px;color:var(--xcell-ink-800);font-size:20px}
.xcell-promo--dark h3{color:#fff}
.xcell-promo p{margin:0;font-size:13px;color:var(--xcell-n-600)}
.xcell-promo--dark p{color:#c3c9d4}
@media(max-width:760px){.xcell-promos{grid-template-columns:1fr}}

/* legal */
.xcell-legal{display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:start}
.xcell-legal__toc{position:sticky;top:96px;border:1px solid var(--xcell-n-200);border-radius:var(--xcell-r-card);background:#fff;padding:14px}
.xcell-legal__toc a{display:block;padding:7px 10px;border-radius:8px;font-size:13.5px;color:var(--xcell-n-600);text-decoration:none}
.xcell-legal__toc a:hover{background:var(--xcell-n-50);color:var(--xcell-red-600)}
.xcell-legal__doc{max-width:760px}
.xcell-legal__doc h3{font-size:17px;color:var(--xcell-ink-800);margin:28px 0 8px}
.xcell-legal__doc p,.xcell-legal__doc li{color:var(--xcell-n-600);font-size:14.5px;line-height:1.7}
@media(max-width:820px){.xcell-legal{grid-template-columns:1fr}.xcell-legal__toc{position:static}}

/* brand hub — device tiles (PLP-style circular icons) */
.xcell-devtile__link{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 6px;border-radius:14px;text-align:center;text-decoration:none;transition:.14s var(--xcell-ease)}
.xcell-devtile__link:hover{background:var(--xcell-n-50)}
.xcell-devtile__circ{width:72px;height:72px;border-radius:50%;border:1px solid var(--xcell-n-100);background:radial-gradient(60px 50px at 60% 32%,var(--xcell-red-50),var(--xcell-n-50));display:flex;align-items:center;justify-content:center;color:var(--xcell-red-600);font-size:26px;transition:.16s var(--xcell-ease)}
.xcell-devtile__link:hover .xcell-devtile__circ{border-color:var(--xcell-red-300);transform:translateY(-2px)}
.xcell-devtile__title{font-size:13px;font-weight:700;color:var(--xcell-ink-800);line-height:1.25}
.xcell-devtile__count{font-size:12px;color:var(--xcell-n-500)}
.xcell-devtile__link:hover .xcell-devtile__title{color:var(--xcell-red-600)}

/* OEM brand mark (hero) */
.xcell-oem-mark .elementor-icon{width:64px!important;height:64px!important;line-height:64px!important;font-size:32px!important;border-radius:18px!important}

/* branded forms */
.xcell-form{display:flex;flex-direction:column;gap:12px;max-width:420px}
.xcell-form label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--xcell-n-600)}
.xcell-form input,.xcell-form select,.xcell-form textarea{border:1px solid var(--xcell-n-200);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;color:var(--xcell-ink-800);background:#fff;transition:border-color .15s var(--xcell-ease),box-shadow .15s var(--xcell-ease)}
.xcell-form input:focus,.xcell-form select:focus,.xcell-form textarea:focus{outline:0;border-color:var(--xcell-red-500);box-shadow:0 0 0 3px var(--xcell-red-50)}
.xcell-register-form .xcell-btn{align-self:flex-start;margin-top:4px}
/* honeypot field — off-screen, not display:none (bots skip hidden inputs) */
.xcell-form__hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px;height:1px;overflow:hidden;margin:0}
/* form result notices (?sent=1 / ?sent=0) */
.xcell-form-notice{display:block;max-width:420px;margin:0 0 16px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.5}
.xcell-form-notice b{display:block;font-weight:700;margin-bottom:2px}
.xcell-form-notice--ok{background:#EBF7EE;border:1px solid #B7E2C3;color:#1E6B33}
.xcell-form-notice--err{background:var(--xcell-red-50);border:1px solid #F3C1C1;color:var(--xcell-red-600)}
.xcell-track-form .xcell-btn{align-self:flex-start;margin-top:4px}
/* WooCommerce [woocommerce_order_tracking] inside the branded shell */
.xcell-track-form--wc{display:block}
.xcell-track-form--wc .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:0}
.xcell-track-form--wc label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--xcell-n-600)}
.xcell-track-form--wc input.input-text{border:1px solid var(--xcell-n-200);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;color:var(--xcell-ink-800);background:#fff;width:100%}
.xcell-track-form--wc input.input-text:focus{outline:0;border-color:var(--xcell-red-500);box-shadow:0 0 0 3px var(--xcell-red-50)}
.xcell-track-form--wc button[type=submit]{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:11px 22px;font-family:'Inter',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:14px;cursor:pointer;border:1px solid var(--xcell-red-500);background:var(--xcell-red-500);color:#fff}

/* quick order table */
.xcell-qo__toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.xcell-qo__table .xcell-qo__row{display:grid;grid-template-columns:1fr 90px 1fr;gap:0;border-bottom:1px solid var(--xcell-n-100)}
.xcell-qo__head{background:var(--xcell-n-50);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--xcell-n-600)}
.xcell-qo__row>span,.xcell-qo__row>input{padding:13px 16px}
.xcell-qo__row input{border:0;border-radius:0;background:transparent}
.xcell-qo__row input:focus{box-shadow:inset 0 0 0 2px var(--xcell-red-500)}
.xcell-qo__match{color:var(--xcell-n-500);font-size:13px}
.xcell-qo__row--error{background:var(--xcell-red-50)}
.xcell-qo__row--error .xcell-qo__match{color:var(--xcell-red-600,#b3261e);font-weight:700}
.xcell-qo__status{font-size:14px;font-weight:600;color:var(--xcell-n-600);margin:0 0 12px}
.xcell-qo__status--error{color:var(--xcell-red-600,#b3261e)}
.xcell-qo__hint{font-size:13px;color:var(--xcell-n-500);margin-top:12px}
.xcell-qo__toolbar .xcell-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:11px 20px;font-family:'Inter',ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:14px;cursor:pointer;border:1px solid var(--xcell-n-300);background:#fff;color:var(--xcell-ink-800)}
.xcell-qo__toolbar .xcell-btn--primary{background:var(--xcell-red-500);border-color:var(--xcell-red-500);color:#fff}
.xcell-qo__toolbar .xcell-btn--primary:disabled{opacity:.55;cursor:not-allowed}
.xcell-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.xcell-blog-card__title{font-size:17px;margin:0 0 8px}
.xcell-blog-card__title a{color:var(--xcell-ink-800);text-decoration:none}
.xcell-blog-card__excerpt{color:var(--xcell-n-500);font-size:14px;margin:0 0 10px}
@media(max-width:820px){.xcell-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.xcell-blog-grid{grid-template-columns:1fr}}
@media(max-width:640px){.xcell-qo__table .xcell-qo__row{grid-template-columns:1fr}}