/*
Theme Name: JikaLearn Pro
Theme URI: https://jikalearning.com
Description: Thème professionnel pour plateforme de formations en ligne - Jika Learning
Version: 1.0.0
Author: Jika Learning
Author URI: https://jikalearning.com
Text Domain: jikalearn-pro
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');

:root {
  --primary: #7C3AED;
  --primary-dark: #5B21B6;
  --primary-darker: #3B0764;
  --accent: #F59E0B;
  --accent-dark: #D97706;
  --text: #1F2937;
  --text-light: #6B7280;
  --bg: #F9FAFB;
  --white: #FFFFFF;
  --black: #111827;
  --success: #10B981;
  --danger: #EF4444;
  --info: #3B82F6;
  --border: #E5E7EB;
  --shadow-sm: 0 2px 8px rgba(31, 41, 55, 0.06);
  --shadow: 0 10px 30px rgba(31, 41, 55, 0.10);
  --shadow-lg: 0 20px 60px rgba(31, 41, 55, 0.16);
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 28px;
  --container: 1180px;
  --header-height: 82px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text);
  background: var(--bg);
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

img,
picture,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
  height: auto;
}

button,
input,
textarea,
select {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

ul,
ol {
  list-style: none;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.admin-bar .site-header {
  top: 32px;
}

.container,
.jika-container {
  width: min(100% - 40px, var(--container));
  margin-inline: auto;
}

.site-main,
.page-main {
  padding-top: calc(var(--header-height) + 42px);
  padding-bottom: 72px;
}

.home .site-main,
.home .page-main {
  padding-top: var(--header-height);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

h1 { font-size: clamp(2.4rem, 5vw, 4.8rem); }
h2 { font-size: clamp(2rem, 4vw, 3.4rem); }
h3 { font-size: clamp(1.35rem, 2.5vw, 2rem); }
p { color: var(--text-light); }

/* Header */
.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  height: var(--header-height);
  z-index: 999;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(229, 231, 235, 0.85);
  box-shadow: 0 8px 30px rgba(59, 7, 100, 0.08);
}

.header-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.site-branding {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 190px;
}

.custom-logo-link img,
.site-logo-img {
  max-height: 54px;
  width: auto;
}

.site-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.35rem;
  font-weight: 900;
  color: var(--primary-darker);
  letter-spacing: -0.04em;
}

.site-title::before {
  content: 'JL';
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: var(--white);
  background: linear-gradient(135deg, var(--primary), var(--primary-darker));
  box-shadow: 0 10px 22px rgba(124, 58, 237, 0.3);
  font-size: 0.95rem;
}

.primary-navigation {
  flex: 1;
  display: flex;
  justify-content: center;
}

.primary-navigation .menu,
.primary-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.primary-navigation a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  color: var(--text);
  font-weight: 700;
  font-size: 0.96rem;
}

.primary-navigation a:hover,
.primary-navigation .current-menu-item > a {
  color: var(--primary);
  background: rgba(124, 58, 237, 0.09);
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 190px;
}

.header-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  color: var(--primary-darker);
  background: #F3E8FF;
  font-weight: 900;
}

.header-icon:hover {
  color: var(--white);
  background: var(--primary);
  transform: translateY(-2px);
}

.cart-count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--accent);
  color: var(--black);
  font-size: 0.72rem;
  font-weight: 900;
  border: 2px solid var(--white);
}

.mobile-menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 14px;
  background: var(--primary);
  color: var(--white);
  cursor: pointer;
}

.mobile-menu-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  margin: 5px auto;
  background: currentColor;
  border-radius: 999px;
}

/* Buttons */
.btn,
.button,
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.checkout-button,
.btn-primary,
.btn-accent,
.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 22px;
  border: 0;
  border-radius: 999px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.btn-primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wp-element-button,
.button {
  color: var(--white) !important;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.28);
}

.btn-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(124, 58, 237, 0.36);
}

.btn-accent {
  color: #2B1600 !important;
  background: linear-gradient(135deg, #FBBF24, var(--accent)) !important;
  box-shadow: 0 14px 30px rgba(245, 158, 11, 0.28);
}

.btn-outline {
  color: var(--white) !important;
  border: 2px solid rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.10) !important;
  backdrop-filter: blur(10px);
}

.btn-outline:hover {
  background: var(--white) !important;
  color: var(--primary-darker) !important;
}

/* Hero */
.section-hero {
  position: relative;
  overflow: hidden;
  min-height: 720px;
  display: flex;
  align-items: center;
  color: var(--white);
  background: radial-gradient(circle at 15% 20%, rgba(245, 158, 11, 0.34), transparent 28%), linear-gradient(135deg, #3B0764 0%, #5B21B6 42%, #7C3AED 100%);
}

.section-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(30, 27, 75, 0.92), rgba(91, 33, 182, 0.48)), radial-gradient(circle at 80% 30%, rgba(255,255,255,0.18), transparent 25%);
}

.section-hero::after {
  content: '';
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  right: -170px;
  bottom: -170px;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 830px;
  padding: 110px 0 90px;
}

.hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  margin-bottom: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #FDE68A;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 0.84rem;
}

.section-hero h1,
.section-hero p {
  color: var(--white);
}

.section-hero h1 {
  margin-bottom: 22px;
  max-width: 790px;
}

.section-hero p {
  max-width: 680px;
  font-size: clamp(1.05rem, 2vw, 1.32rem);
  opacity: 0.9;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 16px;
  max-width: 680px;
  margin-top: 48px;
}

.hero-stat {
  padding: 22px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(14px);
}

.hero-stat strong {
  display: block;
  color: var(--white);
  font-size: 1.65rem;
  font-weight: 900;
}

.hero-stat span {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 700;
}

/* Trust Bar */
.jika-trust-bar {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.trust-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 22px 0;
}

.trust-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--primary-darker);
  font-weight: 900;
}

.trust-item span:first-child {
  font-size: 1.35rem;
}

/* Sections */
.section-categories,
.section-products,
.section-features,
.section-testimonials,
.section-cta,
.content-section {
  padding: 86px 0;
}

.section-title {
  max-width: 780px;
  margin: 0 auto 18px;
  text-align: center;
}

.section-subtitle {
  max-width: 660px;
  margin: 0 auto 46px;
  text-align: center;
  font-size: 1.08rem;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.category-card {
  position: relative;
  overflow: hidden;
  min-height: 176px;
  padding: 26px;
  border-radius: 24px;
  background: var(--white);
  border: 1px solid rgba(124, 58, 237, 0.12);
  box-shadow: var(--shadow-sm);
}

.category-card::after {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  right: -42px;
  bottom: -42px;
  border-radius: 50%;
  background: rgba(124, 58, 237, 0.08);
}

.category-card:hover {
  transform: translateY(-7px);
  border-color: rgba(124, 58, 237, 0.35);
  box-shadow: var(--shadow);
}

.category-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, #F3E8FF, #EDE9FE);
  font-size: 1.75rem;
}

.category-card h3 {
  margin-bottom: 8px;
  font-size: 1.18rem;
}

.category-card p {
  font-weight: 600;
}

/* Product Cards */
.woocommerce ul.products,
.jika-products-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px !important;
  margin: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
}

.woocommerce ul.products li.product,
.product-card {
  width: auto !important;
  float: none !important;
  position: relative;
  overflow: hidden;
  padding: 0 0 24px !important;
  border-radius: 24px;
  background: var(--white);
  border: 1px solid rgba(229, 231, 235, 0.9);
  box-shadow: var(--shadow-sm);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.woocommerce ul.products li.product:hover,
.product-card:hover {
  transform: translateY(-8px);
  border-color: rgba(124, 58, 237, 0.28);
  box-shadow: var(--shadow-lg);
}

.woocommerce ul.products li.product a img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin: 0 0 20px !important;
  border-radius: 24px 24px 0 0;
  background: linear-gradient(135deg, #EDE9FE, #F3E8FF);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 54px;
  padding: 0 22px !important;
  margin-bottom: 10px !important;
  color: var(--text);
  font-size: 1.1rem !important;
  font-weight: 900;
  line-height: 1.25;
}

.woocommerce ul.products li.product .price {
  display: block;
  padding: 0 22px;
  margin-bottom: 14px;
  color: var(--primary) !important;
  font-size: 1.25rem !important;
  font-weight: 900;
}

.woocommerce ul.products li.product .price del {
  color: var(--text-light);
  font-size: 0.92rem;
  opacity: 0.65;
}

.woocommerce ul.products li.product .button {
  margin-left: 22px !important;
  margin-right: 22px !important;
  width: calc(100% - 44px);
}

.onsale,
.woocommerce span.onsale {
  min-width: auto !important;
  min-height: auto !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: var(--accent) !important;
  color: #2B1600 !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase;
}

.badge,
.badge-new,
.badge-popular,
.badge-pdf,
.badge-video {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.badge-new { color: #065F46; background: #D1FAE5; }
.badge-popular { color: #7C2D12; background: #FED7AA; }
.badge-pdf { color: #5B21B6; background: #EDE9FE; }
.badge-video { color: #1E40AF; background: #DBEAFE; }

.star-rating,
.stars,
.product-stars {
  color: var(--accent);
  letter-spacing: 2px;
}

.woocommerce .star-rating {
  margin: 0 22px 12px;
  color: var(--accent);
}

.progress-wrap {
  width: 100%;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #EDE9FE;
}

.progress-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--primary), var(--accent));
}

/* Features */
.section-features {
  background: var(--white);
}

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

.feature-card {
  padding: 30px;
  border-radius: 24px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAF5FF 100%);
  border: 1px solid rgba(124, 58, 237, 0.12);
  box-shadow: var(--shadow-sm);
}

.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow);
}

.feature-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 20px;
  background: var(--primary);
  color: var(--white);
  font-size: 1.6rem;
  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.25);
}

.feature-card h3 {
  margin-bottom: 10px;
  font-size: 1.15rem;
}

/* Testimonials */
.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.testimonial-card {
  padding: 30px;
  border-radius: 24px;
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow);
}

.testimonial-stars {
  margin-bottom: 16px;
  color: var(--accent);
  font-size: 1.05rem;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}

.avatar-initials {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--white);
  background: linear-gradient(135deg, var(--primary), var(--primary-darker));
  font-weight: 900;
}

.author-name {
  display: block;
  color: var(--text);
  font-weight: 900;
}

.author-role {
  display: block;
  color: var(--text-light);
  font-size: 0.88rem;
  font-weight: 700;
}

/* CTA */
.section-cta {
  padding: 96px 0;
  background: linear-gradient(135deg, #F59E0B, #FBBF24);
}

.cta-box {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.cta-box h2 {
  color: #2B1600;
  margin-bottom: 16px;
}

.cta-box p {
  color: rgba(43, 22, 0, 0.78);
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 28px;
}

.cta-box .btn-primary {
  background: var(--primary-darker) !important;
}

/* WooCommerce Layout */
.woocommerce-page .site-main,
.woocommerce .site-main {
  padding-top: calc(var(--header-height) + 54px);
}

.woocommerce-breadcrumb {
  margin-bottom: 28px !important;
  color: var(--text-light) !important;
  font-weight: 700;
}

.woocommerce-products-header {
  margin-bottom: 34px;
  padding: 42px;
  border-radius: 28px;
  background: linear-gradient(135deg, #F3E8FF, #FFFFFF);
  border: 1px solid rgba(124, 58, 237, 0.12);
}

.woocommerce-result-count,
.woocommerce-ordering {
  margin-bottom: 28px !important;
}

.woocommerce-ordering select,
.input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
select,
textarea,
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'],
input[type='number'],
input[type='search'] {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--white);
  color: var(--text);
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.12);
}

/* Single product */
.woocommerce div.product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  gap: 46px;
  align-items: start;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
  float: none !important;
  width: auto !important;
}

.woocommerce div.product div.images img {
  border-radius: 28px;
  box-shadow: var(--shadow);
}

.woocommerce div.product div.summary {
  padding: 34px;
  border-radius: 28px;
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.woocommerce div.product .product_title {
  margin-bottom: 16px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--primary) !important;
  font-size: 2rem !important;
  font-weight: 900;
}

.woocommerce div.product form.cart {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

.woocommerce div.product form.cart .button {
  flex: 1;
  min-height: 56px;
}

.woocommerce .quantity .qty {
  width: 82px;
  min-height: 56px;
  text-align: center;
  border-radius: 16px;
}

.woocommerce-tabs {
  grid-column: 1 / -1;
  margin-top: 28px;
  padding: 34px;
  border-radius: 28px;
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: flex;
  gap: 10px;
  padding: 0 !important;
  margin: 0 0 24px !important;
  border: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 0 !important;
  border-radius: 999px !important;
  background: #F3E8FF !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--primary) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--primary-darker) !important;
  font-weight: 900 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--white) !important;
}

/* Cart */
.woocommerce-cart-form,
.cart_totals,
.checkout_coupon,
.woocommerce-checkout-review-order,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.woocommerce-order,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 24px;
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.woocommerce-cart-form,
.cart_totals,
.checkout_coupon,
.woocommerce-checkout-review-order,
.woocommerce-MyAccount-content,
.woocommerce-order {
  padding: 28px;
}

.woocommerce table.shop_table {
  overflow: hidden;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  background: var(--white);
}

.woocommerce table.shop_table th {
  padding: 16px !important;
  color: var(--primary-darker);
  background: #F3E8FF;
  font-weight: 900;
}

.woocommerce table.shop_table td {
  padding: 16px !important;
  border-color: var(--border) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: flex;
  width: 100%;
  min-height: 58px;
  font-size: 1.05rem;
}

/* Checkout */
.woocommerce-checkout .col2-set {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
  float: none !important;
  width: auto !important;
  padding: 28px;
  border-radius: 24px;
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.woocommerce form .form-row label {
  margin-bottom: 8px;
  color: var(--text);
  font-weight: 800;
}

.woocommerce-checkout-payment {
  border-radius: 22px !important;
  background: #FAF5FF !important;
}

.woocommerce-checkout #payment div.payment_box {
  border-radius: 16px;
  background: var(--white) !important;
}

/* My Account */
.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.woocommerce-MyAccount-navigation {
  padding: 18px;
}

.woocommerce-MyAccount-navigation ul {
  display: grid;
  gap: 8px;
}

.woocommerce-MyAccount-navigation-link a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 12px 14px;
  border-radius: 14px;
  color: var(--text);
  font-weight: 800;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
  color: var(--white);
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  margin-bottom: 18px;
}

.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-orders-table__cell-order-actions .button {
  min-height: 40px;
  padding: 10px 14px;
  font-size: 0.88rem;
}

.downloads-table,
.woocommerce-table--order-downloads {
  border-radius: 18px;
  overflow: hidden;
}

/* Content pages */
.page-article,
.error-404 {
  width: min(100% - 40px, 920px);
  margin: 0 auto;
  padding: 48px;
  border-radius: 28px;
  background: var(--white);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border);
}

.page-article > * + * {
  margin-top: 18px;
}

.error-404 {
  text-align: center;
}

.error-404 .emoji {
  display: block;
  margin-bottom: 18px;
  font-size: 4rem;
}

/* Footer */
.site-footer {
  color: rgba(255,255,255,0.78);
  background: #1E1B4B;
}

.footer-main {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 42px;
  padding: 70px 0 42px;
}

.footer-column h3,
.footer-column h4 {
  margin-bottom: 18px;
  color: var(--white);
}

.footer-column p,
.footer-column li,
.footer-column a {
  color: rgba(255,255,255,0.76);
}

.footer-column a:hover {
  color: #FDE68A;
}

.footer-links {
  display: grid;
  gap: 10px;
}

.payment-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.payment-logo {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  color: var(--white);
  font-weight: 900;
  font-size: 0.84rem;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 0;
  border-top: 1px solid rgba(255,255,255,0.12);
}

.footer-bottom p {
  color: rgba(255,255,255,0.72);
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  padding: 18px 22px 18px 54px !important;
  margin-bottom: 24px !important;
  border-top: 0 !important;
}

.woocommerce-message {
  border-left: 5px solid var(--success) !important;
}

.woocommerce-info {
  border-left: 5px solid var(--info) !important;
}

.woocommerce-error {
  border-left: 5px solid var(--danger) !important;
}

.woocommerce-message::before { color: var(--success) !important; }
.woocommerce-info::before { color: var(--info) !important; }
.woocommerce-error::before { color: var(--danger) !important; }

/* Responsive */
@media (max-width: 980px) {
  :root { --header-height: 74px; }
  body.admin-bar .site-header { top: 46px; }
  .mobile-menu-toggle { display: inline-block; }
  .primary-navigation {
    position: fixed;
    left: 20px;
    right: 20px;
    top: calc(var(--header-height) + 12px);
    display: none;
    padding: 18px;
    border-radius: 22px;
    background: var(--white);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border);
  }
  .primary-navigation.is-open { display: block; }
  .primary-navigation .menu,
  .primary-menu {
    display: grid;
    justify-content: stretch;
    gap: 8px;
  }
  .primary-navigation a { width: 100%; }
  .header-actions { min-width: auto; }
  .account-link { display: none; }
  .section-hero { min-height: auto; }
  .hero-content { padding: 86px 0 72px; }
  .category-grid,
  .features-grid,
  .testimonials-grid,
  .woocommerce ul.products,
  .jika-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-items { grid-template-columns: repeat(2, 1fr); }
  .woocommerce div.product { grid-template-columns: 1fr; }
  .woocommerce-checkout .col2-set { grid-template-columns: 1fr; }
  .woocommerce-account .woocommerce { grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .container,
  .jika-container { width: min(100% - 28px, var(--container)); }
  .site-branding { min-width: auto; }
  .site-title { font-size: 1.08rem; }
  .site-title::before { width: 38px; height: 38px; border-radius: 12px; }
  .header-icon { width: 40px; height: 40px; }
  .hero-stats { grid-template-columns: 1fr; }
  .section-categories,
  .section-products,
  .section-features,
  .section-testimonials,
  .section-cta,
  .content-section { padding: 62px 0; }
  .category-grid,
  .features-grid,
  .testimonials-grid,
  .woocommerce ul.products,
  .jika-products-grid { grid-template-columns: 1fr; }
  .woocommerce-products-header,
  .page-article,
  .error-404 { padding: 28px; }
  .woocommerce div.product div.summary,
  .woocommerce-tabs { padding: 24px; }
  .footer-main { grid-template-columns: 1fr; padding-top: 52px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
  :root { --header-height: 70px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn-primary,
  .hero-actions .btn-outline,
  .hero-actions .btn-accent { width: 100%; }
  .trust-items { grid-template-columns: 1fr; }
  .woocommerce div.product form.cart { flex-direction: column; align-items: stretch; }
  .woocommerce .quantity .qty { width: 100%; }
  .woocommerce div.product .woocommerce-tabs ul.tabs { flex-direction: column; }
  .header-actions .cart-link { display: inline-flex; }
  .site-title span { display: none; }
}

/* Utility spacing and polish 1 */
.jika-space-1 { margin-top: 1px; }
.jika-pad-1 { padding: 4px; }
.jika-radius-1 { border-radius: 9px; }
.jika-shadow-1 { box-shadow: 0 3px 11px rgba(59, 7, 100, 0.05); }
.jika-gradient-1 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.06)); }
.jika-card-hover-1:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 2 */
.jika-space-2 { margin-top: 2px; }
.jika-pad-2 { padding: 4px; }
.jika-radius-2 { border-radius: 10px; }
.jika-shadow-2 { box-shadow: 0 4px 12px rgba(59, 7, 100, 0.06); }
.jika-gradient-2 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.08)); }
.jika-card-hover-2:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 3 */
.jika-space-3 { margin-top: 3px; }
.jika-pad-3 { padding: 4px; }
.jika-radius-3 { border-radius: 11px; }
.jika-shadow-3 { box-shadow: 0 5px 13px rgba(59, 7, 100, 0.07); }
.jika-gradient-3 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.10)); }
.jika-card-hover-3:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 4 */
.jika-space-4 { margin-top: 4px; }
.jika-pad-4 { padding: 4px; }
.jika-radius-4 { border-radius: 12px; }
.jika-shadow-4 { box-shadow: 0 6px 14px rgba(59, 7, 100, 0.08); }
.jika-gradient-4 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.12)); }
.jika-card-hover-4:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 5 */
.jika-space-5 { margin-top: 5px; }
.jika-pad-5 { padding: 4px; }
.jika-radius-5 { border-radius: 13px; }
.jika-shadow-5 { box-shadow: 0 7px 15px rgba(59, 7, 100, 0.04); }
.jika-gradient-5 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.04)); }
.jika-card-hover-5:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 6 */
.jika-space-6 { margin-top: 6px; }
.jika-pad-6 { padding: 4px; }
.jika-radius-6 { border-radius: 14px; }
.jika-shadow-6 { box-shadow: 0 8px 16px rgba(59, 7, 100, 0.05); }
.jika-gradient-6 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.06)); }
.jika-card-hover-6:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 7 */
.jika-space-7 { margin-top: 7px; }
.jika-pad-7 { padding: 4px; }
.jika-radius-7 { border-radius: 15px; }
.jika-shadow-7 { box-shadow: 0 9px 17px rgba(59, 7, 100, 0.06); }
.jika-gradient-7 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.08)); }
.jika-card-hover-7:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 8 */
.jika-space-8 { margin-top: 8px; }
.jika-pad-8 { padding: 4px; }
.jika-radius-8 { border-radius: 16px; }
.jika-shadow-8 { box-shadow: 0 10px 18px rgba(59, 7, 100, 0.07); }
.jika-gradient-8 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.10)); }
.jika-card-hover-8:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 9 */
.jika-space-9 { margin-top: 9px; }
.jika-pad-9 { padding: 4px; }
.jika-radius-9 { border-radius: 17px; }
.jika-shadow-9 { box-shadow: 0 11px 19px rgba(59, 7, 100, 0.08); }
.jika-gradient-9 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.12)); }
.jika-card-hover-9:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 10 */
.jika-space-10 { margin-top: 10px; }
.jika-pad-10 { padding: 5px; }
.jika-radius-10 { border-radius: 18px; }
.jika-shadow-10 { box-shadow: 0 2px 20px rgba(59, 7, 100, 0.04); }
.jika-gradient-10 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.04)); }
.jika-card-hover-10:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 11 */
.jika-space-11 { margin-top: 11px; }
.jika-pad-11 { padding: 5px; }
.jika-radius-11 { border-radius: 19px; }
.jika-shadow-11 { box-shadow: 0 3px 21px rgba(59, 7, 100, 0.05); }
.jika-gradient-11 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.06)); }
.jika-card-hover-11:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 12 */
.jika-space-12 { margin-top: 12px; }
.jika-pad-12 { padding: 6px; }
.jika-radius-12 { border-radius: 20px; }
.jika-shadow-12 { box-shadow: 0 4px 22px rgba(59, 7, 100, 0.06); }
.jika-gradient-12 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.08)); }
.jika-card-hover-12:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 13 */
.jika-space-13 { margin-top: 13px; }
.jika-pad-13 { padding: 6px; }
.jika-radius-13 { border-radius: 21px; }
.jika-shadow-13 { box-shadow: 0 5px 23px rgba(59, 7, 100, 0.07); }
.jika-gradient-13 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.10)); }
.jika-card-hover-13:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 14 */
.jika-space-14 { margin-top: 14px; }
.jika-pad-14 { padding: 7px; }
.jika-radius-14 { border-radius: 22px; }
.jika-shadow-14 { box-shadow: 0 6px 24px rgba(59, 7, 100, 0.08); }
.jika-gradient-14 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.12)); }
.jika-card-hover-14:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 15 */
.jika-space-15 { margin-top: 15px; }
.jika-pad-15 { padding: 7px; }
.jika-radius-15 { border-radius: 23px; }
.jika-shadow-15 { box-shadow: 0 7px 25px rgba(59, 7, 100, 0.04); }
.jika-gradient-15 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.04)); }
.jika-card-hover-15:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 16 */
.jika-space-16 { margin-top: 16px; }
.jika-pad-16 { padding: 8px; }
.jika-radius-16 { border-radius: 24px; }
.jika-shadow-16 { box-shadow: 0 8px 26px rgba(59, 7, 100, 0.05); }
.jika-gradient-16 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.06)); }
.jika-card-hover-16:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 17 */
.jika-space-17 { margin-top: 17px; }
.jika-pad-17 { padding: 8px; }
.jika-radius-17 { border-radius: 25px; }
.jika-shadow-17 { box-shadow: 0 9px 27px rgba(59, 7, 100, 0.06); }
.jika-gradient-17 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.08)); }
.jika-card-hover-17:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 18 */
.jika-space-18 { margin-top: 18px; }
.jika-pad-18 { padding: 9px; }
.jika-radius-18 { border-radius: 26px; }
.jika-shadow-18 { box-shadow: 0 10px 28px rgba(59, 7, 100, 0.07); }
.jika-gradient-18 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.10)); }
.jika-card-hover-18:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 19 */
.jika-space-19 { margin-top: 19px; }
.jika-pad-19 { padding: 9px; }
.jika-radius-19 { border-radius: 27px; }
.jika-shadow-19 { box-shadow: 0 11px 29px rgba(59, 7, 100, 0.08); }
.jika-gradient-19 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.12)); }
.jika-card-hover-19:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 20 */
.jika-space-20 { margin-top: 20px; }
.jika-pad-20 { padding: 10px; }
.jika-radius-20 { border-radius: 8px; }
.jika-shadow-20 { box-shadow: 0 2px 30px rgba(59, 7, 100, 0.04); }
.jika-gradient-20 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.04)); }
.jika-card-hover-20:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 21 */
.jika-space-21 { margin-top: 21px; }
.jika-pad-21 { padding: 10px; }
.jika-radius-21 { border-radius: 9px; }
.jika-shadow-21 { box-shadow: 0 3px 31px rgba(59, 7, 100, 0.05); }
.jika-gradient-21 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.06)); }
.jika-card-hover-21:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 22 */
.jika-space-22 { margin-top: 22px; }
.jika-pad-22 { padding: 11px; }
.jika-radius-22 { border-radius: 10px; }
.jika-shadow-22 { box-shadow: 0 4px 32px rgba(59, 7, 100, 0.06); }
.jika-gradient-22 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.08)); }
.jika-card-hover-22:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 23 */
.jika-space-23 { margin-top: 23px; }
.jika-pad-23 { padding: 11px; }
.jika-radius-23 { border-radius: 11px; }
.jika-shadow-23 { box-shadow: 0 5px 33px rgba(59, 7, 100, 0.07); }
.jika-gradient-23 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.10)); }
.jika-card-hover-23:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 24 */
.jika-space-24 { margin-top: 24px; }
.jika-pad-24 { padding: 12px; }
.jika-radius-24 { border-radius: 12px; }
.jika-shadow-24 { box-shadow: 0 6px 10px rgba(59, 7, 100, 0.08); }
.jika-gradient-24 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.12)); }
.jika-card-hover-24:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 25 */
.jika-space-25 { margin-top: 25px; }
.jika-pad-25 { padding: 12px; }
.jika-radius-25 { border-radius: 13px; }
.jika-shadow-25 { box-shadow: 0 7px 11px rgba(59, 7, 100, 0.04); }
.jika-gradient-25 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.04)); }
.jika-card-hover-25:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 26 */
.jika-space-26 { margin-top: 26px; }
.jika-pad-26 { padding: 13px; }
.jika-radius-26 { border-radius: 14px; }
.jika-shadow-26 { box-shadow: 0 8px 12px rgba(59, 7, 100, 0.05); }
.jika-gradient-26 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.06)); }
.jika-card-hover-26:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 27 */
.jika-space-27 { margin-top: 27px; }
.jika-pad-27 { padding: 13px; }
.jika-radius-27 { border-radius: 15px; }
.jika-shadow-27 { box-shadow: 0 9px 13px rgba(59, 7, 100, 0.06); }
.jika-gradient-27 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.08)); }
.jika-card-hover-27:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 28 */
.jika-space-28 { margin-top: 28px; }
.jika-pad-28 { padding: 14px; }
.jika-radius-28 { border-radius: 16px; }
.jika-shadow-28 { box-shadow: 0 10px 14px rgba(59, 7, 100, 0.07); }
.jika-gradient-28 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.10)); }
.jika-card-hover-28:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 29 */
.jika-space-29 { margin-top: 29px; }
.jika-pad-29 { padding: 14px; }
.jika-radius-29 { border-radius: 17px; }
.jika-shadow-29 { box-shadow: 0 11px 15px rgba(59, 7, 100, 0.08); }
.jika-gradient-29 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.12)); }
.jika-card-hover-29:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 30 */
.jika-space-30 { margin-top: 30px; }
.jika-pad-30 { padding: 15px; }
.jika-radius-30 { border-radius: 18px; }
.jika-shadow-30 { box-shadow: 0 2px 16px rgba(59, 7, 100, 0.04); }
.jika-gradient-30 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.04)); }
.jika-card-hover-30:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 31 */
.jika-space-31 { margin-top: 31px; }
.jika-pad-31 { padding: 15px; }
.jika-radius-31 { border-radius: 19px; }
.jika-shadow-31 { box-shadow: 0 3px 17px rgba(59, 7, 100, 0.05); }
.jika-gradient-31 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.06)); }
.jika-card-hover-31:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 32 */
.jika-space-32 { margin-top: 32px; }
.jika-pad-32 { padding: 16px; }
.jika-radius-32 { border-radius: 20px; }
.jika-shadow-32 { box-shadow: 0 4px 18px rgba(59, 7, 100, 0.06); }
.jika-gradient-32 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.08)); }
.jika-card-hover-32:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 33 */
.jika-space-33 { margin-top: 33px; }
.jika-pad-33 { padding: 16px; }
.jika-radius-33 { border-radius: 21px; }
.jika-shadow-33 { box-shadow: 0 5px 19px rgba(59, 7, 100, 0.07); }
.jika-gradient-33 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.10)); }
.jika-card-hover-33:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 34 */
.jika-space-34 { margin-top: 34px; }
.jika-pad-34 { padding: 17px; }
.jika-radius-34 { border-radius: 22px; }
.jika-shadow-34 { box-shadow: 0 6px 20px rgba(59, 7, 100, 0.08); }
.jika-gradient-34 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.12)); }
.jika-card-hover-34:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 35 */
.jika-space-35 { margin-top: 35px; }
.jika-pad-35 { padding: 17px; }
.jika-radius-35 { border-radius: 23px; }
.jika-shadow-35 { box-shadow: 0 7px 21px rgba(59, 7, 100, 0.04); }
.jika-gradient-35 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.04)); }
.jika-card-hover-35:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 36 */
.jika-space-36 { margin-top: 36px; }
.jika-pad-36 { padding: 18px; }
.jika-radius-36 { border-radius: 24px; }
.jika-shadow-36 { box-shadow: 0 8px 22px rgba(59, 7, 100, 0.05); }
.jika-gradient-36 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.06)); }
.jika-card-hover-36:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 37 */
.jika-space-37 { margin-top: 37px; }
.jika-pad-37 { padding: 18px; }
.jika-radius-37 { border-radius: 25px; }
.jika-shadow-37 { box-shadow: 0 9px 23px rgba(59, 7, 100, 0.06); }
.jika-gradient-37 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.08)); }
.jika-card-hover-37:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 38 */
.jika-space-38 { margin-top: 38px; }
.jika-pad-38 { padding: 19px; }
.jika-radius-38 { border-radius: 26px; }
.jika-shadow-38 { box-shadow: 0 10px 24px rgba(59, 7, 100, 0.07); }
.jika-gradient-38 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.10)); }
.jika-card-hover-38:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 39 */
.jika-space-39 { margin-top: 39px; }
.jika-pad-39 { padding: 19px; }
.jika-radius-39 { border-radius: 27px; }
.jika-shadow-39 { box-shadow: 0 11px 25px rgba(59, 7, 100, 0.08); }
.jika-gradient-39 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.12)); }
.jika-card-hover-39:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 40 */
.jika-space-40 { margin-top: 40px; }
.jika-pad-40 { padding: 20px; }
.jika-radius-40 { border-radius: 8px; }
.jika-shadow-40 { box-shadow: 0 2px 26px rgba(59, 7, 100, 0.04); }
.jika-gradient-40 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.04)); }
.jika-card-hover-40:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 41 */
.jika-space-41 { margin-top: 41px; }
.jika-pad-41 { padding: 20px; }
.jika-radius-41 { border-radius: 9px; }
.jika-shadow-41 { box-shadow: 0 3px 27px rgba(59, 7, 100, 0.05); }
.jika-gradient-41 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.06)); }
.jika-card-hover-41:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 42 */
.jika-space-42 { margin-top: 42px; }
.jika-pad-42 { padding: 21px; }
.jika-radius-42 { border-radius: 10px; }
.jika-shadow-42 { box-shadow: 0 4px 28px rgba(59, 7, 100, 0.06); }
.jika-gradient-42 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.08)); }
.jika-card-hover-42:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 43 */
.jika-space-43 { margin-top: 43px; }
.jika-pad-43 { padding: 21px; }
.jika-radius-43 { border-radius: 11px; }
.jika-shadow-43 { box-shadow: 0 5px 29px rgba(59, 7, 100, 0.07); }
.jika-gradient-43 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.10)); }
.jika-card-hover-43:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 44 */
.jika-space-44 { margin-top: 44px; }
.jika-pad-44 { padding: 22px; }
.jika-radius-44 { border-radius: 12px; }
.jika-shadow-44 { box-shadow: 0 6px 30px rgba(59, 7, 100, 0.08); }
.jika-gradient-44 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.12)); }
.jika-card-hover-44:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 45 */
.jika-space-45 { margin-top: 45px; }
.jika-pad-45 { padding: 22px; }
.jika-radius-45 { border-radius: 13px; }
.jika-shadow-45 { box-shadow: 0 7px 31px rgba(59, 7, 100, 0.04); }
.jika-gradient-45 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.04)); }
.jika-card-hover-45:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 46 */
.jika-space-46 { margin-top: 46px; }
.jika-pad-46 { padding: 23px; }
.jika-radius-46 { border-radius: 14px; }
.jika-shadow-46 { box-shadow: 0 8px 32px rgba(59, 7, 100, 0.05); }
.jika-gradient-46 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.06)); }
.jika-card-hover-46:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 47 */
.jika-space-47 { margin-top: 47px; }
.jika-pad-47 { padding: 23px; }
.jika-radius-47 { border-radius: 15px; }
.jika-shadow-47 { box-shadow: 0 9px 33px rgba(59, 7, 100, 0.06); }
.jika-gradient-47 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.08)); }
.jika-card-hover-47:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 48 */
.jika-space-48 { margin-top: 48px; }
.jika-pad-48 { padding: 24px; }
.jika-radius-48 { border-radius: 16px; }
.jika-shadow-48 { box-shadow: 0 10px 10px rgba(59, 7, 100, 0.07); }
.jika-gradient-48 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.10)); }
.jika-card-hover-48:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 49 */
.jika-space-49 { margin-top: 49px; }
.jika-pad-49 { padding: 24px; }
.jika-radius-49 { border-radius: 17px; }
.jika-shadow-49 { box-shadow: 0 11px 11px rgba(59, 7, 100, 0.08); }
.jika-gradient-49 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.12)); }
.jika-card-hover-49:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 50 */
.jika-space-50 { margin-top: 50px; }
.jika-pad-50 { padding: 25px; }
.jika-radius-50 { border-radius: 18px; }
.jika-shadow-50 { box-shadow: 0 2px 12px rgba(59, 7, 100, 0.04); }
.jika-gradient-50 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.04)); }
.jika-card-hover-50:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 51 */
.jika-space-51 { margin-top: 51px; }
.jika-pad-51 { padding: 25px; }
.jika-radius-51 { border-radius: 19px; }
.jika-shadow-51 { box-shadow: 0 3px 13px rgba(59, 7, 100, 0.05); }
.jika-gradient-51 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.06)); }
.jika-card-hover-51:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 52 */
.jika-space-52 { margin-top: 52px; }
.jika-pad-52 { padding: 26px; }
.jika-radius-52 { border-radius: 20px; }
.jika-shadow-52 { box-shadow: 0 4px 14px rgba(59, 7, 100, 0.06); }
.jika-gradient-52 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.08)); }
.jika-card-hover-52:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 53 */
.jika-space-53 { margin-top: 53px; }
.jika-pad-53 { padding: 26px; }
.jika-radius-53 { border-radius: 21px; }
.jika-shadow-53 { box-shadow: 0 5px 15px rgba(59, 7, 100, 0.07); }
.jika-gradient-53 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.10)); }
.jika-card-hover-53:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 54 */
.jika-space-54 { margin-top: 54px; }
.jika-pad-54 { padding: 27px; }
.jika-radius-54 { border-radius: 22px; }
.jika-shadow-54 { box-shadow: 0 6px 16px rgba(59, 7, 100, 0.08); }
.jika-gradient-54 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.12)); }
.jika-card-hover-54:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 55 */
.jika-space-55 { margin-top: 55px; }
.jika-pad-55 { padding: 27px; }
.jika-radius-55 { border-radius: 23px; }
.jika-shadow-55 { box-shadow: 0 7px 17px rgba(59, 7, 100, 0.04); }
.jika-gradient-55 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.04)); }
.jika-card-hover-55:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 56 */
.jika-space-56 { margin-top: 56px; }
.jika-pad-56 { padding: 28px; }
.jika-radius-56 { border-radius: 24px; }
.jika-shadow-56 { box-shadow: 0 8px 18px rgba(59, 7, 100, 0.05); }
.jika-gradient-56 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.06)); }
.jika-card-hover-56:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 57 */
.jika-space-57 { margin-top: 57px; }
.jika-pad-57 { padding: 28px; }
.jika-radius-57 { border-radius: 25px; }
.jika-shadow-57 { box-shadow: 0 9px 19px rgba(59, 7, 100, 0.06); }
.jika-gradient-57 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.08)); }
.jika-card-hover-57:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 58 */
.jika-space-58 { margin-top: 58px; }
.jika-pad-58 { padding: 29px; }
.jika-radius-58 { border-radius: 26px; }
.jika-shadow-58 { box-shadow: 0 10px 20px rgba(59, 7, 100, 0.07); }
.jika-gradient-58 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.10)); }
.jika-card-hover-58:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 59 */
.jika-space-59 { margin-top: 59px; }
.jika-pad-59 { padding: 29px; }
.jika-radius-59 { border-radius: 27px; }
.jika-shadow-59 { box-shadow: 0 11px 21px rgba(59, 7, 100, 0.08); }
.jika-gradient-59 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.12)); }
.jika-card-hover-59:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 60 */
.jika-space-60 { margin-top: 60px; }
.jika-pad-60 { padding: 30px; }
.jika-radius-60 { border-radius: 8px; }
.jika-shadow-60 { box-shadow: 0 2px 22px rgba(59, 7, 100, 0.04); }
.jika-gradient-60 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.04)); }
.jika-card-hover-60:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 61 */
.jika-space-61 { margin-top: 61px; }
.jika-pad-61 { padding: 30px; }
.jika-radius-61 { border-radius: 9px; }
.jika-shadow-61 { box-shadow: 0 3px 23px rgba(59, 7, 100, 0.05); }
.jika-gradient-61 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.06)); }
.jika-card-hover-61:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 62 */
.jika-space-62 { margin-top: 62px; }
.jika-pad-62 { padding: 31px; }
.jika-radius-62 { border-radius: 10px; }
.jika-shadow-62 { box-shadow: 0 4px 24px rgba(59, 7, 100, 0.06); }
.jika-gradient-62 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.08)); }
.jika-card-hover-62:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 63 */
.jika-space-63 { margin-top: 63px; }
.jika-pad-63 { padding: 31px; }
.jika-radius-63 { border-radius: 11px; }
.jika-shadow-63 { box-shadow: 0 5px 25px rgba(59, 7, 100, 0.07); }
.jika-gradient-63 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.10)); }
.jika-card-hover-63:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 64 */
.jika-space-64 { margin-top: 64px; }
.jika-pad-64 { padding: 32px; }
.jika-radius-64 { border-radius: 12px; }
.jika-shadow-64 { box-shadow: 0 6px 26px rgba(59, 7, 100, 0.08); }
.jika-gradient-64 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.12)); }
.jika-card-hover-64:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 65 */
.jika-space-65 { margin-top: 65px; }
.jika-pad-65 { padding: 32px; }
.jika-radius-65 { border-radius: 13px; }
.jika-shadow-65 { box-shadow: 0 7px 27px rgba(59, 7, 100, 0.04); }
.jika-gradient-65 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.04)); }
.jika-card-hover-65:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 66 */
.jika-space-66 { margin-top: 66px; }
.jika-pad-66 { padding: 33px; }
.jika-radius-66 { border-radius: 14px; }
.jika-shadow-66 { box-shadow: 0 8px 28px rgba(59, 7, 100, 0.05); }
.jika-gradient-66 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.06)); }
.jika-card-hover-66:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 67 */
.jika-space-67 { margin-top: 67px; }
.jika-pad-67 { padding: 33px; }
.jika-radius-67 { border-radius: 15px; }
.jika-shadow-67 { box-shadow: 0 9px 29px rgba(59, 7, 100, 0.06); }
.jika-gradient-67 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.08)); }
.jika-card-hover-67:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 68 */
.jika-space-68 { margin-top: 68px; }
.jika-pad-68 { padding: 34px; }
.jika-radius-68 { border-radius: 16px; }
.jika-shadow-68 { box-shadow: 0 10px 30px rgba(59, 7, 100, 0.07); }
.jika-gradient-68 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.10)); }
.jika-card-hover-68:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 69 */
.jika-space-69 { margin-top: 69px; }
.jika-pad-69 { padding: 34px; }
.jika-radius-69 { border-radius: 17px; }
.jika-shadow-69 { box-shadow: 0 11px 31px rgba(59, 7, 100, 0.08); }
.jika-gradient-69 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.12)); }
.jika-card-hover-69:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 70 */
.jika-space-70 { margin-top: 70px; }
.jika-pad-70 { padding: 35px; }
.jika-radius-70 { border-radius: 18px; }
.jika-shadow-70 { box-shadow: 0 2px 32px rgba(59, 7, 100, 0.04); }
.jika-gradient-70 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.04)); }
.jika-card-hover-70:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 71 */
.jika-space-71 { margin-top: 71px; }
.jika-pad-71 { padding: 35px; }
.jika-radius-71 { border-radius: 19px; }
.jika-shadow-71 { box-shadow: 0 3px 33px rgba(59, 7, 100, 0.05); }
.jika-gradient-71 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.06)); }
.jika-card-hover-71:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 72 */
.jika-space-72 { margin-top: 72px; }
.jika-pad-72 { padding: 36px; }
.jika-radius-72 { border-radius: 20px; }
.jika-shadow-72 { box-shadow: 0 4px 10px rgba(59, 7, 100, 0.06); }
.jika-gradient-72 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.08)); }
.jika-card-hover-72:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 73 */
.jika-space-73 { margin-top: 73px; }
.jika-pad-73 { padding: 36px; }
.jika-radius-73 { border-radius: 21px; }
.jika-shadow-73 { box-shadow: 0 5px 11px rgba(59, 7, 100, 0.07); }
.jika-gradient-73 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.10)); }
.jika-card-hover-73:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 74 */
.jika-space-74 { margin-top: 74px; }
.jika-pad-74 { padding: 37px; }
.jika-radius-74 { border-radius: 22px; }
.jika-shadow-74 { box-shadow: 0 6px 12px rgba(59, 7, 100, 0.08); }
.jika-gradient-74 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.12)); }
.jika-card-hover-74:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 75 */
.jika-space-75 { margin-top: 75px; }
.jika-pad-75 { padding: 37px; }
.jika-radius-75 { border-radius: 23px; }
.jika-shadow-75 { box-shadow: 0 7px 13px rgba(59, 7, 100, 0.04); }
.jika-gradient-75 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.04)); }
.jika-card-hover-75:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 76 */
.jika-space-76 { margin-top: 76px; }
.jika-pad-76 { padding: 38px; }
.jika-radius-76 { border-radius: 24px; }
.jika-shadow-76 { box-shadow: 0 8px 14px rgba(59, 7, 100, 0.05); }
.jika-gradient-76 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.06)); }
.jika-card-hover-76:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 77 */
.jika-space-77 { margin-top: 77px; }
.jika-pad-77 { padding: 38px; }
.jika-radius-77 { border-radius: 25px; }
.jika-shadow-77 { box-shadow: 0 9px 15px rgba(59, 7, 100, 0.06); }
.jika-gradient-77 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.08)); }
.jika-card-hover-77:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 78 */
.jika-space-78 { margin-top: 78px; }
.jika-pad-78 { padding: 39px; }
.jika-radius-78 { border-radius: 26px; }
.jika-shadow-78 { box-shadow: 0 10px 16px rgba(59, 7, 100, 0.07); }
.jika-gradient-78 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.10)); }
.jika-card-hover-78:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 79 */
.jika-space-79 { margin-top: 79px; }
.jika-pad-79 { padding: 39px; }
.jika-radius-79 { border-radius: 27px; }
.jika-shadow-79 { box-shadow: 0 11px 17px rgba(59, 7, 100, 0.08); }
.jika-gradient-79 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.12)); }
.jika-card-hover-79:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 80 */
.jika-space-80 { margin-top: 80px; }
.jika-pad-80 { padding: 40px; }
.jika-radius-80 { border-radius: 8px; }
.jika-shadow-80 { box-shadow: 0 2px 18px rgba(59, 7, 100, 0.04); }
.jika-gradient-80 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.04)); }
.jika-card-hover-80:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 81 */
.jika-space-81 { margin-top: 81px; }
.jika-pad-81 { padding: 40px; }
.jika-radius-81 { border-radius: 9px; }
.jika-shadow-81 { box-shadow: 0 3px 19px rgba(59, 7, 100, 0.05); }
.jika-gradient-81 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.06)); }
.jika-card-hover-81:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 82 */
.jika-space-82 { margin-top: 82px; }
.jika-pad-82 { padding: 41px; }
.jika-radius-82 { border-radius: 10px; }
.jika-shadow-82 { box-shadow: 0 4px 20px rgba(59, 7, 100, 0.06); }
.jika-gradient-82 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.08)); }
.jika-card-hover-82:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 83 */
.jika-space-83 { margin-top: 83px; }
.jika-pad-83 { padding: 41px; }
.jika-radius-83 { border-radius: 11px; }
.jika-shadow-83 { box-shadow: 0 5px 21px rgba(59, 7, 100, 0.07); }
.jika-gradient-83 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.10)); }
.jika-card-hover-83:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 84 */
.jika-space-84 { margin-top: 84px; }
.jika-pad-84 { padding: 42px; }
.jika-radius-84 { border-radius: 12px; }
.jika-shadow-84 { box-shadow: 0 6px 22px rgba(59, 7, 100, 0.08); }
.jika-gradient-84 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.12)); }
.jika-card-hover-84:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 85 */
.jika-space-85 { margin-top: 85px; }
.jika-pad-85 { padding: 42px; }
.jika-radius-85 { border-radius: 13px; }
.jika-shadow-85 { box-shadow: 0 7px 23px rgba(59, 7, 100, 0.04); }
.jika-gradient-85 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.04)); }
.jika-card-hover-85:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 86 */
.jika-space-86 { margin-top: 86px; }
.jika-pad-86 { padding: 43px; }
.jika-radius-86 { border-radius: 14px; }
.jika-shadow-86 { box-shadow: 0 8px 24px rgba(59, 7, 100, 0.05); }
.jika-gradient-86 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.06)); }
.jika-card-hover-86:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 87 */
.jika-space-87 { margin-top: 87px; }
.jika-pad-87 { padding: 43px; }
.jika-radius-87 { border-radius: 15px; }
.jika-shadow-87 { box-shadow: 0 9px 25px rgba(59, 7, 100, 0.06); }
.jika-gradient-87 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.08)); }
.jika-card-hover-87:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 88 */
.jika-space-88 { margin-top: 88px; }
.jika-pad-88 { padding: 44px; }
.jika-radius-88 { border-radius: 16px; }
.jika-shadow-88 { box-shadow: 0 10px 26px rgba(59, 7, 100, 0.07); }
.jika-gradient-88 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.10)); }
.jika-card-hover-88:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 89 */
.jika-space-89 { margin-top: 89px; }
.jika-pad-89 { padding: 44px; }
.jika-radius-89 { border-radius: 17px; }
.jika-shadow-89 { box-shadow: 0 11px 27px rgba(59, 7, 100, 0.08); }
.jika-gradient-89 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.12)); }
.jika-card-hover-89:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 90 */
.jika-space-90 { margin-top: 90px; }
.jika-pad-90 { padding: 45px; }
.jika-radius-90 { border-radius: 18px; }
.jika-shadow-90 { box-shadow: 0 2px 28px rgba(59, 7, 100, 0.04); }
.jika-gradient-90 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.04)); }
.jika-card-hover-90:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 91 */
.jika-space-91 { margin-top: 91px; }
.jika-pad-91 { padding: 45px; }
.jika-radius-91 { border-radius: 19px; }
.jika-shadow-91 { box-shadow: 0 3px 29px rgba(59, 7, 100, 0.05); }
.jika-gradient-91 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.06)); }
.jika-card-hover-91:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 92 */
.jika-space-92 { margin-top: 92px; }
.jika-pad-92 { padding: 46px; }
.jika-radius-92 { border-radius: 20px; }
.jika-shadow-92 { box-shadow: 0 4px 30px rgba(59, 7, 100, 0.06); }
.jika-gradient-92 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.08)); }
.jika-card-hover-92:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 93 */
.jika-space-93 { margin-top: 93px; }
.jika-pad-93 { padding: 46px; }
.jika-radius-93 { border-radius: 21px; }
.jika-shadow-93 { box-shadow: 0 5px 31px rgba(59, 7, 100, 0.07); }
.jika-gradient-93 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.10)); }
.jika-card-hover-93:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 94 */
.jika-space-94 { margin-top: 94px; }
.jika-pad-94 { padding: 47px; }
.jika-radius-94 { border-radius: 22px; }
.jika-shadow-94 { box-shadow: 0 6px 32px rgba(59, 7, 100, 0.08); }
.jika-gradient-94 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.12)); }
.jika-card-hover-94:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 95 */
.jika-space-95 { margin-top: 95px; }
.jika-pad-95 { padding: 47px; }
.jika-radius-95 { border-radius: 23px; }
.jika-shadow-95 { box-shadow: 0 7px 33px rgba(59, 7, 100, 0.04); }
.jika-gradient-95 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.04)); }
.jika-card-hover-95:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 96 */
.jika-space-96 { margin-top: 96px; }
.jika-pad-96 { padding: 48px; }
.jika-radius-96 { border-radius: 24px; }
.jika-shadow-96 { box-shadow: 0 8px 10px rgba(59, 7, 100, 0.05); }
.jika-gradient-96 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.06)); }
.jika-card-hover-96:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 97 */
.jika-space-97 { margin-top: 97px; }
.jika-pad-97 { padding: 48px; }
.jika-radius-97 { border-radius: 25px; }
.jika-shadow-97 { box-shadow: 0 9px 11px rgba(59, 7, 100, 0.06); }
.jika-gradient-97 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.08)); }
.jika-card-hover-97:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 98 */
.jika-space-98 { margin-top: 98px; }
.jika-pad-98 { padding: 49px; }
.jika-radius-98 { border-radius: 26px; }
.jika-shadow-98 { box-shadow: 0 10px 12px rgba(59, 7, 100, 0.07); }
.jika-gradient-98 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.10)); }
.jika-card-hover-98:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 99 */
.jika-space-99 { margin-top: 99px; }
.jika-pad-99 { padding: 49px; }
.jika-radius-99 { border-radius: 27px; }
.jika-shadow-99 { box-shadow: 0 11px 13px rgba(59, 7, 100, 0.08); }
.jika-gradient-99 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.12)); }
.jika-card-hover-99:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 100 */
.jika-space-100 { margin-top: 100px; }
.jika-pad-100 { padding: 50px; }
.jika-radius-100 { border-radius: 8px; }
.jika-shadow-100 { box-shadow: 0 2px 14px rgba(59, 7, 100, 0.04); }
.jika-gradient-100 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.04)); }
.jika-card-hover-100:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 101 */
.jika-space-101 { margin-top: 101px; }
.jika-pad-101 { padding: 50px; }
.jika-radius-101 { border-radius: 9px; }
.jika-shadow-101 { box-shadow: 0 3px 15px rgba(59, 7, 100, 0.05); }
.jika-gradient-101 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.06)); }
.jika-card-hover-101:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 102 */
.jika-space-102 { margin-top: 102px; }
.jika-pad-102 { padding: 51px; }
.jika-radius-102 { border-radius: 10px; }
.jika-shadow-102 { box-shadow: 0 4px 16px rgba(59, 7, 100, 0.06); }
.jika-gradient-102 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.08)); }
.jika-card-hover-102:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 103 */
.jika-space-103 { margin-top: 103px; }
.jika-pad-103 { padding: 51px; }
.jika-radius-103 { border-radius: 11px; }
.jika-shadow-103 { box-shadow: 0 5px 17px rgba(59, 7, 100, 0.07); }
.jika-gradient-103 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.10)); }
.jika-card-hover-103:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 104 */
.jika-space-104 { margin-top: 104px; }
.jika-pad-104 { padding: 52px; }
.jika-radius-104 { border-radius: 12px; }
.jika-shadow-104 { box-shadow: 0 6px 18px rgba(59, 7, 100, 0.08); }
.jika-gradient-104 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.12)); }
.jika-card-hover-104:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 105 */
.jika-space-105 { margin-top: 105px; }
.jika-pad-105 { padding: 52px; }
.jika-radius-105 { border-radius: 13px; }
.jika-shadow-105 { box-shadow: 0 7px 19px rgba(59, 7, 100, 0.04); }
.jika-gradient-105 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.04)); }
.jika-card-hover-105:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 106 */
.jika-space-106 { margin-top: 106px; }
.jika-pad-106 { padding: 53px; }
.jika-radius-106 { border-radius: 14px; }
.jika-shadow-106 { box-shadow: 0 8px 20px rgba(59, 7, 100, 0.05); }
.jika-gradient-106 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.06)); }
.jika-card-hover-106:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 107 */
.jika-space-107 { margin-top: 107px; }
.jika-pad-107 { padding: 53px; }
.jika-radius-107 { border-radius: 15px; }
.jika-shadow-107 { box-shadow: 0 9px 21px rgba(59, 7, 100, 0.06); }
.jika-gradient-107 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.08)); }
.jika-card-hover-107:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 108 */
.jika-space-108 { margin-top: 108px; }
.jika-pad-108 { padding: 54px; }
.jika-radius-108 { border-radius: 16px; }
.jika-shadow-108 { box-shadow: 0 10px 22px rgba(59, 7, 100, 0.07); }
.jika-gradient-108 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.10)); }
.jika-card-hover-108:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 109 */
.jika-space-109 { margin-top: 109px; }
.jika-pad-109 { padding: 54px; }
.jika-radius-109 { border-radius: 17px; }
.jika-shadow-109 { box-shadow: 0 11px 23px rgba(59, 7, 100, 0.08); }
.jika-gradient-109 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.12)); }
.jika-card-hover-109:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 110 */
.jika-space-110 { margin-top: 110px; }
.jika-pad-110 { padding: 55px; }
.jika-radius-110 { border-radius: 18px; }
.jika-shadow-110 { box-shadow: 0 2px 24px rgba(59, 7, 100, 0.04); }
.jika-gradient-110 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.04)); }
.jika-card-hover-110:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 111 */
.jika-space-111 { margin-top: 111px; }
.jika-pad-111 { padding: 55px; }
.jika-radius-111 { border-radius: 19px; }
.jika-shadow-111 { box-shadow: 0 3px 25px rgba(59, 7, 100, 0.05); }
.jika-gradient-111 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.06)); }
.jika-card-hover-111:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 112 */
.jika-space-112 { margin-top: 112px; }
.jika-pad-112 { padding: 56px; }
.jika-radius-112 { border-radius: 20px; }
.jika-shadow-112 { box-shadow: 0 4px 26px rgba(59, 7, 100, 0.06); }
.jika-gradient-112 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.08)); }
.jika-card-hover-112:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 113 */
.jika-space-113 { margin-top: 113px; }
.jika-pad-113 { padding: 56px; }
.jika-radius-113 { border-radius: 21px; }
.jika-shadow-113 { box-shadow: 0 5px 27px rgba(59, 7, 100, 0.07); }
.jika-gradient-113 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.10)); }
.jika-card-hover-113:hover { transform: translateY(-3px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 114 */
.jika-space-114 { margin-top: 114px; }
.jika-pad-114 { padding: 57px; }
.jika-radius-114 { border-radius: 22px; }
.jika-shadow-114 { box-shadow: 0 6px 28px rgba(59, 7, 100, 0.08); }
.jika-gradient-114 { background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(245,158,11,0.12)); }
.jika-card-hover-114:hover { transform: translateY(-4px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 115 */
.jika-space-115 { margin-top: 115px; }
.jika-pad-115 { padding: 57px; }
.jika-radius-115 { border-radius: 23px; }
.jika-shadow-115 { box-shadow: 0 7px 29px rgba(59, 7, 100, 0.04); }
.jika-gradient-115 { background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(245,158,11,0.04)); }
.jika-card-hover-115:hover { transform: translateY(-5px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 116 */
.jika-space-116 { margin-top: 116px; }
.jika-pad-116 { padding: 58px; }
.jika-radius-116 { border-radius: 24px; }
.jika-shadow-116 { box-shadow: 0 8px 30px rgba(59, 7, 100, 0.05); }
.jika-gradient-116 { background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(245,158,11,0.06)); }
.jika-card-hover-116:hover { transform: translateY(-6px); border-color: rgba(124,58,237,0.18); }


/* Utility spacing and polish 117 */
.jika-space-117 { margin-top: 117px; }
.jika-pad-117 { padding: 58px; }
.jika-radius-117 { border-radius: 25px; }
.jika-shadow-117 { box-shadow: 0 9px 31px rgba(59, 7, 100, 0.06); }
.jika-gradient-117 { background: linear-gradient(135deg, rgba(124,58,237,0.16), rgba(245,158,11,0.08)); }
.jika-card-hover-117:hover { transform: translateY(-7px); border-color: rgba(124,58,237,0.23); }


/* Utility spacing and polish 118 */
.jika-space-118 { margin-top: 118px; }
.jika-pad-118 { padding: 59px; }
.jika-radius-118 { border-radius: 26px; }
.jika-shadow-118 { box-shadow: 0 10px 32px rgba(59, 7, 100, 0.07); }
.jika-gradient-118 { background: linear-gradient(135deg, rgba(124,58,237,0.18), rgba(245,158,11,0.10)); }
.jika-card-hover-118:hover { transform: translateY(-8px); border-color: rgba(124,58,237,0.28); }


/* Utility spacing and polish 119 */
.jika-space-119 { margin-top: 119px; }
.jika-pad-119 { padding: 59px; }
.jika-radius-119 { border-radius: 27px; }
.jika-shadow-119 { box-shadow: 0 11px 33px rgba(59, 7, 100, 0.08); }
.jika-gradient-119 { background: linear-gradient(135deg, rgba(124,58,237,0.06), rgba(245,158,11,0.12)); }
.jika-card-hover-119:hover { transform: translateY(-9px); border-color: rgba(124,58,237,0.33); }


/* Utility spacing and polish 120 */
.jika-space-120 { margin-top: 120px; }
.jika-pad-120 { padding: 60px; }
.jika-radius-120 { border-radius: 8px; }
.jika-shadow-120 { box-shadow: 0 2px 10px rgba(59, 7, 100, 0.04); }
.jika-gradient-120 { background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(245,158,11,0.04)); }
.jika-card-hover-120:hover { transform: translateY(-2px); border-color: rgba(124,58,237,0.18); }

/* ============================================
   CORRECTIF — Page Mon Compte (texte pleine largeur)
   ============================================ */

/* Conteneur principal de la page Mon Compte */
.woocommerce-account .woo-main .jika-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* Grille 2 colonnes : menu gauche + contenu droit */
.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  width: 100%;
}

/* Menu de navigation gauche */
.woocommerce-MyAccount-navigation {
  width: 240px;
  min-width: 180px;
  padding: 18px;
  background: #fff;
  border-radius: 18px;
  border: 1px solid #E0D9FF;
  box-shadow: 0 2px 12px rgba(91,33,182,0.06);
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.woocommerce-MyAccount-navigation-link a {
  display: flex;
  align-items: center;
  padding: 11px 14px;
  border-radius: 12px;
  color: #374151;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.2s;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
  background: linear-gradient(135deg, #7C3AED, #5B21B6);
  color: #fff;
}

/* Zone de contenu droite */
.woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
  max-width: 100%;
  padding: 28px;
  background: #fff;
  border-radius: 18px;
  border: 1px solid #E0D9FF;
  box-shadow: 0 2px 12px rgba(91,33,182,0.06);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Titres dans le contenu Mon Compte */
.woocommerce-MyAccount-content h2 {
  font-size: 1.3rem;
  font-weight: 800;
  color: #5B21B6;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 2px solid #E0D9FF;
}

.woocommerce-MyAccount-content h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #374151;
  margin-bottom: 14px;
}

/* Texte de bienvenue centré et bien dimensionné */
.woocommerce-MyAccount-content p {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #4B5563;
  max-width: 700px;
}

/* Tableau des commandes et téléchargements */
.woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content .woocommerce-table {
  width: 100%;
  font-size: 0.88rem;
}

/* Boutons dans Mon Compte */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-Button {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background: #7C3AED;
  color: #fff;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover {
  background: #5B21B6;
  color: #fff;
}

/* Formulaires dans Mon Compte (adresse, mot de passe) */
.woocommerce-MyAccount-content .woocommerce-address-fields,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {
  max-width: 600px;
}

.woocommerce-MyAccount-content .form-row {
  margin-bottom: 14px;
}

.woocommerce-MyAccount-content .form-row label {
  display: block;
  font-weight: 700;
  font-size: 0.88rem;
  margin-bottom: 6px;
  color: #374151;
}

.woocommerce-MyAccount-content .form-row input,
.woocommerce-MyAccount-content .form-row select {
  width: 100%;
  max-width: 480px;
  padding: 10px 14px;
  border: 1.5px solid #E0D9FF;
  border-radius: 10px;
  font-size: 0.95rem;
  color: #1F2937;
}

.woocommerce-MyAccount-content .form-row input:focus,
.woocommerce-MyAccount-content .form-row select:focus {
  outline: none;
  border-color: #7C3AED;
  box-shadow: 0 0 0 3px rgba(124,58,237,0.12);
}

/* Section Téléchargements */
.woocommerce-MyAccount-content .woocommerce-table--order-downloads td,
.woocommerce-MyAccount-content .woocommerce-table--order-downloads th {
  padding: 12px 14px;
  font-size: 0.88rem;
}

/* Responsive mobile */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
  }
  .woocommerce-MyAccount-navigation {
    width: 100%;
  }
  .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .woocommerce-MyAccount-navigation-link {
    flex: 1 1 auto;
  }
  .woocommerce-MyAccount-content {
    padding: 18px;
  }
}

/* ============================================
   CORRECTIF FINAL — Formulaires Login / Register / Mon Compte
   Empêche les champs input de s'étirer en pleine largeur
   ============================================ */

/* Conteneur global des pages compte */
.woocommerce-account .woo-main,
.woocommerce-page .woo-main {
  padding: 40px 0;
}

/* Boîte des formulaires login et register */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce .woocommerce-form-login,
.woocommerce .woocommerce-form-register,
.woocommerce-page .woocommerce-form-login,
.woocommerce-page .woocommerce-form-register {
  max-width: 480px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 36px !important;
  background: #fff !important;
  border: 1px solid #E0D9FF !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(91,33,182,0.08) !important;
}

/* Colonnes login + register côte à côte */
.woocommerce-account .u-columns,
.woocommerce .u-columns,
.woocommerce-page .u-columns {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 480px)) !important;
  gap: 28px !important;
  justify-content: center !important;
  float: none !important;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce .u-column1,
.woocommerce .u-column2,
.woocommerce-page .u-column1,
.woocommerce-page .u-column2 {
  float: none !important;
  width: auto !important;
  max-width: 480px !important;
}

/* Champs input LIMITÉS dans les formulaires login/register */
.woocommerce-form-login .form-row input,
.woocommerce-form-register .form-row input,
.woocommerce-form-login .form-row-first input,
.woocommerce-form-login .form-row-last input,
.woocommerce-form-register .form-row-first input,
.woocommerce-form-register .form-row-last input {
  max-width: 100% !important;
  width: 100% !important;
}

/* Titre des formulaires */
.woocommerce-form-login h2,
.woocommerce-form-register h2 {
  font-size: 1.3rem !important;
  font-weight: 800 !important;
  color: #5B21B6 !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid #E0D9FF !important;
  text-align: center !important;
}

/* Labels */
.woocommerce-form-login .form-row label,
.woocommerce-form-register .form-row label {
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  color: #374151 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Bouton connexion / s'inscrire */
.woocommerce-form-login .button,
.woocommerce-form-register .button,
.woocommerce-form-login input[type="submit"],
.woocommerce-form-register input[type="submit"] {
  width: 100% !important;
  max-width: 100% !important;
  background: linear-gradient(135deg, #7C3AED, #5B21B6) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 28px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
  margin-top: 10px !important;
}

.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover,
.woocommerce-form-login input[type="submit"]:hover,
.woocommerce-form-register input[type="submit"]:hover {
  opacity: 0.88 !important;
  color: #fff !important;
}

/* Lien mot de passe oublié */
.woocommerce-form-login .lost_password {
  margin-top: 12px !important;
  text-align: center !important;
  font-size: 0.85rem !important;
}

/* Checkbox "Se souvenir de moi" */
.woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.88rem !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 16px !important;
  min-height: 16px !important;
  height: 16px !important;
}

/* Formulaire Mon Compte (modifier infos / adresse) */
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm {
  max-width: 560px !important;
}

.woocommerce-MyAccount-content .form-row input.input-text,
.woocommerce-MyAccount-content .form-row select,
.woocommerce-MyAccount-content .form-row textarea {
  max-width: 100% !important;
  width: 100% !important;
}

/* Deux colonnes prénom / nom */
.woocommerce-address-fields__field-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  max-width: 560px !important;
}

.woocommerce-address-fields__field-wrapper .form-row-wide {
  grid-column: 1 / -1 !important;
}

/* Responsive mobile */
@media (max-width: 640px) {
  .woocommerce-account .u-columns {
    grid-template-columns: 1fr !important;
  }
  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register {
    padding: 22px !important;
  }
  .woocommerce-address-fields__field-wrapper {
    grid-template-columns: 1fr !important;
  }
}