:root {
  --color-ink:#111416; --color-muted:#5c6268; --color-paper:#fff;
  --color-surface:#f4f5f6; --color-line:#d9dde1; --color-dark:#101418;
  --font-ui:Arial,Helvetica,sans-serif; --container-max:1440px;
  --radius-card:16px; --radius-panel:20px; --radius-input:12px;
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px;
  --space-5:48px; --space-6:64px; --space-7:96px;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:16px/1.5 var(--font-ui);color:var(--color-ink);background:var(--color-paper)}
.xenset-container{max-width:var(--container-max);margin-inline:auto;padding-inline:32px}
.xenset-header,.xenset-footer{background:var(--color-dark);color:white}
.xenset-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-paper);overflow:hidden}
.xenset-product-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
.xenset-banner-img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.xenset-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xenset-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 22px;border-radius:999px;border:1px solid transparent;background:var(--color-ink);color:white;text-decoration:none;font:inherit;cursor:pointer}
.xenset-button--light{background:#fff;color:var(--color-ink)}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:767px){.xenset-container{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}