:root {
  --ss-container: 1180px;
  --ss-radius: 14px;
  --ss-shadow: 0 10px 35px rgba(16,24,40,.08);
  --ss-transition: 180ms ease;
}
html { scroll-behavior: smooth; }
body { margin:0; text-rendering: optimizeLegibility; }
img { max-width:100%; height:auto; }
a { transition: color var(--ss-transition), background-color var(--ss-transition), border-color var(--ss-transition); }
.wp-site-blocks { overflow: clip; }
.ss-container { width:min(100% - 32px, var(--ss-container)); margin-inline:auto; }
.ss-card { border:1px solid var(--wp--preset--color--border); border-radius:var(--ss-radius); background:var(--wp--preset--color--surface); box-shadow:var(--ss-shadow); }
.ss-muted { color:var(--wp--preset--color--muted); }
.ss-pill { border-radius:999px; }
.ss-hero { position:relative; overflow:hidden; }
.ss-hero::after { content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:rgba(99,91,255,.10); inset-inline-end:-160px; top:-170px; pointer-events:none; }
.ss-grid { display:grid; gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.ss-grid-4 { display:grid; gap:20px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.ss-product-card { height:100%; display:flex; flex-direction:column; }
.ss-product-card .wp-block-post-featured-image { margin:0; }
.ss-product-card .wp-block-post-featured-image img { aspect-ratio:4/3; object-fit:cover; border-radius:var(--ss-radius) var(--ss-radius) 0 0; }
.ss-product-body { padding:20px; display:flex; flex-direction:column; flex:1; }
.ss-product-body .wp-block-button:last-child { margin-top:auto; padding-top:10px; }
.ss-topbar { font-size:.875rem; }
.ss-site-header { border-bottom:1px solid var(--wp--preset--color--border); background:var(--wp--preset--color--surface); position:relative; z-index:50; }
.ss-site-footer { margin-top:64px; border-top:1px solid var(--wp--preset--color--border); }
.ss-mobile-only { display:none; }
.ss-desktop-only { display:flex; }
.ss-feature-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:12px; background:rgba(99,91,255,.1); color:var(--wp--preset--color--primary); font-weight:800; }
.ss-price { font-size:1.35rem; font-weight:800; }
.ss-sale { color:var(--wp--preset--color--success); font-weight:800; }
.woocommerce div.product form.cart { margin-top:1rem; }
.woocommerce .quantity .qty { min-height:44px; border-radius:10px; border:1px solid var(--wp--preset--color--border); }
.woocommerce div.product .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius:10px; padding:.75rem 1.2rem; font-weight:700; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius:10px; }
.wp-block-query-pagination { margin-top:32px; }
:focus-visible { outline:3px solid rgba(99,91,255,.35); outline-offset:3px; }

.ss-dark body,
html.ss-dark body { background:#0b1020; color:#e7eaf0; }
html.ss-dark .ss-site-header,
html.ss-dark .ss-site-footer,
html.ss-dark .ss-card { background:#11182b; }
html.ss-dark .ss-site-header,
html.ss-dark .ss-site-footer,
html.ss-dark .ss-card,
html.ss-dark .woocommerce .quantity .qty { border-color:#26304a; }
html.ss-dark .wp-block-navigation-item__content,
html.ss-dark .wp-block-site-title a { color:#f3f4f6; }
html.ss-dark .wp-block-search__input,
html.ss-dark input,
html.ss-dark textarea,
html.ss-dark select { background:#11182b; color:#f3f4f6; border-color:#33405f; }

@media (max-width: 900px) {
  .ss-grid, .ss-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ss-desktop-only { display:none; }
  .ss-mobile-only { display:flex; }
}
@media (max-width: 600px) {
  .ss-grid, .ss-grid-4 { grid-template-columns:1fr; }
  .ss-container { width:min(100% - 24px, var(--ss-container)); }
  .wp-block-navigation__responsive-container { padding:24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { transition:none !important; animation:none !important; }
}
