*, ::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.19 | 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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 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;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.-bottom-6 {
  bottom: -1.5rem;
}

.-right-1 {
  right: -0.25rem;
}

.-right-6 {
  right: -1.5rem;
}

.-top-1 {
  top: -0.25rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-20 {
  bottom: 5rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-8 {
  bottom: 2rem;
}

.left-0 {
  left: 0px;
}

.left-1\/2 {
  left: 50%;
}

.left-2 {
  left: 0.5rem;
}

.left-4 {
  left: 1rem;
}

.left-\[50\%\] {
  left: 50%;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.right-4 {
  right: 1rem;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.top-2 {
  top: 0.5rem;
}

.top-4 {
  top: 1rem;
}

.right-3 {
  right: 0.75rem;
}

.top-3 {
  top: 0.75rem;
}

.-z-10 {
  z-index: -10;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.m-2 {
  margin: 0.5rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}

.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.h-1\.5 {
  height: 0.375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-96 {
  height: 24rem;
}

.h-\[100dvh\] {
  height: 100dvh;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[2px\] {
  height: 2px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[4px\] {
  height: 4px;
}

.h-\[60px\] {
  height: 60px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.min-h-\[100dvh\] {
  min-height: 100dvh;
}

.min-h-\[80px\] {
  min-height: 80px;
}

.min-h-screen {
  min-height: 100vh;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-3 {
  width: 0.75rem;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-\[120px\] {
  width: 120px;
}

.w-\[12px\] {
  width: 12px;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[20px\] {
  width: 20px;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[4px\] {
  width: 4px;
}

.w-\[60px\] {
  width: 60px;
}

.w-\[70px\] {
  width: 70px;
}

.w-\[80px\] {
  width: 80px;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-full {
  min-width: 100%;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[150px\] {
  max-width: 150px;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-xl {
  max-width: 36rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-left {
  transform-origin: left;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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));
}

.translate-x-full {
  --tw-translate-x: 100%;
  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));
}

.translate-y-2 {
  --tw-translate-y: 0.5rem;
  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));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  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));
}

.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}

.scale-x-0 {
  --tw-scale-x: 0;
  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));
}

.scale-x-100 {
  --tw-scale-x: 1;
  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));
}

.transform {
  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));
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-bounce {
  animation: bounce 1s infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.snap-y {
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-start {
  scroll-snap-align: start;
}

.list-none {
  list-style-type: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :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));
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :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));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.self-center {
  align-self: center;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-\[1px\] {
  border-radius: 1px;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-amber-200\/10 {
  border-color: rgb(253 230 138 / 0.1);
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}

.border-green-500\/20 {
  border-color: rgb(34 197 94 / 0.2);
}

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}

.border-red-500\/20 {
  border-color: rgb(239 68 68 / 0.2);
}

.border-transparent {
  border-color: transparent;
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}

.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}

.bg-\[\#111\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  background-color: rgba(0,0,0,0.4);
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  background-color: rgba(0,0,0,0.8);
}

.bg-amber-400\/10 {
  background-color: rgb(251 191 36 / 0.1);
}

.bg-amber-400\/20 {
  background-color: rgb(251 191 36 / 0.2);
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-500\/20 {
  background-color: rgb(245 158 11 / 0.2);
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}

.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}

.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}

.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}

.bg-black\/95 {
  background-color: rgb(0 0 0 / 0.95);
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-500\/10 {
  background-color: rgb(34 197 94 / 0.1);
}

.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1);
}

.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}

.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}

.bg-\[radial-gradient\(circle_at_50\%_100\%\2c rgba\(0\2c 0\2c 0\2c 0\.5\)\2c transparent_40\%\2c rgba\(0\2c 0\2c 0\2c 1\)\)\] {
  background-image: radial-gradient(circle at 50% 100%,rgba(0,0,0,0.5),transparent 40%,rgba(0,0,0,1));
}

.bg-\[radial-gradient\(circle_at_center_right\2c _\#dbab5f_0\%\2c _\#3e2b27_35\%\2c _\#000000_70\%\)\] {
  background-image: radial-gradient(circle at center right, #dbab5f 0%, #3e2b27 35%, #000000 70%);
}

.bg-\[radial-gradient\(circle_at_top_right\2c _\#dbab5f_0\%\2c _\#3e2b27_35\%\2c _\#000000_70\%\)\] {
  background-image: radial-gradient(circle at top right, #dbab5f 0%, #3e2b27 35%, #000000 70%);
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-amber-900\/20 {
  --tw-gradient-from: rgb(120 53 15 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-900\/30 {
  --tw-gradient-from: rgb(120 53 15 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/60 {
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/90 {
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-800 {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-600 {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-600 {
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-amber-700\/20 {
  --tw-gradient-to: rgb(180 83 9 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(180 83 9 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black\/30 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-pink-500 {
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-amber-900\/30 {
  --tw-gradient-to: rgb(120 53 15 / 0.3) var(--tw-gradient-to-position);
}

.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.to-black\/30 {
  --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position);
}

.to-black\/80 {
  --tw-gradient-to: rgb(0 0 0 / 0.8) var(--tw-gradient-to-position);
}

.to-gray-900 {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}

.to-green-500 {
  --tw-gradient-to: #22c55e var(--tw-gradient-to-position);
}

.to-orange-400 {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pt-0 {
  padding-top: 0px;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-\[60px\] {
  padding-top: 60px;
}

.pb-4 {
  padding-bottom: 1rem;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.font-\[\'Quicksand\'\2c sans-serif\] {
  font-family: 'Quicksand',sans-serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.text-\[\#dbab5f\] {
  --tw-text-opacity: 1;
  color: rgb(219 171 95 / var(--tw-text-opacity, 1));
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --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);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-amber-400\/50 {
  --tw-ring-color: rgb(251 191 36 / 0.5);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur {
  --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);
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -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);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -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);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -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);
}

.backdrop-filter {
  -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 {
  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;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  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;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.hover\:scale-105:hover {
  --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));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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));
}

.hover\:gap-4:hover {
  gap: 1rem;
}

.hover\:border-amber-400\/30:hover {
  border-color: rgb(251 191 36 / 0.3);
}

.hover\:border-white\/40:hover {
  border-color: rgb(255 255 255 / 0.4);
}

.hover\:border-white\/50:hover {
  border-color: rgb(255 255 255 / 0.5);
}

.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-500\/10:hover {
  background-color: rgb(245 158 11 / 0.1);
}

.hover\:bg-amber-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black\/80:hover {
  background-color: rgb(0 0 0 / 0.8);
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-white\/80:hover {
  background-color: rgb(255 255 255 / 0.8);
}

.hover\:bg-black\/90:hover {
  background-color: rgb(0 0 0 / 0.9);
}

.hover\:from-green-500:hover {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-green-400:hover {
  --tw-gradient-to: #4ade80 var(--tw-gradient-to-position);
}

.hover\:text-amber-400:hover {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hover\:text-green-400:hover {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-900:hover {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.hover\:text-red-900:hover {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:ring-2:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:ring-white\/50:hover {
  --tw-ring-color: rgb(255 255 255 / 0.5);
}

.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:border-white\/40:focus {
  border-color: rgb(255 255 255 / 0.4);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-amber-500\/50:focus {
  --tw-ring-color: rgb(245 158 11 / 0.5);
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  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));
}

.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  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));
}

.group:hover .group-hover\:scale-105 {
  --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));
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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));
}

.group:hover .group-hover\:rounded-xl {
  border-radius: 0.75rem;
}

.group:hover .group-hover\:bg-amber-400\/20 {
  background-color: rgb(251 191 36 / 0.2);
}

.group:hover .group-hover\:bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.group:hover .group-hover\:text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

.group:hover .group-hover\:grayscale-0 {
  --tw-grayscale: grayscale(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .group-hover\:backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -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);
}

@media (min-width: 640px) {
  .sm\:inline {
    display: inline;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-64 {
    height: 16rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:self-auto {
    align-self: auto;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .md\:bottom-1 {
    bottom: 0.25rem;
  }

  .md\:bottom-6 {
    bottom: 1.5rem;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:m-3 {
    margin: 0.75rem;
  }

  .md\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:grid {
    display: grid;
  }

  .md\:h-2 {
    height: 0.5rem;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-3 {
    height: 0.75rem;
  }

  .md\:h-4 {
    height: 1rem;
  }

  .md\:h-48 {
    height: 12rem;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:h-52 {
    height: 13rem;
  }

  .md\:h-6 {
    height: 1.5rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-80 {
    height: 20rem;
  }

  .md\:h-\[300px\] {
    height: 300px;
  }

  .md\:h-\[80px\] {
    height: 80px;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-2 {
    width: 0.5rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-3 {
    width: 0.75rem;
  }

  .md\:w-4 {
    width: 1rem;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-\[100px\] {
    width: 100px;
  }

  .md\:w-\[160px\] {
    width: 160px;
  }

  .md\:w-\[300px\] {
    width: 300px;
  }

  .md\:w-\[80px\] {
    width: 80px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-4 > :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));
  }

  .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .md\:bg-\[radial-gradient\(circle_at_50\%_100\%\2c rgba\(0\2c 0\2c 0\2c 0\.1\)\2c transparent_40\%\2c rgba\(0\2c 0\2c 0\2c 0\.3\)\)\] {
    background-image: radial-gradient(circle at 50% 100%,rgba(0,0,0,0.1),transparent 40%,rgba(0,0,0,0.3));
  }

  .md\:p-2 {
    padding: 0.5rem;
  }

  .md\:p-3 {
    padding: 0.75rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pb-12 {
    padding-bottom: 3rem;
  }

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-24 {
    padding-top: 6rem;
  }

  .md\:pt-28 {
    padding-top: 7rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-\[10px\] {
    font-size: 10px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 1024px) {
  .lg\:bottom-8 {
    bottom: 2rem;
  }

  .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-40 {
    height: 10rem;
  }

  .lg\:h-64 {
    height: 16rem;
  }

  .lg\:h-96 {
    height: 24rem;
  }

  .lg\:h-\[100px\] {
    height: 100px;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:w-5\/6 {
    width: 83.333333%;
  }

  .lg\:w-6 {
    width: 1.5rem;
  }

  .lg\:w-\[100px\] {
    width: 100px;
  }

  .lg\:w-\[120px\] {
    width: 120px;
  }

  .lg\:w-\[200px\] {
    width: 200px;
  }

  .lg\:snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }

  .lg\:snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-20 {
    gap: 5rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pl-\[250px\] {
    padding-left: 250px;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }

  .lg\:pt-36 {
    padding-top: 9rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .xl\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1536px) {
  .\32xl\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

/* CRISTAL DE LA MAISON D’ITALIE® — DESIGN V1 / scoped visual layer. */
:root { --cdmi-ivory:#fcfaf7; --cdmi-ink:#25201c; --cdmi-gold:#a58249; --cdmi-line:#e8dfd4; }
html{scroll-behavior:smooth}
body.design-v1{overflow-x:hidden;}
body.design-v1-home{background:var(--cdmi-ivory)!important;color:var(--cdmi-ink)!important;font-family:Georgia,'Times New Roman',serif!important;width:100%!important}
body.design-v1-home #page-loader{background:var(--cdmi-ivory)!important}
.cdmi-header{position:relative;z-index:40;background:#fff;color:var(--cdmi-ink);width:100%;border-bottom:1px solid #eee8df}
.cdmi-header-inner{max-width:1500px;min-height:82px;margin:auto;padding:10px 3%;display:grid;grid-template-columns:220px 1fr 126px;align-items:center;gap:18px}
.cdmi-logo{display:flex;align-items:center;justify-content:center;min-width:0}.cdmi-logo img{display:block;width:auto!important;height:auto;max-height:63px;max-width:185px;object-fit:contain}
.cdmi-desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(12px,2.4vw,38px);white-space:nowrap}
.cdmi-desktop-nav a{color:var(--cdmi-ink);font:400 15px Georgia,serif;text-decoration:none;padding:7px 0;border-bottom:1px solid transparent}
.cdmi-desktop-nav a:hover,.cdmi-desktop-nav a:focus-visible{border-color:var(--cdmi-gold)}
.cdmi-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.cdmi-header-actions button,.cdmi-search-link{color:var(--cdmi-ink);width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px}
.cdmi-header-actions svg{width:24px;height:24px}.cdmi-header-actions [id^="cart-count"]{background:var(--cdmi-gold);color:white}
.cdmi-mobile-cart{display:none}body.design-v1 #mobile-menu-btn{top:19px;left:14px;background:#fff;color:var(--cdmi-ink)}body.design-v1 #mobile-menu-btn svg{color:var(--cdmi-ink)}
body.design-v1 #mobile-menu-overlay{background:var(--cdmi-ivory)}body.design-v1 #mobile-menu-overlay a{color:var(--cdmi-ink)}body.design-v1 #mobile-menu-overlay span{color:var(--cdmi-gold)}
.cdmi-hero{position:relative;min-height:min(49vw,595px);display:flex;align-items:center;background:#2a211b;color:#fff;overflow:hidden}
.cdmi-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.cdmi-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,10,8,.77) 0%,rgba(13,10,8,.46) 40%,rgba(13,10,8,.03) 85%)}
.cdmi-hero-content{z-index:1;position:relative;width:min(93%,1350px);margin:auto;padding:65px 0}.cdmi-hero h1{font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.06;letter-spacing:-.025em;max-width:720px;margin:0 0 16px}
.cdmi-hero p{font:400 clamp(16px,1.65vw,23px)/1.35 Georgia,serif;max-width:570px;margin:0 0 25px;color:#f8f4ef}.cdmi-hero-buttons{display:flex;gap:14px;flex-wrap:wrap}
.cdmi-btn{min-height:49px;padding:11px 24px;display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none!important;font:400 16px/1.3 Georgia,serif;border:1px solid transparent;border-radius:4px;transition:background .2s,color .2s}
.cdmi-btn-gold{background:#9b7b48;color:#fff}.cdmi-btn-gold:hover{background:#806139;color:#fff}.cdmi-btn-outline{border-color:#fff;background:transparent;color:#fff}.cdmi-btn-outline:hover{background:#fff;color:#221b16}
.cdmi-section{max-width:1500px;margin:auto;padding:46px 2.5% 24px}.cdmi-section-heading{text-align:center;margin-bottom:24px}.cdmi-section-heading h2{font:400 clamp(27px,3.1vw,39px)/1.2 Georgia,serif;margin:0;color:var(--cdmi-ink);letter-spacing:.025em}
.cdmi-section-heading .cdmi-rule{display:block;width:42px;height:1px;background:var(--cdmi-gold);margin:0 auto 12px}.cdmi-section-heading .cdmi-rule:nth-of-type(2){display:none}.cdmi-section-heading p{color:#827970;font:400 17px/1.45 Georgia,serif;margin:6px 0 0}
.cdmi-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.cdmi-category-card{min-width:0;display:block;border:1px solid var(--cdmi-line);border-radius:6px;overflow:hidden;text-decoration:none!important;background:#fff;color:var(--cdmi-ink);transition:transform .2s,box-shadow .2s}
.cdmi-category-card:hover{transform:translateY(-3px);box-shadow:0 9px 26px #35200e13}.cdmi-category-photo{aspect-ratio:1.03;overflow:hidden;background:#eee6db;display:flex;align-items:center;justify-content:center}
.cdmi-category-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cdmi-category-card:hover img{transform:scale(1.035)}.cdmi-category-label{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:10px 3px;font:400 16px/1.3 Georgia,serif;color:var(--cdmi-ink)}
.cdmi-category-label span:last-child{font-size:20px;line-height:1}.cdmi-featured{padding-top:48px;padding-bottom:38px}.cdmi-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cdmi-product-card{background:#fff;border:1px solid var(--cdmi-line);border-radius:6px;overflow:hidden;min-width:0}.cdmi-product-photo{aspect-ratio:1.03;display:flex;align-items:center;justify-content:center;background:#eee6db;overflow:hidden}
.cdmi-product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cdmi-product-card:hover img{transform:scale(1.03)}.cdmi-product-info{padding:12px 14px}.cdmi-product-info h3{font:400 16px/1.35 Georgia,serif;color:var(--cdmi-ink);margin:0 0 4px}
.cdmi-product-price{font:700 17px/1.3 Arial,sans-serif;color:var(--cdmi-ink);margin:0 0 9px}.cdmi-product-price del{font:400 12px Arial,sans-serif;color:#8f8680}
.cdmi-view-product{display:block;background:#f5eadc;text-align:center;color:var(--cdmi-ink)!important;padding:10px 6px;border-radius:4px;font:400 15px Georgia,serif;text-decoration:none!important}.cdmi-view-product:hover{background:#e8d2b2}.cdmi-empty,.cdmi-no-photo{color:#776c61;text-align:center;font:400 15px Georgia,serif;padding:16px}
body.design-v1-home footer{background:#1e1a17;color:#f5f0e9;padding:26px max(3%,20px);font:400 13px/1.5 Arial,sans-serif}body.design-v1-home footer a{color:#ece0cf}
@media(max-width:1050px){.cdmi-header-inner{grid-template-columns:170px 1fr 94px}.cdmi-desktop-nav{gap:13px}.cdmi-desktop-nav a{font-size:13px}.cdmi-category-grid{gap:8px}.cdmi-category-label{font-size:14px}}
@media(max-width:1023px){.cdmi-header-inner{min-height:76px;grid-template-columns:1fr 1fr;padding:8px 16px 8px 62px}.cdmi-logo{justify-content:center}.cdmi-logo img{max-height:53px;max-width:165px}.cdmi-desktop-nav,.cdmi-desktop-cart,.cdmi-search-link{display:none}.cdmi-mobile-cart{display:block}.cdmi-header-actions{justify-content:flex-end}.cdmi-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.cdmi-hero{min-height:490px}.cdmi-hero-photo{object-position:60% center}.cdmi-hero-shade{background:linear-gradient(90deg,rgba(12,9,7,.8),rgba(12,9,7,.25)),linear-gradient(0deg,rgba(12,9,7,.5),transparent 60%)}.cdmi-hero-content{width:90%;padding:35px 0}.cdmi-hero h1{font-size:clamp(36px,9vw,51px)}.cdmi-hero p{font-size:17px;max-width:340px}.cdmi-hero-buttons{gap:9px}.cdmi-btn{font-size:14px;padding:10px 12px;gap:8px;min-height:44px}.cdmi-section{padding:34px 14px 16px}.cdmi-section-heading h2{font-size:26px}.cdmi-section-heading p{font-size:15px}.cdmi-category-grid,.cdmi-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cdmi-category-label{font-size:14px;padding:9px 2px}.cdmi-product-info{padding:9px}.cdmi-product-info h3{font-size:14px}.cdmi-product-price{font-size:14px}.cdmi-view-product{font-size:12px;padding:9px 3px}.cdmi-featured{padding-top:32px;padding-bottom:28px}}
@media(max-width:360px){.cdmi-btn{width:100%}.cdmi-header-inner{padding-right:8px}.cdmi-logo img{max-width:133px}}
@media(prefers-reduced-motion:reduce){.cdmi-category-card,.cdmi-category-photo img,.cdmi-product-photo img{transition:none}}
/* CRISTAL DE LA MAISON D’ITALIE® — DESIGN V2
   Public-facing templates only. Loaded after main.css and design-v1.css.
   Photographs are referenced from the existing site; no image files are changed. */
:root{--cdmi-ivory:#fcfaf7;--cdmi-paper:#fff;--cdmi-ink:#25201c;--cdmi-gold:#a58249;--cdmi-muted:#746a60;--cdmi-line:#e8dfd4}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body.design-v2{background:var(--cdmi-ivory)!important;color:var(--cdmi-ink)!important;font-family:Georgia,'Times New Roman',serif!important;width:100%!important;overflow-x:hidden!important}
body.design-v2 #page-loader{background:#fff!important;z-index:100!important}
body.design-v2 #loader-logo{max-width:min(280px,64vw)!important;width:min(260px,60vw)!important;height:auto!important;object-fit:contain}
body.design-v2 #main-header{background:#fff;position:relative;top:auto;z-index:50;box-shadow:0 2px 13px #362a1710}
body.design-v2 .cdmi-header-inner{max-width:1480px;min-height:100px;grid-template-columns:minmax(205px,265px) 1fr 104px;gap:18px;padding:10px clamp(16px,3.5%,54px)}
body.design-v2 .cdmi-logo{justify-content:flex-start;min-height:75px}
body.design-v2 .cdmi-logo img{width:100%!important;height:auto!important;max-width:255px!important;max-height:83px!important;object-fit:contain!important;object-position:left center!important}
body.design-v2 .cdmi-desktop-nav{gap:clamp(9px,1.6vw,30px);flex-wrap:wrap;row-gap:4px}
body.design-v2 .cdmi-desktop-nav a{font-size:clamp(12px,1.04vw,15px);color:var(--cdmi-ink)}
body.design-v2 .cdmi-header-actions{gap:7px}
body.design-v2 #mobile-menu-overlay{background:#fff!important;overflow-y:auto;overscroll-behavior:contain}
body.design-v2 #mobile-menu-overlay nav{padding:85px 20px 38px}
body.design-v2 #mobile-menu-overlay a{color:var(--cdmi-ink)!important}
/* Existing full-screen scroll/snap was designed for the dark V2 landing page. */
body.design-v2 main{height:auto!important;min-height:52vh!important;overflow:visible!important;width:100%!important;max-width:100vw!important;background:transparent!important;color:var(--cdmi-ink)!important;scroll-snap-type:none!important}
body.design-v2 .scroll-snap-desktop{scroll-snap-type:none!important}
body.design-v2 .snap-section-desktop{scroll-snap-align:none!important}
body.design-v2 main>div,body.design-v2 main>section{scroll-snap-align:none!important}
body.design-v2 main h1,body.design-v2 main h2,body.design-v2 main h3,body.design-v2 main h4{color:var(--cdmi-ink);letter-spacing:.005em}
body.design-v2 main p,body.design-v2 main li,body.design-v2 main label,body.design-v2 main span{color:inherit}
body.design-v2 main .text-white,body.design-v2 main .text-gray-100,body.design-v2 main .text-gray-200,body.design-v2 main .text-gray-300,body.design-v2 main .text-gray-400,body.design-v2 main .text-gray-500{color:var(--cdmi-ink)!important}
body.design-v2 main .text-amber-400,body.design-v2 main .text-amber-500{color:var(--cdmi-gold)!important}
body.design-v2 main .bg-white\/5,body.design-v2 main .bg-white\/10,body.design-v2 main .bg-black\/30,body.design-v2 main .bg-black\/80,body.design-v2 main .bg-gray-800{background:var(--cdmi-paper)!important}
body.design-v2 main .border-white\/10,body.design-v2 main .border-white\/20,body.design-v2 main .border-gray-700{border-color:var(--cdmi-line)!important}
body.design-v2 main .glass-card{background:#fff!important;color:var(--cdmi-ink)!important;border-color:var(--cdmi-line)!important;box-shadow:0 7px 30px #5b442010}
body.design-v2 main .gold-text{background:none!important;-webkit-text-fill-color:var(--cdmi-gold)!important;color:var(--cdmi-gold)!important}
/* Dark background/video overlays obscure the collection pages in the old theme. */
body.design-v2 #collections-overlay{display:none!important}
body.design-v2 main input:not([type=checkbox]):not([type=radio]),body.design-v2 main select,body.design-v2 main textarea{color:var(--cdmi-ink)!important;background:#fff!important;border-color:#d8cabc!important;max-width:100%}
body.design-v2 main input::placeholder,body.design-v2 main textarea::placeholder{color:#85796d!important}
body.design-v2 main a:not(.cdmi-btn):not(.cdmi-product-card):not(.cdmi-category-card):not(.cdmi-product-photo):not(.cdmi-view-product){transition:color .2s ease,border-color .2s ease}
body.design-v2 main a:hover{color:var(--cdmi-gold)}
body.design-v2 main :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--cdmi-gold)!important;outline-offset:3px}
body.design-v2 main [style*="color: #daa520"]{color:var(--cdmi-gold)!important}
body.design-v2 main .collection-section{background:#fff;border:1px solid var(--cdmi-line);padding:clamp(15px,2vw,32px);border-radius:8px}
body.design-v2 main .collection-section .grid>a,body.design-v2 main #products-grid>a{background:#fff;border:1px solid var(--cdmi-line);border-radius:6px;overflow:hidden;box-shadow:0 4px 18px #4a37100d}
body.design-v2 main .collection-section .grid>a>div:last-child,body.design-v2 main #products-grid>a>div:last-child{background:#fff!important;backdrop-filter:none!important;color:var(--cdmi-ink)!important}
body.design-v2 main .collection-section img,body.design-v2 main #products-grid img,body.design-v2 main .products-grid img{object-fit:cover}
body.design-v2 main .products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.design-v2 main .product-card{min-width:0;background:#fff;color:var(--cdmi-ink);border:1px solid var(--cdmi-line);border-radius:8px;overflow:hidden}
body.design-v2 main .product-card>a{display:block;padding:10px;color:var(--cdmi-ink)}
body.design-v2 main .product-card img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:4px}
body.design-v2 main .product-card h3{font-size:16px;margin:12px 0 5px}
body.design-v2 main .product-card .price{font-size:15px}
body.design-v2 main #main-product-image{object-fit:contain;background:#fff}
body.design-v2 main #variant-selector button,body.design-v2 main #qty-minus,body.design-v2 main #qty-plus{border:1px solid var(--cdmi-line)!important;background:#fff!important;color:var(--cdmi-ink)!important}
body.design-v2 main #product-qty{background:#fff!important;color:var(--cdmi-ink)!important}
body.design-v2 main .prose{color:var(--cdmi-ink)!important}
body.design-v2 main .prose *{color:inherit}
body.design-v2 main nav.fixed{top:120px;max-height:75vh;overflow:auto}
body.design-v2 main .nav-link{color:var(--cdmi-ink)!important;opacity:1!important;transform:none!important}
body.design-v2 main .nav-link .indicator{background:var(--cdmi-gold)!important}
/* Hero is intentionally dark to keep the existing hero photograph legible. */
body.design-v2 main .cdmi-hero h1,body.design-v2 main .cdmi-hero p,body.design-v2 main .cdmi-hero .cdmi-btn,body.design-v2 main .cdmi-hero span{color:#fff!important}
body.design-v2 main .cdmi-hero .cdmi-btn-outline:hover,body.design-v2 main .cdmi-hero .cdmi-btn-outline:hover span{color:var(--cdmi-ink)!important}
body.design-v2 .cdmi-hero h1{font-weight:400;letter-spacing:.005em}
body.design-v2 .cdmi-hero p{font:400 clamp(16px,1.4vw,20px)/1.5 Georgia,serif;max-width:500px}
body.design-v2 .cdmi-hero-photo{object-position:50% center}
/* Updated homepage sections, all using the actual catalog/admin data. */
body.design-v2 .cdmi-section{padding-top:clamp(42px,5vw,80px);padding-bottom:clamp(34px,4vw,65px)}
body.design-v2 .cdmi-section-heading{margin-bottom:clamp(22px,3vw,36px)}
body.design-v2 .cdmi-inspirations{background:transparent}
.cdmi-inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cdmi-inspiration-card{overflow:hidden;background:#fff;border:1px solid var(--cdmi-line);border-radius:7px;min-width:0}
.cdmi-inspiration-photo{aspect-ratio:4/3;background:#eee6db;overflow:hidden}
.cdmi-inspiration-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cdmi-inspiration-card:hover img{transform:scale(1.03)}
.cdmi-inspiration-info{padding:20px}
.cdmi-inspiration-info h3{font:400 clamp(19px,1.5vw,24px)/1.25 Georgia,serif;margin:0 0 8px;color:var(--cdmi-ink)}
.cdmi-inspiration-info p{font:400 15px/1.6 Georgia,serif;color:var(--cdmi-muted)!important;margin:0}
.cdmi-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.cdmi-service-card{background:#fff;padding:26px 19px 24px;border:1px solid var(--cdmi-line);border-radius:7px;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center}
.cdmi-service-icon{font:400 27px/1 Georgia,serif;color:var(--cdmi-gold)!important;display:flex;align-items:center;justify-content:center;border:1px solid #dac8ac;width:54px;height:54px;border-radius:50%;margin-bottom:14px}
.cdmi-service-card h3{font:400 21px/1.2 Georgia,serif;margin:0 0 12px}
.cdmi-service-card p{font:400 15px/1.6 Georgia,serif;color:var(--cdmi-muted)!important;flex:1;margin:0 0 18px}
.cdmi-service-card a{font:400 14px/1.5 Georgia,serif;color:var(--cdmi-gold)!important;text-decoration:underline;text-underline-offset:4px}
.cdmi-testimonials{margin-bottom:20px}
.cdmi-testimonials-inner{background:#fff;border:1px solid var(--cdmi-line);border-radius:8px;padding:clamp(30px,4vw,55px) 25px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.cdmi-testimonials-inner p{max-width:650px;color:var(--cdmi-muted)!important;font:400 clamp(17px,1.5vw,21px)/1.6 Georgia,serif;margin:0}
body.design-v2 footer{position:relative!important;background:#211c18!important;color:#f5f0e9!important;left:auto!important;bottom:auto!important;overflow:hidden;padding:30px clamp(16px,3.5%,54px)!important}
body.design-v2 footer p,body.design-v2 footer a{color:#f4eae0!important;font:400 13px/1.55 Georgia,serif}
body.design-v2 footer a:hover{color:#dbbb86!important}
/* The existing cart panel is a deliberate dark UI; preserve its contrast and event hooks. */
body.design-v2 #cart-popup{color:#fff;font-family:'Quicksand',Arial,sans-serif}
body.design-v2 #cart-popup h2,body.design-v2 #cart-popup h3,body.design-v2 #cart-popup p,body.design-v2 #cart-popup span{color:inherit}
body.design-v2 #cart-popup #cart-panel{background:#211c18}
body.design-v2 #cart-popup #cart-checkout-btn{color:#211c18}
/* Dynamic forms have their own inline styles: override just palette, not order validation or layout. */
body.cdmi-dynamic-v2{background:var(--cdmi-ivory)!important;color:var(--cdmi-ink)!important;font-family:Georgia,'Times New Roman',serif!important}
body.cdmi-dynamic-v2 .header-light,body.cdmi-dynamic-v2>header{background:#fff!important;border-bottom:1px solid var(--cdmi-line)!important;color:var(--cdmi-ink)}
body.cdmi-dynamic-v2 .form-section,body.cdmi-dynamic-v2 .order-summary,body.cdmi-dynamic-v2 .summary-section{border:1px solid var(--cdmi-line);box-shadow:0 7px 27px #5b44200c!important;border-radius:7px}
body.cdmi-dynamic-v2 .section-title{border-bottom-color:var(--cdmi-gold)!important}
body.cdmi-dynamic-v2 .page-title{font-family:Georgia,serif!important;font-weight:400!important}
body.cdmi-dynamic-v2 .checkout-container{max-width:1250px}
body.cdmi-dynamic-v2 input:focus-visible,body.cdmi-dynamic-v2 select:focus-visible,body.cdmi-dynamic-v2 textarea:focus-visible{outline:2px solid var(--cdmi-gold);outline-offset:2px}
@media(max-width:1250px){body.design-v2 .cdmi-header-inner{grid-template-columns:200px 1fr 88px}body.design-v2 .cdmi-logo img{max-width:196px!important;max-height:77px!important}body.design-v2 .cdmi-desktop-nav{gap:12px}}
@media(max-width:1023px){body.design-v2 .cdmi-header-inner{grid-template-columns:1fr 58px;min-height:78px;padding:8px 14px 8px 68px}body.design-v2 .cdmi-logo{justify-content:center;min-height:62px}body.design-v2 .cdmi-logo img{max-width:210px!important;max-height:68px!important;object-position:center!important}body.design-v2 #mobile-menu-btn{top:22px!important;left:16px!important}body.design-v2 main nav.fixed{position:static!important}body.design-v2 main .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cdmi-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.design-v2 .cdmi-header-inner{padding-left:58px;grid-template-columns:1fr 48px}body.design-v2 .cdmi-logo img{max-width:190px!important;max-height:60px!important}body.design-v2 .cdmi-hero{min-height:490px}body.design-v2 .cdmi-hero-photo{object-position:62% center}.cdmi-inspiration-grid{grid-template-columns:1fr;gap:14px}.cdmi-inspiration-photo{aspect-ratio:1.3}.cdmi-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cdmi-service-card{padding:19px 12px}.cdmi-service-card h3{font-size:17px}.cdmi-service-card p{font-size:13px}.cdmi-service-card a{font-size:12px}body.design-v2 main .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.design-v2 footer{padding:26px 16px!important}body.design-v2 main>div{max-width:100%}}
@media(max-width:360px){body.design-v2 .cdmi-logo img{max-width:140px!important}.cdmi-service-grid{grid-template-columns:1fr}.cdmi-service-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.cdmi-inspiration-photo img{transition:none!important}html{scroll-behavior:auto}}
/* Favorites and recently viewed: these links never submit a server-side order. */
.cdmi-favorites-link{width:38px;height:38px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--cdmi-ink)}
.cdmi-favorites-link svg{width:23px;height:23px}
.cdmi-favorite-count{position:absolute;top:-1px;right:-4px;font:600 10px/17px Arial,sans-serif!important;text-align:center;background:var(--cdmi-gold);color:#fff!important;width:17px;height:17px;border-radius:50%}
.cdmi-favorite-count[hidden]{display:none!important}
.cdmi-product-card{position:relative}
.cdmi-fav-toggle{position:absolute;right:10px;top:10px;z-index:3;display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--cdmi-line);border-radius:50%;background:#fff;color:var(--cdmi-ink);font:26px/1 Georgia,serif;box-shadow:0 2px 8px #0002;cursor:pointer}
.cdmi-fav-toggle.is-favorite{color:#a76556}
.cdmi-fav-detail{position:relative;inset:auto;border-radius:5px;width:auto;min-height:42px;padding:7px 15px;display:inline-flex;gap:8px;font-size:20px;margin:0 0 14px}
.cdmi-fav-detail span{font:400 14px/1.4 Georgia,serif}
.cdmi-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cdmi-fav-remove{color:var(--cdmi-ink);border:1px solid var(--cdmi-line);padding:9px 12px;margin-top:10px;width:100%;background:#fff;border-radius:4px;cursor:pointer}
.cdmi-fav-remove:hover{background:#f6efe6}
.cdmi-wishlist .cdmi-section-heading h1{font:400 clamp(28px,3.1vw,40px)/1.3 Georgia,serif;color:var(--cdmi-ink)}
#cdmi-recent[hidden],#cdmi-favorites-empty[hidden]{display:none!important}
@media(max-width:700px){.cdmi-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cdmi-fav-toggle{width:32px;height:32px;font-size:22px;right:7px;top:7px}.cdmi-fav-detail{width:auto;height:auto;font-size:20px;margin:0 0 14px}.cdmi-favorites-link{width:35px;height:35px}}
/* CDMI Design V3 — isolated preview refinements. Original photographs and logo bytes unmodified. */
html.cdmi-intro-seen #page-loader{display:none!important}
body.design-v2 #page-loader{background:#fff!important}
/* The supplied logo is transparent, with gold mark/white letters. Use CSS crops of the
   SAME file twice: original gold mark, black-filtered original lettering. */
body.design-v2 .cdmi-header-inner{min-height:122px;grid-template-columns:minmax(175px,205px) 1fr 112px}
body.design-v2 .cdmi-logo{min-width:0;min-height:115px;align-items:center!important;justify-content:center!important;text-decoration:none!important}
.cdmi-brand-lockup,.cdmi-loader-lockup{--brand-width:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--brand-width);max-width:100%;gap:0;line-height:1}
.cdmi-brand-mark,.cdmi-brand-lettering{position:relative;display:block;width:var(--brand-width);overflow:hidden;flex:none}
.cdmi-brand-mark{height:calc(var(--brand-width)*.181)}
.cdmi-brand-lettering{height:calc(var(--brand-width)*.417)}
.cdmi-brand-mark img,.cdmi-brand-lettering img{position:absolute!important;left:0!important;display:block!important;width:var(--brand-width)!important;max-width:none!important;max-height:none!important;height:var(--brand-width)!important;object-fit:contain!important;object-position:center!important}
.cdmi-brand-mark img{top:calc(var(--brand-width)*-.214)!important}
.cdmi-brand-lettering img{top:calc(var(--brand-width)*-.413)!important;filter:brightness(0)}
.cdmi-brand-tagline{font:400 9px/1.2 Georgia,'Times New Roman',serif!important;letter-spacing:.015em;text-align:center;color:#44382c!important;max-width:100%;margin-top:3px;white-space:normal}
.cdmi-loader-lockup{--brand-width:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cdmi-loader-lockup .cdmi-brand-tagline{font-size:12px!important}
body.design-v2 .cdmi-logo img{max-height:none!important}
body.design-v2 .cdmi-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.design-v2 .cdmi-hero-fallback{z-index:0}
body.design-v2 .cdmi-hero-video{z-index:1;object-position:center center;pointer-events:none}
body.design-v2 .cdmi-hero-shade{z-index:2}
body.design-v2 .cdmi-hero-content{position:relative;z-index:3}
/* Cards share consistent image/title/price baseline; no original image changes. */
body.design-v2 .cdmi-product-grid,body.design-v2 main .products-grid,body.design-v2 main #products-grid,body.design-v2 main .collection-section .grid{align-items:stretch}
body.design-v2 .cdmi-product-card{height:100%;display:flex;flex-direction:column}
body.design-v2 .cdmi-product-info{display:flex;flex:1;flex-direction:column;gap:8px}
body.design-v2 .cdmi-product-info h3{min-height:2.7em;line-height:1.35}
body.design-v2 .cdmi-product-info .cdmi-product-price{margin-top:auto}
body.design-v2 .cdmi-product-info .cdmi-view-product{margin-top:0}
body.design-v2 main #products-grid > a,body.design-v2 main .collection-section .grid > a,body.design-v2 main .products-grid .product-card{display:flex!important;flex-direction:column;height:100%;min-width:0}
body.design-v2 main #products-grid > a > .aspect-square,body.design-v2 main .collection-section .grid > a > .aspect-square{flex:none;aspect-ratio:1/1;min-height:0}
body.design-v2 main #products-grid > a > .p-2,body.design-v2 main .collection-section .grid > a > .p-2{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
body.design-v2 main .products-grid .product-card > a{display:flex;flex-direction:column;flex:1}
body.design-v2 main .products-grid .product-card h3{line-height:1.35;min-height:2.7em;white-space:normal}
body.design-v2 main .products-grid .product-card img{flex:none;object-fit:cover}
body.design-v2 main .products-grid .product-card .price:first-of-type{margin-top:auto}
/* Remove arrows on button-like CTA only; preserve menu/search/cart controls. */
body.design-v2 .cdmi-btn [aria-hidden=true],body.design-v2 .cdmi-view-product [aria-hidden=true],body.design-v2 .cdmi-category-label span[aria-hidden=true]{display:none!important}
body.design-v2 a.cdmi-btn svg,body.design-v2 a.cdmi-view-product svg{display:none!important}
body.design-v2 .cdmi-service-icon svg{width:29px;height:29px;display:block;color:var(--cdmi-gold);stroke:currentColor}
body.design-v2 .cdmi-service-card p{margin-bottom:0}
body.design-v2 .cdmi-services-page{max-width:1480px;margin:0 auto;min-height:56vh}
body.design-v2 .cdmi-services-page .cdmi-section{padding-top:clamp(55px,6vw,90px)}
.cdmi-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1400px;margin:0 auto}
.cdmi-review-card{background:#fff;border:1px solid var(--cdmi-line);border-radius:8px;padding:clamp(20px,2.4vw,32px);min-width:0;margin:0;display:flex;flex-direction:column;gap:20px}
.cdmi-review-stars{letter-spacing:.13em;color:var(--cdmi-gold);font-size:19px}
.cdmi-review-card blockquote{color:var(--cdmi-ink);font:italic 400 16px/1.65 Georgia,serif;margin:0;flex:1}
.cdmi-review-card figcaption{display:flex;flex-direction:column;color:var(--cdmi-ink);gap:2px;font:400 14px/1.4 Georgia,serif}
.cdmi-review-card figcaption span{color:var(--cdmi-muted)}
.cdmi-specifications{border-top:1px solid var(--cdmi-line);margin:18px 0 28px;padding-top:24px}
.cdmi-specifications h2{font:400 clamp(22px,2.3vw,28px)/1.4 Georgia,serif;margin:0 0 14px}
.cdmi-specifications-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0}
.cdmi-specifications-list>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:9px;border-bottom:1px solid var(--cdmi-line);padding:10px 4px;min-width:0}
.cdmi-specifications-list dt{color:var(--cdmi-muted);font-size:13px}
.cdmi-specifications-list dd{margin:0;color:var(--cdmi-ink);font-weight:600;font-size:14px;overflow-wrap:anywhere}
/* Mobile WhatsApp: readable one-piece pill, not floating low-contrast text over photos. */
.cdmi-whatsapp-wrap{position:fixed;z-index:60;bottom:max(16px,env(safe-area-inset-bottom));right:14px}
.cdmi-whatsapp-pill{border-radius:99px;min-width:142px;min-height:50px;background:#178747!important;gap:9px;padding:9px 15px!important;color:white!important;text-decoration:none;justify-content:center;box-shadow:0 5px 22px #112b1d44}
.cdmi-whatsapp-pill svg{width:24px;height:24px;flex:none;color:#fff!important}
.cdmi-whatsapp-label{font:600 14px/1.25 Arial,sans-serif!important;color:white!important;white-space:nowrap}
@media(max-width:1200px){body.design-v2 .cdmi-header-inner{grid-template-columns:174px 1fr 112px;gap:10px} .cdmi-brand-lockup{--brand-width:156px}body.design-v2 .cdmi-desktop-nav{gap:10px}}
@media(max-width:1023px){body.design-v2 .cdmi-header-inner{position:relative;display:flex!important;justify-content:space-between!important;min-height:96px;padding:6px 12px!important;gap:0}body.design-v2 .cdmi-logo{position:absolute;left:50%;transform:translateX(-50%);width:auto;min-height:89px;z-index:2;pointer-events:auto}.cdmi-brand-lockup{--brand-width:137px}.cdmi-brand-tagline{font-size:8px!important}body.design-v2 .cdmi-header-actions{margin-left:auto;position:relative;z-index:3}body.design-v2 #mobile-menu-btn{position:absolute!important;top:32px!important;left:12px!important;z-index:55}body.design-v2 .cdmi-desktop-nav{display:none}}
@media(max-width:700px){body.design-v2 .cdmi-hero-video{object-position:60% center}.cdmi-review-grid{grid-template-columns:1fr}.cdmi-specifications-list{grid-template-columns:1fr}.cdmi-brand-lockup{--brand-width:125px}body.design-v2 .cdmi-logo{min-height:83px}.cdmi-brand-tagline{font-size:7.5px!important}.cdmi-loader-lockup{--brand-width:196px}.cdmi-loader-lockup .cdmi-brand-tagline{font-size:10px!important}}
@media(max-width:385px){body.design-v2 .cdmi-header-actions{gap:0}.cdmi-brand-lockup{--brand-width:115px}.cdmi-whatsapp-pill{min-width:128px;min-height:48px}.cdmi-whatsapp-label{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){body.design-v2 .cdmi-hero-video{display:none}body.design-v2 .cdmi-loader-lockup{animation:none!important}}
/* Cristal Preview V3.1 — additive, isolated UI refinements. */
:root{--cdmi-bronze:#765432;--cdmi-bronze-dark:#50391f}
body.design-v2 #main-header{position:sticky!important;top:0!important;z-index:55;transition:box-shadow .22s ease}
body.design-v2 #main-header.cdmi-header-compact{box-shadow:0 5px 24px #24180f1e}
body.design-v2 .cdmi-header-inner{grid-template-columns:minmax(255px,285px) minmax(0,1fr) 130px;min-height:116px;transition:min-height .2s ease}
body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{min-height:88px}
body.design-v2 .cdmi-brand-lockup{--brand-width:272px!important;width:272px;max-width:100%;gap:0;align-items:center;justify-content:center}
body.design-v2 .cdmi-brand-lockup .cdmi-emblem{width:58px!important;height:42px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;display:block;margin:0 auto 2px}
body.design-v2 .cdmi-brand-lockup .cdmi-brand-name{display:block;color:#17130e!important;font:600 14px/1.08 Georgia,'Times New Roman',serif;letter-spacing:.035em;white-space:nowrap;text-align:center}
body.design-v2 .cdmi-brand-lockup .cdmi-brand-name sup{font:600 8px/1 Georgia,serif;position:relative;top:-.3em}
body.design-v2 .cdmi-brand-lockup .cdmi-brand-tagline{margin-top:9px!important;white-space:nowrap!important;width:max-content;max-width:none;font:400 10px/1.25 Georgia,serif!important;letter-spacing:.012em;color:#765432!important}
body.design-v2 .cdmi-loader-lockup{--brand-width:400px!important;width:min(420px,94vw)!important;max-width:94vw!important;gap:4px}
body.design-v2 .cdmi-loader-lockup .cdmi-emblem{width:125px!important;height:100px!important;margin-bottom:9px}
body.design-v2 .cdmi-loader-lockup .cdmi-brand-name{font-size:clamp(16px,3vw,24px)!important}
body.design-v2 .cdmi-loader-lockup .cdmi-brand-tagline{font-size:clamp(10px,2vw,14px)!important;margin-top:18px!important}
body.design-v2 #main-header.cdmi-header-compact .cdmi-emblem{height:26px!important;width:40px!important}
body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline{margin-top:5px!important}
/* Gold and bronze CTAs, clear out-of-stock state. */
body.design-v2 main .add-to-cart-btn:not(:disabled),body.design-v2 main #add-to-cart-btn:not(:disabled){background:var(--cdmi-bronze)!important;color:#fff!important;border-color:var(--cdmi-bronze)!important;box-shadow:none!important}
body.design-v2 main .add-to-cart-btn:not(:disabled):hover,body.design-v2 main #add-to-cart-btn:not(:disabled):hover{background:var(--cdmi-bronze-dark)!important;color:#fff!important}
body.design-v2 main .add-to-cart-btn:disabled,body.design-v2 main #add-to-cart-btn:disabled{background:#e6e0d9!important;color:#524d48!important;border:1px solid #d7c9b8!important;cursor:not-allowed;opacity:1!important;pointer-events:auto!important}
body.design-v2 main .add-to-cart-btn:disabled svg,body.design-v2 main #add-to-cart-btn:disabled svg{display:none}
.cdmi-out-of-stock{display:inline-block;color:#86633e!important;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.02em;margin-bottom:4px}
/* Browsable product cards with clickable whole body AND separate working actions. */
body.design-v2 main .collection-section .grid>article,body.design-v2 main #products-grid>article{position:relative;background:#fff;border:1px solid var(--cdmi-line);border-radius:6px;overflow:hidden;box-shadow:0 4px 18px #4a37100d;min-width:0;height:100%;display:flex!important;flex-direction:column}
body.design-v2 main #products-grid>article>.aspect-square,body.design-v2 main .collection-section .grid>article>.aspect-square{flex:0 0 auto}
body.design-v2 main #products-grid>article>.p-2,body.design-v2 main .collection-section .grid>article>.p-2{display:flex;flex-direction:column;flex:1;gap:5px;justify-content:flex-end}
body.design-v2 main #products-grid>article h3,body.design-v2 main .collection-section .grid>article h3{min-height:2.65em;line-height:1.33;white-space:normal}
.cdmi-card-visit{position:absolute;inset:0;z-index:1;border-radius:inherit}
.cdmi-card-visit:focus-visible{outline:3px solid var(--cdmi-bronze);outline-offset:-3px}
body.design-v2 main #products-grid>article .add-to-cart-btn,body.design-v2 main #products-grid>article .cdmi-fav-toggle,body.design-v2 main .collection-section .grid>article .cdmi-fav-toggle{position:relative;z-index:2}
body.design-v2 main .cdmi-product-price,body.design-v2 main .cdmi-price-main{font-weight:700!important;color:var(--cdmi-bronze)!important}
body.design-v2 main .cdmi-price-main{font-size:clamp(27px,3vw,39px)!important;margin-bottom:5px}
body.design-v2 main .cdmi-product-category-link{color:#24201b!important;font-weight:600;margin-left:10px}
body.design-v2 .cdmi-specifications-list{grid-template-columns:1fr!important;gap:0;max-width:650px}
body.design-v2 .cdmi-specifications-list>div{padding:14px 4px;display:grid;grid-template-columns:minmax(145px,42%) 1fr;align-items:start}
body.design-v2 .cdmi-specifications-list dd{text-align:left}
/* Diameter is the only catalog filter (other filters intentionally omitted). */
body.design-v2 .cdmi-diameter-label{color:var(--cdmi-muted);font:500 13px Arial,sans-serif}
body.design-v2 #diameter-filter{border:1px solid #c7b49a!important;border-radius:6px;padding:9px 11px;background:#fff;color:var(--cdmi-ink);font:500 13px Arial,sans-serif;min-width:130px}
.cdmi-filter-empty{padding:35px;text-align:center;color:var(--cdmi-muted)}
/* Showroom buttons: accessible target and mobile-centered addresses. */
body.design-v2 .cdmi-directions-wrap{display:flex;justify-content:flex-start}
body.design-v2 main .cdmi-directions{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;padding:12px 19px;min-height:46px;background:var(--cdmi-bronze)!important;color:#fff!important;text-decoration:none!important;font:600 14px/1.35 Arial,sans-serif}
body.design-v2 main .cdmi-directions:hover{background:var(--cdmi-bronze-dark)!important;color:white!important}
body.design-v2 .cdmi-directions svg{flex-shrink:0;stroke:#fff}
/* Search overlay with keyboard-friendly real catalog matches. */
body.design-v2 .cdmi-search-link{border:0;background:transparent;cursor:pointer;color:var(--cdmi-ink);display:inline-flex;align-items:center;justify-content:center}
.cdmi-search-panel[hidden]{display:none!important}
.cdmi-search-panel{position:fixed;z-index:90;inset:0;background:#12100edb;padding:clamp(95px,13vh,140px) 16px 25px;overflow:auto}
.cdmi-search-form{background:#fcfaf7;width:min(750px,100%);margin:0 auto;border-radius:8px;padding:clamp(16px,4vw,30px);box-shadow:0 18px 75px #0004}
.cdmi-search-form label{display:block;color:#33271b;font:500 clamp(18px,2.2vw,25px)/1.3 Georgia,serif;margin-bottom:16px}
.cdmi-search-controls{display:flex;gap:8px;flex-wrap:wrap}
.cdmi-search-controls input{flex:1;min-width:120px;padding:13px;border:1px solid #bbad9b;background:#fff;color:#24201b;border-radius:4px}
.cdmi-search-controls button{border-radius:4px;border:1px solid #765432;padding:11px 15px;background:#765432;color:#fff;cursor:pointer}
.cdmi-search-controls button:last-child{background:white;color:#50391f}
#cdmi-search-results{margin-top:17px;display:grid;gap:8px;max-height:53vh;overflow:auto}
.cdmi-search-result{display:flex;align-items:center;gap:13px;color:#26211b;padding:9px;border:1px solid #e9dfd2;background:white;border-radius:5px;text-decoration:none}
.cdmi-search-result:hover,.cdmi-search-result:focus-visible{outline:2px solid #a58249;color:#26211b}
.cdmi-search-result img{width:59px;height:59px;object-fit:cover;border-radius:3px}
.cdmi-search-result span{display:flex;flex-direction:column;gap:4px}
.cdmi-search-result small{color:#765432}
/* Zoom lightbox, focus and escape keyboard support in design-v31.js. */
.cdmi-zoomable{cursor:zoom-in}
.cdmi-zoomable:focus-visible{outline:3px solid var(--cdmi-bronze)}
.cdmi-lightbox[hidden]{display:none!important}
.cdmi-lightbox{position:fixed;inset:0;z-index:120;background:#13100ef2;display:flex;align-items:center;justify-content:center;padding:50px 55px}
.cdmi-lightbox img{max-width:100%;max-height:87vh;object-fit:contain}
.cdmi-lightbox button{border:1px solid #fff9;background:#231a15;color:#fff;font-size:25px;border-radius:5px;min-width:42px;min-height:42px;cursor:pointer}
.cdmi-lightbox-close{position:absolute;top:18px;right:20px}
.cdmi-lightbox-prev{position:absolute;left:7px}
.cdmi-lightbox-next{position:absolute;right:7px}
body.design-v2 .cdmi-whatsapp-pill{min-width:185px}
@media(max-width:1200px){body.design-v2 .cdmi-header-inner{grid-template-columns:245px 1fr 110px;gap:9px}.cdmi-brand-lockup{--brand-width:240px!important;width:240px!important}body.design-v2 .cdmi-desktop-nav a{font-size:12px}}
@media(max-width:1023px){body.design-v2 .cdmi-header-inner{display:flex!important;min-height:102px;justify-content:space-between!important}body.design-v2 .cdmi-logo{position:absolute;left:50%;transform:translateX(-50%);width:205px;min-height:94px}body.design-v2 .cdmi-brand-lockup{--brand-width:200px!important;width:200px!important}body.design-v2 .cdmi-brand-lockup .cdmi-brand-name{font-size:10px!important;letter-spacing:0}body.design-v2 .cdmi-brand-lockup .cdmi-brand-tagline{font-size:7px!important;margin-top:8px!important}body.design-v2 .cdmi-brand-lockup .cdmi-emblem{height:38px!important;width:53px!important}body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{min-height:88px}body.design-v2 #mobile-menu-overlay nav.cdmi-mobile-nav{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:310px;padding:115px 12px 40px;gap:0;text-align:center}body.design-v2 #mobile-menu-overlay .cdmi-mobile-nav a{font:500 18px/1.4 Georgia,serif!important;padding:12px;color:var(--cdmi-ink)!important;border-bottom:1px solid var(--cdmi-line)}body.design-v2 #mobile-menu-overlay .cdmi-mobile-nav a:last-child{border-bottom:0}}
@media(max-width:700px){body.design-v2 main .cdmi-directions-wrap{justify-content:center}body.design-v2 main .cdmi-address-page>.grid>div{text-align:center}body.design-v2 .cdmi-brand-lockup .cdmi-brand-tagline{font-size:6.6px!important}body.design-v2 main .cdmi-product-card h3{font-size:13px}body.design-v2 .cdmi-specifications-list>div{grid-template-columns:minmax(110px,38%) 1fr}body.design-v2 .cdmi-whatsapp-pill{min-width:175px}.cdmi-search-controls input{width:100%;flex-basis:100%}}
@media(max-width:380px){body.design-v2 .cdmi-brand-lockup{--brand-width:165px!important;width:165px!important}body.design-v2 .cdmi-brand-lockup .cdmi-brand-tagline{font-size:5.8px!important}body.design-v2 .cdmi-brand-lockup .cdmi-brand-name{font-size:8.5px!important}body.design-v2 .cdmi-whatsapp-pill{min-width:152px}}

body.design-v2 #mobile-menu-btn svg{color:#26211c!important;stroke:#26211c!important}
body.design-v2 .cdmi-product-card{position:relative}
body.design-v2 .cdmi-product-card .cdmi-card-visit{z-index:1}
body.design-v2 .cdmi-product-card .cdmi-fav-toggle,body.design-v2 .cdmi-product-card button.add-to-cart-btn{position:relative;z-index:3}
body.design-v2 .cdmi-product-card .cdmi-product-info h3 a{position:relative;z-index:3;color:inherit}
body.design-v2 .cdmi-product-card .cdmi-product-info button.add-to-cart-btn{padding:12px 9px;min-height:45px;width:100%;border-radius:4px;cursor:pointer;margin-top:auto}
body.design-v2 .cdmi-product-card .cdmi-product-info button.add-to-cart-btn:disabled{cursor:not-allowed}

body.design-v2 main .collection-section .grid>article.cdmi-index-card{background:#fff;border:1px solid var(--cdmi-line);border-radius:6px;overflow:hidden;box-shadow:0 4px 18px #4a37100d;height:100%;display:flex;flex-direction:column}
body.design-v2 main .cdmi-index-card>.aspect-square{flex:none}
body.design-v2 main .cdmi-index-card>.p-2{display:flex;flex:1;flex-direction:column;gap:5px;justify-content:flex-end}
body.design-v2 main .cdmi-index-card h3{min-height:2.7em;line-height:1.35;white-space:normal}
body.design-v2 main .cdmi-index-card .cdmi-fav-toggle{position:relative;z-index:3}

body.design-v2 main .cdmi-index-card .add-to-cart-btn{z-index:3;position:relative;border-radius:4px;min-height:42px;width:100%;padding:9px}
body.design-v2 main .category-page .product-card .add-to-cart-btn{position:relative;z-index:3;min-height:42px;padding:9px;margin:10px;width:calc(100% - 20px);border-radius:4px}

/* Reassurance follows the product specs; no extra homepage clutter. */
.cdmi-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e8dfd4;background:#fff;border-radius:6px;margin:19px 0 27px;padding:15px;gap:12px}
.cdmi-trust-item{display:flex;align-items:start;gap:9px;min-width:0;color:#24201b}
.cdmi-trust-item svg{width:26px;height:26px;flex:none;color:#a58249}
.cdmi-trust-item strong,.cdmi-trust-item small{display:block;line-height:1.4}
.cdmi-trust-item strong{font:600 12px/1.45 Georgia,serif;color:#24201b}
.cdmi-trust-item small{font:400 10px/1.4 Arial,sans-serif;color:#746a60;margin-top:3px}
@media(max-width:700px){body.design-v2 main .cdmi-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.design-v2 main .cdmi-product-card .cdmi-product-info{padding:11px 8px}body.design-v2 main .cdmi-product-card img{width:100%;height:100%;object-fit:cover}body.design-v2 main .cdmi-product-card h3{min-height:2.65em;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.design-v2 main .cdmi-product-card .cdmi-product-price{margin-top:auto}body.design-v2 main .cdmi-product-card .add-to-cart-btn{font-size:11px;white-space:normal}body.design-v2 .cdmi-trust-strip{grid-template-columns:1fr;padding:16px;gap:14px}}


/* V3.2 corrective patch: use the whole, unchanged official logo, including the registered mark and wordmark. */
body.design-v2 #main-header .cdmi-header-inner{grid-template-columns:minmax(270px,290px) minmax(0,1fr) 130px;min-height:164px}
body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{min-height:139px}
body.design-v2 #main-header .cdmi-logo{background:#11100f;border-radius:5px;min-height:145px;width:275px;padding:4px 6px;display:flex;align-items:center;justify-content:center}
body.design-v2 .cdmi-brand-lockup{width:100%!important;max-width:none;display:flex;flex-direction:column;align-items:center;gap:0}
.cdmi-official-logo-frame{--cdmi-full-logo-width:225px;position:relative;display:block;width:var(--cdmi-full-logo-width);height:calc(var(--cdmi-full-logo-width)*.612);overflow:hidden;flex:none}
.cdmi-official-logo-image{position:absolute!important;left:0;top:calc(var(--cdmi-full-logo-width)*-.2175);display:block!important;width:var(--cdmi-full-logo-width)!important;min-width:var(--cdmi-full-logo-width);max-width:none!important;max-height:none!important;height:var(--cdmi-full-logo-width)!important;object-fit:contain!important;filter:none!important}
body.design-v2 #main-header .cdmi-brand-tagline{display:block!important;margin-top:7px!important;font:400 9.3px/1.25 Georgia,serif!important;color:#e4c785!important;white-space:nowrap!important;letter-spacing:0;max-width:none!important}
body.design-v2 #page-loader .cdmi-loader-lockup{width:min(470px,96vw)!important;max-width:96vw!important;background:#11100f;border-radius:7px;padding:18px 7px 22px;gap:0}
body.design-v2 #page-loader .cdmi-official-logo-frame{--cdmi-full-logo-width:min(355px,80vw)}
body.design-v2 #page-loader .cdmi-brand-tagline{display:block!important;margin-top:16px!important;white-space:nowrap!important;color:#e4c785!important;font:400 clamp(9px,2.2vw,14px)/1.4 Georgia,serif!important;letter-spacing:0}
body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame{--cdmi-full-logo-width:190px}
body.design-v2 #main-header.cdmi-header-compact .cdmi-logo{min-height:120px}
body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline{font-size:9.2px!important;margin-top:6px!important}

/* Product cards must be visible even when the old scroll animation cannot complete. */
body.design-v2 main #products-grid>article{opacity:1!important;transform:none!important;visibility:visible!important}
body.design-v2 main #products-grid>article>.aspect-square,
body.design-v2 main .cdmi-index-card>.aspect-square{position:relative;overflow:hidden;background:#f3efe8}
body.design-v2 main #products-grid>article>.aspect-square>img,
body.design-v2 main .cdmi-index-card>.aspect-square>img{display:block;width:100%;height:100%;object-fit:cover;opacity:1!important;visibility:visible!important}
body.design-v2 main #products-grid>article>.p-2,
body.design-v2 main .cdmi-index-card>.p-2{background:#fff!important;color:#25201c!important;backdrop-filter:none!important}
body.design-v2 main #products-grid>article h3,
body.design-v2 main #products-grid>article:hover h3,
body.design-v2 main #products-grid>article h3:hover,
body.design-v2 main .cdmi-index-card h3,
body.design-v2 main .cdmi-index-card:hover h3,
body.design-v2 main .cdmi-product-card h3,
body.design-v2 main .cdmi-product-card:hover h3,
body.design-v2 main .cdmi-product-card h3 a:hover{color:#25201c!important;-webkit-text-fill-color:#25201c!important}
body.design-v2 main #products-grid>article .cdmi-card-visit,
body.design-v2 main .cdmi-index-card .cdmi-card-visit{z-index:2}
/* Heart is positioned inside the picture at bottom right; promo ribbon stays at top. */
body.design-v2 main #products-grid>article>.aspect-square>.cdmi-fav-toggle,
body.design-v2 main .cdmi-index-card>.aspect-square>.cdmi-fav-toggle{position:absolute!important;right:10px!important;bottom:10px!important;top:auto!important;left:auto!important;z-index:20!important;display:grid!important}
body.design-v2 main #products-grid>article>.absolute.top-0,
body.design-v2 main .cdmi-index-card>.absolute.top-0{z-index:10}
/* Remove the former zoom cursor, but keep click-to-change thumbnails. */
body.design-v2 main #cdmi-gallery-main{cursor:default!important}
/* Keep the category heading and first category images in view without an initial scroll. */
body.design-v2.design-v1-home .cdmi-hero{min-height:355px!important;height:clamp(320px,41vh,430px)!important}
body.design-v2.design-v1-home .cdmi-hero-content{padding-top:25px;padding-bottom:25px}
body.design-v2.design-v1-home .cdmi-categories{padding-top:19px!important;padding-bottom:28px!important}
body.design-v2.design-v1-home .cdmi-categories .cdmi-section-heading{margin-bottom:14px!important}
@media(max-width:1250px){body.design-v2 #main-header .cdmi-header-inner{grid-template-columns:270px minmax(0,1fr) 112px;gap:10px}body.design-v2 #main-header .cdmi-logo{width:263px}}
@media(max-width:1023px){body.design-v2 #main-header .cdmi-header-inner{display:flex!important;min-height:130px!important;justify-content:space-between!important}body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{min-height:112px!important}body.design-v2 #main-header .cdmi-logo{position:absolute;left:50%;transform:translateX(-50%);width:215px;min-height:119px;padding:3px}body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:161px}body.design-v2 #main-header .cdmi-brand-tagline{font-size:6.9px!important;margin-top:5px!important}body.design-v2 #main-header.cdmi-header-compact .cdmi-logo{min-height:103px}body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame{--cdmi-full-logo-width:138px}body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline{font-size:6.8px!important}body.design-v2.design-v1-home .cdmi-hero{min-height:310px!important;height:clamp(310px,41vh,390px)!important}}
@media(max-width:700px){body.design-v2 #main-header .cdmi-logo{width:203px}body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:150px}body.design-v2 #main-header .cdmi-brand-tagline{font-size:6.45px!important}body.design-v2.design-v1-home .cdmi-hero{min-height:285px!important;height:clamp(285px,39vh,350px)!important}body.design-v2.design-v1-home .cdmi-hero h1{font-size:clamp(30px,8vw,45px)!important}body.design-v2.design-v1-home .cdmi-hero p{font-size:14px!important;margin-bottom:15px}body.design-v2.design-v1-home .cdmi-categories{padding-top:16px!important}body.design-v2.design-v1-home .cdmi-categories .cdmi-section-heading h2{font-size:24px}}
@media(max-width:385px){body.design-v2 #main-header .cdmi-logo{width:183px}body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:133px}body.design-v2 #main-header .cdmi-brand-tagline{font-size:5.85px!important}}
/* CRISTAL V3.3 — preview-only, loaded AFTER V3.2. Never affects DB currency or checkout. */
:root{--cdmi-v33-ivory:#f5eee3;--cdmi-v33-ink:#25201c;--cdmi-v33-gold:#a58249}
/* ORIGINAL transparent PNG used TWICE as a layered image: gold motif and untouched
   wordmark/registered sign recolored by CSS, not typeset or redrawn. */
body.design-v2 #main-header{background:#fff!important}
body.design-v2 #main-header .cdmi-header-inner{grid-template-columns:minmax(210px,236px) minmax(0,1fr) 124px!important;min-height:111px!important;gap:16px}
body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{min-height:93px!important}
body.design-v2 #main-header .cdmi-logo{position:relative!important;left:auto!important;top:auto!important;transform:none!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;width:225px!important;min-height:95px!important;max-width:100%!important;justify-content:flex-start!important;align-items:center!important;z-index:3!important}
body.design-v2 #main-header .cdmi-brand-lockup{width:100%!important;max-width:100%!important;align-items:center!important}
body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:198px!important}
body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame{--cdmi-full-logo-width:174px!important}
body.design-v2 #main-header .cdmi-brand-tagline{color:#59432d!important;font-size:8.6px!important;margin-top:5px!important;white-space:nowrap!important;text-align:center;letter-spacing:0}
.cdmi-official-logo-frame{background:transparent!important;isolation:isolate;overflow:hidden}
.cdmi-official-logo-frame img.cdmi-logo-gold,
.cdmi-official-logo-frame img.cdmi-logo-ink{position:absolute!important;left:0!important;top:calc(var(--cdmi-full-logo-width)*-.2175)!important;width:var(--cdmi-full-logo-width)!important;min-width:var(--cdmi-full-logo-width)!important;max-width:none!important;height:var(--cdmi-full-logo-width)!important;max-height:none!important;object-fit:contain!important;object-position:center!important;display:block!important}
/* Override earlier max-height caps which otherwise crop this original square PNG. */
body.design-v2 #main-header .cdmi-official-logo-frame img.cdmi-official-logo-image,
body.design-v2 #page-loader .cdmi-official-logo-frame img.cdmi-official-logo-image{max-height:none!important;min-height:var(--cdmi-full-logo-width)!important;max-width:none!important;object-fit:contain!important}
.cdmi-official-logo-frame .cdmi-logo-gold{clip-path:inset(0 0 40% 0);filter:none!important}
.cdmi-official-logo-frame .cdmi-logo-ink{clip-path:inset(60% 0 0 0);filter:brightness(0)!important}
body.design-v2 #page-loader{background:#fff!important}
body.design-v2 #page-loader .cdmi-loader-lockup{background:transparent!important;width:min(445px,96vw)!important;max-width:96vw!important;padding:12px!important;border-radius:0!important}
body.design-v2 #page-loader .cdmi-official-logo-frame{--cdmi-full-logo-width:min(350px,82vw)}
body.design-v2 #page-loader .cdmi-brand-tagline{color:#59432d!important;white-space:nowrap!important;margin-top:16px!important;font-size:clamp(9px,2.5vw,13px)!important}
/* Stop the oversized fixed collection/product subnav from overlapping the sticky header. */
body.design-v2 main nav.fixed{top:calc(112px + 15px)!important;max-height:calc(100vh - 135px)!important;overflow:auto!important;z-index:5}
body.design-v2 main .nav-link{transform:none!important;opacity:1!important;color:#30271d!important}
body.design-v2 main .nav-link:hover{color:#806038!important}
/* Bring back V3.1's substantial video instead of V3.2's shallow banner. */
body.design-v2.design-v1-home .cdmi-hero{height:auto!important;min-height:min(49vw,595px)!important}
body.design-v2.design-v1-home .cdmi-hero-content{padding-top:64px!important;padding-bottom:64px!important}
body.design-v2 main .cdmi-hero .cdmi-btn-outline{background:var(--cdmi-v33-ivory)!important;border-color:var(--cdmi-v33-ivory)!important;color:#241c15!important;text-shadow:none!important}
body.design-v2 main .cdmi-hero .cdmi-btn-outline:hover{background:#fff!important;border-color:#fff!important;color:#241c15!important}
/* iOS: video remains background-only; if autoplay is blocked JS presents the real fallback photo. */
body.design-v2 .cdmi-hero-video::-webkit-media-controls,
body.design-v2 .cdmi-hero-video::-webkit-media-controls-start-playback-button{display:none!important}
body.design-v2 .cdmi-hero-video.cdmi-video-fallback{display:none!important}
/* Favorites: bottom right of REAL photo, not floating outside cards or over promo ribbons. */
body.design-v2 main #products-grid>article>.aspect-square,
body.design-v2 main .cdmi-index-card>.aspect-square,
body.design-v2 main .cdmi-product-card>.cdmi-product-media{position:relative!important;overflow:hidden!important}
body.design-v2 main #products-grid>article>.aspect-square>.cdmi-fav-toggle,
body.design-v2 main .cdmi-index-card>.aspect-square>.cdmi-fav-toggle,
body.design-v2 main .cdmi-product-card>.cdmi-product-media>.cdmi-fav-toggle{position:absolute!important;right:12px!important;bottom:12px!important;top:auto!important;left:auto!important;z-index:25!important;display:grid!important;place-items:center!important;transform:none!important;margin:0!important;width:39px;height:39px;background:#fff!important;color:#3b2d23!important;box-shadow:0 2px 9px #0003}
body.design-v2 main .cdmi-fav-toggle.is-favorite{color:#a76556!important}
body.design-v2 main #products-grid>article>.aspect-square>.cdmi-fav-toggle:focus-visible,
body.design-v2 main .cdmi-index-card>.aspect-square>.cdmi-fav-toggle:focus-visible{outline:3px solid var(--cdmi-v33-gold)}
body.design-v2 main .cdmi-product-card>.cdmi-product-media{width:100%;aspect-ratio:1.03;flex:none;background:#f3efe8}
body.design-v2 main .cdmi-product-card>.cdmi-product-media>.cdmi-product-photo{width:100%;height:100%;display:flex}
body.design-v2 main .cdmi-product-card>.cdmi-product-media>.cdmi-product-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
body.design-v2 main .cdmi-product-card>.cdmi-card-visit{z-index:1!important}
/* Each collection's real button is BELOW its grid, up to 8 actual products. */
.cdmi-index-more-wrap{display:flex;justify-content:center;align-items:center;padding:27px 0 6px}
body.design-v2 main a.cdmi-index-more{display:inline-flex!important;align-items:center;justify-content:center;min-height:49px;min-width:205px;padding:12px 24px;border-radius:4px;background:#8b6a3f!important;color:white!important;font:600 14px/1.35 Arial,sans-serif;text-decoration:none!important;text-align:center}
body.design-v2 main a.cdmi-index-more:hover{background:#694a27!important;color:#fff!important}
/* Clearer price and compact favorite control on product details. */
.cdmi-product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}
.cdmi-product-title-row h1{flex:1;min-width:0;margin:0!important;font-size:clamp(27px,3vw,42px)!important;line-height:1.18!important}
body.design-v2 main .cdmi-product-title-row .cdmi-fav-detail{position:relative!important;inset:auto!important;flex:0 0 43px;width:43px!important;height:43px!important;min-height:43px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center;border-radius:50%!important;font-size:26px!important;background:#fff!important;border:1px solid #d8cbbc!important;z-index:3!important}
body.design-v2 main .cdmi-price-main{font-size:clamp(23px,2.3vw,30px)!important;line-height:1.2!important;margin-top:7px!important;margin-bottom:12px!important;color:#785734!important}
body.design-v2 main .cdmi-product-category-link{margin-left:0!important;color:#25201c!important;font-weight:600!important}
body.design-v2 main .cdmi-product-category-link:hover{color:#8b6a3f!important}
/* Reflow category/collection label/value for space and contrast. */
body.design-v2 main .cdmi-product-meta{color:#25201c!important}
/* Accessible mobile WhatsApp stays a full label on initial home hero, compact elsewhere. */
@media(max-width:1250px) and (min-width:1024px){
 body.design-v2 #main-header .cdmi-header-inner{grid-template-columns:200px minmax(0,1fr) 112px!important;gap:9px!important}
 body.design-v2 #main-header .cdmi-logo{width:195px!important}
 body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:179px!important}
 body.design-v2 #main-header .cdmi-brand-tagline{font-size:7.6px!important}
 body.design-v2 #main-header .cdmi-desktop-nav{gap:9px!important}
 body.design-v2 #main-header .cdmi-desktop-nav a{font-size:12px!important}
}
@media(max-width:1023px){
 body.design-v2 #main-header .cdmi-header-inner{display:flex!important;min-height:91px!important;padding:7px 12px 7px 55px!important;gap:4px!important;justify-content:space-between!important}
 body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{min-height:83px!important}
 body.design-v2 #mobile-menu-btn{top:26px!important;left:9px!important;z-index:57!important;background:#fff!important}
 body.design-v2 #main-header .cdmi-logo{position:relative!important;left:auto!important;top:auto!important;transform:none!important;order:0;margin-right:auto!important;width:clamp(129px,36vw,171px)!important;min-height:77px!important;justify-content:flex-start!important;padding:0!important}
 body.design-v2 #main-header.cdmi-header-compact .cdmi-logo{min-height:73px!important}
 body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:clamp(126px,35vw,166px)!important}
 body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame{--cdmi-full-logo-width:clamp(122px,33vw,156px)!important}
 body.design-v2 #main-header .cdmi-brand-tagline{font-size:clamp(5.4px,1.38vw,7.6px)!important;margin-top:3px!important}
 body.design-v2 #main-header .cdmi-header-actions{margin-left:auto!important;z-index:4!important;gap:0!important;flex:none!important}
 body.design-v2 #main-header .cdmi-favorites-link,
 body.design-v2 #main-header .cdmi-search-link,
 body.design-v2 #main-header .cdmi-mobile-cart{width:34px!important;min-width:34px!important;display:flex!important;align-items:center;justify-content:center;padding:0!important}
 body.design-v2 #main-header .cdmi-favorites-link svg,
 body.design-v2 #main-header .cdmi-search-link svg{width:21px!important;height:21px!important}
 body.design-v2 .cdmi-whatsapp-wrap{bottom:max(82px,env(safe-area-inset-bottom) + 68px);right:12px!important;z-index:42}
 body.design-v2:not(.design-v1-home) .cdmi-whatsapp-pill,
 body.design-v2.cdmi-scrolled .cdmi-whatsapp-pill{min-width:49px!important;width:49px!important;min-height:49px!important;height:49px!important;padding:10px!important;border-radius:50%!important;overflow:hidden;gap:0!important;justify-content:center}
 body.design-v2:not(.design-v1-home) .cdmi-whatsapp-label,
 body.design-v2.cdmi-scrolled .cdmi-whatsapp-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
 body.design-v2:not(.design-v1-home) .cdmi-whatsapp-pill svg,
 body.design-v2.cdmi-scrolled .cdmi-whatsapp-pill svg{width:27px!important;height:27px!important}
 body.design-v2 main nav.fixed{position:static!important;max-height:none!important}
}
@media(max-width:700px){
 body.design-v2.design-v1-home .cdmi-hero{min-height:490px!important;height:auto!important}
 body.design-v2.design-v1-home .cdmi-hero-content{padding:36px 0!important}
 body.design-v2 main .cdmi-product-card>.cdmi-product-media>.cdmi-fav-toggle,
 body.design-v2 main .cdmi-index-card>.aspect-square>.cdmi-fav-toggle,
 body.design-v2 main #products-grid>article>.aspect-square>.cdmi-fav-toggle{right:9px!important;bottom:9px!important;width:37px!important;height:37px!important}
 body.design-v2 #main-header .cdmi-header-inner{padding-left:51px!important;padding-right:10px!important}
 body.design-v2 #main-header .cdmi-logo{width:clamp(122px,33vw,153px)!important}
 body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:clamp(120px,33vw,152px)!important}
 body.design-v2 #main-header .cdmi-brand-tagline{font-size:clamp(5.4px,1.28vw,6.9px)!important}
 body.design-v2 #main-header .cdmi-header-actions{gap:0!important}
 body.design-v2 main .cdmi-price-main{font-size:clamp(24px,5.2vw,29px)!important}
}
@media(max-width:375px){
 body.design-v2 #main-header .cdmi-header-inner{padding-left:45px!important;padding-right:7px!important}
 body.design-v2 #mobile-menu-btn{left:5px!important}
 body.design-v2 #main-header .cdmi-logo{width:119px!important}
 body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:116px!important}
 body.design-v2 #main-header .cdmi-brand-tagline{font-size:5.1px!important}
 body.design-v2 #main-header .cdmi-favorites-link,
 body.design-v2 #main-header .cdmi-search-link,
 body.design-v2 #main-header .cdmi-mobile-cart{width:30px!important;min-width:30px!important}
}
/* Cristal V3.4 — PREVIEW design overrides. Always load after V3.3.
   Uses existing product photos, logo and contact settings; no payment/API configuration. */
:root{color-scheme:light;--v34-ink:#25201c;--v34-gold:#a58249;--v34-bronze:#785632;--v34-paper:#fff;--v34-ivory:#fcfaf7}
html{color-scheme:light!important;background:#fff}
body.design-v2{font-family:Arial,Helvetica,sans-serif!important;color-scheme:light!important;background:var(--v34-ivory)!important}
body.design-v2 :is(h1,h2,h3,h4,h5,h6,p,span,small,li,a,button,input,select,option,textarea,label,dt,dd,strong,em,del,blockquote,figcaption){font-family:Arial,Helvetica,sans-serif!important}
body.design-v2 #main-header,body.design-v2 main,body.design-v2 #mobile-menu-overlay,body.design-v2 .cdmi-search-form{color-scheme:light!important}
body.design-v2 select,body.design-v2 select option,body.design-v2 select optgroup,body.design-v2 input,body.design-v2 textarea{color-scheme:light!important;forced-color-adjust:none;background-color:#fff!important;color:var(--v34-ink)!important}
body.design-v2 select option,body.design-v2 select optgroup{background:#fff!important;color:#25201c!important}
body.design-v2 select option:checked{background:#efe2cc!important;color:#25201c!important}
/* Header and legibility: the official logo is a PNG; its type is not re-created. */
body.design-v2 #main-header .cdmi-brand-tagline{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(10.5px,.9vw,13px)!important;font-weight:500!important;color:#483624!important;line-height:1.25!important;margin-top:6px!important;white-space:nowrap!important}
body.design-v2 #main-header .cdmi-desktop-nav{gap:clamp(12px,1.25vw,21px)!important;flex-wrap:nowrap!important}
body.design-v2 #main-header .cdmi-desktop-nav a{font-size:clamp(13px,1.06vw,16px)!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap}
body.design-v2 #main-header .cdmi-header-inner{grid-template-columns:minmax(235px,255px) minmax(0,1fr) 123px!important;gap:11px!important}
body.design-v2 #main-header .cdmi-logo{width:245px!important}
body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:210px!important}
body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame{--cdmi-full-logo-width:188px!important}
body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline{font-size:10.2px!important}
/* Product page sidebar: sticky INSIDE its own layout column, not fixed over images. */
@media(min-width:1024px){
  body.design-v2 main nav.fixed{position:sticky!important;top:120px!important;max-height:calc(100dvh - 138px)!important;overflow-y:auto!important;overflow-x:hidden!important;width:100%!important;z-index:2!important;background:#fcfaf7!important;padding:10px 6px 12px 0!important;box-shadow:none!important;isolation:isolate}
  body.design-v2 main nav.fixed .nav-link{white-space:normal!important;max-width:100%;font-size:clamp(13px,1.04vw,17px)!important}
  body.design-v2 main nav.fixed :is(span,a){color:#30271d!important}
}
/* Discount: a visible numeric label, never a marketing phrase. */
body.design-v2 .cdmi-discount-badge,body.design-v2 main .cdmi-card-discount,body.design-v2 main .cdmi-favorite-discount{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#c58b08!important;color:#20180e!important;font:700 13px/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:.015em;padding:5px 9px;white-space:nowrap;text-decoration:none}
body.design-v2 main .cdmi-card-discount{position:absolute;top:10px;left:10px;z-index:12;box-shadow:0 2px 10px #0002}
body.design-v2 main .cdmi-favorite-discount{margin-right:8px}
body.design-v2 main .cdmi-product-price del,body.design-v2 main del{color:#746a60!important;font-weight:400!important}
/* Existing product-gallery thumbnails use the images[] already managed in product admin. */
body.design-v2 main #cdmi-gallery-main{cursor:zoom-in;position:relative!important;isolation:isolate;touch-action:pan-y;background:#f6f2ec!important}
body.design-v2 main #cdmi-gallery-main img{transition:transform .24s ease;transform-origin:50% 50%;will-change:transform}
@media(hover:hover) and (pointer:fine){body.design-v2 main #cdmi-gallery-main:hover img{transform:scale(1.68)}}
body.design-v2 main [data-cdmi-thumb]{cursor:pointer;border:2px solid transparent!important;background:#f6f2ec!important}
body.design-v2 main [data-cdmi-thumb][aria-current="true"]{border-color:var(--v34-gold)!important}
.cdmi-gallery-lightbox[hidden]{display:none!important}
.cdmi-gallery-lightbox{position:fixed;inset:0;z-index:350;background:rgba(16,13,11,.95);display:flex;align-items:center;justify-content:center;padding:50px 52px;overscroll-behavior:contain}
.cdmi-gallery-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 105px);object-fit:contain}
.cdmi-gallery-lightbox button{position:absolute;z-index:1;border:1px solid #d9c9b4;background:#fff;color:#25201c;border-radius:50%;width:42px;height:42px;font:700 22px/1 Arial,sans-serif;display:grid;place-items:center}
.cdmi-gallery-lightbox button[data-action="close"]{right:17px;top:17px}
.cdmi-gallery-lightbox button[data-action="prev"]{left:9px;top:50%;transform:translateY(-50%)}
.cdmi-gallery-lightbox button[data-action="next"]{right:9px;top:50%;transform:translateY(-50%)}
/* Modern search, keyboard-friendly and aligned with the price font. */
body.design-v2 .cdmi-search-panel{z-index:260!important;background:#1c1814a8!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;padding:clamp(60px,11vh,105px) 15px 30px!important}
body.design-v2 .cdmi-search-form{position:relative;width:min(760px,100%)!important;padding:clamp(22px,3vw,37px)!important;border:1px solid #efe4d3;border-radius:16px!important;box-shadow:0 25px 95px #17100965!important;background:#fff!important}
body.design-v2 .cdmi-search-heading{margin-bottom:19px}
body.design-v2 .cdmi-search-eyebrow{display:block;font:700 10px/1.4 Arial,sans-serif!important;letter-spacing:.12em;color:#927043!important;margin-bottom:11px}
body.design-v2 .cdmi-search-form label{display:block;font:700 clamp(22px,2.8vw,31px)/1.15 Arial,sans-serif!important;color:#251b14!important;margin:0 0 6px!important}
body.design-v2 .cdmi-search-heading p{color:#75695d!important;font-size:14px!important;margin:0}
body.design-v2 .cdmi-search-controls{gap:10px!important;align-items:stretch}
body.design-v2 .cdmi-search-field{position:relative;display:flex;flex:1;min-width:200px;align-items:center}
body.design-v2 .cdmi-search-field svg{position:absolute;width:20px;height:20px;left:15px;color:#8f7861;pointer-events:none}
body.design-v2 .cdmi-search-controls input{width:100%!important;flex:1!important;min-width:0!important;border-radius:9px!important;padding:14px 14px 14px 45px!important;border:1px solid #d8c6b1!important;font-size:15px!important}
body.design-v2 .cdmi-search-controls button{border-radius:9px!important;padding:12px 18px!important;font-size:14px!important;font-weight:600!important;min-height:49px}
body.design-v2 #cdmi-search-close{position:absolute;top:11px;right:11px;width:39px;min-height:39px!important;padding:0!important;border-radius:50%!important;border:1px solid #e8ded2!important;background:#fff!important;color:#35281c!important;font-size:17px!important}
body.design-v2 #cdmi-search-results{gap:9px}
body.design-v2 .cdmi-search-result{border-radius:9px!important}
/* Cart must cover the sticky header, with its own fixed close control and scrolling list. */
body.design-v2 #cart-popup:not(.hidden){position:fixed!important;inset:0!important;z-index:310!important;display:block!important;isolation:isolate}
body.design-v2 #cart-popup #cart-backdrop{position:absolute!important;inset:0!important;z-index:0}
body.design-v2 #cart-panel{position:absolute!important;top:0!important;bottom:0!important;right:0!important;height:100dvh!important;max-height:100dvh!important;z-index:1!important;overflow:hidden!important}
body.design-v2 #cart-panel>.flex{min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important}
body.design-v2 #cart-panel>.flex>div:first-child{flex:none!important;position:sticky;top:0;z-index:5;background:#1e1a17!important;padding-top:max(14px,env(safe-area-inset-top))!important}
body.design-v2 #cart-panel #cart-close{display:flex!important;align-items:center;justify-content:center;min-width:45px;min-height:45px;flex:none;background:#40362c!important;color:#fff!important}
body.design-v2 #cart-panel #cart-items{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
body.design-v2 #cart-panel #cart-footer{flex:none!important;background:#1e1a17!important;padding-bottom:max(17px,env(safe-area-inset-bottom))!important}
/* WhatsApp: small non-obstructing mobile circle; descriptive desktop pill. */
body.design-v2 .cdmi-whatsapp-desktop{display:flex;align-items:center;justify-content:center;gap:11px;position:fixed;bottom:25px;right:26px;z-index:65;background:#168442;color:#fff!important;border-radius:50px;box-shadow:0 6px 28px #0003;min-height:52px;padding:12px 19px;text-decoration:none!important;font:700 14px/1.3 Arial,Helvetica,sans-serif!important}
body.design-v2 .cdmi-whatsapp-desktop:hover{background:#0b7135;color:#fff!important}
body.design-v2 .cdmi-whatsapp-desktop svg{width:25px;height:25px;flex:none}
/* Larger original photographs in mobile product lists, without forcing crop on catalog products. */
@media(min-width:1024px) and (max-width:1330px){
 body.design-v2 #main-header .cdmi-header-inner{grid-template-columns:214px minmax(0,1fr) 110px!important;gap:8px!important}
 body.design-v2 #main-header .cdmi-logo{width:211px!important}
 body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:190px!important}
 body.design-v2 #main-header .cdmi-brand-tagline{font-size:9px!important}
 body.design-v2 #main-header .cdmi-desktop-nav{gap:9px!important}
 body.design-v2 #main-header .cdmi-desktop-nav a{font-size:12.5px!important}
}
@media(max-width:1023px){
 body.design-v2 .cdmi-whatsapp-desktop{display:none!important}
 body.design-v2 #main-header .cdmi-header-inner,body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{min-height:91px!important;padding:4px 9px 4px 47px!important;gap:3px!important}
 body.design-v2 #main-header .cdmi-logo,body.design-v2 #main-header.cdmi-header-compact .cdmi-logo{width:clamp(138px,37vw,160px)!important;min-height:83px!important;margin-right:auto!important}
 body.design-v2 #main-header .cdmi-official-logo-frame,body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame{--cdmi-full-logo-width:clamp(127px,34vw,143px)!important}
 body.design-v2 #main-header .cdmi-brand-tagline,body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline{font-size:clamp(7.3px,1.93vw,9.3px)!important;margin-top:3px!important;white-space:nowrap!important;position:relative!important;left:50%;transform:translateX(-50%);width:max-content;max-width:none!important;letter-spacing:-.025em!important}
 body.design-v2 #mobile-menu-btn{top:26px!important;left:5px!important;z-index:60!important;min-height:38px!important;min-width:38px!important;padding:7px!important;background:#fff!important}
 body.design-v2 #main-header .cdmi-header-actions{gap:0!important}
 body.design-v2 .cdmi-whatsapp-wrap{bottom:max(20px,env(safe-area-inset-bottom) + 10px)!important;right:14px!important;z-index:65!important}
 body.design-v2 .cdmi-whatsapp-pill{min-width:52px!important;min-height:52px!important;height:52px!important;width:52px!important;padding:10px!important;overflow:hidden!important;border-radius:50%!important;display:grid!important;place-items:center!important;gap:0!important}
 body.design-v2 .cdmi-whatsapp-label{position:absolute!important;clip:rect(0,0,0,0)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
 body.design-v2 .cdmi-whatsapp-pill svg{width:28px!important;height:28px!important}
 body.design-v2 .cdmi-hero-buttons{margin-top:26px!important}
 body.design-v2.design-v1-home .cdmi-hero-content{padding-top:70px!important;padding-bottom:30px!important}
 body.design-v2 main #products-grid>article>.aspect-square,body.design-v2 main .cdmi-index-card>.aspect-square{aspect-ratio:.9!important}
 body.design-v2 main .cdmi-product-card>.cdmi-product-media{aspect-ratio:.9!important}
 body.design-v2 main #products-grid>article>.aspect-square>img,body.design-v2 main .cdmi-index-card>.aspect-square>img{width:100%!important;height:100%!important;object-fit:contain!important;background:#f5f0e9!important}
 body.design-v2 main .cdmi-product-card>.cdmi-product-media img{object-fit:cover!important}
 body.design-v2 main .cdmi-index-card>.p-2,body.design-v2 main #products-grid>article>.p-2{gap:4px!important;padding:10px 9px!important}
 body.design-v2 main .cdmi-index-card h3{min-height:0!important}
 body.design-v2 main .cdmi-product-card .cdmi-product-info{padding:10px 9px!important}
 body.design-v2 main #cdmi-gallery-main img{transform:none!important;will-change:auto!important}
 body.design-v2 .cdmi-search-controls{flex-wrap:wrap!important}
 body.design-v2 .cdmi-search-field{flex-basis:100%;width:100%!important}
 body.design-v2 .cdmi-search-controls button[type=submit]{flex:1!important}
 body.design-v2 #cdmi-search-close{top:8px;right:8px}
 body.design-v2 .cdmi-gallery-lightbox{padding:50px 13px!important}
}
@media(max-width:380px){
 body.design-v2 #main-header .cdmi-logo{width:129px!important}
 body.design-v2 #main-header .cdmi-official-logo-frame{--cdmi-full-logo-width:123px!important}
 body.design-v2 #main-header .cdmi-brand-tagline{font-size:7.1px!important}
 body.design-v2 #main-header .cdmi-favorites-link,body.design-v2 #main-header .cdmi-search-link,body.design-v2 #main-header .cdmi-mobile-cart{width:29px!important;min-width:29px!important}
}
@media(prefers-reduced-motion:reduce){body.design-v2 #cdmi-gallery-main img{transition:none!important;transform:none!important}}
/* [hidden] must beat decorative display rules for selected-variant badges/navigation. */
body.design-v2 .cdmi-discount-badge[hidden],body.design-v2 .cdmi-gallery-lightbox button[hidden]{display:none!important}
/* Cart feedback must never be confused with real stock availability. */
body.design-v2 #add-to-cart-btn.cdmi-cart-added{background:#547a43!important;color:#fff!important}
/* Cristal V3.5 — targeted Preview improvements after design-v34.css.
   Uses original logo PNG, existing published collections and real product data. */
:root{color-scheme:light}
/* Fix the CSS layer split: the original gold motif ends at ~61% of the transparent PNG.
   V3.3's 60% split unintentionally recolored the lower gold tips black. */
body.design-v2 .cdmi-official-logo-frame .cdmi-logo-gold{clip-path:inset(0 0 38% 0)!important;filter:none!important}
body.design-v2 .cdmi-official-logo-frame .cdmi-logo-ink{clip-path:inset(62% 0 0 0)!important;filter:brightness(0)!important}
/* More breathing room between desktop navigation entries; don't wrap the header. */
@media(min-width:1331px){body.design-v2 #main-header .cdmi-desktop-nav{gap:clamp(20px,1.8vw,31px)!important}}
@media(min-width:1024px) and (max-width:1330px){body.design-v2 #main-header .cdmi-desktop-nav{gap:clamp(10px,1.2vw,17px)!important}}
body.design-v2 .cdmi-nav-collections{position:relative;display:flex;align-items:center;align-self:stretch;min-width:0}
body.design-v2 .cdmi-nav-collections-link{display:flex;gap:5px;align-items:center;white-space:nowrap}
body.design-v2 .cdmi-nav-chevron{display:inline-block;transition:transform .2s;color:#9e7941;font-size:17px;line-height:1}
body.design-v2 .cdmi-nav-collections:is(:hover,:focus-within,.is-open) .cdmi-nav-chevron{transform:rotate(180deg)}
body.design-v2 .cdmi-nav-dropdown{position:absolute;top:calc(100% - 3px);left:-15px;min-width:250px;width:max-content;max-width:min(340px,90vw);display:flex;flex-direction:column;gap:0;padding:11px;background:#fff;box-shadow:0 13px 38px #2a21152e;border:1px solid #e8dece;border-radius:11px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:opacity .18s,transform .18s,visibility .18s;z-index:160;max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain}
body.design-v2 .cdmi-nav-collections:is(:hover,:focus-within,.is-open) .cdmi-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
body.design-v2 #main-header .cdmi-nav-dropdown a{display:block!important;color:#28211a!important;font:500 15px/1.25 Arial,Helvetica,sans-serif!important;text-transform:none!important;white-space:normal!important;padding:13px 15px!important;min-height:45px;border-radius:7px}
body.design-v2 #main-header .cdmi-nav-dropdown a:first-child{color:#886638!important;font-weight:700!important;border-bottom:1px solid #ede4d5;border-radius:0;margin-bottom:5px}
body.design-v2 #main-header .cdmi-nav-dropdown a:hover,body.design-v2 #main-header .cdmi-nav-dropdown a:focus-visible{background:#f2e9d9!important;color:#5b4020!important;outline:0}
/* Accordion in the hamburger menu: comfortable touch targets without tiny type. */
body.design-v2 #mobile-menu-overlay .cdmi-mobile-nav{display:flex;flex-direction:column;align-items:stretch;width:min(440px,100%);max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;text-align:left;padding:76px clamp(20px,6vw,32px) 35px!important;gap:0!important}
body.design-v2 #mobile-menu-overlay .cdmi-mobile-nav>a,body.design-v2 #mobile-menu-overlay .cdmi-mobile-collections-trigger{width:100%;max-width:none!important;margin:0!important;display:flex!important;justify-content:space-between;align-items:center;min-height:52px!important;padding:12px 9px!important;border-bottom:1px solid #ece3d7;background:transparent!important;color:#25201c!important;text-align:left!important;font:600 17px/1.35 Arial,Helvetica,sans-serif!important;text-decoration:none!important}
body.design-v2 #mobile-menu-overlay .cdmi-mobile-collections-trigger[aria-expanded=true] .cdmi-nav-chevron{transform:rotate(180deg)}
body.design-v2 #mobile-menu-overlay .cdmi-mobile-collections[hidden],body.design-v2 .cdmi-collection-switcher-list[hidden]{display:none!important}
body.design-v2 #mobile-menu-overlay .cdmi-mobile-collections{display:flex;flex-direction:column;background:#faf6f0;border-radius:8px;margin:4px 0 10px;padding:5px 10px}
body.design-v2 #mobile-menu-overlay .cdmi-mobile-collections a{color:#27211c!important;font:500 16px/1.35 Arial,Helvetica,sans-serif!important;display:flex;align-items:center;min-height:49px;padding:10px 12px;text-decoration:none;border-bottom:1px solid #eae1d4}
body.design-v2 #mobile-menu-overlay .cdmi-mobile-collections a:first-child{color:#927347!important;font-weight:700!important}
body.design-v2 #mobile-menu-overlay .cdmi-mobile-collections a:last-child{border-bottom:0}
/* Collection switching above the product grid for mobile and touch devices. */
body.design-v2 .cdmi-collection-switcher{display:none;background:#fff;border:1px solid #e9decd;border-radius:10px;margin:8px 0 24px;position:relative;z-index:20}
body.design-v2 .cdmi-collection-switcher-toggle{width:100%;min-height:52px;padding:13px 17px;color:#2a211b!important;background:#fcfaf7!important;display:flex;justify-content:space-between;align-items:center;gap:9px;font:700 16px/1.3 Arial,Helvetica,sans-serif!important;border-radius:10px}
body.design-v2 .cdmi-collection-switcher-toggle span{color:#957140!important;font-size:22px;transition:transform .2s}
body.design-v2 .cdmi-collection-switcher-toggle[aria-expanded=true] span{transform:rotate(180deg)}
body.design-v2 .cdmi-collection-switcher-list{display:flex;flex-direction:column;padding:5px 12px 13px;max-height:min(50dvh,380px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:0 0 10px 10px}
body.design-v2 .cdmi-collection-switcher-list a{display:flex;align-items:center;min-height:49px;padding:12px 8px;color:#28221b!important;border-bottom:1px solid #eee5d8;text-decoration:none;font:500 16px/1.3 Arial,Helvetica,sans-serif!important}
body.design-v2 .cdmi-collection-switcher-list a[aria-current=page]{color:#926f3b!important;font-weight:700!important;background:#faf5ed}
body.design-v2 .cdmi-collection-switcher-list a:first-child{font-weight:700!important;color:#87683c!important}
body.design-v2 .cdmi-collection-switcher-list a:last-child{border-bottom:0}
body.design-v2 main .cdmi-side-all{display:block;font:600 14px/1.3 Arial,Helvetica,sans-serif!important;color:#947243!important;padding:7px 0 12px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1023px){body.design-v2 .cdmi-collection-switcher{display:block}}
/* The percentage is a SEPARATE compact badge by the prices. PROMO stays on top of the photo. */
body.design-v2 main .cdmi-v35-promo-ribbon{position:absolute;z-index:14;top:0;left:0;width:100%;min-height:26px;display:grid;place-items:center;background:linear-gradient(110deg,#c58c08,#e4b12e,#c58c08);color:#261b0b!important;font:700 12px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.045em;pointer-events:none;text-align:center}
body.design-v2 main .cdmi-v35-price-discount{display:inline-flex!important;vertical-align:middle;align-items:center;justify-content:center;width:max-content;max-width:100%;border:1px solid #cfab66!important;border-radius:5px;background:#f2e6ce!important;color:#5b401c!important;font:700 12px/1.25 Arial,Helvetica,sans-serif!important;padding:4px 7px!important;text-decoration:none!important;white-space:nowrap;margin:3px 4px 3px 0}
body.design-v2 main .cdmi-product-price>.cdmi-v35-price-discount{margin-left:8px}
body.design-v2 main .cdmi-product-media{position:relative}
body.design-v2 main .category-page .product-card{position:relative;overflow:hidden}
@media(max-width:480px){body.design-v2 main .cdmi-v35-price-discount{font-size:11px!important;padding:3px 6px!important}body.design-v2 main .cdmi-v35-promo-ribbon{font-size:11px!important;min-height:24px}}
/* NO gallery zoom, pointer magnification, fullscreen modal or lightbox. Photo thumbnails still work. */
body.design-v2 main #cdmi-gallery-main{cursor:default!important;touch-action:pan-y!important}
body.design-v2 main #cdmi-gallery-main img,body.design-v2 main #cdmi-gallery-main:hover img{transform:none!important;transform-origin:50% 50%!important;transition:none!important;will-change:auto!important;cursor:default!important}
/* Cristal de la Maison d’Italie – Preview V3.6. Loaded after V3.5. */
:root,html{color-scheme:only light!important;background:#fff}
body.design-v2 #main-header{background:#fff!important;color:#29221c!important;color-scheme:only light!important}
body.design-v2 #main-header .cdmi-header-inner,
body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner{transition:none!important}
body.design-v2 #main-header .cdmi-official-logo-frame .cdmi-logo-gold{clip-path:inset(0 0 38.18% 0)!important;filter:none!important}
body.design-v2 #main-header .cdmi-official-logo-frame .cdmi-logo-ink{clip-path:inset(61.82% 0 0 0)!important;filter:brightness(0)!important}
body.design-v2 #page-loader .cdmi-official-logo-frame .cdmi-logo-gold{clip-path:inset(0 0 38.18% 0)!important;filter:none!important}
body.design-v2 #page-loader .cdmi-official-logo-frame .cdmi-logo-ink{clip-path:inset(61.82% 0 0 0)!important;filter:brightness(0)!important}
/* Responsive colors in ordinary dark-mode requests; photos and dark overlays remain unchanged. */
@media(prefers-color-scheme:dark){
 html,body.design-v2{color-scheme:only light!important;background:#fff!important}
 body.design-v2 #main-header,body.design-v2 #mobile-menu-overlay,
 body.design-v2 .cdmi-search-panel .cdmi-search-form{background:#fff!important;color:#28221c!important}
 body.design-v2 select,body.design-v2 select option,body.design-v2 input{color-scheme:only light!important}
 body.design-v2 main .cdmi-product-card,body.design-v2 main .cdmi-index-card{background:#fff!important;color:#28221c!important}
}
/* Dynamic category tiles: images are genuine existing product photos. */
body.design-v2 .cdmi-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:740px){body.design-v2 .cdmi-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Cristal de la Maison d’Italie – Preview V3.7. Loaded after V3.6. */
:root, html, body, body * { color-scheme: light !important; }
html, body.design-v2 {
  background: #fcfaf7 !important;
  color: #231f1c !important;
  forced-color-adjust: none;
  -webkit-text-size-adjust: 100%;
}
body.design-v2 img, body.design-v2 video { forced-color-adjust: none; }
body.design-v2 #main-header,
body.design-v2 #mobile-menu-overlay,
body.design-v2 .cdmi-search-panel,
body.design-v2 .cdmi-search-panel .cdmi-search-form,
body.design-v2 .cdmi-section,
body.design-v2 .cdmi-categories,
body.design-v2 .cdmi-inspirations,
body.design-v2 .cdmi-testimonials,
body.design-v2 .cdmi-services,
body.design-v2 .cdmi-footer {
  background-color: #fcfaf7 !important;
  color: #231f1c !important;
}
body.design-v2 .cdmi-hero,
body.design-v2 .cdmi-hero * { color-scheme: light !important; }
body.design-v2 .cdmi-header,
body.design-v2 #main-header { isolation: isolate; }
body.design-v2 .cdmi-header,
body.design-v2 .cdmi-header * { backface-visibility: hidden; }
body.design-v2 .cdmi-brand-lockup {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
body.design-v2 .cdmi-brand-tagline {
  display: block;
  width: 100%;
  margin: .4rem auto 0;
  text-align: center !important;
}
body.design-v2 .cdmi-category-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
body.design-v2 .cdmi-category-card {
  overflow: hidden;
}
body.design-v2 .cdmi-category-photo {
  aspect-ratio: 6 / 5;
  min-height: 240px;
  background: #efe8dd;
  overflow: hidden;
}
body.design-v2 .cdmi-category-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.design-v2 .cdmi-category-label {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.design-v2 .cdmi-category-card .cdmi-no-photo {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
}
@media (max-width: 1023px) {
  body.design-v2 .cdmi-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
  body.design-v2 .cdmi-category-photo,
  body.design-v2 .cdmi-category-card .cdmi-no-photo {
    min-height: 170px;
  }
  body.design-v2 .cdmi-logo {
    width: 100%;
    justify-content: center;
    padding-inline: 0.75rem;
  }
  body.design-v2 .cdmi-brand-tagline {
    font-size: 0.92rem;
    line-height: 1.25;
    padding-inline: 0.5rem;
  }
}
@media (prefers-color-scheme: dark) {
  html, body.design-v2, body.design-v2 * {
    color-scheme: light !important;
  }
  body.design-v2,
  body.design-v2 #main-header,
  body.design-v2 #mobile-menu-overlay,
  body.design-v2 .cdmi-search-panel,
  body.design-v2 .cdmi-search-panel .cdmi-search-form,
  body.design-v2 .cdmi-section,
  body.design-v2 .cdmi-footer {
    background: #fcfaf7 !important;
    color: #231f1c !important;
  }
  body.design-v2 .cdmi-hero,
  body.design-v2 .cdmi-hero *,
  body.design-v2 .cdmi-hero-shade {
    color-scheme: light !important;
  }
  body.design-v2 .cdmi-header-actions svg,
  body.design-v2 .cdmi-desktop-nav a,
  body.design-v2 .cdmi-search-link,
  body.design-v2 .cdmi-favorites-link,
  body.design-v2 .cdmi-desktop-cart button {
    color: #231f1c !important;
  }
}
/* CRISTAL DE LA MAISON D'ITALIE - V3.8 Preview, incremental after V3.7. */
/* Restore the compact, six-across category cards from V3.4 (design-v1.css).
   V3.7 enlarged every image via 3 columns and min-height:240px. */
body.design-v2 .cdmi-category-grid {
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
}
body.design-v2 .cdmi-category-photo {
  aspect-ratio:1.03 !important;
  min-height:0 !important;
  height:auto !important;
  background:#eee6db;
}
body.design-v2 .cdmi-category-card .cdmi-no-photo {
  min-height:0 !important;
  aspect-ratio:1.03;
  font-size:clamp(12px,1vw,15px);
}
body.design-v2 .cdmi-category-photo img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
body.design-v2 .cdmi-category-label {
  min-height:0 !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:2px !important;
  text-align:center !important;
  padding:10px 3px !important;
  font-size:clamp(12px,1.1vw,16px) !important;
  line-height:1.3 !important;
}
body.design-v2 .cdmi-category-label span:first-child {
  overflow-wrap:break-word;
  hyphens:auto;
}
@media(max-width:1023px) {
  body.design-v2 .cdmi-category-grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
  }
}
@media(max-width:640px) {
  body.design-v2 .cdmi-category-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  body.design-v2 .cdmi-category-label {
    padding:9px 3px !important;
    font-size:14px !important;
  }
}
/* Forced-dark website mode may transform CSS but leave PNG pixels unchanged.
   The official gold motif is untouched. Add a small white halo to the black
   lettering layer of the EXISTING logo so it remains readable on both light
   and dark backgrounds. This does not redraw or replace the brand artwork. */
body.design-v2 #main-header .cdmi-official-logo-frame .cdmi-logo-ink,
body.design-v2 #page-loader .cdmi-official-logo-frame .cdmi-logo-ink {
  filter: brightness(0)
    drop-shadow(1px 0 0 rgba(255,255,255,.98))
    drop-shadow(-1px 0 0 rgba(255,255,255,.98))
    drop-shadow(0 1px 0 rgba(255,255,255,.98))
    drop-shadow(0 -1px 0 rgba(255,255,255,.98)) !important;
}
/* Stable contrast in the hero: no more light-on-light outlined button when
   browsers auto-darken page backgrounds. Visually distinct from golden CTA. */
body.design-v2 main .cdmi-hero .cdmi-hero-buttons .cdmi-btn-outline,
body.design-v2 main .cdmi-hero .cdmi-hero-buttons .cdmi-btn-outline:hover,
body.design-v2 main .cdmi-hero .cdmi-hero-buttons .cdmi-btn-outline:focus-visible {
  background-color:#4d3827 !important;
  border:2px solid #ffffff !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none !important;
}
body.design-v2 main .cdmi-hero .cdmi-hero-buttons .cdmi-btn-outline span,
body.design-v2 main .cdmi-hero .cdmi-hero-buttons .cdmi-btn-outline:hover span {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
/* Fallback for native/browser dark theme detection. A user-agent that forces
   its own algorithm can still override site CSS (as the test-couleurs page showed). */

/* V3.9 — additive Preview-only visual adjustments. V3.8 remains available for rollback. */
:root { --cdmi-v39-paper:#fff; --cdmi-v39-ink:#241e18; --cdmi-v39-gold:#ae8542; }
/* The official user-supplied white-letter logo is displayed on browsers requesting dark mode.
   Site-forced color inversion may ignore @media and is not guaranteed overrideable by CSS. */
body.design-v2 .cdmi-official-logo-frame .cdmi-logo-dark-v39 {
  display:none!important;
  /* Keep exactly the official logo image dimensions/offset from the existing frame. */
  object-fit:contain!important;
  filter:none!important;
  clip-path:none!important;
}

/* Hamburger lives outside #main-header. Keep it above sticky nav, hero and WhatsApp. */
@media(max-width:1023px) {
 body.design-v2 #mobile-menu-btn {
   position:fixed!important;
   z-index:2147483000!important;
   top:calc(env(safe-area-inset-top, 0px) + 14px)!important;
   left:12px!important;
   margin:0!important;
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   width:42px!important;
   height:42px!important;
   border:1px solid #e5d9c7!important;
   border-radius:11px!important;
   background:#fff!important;
   color:#201c19!important;
   opacity:1!important;
   visibility:visible!important;
   transform:none!important;
   box-shadow:0 2px 12px #0002!important;
 }
 body.design-v2 #mobile-menu-btn svg:not(.hidden) {display:block!important;color:#201c19!important;stroke:#201c19!important;opacity:1!important;}
 body.design-v2 #mobile-menu-btn svg.hidden {display:none!important;}
 body.design-v2 #mobile-menu-overlay {z-index:2147482900!important;}
}
@media(min-width:1024px){body.design-v2 #mobile-menu-btn{display:none!important;}}
/* A consistent product-on-paper treatment for ONLY the three new image assets. */
body.design-v2 .cdmi-category-photo:has(img.cdmi-v39-isolated){background:#fff!important;}
body.design-v2 .cdmi-category-photo img.cdmi-v39-isolated {
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:7px!important;
  background:transparent!important;
}
/* All nine labels use one stable, readable premium card footer. */
body.design-v2 .cdmi-category-card .cdmi-category-label {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:12px 8px!important;
  background:#fbf8f3!important;
  color:#211b16!important;
  border-top:1px solid #eee3d4!important;
  text-align:center!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(15px,1.15vw,18px)!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
body.design-v2 .cdmi-category-card .cdmi-category-label span:first-child {
  color:#211b16!important;
  -webkit-text-fill-color:#211b16!important;
  font-weight:700!important;
}
body.design-v2 .cdmi-category-card .cdmi-category-label span[aria-hidden="true"]{display:none!important;}
@media(max-width:640px) {
 body.design-v2 .cdmi-category-card .cdmi-category-label {
   min-height:48px!important;
   font-size:15px!important;
   padding:10px 5px!important;
 }
}
/* Favorite cards: safe improvements for old/new class spellings; no global prices affected. */
body.design-v2 .cdmi-favorites-grid article,
body.design-v2 .cdmi-favorites-grid .cdmi-favorite-card,
body.design-v2 .cdmi-favorite-grid article,
body.design-v2 .cdmi-fav-grid article {display:flex!important;flex-direction:column!important;}
body.design-v2 .cdmi-favorites-grid .cdmi-product-price,
body.design-v2 .cdmi-favorite-grid .cdmi-product-price,
body.design-v2 .cdmi-fav-grid .cdmi-product-price {min-height:68px!important;line-height:1.4!important;}
body.design-v2 .cdmi-favorites-grid .cdmi-product-price del,
body.design-v2 .cdmi-favorite-grid .cdmi-product-price del,
body.design-v2 .cdmi-fav-grid .cdmi-product-price del {white-space:nowrap!important;display:inline-block!important;}
body.design-v2 .cdmi-favorites-grid .cdmi-product-price .cdmi-v35-price-discount,
body.design-v2 .cdmi-favorite-grid .cdmi-product-price .cdmi-v35-price-discount,
body.design-v2 .cdmi-fav-grid .cdmi-product-price .cdmi-v35-price-discount {white-space:nowrap!important;}
/* Actual favorites markup is produced by design-v2.js on #cdmi-favorites-items.
   Reserve equal price heights and keep number and DH together at every screen width. */
body.design-v2 #cdmi-favorites-items .cdmi-product-card .cdmi-product-info {
  display:flex!important; flex-direction:column!important; height:100%!important;
}
body.design-v2 #cdmi-favorites-items .cdmi-product-card {display:flex!important; flex-direction:column!important;}
body.design-v2 #cdmi-favorites-items .cdmi-product-price.cdmi-favorite-price-grid {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:3px!important;
  height:100px!important;
  min-height:100px!important;
  margin-top:auto!important;
  margin-bottom:12px!important;
  padding-top:4px!important;
  font-size:clamp(14px,2.7vw,18px)!important;
  line-height:1.25!important;
}
body.design-v2 #cdmi-favorites-items .cdmi-favorite-price-current,
body.design-v2 #cdmi-favorites-items .cdmi-favorite-price-grid del {
  display:block!important;
  white-space:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.design-v2 #cdmi-favorites-items .cdmi-favorite-price-grid del {
  font-size:13px!important;
  line-height:1.25!important;
}
body.design-v2 #cdmi-favorites-items .cdmi-favorite-discount {
  align-self:flex-start!important;
  white-space:nowrap!important;
  margin:0 0 3px!important;
}
body.design-v2 #cdmi-favorites-items .cdmi-fav-remove {
  margin-top:auto!important;
  width:100%!important;
}
@media(max-width:420px){
  body.design-v2 #cdmi-favorites-items .cdmi-product-price.cdmi-favorite-price-grid {font-size:14px!important;}
  body.design-v2 #cdmi-favorites-items .cdmi-favorite-price-grid del {font-size:12px!important;}
}
/* Bulb popup remains a true overlay, even when site auto-dark is enabled. */
.cdmi-bulb-popup[hidden]{display:none!important;}
.cdmi-bulb-popup{
  position:fixed!important;inset:0!important;
  z-index:2147483400!important;
  background:#000a!important;
  padding:20px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow-y:auto!important;
}
.cdmi-bulb-dialog{
  position:relative!important;
  width:min(100%,510px)!important;max-height:min(92vh,740px)!important;
  overflow:auto!important;
  background:#fff!important;
  color:#211b16!important;
  border:1px solid #d9c5a2!important;
  border-radius:18px!important;
  padding:clamp(20px,4vw,32px)!important;
  box-shadow:0 20px 90px #0006!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.cdmi-bulb-dialog *{color:inherit;box-sizing:border-box;}
.cdmi-bulb-eyebrow{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#916e35!important;font-weight:700;margin-bottom:10px;}
.cdmi-bulb-dialog h2{font:700 clamp(22px,4vw,29px)/1.2 Arial,sans-serif!important;color:#211b16!important;margin:0 28px 13px 0!important;}
.cdmi-bulb-dialog p{font-size:14px!important;line-height:1.5!important;color:#43372a!important;}
.cdmi-bulb-close{position:absolute;top:12px;right:14px;background:transparent;border:0;font-size:29px;cursor:pointer;line-height:1;color:#43372a!important;}
.cdmi-bulb-list{display:grid;gap:10px;margin:17px 0;}
.cdmi-bulb-item{display:grid;grid-template-columns:22px 55px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #e6d9c8;padding:10px;border-radius:10px;background:#fcfaf6;cursor:pointer;}
.cdmi-bulb-item input{accent-color:#977344;width:19px;height:19px;}
.cdmi-bulb-item img{width:55px;height:55px;object-fit:contain;background:#fff;}
.cdmi-bulb-item strong{display:block;font-size:14px!important;line-height:1.3!important;}
.cdmi-bulb-item small{display:block;color:#605345!important;font-size:13px!important;line-height:1.4!important;margin-top:4px;}
.cdmi-bulb-total{font-weight:700;color:#322518!important;text-align:right;margin:0 0 15px;}
.cdmi-bulb-error{color:#ad2828!important;font-weight:700;margin:0 0 12px;}
.cdmi-bulb-add,.cdmi-bulb-skip{display:block;width:100%;border-radius:9px;min-height:45px;padding:10px 12px;font-size:15px!important;font-weight:700!important;cursor:pointer;}
.cdmi-bulb-add{background:#947142!important;color:#fff!important;border:1px solid #947142!important;}
.cdmi-bulb-add:disabled{opacity:.6;cursor:wait;}
.cdmi-bulb-skip{background:transparent!important;color:#403225!important;border:1px solid #c9b99f!important;margin-top:10px;}
@media(max-width:440px){.cdmi-bulb-popup{padding:10px!important;}.cdmi-bulb-dialog{padding:19px!important;}}

/* Desktop: stable Collections dropdown and no floating WhatsApp button. */
@media(min-width:1024px){
 body.design-v2 .cdmi-nav-dropdown{
   transform:none!important;
   transition:opacity .18s,visibility .18s!important;
 }
 body.design-v2 .cdmi-nav-collections:is(:hover,:focus-within,.is-open) .cdmi-nav-dropdown{
   transform:none!important;
 }
 body.design-v2 .cdmi-whatsapp-desktop{
   display:none!important;
 }
}

@media(min-width:1024px){
 body.design-v2 .cdmi-side-collections-nav{
   position:sticky!important;
   top:130px!important;
   transform:none!important;
   transition:none!important;
   height:max-content!important;
 }
}


/* V3 - Centre la dernière rangée de 3 catégories sur desktop */
@media (min-width:1024px) {
  body.design-v2 .cdmi-category-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  body.design-v2 .cdmi-category-grid > .cdmi-category-card {
    grid-column: span 2;
  }

  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(7) {
    grid-column: 4 / span 2;
  }

  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(8) {
    grid-column: 6 / span 2;
  }

  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(9) {
    grid-column: 8 / span 2;
  }
}


/* Alignement vertical des cartes produits sur mobile */
@media (max-width:700px) {
  body.design-v2 main #products-grid > article > .p-2,
  body.design-v2 main .collection-section .grid > article > .p-2 {
    justify-content:flex-start!important;
  }

  body.design-v2 main #products-grid > article .cdmi-out-of-stock,
  body.design-v2 main .collection-section .grid > article .cdmi-out-of-stock {
    display:block!important;
    min-height:1.4em!important;
  }

  body.design-v2 main .cdmi-stock-placeholder {
    visibility:hidden!important;
  }

  body.design-v2 main #products-grid > article .add-to-cart-btn,
  body.design-v2 main .collection-section .grid > article .add-to-cart-btn {
    margin-top:auto!important;
  }
}


/* Destockage - centrage adaptatif de la dernière ligne */
@media (min-width:1024px) {
  body.design-v2 .cdmi-category-grid > .cdmi-category-card {
    grid-column:span 2!important;
  }

  /* 9 catégories : 6 + 3 centrées */
  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(7):nth-last-child(3) {
    grid-column:4 / span 2!important;
  }
  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(8):nth-last-child(2) {
    grid-column:6 / span 2!important;
  }
  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(9):nth-last-child(1) {
    grid-column:8 / span 2!important;
  }

  /* 10 catégories : 6 + 4 centrées */
  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(7):nth-last-child(4) {
    grid-column:3 / span 2!important;
  }
  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(8):nth-last-child(3) {
    grid-column:5 / span 2!important;
  }
  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(9):nth-last-child(2) {
    grid-column:7 / span 2!important;
  }
  body.design-v2 .cdmi-category-grid > .cdmi-category-card:nth-child(10):nth-last-child(1) {
    grid-column:9 / span 2!important;
  }
}

/* HOME SPECIAL CARDS - PROPOSITION C */
body.design-v2 .cdmi-category-card.cdmi-special-category{position:relative!important;overflow:hidden!important;border-radius:12px!important;text-decoration:none!important}
body.design-v2 .cdmi-category-card.cdmi-special-category::before,body.design-v2 .cdmi-category-card.cdmi-special-category::after{content:none!important;display:none!important}
body.design-v2 .cdmi-special-card-inner{width:100%;height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;box-sizing:border-box}
body.design-v2 .cdmi-special-kicker{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
body.design-v2 .cdmi-special-rule{width:54px;height:1px;margin:14px 0 18px;background:#b68b3a}
body.design-v2 .cdmi-special-category strong{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.15;letter-spacing:.08em;font-weight:500}
body.design-v2 .cdmi-special-cta{margin-top:20px;font-size:12px;font-weight:500}
body.design-v2 .cdmi-new-collection-card{border:1px solid #e8dfd0!important;background:linear-gradient(135deg,transparent 0 8%,rgba(190,145,65,.20) 8.2% 8.7%,transparent 8.9% 91%,rgba(190,145,65,.20) 91.2% 91.7%,transparent 91.9%),#fbf8f1!important;color:#171717!important;box-shadow:0 5px 18px rgba(30,25,18,.07)!important}
body.design-v2 .cdmi-new-collection-card .cdmi-special-kicker,body.design-v2 .cdmi-new-collection-card .cdmi-special-cta{color:#8c6425!important}
body.design-v2 .cdmi-destockage-home-card{border:1px solid #242424!important;background:linear-gradient(135deg,transparent 0 78%,rgba(193,145,50,.9) 78.5% 80%,transparent 80.5%),linear-gradient(315deg,transparent 0 82%,rgba(193,145,50,.55) 82.5% 84%,transparent 84.5%),#111!important;color:#fff!important;box-shadow:0 7px 22px rgba(0,0,0,.15)!important;padding-left:0!important}
body.design-v2 .cdmi-destockage-home-card .cdmi-special-kicker,body.design-v2 .cdmi-destockage-home-card .cdmi-special-cta{color:#d7ad56!important}
body.design-v2 .cdmi-destockage-home-card .cdmi-special-subtitle{max-width:145px;margin-top:14px;color:#d7ad56;font-size:12px;line-height:1.45}
body.design-v2 .cdmi-destockage-home-card strong{margin-top:16px;font-size:25px}
@media(max-width:700px){body.design-v2 .cdmi-special-card-inner{min-height:210px;padding:18px 10px}body.design-v2 .cdmi-special-category strong{font-size:18px}body.design-v2 .cdmi-destockage-home-card strong{font-size:19px}body.design-v2 .cdmi-special-kicker{font-size:8px}body.design-v2 .cdmi-special-cta,body.design-v2 .cdmi-destockage-home-card .cdmi-special-subtitle{font-size:10px}}

/* Nouvelle collection sans 2026 - centrage final */
body.design-v2 .cdmi-new-collection-card .cdmi-special-card-inner{justify-content:center!important;}
body.design-v2 .cdmi-new-collection-card strong{margin:0!important;}
body.design-v2 .cdmi-new-collection-card .cdmi-special-rule{margin:18px 0!important;}
body.design-v2 .cdmi-new-collection-card .cdmi-special-cta{margin-top:18px!important;}

/* ==================================================
   DESTOCKAGE PREMIUM - COHERENT PROPOSITION C
   ================================================== */

/* ---------- MENU ---------- */
body.design-v2 nav a[href*="/collections/destockage"],
body.design-v2 header a[href*="/collections/destockage"],
body.design-v2 .cdmi-side-collections-nav a[href*="/collections/destockage"] {
    position:relative !important;
    overflow:hidden !important;
    color:#fff !important;
    background:#111 !important;
    border:1px solid #b98a3c !important;
    border-radius:8px !important;
    padding-left:18px !important;
    font-weight:600 !important;
    box-shadow:none !important;
}

/* Supprime les anciennes rayures chantier */
body.design-v2 nav a[href*="/collections/destockage"]::before,
body.design-v2 header a[href*="/collections/destockage"]::before,
body.design-v2 .cdmi-side-collections-nav a[href*="/collections/destockage"]::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:20% !important;
    bottom:20% !important;
    width:3px !important;
    border-radius:0 3px 3px 0 !important;
    background:#d7ad56 !important;
}

body.design-v2 nav a[href*="/collections/destockage"]:hover,
body.design-v2 header a[href*="/collections/destockage"]:hover,
body.design-v2 .cdmi-side-collections-nav a[href*="/collections/destockage"]:hover {
    background:#1a1a1a !important;
    border-color:#d7ad56 !important;
}


/* ---------- CARTE DESTOCKAGE HOME ---------- */
body.design-v2 .cdmi-destockage-home-card {
    position:relative !important;
    overflow:hidden !important;
    border:1px solid #b98a3c !important;
    outline:none !important;
    box-shadow:0 7px 22px rgba(0,0,0,.15) !important;
}

/* Petit badge premium */
body.design-v2 .cdmi-destockage-home-card::before {
    content:"OFFRE SPÉCIALE" !important;
    display:block !important;
    position:absolute !important;
    z-index:20 !important;
    top:12px !important;
    right:12px !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:auto !important;
    padding:5px 8px !important;
    color:#111 !important;
    background:#d7ad56 !important;
    border:0 !important;
    border-radius:4px !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.10em !important;
    box-shadow:none !important;
}

/* Supprime la bande chantier du bas */
body.design-v2 .cdmi-destockage-home-card::after {
    content:"" !important;
    position:absolute !important;
    z-index:2 !important;
    right:-30px !important;
    bottom:-35px !important;
    left:auto !important;
    top:auto !important;
    width:95px !important;
    height:95px !important;
    background:rgba(185,138,60,.12) !important;
    border:1px solid rgba(215,173,86,.25) !important;
    transform:rotate(45deg) !important;
}


/* ---------- PAGE DESTOCKAGE ---------- */

/* Bandeau premium */
body.design-v2.cdmi-destockage-page main::before {
    content:"OFFRES EXCEPTIONNELLES  ·  DÉSTOCKAGE" !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 30px !important;
    padding:20px 24px !important;
    box-sizing:border-box !important;

    color:#fff !important;
    background:
        linear-gradient(
            135deg,
            transparent 0 82%,
            rgba(185,138,60,.22) 82.5% 84%,
            transparent 84.5%
        ),
        #111 !important;

    border:1px solid #b98a3c !important;
    border-radius:12px !important;
    text-align:center !important;

    font-size:clamp(17px,2.2vw,28px) !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    letter-spacing:.12em !important;

    box-shadow:0 8px 24px rgba(0,0,0,.10) !important;
}

/* Titre normal, avec simple ligne dorée */
body.design-v2.cdmi-destockage-page main h1::after {
    content:"" !important;
    display:block !important;
    width:55px !important;
    height:2px !important;
    margin:12px 0 0 !important;
    background:#b98a3c !important;
}

/* Plus de grosse bordure jaune au-dessus des produits */
body.design-v2.cdmi-destockage-page #products-grid {
    border-top:1px solid rgba(185,138,60,.25) !important;
    padding-top:22px !important;
}


/* ---------- MOBILE ---------- */
@media(max-width:700px) {

    body.design-v2 .cdmi-destockage-home-card::before {
        top:8px !important;
        right:8px !important;
        padding:4px 6px !important;
        font-size:7px !important;
    }

    body.design-v2.cdmi-destockage-page main::before {
        margin-bottom:20px !important;
        padding:16px 12px !important;
        font-size:15px !important;
        letter-spacing:.08em !important;
        border-radius:9px !important;
    }
}


/* FIX TEXTE DESTOCKAGE MENU */
body.design-v2 nav a[href*="/collections/destockage"],
body.design-v2 nav a[href*="/collections/destockage"] *,
body.design-v2 header a[href*="/collections/destockage"],
body.design-v2 header a[href*="/collections/destockage"] *,
body.design-v2 .cdmi-side-collections-nav a[href*="/collections/destockage"],
body.design-v2 .cdmi-side-collections-nav a[href*="/collections/destockage"] * {
    color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* DESTOCKAGE MENU - TEXTE TOUJOURS VISIBLE */
body.design-v2 nav a[href*="/collections/destockage"],
body.design-v2 header a[href*="/collections/destockage"],
body.design-v2 .cdmi-side-collections-nav a[href*="/collections/destockage"] {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:14px !important;
    line-height:1.25 !important;
    text-indent:0 !important;
    letter-spacing:normal !important;
    opacity:1 !important;
    visibility:visible !important;
    display:flex !important;
    align-items:center !important;
    min-height:42px !important;
    z-index:1 !important;
}

/* ==================================================
   FIX FINAL MENU DESTOCKAGE - NORMAL / SELECTIONNE
   ================================================== */

/* Etat normal : identique aux autres collections */
body.design-v2:not(.cdmi-destockage-page) .cdmi-nav-dropdown a[href*="/collections/destockage"],
body.design-v2:not(.cdmi-destockage-page) .cdmi-mobile-collections a[href*="/collections/destockage"],
body.design-v2:not(.cdmi-destockage-page) .cdmi-collection-switcher-list a[href*="/collections/destockage"] {
    background:transparent !important;
    border-color:transparent !important;
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
    border-radius:0 !important;
    font-weight:inherit !important;
    padding-left:inherit !important;
    min-height:unset !important;
    box-shadow:none !important;
}

/* Enlever la petite barre dorée lorsque Destockage n'est pas sélectionné */
body.design-v2:not(.cdmi-destockage-page) .cdmi-nav-dropdown a[href*="/collections/destockage"]::before,
body.design-v2:not(.cdmi-destockage-page) .cdmi-mobile-collections a[href*="/collections/destockage"]::before,
body.design-v2:not(.cdmi-destockage-page) .cdmi-collection-switcher-list a[href*="/collections/destockage"]::before {
    content:none !important;
    display:none !important;
}

/* Etat sélectionné : style premium uniquement sur la page Destockage */
body.design-v2.cdmi-destockage-page .cdmi-nav-dropdown a[href*="/collections/destockage"],
body.design-v2.cdmi-destockage-page .cdmi-mobile-collections a[href*="/collections/destockage"],
body.design-v2.cdmi-destockage-page .cdmi-collection-switcher-list a[href*="/collections/destockage"] {
    background:#111 !important;
    border:1px solid #b98a3c !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-radius:8px !important;
    font-weight:600 !important;
}

/* Cristal de la Maison d’Italie — V3.10 Preview-only, after V3.9. */
/* Brand loading animation has a white canvas regardless of the user's OS palette.
   The supplied white-letter PNG is for the DARK HEADER ONLY, never for the loader. */
body.design-v2 #page-loader { background:#fff!important; color:#241e18!important; color-scheme:only light!important; }
body.design-v2 #page-loader .cdmi-logo-dark-v39 { display:none!important; }
body.design-v2 #page-loader .cdmi-official-logo-frame .cdmi-logo-gold {display:block!important;filter:none!important;}
body.design-v2 #page-loader .cdmi-official-logo-frame .cdmi-logo-ink {display:block!important;filter:brightness(0)!important;}
body.design-v2 #page-loader .cdmi-brand-tagline {color:#32271b!important;-webkit-text-fill-color:#32271b!important;}
/* White header in normal light mode, not brown. Dark header only when OS/browser announces dark. */
body.design-v2 #main-header,
body.design-v2 #main-header.cdmi-header-compact {background:#fff!important;color:#241e18!important;}
body.design-v2 #main-header .cdmi-header-actions svg,
body.design-v2 #main-header .cdmi-desktop-nav>a,
body.design-v2 #main-header .cdmi-nav-collections-link {color:#241e18!important;}

/* All nine category image panels have EXACTLY the same paper background.
   The 3 V3.9 visual assets are transparent. */
body.design-v2 main .cdmi-category-grid .cdmi-category-photo,
body.design-v2 main .cdmi-category-grid .cdmi-category-photo:has(img.cdmi-v39-isolated),
body.design-v2 main .cdmi-category-grid .cdmi-category-photo img.cdmi-v39-isolated {
  background-color:#eee6db!important;
}
body.design-v2 main .cdmi-category-photo img.cdmi-v39-isolated {background:transparent!important;object-fit:contain!important;}
/* Hamburger away from the logo and aligned to left nav slot; remains fixed during scroll.
   Never visible over the entrance animation, and never obscures the cart. */
@media(max-width:1023px) {
  body.design-v2 #mobile-menu-btn {
    position:fixed!important;
    left:max(8px,env(safe-area-inset-left,0px))!important;
    top:calc(env(safe-area-inset-top,0px) + 23px)!important;
    width:40px!important;height:40px!important;
    z-index:2147483000!important;
  }
  body.design-v2 #main-header .cdmi-header-inner {
    padding-left:clamp(59px,16vw,75px)!important;
    gap:6px!important;
  }
  body.design-v2 #main-header .cdmi-logo {
    flex-shrink:1!important;
    max-width:clamp(118px,35vw,170px)!important;
  }
  html.cdmi-intro-pending body.design-v2 #mobile-menu-btn {
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }
  body.design-v2.cdmi-cart-visible #mobile-menu-btn,
  body.design-v2:has(#cart-popup:not(.hidden)) #mobile-menu-btn {
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
}
/* Price hierarchy: old crossed-out price above current promotional price throughout storefront. */
body.design-v2 main .cdmi-product-price:has(del) {
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;
}
body.design-v2 main .cdmi-product-price:has(del) del {order:-2;display:block!important;white-space:nowrap!important;line-height:1.2!important;}
body.design-v2 main .cdmi-product-price:has(del) .cdmi-v35-price-discount {order:2;margin:2px 0 0!important;align-self:flex-start!important;}
body.design-v2 main .cdmi-product-price:has(del) span:not(.cdmi-v35-price-discount) {white-space:nowrap!important;}
body.design-v2 main #cdmi-favorites-items .cdmi-favorite-price-grid del {order:0!important;}
body.design-v2 main #cdmi-favorites-items .cdmi-favorite-price-grid .cdmi-favorite-price-current {order:1!important;white-space:nowrap!important;}
body.design-v2 main #cdmi-favorites-items .cdmi-favorite-price-grid .cdmi-favorite-discount {order:2!important;}
body.design-v2 main .cdmi-specifications dd {overflow-wrap:anywhere;}
body.design-v2 main .cdmi-v310-accessory-old {display:block!important;white-space:nowrap!important;}
body.design-v2 main .cdmi-v310-accessory-current {display:block!important;white-space:nowrap!important;margin-top:3px!important;}
body.design-v2 #cart-items .cdmi-v310-price-old {display:block!important;text-decoration:line-through;opacity:.8;white-space:nowrap;line-height:1.2;}
body.design-v2 #cart-items .cdmi-v310-price-now {display:block!important;white-space:nowrap;line-height:1.25;}
/* Only touch-first devices: pinch zoom in main gallery; return automatically on release. */
@media (hover:none) and (pointer:coarse) {
  body.design-v2 main #cdmi-gallery-main {touch-action:pan-y!important;overflow:hidden!important;}
  body.design-v2 main #cdmi-gallery-main img.cdmi-pinch-active,
  body.design-v2 main #cdmi-gallery-main:hover img.cdmi-pinch-active {
    transform:var(--cdmi-pinch-scale,scale(1))!important;
    transition:none!important;
    will-change:transform!important;
  }
  body.design-v2 main #cdmi-gallery-main img.cdmi-pinch-return,
  body.design-v2 main #cdmi-gallery-main:hover img.cdmi-pinch-return {
    transform:scale(1)!important;
    transition:transform .26s ease-out!important;
  }
}

body.design-v2 .cdmi-search-result .cdmi-v310-search-old {display:block!important;white-space:nowrap!important;opacity:.7;font-size:12px!important;}
body.design-v2 .cdmi-search-result .cdmi-v310-search-now {display:block!important;white-space:nowrap!important;margin-top:2px;}
/* CRISTAL DE LA MAISON D'ITALIE — V3.11, after V3.10. Preview-only. */
/* The LIGHT website header must not follow the OS color preference automatically:
   iOS can be in dark system mode while the browser/site is set to light. */
body.design-v2 #main-header,
body.design-v2 #main-header.cdmi-header-compact {
  background:#fff !important;
  background-color:#fff !important;
  color:#251f1a !important;
  color-scheme:only light !important;
}
body.design-v2 #main-header .cdmi-brand-tagline,
body.design-v2 #main-header .cdmi-desktop-nav a,
body.design-v2 #main-header .cdmi-nav-collections-link,
body.design-v2 #main-header .cdmi-header-actions svg,
body.design-v2 #main-header .cdmi-header-actions button,
body.design-v2 #main-header .cdmi-header-actions a {
  color:#251f1a !important;
  -webkit-text-fill-color:#251f1a !important;
}
body.design-v2 #main-header .cdmi-official-logo-frame .cdmi-logo-dark-v39 {
  display:none !important;
}
body.design-v2 #main-header .cdmi-official-logo-frame .cdmi-logo-gold,
body.design-v2 #main-header .cdmi-official-logo-frame .cdmi-logo-ink {
  display:block !important;
}
body.design-v2 #main-header .cdmi-official-logo-frame .cdmi-logo-ink {
  filter:brightness(0) !important;
}
/* In true forced-dark website modes, browsers may recolor the white header
   themselves. CSS cannot reliably detect or override all browser-side filters. */

/* A separate mobile navigation ROW above the logo/actions row. Unlike the
   old floating square it never sits alongside or on top of the brand artwork. */
@media (max-width:1023px) {
  body.design-v2 #main-header .cdmi-header-inner,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner {
    min-height:134px !important;
    padding:46px 12px 8px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:7px !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }
  body.design-v2 #main-header .cdmi-logo,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-logo {
    min-width:0 !important;
    width:clamp(145px,42vw,205px) !important;
    max-width:100% !important;
    margin:0 auto !important;
    justify-content:center !important;
    padding:0 !important;
  }
  body.design-v2 #main-header .cdmi-header-actions {
    align-self:center !important;
    flex-shrink:0 !important;
  }
  body.design-v2 #mobile-menu-btn.cdmi-v311-header-menu {
    position:fixed !important;
    top:var(--cdmi-v311-nav-top,8px) !important;
    left:max(12px,env(safe-area-inset-left,0px)) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
    min-height:39px !important;
    padding:7px !important;
    margin:0 !important;
    z-index:2147483000 !important;
    border:1px solid #e5d9c7 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#241d17 !important;
    box-shadow:0 2px 10px #0001 !important;
    transform:none !important;
  }
  html.cdmi-intro-pending body.design-v2 #mobile-menu-btn.cdmi-v311-header-menu,
  body.design-v2.cdmi-cart-visible #mobile-menu-btn.cdmi-v311-header-menu,
  body.design-v2:has(#cart-popup:not(.hidden)) #mobile-menu-btn.cdmi-v311-header-menu {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  body.design-v2 #mobile-menu-btn.cdmi-v311-header-menu svg:not(.hidden) {
    display:block !important;
    stroke:#241d17 !important;
    color:#241d17 !important;
  }
}
@media (min-width:1024px) {
  body.design-v2 #mobile-menu-btn {display:none!important;}
}

/* Keep non-invented technical status legible in light mode. */
body.design-v2 .cdmi-v311-bulbs-included dt,
body.design-v2 .cdmi-v311-bulbs-included dd {overflow-wrap:normal !important;}
/* CRISTAL DE LA MAISON D'ITALIE — Preview V3.12. Overlay AFTER V3.11. */
/* One compact mobile row: nav left, brand exactly at the SCREEN center, actions right. */
@media (max-width:1023px) {
  body.design-v2 #main-header .cdmi-header-inner,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner {
    position:relative !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 108px !important;
    align-items:center !important;
    justify-content:initial !important;
    min-height:108px !important;
    height:108px !important;
    padding:3px 9px !important;
    gap:0 !important;
    box-sizing:border-box !important;
  }
  body.design-v2 #main-header .cdmi-desktop-nav {display:none !important;}
  body.design-v2 #main-header .cdmi-logo,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-logo {
    position:absolute !important;
    inset:auto auto auto 50% !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
    width:clamp(120px,36vw,150px) !important;
    max-width:calc(100vw - 155px) !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
  body.design-v2 #main-header .cdmi-brand-lockup {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    width:100% !important;
    max-width:100% !important;
  }
  body.design-v2 #main-header .cdmi-official-logo-frame,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame {
    --cdmi-full-logo-width:clamp(120px,35vw,146px) !important;
    max-width:100% !important;
    margin:0 auto !important;
  }
  body.design-v2 #main-header .cdmi-official-logo-frame,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame {
    width:var(--cdmi-full-logo-width) !important;
    height:calc(var(--cdmi-full-logo-width) * .63) !important;
    min-height:0 !important;
    flex:none !important;
    position:relative !important;
    overflow:hidden !important;
  }
  body.design-v2 #main-header .cdmi-brand-tagline,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline {
    font-size:clamp(7px,1.8vw,8.7px) !important;
    line-height:1.22 !important;
    margin:2px auto 0 !important;
    text-align:center !important;
    width:max-content !important;
    max-width:calc(100vw - 100px) !important;
    white-space:nowrap !important;
  }
  body.design-v2 #main-header .cdmi-header-actions {
    grid-column:3 !important;
    grid-row:1 !important;
    margin:0 0 0 auto !important;
    width:auto !important;
    max-width:108px !important;
    gap:1px !important;
    align-self:center !important;
    justify-self:end !important;
    position:relative !important;
    z-index:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }
  body.design-v2 #main-header .cdmi-header-actions svg {width:21px !important;height:21px !important;}
  body.design-v2 #main-header .cdmi-header-actions button,
  body.design-v2 #main-header .cdmi-header-actions a {margin-left:0 !important;padding:5px !important;}
  body.design-v2 #mobile-menu-btn.cdmi-v312-header-menu {
    position:fixed !important;
    top:var(--cdmi-v312-menu-top,34px) !important;
    left:max(10px,env(safe-area-inset-left,0px)) !important;
    right:auto !important;
    transform:none !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    padding:7px !important;
    z-index:2147483000 !important;
    box-sizing:border-box !important;
    border-radius:9px !important;
    transition:background-color .2s ease, border-color .2s ease !important;
  }
  /* Page opening and cart always take precedence over floating navigation. */
  html.cdmi-intro-pending body.design-v2 #mobile-menu-btn.cdmi-v312-header-menu,
  body.design-v2.cdmi-cart-visible #mobile-menu-btn.cdmi-v312-header-menu,
  body.design-v2:has(#cart-popup:not(.hidden)) #mobile-menu-btn.cdmi-v312-header-menu {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}
/* Existing legacy logo images are absolutely placed on a cropped square PNG.
   The added dark PNG MUST have the same geometry or it inflates/misaligns the row. */
body.design-v2 #main-header .cdmi-official-logo-frame img.cdmi-logo-dark-v39,
body.design-v2 #page-loader .cdmi-official-logo-frame img.cdmi-logo-dark-v39 {
  position:absolute !important;
  top:calc(var(--cdmi-full-logo-width) * -.2175) !important;
  left:0 !important;
  width:var(--cdmi-full-logo-width) !important;
  min-width:var(--cdmi-full-logo-width) !important;
  max-width:none !important;
  height:var(--cdmi-full-logo-width) !important;
  min-height:var(--cdmi-full-logo-width) !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
}
body.design-v2 #page-loader .cdmi-official-logo-frame {
  height:calc(var(--cdmi-full-logo-width) * .63) !important;
  min-height:0 !important;
  overflow:hidden !important;
}
/* White page and logo with dark lettering in the LIGHT appearance. */
body.design-v2 #main-header,
body.design-v2 #main-header.cdmi-header-compact {
  background:#fff !important;
  background-color:#fff !important;
  color:#231d18 !important;
}
body.design-v2 #main-header .cdmi-official-logo-frame .cdmi-logo-dark-v39,
body.design-v2 #page-loader .cdmi-official-logo-frame .cdmi-logo-dark-v39 {display:none !important;}
body.design-v2 #page-loader {background:#fff !important;color:#231d18 !important;}
body.design-v2 #page-loader .cdmi-official-logo-frame .cdmi-logo-gold,
body.design-v2 #page-loader .cdmi-official-logo-frame .cdmi-logo-ink {display:block !important;}
body.design-v2 #page-loader .cdmi-brand-tagline {color:#44382c !important;-webkit-text-fill-color:#44382c !important;}
/* Dark appearance: white-wordmark ORIGINAL PNG provided by Michele. No raster recoloring. */
/* Do not alter desktop layout, interactions, data, checkout or collection sorting. */
/* Cristal de la Maison d'Italie - V3.13 Instagram home feed. */
body.design-v2 .cdmi-instagram {
  background:#fcfaf7 !important;
  color:#231f1c !important;
  overflow:hidden;
}
body.design-v2 .cdmi-instagram-heading {
  max-width:1400px;
  margin:0 auto clamp(24px,3vw,42px);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
}
body.design-v2 .cdmi-instagram-heading .cdmi-section-heading {
  margin:0;
  text-align:left;
}
body.design-v2 .cdmi-instagram-heading .cdmi-rule { margin-inline:0; }
body.design-v2 .cdmi-instagram-profile {
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:9px 18px;
  border:1px solid var(--cdmi-gold);
  border-radius:999px;
  color:var(--cdmi-ink);
  background:#fff;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}
body.design-v2 .cdmi-instagram-profile:hover,
body.design-v2 .cdmi-instagram-profile:focus-visible {
  transform:translateY(-2px);
  background:#fffdf9;
  box-shadow:0 10px 28px rgba(78,58,37,.12);
}
body.design-v2 .cdmi-instagram-profile svg {
  width:25px;
  height:25px;
  fill:var(--cdmi-gold);
}
body.design-v2 .cdmi-instagram-profile span { display:flex;flex-direction:column;line-height:1.2; }
body.design-v2 .cdmi-instagram-profile strong { font:600 14px/1.25 Arial,sans-serif;letter-spacing:.02em; }
body.design-v2 .cdmi-instagram-profile small { margin-top:2px;color:var(--cdmi-muted);font:400 12px/1.25 Arial,sans-serif; }
body.design-v2 .cdmi-instagram-grid {
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.8vw,24px);
  align-items:start;
}
body.design-v2 .cdmi-instagram-card {
  display:block;
  min-width:0;
  background:#fff;
  border:1px solid var(--cdmi-line);
  border-radius:10px;
  box-shadow:0 9px 28px rgba(73,55,36,.07);
  overflow:hidden;
  color:var(--cdmi-ink);
  text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease;
}
body.design-v2 .cdmi-instagram-card:hover,
body.design-v2 .cdmi-instagram-card:focus-visible {
  transform:translateY(-4px);
  box-shadow:0 15px 34px rgba(73,55,36,.14);
}
body.design-v2 .cdmi-instagram-card figure { margin:0; }
body.design-v2 .cdmi-instagram-media {
  position:relative;
  aspect-ratio:3/4;
  overflow:hidden;
  background:#eee7de;
}
body.design-v2 .cdmi-instagram-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
body.design-v2 .cdmi-instagram-media video {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#17130f;
}
body.design-v2 .cdmi-instagram-photo-link { display:block;width:100%;height:100%; }
body.design-v2 .cdmi-instagram-card:hover .cdmi-instagram-media img { transform:scale(1.025); }
body.design-v2 .cdmi-instagram-format {
  position:absolute;
  top:14px;
  right:14px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(24,20,17,.78);
  color:#fff !important;
  font:600 10px/1 Arial,sans-serif;
  letter-spacing:.12em;
  backdrop-filter:blur(5px);
}
body.design-v2 .cdmi-instagram-card figcaption {
  min-height:67px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
}
body.design-v2 .cdmi-instagram-card figcaption span { color:var(--cdmi-muted);font:400 13px/1.3 Arial,sans-serif; }
body.design-v2 .cdmi-instagram-card figcaption strong,
body.design-v2 .cdmi-instagram-card figcaption a { color:var(--cdmi-ink);font:600 13px/1.3 Arial,sans-serif;white-space:nowrap;text-decoration:none; }
body.design-v2 .cdmi-instagram-card figcaption a:hover,
body.design-v2 .cdmi-instagram-card figcaption a:focus-visible { color:var(--cdmi-gold);text-decoration:underline;text-underline-offset:3px; }
body.design-v2 .cdmi-reel-sound {
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:3;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:rgba(24,20,17,.72);
  color:#fff;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(0,0,0,.2);
  backdrop-filter:blur(6px);
  transition:transform .2s ease,background-color .2s ease;
}
body.design-v2 .cdmi-reel-sound:hover,
body.design-v2 .cdmi-reel-sound:focus-visible { transform:scale(1.06);background:rgba(24,20,17,.9);outline:2px solid #fff;outline-offset:2px; }
body.design-v2 .cdmi-reel-sound svg { width:21px;height:21px;fill:currentColor; }
body.design-v2 .cdmi-reel-sound .cdmi-sound-on { display:none; }
body.design-v2 .cdmi-reel-sound[data-muted="false"] .cdmi-sound-on { display:block; }
body.design-v2 .cdmi-reel-sound[data-muted="false"] .cdmi-sound-off { display:none; }
@media(max-width:1023px) {
  body.design-v2 .cdmi-instagram-heading { align-items:center; }
  body.design-v2 .cdmi-instagram-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.design-v2 .cdmi-instagram-card:last-child { grid-column:1/-1;max-width:calc(50% - 8px);width:100%;justify-self:center; }
}
@media(max-width:700px) {
  body.design-v2 .cdmi-instagram-heading { flex-direction:column;align-items:flex-start;gap:18px; }
  body.design-v2 .cdmi-instagram-grid { display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 15px; }
  body.design-v2 .cdmi-instagram-card,
  body.design-v2 .cdmi-instagram-card:last-child { flex:0 0 min(82vw,340px);width:auto;max-width:none;scroll-snap-align:center; }
}
@media(prefers-reduced-motion:reduce) {
  body.design-v2 .cdmi-instagram-profile,
  body.design-v2 .cdmi-instagram-card,
  body.design-v2 .cdmi-instagram-media img,
  body.design-v2 .cdmi-reel-sound { transition:none; }
}
/* Collection pages: keep the title, controls and first products visible above the fold. */
body.design-v2 .cdmi-collection-page {
  padding-top: 32px !important;
}

body.design-v2 .cdmi-collection-hero {
  margin-bottom: 24px !important;
}

body.design-v2 .cdmi-collection-hero-inner {
  min-height: 112px;
}

body.design-v2 .cdmi-collection-hero h1 {
  margin-bottom: 8px !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  line-height: 1.04 !important;
}

body.design-v2 .cdmi-collection-hero p {
  font-size: clamp(.95rem, 1.6vw, 1.12rem) !important;
  line-height: 1.45 !important;
}

body.design-v2 .cdmi-collection-hero-visual {
  width: 150px;
  height: 112px !important;
  flex: 0 0 150px;
}

body.design-v2 .cdmi-collection-hero-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
}

body.design-v2 .cdmi-collection-toolbar {
  margin-bottom: 14px !important;
}

body.design-v2 main #products-grid {
  align-items: start !important;
}

body.design-v2 main #products-grid > article {
  align-self: start !important;
  height: auto !important;
}

body.design-v2 main #products-grid > article > .cdmi-collection-card-info {
  flex: none !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  padding: 12px !important;
}

body.design-v2 main #products-grid > article > .cdmi-collection-card-info h3 {
  min-height: 0 !important;
  margin: 1px 0 3px !important;
  line-height: 1.3 !important;
}

body.design-v2 main #products-grid > article > .cdmi-collection-card-info .cdmi-out-of-stock {
  min-height: 0 !important;
  margin: 0 0 2px !important;
}

body.design-v2 main #products-grid > article > .cdmi-collection-card-info .add-to-cart-btn {
  min-height: 38px !important;
  margin-top: 7px !important;
  padding: 7px 10px !important;
}

@media (max-width: 1023px) {
  body.design-v2 .cdmi-collection-page {
    padding-top: 24px !important;
  }

  body.design-v2 .cdmi-collection-hero {
    margin-bottom: 18px !important;
  }

  body.design-v2 .cdmi-collection-hero-inner {
    min-height: 0;
  }
}

@media (max-width: 700px) {
  body.design-v2 .cdmi-collection-page {
    padding-top: 16px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.design-v2 .cdmi-collection-hero {
    margin-bottom: 14px !important;
  }

  body.design-v2 .cdmi-collection-hero h1 {
    font-size: clamp(1.75rem, 9vw, 2.35rem) !important;
  }

  body.design-v2 .cdmi-collection-toolbar {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  body.design-v2 main #products-grid > article > .cdmi-collection-card-info {
    padding: 9px 8px !important;
    gap: 3px !important;
  }

  body.design-v2 main #products-grid > article > .cdmi-collection-card-info .add-to-cart-btn {
    min-height: 36px !important;
    margin-top: 5px !important;
    padding: 6px 5px !important;
  }
}

/* Product pages: a tighter first screen with a balanced gallery and buying panel. */
body.design-v2 .cdmi-product-page {
  padding-top: 28px !important;
}

body.design-v2 .cdmi-product-breadcrumb,
body.design-v2 .cdmi-product-detail-grid {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

body.design-v2 .cdmi-product-breadcrumb {
  margin-bottom: 18px !important;
}

body.design-v2 .cdmi-product-detail-grid {
  gap: clamp(28px, 3vw, 42px) !important;
}

body.design-v2 .cdmi-product-info-panel h1 {
  font-size: clamp(28px, 2.4vw, 42px) !important;
  line-height: 1.12 !important;
}

body.design-v2.cdmi-destockage-page main::before {
  margin-bottom: 14px !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  font-size: clamp(15px, 1.6vw, 21px) !important;
  line-height: 1.15 !important;
  letter-spacing: .1em !important;
}

@media (max-width: 1023px) {
  body.design-v2 .cdmi-product-page {
    padding-top: 20px !important;
  }

  body.design-v2 .cdmi-product-breadcrumb {
    margin-bottom: 14px !important;
  }
}

@media (max-width: 700px) {
  body.design-v2 .cdmi-product-page {
    padding-top: 12px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.design-v2 .cdmi-product-detail-grid {
    gap: 18px !important;
  }

  body.design-v2 .cdmi-product-info-panel h1 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }

  body.design-v2.cdmi-destockage-page main::before {
    margin-bottom: 8px !important;
    padding: 10px 12px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    letter-spacing: .07em !important;
  }
}
/* Compact public header and a discreet first-screen scroll cue. */
@media (min-width: 1024px) {
  body.design-v2 #main-header .cdmi-header-inner,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner {
    min-height: 136px !important;
    grid-template-columns: minmax(190px, 218px) minmax(0, 1fr) 123px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  body.design-v2 #main-header .cdmi-logo,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-logo {
    width: 205px !important;
    min-height: 120px !important;
  }

  body.design-v2 #main-header .cdmi-official-logo-frame,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame {
    --cdmi-full-logo-width: 168px !important;
  }

  body.design-v2 #main-header .cdmi-brand-tagline,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline {
    margin-top: 3px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 1023px) {
  body.design-v2 #main-header .cdmi-header-inner,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-header-inner {
    min-height: 96px !important;
    height: 96px !important;
  }

  body.design-v2 #main-header .cdmi-logo,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-logo {
    width: clamp(118px, 34vw, 142px) !important;
  }

  body.design-v2 #main-header .cdmi-official-logo-frame,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-official-logo-frame {
    --cdmi-full-logo-width: clamp(116px, 32vw, 136px) !important;
  }

  body.design-v2 #main-header .cdmi-brand-tagline,
  body.design-v2 #main-header.cdmi-header-compact .cdmi-brand-tagline {
    font-size: clamp(7.5px, 1.8vw, 9px) !important;
  }

  body.design-v2 #mobile-menu-btn.cdmi-v312-header-menu {
    top: 27px !important;
  }
}

body.design-v2 .cdmi-hero-scroll-cue {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 5;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  color: #fff;
  background: rgba(20, 16, 12, .42);
  box-shadow: 0 5px 18px rgba(0, 0, 0, .18);
  backdrop-filter: blur(4px);
  transform: translateX(-50%);
  cursor: pointer;
  opacity: 1;
  transition: opacity .35s ease, visibility .35s ease, background-color .2s ease;
  animation: cdmi-scroll-cue 1.8s ease-in-out infinite;
}

body.design-v2 .cdmi-hero-scroll-cue:hover,
body.design-v2 .cdmi-hero-scroll-cue:focus-visible {
  background: rgba(20, 16, 12, .7);
  outline: 2px solid #fff;
  outline-offset: 3px;
}

body.design-v2 .cdmi-hero-scroll-cue svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

body.design-v2 .cdmi-hero-scroll-cue.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  animation: none;
}

@keyframes cdmi-scroll-cue {
  0%, 100% { transform: translate(-50%, 0); }
  50% { transform: translate(-50%, 6px); }
}

@media (max-width: 700px) {
  body.design-v2 .cdmi-hero-scroll-cue {
    bottom: 13px;
    width: 38px;
    height: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.design-v2 .cdmi-hero-scroll-cue { animation: none; }
}