:root{
  --ssk-purple:#7c3aed;
  --ssk-teal:#14b8a6;
  --ssk-ink:#1A1022;
  --ssk-surface: rgba(255,255,255,.92);
  --ssk-border: rgba(26,16,34,.10);
  --ssk-shadow: 0 12px 36px rgba(26,16,34,.10);
}

/* Background + spacing */
body.woocommerce,
body.woocommerce-page{
  background:
    radial-gradient(900px 520px at 12% 8%, rgba(199,168,248,.26), transparent 60%),
    radial-gradient(860px 520px at 92% 18%, rgba(33,212,198,.14), transparent 58%),
    radial-gradient(720px 520px at 50% 98%, rgba(255,79,216,.07), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #fbf7ff 40%, #ffffff 100%);
}

/* Make main content feel like SSK cards */
body.woocommerce #primary,
body.woocommerce-page #primary{
  padding-top: 20px;
  padding-bottom: 40px;
}

body.woocommerce .woocommerce,
body.woocommerce-page .woocommerce{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Astra layout: force full-width on Woo pages (fixes squeezed/vertical text layouts) */
body.woocommerce .ast-container,
body.woocommerce-page .ast-container{
  display: block;
}

body.woocommerce #secondary,
body.woocommerce-page #secondary,
body.woocommerce .ast-sidebar-wrapper,
body.woocommerce-page .ast-sidebar-wrapper{
  display: none;
}

body.woocommerce #primary,
body.woocommerce-page #primary{
  width: 100%;
  max-width: 100%;
}

/* We provide our own hero header in template overrides */
body.woocommerce .woocommerce-products-header{
  display: none;
}

/* Cards / panels */
body.woocommerce .woocommerce-notices-wrapper > *,
body.woocommerce-page .woocommerce-notices-wrapper > *,
body.woocommerce .woocommerce-info,
body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-error,
body.woocommerce-page .woocommerce-info,
body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-error{
  border-radius: 14px;
}

/* Product grid cards */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product{
  background: var(--ssk-surface);
  border: 1px solid var(--ssk-border);
  border-radius: 18px;
  box-shadow: var(--ssk-shadow);
  padding: 14px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
body.woocommerce ul.products li.product:hover,
body.woocommerce-page ul.products li.product:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 45px rgba(26,16,34,.14);
}

/* Buttons */
body.woocommerce .button,
body.woocommerce-page .button,
body.woocommerce a.button,
body.woocommerce-page a.button,
body.woocommerce button.button,
body.woocommerce-page button.button,
body.woocommerce input.button,
body.woocommerce-page input.button{
  border-radius: 14px;
}

body.woocommerce .button.alt,
body.woocommerce-page .button.alt,
body.woocommerce a.button.alt,
body.woocommerce-page a.button.alt{
  background: linear-gradient(90deg, var(--ssk-purple), var(--ssk-teal));
  border: none;
  box-shadow: 0 10px 22px rgba(124,58,237,.18);
}

body.woocommerce .button.alt:hover,
body.woocommerce-page .button.alt:hover,
body.woocommerce a.button.alt:hover,
body.woocommerce-page a.button.alt:hover{
  filter: brightness(1.03);
}

/* Single product summary card vibe */
body.woocommerce.single-product div.product,
body.woocommerce-page.single-product div.product{
  background: var(--ssk-surface);
  border: 1px solid var(--ssk-border);
  border-radius: 18px;
  box-shadow: var(--ssk-shadow);
  padding: 16px;
}

/* Tabs + panels */
body.woocommerce .woocommerce-tabs .tabs li a,
body.woocommerce-page .woocommerce-tabs .tabs li a{
  border-radius: 12px;
}

/* Price styling */
body.woocommerce .price,
body.woocommerce-page .price{
  color: rgba(26,16,34,.88);
}
body.woocommerce .price ins,
body.woocommerce-page .price ins{
  color: rgba(26,16,34,.92);
}