:root{
  --ig-purple:#5800A8;
  --ig-green:#20D098;
  --ig-black:#0B0B0F;
  --ig-gray:#F2F4F7;
  --ig-gray-2:#E6E8EE;
}

body{
  background: #fff;
}

a{ text-decoration-thickness:2px; text-underline-offset:3px; }
.wp-block-button__link{ font-weight:700; }

/* Container improvements */
.wp-site-blocks > .wp-block-group,
.wp-site-blocks > .wp-block-template-part{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Header */
.ig-header{
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ig-gray-2);
}

/* Hero */
.ig-hero{
  border-radius: 24px;
  padding: 48px 28px;
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(32,208,152,0.25), transparent 60%),
    radial-gradient(900px 500px at 85% 25%, rgba(88,0,168,0.22), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbfbfd);
  border: 1px solid var(--ig-gray-2);
}

.ig-kicker{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--ig-gray);
  border: 1px solid var(--ig-gray-2);
  font-size: 0.9rem;
}

.ig-section-title{
  font-weight: 800;
  letter-spacing: -0.02em;
}

.ig-card{
  border:1px solid var(--ig-gray-2);
  border-radius: 18px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(11,11,15,0.06);
}

.ig-muted{
  color: rgba(11,11,15,0.72);
}

.ig-grid-2{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
}

.ig-grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}

.ig-footer{
  margin-top: 56px;
  border-top: 1px solid var(--ig-gray-2);
  background: #fafbff;
  border-radius: 24px 24px 0 0;
}

@media (max-width: 980px){
  .ig-grid-2{ grid-template-columns: 1fr; }
  .ig-grid-3{ grid-template-columns: 1fr; }
  .ig-hero{ padding: 34px 18px; }
}


/* =========================
   WooCommerce — premium UI
   ========================= */
.woocommerce .woocommerce-breadcrumb{ color: rgba(11,11,15,0.65); }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 800;
  border: 1px solid rgba(11,11,15,0.10);
  background: var(--ig-purple);
  color: #fff;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  filter: brightness(0.95);
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout .woocommerce-checkout{
  background: #fff;
  border: 1px solid var(--ig-gray-2);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 8px 26px rgba(11,11,15,0.06);
}

.woocommerce div.product .product_title{
  font-weight: 900;
  letter-spacing: -0.02em;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: var(--ig-purple);
  font-weight: 900;
}

.woocommerce ul.products{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}

@media (max-width: 1100px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}

.woocommerce ul.products li.product{
  margin: 0 !important;
  border: 1px solid var(--ig-gray-2);
  border-radius: 18px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(11,11,15,0.06);
  transition: transform .12s ease, box-shadow .12s ease;
}

.woocommerce ul.products li.product:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(11,11,15,0.10);
}

.woocommerce ul.products li.product a img{
  border-radius: 14px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight: 850;
  letter-spacing: -0.01em;
  margin: 10px 0 6px;
}

.woocommerce ul.products li.product .price{
  font-weight: 900;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-weight: 800;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-radius: 16px;
}

/* Preview player */
.ig-music-preview audio{
  border-radius: 14px;
  background: var(--ig-gray);
  border: 1px solid var(--ig-gray-2);
  padding: 8px;
}
