.fxmats{--fx-ink:#101828;--fx-muted:#667085;--fx-border:#e4e7ec;--fx-soft:#f7f8fa;--fx-accent:#ed4d2d;--fx-green:#137a4b;--fx-radius:18px;color:var(--fx-ink);background:#fff}.fxmats *{box-sizing:border-box}.fxmats button,.fxmats select,.fxmats input{font:inherit}.fxmats__shell{width:min(1220px,100%);margin:0 auto;padding:0 24px}.fxmats__hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:56px;padding:34px 0 52px;align-items:start}.fxmats__gallery{position:sticky;top:24px;min-width:0}.fxmats__main-media{position:relative;overflow:hidden;border-radius:20px;background:#f3f4f6;aspect-ratio:1/1;cursor:zoom-in}.fxmats__main-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.fxmats__main-media:hover img{transform:scale(1.025)}.fxmats__media-badge{position:absolute;left:14px;top:14px;z-index:2;padding:8px 12px;border-radius:999px;background:#101828;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}.fxmats__zoom{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border:1px solid rgba(16,24,40,.12);border-radius:50%;background:#fff;color:#101828;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px rgba(16,24,40,.12)}.fxmats__thumbs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:12px}.fxmats__thumb{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#f2f4f7;aspect-ratio:1;cursor:pointer}.fxmats__thumb[aria-current="true"]{border-color:#101828}.fxmats__thumb img{width:100%;height:100%;display:block;object-fit:cover}.fxmats__details{min-width:0}.fxmats__eyebrow{display:flex;align-items:center;gap:10px;color:var(--fx-green);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.fxmats__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(19,122,75,.1)}.fxmats h1{font-size:clamp(29px,3.2vw,44px);line-height:1.07;letter-spacing:-.035em;margin:16px 0 12px}.fxmats__subline{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;color:var(--fx-muted);font-size:13px}.fxmats__stars{color:#f2b01e;letter-spacing:1px}.fxmats__price-row{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin:22px 0 6px}.fxmats__price{font-size:31px;line-height:1;font-weight:850;letter-spacing:-.03em}.fxmats__compare{font-size:17px;color:#98a2b3;text-decoration:line-through}.fxmats__save{padding:6px 9px;border-radius:999px;background:#eaf8f0;color:#087443;font-size:12px;font-weight:800}.fxmats__installments{margin:0 0 20px;color:var(--fx-muted);font-size:13px}.fxmats__benefits{display:grid;gap:9px;padding:16px;border:1px solid var(--fx-border);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(16,24,40,.05)}.fxmats__benefit{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:#475467}.fxmats__check{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#eef2f6;color:#101828;font-size:12px;font-weight:900}.fxmats__field-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:24px 0 10px;font-size:14px;font-weight:800}.fxmats__variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fxmats__variant{position:relative}.fxmats__variant input{position:absolute;opacity:0;pointer-events:none}.fxmats__variant label{min-height:82px;padding:14px;border:1.5px solid var(--fx-border);border-radius:14px;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer;transition:.2s;background:#fff}.fxmats__variant input:checked+label{border-color:#101828;box-shadow:0 0 0 1px #101828}.fxmats__variant strong{font-size:13.5px;line-height:1.25}.fxmats__variant small{color:var(--fx-muted);font-size:12px}.fxmats__fitment{margin-top:18px;padding:18px;border:1px solid var(--fx-border);border-radius:17px;background:var(--fx-soft)}.fxmats__fitment-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.fxmats__car-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#101828;color:#fff}.fxmats__fitment h2{font-size:17px;line-height:1.2;margin:0 0 4px}.fxmats__fitment p{margin:0;color:var(--fx-muted);font-size:12.5px;line-height:1.45}.fxmats__vehicle-fields{display:grid;grid-template-columns:1fr 1fr 110px;gap:9px}.fxmats__vehicle-field label{display:block;margin:0 0 5px;font-size:11px;font-weight:800;color:#344054}.fxmats__vehicle-field select,.fxmats__vehicle-field input{width:100%;height:44px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#101828;padding:0 12px;outline:none}.fxmats__vehicle-field select:focus,.fxmats__vehicle-field input:focus{border-color:#101828;box-shadow:0 0 0 3px rgba(16,24,40,.08)}.fxmats__vehicle-field input{margin-top:7px}.fxmats__vehicle-status{display:flex;gap:7px;align-items:center;margin-top:12px;color:#667085;font-size:12px}.fxmats__vehicle-status.is-ready{color:var(--fx-green);font-weight:700}.fxmats__vehicle-status.is-error{color:#b42318;font-weight:700}.fxmats__buy-row{display:grid;grid-template-columns:112px 1fr;gap:10px;margin-top:18px}.fxmats__qty{display:grid;grid-template-columns:35px 1fr 35px;height:52px;border:1px solid #d0d5dd;border-radius:12px;overflow:hidden;background:#fff}.fxmats__qty button{border:0;background:transparent;cursor:pointer;font-size:20px}.fxmats__qty input{width:100%;border:0;text-align:center;appearance:textfield;padding:0}.fxmats__qty input::-webkit-outer-spin-button,.fxmats__qty input::-webkit-inner-spin-button{appearance:none}.fxmats__button{min-height:52px;border:0;border-radius:12px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:850;letter-spacing:.02em;cursor:pointer;transition:transform .15s,opacity .15s}.fxmats__button:hover{transform:translateY(-1px)}.fxmats__button:disabled{opacity:.58;cursor:wait}.fxmats__button--primary{background:var(--fx-accent);color:#fff;box-shadow:0 9px 20px rgba(237,77,45,.22)}.fxmats__button--secondary{width:100%;margin-top:10px;background:#101828;color:#fff}.fxmats__form-message{min-height:21px;margin:9px 0 0;font-size:12.5px}.fxmats__form-message.is-error{color:#b42318}.fxmats__form-message.is-success{color:var(--fx-green);font-weight:700}.fxmats__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.fxmats__trust-item{padding:10px 8px;border:1px solid var(--fx-border);border-radius:11px;text-align:center;font-size:11px;color:#475467}.fxmats__trust-item strong{display:block;color:#101828;font-size:11.5px;margin-bottom:2px}.fxmats__section{padding:70px 0}.fxmats__section--soft{background:var(--fx-soft)}.fxmats__section-head{max-width:760px;margin:0 auto 30px;text-align:center}.fxmats__kicker{margin:0 0 10px;color:var(--fx-accent);font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.fxmats__section h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0}.fxmats__lead{max-width:680px;margin:13px auto 0;color:var(--fx-muted);font-size:15px;line-height:1.65}.fxmats__split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.fxmats__content-media{overflow:hidden;border-radius:22px;background:#e9eaec}.fxmats__content-media img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.fxmats__content-card{padding:30px;border:1px solid var(--fx-border);border-radius:22px;background:#fff;box-shadow:0 14px 35px rgba(16,24,40,.06)}.fxmats__content-card h3{font-size:clamp(24px,3vw,36px);line-height:1.13;letter-spacing:-.025em;margin:0}.fxmats__content-card p{margin:13px 0 0;color:var(--fx-muted);line-height:1.65}.fxmats__content-card ul{list-style:none;display:grid;gap:10px;margin:20px 0 0;padding:0}.fxmats__content-card li{display:flex;gap:10px;color:#475467;line-height:1.5}.fxmats__content-card li:before{content:"✓";flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf1f5;color:#101828;font-weight:900;font-size:12px}.fxmats__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fxmats__mini-card{padding:21px 17px;border:1px solid var(--fx-border);border-radius:17px;background:#fff}.fxmats__mini-card strong{display:block;font-size:14px}.fxmats__mini-card span{display:block;margin-top:7px;color:var(--fx-muted);font-size:12.5px;line-height:1.55}.fxmats__steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.fxmats__step{padding:22px 18px;border:1px solid var(--fx-border);border-radius:18px;background:#fff}.fxmats__step:before{counter-increment:step;content:counter(step);width:34px;height:34px;border-radius:50%;background:#101828;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:850;margin-bottom:14px}.fxmats__step h3{font-size:16px;margin:0}.fxmats__step p{margin:8px 0 0;color:var(--fx-muted);font-size:13px;line-height:1.55}.fxmats__faq{max-width:900px;margin:0 auto;display:grid;gap:10px}.fxmats__faq details{border:1px solid var(--fx-border);border-radius:15px;background:#fff;padding:0 18px}.fxmats__faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font-weight:800;position:relative}.fxmats__faq summary::-webkit-details-marker{display:none}.fxmats__faq summary:after{content:"+";position:absolute;right:0;top:15px;font-size:24px;font-weight:400}.fxmats__faq details[open] summary:after{content:"−"}.fxmats__faq details p{margin:0 0 18px;color:var(--fx-muted);font-size:14px;line-height:1.65}.fxmats__cta{padding:32px;border-radius:22px;background:#101828;color:#fff;text-align:center}.fxmats__cta h2{font-size:clamp(27px,4vw,40px)}.fxmats__cta p{max-width:680px;margin:12px auto 0;color:rgba(255,255,255,.72)}.fxmats__cta .fxmats__button{width:max-content;min-width:230px;margin:19px auto 0;background:#fff;color:#101828}.fxmats__modal{border:0;padding:0;background:transparent;max-width:min(92vw,1000px);max-height:92vh}.fxmats__modal::backdrop{background:rgba(0,0,0,.78)}.fxmats__modal img{display:block;max-width:92vw;max-height:88vh;object-fit:contain;border-radius:12px}.fxmats__modal-close{position:fixed;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#101828;font-size:26px;cursor:pointer}.fxmats__sticky{display:none}.fxmats__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:989px){.fxmats__hero{grid-template-columns:1fr;gap:30px}.fxmats__gallery{position:static}.fxmats__details{max-width:680px;margin:0 auto}.fxmats__cards,.fxmats__steps{grid-template-columns:1fr 1fr}}
@media(max-width:749px){.fxmats__shell{padding:0 14px}.fxmats__hero{padding:16px 0 34px;gap:22px}.fxmats__main-media{border-radius:14px}.fxmats__thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;padding-bottom:3px}.fxmats__thumb{flex:0 0 62px;scroll-snap-align:start}.fxmats h1{font-size:29px}.fxmats__vehicle-fields{grid-template-columns:1fr 1fr}.fxmats__vehicle-field:last-child{grid-column:1/-1}.fxmats__variant-grid{grid-template-columns:1fr}.fxmats__trust{grid-template-columns:1fr 1fr}.fxmats__trust-item:last-child{grid-column:1/-1}.fxmats__section{padding:44px 0}.fxmats__section-head{text-align:left;margin-bottom:22px}.fxmats__lead{font-size:14px}.fxmats__split{grid-template-columns:1fr;gap:16px}.fxmats__content-card{padding:20px}.fxmats__cards,.fxmats__steps{grid-template-columns:1fr 1fr;gap:9px}.fxmats__mini-card,.fxmats__step{padding:16px 13px}.fxmats__sticky{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--fx-border);box-shadow:0 -8px 22px rgba(16,24,40,.1);transform:translateY(110%);transition:transform .25s}.fxmats__sticky.is-visible{transform:translateY(0)}.fxmats__sticky-price{flex:0 0 auto;min-width:78px}.fxmats__sticky-price strong{display:block;font-size:17px}.fxmats__sticky-price span{display:block;color:var(--fx-muted);font-size:10px}.fxmats__sticky .fxmats__button{flex:1;min-height:48px}.fxmats__cta{padding:25px 18px;margin-bottom:70px}}
@media(max-width:420px){.fxmats__buy-row{grid-template-columns:96px 1fr}.fxmats__cards,.fxmats__steps{grid-template-columns:1fr}.fxmats__vehicle-fields{grid-template-columns:1fr}.fxmats__vehicle-field:last-child{grid-column:auto}}
