/*
Theme Name: MotoGraphix Templates
Theme URI: https://templates.motogrpx.com/
Author: MotoGraphix
Description: Tema provisional independiente para templates, mockups y diseños editables. Compatible con WooCommerce.
Version: 0.4.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: motographix-templates
License: GPL-2.0-or-later
*/
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-VariableFont_wght.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Bebas;src:url('assets/fonts/BebasNeue-Regular.woff2') format('woff2');font-display:swap}
:root{--bg:#09090b;--panel:#141416;--text:#f6f6f7;--muted:#aaaab3;--red:#ed1525;--line:#ffffff19;--radius:20px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff5965}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.05}h1,h2{font-family:Bebas,Impact,sans-serif;font-weight:400}h2{font-size:clamp(34px,4vw,53px)}h3{line-height:1.3;font-size:20px}p{color:var(--muted)}.container{width:min(1280px,calc(100% - 64px));margin-inline:auto}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:9999;background:#fff;color:#000;padding:12px}
.site-header{position:sticky;top:0;z-index:50;background:#0b0b0eee;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.admin-bar .site-header{top:32px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:92px}.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand img{width:218px;height:37px;object-fit:contain}.brand>span{font-size:9px;letter-spacing:.55em;line-height:1.5;color:#b3b3bc;margin-left:5px}.desktop-nav,.header-actions{display:flex;align-items:center;gap:26px}.desktop-nav a{font-weight:600;font-size:13px}.desktop-nav a:hover,.desktop-nav a[aria-current],.account-link:hover{color:#ff4c59}.header-actions{gap:18px;font-size:12px}.cart-link{color:var(--muted)}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;border:1px solid #ff5360;border-radius:12px;background:linear-gradient(160deg,#ff2535,#d60015);color:white;font-weight:750;cursor:pointer;line-height:1.4;box-shadow:0 8px 30px #e306131a}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#ff2d3d;color:#fff;transform:translateY(-1px)}.button.small{padding:10px 18px}.text-link{font-size:13px;font-weight:650;display:inline-block}.text-link:hover{color:#ff5965}.eyebrow{display:block;font-size:10px;letter-spacing:.2em;color:#d0d0d8;font-weight:700;margin-bottom:16px}
.hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09090bf5 0%,#09090bdb 32%,#09090b22 76%),linear-gradient(0deg,#09090b,transparent 25%)}.hero-content{position:relative;padding-block:85px}.hero h1{font-size:clamp(52px,5.8vw,90px);letter-spacing:-.015em;max-width:760px;margin-bottom:25px}.hero h1 em{font-style:normal;color:#ff2336}.hero p{font-size:16px;max-width:440px;color:#dedee4}.hero-button{margin-top:12px}.hero-tags{display:flex;gap:25px;margin-top:55px;font-size:9px;letter-spacing:.12em;color:#b6b6bf}.section{padding-block:65px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{margin:0}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(150deg,#19191c,#101012);transition:border-color .2s,transform .2s}.resource-card:hover{border-color:#ed152588;transform:translateY(-4px)}.resource-art{height:210px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 70% 40%,#78202b66,transparent 70%),repeating-linear-gradient(0deg,transparent 0 29px,#ffffff05 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#ffffff05 29px 30px),#151518;display:flex;align-items:end;padding:25px}.art-number{position:absolute;right:16px;top:-28px;font:180px/1 Bebas,sans-serif;color:#ffffff09}.resource-art strong{position:relative;z-index:1;font:30px Bebas,sans-serif;letter-spacing:.03em}.art-lines{position:absolute;width:180px;height:95px;border:2px solid #f23a4e;top:35px;left:45px;transform:skew(-25deg) rotate(-12deg);border-radius:35% 15% 40% 12%;box-shadow:15px 12px 0 -1px #151518,15px 12px 0 1px #ee304277,30px 24px 0 -1px #151518,30px 24px 0 1px #ee304233}.art-mockups{background:radial-gradient(ellipse at 50% 10%,#48484e,transparent 80%),#151518}.art-mockups .art-lines{border-color:#dedee5;transform:perspective(400px) rotateY(-25deg) rotate(-10deg);border-radius:8px;box-shadow:14px 14px 0 -1px #151518,14px 14px 0 1px #ffffff44}.art-disenos-editables .art-lines{border-width:12px 2px 12px 2px;border-radius:0;transform:skew(-32deg) rotate(-12deg);box-shadow:23px 15px 0 -7px #ddd}.card-copy{padding:26px}.card-copy .eyebrow{font-size:8px;margin-bottom:10px;color:#a7a7b0}.card-copy h3{display:flex;justify-content:space-between}.card-copy h3 span{color:#f34554}.card-copy p{font-size:12px;min-height:78px}.card-copy .text-link{font-size:11px}.latest{border-top:1px solid var(--line)}
.catalog-search{display:flex;gap:10px;padding:10px;border:1px solid var(--line);background:#151518;border-radius:16px;margin-bottom:30px}.catalog-search input{min-width:0;flex:1;background:transparent;border:0;color:white;padding:14px}.catalog-search select{background:#202024;color:#eee;border:1px solid var(--line);border-radius:10px;padding:12px;max-width:240px}.catalog-search .button{white-space:nowrap}.empty-state{text-align:center;border:1px dashed #ffffff24;padding:60px 25px;border-radius:18px;background:radial-gradient(ellipse at top,#28282c55,transparent 70%)}.empty-state h2{font-size:36px}.empty-state p{max-width:570px;margin-inline:auto}.empty-state .eyebrow{color:#f25060}.workflow{border:1px solid var(--line);border-radius:24px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-block:20px 80px;background:linear-gradient(120deg,#221014,#111113 55%)}.workflow ol{list-style:none;padding:0;margin:0}.workflow li{display:flex;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.workflow li:last-child{border:0}.workflow b{font:36px Bebas;color:#f23a4e}.workflow h3{font-size:15px;margin:0 0 6px}.workflow p{font-size:12px;margin:0}.page-main,.shop-main{padding-top:55px;padding-bottom:80px;min-height:65vh}.page-heading{padding:10px 0 30px}.breadcrumb{display:block;color:#91919b;font-size:11px;margin-bottom:40px}.page-heading h1{font-size:clamp(55px,7vw,95px);margin-bottom:20px}.page-heading h1 span{color:var(--red)}.page-heading h2{font-family:Montserrat,sans-serif;font-size:20px;font-weight:600;line-height:1.4}.page-heading p{max-width:680px}.collection-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.collection-tabs a{padding:9px 19px;border:1px solid var(--line);border-radius:30px;font-size:12px}.collection-tabs a[aria-current],.collection-tabs a:hover{background:#e3061320;border-color:#ed1525;color:#fff}.content-page{max-width:980px;margin:auto}.content-page>h1{font-size:60px;margin-bottom:35px}.content-page h2{font-size:34px;margin-top:35px}.content-page a:not(.button){text-decoration:underline;text-underline-offset:4px}.post-item{padding:25px 0;border-bottom:1px solid var(--line)}.pagination{display:flex;justify-content:center;gap:12px;padding-top:30px}.pagination .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:8px}.pagination .current{background:var(--red)}.site-footer{padding-block:45px;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line)}.footer-brand{font-weight:900;letter-spacing:.04em;font-style:italic}.footer-brand span{font-weight:400;font-size:11px;display:block;letter-spacing:.3em;font-style:normal}.site-footer p{font-size:12px;margin:14px 0}.site-footer nav{display:flex;flex-direction:column;align-items:end;gap:10px;font-size:12px;color:#c2c2cc}.copyright{grid-column:1/-1;font-size:10px;color:#888892;padding-top:20px;border-top:1px solid var(--line)}.mobile-dock{display:none}
/* WooCommerce: estilos sobre sus plantillas y formularios nativos. */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto!important;margin:0!important;padding:18px;border:1px solid var(--line);background:#151518;border-radius:16px}.woocommerce ul.products li.product a img{aspect-ratio:4/3;object-fit:contain;background:#202024;border-radius:10px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Montserrat,sans-serif;font-size:17px;font-weight:650;line-height:1.5}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#ff6370}.woocommerce .woocommerce-breadcrumb{color:#aaa}.woocommerce .woocommerce-breadcrumb a{color:#ddd}.woocommerce div.product .product_title{font-size:48px}.woocommerce div.product div.images img{border-radius:15px}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#202024;border-color:#444}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#151518;color:white}.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#ddd}.woocommerce div.product .woocommerce-tabs ul.tabs:before{border-color:#444}.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}.woocommerce table.shop_table{border-color:#ffffff26}.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:#ffffff1c}.woocommerce .woocommerce-info,.woocommerce .woocommerce-message,.woocommerce .woocommerce-error{background:#202024;color:#fff;border-top-color:var(--red)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce input.input-text,.woocommerce select,.content-page input:not([type=checkbox]):not([type=radio]):not([type=submit]),.content-page textarea{background:#202024;color:#fff;border:1px solid #555;border-radius:8px;padding:12px;max-width:100%}.woocommerce form .form-row label{color:#ddd}.woocommerce form.login,.woocommerce form.register{border-color:#444}.woocommerce #payment,.woocommerce-checkout #payment{background:#1b1b20}.woocommerce-checkout #payment div.payment_box{background:#303038;color:white}.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--red);color:white}.woocommerce .quantity .qty{width:5em}.woocommerce-MyAccount-navigation ul{padding:0;list-style:none}.woocommerce-MyAccount-navigation li a{display:block;padding:12px;border-bottom:1px solid var(--line)}.woocommerce-MyAccount-navigation li.is-active a{color:#ff6370}.woocommerce-MyAccount-content{overflow-wrap:anywhere}.woocommerce .select2-container .select2-selection--single,.select2-dropdown{background:#202024;border-color:#555;color:#fff}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff}.select2-container--default .select2-results__option[data-selected=true]{background:#444}.woocommerce .shop_table a{color:#fff}.woocommerce .product_meta{font-size:12px;color:#aaa}.woocommerce .product_meta>span{display:block}.woocommerce .woocommerce-ordering select{padding:10px}.woocommerce span.onsale{background:var(--red);color:white}.woocommerce .star-rating{color:#ff6370}.wc-block-components-notice-banner{color:#111}.wc-block-components-form input,.wc-block-components-form select{color:#111}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{background:#151518;padding:20px;border-radius:16px}.woocommerce .woocommerce-Price-amount{white-space:nowrap}
@media(max-width:1050px){.desktop-nav{gap:16px}.header-inner{gap:18px}.brand img{width:185px}.account-link,.cart-link{display:none}.container{width:calc(100% - 40px)}.resource-art{height:180px}.card-copy{padding:20px}.hero h1{font-size:70px}.resource-grid{gap:14px}}
@media(max-width:767px){body{padding-bottom:92px}.container{width:calc(100% - 32px)}.site-header{position:relative;top:0!important}.header-inner{min-height:80px;justify-content:center}.brand img{width:220px;height:38px}.desktop-nav,.header-actions{display:none}.hero{min-height:650px;align-items:end}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(0deg,#09090b 0%,#09090be8 25%,#09090b80 65%,#09090b33)}.hero-content{padding-block:180px 35px}.hero h1{font-size:57px;max-width:460px}.hero p{font-size:14px;max-width:350px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-tags{gap:16px;font-size:8px;margin-top:28px}.hero-button{font-size:12px;padding:14px 18px}.section{padding-block:40px}.section-heading{display:block}.section-heading .text-link{margin-top:15px}.section-heading h2{font-size:36px}.resource-grid{grid-template-columns:1fr}.resource-card{display:grid;grid-template-columns:115px 1fr}.resource-art{height:100%;min-height:210px;border-bottom:0;border-right:1px solid var(--line);padding:14px}.resource-art strong{font-size:24px;line-height:1.05}.art-lines{left:5px;top:35px;width:100px;height:60px}.art-number{font-size:110px;top:0;right:-8px}.card-copy{padding:22px 18px}.card-copy h3{font-size:19px}.card-copy p{min-height:0;font-size:11px}.catalog-search{flex-wrap:wrap;gap:8px}.catalog-search input{flex-basis:100%;padding:10px;font-size:13px}.catalog-search select{flex:1;min-width:0;max-width:none;font-size:12px;padding:10px}.catalog-search .button{font-size:12px;padding:10px 15px}.empty-state{padding:35px 18px}.empty-state h2{font-size:30px}.workflow{grid-template-columns:1fr;padding:25px;gap:15px;margin-bottom:40px}.workflow h2{font-size:42px}.site-footer{grid-template-columns:1fr;padding-block:30px}.site-footer nav{align-items:start}.mobile-dock{display:flex;position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;z-index:80;justify-content:space-around;gap:2px;border:1px solid #ffffff30;background:#202023ee;backdrop-filter:blur(18px);border-radius:24px;padding:8px 5px;box-shadow:0 8px 30px #0009}.mobile-dock a{font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;min-height:48px;border-radius:16px}.mobile-dock a span{font-family:Arial,sans-serif;font-size:23px;line-height:1.2}.mobile-dock a[aria-current]{background:#db091c;color:#fff}.page-main,.shop-main{padding-block:30px 45px}.page-heading h1{font-size:58px}.page-heading h2{font-size:17px}.page-heading p{font-size:12px}.breadcrumb{margin-bottom:28px}.collection-tabs{gap:6px}.collection-tabs a{font-size:10px;padding:8px 12px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{padding:10px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px}.woocommerce ul.products li.product .button{font-size:11px;padding:10px}.content-page>h1{font-size:45px}.woocommerce div.product .product_title{font-size:38px}.woocommerce table.shop_table{font-size:12px}.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}.woocommerce-MyAccount-navigation{margin-bottom:25px}.woocommerce .woocommerce-result-count{font-size:12px}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{background:#1b1b20}.woocommerce table.shop_table_responsive tr:nth-child(2n) td{background:#202024}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* v0.2 — menú desplegable, filtros de marcas y comparador. */
.main-menu{position:relative;margin-right:auto}.main-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:22px;font-weight:650;padding:12px 18px;border:1px solid var(--line);border-radius:12px}.main-menu summary::-webkit-details-marker{display:none}.main-menu[open] summary{border-color:#f34a59;background:#2b1118}.main-menu nav{position:absolute;top:calc(100% + 12px);left:0;min-width:260px;background:#161619;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 18px 50px #0008;padding:10px;z-index:100}.main-menu nav a{display:flex;justify-content:space-between;padding:12px 16px;border-radius:9px}.main-menu nav a:hover{background:#e51c2d25;color:#ff6774}.main-menu nav a span{color:#f34554}.catalog-search{flex-wrap:wrap}.catalog-search input{flex-basis:220px}.catalog-search select{max-width:220px}.mgxt-usd{display:block;color:#c1c1cd;font:500 12px/1.6 Montserrat,Arial,sans-serif;margin-top:8px}.mgxt-fx-date{display:block;font-size:9px;color:#9393a1}.woocommerce div.product div.images.mgxt-comparison{opacity:1}.compare-stage{position:relative;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at center,#3a3a3f,#101012 80%);isolation:isolate}.woocommerce div.product .compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0;pointer-events:none;user-select:none}.compare-clean{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);background:radial-gradient(ellipse at center,#3a3a3f,#101012 80%)}.compare-handle{position:absolute;inset:0 auto 0 var(--split);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 14px #0009}.compare-handle>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ea1729;border:2px solid white;color:white;font:700 23px Arial;box-shadow:0 4px 15px #0008}.compare-label{position:absolute;top:14px;padding:6px 10px;background:#09090bbf;border:1px solid #ffffff25;border-radius:8px;font-size:10px;pointer-events:none;z-index:2}.label-clean{left:12px}.label-design{right:12px}.compare-range{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y;direction:ltr}.compare-stage:focus-within{outline:2px solid #ff4e5f;outline-offset:4px}.compare-hint{text-align:center;font-size:11px;margin:14px 0}.mgxt-single-preview img{width:100%;height:auto}.woocommerce div.product .mgxt-comparison{margin-bottom:25px}
@media(max-width:767px){.header-inner{justify-content:space-between;gap:10px}.brand img{width:180px;height:35px}.main-menu{margin:0}.main-menu summary{font-size:12px;gap:12px;padding:10px 13px}.main-menu nav{left:auto;right:0;min-width:min(280px,calc(100vw - 32px))}.catalog-search input{flex-basis:100%}.catalog-search select{flex:1 1 120px;max-width:none}.compare-label{font-size:9px}.compare-handle>span{width:38px;height:38px}.mgxt-usd{font-size:11px}}

/* Portada explicativa 0.3.0 */
.home-explained .hero{min-height:660px}.home-explained .hero h1{font-size:clamp(66px,7.8vw,112px)}.hero-tags a:hover{color:#fff}.resource-intro{padding-block:72px 32px;text-align:center}.resource-intro p{font-size:clamp(20px,2.5vw,30px);margin:16px 0}.resource-intro strong{color:var(--text);font-weight:600}.resource-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding-block:80px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.feature-index{color:var(--red);margin-right:12px}.feature-copy h2{font-size:clamp(42px,4.5vw,66px);margin:22px 0}.feature-description{font-size:15px;max-width:480px}.feature-specs{padding:0;margin:28px 0 32px;list-style:none}.feature-specs li{position:relative;padding:14px 0 14px 23px;border-bottom:1px solid var(--line);font-size:13px;color:#c5c5cd}.feature-specs li:before{content:'+';position:absolute;left:0;color:var(--red);font-weight:700}.feature-visual{min-width:0;padding:18px;background:#111114;border:1px solid var(--line);border-radius:24px}.feature-templates .feature-copy{order:2}.feature-templates .feature-visual{order:1}.feature-visual .images{float:none!important;width:100%!important;margin:0!important}.feature-visual img{display:block;width:100%;height:auto;border-radius:12px}.feature-visual .compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0;pointer-events:none;user-select:none}.showcase-caption{display:flex;gap:15px;justify-content:space-between;font-size:11px;padding:16px 3px 2px}.showcase-caption span{color:#ff5c68;white-space:nowrap}.showcase-pending{min-height:350px;display:flex;flex-direction:column;justify-content:center;padding:35px;background:radial-gradient(ellipse at 100% 0,#68182055,transparent 65%),#17171b;border-radius:12px}.showcase-pending strong{font-family:Bebas,Impact,sans-serif;font-size:clamp(36px,4vw,60px);line-height:1.05;margin:25px 0}.showcase-pending p{max-width:300px;font-size:12px;margin:0}.resource-help{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px;margin-top:80px;border:1px solid #ed152538;border-radius:24px;background:linear-gradient(120deg,#211114,#111113)}.resource-help h2{margin:16px 0}.resource-help p{max-width:560px;margin-bottom:0}.resource-help .button{flex-shrink:0}.resource-faq{padding-block:85px 100px;max-width:960px}.resource-faq h2{margin:18px 0 35px}.resource-faq details{border-top:1px solid var(--line);padding:20px 0}.resource-faq summary{cursor:pointer;font-weight:600;font-size:14px}.resource-faq details p{padding:18px 0 0;margin:0;max-width:780px}
@media(max-width:900px){.resource-feature{gap:32px;grid-template-columns:1fr 1fr}.resource-help{padding:32px;align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.home-explained .hero{min-height:600px}.home-explained .hero h1{font-size:68px}.resource-intro{padding-block:46px 0}.resource-feature{grid-template-columns:1fr;padding-block:48px;gap:28px}.feature-templates .feature-copy,.feature-templates .feature-visual{order:initial}.feature-copy h2{font-size:46px}.feature-description{font-size:14px}.feature-visual{padding:12px;border-radius:18px}.showcase-pending{min-height:280px;padding:25px}.resource-help{margin-top:48px;padding:26px}.resource-faq{padding-block:55px 65px}.showcase-caption{flex-wrap:wrap}.feature-specs{margin-block:20px 26px}}

/* Independent collections */
.mgxt-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;background:#151517;border:1px solid #303034;border-radius:22px;margin:24px 0}
.mgxt-filters label{display:flex;flex-direction:column;gap:8px;color:#ccc;min-width:0}
.mgxt-filters select,.mgxt-filters input{width:100%;min-width:0;background:#222225;color:#fff;border:1px solid #444;border-radius:12px;padding:14px;font:inherit}
.mgxt-filter-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;grid-column:1/-1}
.mgxt-brand-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.mgxt-brand-list a{display:block;padding:18px;border:1px solid #38383b;border-radius:12px;background:#161618;color:#fff;text-decoration:none}
.mgxt-brand-list a:hover,.mgxt-brand-list a:focus-visible{border-color:#ff1736;background:#291216}
@media(max-width:600px){.mgxt-brand-list{grid-template-columns:1fr}.mgxt-filters{grid-template-columns:1fr;padding:18px}}