@font-face {font-display: swap; font-family: 'Roboto'; src: url(../fonts/Roboto-Regular.woff2) format('woff2');}
@font-face {font-display: swap; font-family: 'Roboto'; src: url(../fonts/Roboto-Bold.woff2) format('woff2'); font-weight: 700;}
@font-face {font-display: swap; font-family: 'Oswald'; src: url(../fonts/Oswald-Regular.woff2) format('woff2');}

:root {
  --font-base: "Roboto", Helvetica, Arial, sans-serif;
  --font-heading: "Oswald", Arial, sans-serif;
}

/* Sitewide neutral shop skin: existing structural CSS stays in assets/css/style.css. */
:root {--red:#1254a5;--red2:#1254a5;--color-danger:#1254a5;--font-base:'Roboto',Arial,sans-serif;--font-heading:'Roboto',Arial,sans-serif;--primary-icon-filter:invert(24%) sepia(65%) saturate(1347%) hue-rotate(183deg) brightness(88%) contrast(96%)}
body{font-family:var(--font-base);color:#222b35}
.header .logo img{max-height:80px;object-fit:contain}
.header-mobile .col-2.logo img{max-height:56px;object-fit:contain}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #1254a5;outline-offset:2px}
.header .navbar ul.menu li.highlighted a,.header .menu ul li.highlighted div{color:#79a9ed}
.products .product-items-grid li .labels .discount,.products .product-items-list li .labels .discount,.product .product-images .labels .discount{background:#1254a5}

.shop-information {max-width:900px;line-height:1.8;margin-block:24px}
.shop-information dt {font-weight:700;margin-top:16px}
.shop-information dd {margin:0;overflow-wrap:anywhere}
.shop-content-required {padding:24px;border:1px solid #dfe5ec;border-radius:6px;background:#f6f8fa;line-height:1.7}