:root {
  --choixora-border: #dce2eb;
  --choixora-muted: #5f6e85;
  --choixora-surface: #ffffff;
  --choixora-blue: #0756ef;
  --choixora-ink: #081a3a;
  --choixora-radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: #fbfcff; color: var(--choixora-ink); text-rendering: optimizeLegibility; }
a { text-underline-offset: 0.18em; }
.choixora-announcement p,
.choixora-header p,
.choixora-universe-nav p { margin: 0; }
.choixora-header,
.choixora-universe-nav { border-bottom: 1px solid var(--choixora-border); }
.choixora-wordmark a { color: var(--choixora-ink); text-decoration: none; }
.choixora-wordmark a::before { color: var(--choixora-blue); content: "⬡"; margin-right: 0.45rem; }
.choixora-header-main { flex-wrap: wrap; gap: 1.5rem; }
.choixora-search { flex: 1 1 440px; margin: 0; max-width: 600px; }
.choixora-search .wp-block-search__inside-wrapper { align-items: center; border: 1px solid #ced6e3; border-radius: 999px; display: flex; padding: 4px 6px 4px 18px; }
.choixora-search input { border: 0; flex: 1 1 auto; min-height: 36px; min-width: 0; }
.choixora-search button { background: var(--choixora-blue); border-radius: 999px; color: #fff; }
.choixora-utilities { color: #22324e; gap: 1.15rem; white-space: nowrap; }
.choixora-language-switcher { position: relative; }
.choixora-language-switcher summary { cursor: pointer; font-weight: 700; list-style: none; }
.choixora-language-switcher summary::-webkit-details-marker { display: none; }
.choixora-language-options {
  background: #fff;
  border: 1px solid var(--choixora-border);
  border-radius: 12px;
  box-shadow: 0 14px 36px rgba(8, 26, 58, 0.14);
  display: grid;
  gap: 0.2rem;
  max-height: 320px;
  min-width: 190px;
  overflow-y: auto;
  padding: 0.45rem;
  position: absolute;
  right: 0;
  top: calc(100% + 0.6rem);
  z-index: 50;
}
.choixora-language-options a { border-radius: 8px; color: var(--choixora-ink); padding: 0.55rem 0.65rem; text-decoration: none; }
.choixora-language-options a:hover,
.choixora-language-options a[aria-current="page"] { background: #eef3ff; color: var(--choixora-blue); }
.choixora-universe-nav a { color: var(--choixora-ink); font-weight: 650; text-decoration: none; }
.choixora-universe-nav a:hover { color: var(--choixora-blue); }
.choixora-universe-nav > .wp-block-group { gap: clamp(1rem, 3vw, 3.4rem); }

.choixora-hero {
  background-color: #f5efe5;
  background-image: linear-gradient(90deg, rgba(249, 246, 239, 0.99) 0%, rgba(249, 246, 239, 0.96) 31%, rgba(249, 246, 239, 0.18) 56%), image-set(url("../images/choixora-hero-products-v1.avif") type("image/avif"), url("../images/choixora-hero-products-v1.webp") type("image/webp"));
  background-position: center;
  background-size: cover;
  border-radius: var(--choixora-radius);
  margin-top: 0.85rem;
  min-height: 300px;
  overflow: hidden;
  padding: clamp(1.75rem, 2.5vw, 2.25rem);
}
.choixora-hero-copy { margin-left: 0 !important; max-width: 620px; }
.choixora-eyebrow { color: var(--choixora-blue); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.choixora-hero-title { font-size: clamp(2.55rem, 3.1vw, 3.1rem); letter-spacing: -0.055em; line-height: 0.98; margin: 0.7rem 0 1rem; }
.choixora-hero-intro { color: #3f506a; font-size: 1rem !important; line-height: 1.5; max-width: 570px; }
.choixora-hero .wp-block-button__link { min-height: 44px; padding: 0.68rem 1.2rem; }

.choixora-home-grid { display: grid; gap: 0.8rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: 0.8rem; }
.choixora-home-column { display: grid; gap: 0.8rem; max-width: 100%; min-width: 0; width: 100%; }
.choixora-home-grid > * { min-width: 0; }
.choixora-panel { background: var(--choixora-surface); border: 1px solid var(--choixora-border); border-radius: var(--choixora-radius); max-width: 100%; min-width: 0; overflow: hidden; padding: 1rem; width: 100%; }
.choixora-panel > h2 { margin: 0 0 0.9rem; }
.choixora-universe-grid { display: grid; gap: 0.65rem; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.choixora-universe-card {
  align-content: end;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 68%;
  border: 1px solid rgba(8, 26, 58, 0.06);
  border-radius: 13px;
  color: var(--choixora-ink);
  min-height: 230px;
  overflow: hidden;
  padding: 0.75rem;
  position: relative;
  text-align: center;
}
.choixora-universe-card::after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.94) 34%, rgba(255,255,255,0.99) 100%);
  content: "";
  inset: 52% 0 0;
  pointer-events: none;
  position: absolute;
}
.choixora-universe-card h3,
.choixora-universe-card p { margin: 0.18rem 0; position: relative; z-index: 1; }
.choixora-card-icon { display: none; }
.choixora-universe-card.is-tech { background-color: #dcecf7; background-image: image-set(url("../images/universe-tech-v1.avif") type("image/avif"), url("../images/universe-tech-v1.webp") type("image/webp")); }
.choixora-universe-card.is-home { background-color: #e5ecd7; background-image: image-set(url("../images/universe-home-v1.avif") type("image/avif"), url("../images/universe-home-v1.webp") type("image/webp")); }
.choixora-universe-card.is-beauty { background-color: #f4dfe6; background-image: image-set(url("../images/universe-beauty-v1.avif") type("image/avif"), url("../images/universe-beauty-v1.webp") type("image/webp")); }
.choixora-universe-card.is-travel { background-color: #e8deeb; background-image: image-set(url("../images/universe-travel-v1.avif") type("image/avif"), url("../images/universe-travel-v1.webp") type("image/webp")); }
.choixora-universe-card.is-finance { background-color: #f5e4bd; background-image: image-set(url("../images/universe-finance-v1.avif") type("image/avif"), url("../images/universe-finance-v1.webp") type("image/webp")); }
.choixora-universe-card.is-software { background-color: #dce5fb; background-image: image-set(url("../images/universe-software-v1.avif") type("image/avif"), url("../images/universe-software-v1.webp") type("image/webp")); }

.choixora-comparison .wp-block-table { margin-left: 0; margin-right: 0; max-width: 100%; overflow-x: auto; width: 100%; }
.choixora-table table { border-collapse: collapse; font-size: 0.82rem; min-width: 620px; }
.choixora-table th,
.choixora-table td { border-color: #e2e7ef; padding: 0.62rem; }
.choixora-table th { color: var(--choixora-ink); text-align: left; }

.choixora-product-grid { display: grid; gap: 0.65rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.choixora-product-card { border: 1px solid var(--choixora-border); border-radius: 13px; overflow: hidden; padding: 0.55rem; position: relative; }
.choixora-product-card h3,
.choixora-product-card > p { margin: 0.45rem 0; }
.choixora-product-visual { aspect-ratio: 1.42; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; overflow: hidden; }
.choixora-product-visual p { opacity: 0; }
.choixora-product-visual.is-audio { background-image: image-set(url("../images/universe-tech-v1.avif") type("image/avif"), url("../images/universe-tech-v1.webp") type("image/webp")); }
.choixora-product-visual.is-coffee { background-image: image-set(url("../images/universe-home-v1.avif") type("image/avif"), url("../images/universe-home-v1.webp") type("image/webp")); }
.choixora-product-visual.is-travel { background-image: image-set(url("../images/universe-travel-v1.avif") type("image/avif"), url("../images/universe-travel-v1.webp") type("image/webp")); }
.choixora-product-visual.is-skincare { background-image: image-set(url("../images/universe-beauty-v1.avif") type("image/avif"), url("../images/universe-beauty-v1.webp") type("image/webp")); }
.choixora-badge { background: #ff5546; border-radius: 999px; color: #fff; display: inline-block; font-size: 0.65rem; font-weight: 800; padding: 0.25rem 0.55rem; }
.choixora-card-link a { color: var(--choixora-blue); font-size: 0.82rem; font-weight: 800; }
.choixora-rating { color: #f59e0b; font-size: 0.82rem; letter-spacing: 0.04em; }
.choixora-rating small { color: var(--choixora-muted); letter-spacing: 0; }
.choixora-price { color: var(--choixora-ink); font-size: 0.85rem; font-weight: 800; }
.choixora-compare-link a { border: 1px solid var(--choixora-blue); border-radius: 8px; color: var(--choixora-blue); display: block; font-size: 0.78rem; font-weight: 800; padding: 0.55rem; text-align: center; text-decoration: none; }
.choixora-compare-link a:hover { background: var(--choixora-blue); color: #fff; }

.choixora-guide-grid { display: grid; gap: 0.65rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.choixora-guide-card { border: 1px solid var(--choixora-border); border-radius: 13px; overflow: hidden; padding: 0.55rem; }
.choixora-guide-card h3,
.choixora-guide-card > p { margin: 0.45rem 0; }
.choixora-guide-cover { align-content: end; aspect-ratio: 1.7; background-color: #e9edf5; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 9px; box-shadow: inset 0 -52px 44px rgba(8,26,58,0.58); color: #fff; font-size: 0.7rem; font-weight: 900; letter-spacing: 0.12em; margin: 0 !important; padding: 0.65rem; }
.choixora-guide-cover.is-home { background-image: image-set(url("../images/universe-home-v1.avif") type("image/avif"), url("../images/universe-home-v1.webp") type("image/webp")); }
.choixora-guide-cover.is-travel { background-image: image-set(url("../images/universe-travel-v1.avif") type("image/avif"), url("../images/universe-travel-v1.webp") type("image/webp")); }
.choixora-guide-cover.is-beauty { background-image: image-set(url("../images/universe-beauty-v1.avif") type("image/avif"), url("../images/universe-beauty-v1.webp") type("image/webp")); }
.choixora-guide-cover.is-software { background-image: image-set(url("../images/universe-software-v1.avif") type("image/avif"), url("../images/universe-software-v1.webp") type("image/webp")); }

.choixora-trust-strip { background: #fff9ef; border: 1px solid #ece1cf; border-radius: var(--choixora-radius); margin-bottom: 1.2rem; margin-top: 0.8rem; padding: 1.1rem 2rem; }
.choixora-trust-strip > .wp-block-group { gap: 2rem; }
.choixora-trust-strip p { flex: 1 1 240px; margin: 0; }

@media (max-width: 1100px) {
  .choixora-home-grid { grid-template-columns: 1fr; }
  .choixora-universe-grid { grid-template-columns: repeat(3, 1fr); }
  .choixora-universe-card { min-height: 250px; }
  .choixora-utilities > p { display: none; }
}

@media (max-width: 720px) {
  .choixora-header-main { align-items: stretch !important; }
  .choixora-search { flex-basis: 100%; margin-top: 0.25rem; max-width: none; order: 3; width: 100%; }
  .choixora-universe-nav .wp-block-group { flex-wrap: nowrap !important; gap: 1.35rem; justify-content: flex-start !important; overflow-x: auto; padding-bottom: 0.25rem; }
  .choixora-universe-nav p { flex: 0 0 auto; }
  .choixora-hero { background-image: linear-gradient(90deg, rgba(249, 246, 239, 0.99), rgba(249, 246, 239, 0.86)), image-set(url("../images/choixora-hero-products-v1.avif") type("image/avif"), url("../images/choixora-hero-products-v1.webp") type("image/webp")); min-height: 520px; padding: 2rem 1.25rem; }
  .choixora-universe-grid { grid-template-columns: repeat(2, 1fr); }
  .choixora-product-grid,
  .choixora-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 460px) {
  .choixora-product-grid,
  .choixora-guide-grid { grid-template-columns: 1fr; }
  .choixora-hero-title { font-size: 2.55rem; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }