:root {
--def-blue: #0875e8;
--def-blue-dark: #075fc2;
--def-ink: #111a35;
--def-muted: #68748d;
--def-line: #e5eaf3;
--def-soft: #eef4ff;
--def-radius: 18px;
}
html { scroll-behavior: smooth; }
body {
color: var(--def-ink);
background: #fff;
font-family: Inter, "Segoe UI", Arial, sans-serif;
font-size: 16px;
}
a { color: var(--def-blue); }
a:hover { color: var(--def-blue-dark); } .wp-site-blocks { min-height: 100vh; }
.wp-site-blocks > header,
.wp-site-blocks > footer {
width: 100%;
}
.wp-site-blocks > main,
.wp-site-blocks > .wp-block-post-content,
body.woocommerce .wp-site-blocks > main,
body.woocommerce-page .wp-site-blocks > main {
width: min(100% - 48px, 1440px);
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.wp-block-post-content,
.entry-content {
max-width: none;
}
.wp-block-group.alignwide,
.wp-block-columns.alignwide,
.alignwide {
max-width: 1440px;
}
.wp-block-group.alignfull,
.wp-block-cover.alignfull {
width: 100%;
} header .wp-block-site-title a,
header .wp-block-navigation a {
color: var(--def-ink);
text-decoration: none;
}
header .wp-block-navigation a:hover { color: var(--def-blue); }
header .wp-block-site-logo img { max-height: 64px; width: auto; } button, .wp-element-button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.wc-block-components-button {
background: var(--def-blue) !important;
color: #fff !important;
border: 0 !important;
border-radius: 999px !important;
font-weight: 650;
padding: 12px 22px !important;
text-decoration: none !important;
transition: background .18s ease, transform .18s ease;
}
button:hover, .wp-element-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .wc-block-components-button:hover {
background: var(--def-blue-dark) !important;
transform: translateY(-1px);
}
input, select, textarea,
.wc-block-components-combobox .components-combobox-control__input,
.wc-block-components-text-input input {
border: 1px solid var(--def-line) !important;
border-radius: 12px !important;
min-height: 42px;
}
:focus-visible { outline: 3px solid #9ccaff; outline-offset: 2px; } .woocommerce .woocommerce-breadcrumb {
color: var(--def-muted);
font-size: 13px;
}
.woocommerce ul.products,
.wc-block-grid__products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px !important;
margin: 20px 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product,
.wc-block-grid__product,
.wc-block-components-product-card {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 16px !important;
border: 1px solid var(--def-line);
border-radius: var(--def-radius);
background: #fff;
box-shadow: 0 5px 22px rgba(18, 48, 92, .045);
overflow: hidden;
transition: box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
box-shadow: 0 12px 30px rgba(18, 48, 92, .10);
transform: translateY(-2px);
}
.woocommerce ul.products li.product a img,
.wc-block-grid__product img {
width: 100%;
height: 190px;
object-fit: contain;
border-radius: 12px;
background: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
color: var(--def-ink);
font-size: 15px !important;
line-height: 1.4;
font-weight: 600;
}
.woocommerce ul.products li.product .price,
.wc-block-grid__product .wc-block-grid__product-price {
color: var(--def-ink);
font-size: 20px;
font-weight: 750;
}
.woocommerce span.onsale {
background: var(--def-blue);
border-radius: 999px;
min-height: auto;
min-width: auto;
line-height: 1.4;
padding: 5px 11px;
}
.woocommerce .star-rating { color: #f5a623; }
.woocommerce .quantity .qty { width: 5em; }
.woocommerce nav.woocommerce-pagination ul { border: 0; }
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
margin: 3px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
border-radius: 999px;
background: var(--def-soft);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--def-blue);
color: #fff;
} .woocommerce .widget,
.wp-block-woocommerce-filter-wrapper,
.wp-block-woocommerce-product-categories {
padding: 16px;
border: 1px solid var(--def-line);
border-radius: 16px;
background: #fff;
}
.woocommerce .widget-title,
.woocommerce .widget h2 {
color: var(--def-ink);
font-size: 17px;
font-weight: 700;
}
.woocommerce .widget a { color: var(--def-ink); text-decoration: none; }
.woocommerce .widget a:hover { color: var(--def-blue); } .wp-block-group, .wp-block-cover { border-radius: var(--def-radius); }
hr, .wp-block-separator { border-color: var(--def-line); }
footer { color: var(--def-muted); } @media (max-width: 1050px) {
.woocommerce ul.products,
.wc-block-grid__products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 782px) {
.wp-site-blocks > main,
.wp-site-blocks > .wp-block-post-content,
body.woocommerce .wp-site-blocks > main,
body.woocommerce-page .wp-site-blocks > main {
width: min(100% - 28px, 100%);
}
.woocommerce ul.products,
.wc-block-grid__products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px !important;
}
.woocommerce ul.products li.product,
.wc-block-grid__product { padding: 11px !important; }
.woocommerce ul.products li.product a img,
.wc-block-grid__product img { height: 145px; }
.woocommerce ul.products li.product .button {
width: 100%;
padding: 10px 8px !important;
font-size: 13px;
}
}
@media (max-width: 420px) {
.woocommerce ul.products,
.wc-block-grid__products { grid-template-columns: 1fr; }
}