:root{--accent: #7A1531;--accent-2: #2DB9F2;--ink: #0B0B0C;--muted: #70757d;--border: #E6E8EA;--surface: #FFFFFF;--surface-2: #F7F8F9}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:var(--surface);line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:24px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid.cols-2{grid-template-columns:1fr}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:700}.btn.secondary{background:#fff;color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:#333}.card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0000000a}.card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.card .pad{padding:14px}.card h3{margin:0 0 6px;font-size:16px}header.site{position:sticky;top:0;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);z-index:50}header .inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{height:34px}nav a{margin:0 10px;color:#222;font-weight:600}nav a.active,nav a:hover{color:var(--accent)}footer.site{border-top:1px solid var(--border);margin-top:60px;padding:32px 0;background:var(--surface-2);color:#333}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}@media(max-width:900px){footer .cols{grid-template-columns:1fr}}.hero{background:linear-gradient(120deg,var(--accent) 0%,#9C2246 40%,var(--accent-2) 100%);color:#fff}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:60px 0}.hero h1{font-size:clamp(28px,5vw,52px);line-height:1.1;margin:0 0 12px}.hero p{opacity:.95;margin:0 0 22px}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}}.product{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}@media(max-width:900px){.product{grid-template-columns:1fr}}.product .media img{width:100%;border-radius:18px;border:1px solid var(--border);background:#fff}.price{font-size:24px;font-weight:800}.variant-picker{display:flex;gap:8px;margin:16px 0}.variant-picker .opt{padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}.variant-picker .opt.selected{border-color:var(--accent);color:var(--accent);font-weight:700}table.cart{width:100%;border-collapse:collapse}table.cart th,table.cart td{border-bottom:1px solid var(--border);padding:12px;text-align:left}:root{--tile-radius: 12px;--tile-pad-y: 14px;--tile-pad-x: 14px;--tile-gap: 12px;--tile-font: 15px;--tile-meta: 12px;--tile-border: 1px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--tile-gap)}.tile{display:block;border:var(--tile-border) solid #e5e5e5;border-radius:var(--tile-radius);padding:var(--tile-pad-y) var(--tile-pad-x);text-decoration:none;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease}.tile:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0000000a;border-color:#ddd}.tile:active{transform:translateY(0);box-shadow:none}.tile__title{font-size:var(--tile-font);line-height:1.25;margin:0}.tile__meta{font-size:var(--tile-meta);opacity:.7;margin-top:4px}.btn--condensed{padding:6px 10px!important;font-size:14px!important;line-height:1.2!important;border-radius:8px!important}@media(min-width:768px){.tile-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}:root{--tile-font: 16px;--tile-meta: 12px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/base.css.map */