/* Storefront and back-office layout */
.matrix{display:grid;gap:7px;margin:10px 0}.matrix>div{display:grid;grid-template-columns:1fr 1fr auto;gap:7px}.drop-zone{border:1px dashed #a7aab4;border-radius:8px;padding:15px;background:#f8f9fa}dialog{width:min(480px,calc(100% - 28px));border:1px solid #e5e7eb;border-radius:15px;padding:22px;box-shadow:0 18px 80px #0004}dialog::backdrop{background:#12141ab3}[data-wire-content]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:15px;text-align:center}[data-wire-content] img{object-fit:contain}.install-page{min-height:100vh;padding:40px 12px;background:#f8f9fa}.install-page .auth{width:min(510px,100%);padding:28px}.install-page small{margin-bottom:9px}

:root{--radius:12px;--line:#e5e7eb;--ink:#141620;--muted:#545c6b;--red:#E60012;--deep:#970722}
.site{width:min(1280px,calc(100% - 64px))}
header.site{margin-top:0;border-radius:0;border-top:5px solid #880720}
.header-main{min-height:73px;padding-inline:30px;grid-template-columns:126px minmax(160px,1fr) auto}
.header-main .logo{width:102px;height:45px}
.utilities{gap:21px}.utilities a{font-size:11px}.utilities svg{width:21px;height:21px}
.nav{padding-inline:30px;min-height:48px;gap:24px}
.hero{min-height:clamp(310px,30vw,490px)}
.hero-content{padding-left:clamp(30px,6vw,108px)}
.hero h1{max-width:460px;font-weight:800;font-size:clamp(30px,3.45vw,59px)}
.hero-content .primary{padding:11px 19px}
.sports{gap:16px;margin:20px 0 38px}
.sports a{min-height:75px;padding:16px;background:#fff;transition:background .15s,border-color .15s}
.sports a:hover{background:#fff7f8;border-color:#eab4c0}
.sports strong{font-size:13px}.sports span{width:42px;height:42px}
.section-title{margin-top:28px;margin-bottom:17px}
.section-title h2{font-size:23px;font-weight:800}
.products{gap:17px;grid-template-columns:repeat(6,minmax(0,1fr))}
.product-card{border:1px solid var(--line);background:#fff}
.tile{aspect-ratio:1/1.08;background:#f0f0f0}
.tile img{object-fit:cover;transition:transform .25s}.product-card:hover img{transform:scale(1.04)}
.tile-copy{padding:13px 13px 17px}.tile-copy strong{font-size:13px}.tile-copy b{font-size:14px}
.demo-tag{position:absolute;right:9px;top:9px;padding:3px 7px;border-radius:4px;background:#fff;color:#414653;font-size:10px;font-weight:700}
.backoffice{grid-template-columns:245px minmax(0,1fr);background:#f3f5f8}
.sidebar{padding:23px 15px;min-width:0;background:#151923;border-right:1px solid #252935}
.sidebar>a{display:flex;align-items:center;min-height:52px;margin-bottom:5px}.sidebar nav{gap:6px}
.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;color:#d5d9e2;border:1px solid transparent}
.sidebar nav a:hover{background:#252b37}.sidebar nav a.current{background:#c70829;color:white;border-color:#db2544}
.sidebar nav svg{width:17px;height:17px}
.admin-main{width:100%;max-width:1800px;margin:0 auto;padding:24px 33px 40px}
.admin-top{margin-bottom:24px;padding-bottom:18px;font-weight:700}
.admin-main>h1{font-size:27px;margin-bottom:19px}
.admin-main .card{border-color:#e2e6ee;padding:20px;box-shadow:0 2px 6px #161e3207;min-width:0}
.admin-main .kpis{gap:16px;margin:18px 0 3px}.kpis>section{overflow:hidden}
.admin-main .kpis strong{display:block;margin-top:7px;font-size:clamp(17px,2.2vw,29px);overflow-wrap:anywhere}
.admin-main .chart{padding:24px}.admin-main .chart svg{max-height:290px}
.admin-main th,.admin-main td{padding:12px 10px}
.admin-main tr:hover td{background:#f8f9fb}
.admin-main .inline-form input{width:100%}.admin-main .inline-form button{flex-shrink:0}
.admin-main .menu-form{grid-template-columns:minmax(100px,1fr) minmax(120px,2fr) 85px auto auto}
.admin-main .order-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
@media(max-width:1200px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}.utilities{gap:12px}.nav{gap:16px}.backoffice{grid-template-columns:195px minmax(0,1fr)}.admin-main{padding-inline:22px}}
@media(max-width:850px){.site{width:calc(100% - 26px)}.header-main{gap:12px;padding-inline:12px}.nav{padding-inline:12px}.backoffice{display:block}.sidebar{padding:10px 12px;gap:6px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.admin-main{padding:16px}.admin-main .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.header-main{grid-template-columns:75px minmax(0,1fr);min-height:unset}.header-main .logo{width:73px}.utilities{gap:7px}.utilities a{font-size:8px}.utilities svg{width:17px;height:17px}.nav{gap:9px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:265px}.sports{gap:8px;margin-bottom:23px}.sports a{min-height:56px;padding:8px}.sports strong{font-size:11px}.sports span{width:31px;height:31px}.admin-main .order-grid,.admin-main .kpis{grid-template-columns:1fr}.admin-main .menu-form{grid-template-columns:1fr 1fr}}

.admin-product-name{display:flex;gap:11px;align-items:center;font-weight:700}.admin-product-name .mini{width:42px}.admin-product-name .mini img{object-fit:cover}