/* ============================================================
   Clixo Theme — Foundation + design tokens
   فونت‌ها، متغیرهای تم روشن/تاریک و کامپوننت‌ها
   ============================================================ */
@font-face {  font-family: 'IRANYekanXVF';  src: url('../fonts/IRANYekanXVF.woff2') format('woff2');  font-weight: 100 1000;  font-style: normal;  font-display: swap;}
/* ---------- متغیرهای تم — لایت پیش‌فرض ---------- */
/* رنگ‌ها به صورت کانال‌های RGB جدا برای پشتیبانی از opacity */
:root {  --c-bg:          250 250 250;  /* #fafafa */
  --c-surface:     255 255 255;  /* #ffffff */
  --c-ink:         26 28 35;  /* #1a1c23 */
  --c-muted:       90 95 103;  /* #5a5f67  مشتق از 3a3f47 */
  --c-primary:     166 38 57;  /* #a62639 */
  --c-primary-ink: 250 250 250;  /* #fafafa */
  --c-accent:      224 169 109;  /* #e0a96d */
  --c-line:        232 229 224;  /* #e8e5e0  خاکستری گرم روشن */
  --c-soft:        var(--c-bg);
  --c-card:        var(--c-surface);}
.dark {  --c-bg:          26 28 35;  /* #1a1c23 */
  --c-surface:     58 63 71;  /* #3a3f47 */
  --c-ink:         250 250 250;  /* #fafafa */
  --c-muted:       163 167 173;  /* #a3a7ad  مشتق روشن‌تر از 3a3f47 */
  --c-primary:     166 38 57;  /* #a62639 */
  --c-primary-ink: 250 250 250;  /* #fafafa */
  --c-accent:      224 169 109;  /* #e0a96d */
  --c-line:        74 80 90;  /* #4a505a */;}
*, ::before, ::after {  --tw-border-spacing-x: 0;  --tw-border-spacing-y: 0;  --tw-translate-x: 0;  --tw-translate-y: 0;  --tw-rotate: 0;  --tw-skew-x: 0;  --tw-skew-y: 0;  --tw-scale-x: 1;  --tw-scale-y: 1;  --tw-pan-x:;  --tw-pan-y:;  --tw-pinch-zoom:;  --tw-scroll-snap-strictness: proximity;  --tw-gradient-from-position:;  --tw-gradient-via-position:;  --tw-gradient-to-position:;  --tw-ordinal:;  --tw-slashed-zero:;  --tw-numeric-figure:;  --tw-numeric-spacing:;  --tw-numeric-fraction:;  --tw-ring-inset:;  --tw-ring-offset-width: 0px;  --tw-ring-offset-color: #fff;  --tw-ring-color: rgb(59 130 246 / 0.5);  --tw-ring-offset-shadow: 0 0 #0000;  --tw-ring-shadow: 0 0 #0000;  --tw-shadow: 0 0 #0000;  --tw-shadow-colored: 0 0 #0000;  --tw-blur:;  --tw-brightness:;  --tw-contrast:;  --tw-grayscale:;  --tw-hue-rotate:;  --tw-invert:;  --tw-saturate:;  --tw-sepia:;  --tw-drop-shadow:;  --tw-backdrop-blur:;  --tw-backdrop-brightness:;  --tw-backdrop-contrast:;  --tw-backdrop-grayscale:;  --tw-backdrop-hue-rotate:;  --tw-backdrop-invert:;  --tw-backdrop-opacity:;  --tw-backdrop-saturate:;  --tw-backdrop-sepia:;  --tw-contain-size:;  --tw-contain-layout:;  --tw-contain-paint:;  --tw-contain-style:;}
::backdrop {  --tw-border-spacing-x: 0;  --tw-border-spacing-y: 0;  --tw-translate-x: 0;  --tw-translate-y: 0;  --tw-rotate: 0;  --tw-skew-x: 0;  --tw-skew-y: 0;  --tw-scale-x: 1;  --tw-scale-y: 1;  --tw-pan-x:;  --tw-pan-y:;  --tw-pinch-zoom:;  --tw-scroll-snap-strictness: proximity;  --tw-gradient-from-position:;  --tw-gradient-via-position:;  --tw-gradient-to-position:;  --tw-ordinal:;  --tw-slashed-zero:;  --tw-numeric-figure:;  --tw-numeric-spacing:;  --tw-numeric-fraction:;  --tw-ring-inset:;  --tw-ring-offset-width: 0px;  --tw-ring-offset-color: #fff;  --tw-ring-color: rgb(59 130 246 / 0.5);  --tw-ring-offset-shadow: 0 0 #0000;  --tw-ring-shadow: 0 0 #0000;  --tw-shadow: 0 0 #0000;  --tw-shadow-colored: 0 0 #0000;  --tw-blur:;  --tw-brightness:;  --tw-contrast:;  --tw-grayscale:;  --tw-hue-rotate:;  --tw-invert:;  --tw-saturate:;  --tw-sepia:;  --tw-drop-shadow:;  --tw-backdrop-blur:;  --tw-backdrop-brightness:;  --tw-backdrop-contrast:;  --tw-backdrop-grayscale:;  --tw-backdrop-hue-rotate:;  --tw-backdrop-invert:;  --tw-backdrop-opacity:;  --tw-backdrop-saturate:;  --tw-backdrop-sepia:;  --tw-contain-size:;  --tw-contain-layout:;  --tw-contain-paint:;  --tw-contain-style:;}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {  box-sizing: border-box;  /* 1 */
  border-width: 0;  /* 2 */
  border-style: solid;  /* 2 */
  border-color: #e5e7eb;  /* 2 */;}
::before,
::after {  --tw-content: '';}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {  line-height: 1.5;  /* 1 */
  -webkit-text-size-adjust: 100%;  /* 2 */
  -moz-tab-size: 4;  /* 3 */
  -o-tab-size: 4;  tab-size: 4;  /* 3 */
  font-family: IRANYekanXVF, Tahoma, Arial, sans-serif;  /* 4 */
  font-feature-settings: normal;  /* 5 */
  font-variation-settings: 'dots' 2;  /* 6 */
  -webkit-tap-highlight-color: transparent;  /* 7 */;}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {  margin: 0;  /* 1 */
  line-height: inherit;  /* 2 */;}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {  height: 0;  /* 1 */
  color: inherit;  /* 2 */
  border-top-width: 1px;  /* 3 */;}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {  -webkit-text-decoration: underline dotted;  text-decoration: underline dotted;}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {  font-size: inherit;  font-weight: inherit;}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {  color: inherit;  text-decoration: inherit;}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {  font-weight: bolder;}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;  /* 1 */
  font-feature-settings: normal;  /* 2 */
  font-variation-settings: normal;  /* 3 */
  font-size: 1em;  /* 4 */;}
/*
Add the correct font size in all browsers.
*/
small {  font-size: 80%;}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em;}
sup {  top: -0.5em;}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {  text-indent: 0;  /* 1 */
  border-color: inherit;  /* 2 */
  border-collapse: collapse;  /* 3 */;}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {  font-family: inherit;  /* 1 */
  font-feature-settings: inherit;  /* 1 */
  font-variation-settings: inherit;  /* 1 */
  font-size: 100%;  /* 1 */
  font-weight: inherit;  /* 1 */
  line-height: inherit;  /* 1 */
  letter-spacing: inherit;  /* 1 */
  color: inherit;  /* 1 */
  margin: 0;  /* 2 */
  padding: 0;  /* 3 */;}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {  text-transform: none;}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {  -webkit-appearance: button;  /* 1 */
  background-color: transparent;  /* 2 */
  background-image: none;  /* 2 */;}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {  outline: auto;}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {  box-shadow: none;}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {  vertical-align: baseline;}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {  height: auto;}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {  -webkit-appearance: textfield;  /* 1 */
  outline-offset: -2px;  /* 2 */;}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {  -webkit-appearance: none;}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {  -webkit-appearance: button;  /* 1 */
  font: inherit;  /* 2 */;}
/*
Add the correct display in Chrome and Safari.
*/
summary {  display: list-item;}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {  margin: 0;}
fieldset {  margin: 0;  padding: 0;}
legend {  padding: 0;}
ol,
ul,
menu {  list-style: none;  margin: 0;  padding: 0;}
/*
Reset default styling for dialogs.
*/
dialog {  padding: 0;}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {  resize: vertical;}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {  opacity: 1;  /* 1 */
  color: #9ca3af;  /* 2 */;}
input::placeholder,
textarea::placeholder {  opacity: 1;  /* 1 */
  color: #9ca3af;  /* 2 */;}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {  cursor: pointer;}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {  cursor: default;}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {  display: block;  /* 1 */
  vertical-align: middle;  /* 2 */;}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {  max-width: 100%;  height: auto;}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {  display: none;}
html {  scroll-behavior: smooth;}
/* بدون overflow روی html/body تا position:sticky نشکند.
	   سرریز افقی با min-width:0 روی ستون‌های گرید کنترل می‌شود. */
body {  max-width: 100%;  --tw-bg-opacity: 1;  background-color: rgb(var(--c-bg) / var(--tw-bg-opacity, 1));  font-family: IRANYekanXVF, Tahoma, Arial, sans-serif;  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  font-feature-settings: 'ss01';  font-variation-settings: 'dots' 2;}
a {  color: inherit;}
img {  max-width: 100%;  height: auto;}
:focus-visible {  outline: 2px solid rgb(var(--c-primary));  outline-offset: 2px;}
@media (prefers-reduced-motion: reduce) {
  * {  animation: none !important;  transition: none !important;  scroll-behavior: auto !important;}
}
.container {  width: 100%;}
@media (min-width: 640px) {
  .container {  max-width: 640px;}
}
@media (min-width: 768px) {
  .container {  max-width: 768px;}
}
@media (min-width: 1024px) {
  .container {  max-width: 1024px;}
}
@media (min-width: 1280px) {
  .container {  max-width: 1280px;}
}
@media (min-width: 1536px) {
  .container {  max-width: 1536px;}
}
/* ---------- لایه‌بندی کلی ---------- */
.clixo-container {  margin-left: auto;  margin-right: auto;  width: 100%;  max-width: 1280px;  padding-left: 1rem;  padding-right: 1rem;}
.clixo-main {  padding-top: 2rem;  padding-bottom: 2rem;}
.clixo-skip {  position: absolute;  top: -3rem;  right: 1rem;  z-index: 50;  border-radius: 0.375rem;  --tw-bg-opacity: 1;  background-color: rgb(var(--c-primary) / var(--tw-bg-opacity, 1));  padding-left: 1rem;  padding-right: 1rem;  padding-top: 0.5rem;  padding-bottom: 0.5rem;  --tw-text-opacity: 1;  color: rgb(var(--c-primary-ink) / var(--tw-text-opacity, 1));  transition-property: all;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;}
.clixo-skip:focus {  top: 1rem;}
/* ====================================================
	   HEADER
	   ====================================================
	   سه‌ستونه: راست | وسط | چپ
	   موبایل: همبرگر | لوگو وسط | سرچ + علاقه + تم
	   دسکتاپ: لوگو | منو | سرچ + علاقه + تم
	   ==================================================== */
.clixo-header {  position: sticky;  top: 0px;  z-index: 40;  border-bottom-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  background-color: rgb(var(--c-bg) / 0.9);  --tw-backdrop-blur: blur(8px);  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
.clixo-header__inner {  display: grid;  align-items: center;  gap: 0.5rem;  padding-top: 0.75rem;  padding-bottom: 0.75rem;  grid-template-columns: 1fr auto 1fr;  /* موبایل: لوگو دقیقاً وسط */;}
@media (min-width: 768px) {
  .clixo-header__inner {  grid-template-columns: auto 1fr auto;  /* دسکتاپ: منو وسطِ فضای بین لوگو و دکمه‌ها */;}
}
/* راست */
.clixo-header__right {  display: flex;  align-items: center;  gap: 0.5rem;  justify-self: start;}
/* وسط — منو در فضای میانی وسط‌چین می‌شود */
.clixo-header__center {  display: flex;  align-items: center;  justify-content: center;}
/* چپ */
.clixo-header__left {  display: flex;  align-items: center;  gap: 0.25rem;  justify-self: end;}
/* لوگو */
.clixo-logo {  font-size: 1.125rem;  line-height: 1.75rem;  font-weight: 650;  letter-spacing: -0.025em;  text-decoration-line: none;}
/* لوگو موبایل وسط: فقط روی موبایل نشان داده می‌شود */
.clixo-logo--mobile {  display: block;}
@media (min-width: 768px) {
  .clixo-logo--mobile {  display: none;}
}
/* لوگو دسکتاپ داخل right: فقط روی دسکتاپ */
.clixo-header__logo {  display: none;}
@media (min-width: 768px) {
  .clixo-header__logo {  display: block;}
}
.clixo-header__logo a {  font-size: 1.125rem;  line-height: 1.75rem;  font-weight: 650;  text-decoration-line: none;}
/* منو دسکتاپ */
.clixo-nav {  display: none;}
@media (min-width: 768px) {
  .clixo-nav {  display: block;}
}
.clixo-nav__list {  margin: 0px;  display: flex;  list-style-type: none;  align-items: center;  gap: 1.25rem;  padding: 0px;}
.clixo-nav__list a {  font-size: 0.875rem;  line-height: 1.25rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));  text-decoration-line: none;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;}
.clixo-nav__list a:hover {  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));}
/* دکمه‌ی آیکون عمومی */
.clixo-iconbtn {  position: relative;  display: inline-flex;  height: 2.25rem;  width: 2.25rem;  flex-shrink: 0;  cursor: pointer;  align-items: center;  justify-content: center;  border-radius: 9999px;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-surface) / var(--tw-bg-opacity, 1));  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;  line-height: 1;}
.clixo-iconbtn svg {  display: block;  flex-shrink: 0;}
.clixo-iconbtn:hover {  --tw-border-opacity: 1;  border-color: rgb(var(--c-primary) / var(--tw-border-opacity, 1));  --tw-text-opacity: 1;  color: rgb(var(--c-primary) / var(--tw-text-opacity, 1));}
.clixo-iconbtn__badge {  position: absolute;  top: -0.25rem;  right: -0.25rem;  display: inline-flex;  height: 1.25rem;  min-width: 1.25rem;  align-items: center;  justify-content: center;  border-radius: 9999px;  --tw-bg-opacity: 1;  background-color: rgb(var(--c-accent) / var(--tw-bg-opacity, 1));  padding-left: 0.25rem;  padding-right: 0.25rem;  font-size: 11px;  font-weight: 600;  color: rgb(var(--c-primary-ink));}
/* همبرگر — فقط موبایل */
.clixo-hamburger {  display: flex;}
@media (min-width: 768px) {
  .clixo-hamburger {  display: none;}
}
.clixo-hamburger .clixo-hamburger__icon--close {  display: none;}
.clixo-hamburger .clixo-hamburger__icon--open {  display: block;}
.clixo-hamburger.is-open .clixo-hamburger__icon--open {  display: none;}
.clixo-hamburger.is-open .clixo-hamburger__icon--close {  display: block;}
/* سرچ موبایل — آیکون، فقط موبایل */
.clixo-search-toggle {  display: flex;}
@media (min-width: 768px) {
  .clixo-search-toggle {  display: none;}
}
/* سرچ wrap دسکتاپ */
.clixo-search-wrap {  display: none;}
@media (min-width: 768px) {
  .clixo-search-wrap {  display: block;}
}
/* سوییچر تم: موبایل سمت راست، دسکتاپ سمت چپ */
.clixo-theme-mobile {  display: inline-flex;}
.clixo-theme-desktop {  display: none;}
@media (min-width: 768px) {
  .clixo-theme-mobile {  display: none;}
  .clixo-theme-desktop {  display: inline-flex;}
}
/* فرم سرچ — ساختار و آیکون باید در همه صفحات (از جمله product bundle) حاضر باشد. */
.clixo-search {  position: relative;  display: flex;  align-items: center;  width: 100%;}
.clixo-search__box {  position: relative;  display: flex;  width: 100%;  align-items: center;}
.clixo-search__icon {  pointer-events: none;  position: absolute;  inset-inline-start: 0.8rem;  top: 50%;  z-index: 2;  display: block;  flex-shrink: 0;  transform: translateY(-50%);  color: rgb(var(--c-muted));}
.clixo-search__input {  height: 2.25rem;  width: 10rem;  min-width: 0;  border-radius: 9999px;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-surface) / var(--tw-bg-opacity, 1));  padding-inline-start: 2.5rem;  padding-inline-end: 1rem;  font-size: 0.875rem;  line-height: 1.25rem;  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));  outline: 2px solid transparent;  outline-offset: 2px;  transition-property: width, color, background-color, border-color, box-shadow;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;  appearance: none;}
.clixo-search__input:focus {  width: 13rem;  --tw-border-opacity: 1;  border-color: rgb(var(--c-primary) / var(--tw-border-opacity, 1));  box-shadow: 0 0 0 3px rgb(var(--c-primary) / .1);}
/* سرچ کشویی موبایل */
.clixo-mobile-search {  border-top-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-bg) / var(--tw-bg-opacity, 1));  padding-left: 1rem;  padding-right: 1rem;  padding-top: 0.75rem;  padding-bottom: 0.75rem;}
.clixo-mobile-search .clixo-search {  width: 100%;}
.clixo-mobile-search .clixo-search__input {  width: 100%;}
/* منوی کشویی موبایل (drawer از سمت راست) */
.clixo-mobile-menu {  position: fixed;  top: 0;  right: 0;  bottom: 0;  width: 82%;  max-width: 320px;  background: rgb(var(--c-surface));  z-index: 60;  transform: translateX(100%);  transition: transform 0.28s ease;  overflow-y: auto;  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);  border-inline-start: 1px solid rgb(var(--c-line));}
/* وقتی hidden نیست یعنی باز است */
.clixo-mobile-menu:not([hidden]) {  transform: translateX(0);  visibility: visible;  transition: transform 0.28s ease, visibility 0s;}
/* hidden را بازنویسی می‌کنیم تا انیمیشن کار کند (به‌جای display:none) */
.clixo-mobile-menu[hidden] {  display: block;  transform: translateX(100%);  visibility: hidden;  pointer-events: none;  transition: transform 0.28s ease, visibility 0s 0.28s;}
.clixo-mobile-menu__head {  display: flex;  align-items: center;  justify-content: space-between;  padding: 1rem;  border-bottom: 1px solid rgb(var(--c-line));}
.clixo-mobile-menu__title {  font-weight: 650;  font-size: 1rem;}
.clixo-mobile-menu__close {  display: inline-flex;  align-items: center;  justify-content: center;  width: 36px;  height: 36px;  border-radius: 0.5rem;  border: 1px solid rgb(var(--c-line));  background: transparent;  color: rgb(var(--c-ink));  cursor: pointer;}
.clixo-mobile-nav__list {  margin: 0px;  display: flex;  list-style-type: none;  flex-direction: column;  gap: 0.25rem;  padding: 1rem;}
.clixo-mobile-nav__list a {  display: block;  border-radius: 0.5rem;  padding-left: 1rem;  padding-right: 1rem;  padding-top: 0.625rem;  padding-bottom: 0.625rem;  font-size: 0.875rem;  line-height: 1.25rem;  font-weight: 500;  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));  text-decoration-line: none;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;}
.clixo-mobile-nav__list a:hover {  --tw-bg-opacity: 1;  background-color: rgb(var(--c-line) / var(--tw-bg-opacity, 1));}
/* پوشش پشت drawer */
.clixo-menu-overlay {  position: fixed;  inset: 0;  background: rgba(0, 0, 0, 0.45);  z-index: 59;  opacity: 0;  visibility: hidden;  transition: opacity 0.28s ease, visibility 0.28s ease;}
.clixo-menu-overlay.is-active {  opacity: 1;  visibility: visible;}
/* آیکون تم — specificity کلاس‌ها برای غلبه بر rule عمومی SVG کافی است. */
.clixo-iconbtn .clixo-icon-sun {  display: none;}
.clixo-iconbtn .clixo-icon-moon {  display: block;}
.dark .clixo-iconbtn .clixo-icon-sun {  display: block;}
.dark .clixo-iconbtn .clixo-icon-moon {  display: none;}
/* Shared route-neutral components */
/* ---------- Accessibility helper ---------- */
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* ---------- دکمه ---------- */
.clixo-btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: 0.5rem;  border-radius: 9999px;  --tw-bg-opacity: 1;  background-color: rgb(var(--c-primary) / var(--tw-bg-opacity, 1));  padding-left: 1.25rem;  padding-right: 1.25rem;  padding-top: 0.625rem;  padding-bottom: 0.625rem;  font-weight: 600;  --tw-text-opacity: 1;  color: rgb(var(--c-primary-ink) / var(--tw-text-opacity, 1));  text-decoration-line: none;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;}
.clixo-btn:active {  --tw-scale-x: .95;  --tw-scale-y: .95;  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.clixo-btn:hover {  filter: brightness(0.93);}
.clixo-btn--lg {  padding-left: 1.75rem;  padding-right: 1.75rem;  padding-top: 0.875rem;  padding-bottom: 0.875rem;  font-size: 1.125rem;  line-height: 1.75rem;}
.clixo-link {  font-size: 0.875rem;  line-height: 1.25rem;  font-weight: 600;  --tw-text-opacity: 1;  color: rgb(var(--c-primary) / var(--tw-text-opacity, 1));  text-decoration-line: none;}
/* ---------- فوتر ---------- */
.clixo-footer {  margin-top: 3rem;  border-top-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-surface) / var(--tw-bg-opacity, 1));}
.clixo-footer__inner {  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between;  gap: 0.75rem;  padding-top: 1.5rem;  padding-bottom: 1.5rem;  font-size: 0.875rem;  line-height: 1.25rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
@media (min-width: 640px) {
  .clixo-footer__inner {  flex-direction: row;}
}
.clixo-footer__nav a {  text-decoration-line: none;}
.clixo-footer__nav a:hover {  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));}
/* Live search enhanced results shared by all routes. */
/* ========== Clixo Live Search Pro (Phase 6 - v1.3.8) ========== */
.clixo-search__results {
  padding: 0.55rem;
  max-height: min(32rem, 78vh);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.clixo-search__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.45rem 0.55rem 0.65rem;
  font-size: 0.74rem;
  font-weight: 650;
  color: rgb(var(--c-muted) / 1);
}

.clixo-search__panel-head kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.15rem;
  border-radius: 0.55rem;
  border: 1px solid rgb(var(--c-line) / 1);
  background: rgb(var(--c-bg) / 0.7);
  padding: 0.16rem 0.42rem;
  font-size: 0.66rem;
  font-weight: 700;
  color: rgb(var(--c-muted) / 0.9);
}

.clixo-search__item {
  position: relative;
  display: grid;
  grid-template-columns: 4.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.78rem;
  border-radius: 0.92rem;
  padding: 0.56rem;
  color: rgb(var(--c-ink) / 1);
  text-decoration: none;
  transition: background-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.clixo-search__item:hover,
.clixo-search__item:focus,
.clixo-search__item.is-active {
  background: rgb(var(--c-primary) / 0.075);
  box-shadow: inset 0 0 0 1px rgb(var(--c-primary) / 0.12);
  transform: translateY(-1px);
  outline: none;
}

.clixo-search__item + .clixo-search__item {
  margin-top: 0.16rem;
}

.clixo-search__thumb {
  width: 4.25rem;
  height: 4.25rem;
  overflow: hidden;
  border-radius: 0.85rem;
  background: linear-gradient(135deg, rgb(var(--c-bg) / 1), rgb(var(--c-line) / 0.65));
  box-shadow: inset 0 0 0 1px rgb(var(--c-line) / 0.9);
}

.clixo-search__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clixo-search__thumb--empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.45rem;
  font-weight: 700;
  color: rgb(var(--c-muted) / 0.75);
}

.clixo-search__meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.clixo-search__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.6rem;
  min-width: 0;
}

.clixo-search__name {
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 0.84rem;
  line-height: 1.58;
  font-weight: 700;
  color: rgb(var(--c-ink) / 1);
}

.clixo-search__price {
  flex: 0 0 auto;
  margin-top: 0.06rem;
  border-radius: 999px;
  background: rgb(var(--c-primary) / 0.1);
  padding: 0.18rem 0.5rem;
  font-size: 0.72rem;
  line-height: 1.4;
  font-weight: 700;
  color: rgb(var(--c-primary) / 1);
  white-space: nowrap;
}

.clixo-search__subline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.34rem;
  min-height: 1.15rem;
}

.clixo-search__category,
.clixo-search__video {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.14rem 0.46rem;
  font-size: 0.68rem;
  line-height: 1.45;
  font-weight: 650;
}

.clixo-search__category {
  background: rgb(var(--c-bg) / 0.95);
  color: rgb(var(--c-muted) / 1);
  box-shadow: inset 0 0 0 1px rgb(var(--c-line) / 0.75);
}

.clixo-search__video {
  background: rgb(16 122 82 / 0.11);
  color: rgb(6 95 70 / 1);
}

.dark .clixo-search__video {
  background: rgb(45 212 191 / 0.13);
  color: rgb(153 246 228 / 1);
}

.clixo-search__excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 0.72rem;
  line-height: 1.65;
  color: rgb(var(--c-muted) / 0.94);
}

.clixo-search__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.05rem;
}

.clixo-search__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.16rem 0.5rem;
  font-size: 0.66rem;
  line-height: 1.35;
  font-weight: 700;
  color: #fff;
  box-shadow: 0 0.35rem 0.9rem rgb(15 23 42 / 0.12);
}

.clixo-search__badge--good {
  background: linear-gradient(135deg, rgb(var(--c-primary) / 1), rgb(127 18 48 / 0.96));
}

.clixo-search__badge--info {
  background: linear-gradient(135deg, rgb(16 122 82 / 1), rgb(6 95 70 / 0.96));
}

.clixo-search__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  background: rgb(var(--c-bg) / 0.9);
  color: rgb(var(--c-muted) / 0.85);
  font-size: 1.15rem;
  line-height: 1;
  transform: rotate(180deg);
}

.clixo-search__empty {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: center;
  justify-content: center;
  min-height: 7rem;
  border-radius: 0.9rem;
  background: rgb(var(--c-bg) / 0.7);
  padding: 1.15rem;
  text-align: center;
  color: rgb(var(--c-muted) / 1);
}

.clixo-search__empty strong {
  color: rgb(var(--c-ink) / 1);
  font-size: 0.9rem;
  font-weight: 750;
}

.clixo-search__empty span {
  font-size: 0.78rem;
  line-height: 1.7;
}

.clixo-search__skeleton {
  height: 4.9rem;
  border-radius: 0.9rem;
  margin: 0.18rem 0;
  background: linear-gradient(90deg, rgb(var(--c-bg) / 0.65), rgb(var(--c-line) / 0.42), rgb(var(--c-bg) / 0.65));
  background-size: 220% 100%;
  animation: clixo-search-skeleton 1.05s ease-in-out infinite;
}

@keyframes clixo-search-skeleton {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

@media (max-width: 767px) {
  .clixo-search__results {
    max-height: min(30rem, 72vh);
    border-radius: 0.9rem;
  }

  .clixo-search__panel-head kbd,
  .clixo-search__excerpt,
  .clixo-search__arrow {
    display: none;
  }

  .clixo-search__item {
    grid-template-columns: 3.65rem minmax(0, 1fr);
    gap: 0.62rem;
    padding: 0.48rem;
  }

  .clixo-search__thumb {
    width: 3.65rem;
    height: 3.65rem;
    border-radius: 0.78rem;
  }

  .clixo-search__topline {
    flex-direction: column;
    gap: 0.18rem;
  }

  .clixo-search__name {
    font-size: 0.78rem;
    line-height: 1.55;
    -webkit-line-clamp: 2;
  }

  .clixo-search__price {
    width: max-content;
    font-size: 0.68rem;
  }
}
/* Search Engine 2.0 typo suggestions */
.clixo-search__suggest-label {
  margin-top: .25rem;
  color: rgb(var(--c-muted) / .92);
  font-size: .74rem;
}
.clixo-search__suggestions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .4rem;
  margin-top: .1rem;
}
.clixo-search__suggestion {
  appearance: none;
  border: 1px solid rgb(var(--c-line) / .8);
  border-radius: 999px;
  background: rgb(var(--c-card) / .94);
  color: rgb(var(--c-ink) / 1);
  padding: .35rem .65rem;
  font: inherit;
  font-size: .72rem;
  font-weight: 650;
  cursor: pointer;
}
.clixo-search__suggestion:hover,
.clixo-search__suggestion:focus-visible {
  border-color: rgb(var(--c-primary) / .55);
  color: rgb(var(--c-primary) / 1);
  outline: none;
}
/* Catalog/card surfaces */
/* ---------- هیرو ---------- */
.clixo-hero {  margin-bottom: 2rem;  text-align: center;}
.clixo-hero__title {  font-size: 1.875rem;  line-height: 2.25rem;  font-weight: 650;  letter-spacing: -0.025em;}
@media (min-width: 768px) {
  .clixo-hero__title {  font-size: 2.25rem;  line-height: 2.5rem;}
}
.clixo-hero__sub {  margin-top: 0.5rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
/* ---------- شبکه‌ی کارت‌ها ---------- */
@media (min-width: 1024px) {
  .clixo-cards-grid {  grid-template-columns: repeat(4, minmax(0, 1fr));}
}
/* ---------- کارت ---------- */
.clixo-card {  position: relative;  display: flex;  flex-direction: column;  overflow: hidden;  border-radius: 1rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-surface) / var(--tw-bg-opacity, 1));  transition-property: box-shadow;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;}
.clixo-card:hover {  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.clixo-card__media {  display: block;  aspect-ratio: 1 / 1;  overflow: hidden;  --tw-bg-opacity: 1;  background-color: rgb(var(--c-bg) / var(--tw-bg-opacity, 1));}
.clixo-card__img {  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;  transition-property: transform;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 300ms;}
.clixo-card:hover .clixo-card__img {  --tw-scale-x: 1.05;  --tw-scale-y: 1.05;  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.clixo-card__noimg {  display: block;  height: 100%;  width: 100%;  --tw-bg-opacity: 1;  background-color: rgb(var(--c-line) / var(--tw-bg-opacity, 1));}
.clixo-card__body {  display: flex;  flex: 1 1 0%;  flex-direction: column;  gap: 0.5rem;  padding: 0.75rem;}
.clixo-card__title {  font-size: 0.875rem;  font-weight: 600;  line-height: 1.5rem;}
.clixo-card__title a {  text-decoration-line: none;}
.clixo-card__excerpt {  font-size: 0.75rem;  line-height: 1.5rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
.clixo-card__rating {  display: flex;  align-items: center;  gap: 0.25rem;  font-size: 0.75rem;  line-height: 1rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
.clixo-card__price {  margin-top: auto;  display: flex;  align-items: center;  gap: 0.5rem;  padding-top: 0.25rem;}
.clixo-card__price del {  font-size: 0.75rem;  line-height: 1rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
.clixo-card__price-now {  font-weight: 650;  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));}
.clixo-card__cta {  margin-top: 0.5rem;  width: 100%;  justify-content: center;  font-size: 0.875rem;  line-height: 1.25rem;}
.clixo-star {  --tw-text-opacity: 1;  color: rgb(var(--c-accent) / var(--tw-text-opacity, 1));}
/* دکمه‌ی علاقه روی کارت */
.clixo-fav {  position: absolute;  inset-inline-end: 0.5rem;  top: 0.5rem;  z-index: 10;  display: grid;  height: 2.25rem;  width: 2.25rem;  cursor: pointer;  place-items: center;  border-radius: 9999px;  border-width: 0px;  background-color: rgb(var(--c-surface) / 0.9);  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);  --tw-backdrop-blur: blur(8px);  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;}
.clixo-fav svg {  fill: currentColor;  stroke: currentColor;  stroke-width: 1.8;}
.clixo-fav:hover {  --tw-text-opacity: 1;  color: rgb(var(--c-accent) / var(--tw-text-opacity, 1));}
.clixo-fav.is-active {  --tw-text-opacity: 1;  color: rgb(var(--c-accent) / var(--tw-text-opacity, 1));}
.clixo-fav.is-active svg {  fill: currentColor;}
/* ---------- علاقه‌مندی‌ها ---------- */
.clixo-favorites__title {  margin-bottom: 1.5rem;  font-size: 1.5rem;  line-height: 2rem;  font-weight: 650;}
.clixo-favorites__empty {  display: flex;  flex-direction: column;  align-items: center;  gap: 1rem;  padding-top: 4rem;  padding-bottom: 4rem;  text-align: center;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
.clixo-favorites__loading {  padding-top: 2.5rem;  padding-bottom: 2.5rem;  text-align: center;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
/* ---------- آرشیو / سرچ ---------- */
.clixo-archive__title span {  --tw-text-opacity: 1;  color: rgb(var(--c-primary) / var(--tw-text-opacity, 1));}
.clixo-empty {  padding-top: 4rem;  padding-bottom: 4rem;  text-align: center;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
/* ---------- صفحه‌بندی ---------- */
.clixo-pagination, .pagination {  margin-top: 2.5rem;  display: flex;  justify-content: center;}
.clixo-pagination .nav-links, .pagination .nav-links {  display: flex;  flex-wrap: wrap;  align-items: center;  gap: 0.5rem;}
.clixo-pagination a, .clixo-pagination span, .pagination a, .pagination span {  display: grid;  height: 2.5rem;  min-width: 2.5rem;  place-items: center;  border-radius: 0.5rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  padding-left: 0.75rem;  padding-right: 0.75rem;  font-size: 0.875rem;  line-height: 1.25rem;  text-decoration-line: none;}
.clixo-pagination .current, .pagination .current {  --tw-border-opacity: 1;  border-color: rgb(var(--c-primary) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-primary) / var(--tw-bg-opacity, 1));  --tw-text-opacity: 1;  color: rgb(var(--c-primary-ink) / var(--tw-text-opacity, 1));}
/* ========== Clixo Public Product Badges (Phase 2.1 - stronger UI) ========== */
.clixo-public-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}

.clixo-public-badges--card {
  position: absolute;
  inset-block-start: 0.72rem;
  inset-inline-start: 0.72rem;
  z-index: 12;
  max-width: calc(100% - 4.25rem);
  pointer-events: none;
  flex-direction: column;
  align-items: flex-start;
}

.clixo-public-badges--single {
  margin-top: -0.15rem;
  margin-bottom: 1.05rem;
}

.clixo-public-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.34rem;
  min-height: 1.78rem;
  max-width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  border: 1px solid rgb(255 255 255 / 0.62);
  background: linear-gradient(135deg, rgb(15 23 42 / 0.98), rgb(51 65 85 / 0.94));
  padding: 0.25rem 0.68rem;
  font-size: 0.72rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  box-shadow:
    0 0.85rem 1.8rem rgb(15 23 42 / 0.34),
    0 0 0 1px rgb(15 23 42 / 0.10);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  backdrop-filter: blur(12px) saturate(1.2);
  white-space: nowrap;
  text-shadow: 0 1px 1px rgb(0 0 0 / 0.35);
}

.clixo-public-badge::before {
  content: '';
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  flex: 0 0 0.42rem;
  border-radius: 9999px;
  background: rgb(255 255 255 / 0.9);
  box-shadow: 0 0 0 3px rgb(255 255 255 / 0.16);
}

.clixo-public-badge--good {
  border-color: rgb(255 255 255 / 0.7);
  background: linear-gradient(135deg, rgb(var(--c-primary) / 1), rgb(127 18 48 / 0.98));
  color: #fff;
}

.clixo-public-badge--info {
  border-color: rgb(255 255 255 / 0.72);
  background: linear-gradient(135deg, rgb(16 122 82 / 0.98), rgb(6 95 70 / 0.98));
  color: #fff;
}

.clixo-public-badges--single .clixo-public-badge {
  min-height: 2rem;
  padding: 0.34rem 0.82rem;
  font-size: 0.8rem;
  box-shadow: 0 0.65rem 1.35rem rgb(15 23 42 / 0.18);
}

.clixo-public-badges--single .clixo-public-badge--good {
  background: linear-gradient(135deg, rgb(var(--c-primary) / 0.96), rgb(127 18 48 / 0.96));
}

.clixo-public-badges--single .clixo-public-badge--info {
  background: linear-gradient(135deg, rgb(16 122 82 / 0.96), rgb(6 95 70 / 0.96));
}

@media (max-width: 767px) {
  .clixo-public-badges--card {
    inset-block-start: 0.5rem;
    inset-inline-start: 0.5rem;
    max-width: calc(100% - 3.4rem);
    gap: 0.3rem;
  }

  .clixo-public-badge {
    min-height: 1.48rem;
    padding: 0.2rem 0.52rem;
    font-size: 0.64rem;
    box-shadow:
      0 0.55rem 1.2rem rgb(15 23 42 / 0.28),
      0 0 0 1px rgb(15 23 42 / 0.08);
  }

  .clixo-public-badge::before {
    width: 0.34rem;
    height: 0.34rem;
    flex-basis: 0.34rem;
    box-shadow: 0 0 0 2px rgb(255 255 255 / 0.14);
  }

  .clixo-public-badges--single {
    margin-bottom: 0.9rem;
  }
}

.clixo-card__cta--unavailable { background:rgb(var(--c-ink)/.065); color:rgb(var(--c-muted)); }
/* Product-only route */
/* ====================================================
   صفحه محصول — Decision first + conversion UX
   ==================================================== */
.clixo-product { margin-inline:auto; max-width:1280px; overflow-x:clip; }
.clixo-product__title { margin:0 0 1rem; font-size:1.5rem; font-weight:700; line-height:1.55; letter-spacing:-.018em; text-wrap:balance; }
@media (min-width:768px) { .clixo-product__title { margin-bottom:1.25rem; font-size:1.9rem; line-height:1.5; } }

.clixo-product__layout { display:grid; grid-template-columns:minmax(0,1fr); gap:1.25rem; }
.clixo-product__gallery { order:1; min-width:0; max-width:100%; }
.clixo-product__aside { order:2; min-width:0; }
.clixo-product__main { order:3; display:flex; min-width:0; max-width:100%; flex-direction:column; gap:1.5rem; }
.clixo-product__main > .clixo-prose,
.clixo-product__main > .clixo-proscons,
.clixo-product__main > .clixo-specs { margin-top:0; margin-bottom:0; }
@media (min-width:1024px) {
  .clixo-product__layout { grid-template-columns:minmax(0,1.72fr) minmax(320px,.95fr); grid-template-areas:'gallery aside' 'main aside'; column-gap:1.75rem; row-gap:2rem; }
  .clixo-product__gallery { grid-area:gallery; align-self:start; }
  .clixo-product__main { grid-area:main; align-self:start; gap:2rem; }
  .clixo-product__aside { grid-area:aside; position:relative; align-self:stretch; }
}

.clixo-gallery2 { display:flex; width:100%; max-width:100%; flex-direction:column; gap:.65rem; outline:none; }
.clixo-gallery2:focus-visible .clixo-gallery2__main { box-shadow:0 0 0 3px rgb(var(--c-primary)/.2); border-color:rgb(var(--c-primary)); }
.clixo-gallery2__main { position:relative; width:100%; max-width:100%; aspect-ratio:1/1; overflow:hidden; border:1px solid rgb(var(--c-line)); border-radius:1rem; background:rgb(var(--c-surface)); touch-action:pan-y; }
.clixo-gallery2__track { display:flex; width:100%; height:100%; direction:rtl; align-items:stretch; transition:transform .28s ease; will-change:transform; }
.clixo-gallery2__slide { display:flex; width:100%; min-width:100%; height:100%; flex:0 0 100%; align-items:center; justify-content:center; }
.clixo-gallery2__img { display:block; width:100%; max-width:100%; height:100%; object-fit:contain; pointer-events:none; user-select:none; -webkit-user-drag:none; }
.clixo-gallery2__counter { position:absolute; inset-inline-start:.65rem; bottom:.65rem; z-index:8; display:inline-flex; min-height:1.8rem; align-items:center; gap:.2rem; border:1px solid rgb(var(--c-line)); border-radius:999px; background:rgb(var(--c-surface)/.9); padding:.2rem .55rem; font-size:.72rem; font-weight:650; color:rgb(var(--c-muted)); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.clixo-gallery2__nav { position:absolute; top:50%; z-index:10; display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; transform:translateY(-50%); border:1px solid rgb(var(--c-line)); border-radius:999px; background:rgb(var(--c-surface)/.9); color:rgb(var(--c-ink)); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:border-color .15s,color .15s,background .15s,transform .15s; }
.clixo-gallery2__nav:hover { border-color:rgb(var(--c-primary)); color:rgb(var(--c-primary)); }
.clixo-gallery2__nav:active { transform:translateY(-50%) scale(.94); }
.clixo-gallery2__nav:focus-visible,
.clixo-gallery2__thumb:focus-visible { outline:3px solid rgb(var(--c-primary)/.25); outline-offset:2px; }
.clixo-gallery2__nav--prev { left:.65rem; }
.clixo-gallery2__nav--next { right:.65rem; }
.clixo-gallery2__thumbs { display:flex; max-width:100%; gap:.5rem; overflow-x:auto; overscroll-behavior-inline:contain; padding:.1rem .1rem .35rem; scroll-snap-type:x proximity; scrollbar-width:none; }
.clixo-gallery2__thumbs::-webkit-scrollbar { display:none; }
.clixo-gallery2__thumb { position:relative; width:68px; height:68px; flex:0 0 68px; overflow:hidden; border:2px solid rgb(var(--c-line)); border-radius:.7rem; background:rgb(var(--c-surface)); padding:0; scroll-snap-align:start; transition:border-color .15s,box-shadow .15s,transform .15s; }
.clixo-gallery2__thumb img { width:100%; height:100%; object-fit:cover; }
.clixo-gallery2__thumb:hover { border-color:rgb(var(--c-primary)/.65); }
.clixo-gallery2__thumb.is-active { border-color:rgb(var(--c-primary)); box-shadow:0 0 0 2px rgb(var(--c-primary)/.12); }
@media (min-width:1024px) {
  .clixo-gallery2 { flex-direction:row; align-items:flex-start; gap:.75rem; }
  .clixo-gallery2__main { flex:1 1 auto; min-width:0; aspect-ratio:var(--clixo-gallery-source-aspect,1/1); max-height:620px; }
  .clixo-gallery2__thumbs { order:-1; width:88px; max-height:620px; flex:0 0 88px; flex-direction:column; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; padding:0 .1rem; scroll-snap-type:y proximity; }
  .clixo-gallery2__thumb { width:84px; height:84px; flex:0 0 84px; }
}

.clixo-decision-card { margin-bottom:.85rem; overflow:hidden; border:1px solid rgb(var(--c-line)); border-radius:1rem; background:linear-gradient(180deg,rgb(var(--c-ink)/.025),rgb(var(--c-surface)) 48%); padding:1rem; }
.clixo-decision-card__head { display:flex; flex-direction:column; gap:.2rem; margin-bottom:.8rem; }
.clixo-decision-card__eyebrow,
.clixo-buybox2__eyebrow { font-size:.72rem; line-height:1.3; font-weight:650; color:rgb(var(--c-muted)); }
.clixo-decision-card__head h2 { font-size:1rem; line-height:1.65; font-weight:700; color:rgb(var(--c-ink)); }

.clixo-product__sticky { display:flex; flex-direction:column; gap:.85rem; }
@media (min-width:1024px) { .clixo-product__sticky { position:sticky; top:5.5rem; z-index:1; } }
.clixo-buybox2 { display:flex; flex-direction:column; gap:.85rem; border:1px solid rgb(var(--c-line)); border-radius:1rem; background:rgb(var(--c-surface)); padding:1rem; box-shadow:0 8px 28px rgb(0 0 0/.035); }
.clixo-buybox2--second { margin-top:.15rem; border-style:dashed; }
.clixo-buybox2__head { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; }
.clixo-buybox2__head > div { min-width:0; }
.clixo-buybox2__heading,
.clixo-buybox2__name { display:block; margin-top:.12rem; font-size:1rem; line-height:1.55; font-weight:700; color:rgb(var(--c-ink)); }
.clixo-buybox2__name { overflow-wrap:anywhere; }
.clixo-stock { display:inline-flex; min-height:1.8rem; flex:none; align-items:center; border:1px solid rgb(var(--c-line)); border-radius:999px; background:rgb(var(--c-ink)/.035); padding:.18rem .55rem; font-size:.7rem; line-height:1; font-weight:650; color:rgb(var(--c-muted)); }
.clixo-stock--outofstock { border-color:rgb(var(--c-primary)/.25); background:rgb(var(--c-primary)/.07); color:rgb(var(--c-primary)); }
.clixo-buybox2__rating { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; font-size:.82rem; line-height:1.25; }
.clixo-stars { position:relative; display:inline-block; font-size:1rem; line-height:1; color:rgb(var(--c-line)); letter-spacing:2px; }
.clixo-stars::before { content:'★★★★★'; position:absolute; top:0; right:0; width:var(--clixo-rate,100%); overflow:hidden; color:rgb(var(--c-accent)); white-space:nowrap; letter-spacing:2px; }
.clixo-buybox2__rate-num { font-weight:650; }
.clixo-buybox2__rate-count { color:rgb(var(--c-muted)); }
.clixo-buybox2__price { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; padding-block:.1rem; }
.clixo-buybox2__discount { border-radius:999px; background:rgb(var(--c-accent)); padding:.16rem .5rem; font-size:.72rem; line-height:1rem; font-weight:700; color:#fff; }
.clixo-buybox2__old { font-size:.82rem; color:rgb(var(--c-muted)); }
.clixo-buybox2__now { width:100%; font-size:1.55rem; line-height:1.55; font-weight:700; color:rgb(var(--c-ink)); font-variant-numeric:tabular-nums; }
.clixo-buybox2__cta { width:100%; min-height:52px; border-radius:.85rem; box-shadow:0 8px 18px rgb(var(--c-primary)/.16); }
.clixo-buybox2__note { display:flex; align-items:flex-start; justify-content:center; gap:.4rem; margin:0; font-size:.7rem; line-height:1.6; text-align:center; color:rgb(var(--c-muted)); }
.clixo-buybox2__note svg { flex:none; margin-top:.1rem; }
.clixo-buybox2__fav { display:inline-flex; width:100%; min-height:44px; align-items:center; justify-content:center; gap:.45rem; border:0; border-radius:.75rem; background:rgb(var(--c-ink)/.035); padding:.5rem .75rem; font-size:.8rem; line-height:1.3; font-weight:600; color:rgb(var(--c-muted)); transition:background .15s,color .15s; }
.clixo-buytrust { display:flex; flex-direction:column; gap:.5rem; border:1px solid rgb(var(--c-line)); border-radius:.85rem; background:rgb(var(--c-ink)/.018); padding:.72rem; }
.clixo-buytrust__icon { display:grid; width:1.4rem; height:1.4rem; place-items:center; border-radius:.45rem; background:rgb(var(--c-primary)/.08); font-size:.75rem; line-height:1; font-weight:700; color:rgb(var(--c-primary)); }
.clixo-buytrust__freshness { padding-top:.45rem; border-top:1px dashed rgb(var(--c-line)); font-size:.68rem; line-height:1.55; color:rgb(var(--c-muted)); }

.clixo-buybox2__fav:hover,
.clixo-buybox2__fav.is-active { background:rgb(var(--c-accent)/.1); color:rgb(var(--c-accent)); }
.clixo-buybox2__fav:focus-visible,
.clixo-buybox2__cta:focus-visible { outline:3px solid rgb(var(--c-primary)/.25); outline-offset:2px; }
@media (min-width:640px) and (max-width:1023px) {
  .clixo-decision-card { padding:1.15rem; }
  .clixo-buybox2 { padding:1.2rem; }
}
/* ---------- محتوای نوشته‌ی غیرمحصول (تمام‌عرض وسط) ---------- */
.clixo-product__content {  margin-left: auto;  margin-right: auto;  margin-top: 1.5rem;  max-width: 48rem;}
/* ---------- جدول مشخصات ---------- */
.clixo-specs {  margin-top: 2rem;  margin-bottom: 2rem;}
.clixo-specs > h2 {  margin-bottom: 1rem;  font-size: 1.25rem;  line-height: 1.75rem;  font-weight: 650;}
.clixo-specs__table {  width: 100%;  overflow: hidden;  border-radius: 1rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  font-size: 0.875rem;  line-height: 1.25rem;  border-collapse: separate;  border-spacing: 0;}
.clixo-specs__table th,
	.clixo-specs__table td {  padding-left: 1rem;  padding-right: 1rem;  padding-top: 0.75rem;  padding-bottom: 0.75rem;  text-align: start;  vertical-align: middle;  line-height: 1.75rem;}
.clixo-specs__table th {  width: 40%;  font-weight: 600;  background: rgb(var(--c-ink) / 0.03);  color: rgb(var(--c-ink));}
.clixo-specs__table tr:not(:last-child) th,
	.clixo-specs__table tr:not(:last-child) td {  border-bottom-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));}
.clixo-specs__table th {  border-inline-end-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));}
/* ---------- تک‌نوشته ---------- */
.clixo-single {  margin-left: auto;  margin-right: auto;  max-width: 48rem;}
.clixo-breadcrumb {  margin-bottom: 1rem;  display: flex;  align-items: center;  gap: 0.5rem;  font-size: 0.75rem;  line-height: 1rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
.clixo-breadcrumb a {  text-decoration-line: none;}
.clixo-breadcrumb a:hover {  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));}
.clixo-single__head {  margin-bottom: 1.25rem;}
.clixo-single__title {  font-size: 1.5rem;  font-weight: 650;  line-height: 2.25rem;}
@media (min-width: 768px) {
  .clixo-single__title {  font-size: 1.875rem;  line-height: 2.25rem;}
}
.clixo-single__hero {  margin-bottom: 1.5rem;  overflow: hidden;  border-radius: 1rem;}
.clixo-single__heroimg {  width: 100%;  -o-object-fit: cover;  object-fit: cover;}
/* ---------- گالری Bento ---------- */
.clixo-bento {  margin-bottom: 1.5rem;  display: grid;  gap: 0.5rem;  grid-template-columns: repeat(4, 1fr);  grid-auto-rows: 110px;}
.clixo-bento__item {  display: block;  overflow: hidden;  border-radius: 0.75rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-bg) / var(--tw-bg-opacity, 1));  grid-column: span 1;  grid-row: span 1;}
.clixo-bento__item:first-child {  grid-column: span 2;  grid-row: span 2;}
.clixo-bento__img {  height: 100%;  width: 100%;  -o-object-fit: cover;  object-fit: cover;  transition-property: transform;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 300ms;}
.clixo-bento__item:hover .clixo-bento__img {  --tw-scale-x: 1.05;  --tw-scale-y: 1.05;  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
@media (max-width: 640px) {
  .clixo-bento {  grid-auto-rows: 90px;}
}
/* ---------- باکس خرید ---------- */
/* ---------- محتوای مقاله ---------- */
.clixo-prose {  line-height: 2rem;  min-width: 0;  max-width: 100%;  overflow-wrap: break-word;  word-wrap: break-word;}
.clixo-prose * {  max-width: 100%;}
.clixo-prose img, .clixo-prose iframe, .clixo-prose video {  height: auto;}
.clixo-prose pre {  overflow-x: auto;}
.clixo-prose > * {  margin-bottom: 1rem;}
.clixo-prose h2 {  margin-top: 2rem;  font-size: 1.25rem;  line-height: 1.75rem;  font-weight: 650;}
.clixo-prose h3 {  margin-top: 1.5rem;  font-size: 1.125rem;  line-height: 1.75rem;  font-weight: 600;}
.clixo-prose h4 {  margin-top: 1.25rem;  font-size: 1rem;  line-height: 1.5rem;  font-weight: 600;  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));}
.clixo-prose a {  font-weight: 600;  --tw-text-opacity: 1;  color: rgb(var(--c-primary) / var(--tw-text-opacity, 1));}
.clixo-prose ul {  list-style-type: disc;}
.clixo-prose ul > :not([hidden]) ~ :not([hidden]) {  --tw-space-y-reverse: 0;  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));}
.clixo-prose ul {  padding-inline-start: 1.5rem;}
.clixo-prose ol {  list-style-type: decimal;}
.clixo-prose ol > :not([hidden]) ~ :not([hidden]) {  --tw-space-y-reverse: 0;  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));}
.clixo-prose ol {  padding-inline-start: 1.5rem;}
.clixo-prose img {  border-radius: 0.75rem;}
.clixo-prose blockquote {  border-inline-start-width: 4px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-primary) / var(--tw-border-opacity, 1));  padding-inline-start: 1rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
/* ---------- جداول ---------- */
/* داخل محتوای مقاله، جدول در یک قاب اسکرول‌پذیر قرار می‌گیرد */
.clixo-prose table {  width: 100%;  border-collapse: collapse;  overflow: hidden;  border-radius: 0.75rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  font-size: 0.875rem;  line-height: 1.25rem;  display: table;}
.clixo-prose thead {  --tw-bg-opacity: 1;  background-color: rgb(var(--c-primary) / var(--tw-bg-opacity, 1));}
.clixo-prose thead th {  padding-left: 1rem;  padding-right: 1rem;  padding-top: 0.75rem;  padding-bottom: 0.75rem;  text-align: start;  font-weight: 600;  color: rgb(var(--c-primary-ink));}
.clixo-prose tbody td,
	.clixo-prose tbody th {  border-top-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  padding-left: 1rem;  padding-right: 1rem;  padding-top: 0.75rem;  padding-bottom: 0.75rem;  text-align: start;  vertical-align: middle;  line-height: 1.75rem;}
.clixo-prose tbody tr:nth-child(even) {  background: rgb(var(--c-ink) / 0.03);}
.clixo-prose tbody tr:hover {  background: rgb(var(--c-primary) / 0.06);}
.clixo-prose tbody th {  font-weight: 600;}
.clixo-prose table caption {  margin-bottom: 0.5rem;  font-size: 0.875rem;  line-height: 1.25rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));  caption-side: top;  text-align: start;}
/* کلاس کمکی برای قاب اسکرول‌پذیر دستی: <div class="clixo-table-wrap"><table>…  */
@media (max-width: 640px) {
  .clixo-prose table {  min-width: 480px;}
  .clixo-prose > table {  display: block;  overflow-x: auto;}
}
/* ---------- مزایا / معایب ---------- */
.clixo-proscons {  margin-top: 2rem;  margin-bottom: 2rem;}
.clixo-proscons__head { margin-bottom:1rem; }
.clixo-proscons__head > span { display:block; margin-bottom:.18rem; font-size:.72rem; line-height:1.4; font-weight:650; color:rgb(var(--c-muted)); }
.clixo-proscons__head h2 { margin:0; font-size:1.25rem; line-height:1.75rem; font-weight:700; }
.clixo-proscons__grid { display:grid; gap:1rem; }
@media (min-width: 640px) {
  .clixo-proscons__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.clixo-proscons__col { border-radius:1rem; border:1px solid rgb(var(--c-line)); background:rgb(var(--c-surface)); padding:1.1rem; }
.clixo-proscons__col h3 { margin:0 0 .75rem; font-size:1rem; line-height:1.65rem; font-weight:700; }
.clixo-proscons__col ul { margin:0; padding:0; list-style:none; }
.clixo-proscons__col ul > :not([hidden]) ~ :not([hidden]) { margin-top:.45rem; }
.clixo-proscons__col li { position:relative; padding-inline-start:1.45rem; font-size:.84rem; line-height:1.72rem; }
.clixo-proscons__col--pro li::before { content:'+'; position:absolute; inset-inline-start:0; font-weight:700; color:rgb(var(--c-primary)); }
.clixo-proscons__col--con li::before { content:'−'; position:absolute; inset-inline-start:0; font-weight:700; color:rgb(var(--c-accent)); }
.clixo-proscons__more { margin-top:.75rem; padding-top:.65rem; border-top:1px dashed rgb(var(--c-line)); }
.clixo-proscons__more summary { cursor:pointer; list-style:none; font-size:.78rem; line-height:1.5; font-weight:700; color:rgb(var(--c-primary)); }
.clixo-proscons__more summary::-webkit-details-marker { display:none; }
.clixo-proscons__more summary::after { content:' +'; }
.clixo-proscons__more[open] summary::after { content:' −'; }
.clixo-proscons__more ul { margin-top:.65rem; }
/* ---------- FAQ ---------- */
.clixo-faq {  margin-top: 2rem;  margin-bottom: 2rem;}
.clixo-faq > h2 {  margin-bottom: 1rem;  font-size: 1.25rem;  line-height: 1.75rem;  font-weight: 650;}
.clixo-faq__item {  border-bottom-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  padding-top: 0.75rem;  padding-bottom: 0.75rem;}
.clixo-faq__item summary {  display: flex;  cursor: pointer;  list-style-type: none;  align-items: center;  justify-content: space-between;  font-weight: 600;}
.clixo-faq__item summary::after {  content: '+';  font-size: 1.25rem;  line-height: 1.75rem;  --tw-text-opacity: 1;  color: rgb(var(--c-primary) / var(--tw-text-opacity, 1));}
.clixo-faq__item[open] summary::after {  content: '−';}
.clixo-faq__answer {  padding-top: 0.75rem;  line-height: 1.75rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
/* ====================================================
	   نظرات (Reviews)
	   ==================================================== */
.clixo-reviews__title {  margin-bottom: 1.25rem;  font-size: 1.25rem;  line-height: 1.75rem;  font-weight: 650;}
.clixo-reviews__list {  margin: 0px;  display: flex;  list-style-type: none;  flex-direction: column;  gap: 1rem;  padding: 0px;}
/* یک نظر */
.clixo-review {  margin: 0px;}
.clixo-review__body {  border-radius: 1rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-surface) / var(--tw-bg-opacity, 1));  padding: 1rem;}
.clixo-review__head {  margin-bottom: 0.75rem;  display: flex;  align-items: center;  gap: 0.75rem;}
.clixo-review__avatar img {  height: 2.5rem;  width: 2.5rem;  border-radius: 9999px;}
.clixo-review__meta {  display: flex;  flex-direction: column;}
.clixo-review__author {  font-size: 0.875rem;  line-height: 1.25rem;  font-weight: 600;}
.clixo-review__date {  font-size: 0.75rem;  line-height: 1rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
.clixo-review__rating {  margin-inline-start: auto;}
.clixo-review__pending {  margin-bottom: 0.5rem;  border-radius: 0.5rem;  background-color: rgb(var(--c-accent) / 0.1);  padding-left: 0.75rem;  padding-right: 0.75rem;  padding-top: 0.5rem;  padding-bottom: 0.5rem;  font-size: 0.75rem;  line-height: 1rem;  font-weight: 600;  --tw-text-opacity: 1;  color: rgb(var(--c-accent) / var(--tw-text-opacity, 1));}
.clixo-review__text p {  margin-bottom: 0.5rem;}
/* مزایا/معایب نظر */
@media (min-width: 640px) {
  .clixo-review__pc {  grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.clixo-review__pros, .clixo-review__cons {  margin: 0px;  display: flex;  flex-direction: column;  gap: 0.25rem;  border-radius: 0.75rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  padding: 0.75rem;}
.clixo-review__pros li, .clixo-review__cons li {  position: relative;  padding-inline-start: 1.25rem;  font-size: 0.875rem;  line-height: 1.5rem;}
.clixo-review__pros li::before {  content: '+';  position: absolute;  inset-inline-start: 0px;  font-weight: 650;  --tw-text-opacity: 1;  color: rgb(var(--c-primary) / var(--tw-text-opacity, 1));}
.clixo-review__cons li::before {  content: '−';  position: absolute;  inset-inline-start: 0px;  font-weight: 650;  --tw-text-opacity: 1;  color: rgb(var(--c-accent) / var(--tw-text-opacity, 1));}
.clixo-review__reply {  margin-top: 0.5rem;  font-size: 0.875rem;  line-height: 1.25rem;}
.clixo-review__reply a {  font-weight: 600;  --tw-text-opacity: 1;  color: rgb(var(--c-primary) / var(--tw-text-opacity, 1));  text-decoration-line: none;}
.clixo-review .children {  margin-top: 1rem;  list-style-type: none;}
.clixo-review .children > :not([hidden]) ~ :not([hidden]) {  --tw-space-y-reverse: 0;  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));  margin-bottom: calc(1rem * var(--tw-space-y-reverse));}
.clixo-review .children {  border-inline-start-width: 2px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  padding-inline-start: 1rem;}
.clixo-reviews__closed {  font-size: 0.875rem;  line-height: 1.25rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
/* ---------- فرم نظر ---------- */
.clixo-reviews__form-title {  margin-bottom: 1rem;  margin-top: 2rem;  font-size: 1.125rem;  line-height: 1.75rem;  font-weight: 650;}
.clixo-comment-form {  display: flex;  flex-direction: column;  gap: 1rem;  border-radius: 1rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-surface) / var(--tw-bg-opacity, 1));  padding: 1.25rem;}
.clixo-comment-form label {  margin-bottom: 0.25rem;  display: block;  font-size: 0.875rem;  line-height: 1.25rem;  font-weight: 600;}
.clixo-comment-form input[type="text"],
	.clixo-comment-form input[type="email"],
	.clixo-comment-form input[type="url"],
	.clixo-comment-form textarea {  width: 100%;  border-radius: 0.75rem;  border-width: 1px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  --tw-bg-opacity: 1;  background-color: rgb(var(--c-bg) / var(--tw-bg-opacity, 1));  padding-left: 0.75rem;  padding-right: 0.75rem;  padding-top: 0.625rem;  padding-bottom: 0.625rem;  font-size: 0.875rem;  line-height: 1.25rem;  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));  outline: 2px solid transparent;  outline-offset: 2px;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);  transition-duration: 150ms;}
.clixo-comment-form input[type="text"]:focus,
	.clixo-comment-form input[type="email"]:focus,
	.clixo-comment-form input[type="url"]:focus,
	.clixo-comment-form textarea:focus {  --tw-border-opacity: 1;  border-color: rgb(var(--c-primary) / var(--tw-border-opacity, 1));}
.clixo-comment-form .clixo-form-row,
	.clixo-comment-form .comment-form-author,
	.clixo-comment-form .comment-form-email,
	.clixo-comment-form .comment-form-url,
	.clixo-comment-form .comment-form-comment {  margin: 0px;}
.clixo-comment-form .comment-form-cookies-consent {  display: flex;  align-items: center;  gap: 0.5rem;}
.clixo-comment-form .comment-form-cookies-consent label {  margin-bottom: 0px;  font-weight: 400;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
.clixo-comment-form .comment-form-cookies-consent input {  width: auto;}
/* امتیاز ستاره‌ای ورودی */
.clixo-review-rate__label {  margin-bottom: 0.25rem;  display: block;  font-size: 0.875rem;  line-height: 1.25rem;  font-weight: 600;}
.clixo-stars-input {  display: inline-flex;  flex-direction: row-reverse;  justify-content: flex-end;  gap: 0.15rem;}
.clixo-stars-input input {  position: absolute;  opacity: 0;  pointer-events: none;}
.clixo-stars-input label {  font-size: 1.75rem;  line-height: 1;  cursor: pointer;  margin: 0;  color: rgb(var(--c-line));  transition: color 0.15s;}
.clixo-stars-input label:hover,
	.clixo-stars-input label:hover ~ label,
	.clixo-stars-input input:checked ~ label {  color: rgb(var(--c-accent));}
/* مزایا/معایب در فرم */
@media (min-width: 640px) {
  .clixo-review-pc {  grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.clixo-comment-submit {  align-self: flex-start;}
.clixo-comment-form .comment-notes,
	.clixo-comment-form .logged-in-as {  font-size: 0.75rem;  line-height: 1rem;  --tw-text-opacity: 1;  color: rgb(var(--c-muted) / var(--tw-text-opacity, 1));}
/* ====================================================
	   فهرست عناوین (LuckyWP Table of Contents)
	   استایل خام چون کلاس‌ها از افزونه می‌آیند و پرج می‌شوند
	   ==================================================== */
.clixo-prose .lwptoc {  margin: 0 0 1.75rem;  font-family: inherit;}
.clixo-prose .lwptoc .lwptoc_i {  background: rgb(var(--c-surface)) !important;  border: 1px solid rgb(var(--c-line)) !important;  border-radius: 1rem;  padding: 1rem 1.25rem;}
.clixo-prose .lwptoc_header {  display: flex;  align-items: center;  justify-content: space-between;  gap: 0.75rem;  margin-bottom: 0.25rem;}
.clixo-prose .lwptoc_title {  font-weight: 650;  font-size: 1rem;  color: rgb(var(--c-ink));}
.clixo-prose .lwptoc_toggle {  font-size: 0.85rem;}
.clixo-prose .lwptoc_toggle_label {  color: rgb(var(--c-primary)) !important;  font-weight: 600;  text-decoration: none;  cursor: pointer;}
.clixo-prose .lwptoc_items {  margin-top: 0.75rem;  padding-top: 0.75rem;  border-top: 1px solid rgb(var(--c-line));}
.clixo-prose .lwptoc_item {  margin: 0;  padding: 0;}
.clixo-prose .lwptoc_item > a {  display: block;  padding: 0.4rem 0;  color: rgb(var(--c-ink));  text-decoration: none;  font-size: 0.92rem;  line-height: 1.7;  transition: color 0.15s, padding 0.15s;  border-radius: 0.5rem;}
.clixo-prose .lwptoc_item > a:hover {  color: rgb(var(--c-primary));  padding-inline-start: 0.4rem;}
.clixo-prose .lwptoc_item_label {  font-weight: inherit;}
/* تورفتگی زیرعنوان‌ها */
.clixo-prose .lwptoc_itemWrap .lwptoc_itemWrap {  padding-inline-start: 1rem;  border-inline-start: 2px solid rgb(var(--c-line));  margin-inline-start: 0.25rem;}
.clixo-prose .lwptoc_itemWrap .lwptoc_item > a {  color: rgb(var(--c-muted));  font-size: 0.88rem;}
.clixo-prose .lwptoc_itemWrap .lwptoc_item > a:hover {  color: rgb(var(--c-primary));}
/* ---------- CTA چسبان موبایل ---------- */
.clixo-sticky-cta-wrap { position:fixed; left:0; right:0; bottom:0; z-index:45; display:flex; width:auto; flex-direction:column; align-items:stretch; gap:0; transform:translateY(calc(100% + 1rem)); visibility:hidden; border-top:1px solid rgb(var(--c-line)); background:rgb(var(--c-surface)/.96); box-shadow:0 -12px 30px rgb(0 0 0/.11); padding-bottom:env(safe-area-inset-bottom,0); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); transition:transform .2s ease,visibility 0s .2s; }
.clixo-sticky-cta-wrap.is-visible { transform:translateY(0); visibility:visible; transition:transform .2s ease,visibility 0s; }
.clixo-sticky-cta { display:flex; width:100%; min-width:0; align-items:center; justify-content:space-between; gap:.65rem; padding:.62rem .8rem; }
.clixo-sticky-cta + .clixo-sticky-cta { border-top:1px solid rgb(var(--c-line)); }
.clixo-sticky-cta__price { display:flex; min-width:0; flex:0 1 auto; flex-direction:column; }
.clixo-sticky-cta__label { max-width:10rem; overflow:hidden; font-size:.68rem; line-height:1.3; color:rgb(var(--c-muted)); text-overflow:ellipsis; white-space:nowrap; }
.clixo-sticky-cta__price strong { font-size:1rem; line-height:1.45; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.clixo-sticky-cta .clixo-btn { min-width:0; min-height:46px; flex:1 1 auto; border-radius:.75rem; padding:.55rem .85rem; font-size:.83rem; line-height:1.35; text-align:center; }
body.clixo-has-sticky-cta { padding-bottom:calc(5rem + env(safe-area-inset-bottom,0)); }
body.clixo-has-sticky-cta.clixo-has-double-sticky { padding-bottom:calc(9.25rem + env(safe-area-inset-bottom,0)); }
@media (min-width:768px) { .clixo-sticky-cta-wrap { display:none; } body.clixo-has-sticky-cta, body.clixo-has-sticky-cta.clixo-has-double-sticky { padding-bottom:0; } }
@media (max-width:380px) {
  .clixo-sticky-cta { gap:.45rem; padding-inline:.65rem; }
  .clixo-sticky-cta__price strong { font-size:.9rem; }
  .clixo-sticky-cta .clixo-btn { padding-inline:.65rem; font-size:.78rem; }
}
@media (prefers-reduced-motion:reduce) {
  .clixo-gallery2__track,
  .clixo-sticky-cta-wrap { transition:none; }
}
/* ==================== محصولات مرتبط ==================== */
.clixo-related {  margin-top: 3rem;  margin-bottom: 2rem;}
.clixo-related__title {  margin-bottom: 1.25rem;  border-bottom-width: 2px;  --tw-border-opacity: 1;  border-color: rgb(var(--c-line) / var(--tw-border-opacity, 1));  padding-bottom: 1rem;  font-size: 1.25rem;  line-height: 1.75rem;  font-weight: 700;  --tw-text-opacity: 1;  color: rgb(var(--c-ink) / var(--tw-text-opacity, 1));}

.clixo-related .clixo-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.clixo-related .clixo-card { min-width: 0; }
@media (min-width: 640px) {
  .clixo-related .clixo-cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  .clixo-related .clixo-cards-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media (min-width: 1280px) {
  .clixo-related .clixo-cards-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.clixo-product__main>.clixo-decision-card,.clixo-product__main>.clixo-review-details,.clixo-product__main>.clixo-proscons,.clixo-product__main>.clixo-specs{margin:0}.clixo-decision-card--main{border-color:rgb(var(--c-primary)/.16);background:linear-gradient(145deg,rgb(var(--c-primary)/.045),rgb(var(--c-surface)) 48%,rgb(var(--c-accent)/.055));box-shadow:0 14px 38px rgb(15 23 42/.045)}.clixo-decision-card--main .clixo-decision-card__head{margin-bottom:.65rem}.clixo-decision-card--main .clixo-decision-card__head h2{font-size:1.15rem;line-height:1.75}.clixo-decision-card__lead{margin:0 0 .9rem;font-size:1rem;line-height:1.95;font-weight:650;color:rgb(var(--c-ink)/.9)}.clixo-decision-card__facts{display:grid;gap:.7rem}.clixo-decision-card__fact{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.65rem;border:1px solid rgb(var(--c-line));border-radius:.9rem;background:rgb(var(--c-surface)/.84);padding:.8rem}.clixo-decision-card__fact-icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.65rem;background:rgb(var(--c-ink)/.045);font-size:.9rem;font-weight:750;color:rgb(var(--c-muted))}.clixo-decision-card__fact.is-good .clixo-decision-card__fact-icon{background:rgb(var(--c-primary)/.09);color:rgb(var(--c-primary))}.clixo-decision-card__fact.is-caution .clixo-decision-card__fact-icon{background:rgb(var(--c-accent)/.14);color:rgb(var(--c-ink))}.clixo-decision-card__fact strong{display:block;margin:.02rem 0 .15rem;font-size:.78rem;line-height:1.45;font-weight:700;color:rgb(var(--c-ink))}.clixo-decision-card__fact p{margin:0;font-size:.8rem;line-height:1.7;color:rgb(var(--c-muted))}.clixo-decision-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.9rem;padding-top:.9rem;border-top:1px dashed rgb(var(--c-line))}.clixo-decision-card__cta{min-height:46px;border-radius:.8rem;padding:.65rem 1.1rem;font-size:.88rem}.clixo-decision-card__spec-link{display:inline-flex;min-height:42px;align-items:center;padding:.45rem .7rem;font-size:.8rem;font-weight:650;color:rgb(var(--c-primary));text-decoration:none}.clixo-decision-card__spec-link:hover{text-decoration:underline;text-underline-offset:3px}@media(min-width:760px){.clixo-decision-card__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.clixo-decision-card__fact{grid-template-columns:1fr}.clixo-decision-card__fact-icon{margin-bottom:.1rem}}
.clixo-buytrust--aside{width:100%;margin:0;padding:.68rem;border:1px solid rgb(var(--c-line));border-radius:.9rem;background:rgb(var(--c-surface));box-shadow:none}.clixo-buytrust__head{margin:0 0 .42rem}.clixo-buytrust__eyebrow{display:none}.clixo-buytrust__head h2{margin:0;font-size:.8rem;line-height:1.5;font-weight:700;color:rgb(var(--c-ink))}.clixo-buytrust__grid{display:grid;grid-template-columns:1fr;gap:.38rem}.clixo-buytrust__item{overflow:hidden;border:1px solid rgb(var(--c-line));border-radius:.72rem;background:rgb(var(--c-bg));transition:border-color .15s,background .15s}.clixo-buytrust__item:hover,.clixo-buytrust__item[open]{border-color:rgb(var(--c-primary)/.22);background:rgb(var(--c-surface))}.clixo-buytrust__item summary{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:.38rem;cursor:pointer;list-style:none;padding:.54rem .58rem}.clixo-buytrust__item summary::-webkit-details-marker{display:none}.clixo-buytrust__summary-main{display:inline-flex;min-width:0;align-items:center;gap:.38rem}.clixo-buytrust__icon{display:grid;width:1.35rem;height:1.35rem;place-items:center;border-radius:.42rem;background:rgb(var(--c-primary)/.08);font-size:.65rem;font-weight:750;color:rgb(var(--c-primary))}.clixo-buytrust__label{font-size:.72rem;line-height:1.4;font-weight:700;color:rgb(var(--c-ink));white-space:nowrap}.clixo-buytrust__summary-snippet{min-width:0;overflow:hidden;font-size:.66rem;line-height:1.45;color:rgb(var(--c-muted));text-overflow:ellipsis;white-space:nowrap}.clixo-buytrust__item summary::after{content:'+';display:grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:999px;background:rgb(var(--c-ink)/.04);font-size:.78rem;font-weight:700;color:rgb(var(--c-primary))}.clixo-buytrust__item[open] summary::after{content:'−'}.clixo-buytrust__answer{padding:0 .6rem .6rem}.clixo-buytrust__answer p{margin:0;padding-top:.5rem;border-top:1px dashed rgb(var(--c-line));font-size:.7rem;line-height:1.7;color:rgb(var(--c-muted))}.clixo-buytrust__answer a{font-weight:700;color:rgb(var(--c-primary));text-decoration:underline;text-underline-offset:2px}.clixo-buytrust--aside .clixo-buytrust__freshness{margin-top:.35rem;padding-top:.35rem;border-top:0;font-size:.6rem;text-align:center;color:rgb(var(--c-muted))}
.clixo-specs__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.clixo-specs__head span{display:block;margin-bottom:.12rem;font-size:.7rem;line-height:1.4;font-weight:650;color:rgb(var(--c-muted))}.clixo-specs__head h2{margin:0;font-size:1.18rem;line-height:1.7;font-weight:700}.clixo-specs__head small{flex:none;font-size:.7rem;color:rgb(var(--c-muted))}.clixo-specs__more{margin-top:.65rem}.clixo-specs__more summary{display:flex;min-height:42px;cursor:pointer;list-style:none;align-items:center;justify-content:center;border:1px dashed rgb(var(--c-line));border-radius:.75rem;background:rgb(var(--c-bg));font-size:.78rem;font-weight:700;color:rgb(var(--c-primary))}.clixo-specs__more summary::-webkit-details-marker{display:none}.clixo-specs__more summary::after{content:' +';margin-inline-start:.25rem}.clixo-specs__more[open] summary::after{content:' −'}.clixo-specs__table--more{margin-top:.65rem}
.clixo-review-details{--clixo-review-preview-fallback:17rem;position:relative;border:1px solid rgb(var(--c-line));border-radius:1rem;background:rgb(var(--c-surface))}.clixo-review-details__head{padding:.9rem 1rem .7rem;border-bottom:1px solid rgb(var(--c-line))}.clixo-review-details__head h2{margin:0;font-weight:700}.clixo-review-details__viewport{position:relative;overflow:hidden;transition:max-height .35s ease}.clixo-review-details__viewport>.clixo-prose{padding:.95rem 1rem 1rem}.clixo-review-details.is-collapsible.is-collapsed .clixo-review-details__viewport::after{content:'';position:absolute;inset-inline:0;bottom:0;height:8.25rem;pointer-events:none;background:linear-gradient(to bottom,rgb(var(--c-surface)/0),rgb(var(--c-surface)/.16) 10%,rgb(var(--c-surface)/.42) 28%,rgb(var(--c-surface)/.76) 56%,rgb(var(--c-surface)) 100%)}.clixo-review-details__actions{display:none}.clixo-review-details.is-collapsible .clixo-review-details__actions{display:flex;justify-content:center;padding:.2rem 1rem 1rem}.clixo-review-details.is-collapsible.is-collapsed .clixo-review-details__actions{position:absolute;z-index:3;inset-inline:0;bottom:.85rem;padding:0 1rem}.clixo-review-details__toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgb(var(--c-primary)/.18);border-radius:999px;background:rgb(var(--c-surface)/.96);padding:.58rem 1rem;font:inherit;font-weight:700;color:rgb(var(--c-primary));box-shadow:0 10px 22px rgb(15 23 42/.08)}@media(min-width:760px){.clixo-review-details{--clixo-review-preview-fallback:20rem}}
.clixo-buybox2__fav{min-height:36px;background:transparent;padding:.35rem .55rem;font-size:.72rem;opacity:.82}.clixo-buybox2__fav:hover,.clixo-buybox2__fav.is-active{opacity:1}

.clixo-featured-video{margin:0;overflow:hidden;border:1px solid rgb(var(--c-line));border-radius:1rem;background:rgb(var(--c-surface));padding:1rem}
.clixo-featured-video__head{margin-bottom:.75rem}
.clixo-featured-video__head>span{display:block;margin-bottom:.12rem;font-size:.7rem;line-height:1.4;font-weight:650;color:rgb(var(--c-muted))}
.clixo-featured-video__head h2{margin:0;font-size:1.08rem;line-height:1.65;font-weight:700;color:rgb(var(--c-ink))}
.clixo-featured-video__frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:.85rem;background:#0b0d10}
.clixo-featured-video__frame iframe,.clixo-featured-video__frame video{display:block;width:100%;height:100%;border:0;object-fit:contain}
/* ===== Clixo Phase 8: real customer reviews ===== */
.clixo-reviews {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgb(var(--c-line)/1);
}
.clixo-reviews__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.clixo-reviews__eyebrow {
  display: block;
  margin-bottom: .25rem;
  font-size: .75rem;
  font-weight: 650;
  color: rgb(var(--c-primary)/1);
}
.clixo-reviews__title {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.6;
  font-weight: 700;
}
.clixo-reviews__count {
  padding: .45rem .75rem;
  border: 1px solid rgb(var(--c-line)/1);
  border-radius: 999px;
  background: rgb(var(--c-surface)/1);
  font-size: .78rem;
  color: rgb(var(--c-muted)/1);
}
.clixo-review-summary {
  display: grid;
  grid-template-columns: 180px minmax(0,1fr);
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.4rem;
  padding: 1.25rem;
  border: 1px solid rgb(var(--c-line)/1);
  border-radius: 1rem;
  background: rgb(var(--c-soft)/.55);
}
.clixo-review-summary__score {
  text-align: center;
}
.clixo-review-summary__score strong {
  display: block;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 700;
}
.clixo-review-summary__score .clixo-stars {
  display: inline-block;
  margin: .55rem 0 .35rem;
  font-size: 1.1rem;
}
.clixo-review-summary__score small {
  display: block;
  color: rgb(var(--c-muted)/1);
}
.clixo-review-summary__bars {
  display: grid;
  gap: .45rem;
}
.clixo-review-summary__row {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) 30px;
  gap: .6rem;
  align-items: center;
  font-size: .78rem;
}
.clixo-review-summary__row i {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(var(--c-line)/1);
}
.clixo-review-summary__row b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgb(var(--c-primary)/1);
}
.clixo-review-summary__row small {
  color: rgb(var(--c-muted)/1);
  text-align: end;
}
.clixo-reviews__empty {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  margin-bottom: 1.3rem;
  padding: 1rem 1.1rem;
  border: 1px dashed rgb(var(--c-line)/1);
  border-radius: .9rem;
  background: rgb(var(--c-soft)/.4);
}
.clixo-reviews__empty span {
  font-size: .85rem;
  color: rgb(var(--c-muted)/1);
}
.clixo-reviews__list {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.clixo-review__body {
  padding: 1.15rem;
  border: 1px solid rgb(var(--c-line)/1);
  border-radius: 1rem;
  background: rgb(var(--c-surface)/1);
}
.clixo-review--official>.clixo-review__body {
  border-color: rgb(var(--c-primary)/.24);
  background: rgb(var(--c-primary)/.045);
}
.clixo-review__head {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  gap: .75rem;
  align-items: center;
}
.clixo-review__avatar img {
  display: block;
  border-radius: 50%;
}
.clixo-review__author-row,.clixo-review__submeta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
}
.clixo-review__author {
  font-weight: 700;
}
.clixo-review__submeta {
  margin-top: .2rem;
  font-size: .74rem;
  color: rgb(var(--c-muted)/1);
}
.clixo-review__usage:before {
  content: "•";
  margin-inline-end: .45rem;
}
.clixo-review__badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .2rem .5rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 650;
}
.clixo-review__badge--verified {
  background: #e8f8ee;
  color: #147a3e;
}
.clixo-review__badge--official {
  background: rgb(var(--c-primary)/.1);
  color: rgb(var(--c-primary)/1);
}
.clixo-review__rating {
  display: flex;
  align-items: center;
  gap: .4rem;
}
.clixo-review__rating small {
  font-weight: 650;
  color: rgb(var(--c-muted)/1);
}
.clixo-review__text {
  margin-top: 1rem;
  line-height: 2;
}
.clixo-review__pc {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .8rem;
  margin-top: 1rem;
}
.clixo-review__pc>div {
  padding: .8rem;
  border-radius: .75rem;
  background: rgb(var(--c-soft)/.55);
}
.clixo-review__pc strong {
  display: block;
  margin-bottom: .45rem;
  font-size: .82rem;
}
.clixo-review__pros,.clixo-review__cons {
  display: grid;
  gap: .35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.clixo-review__pros li,.clixo-review__cons li {
  position: relative;
  padding-inline-start: 1.1rem;
  font-size: .82rem;
  line-height: 1.8;
}
.clixo-review__reply {
  margin-top: .85rem;
}
.clixo-review__reply a {
  font-size: .78rem;
  font-weight: 650;
}
.clixo-review .children {
  display: grid;
  gap: .8rem;
  margin: 1rem 1rem 0 0;
  padding: 0 1rem 0 0;
  border-inline-start: 2px solid rgb(var(--c-line)/1);
  list-style: none;
}
.clixo-reviews__form-title {
  margin: 2rem 0 1rem;
  font-size: 1.15rem;
  font-weight: 700;
}
.clixo-comment-form {
  padding: 1.15rem;
  border: 1px solid rgb(var(--c-line)/1);
  border-radius: 1rem;
  background: rgb(var(--c-soft)/.35);
}
.clixo-review-form-note {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin-bottom: 1rem;
  padding: .85rem 1rem;
  border-radius: .75rem;
  background: rgb(var(--c-primary)/.07);
}
.clixo-review-form-note span,.clixo-review-privacy {
  font-size: .78rem;
  line-height: 1.8;
  color: rgb(var(--c-muted)/1);
}
.clixo-form-row {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  margin-bottom: .9rem;
}
.clixo-form-row label,.clixo-review-pc__col label,.clixo-review-rate__label {
  font-size: .82rem;
  font-weight: 650;
}
.clixo-form-row input,.clixo-form-row textarea,.clixo-review-pc textarea {
  width: 100%;
  border: 1px solid rgb(var(--c-line)/1);
  border-radius: .75rem;
  background: rgb(var(--c-surface)/1);
  padding: .75rem .85rem;
  line-height: 1.9;
}
.clixo-form-row input:focus,.clixo-form-row textarea:focus,.clixo-review-pc textarea:focus {
  outline: 2px solid rgb(var(--c-primary)/.16);
  border-color: rgb(var(--c-primary)/1);
}
.clixo-review-rate {
  margin-bottom: 1rem;
}
.clixo-review-rate__label {
  display: block;
  margin-bottom: .5rem;
}
.clixo-review-pc {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .8rem;
  margin-bottom: .9rem;
}
.clixo-review-pc__col {
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.clixo-review-hp {
  position: absolute !important;
  inset-inline-start: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.clixo-comment-submit {
  margin-top: .25rem;
}
.clixo-review__pending {
  margin-top: .8rem;
  padding: .6rem .75rem;
  border-radius: .6rem;
  background: #fff6d9;
  color: #7b5b00;
  font-size: .78rem;
}
@media (max-width:640px) {
  .clixo-reviews__heading {
    align-items: flex-start;
    flex-direction: column;
  }
  .clixo-review-summary {
    grid-template-columns: 1fr;
  }
  .clixo-review-summary__score {
    text-align: start;
  }
  .clixo-review__head {
    grid-template-columns: 42px minmax(0,1fr);
  }
  .clixo-review__avatar img {
    width: 42px;
    height: 42px;
  }
  .clixo-review__rating {
    grid-column: 1/-1;
    justify-self: start;
  }
  .clixo-review__pc,.clixo-review-pc {
    grid-template-columns: 1fr;
  }
  .clixo-review .children {
    margin-inline-start: .35rem;
    padding-inline-start: .65rem;
  }
}

/* Performance: intrinsic image boxes prevent lazy-loaded content from shifting the product layout. */
.clixo-prose img.clixo-content-image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
/* Clixo Experiment Engine — Phase 6 product surfaces */
.clixo-product__sticky.clixo-offer-order--secondary_first .clixo-buybox2--second{order:1;margin-top:0}
.clixo-product__sticky.clixo-offer-order--secondary_first .clixo-buybox2--primary{order:2;margin-top:0}
.clixo-buybox-emphasis--highlight .clixo-buybox2--primary{border-color:rgb(var(--c-primary) / .55);box-shadow:0 14px 34px rgb(var(--c-primary) / .12);background:linear-gradient(180deg,rgb(var(--c-primary) / .045),rgb(var(--c-surface)) 42%)}
.clixo-sticky-cta-wrap.clixo-offer-order--secondary_first .clixo-sticky-cta--secondary{order:1}
.clixo-sticky-cta-wrap.clixo-offer-order--secondary_first .clixo-sticky-cta--primary{order:2}

/* Clixo full-content product hotfix: no review collapse */
.clixo-review-details__viewport{overflow:visible;max-height:none;transition:none}.clixo-review-details__actions,.clixo-review-details__toggle{display:none}

.clixo-purchase-unavailable { background:rgb(var(--c-ink)/.065); color:rgb(var(--c-muted)); cursor:default; }