*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: 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;
}

* {
  scrollbar-color: initial;
  scrollbar-width: initial;
}

html {
  max-height: 400px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

html::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

html:is(.dark *)::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
}

html::-webkit-scrollbar-track {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

html:is(.dark *)::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}

html::-webkit-scrollbar {
  width: 0.5rem;
}

body {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  font-family: Dana;
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

body:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
}

input,
  textarea {
  resize: none;
  border-style: none;
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.custom-input {
  -moz-appearance: textfield;
}

.custom-input::-webkit-outer-spin-button,
  .custom-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.tailwind-input {
  margin-bottom: 1rem;
  width: 100%;
  border-radius: 0.5rem;
  background-color: transparent;
  padding: 0.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-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(1px + 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.tailwind-input:focus {
  padding-right: 1rem;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.tailwind-input:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

.tailwind-input:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

@font-face {
  font-family: "Dana";

  src: local("Dana"), url("../fonts/Dana/woff2/DanaFaNum-Regular.woff2");

  font-display: swap;
}

@font-face {
  font-family: "Dana Medium";

  src: local("Dana"), url("../fonts/Dana/woff2/DanaFaNum-Medium.woff2");

  font-display: swap;
}

@font-face {
  font-family: "Dana DemiBold";

  src: local("Dana"), url("../fonts/Dana/woff2/DanaFaNum-DemiBold.woff2");

  font-display: swap;
}

@font-face {
  font-family: "Morabba Light";

  src: local("Morabba"), url("../fonts/Morabba/woff2/Morabba-Light.woff2");

  font-display: swap;
}

@font-face {
  font-family: "Morabba Bold";

  src: local("Morabba"), url("../fonts/Morabba/woff2/Morabba-Bold.woff2");

  font-display: swap;
}

@font-face {
  font-family: "Morabba Medium";

  src: local("Morabba"), url("../fonts/Morabba/woff2/Morabba-Medium.woff2");

  font-display: swap;
}

/* CLASSES */

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.app-border:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

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

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

.app-hover:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.border-b-normal {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-b-normal:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

/* tooltip */

.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip button {
  transition: background-color 0.3s, transform 0.2s ease-out;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltiptext {
  visibility: hidden;
  bottom: 125%;
  left: 86%;
  margin-left: -60px;
  opacity: 0;
  position: absolute;
  z-index: 10;
  width: 6rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
  padding: 0.375rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.tooltiptext::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.tooltiptext:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}

.tooltiptext:is(.dark *)::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #60a5fa transparent transparent transparent;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 360px) {
  .container {
    max-width: 360px;
  }
}

@media (min-width: 480px) {
  .container {
    max-width: 480px;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

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

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
    padding-right: 6rem;
    padding-left: 6rem;
  }
}

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

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

.invisible {
  visibility: hidden;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

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

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

.-top-7 {
  top: -1.75rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-3 {
  bottom: 0.75rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 0.25rem;
}

.left-2 {
  left: 0.5rem;
}

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

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-40 {
  left: 10rem;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-40 {
  right: 10rem;
}

.right-6 {
  right: 1.5rem;
}

.start-0\.5 {
  inset-inline-start: 0.125rem;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

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

.top-2 {
  top: 0.5rem;
}

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

.top-20 {
  top: 5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-36 {
  top: 9rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-\[17rem\] {
  top: 17rem;
}

.top-\[47\%\] {
  top: 47%;
}

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

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

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

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

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

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

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

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

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

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

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

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

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

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

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

.mb-20 {
  margin-bottom: 5rem;
}

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

.mb-5 {
  margin-bottom: 1.25rem;
}

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

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

.ml-20 {
  margin-left: 5rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

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

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

.mr-2\.5 {
  margin-right: 0.625rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

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

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

.ms-1 {
  margin-inline-start: 0.25rem;
}

.ms-auto {
  margin-inline-start: auto;
}

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

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

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

.mt-14 {
  margin-top: 3.5rem;
}

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

.mt-20 {
  margin-top: 5rem;
}

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

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

.mt-5 {
  margin-top: 1.25rem;
}

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

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

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

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

.block {
  display: block;
}

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

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}

.h-1 {
  height: 0.25rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-52 {
  height: 13rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

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

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

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-0 {
  max-height: 0px;
}

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

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

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2\/4 {
  width: 50%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-84 {
  width: 336px;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

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

.w-\[27rem\] {
  width: 27rem;
}

.w-\[45rem\] {
  width: 45rem;
}

.w-\[50\%\] {
  width: 50%;
}

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

.w-\[90\%\] {
  width: 90%;
}

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

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.max-w-60 {
  max-width: 15rem;
}

.max-w-sm {
  max-width: 24rem;
}

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

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

.flex-\[1\.5\] {
  flex: 1.5;
}

.flex-\[2\] {
  flex: 2;
}

.-translate-x-2\/4 {
  --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-y-2\/4 {
  --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));
}

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

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

@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 ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.cursor-pointer {
  cursor: pointer;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

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

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

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

.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-start {
  justify-content: flex-start;
}

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

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

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

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

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

.gap-10 {
  gap: 2.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-x-0\.5 {
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

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

.gap-x-10 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-20 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-x-7 {
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

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

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-2\.5 {
  row-gap: 0.625rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-7 {
  row-gap: 1.75rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * 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-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * 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-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

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

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

.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1));
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}

.overflow-hidden {
  overflow: hidden;
}

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

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

.rounded {
  border-radius: 0.25rem;
}

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

.rounded-3xl {
  border-radius: 1.5rem;
}

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

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

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

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

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
}

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
}

.border {
  border-width: 1px;
}

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

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

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

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

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

.border-dashed {
  border-style: dashed;
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

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

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

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

.border-gray-600\/20 {
  border-color: rgb(75 85 99 / 0.2);
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

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

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

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

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

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

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

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

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 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-gray-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / 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-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

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

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

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

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

.bg-zinc-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(161 161 170 / var(--tw-bg-opacity, 1));
}

.stroke-black\/10 {
  stroke: rgb(0 0 0 / 0.1);
}

.stroke-\[2\] {
  stroke-width: 2;
}

.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-2\.5 {
  padding: 0.625rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-0 {
  padding: 0px;
}

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

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

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

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

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

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

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

.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-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

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

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

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

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

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

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

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

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

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

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

.pb-5 {
  padding-bottom: 1.25rem;
}

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

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

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

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

.pt-12 {
  padding-top: 3rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

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

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

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

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

.font-Dana {
  font-family: Dana;
}

.font-DanaDemiBold {
  font-family: Dana DemiBold;
}

.font-DanaMedium {
  font-family: Dana Medium;
}

.font-MorabbaMedium {
  font-family: Morabba Medium;
}

.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-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-sm\/6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

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

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

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

.leading-10 {
  line-height: 2.5rem;
}

.leading-8 {
  line-height: 2rem;
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / 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-50 {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / 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-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

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

.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

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

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

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

.text-sky-400 {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

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

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

.opacity-0 {
  opacity: 0;
}

.opacity-75 {
  opacity: 0.75;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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);
}

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

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-1 {
  outline-width: 1px;
}

.-outline-offset-1 {
  outline-offset: -1px;
}

.ring-1 {
  --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(1px + 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-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-4 {
  --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(4px + 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-blue-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

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

.ring-gray-400\/20 {
  --tw-ring-color: rgb(156 163 175 / 0.2);
}

.ring-transparent {
  --tw-ring-color: transparent;
}

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

.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;
}

.delay-100 {
  transition-delay: 100ms;
}

.delay-75 {
  transition-delay: 75ms;
}

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

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

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

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

/* Search Style */

.search-modal {
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: 5rem;
  display: flex;
  width: 336px;
  flex-direction: column;
  justify-content: flex-end;
  overflow-x: hidden;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  opacity: 0;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.search-modal:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.search-btn-open {
  z-index: -10;
}

.search-btn-open.active {
  z-index: 40;
}

.search-modal.active {
  visibility: visible;
  top: 3.5rem;
  opacity: 1;
}

.open-mobile_search-modal {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 5rem;
  display: flex;
  width: 100%;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.open-mobile_search-modal:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.mobile_search-modal {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 30;
  display: flex;
  height: 100vh;
  width: 100%;
  --tw-translate-y: -100vh;
  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));
  flex-direction: column;
  align-items: center;
  row-gap: 1.25rem;
  background-color: rgb(255 255 255 / 0.95);
  padding: 1rem;
  --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);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.mobile_search-modal:is(.dark *) {
  background-color: rgb(17 24 39 / 0.95);
}

.mobile_search-modal.active {
  --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));
}

/* Cart */

.cart {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  width: 360px;
  --tw-translate-x: -360px;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.cart:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.cart.active {
  --tw-translate-x: 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));
}

/* Overlay style */

.overlay {
  visibility: hidden;
  position: fixed;
  inset: 0px;
  z-index: 20;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 0.3);
  opacity: 0;
  --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);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.overlay.active {
  visibility: visible;
  opacity: 1;
}

.search-overlay {
  visibility: hidden;
  position: fixed;
  inset: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 0.3);
  opacity: 0;
  --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);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.search-overlay.active {
  visibility: visible;
  opacity: 1;
}

/* Menu */

.menu-item {
  position: relative;
}

.menu-item .menu-item_link {
  position: relative;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.menu-item .menu-item_link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -3px;
  left: 50%;
  background-color: #3b82f6;
  transition: width 0.4s, left 0.4s;
}

.menu-item .menu-item_link:hover::after,
  .menu-item_link::after {
  width: 100%;
  left: 0;
}

.megamenu {
  clip-path: inset(0 0 100% 0);
  visibility: hidden;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 5rem;
  z-index: 10;
  display: flex;
  height: 24rem;
  width: 70vw;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  opacity: 0;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 150ms;
  transition-duration: 300ms;
}

.megamenu:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px) {
  .megamenu {
    width: 60vw;
  }
}

.megamenu-link:hover .megamenu {
  clip-path: inset(0 0 0 0);
  visibility: visible;
  top: 3rem;
  opacity: 1;
}

.megamenu_category {
  width: 25%;
}

.megamenu_category > :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));
}

.megamenu_category {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.megamenu_category:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.megamenu_category-item {
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.megamenu_category-item.active {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity, 1));
}

.megamenu_left {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  width: 75%;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.megamenu_left:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.megamenu_left-item {
  visibility: hidden;
  position: absolute;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 1280px) {
  .megamenu_left-item {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

.megamenu_left-item.active {
  visibility: visible;
  opacity: 1;
}

.megamenu_left-menu > :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));
}

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

.megamenu_left-menu li:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.megamenu_left-menu li:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.megamenu_left-menu li:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.megamenu_left-title {
  position: relative;
  padding-right: 0.5rem;
  font-family: Dana DemiBold;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.megamenu_left-title:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.megamenu_left-title::before {
  content: "";
  position: absolute;
  right: -0.125rem;
  height: 100%;
  width: 0.125rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1))
}

/* Solid */

.solid-menu {
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: 5rem;
  z-index: 10;
  width: 12rem;
}

.solid-menu > :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));
}

.solid-menu {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  opacity: 0;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 75ms;
  transition-duration: 300ms;
}

.group:hover .solid-menu {
  visibility: visible;
  top: 3.5rem;
  opacity: 1;
}

.solid-menu > * {
  cursor: pointer;
  border-radius: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.solid-menu > *:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.solid-menu:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.solid-submenu_link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.solid-submenu {
  visibility: hidden;
  position: absolute;
  left: -12rem;
  top: 2.5rem;
  width: 11rem;
}

.solid-submenu > :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));
}

.solid-submenu {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  opacity: 0;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 75ms;
  transition-duration: 300ms;
}

.solid-submenu > * {
  cursor: pointer;
  border-radius: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.solid-submenu > *:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.solid-submenu:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.solid-submenu_link:hover .solid-submenu {
  visibility: visible;
  top: -3.5rem;
  opacity: 1;
}

.citylist-menu {
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: 5rem;
  width: 14rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  opacity: 0;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 75ms;
  transition-duration: 300ms;
}

.citylist-menu:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.city-list > :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));
}

.city-list > * {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.city-list > *:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.city-list li a {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.citylist-menu.active {
  visibility: visible;
  top: 3.5rem;
  opacity: 1;
}

/* Menu Mobile */

.mobile-menu {
  position: fixed;
  right: 0px;
  bottom: 0px;
  top: 0px;
  height: 100vh;
  width: 18rem;
  --tw-translate-x: 18rem;
  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));
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.mobile-menu:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.mobile-menu.active {
  --tw-translate-x: 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));
}

.mobile-menu-item {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.mobile-menu-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.category-slide {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 30;
  height: 100vh;
  width: 100%;
  --tw-translate-x: 18rem;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.category-slide:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.category-slide.active {
  --tw-translate-x: 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));
}

.mobile-menu-category-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 5rem;
  border-bottom-left-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: Dana Medium;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.detail-category {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 30;
  height: 100vh;
  width: 100%;
  --tw-translate-x: 18rem;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.detail-category:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.detail-category.active {
  --tw-translate-x: 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));
}

.menu-category-submenu {
  visibility: hidden;
  display: none;
  flex-direction: column;
}

.menu-category-submenu > :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));
}

.menu-category-submenu {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-right: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.bottom-navbar.menu-category-submenu {
  bottom: 0px;
  --tw-translate-y: 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));
}

.menu-category-submenu.active {
  visibility: visible;
  display: flex;
  opacity: 1;
}

.bottom-navbar {
  position: fixed;
  bottom: 0.375rem;
  left: 0.375rem;
  right: 0.375rem;
  z-index: 20;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 4rem;
  --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));
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  --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);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.bottom-navbar > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bottom-navbar:is(.dark *) {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

@media (min-width: 480px) {
  .bottom-navbar {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.bottom-navbar.hidden {
  bottom: 0px;
  --tw-translate-y: 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));
}

/* PRODUCTS */

/* AMAZING CARD */

.amazing-card {
  display: flex !important;
  height: 18rem !important;
  width: 12rem !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  row-gap: 1rem !important;
}

.small-card {
  display: flex !important;
  height: 18rem !important;
  width: 14rem !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  row-gap: 0.25rem !important;
  border-radius: 0.75rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0.25rem !important;
  padding-top: 0.75rem !important;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.small-card:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.amazing-card_last {
  display: flex !important;
  height: 18rem !important;
  width: 14rem !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  row-gap: 0.25rem !important;
  border-radius: 0.75rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1)) !important;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.amazing-card_last:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.small-card_link {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: Dana Medium;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.small-card_link:is(.dark *) {
  font-family: Dana;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.small-card_img {
  height: 8rem;
  width: 11rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.amazing-product-image-wrap {
  display: flex;
  height: 8rem;
  width: 11rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.75rem;
  background: transparent;
}

.amazing-product-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
  background: transparent;
  mix-blend-mode: normal;
}

/* Compact store benefits strip above the footer. */
.store-features {
  display: grid !important;
  width: calc(100% - 2rem) !important;
  max-width: 1280px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1.25rem;
  padding: 0.85rem;
  border: 1px solid rgb(226 232 240 / 0.9);
  border-radius: 1rem;
  background: rgb(255 255 255 / 0.72);
  box-shadow: 0 12px 36px rgb(15 23 42 / 0.06);
}

.dark .store-features {
  border-color: rgb(148 163 184 / 0.14);
  background: rgb(31 41 55 / 0.68);
  box-shadow: 0 16px 42px rgb(0 0 0 / 0.16);
}

.store-features > span {
  display: flex !important;
  height: 100%;
  min-height: 5.25rem;
  padding: 0.65rem 0.5rem;
  gap: 0.4rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  transition: background-color 180ms ease, transform 180ms ease;
}

.store-features > span:hover {
  background: rgb(59 130 246 / 0.07);
  transform: translateY(-2px);
}

.store-features > span img {
  display: block;
  flex: 0 0 2.75rem;
  width: 2.75rem !important;
  height: 2.75rem !important;
  object-fit: contain;
}

.store-features > span p {
  display: flex;
  min-height: 2.9rem;
  align-items: center;
  justify-content: center;
  margin: 0;
  text-align: center;
  line-height: 1.65;
}

@media (min-width: 768px) {
  .store-features {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .store-features > span:last-child {
    grid-column: 1 / -1;
  }
}

.group:hover .small-card_img {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.small-card_price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

/* PRODUCT CARD */

.product-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  row-gap: 0.5rem !important;
  border-radius: 0.75rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 1rem !important;
  padding-bottom: 0.5rem !important;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.product-card:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

@media (min-width: 360px) {
  .product-card {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

@media (min-width: 480px) {
  .product-card {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (min-width: 768px) {
  .product-card {
    height: 24rem !important;
  }
}

.product-card_header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.product-card_badge {
  position: relative;
  font-family: Dana Medium;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.product-card_badge:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

@media (min-width: 360px) {
  .product-card_badge {
    display: none;
  }

  .product-card_badge.bottom-navbar {
    bottom: 0px;
    --tw-translate-y: 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));
  }
}

@media (min-width: 480px) {
  .product-card_badge {
    display: flex;
  }
}

.product-card_badge::after {
  content: '';
  position: absolute;
  left: -1rem;
  top: -0.5rem;
  display: flex;
  height: 2rem;
  width: 0.25rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.product-card_img {
  height: 11rem;
  width: 13rem;
  -o-object-fit: contain;
     object-fit: contain;
  object-position: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.danilo-product-summary {
  color: #4b5563 !important;
}

.dark .danilo-product-summary {
  color: #cbd5e1 !important;
}

.danilo-product-description {
  width: 100%;
  color: #374151;
  font-family: Dana, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 2.15;
}

.dark .danilo-product-description {
  color: #d1d5db;
}

.danilo-product-description p {
  margin: 0 0 1.15rem;
}

.danilo-product-description h2,
.danilo-product-description h3,
.danilo-product-description h4 {
  margin: 1.8rem 0 .8rem;
  color: #111827;
  font-family: DanaDemiBold, Dana, sans-serif;
  font-weight: 600;
  line-height: 1.8;
}

.dark .danilo-product-description h2,
.dark .danilo-product-description h3,
.dark .danilo-product-description h4 {
  color: #f3f4f6;
}

.danilo-product-description strong,
.danilo-product-description b {
  font-family: DanaMedium, Dana, sans-serif;
  font-weight: 500;
}

.danilo-product-description ul,
.danilo-product-description ol {
  margin: 1rem 0;
  padding-right: 1.5rem;
}

.danilo-product-description a {
  color: #2563eb;
  font-family: DanaMedium, Dana, sans-serif;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.dark .danilo-product-description a {
  color: #60a5fa;
}

/* Product descriptions: keep editorial images crisp and proportionate on desktop. */
.danilo-product-description img {
  display: block;
  width: 100%;
  max-width: min(100%, 720px);
  max-height: 680px;
  height: auto;
  object-fit: contain;
  margin: 1.75rem auto;
  border-radius: .9rem;
}
main .danilo-product-description img,
main .danilo-product-description .managed-wp-caption img {
  width: 100% !important;
  max-width: 720px !important;
}
.danilo-product-description figure {
  width: 100%;
  margin: 1.75rem auto;
  text-align: center;
}
.danilo-product-description figure img { margin: 0 auto .65rem; }
.danilo-product-description figcaption {
  color: #6b7280;
  font-size: .82rem;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .danilo-product-description img {
    width: 100%;
    max-width: 100%;
    max-height: none;
    margin-block: 1.25rem;
  }
}

.danilo-managed-page-content {
  width: min(100%, 68rem);
  margin-inline: auto;
  color: #374151;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.15;
  text-align: right;
}

.dark .danilo-managed-page-content {
  color: #d1d5db;
}

.danilo-managed-page-content h1,
.danilo-managed-page-content h2,
.danilo-managed-page-content h3,
.danilo-managed-page-content h4,
.danilo-managed-page-content h5 {
  margin: 1.5rem 0 .75rem;
  color: #111827;
  font-family: DanaDemiBold, Dana, sans-serif;
  font-weight: 600;
  line-height: 1.8;
}

.dark .danilo-managed-page-content h1,
.dark .danilo-managed-page-content h2,
.dark .danilo-managed-page-content h3,
.dark .danilo-managed-page-content h4,
.dark .danilo-managed-page-content h5 {
  color: #f3f4f6;
}

.danilo-managed-page-content p {
  margin: 0 0 1rem;
  text-align: right !important;
}
.danilo-managed-page-content > h1:first-child {
  margin-top: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, .22);
}
.danilo-managed-page-content h2 {
  font-size: 1.4rem;
}
.danilo-managed-page-content h3,
.danilo-managed-page-content h4,
.danilo-managed-page-content h5 {
  font-size: 1.1rem;
}
.danilo-managed-page-content a { color: #2563eb; text-decoration: underline; text-underline-offset: 4px; }
.dark .danilo-managed-page-content a { color: #60a5fa; }
.danilo-managed-page-content img { display: block; width: min(100%, 600px); height: auto; margin: 1.5rem auto; border-radius: 1rem; }
.danilo-managed-page-content > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: .5rem 0 1.5rem;
  padding: .6rem 1.25rem;
  border-radius: .75rem;
  background: #2563eb;
  color: #fff !important;
  text-decoration: none;
}
@media (max-width: 640px) {
  .danilo-managed-page-content { font-size: .95rem; line-height: 2; }
  .danilo-managed-page-content h2 { font-size: 1.2rem; }
}

/* Minimal brand tabs and product rail */
.brand-filter-panel {
  border-color: rgb(148 163 184 / .2);
  background: transparent;
  box-shadow: none;
  padding: 1rem;
}

.dark .brand-filter-panel {
  border-color: rgb(71 85 105 / .55);
  background: transparent;
  box-shadow: none;
}

.brand-filter-intro { padding: .1rem .15rem .85rem; }
.brand-filter-tab {
  border-color: rgb(148 163 184 / .26);
  border-radius: .9rem;
  background: rgb(255 255 255 / .68);
  padding: .45rem;
  box-shadow: none;
}

.dark .brand-filter-tab { border-color: #334155; background: rgb(15 23 42 / .34); }
.brand-filter-tab::after { inset-block-start: .55rem; inset-inline-start: .55rem; }
.brand-card.is-active .brand-filter-tab { border-color: #3b82f6; background: rgb(59 130 246 / .07); box-shadow: inset 0 -2px 0 #3b82f6; }
.dark .brand-card.is-active .brand-filter-tab { background: rgb(37 99 235 / .1); }
.brand-filter-tab img { width: 94% !important; max-width: 10rem; height: 4.4rem !important; padding: .2rem; }
.brand-card { height: 6rem !important; }

@media (min-width: 1024px) {
  .BrandSlider .brand-card { width: calc((100% - 4rem) / 5) !important; }
}

.brand-products-panel { margin-top: 1rem; border-top-color: rgb(148 163 184 / .22); }
.brand-products-head { min-height: 2.3rem; margin-bottom: .65rem; }
.brand-products-track { gap: .75rem; padding-bottom: .35rem; scrollbar-width: none; }
.brand-products-track::-webkit-scrollbar { display: none; }
.brand-product-card {
  grid-template-rows: 10.5rem minmax(6.6rem,auto);
  border-color: rgb(148 163 184 / .25);
  border-radius: .9rem;
  background: transparent;
  box-shadow: none;
}
.dark .brand-product-card { border-color: #334155; background: transparent; }
.brand-product-card:hover { border-color: #60a5fa; box-shadow: none; transform: translateY(-2px); }
.brand-product-image { height: 10.5rem; background: rgb(59 130 246 / .045); }
.dark .brand-product-image { background: rgb(30 64 175 / .1); }
.brand-product-content { border-top-color: rgb(148 163 184 / .16); padding: .75rem; }
.brand-product-content > div { background: transparent; padding: .25rem; }
.dark .brand-product-content > div { background: transparent; }

@media (max-width: 640px) {
  .brand-filter-tab img { width: 92% !important; height: 3.8rem !important; }
  .brand-card { width: 9.75rem !important; height: 5.4rem !important; }
  .brand-product-card { grid-template-rows: 8.8rem minmax(6.5rem,auto); }
  .brand-product-image { height: 8.8rem; }
}
.danilo-about-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 2.25rem;
}
.danilo-about-feature {
  padding: 1.25rem;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 1rem;
  background: rgba(148, 163, 184, .07);
}
.danilo-about-feature h3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 0 .75rem;
  border-radius: .75rem;
  background: #2563eb;
  color: #fff;
}
.danilo-about-feature h4 { margin: 0 0 .5rem; }
.danilo-about-feature p { margin: 0; }
.danilo-about-contact {
  margin-top: 2rem;
  padding: 1.5rem;
  border-radius: 1rem;
  background: rgba(37, 99, 235, .09);
  border: 1px solid rgba(59, 130, 246, .24);
}
.danilo-about-contact h2 { margin-top: 0; }
.danilo-about-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
  gap: 2rem;
  margin-bottom: 2rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  overflow: hidden;
  border: 1px solid rgba(59, 130, 246, .22);
  border-radius: 1.5rem;
  background: linear-gradient(135deg, rgba(37, 99, 235, .14), rgba(15, 23, 42, .03) 55%, rgba(14, 165, 233, .1));
}
.danilo-about-hero::before {
  content: "";
  position: absolute;
  width: 16rem;
  height: 16rem;
  left: -5rem;
  bottom: -7rem;
  border-radius: 999px;
  background: rgba(59, 130, 246, .13);
  filter: blur(8px);
}
.danilo-about-hero-copy { position: relative; z-index: 1; }
.danilo-about-hero-copy > h1 {
  margin: 0 0 .5rem;
  padding: 0;
  border: 0;
  font-size: clamp(2rem, 5vw, 3.6rem);
}
.danilo-about-hero-copy > h2 { margin-top: .5rem; font-size: clamp(1.25rem, 2.5vw, 1.8rem); }
.danilo-about-hero-copy > p { max-width: 46rem; color: #475569; }
.dark .danilo-about-hero-copy > p { color: #cbd5e1; }
.danilo-about-mark {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  min-height: 18rem;
}
.danilo-about-mark::before,
.danilo-about-mark::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(96, 165, 250, .35);
}
.danilo-about-mark::before { width: 15rem; height: 15rem; }
.danilo-about-mark::after { width: 11.5rem; height: 11.5rem; }
.danilo-about-mark span {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 50%;
  background: linear-gradient(145deg, #2563eb, #0ea5e9);
  color: #fff;
  font-family: DanaDemiBold, Dana, sans-serif;
  font-size: 1.45rem;
  box-shadow: 0 20px 50px rgba(37, 99, 235, .28);
}
.danilo-about-story {
  display: grid;
  grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: stretch;
  margin: 2rem 0;
}
.danilo-about-story-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10rem;
  margin: 0 !important;
  padding: 1.25rem;
  border-radius: 1.25rem;
  background: #111827;
  color: #fff !important;
  text-align: center;
}
.dark .danilo-about-story-kicker { background: #0f172a; }
.danilo-about-story-body {
  padding: 1.5rem;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 1.25rem;
  background: rgba(148, 163, 184, .06);
}
.danilo-about-story-body h2 { margin-top: 0; }
.danilo-about-story-body p { margin-bottom: 0; }
.danilo-about-contact {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch;
}
.danilo-about-contact h2 {
  grid-column: 1 / -1;
  margin: 0 0 .5rem;
  font-size: clamp(1.35rem, 3vw, 2rem);
}
.danilo-about-contact p {
  min-height: 8.5rem;
  margin: 0;
  padding: 1.25rem;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .55);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.danilo-about-contact p br { content: ""; display: block; margin-top: .35rem; }
.dark .danilo-about-contact p { background: rgba(15, 23, 42, .35); }
@media (max-width: 760px) {
  .danilo-about-features { grid-template-columns: 1fr; }
  .danilo-about-feature { padding: 1rem; }
  .danilo-about-hero { grid-template-columns: 1fr; padding: 1.35rem; }
  .danilo-about-mark { min-height: 11rem; }
  .danilo-about-mark::before { width: 10rem; height: 10rem; }
  .danilo-about-mark::after { width: 8rem; height: 8rem; }
  .danilo-about-mark span { width: 6rem; height: 6rem; font-size: 1.05rem; }
  .danilo-about-story,
  .danilo-about-contact { grid-template-columns: 1fr; }
  .danilo-about-contact h2 { grid-column: auto; }
  .danilo-about-contact p { min-height: auto; }
  .danilo-about-story-kicker { min-height: auto; }
}

/* About page: follow the original template's restrained two-column language. */
.danilo-about-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
  gap: 0;
  margin-bottom: 2rem;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .16);
  border-color: rgba(148, 163, 184, .16);
  border-radius: 1rem;
  background: rgba(148, 163, 184, .07);
  box-shadow: none;
}
.danilo-about-hero::before { display: none; }
.danilo-about-hero-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.5rem, 4vw, 3.25rem);
}
.danilo-about-hero-copy > p { max-width: 46rem; color: #475569; }
.dark .danilo-about-hero-copy > p { color: #cbd5e1; }
.danilo-about-hero-copy > h1 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  margin-bottom: 1rem;
}
.danilo-about-hero-copy > h2 {
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  margin: 0 0 1rem;
}
.danilo-about-mark {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 30rem;
  overflow: hidden;
  border-radius: 1rem 0 0 1rem;
}
.danilo-about-mark::before,
.danilo-about-mark::after { display: none; }
.danilo-about-mark img {
  width: 100%;
  height: 100%;
  min-height: 30rem;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
}
.danilo-about-story {
  display: grid;
  grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: stretch;
  margin: 1.5rem 0 2rem;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 1rem;
  background: rgba(148, 163, 184, .045);
  overflow: hidden;
}
.danilo-about-story-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  margin: 0 !important;
  padding: 1.25rem;
  border-radius: 0;
  background: #2563eb;
  font-size: 1.05rem;
}
.danilo-about-story-body {
  padding: 1.5rem 0 1.5rem 1.5rem;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.danilo-about-story-body h2 { margin-top: 0; }
.danilo-about-story-body p { margin-bottom: 0; }
.danilo-about-feature {
  box-shadow: none;
  transition: border-color .2s ease, transform .2s ease;
}
.danilo-about-feature:hover {
  transform: translateY(-3px);
  border-color: rgba(59, 130, 246, .45);
}
@media (max-width: 760px) {
  .danilo-about-hero { grid-template-columns: 1fr; }
  .danilo-about-mark { min-height: 15rem; border-radius: 0 0 1rem 1rem; }
  .danilo-about-mark img { min-height: 15rem; max-height: 20rem; }
  .danilo-about-story { grid-template-columns: 1fr; }
  .danilo-about-story-body { padding: 1.25rem; }
}

@media (min-width: 360px) {
  .product-card_img {
    height: 8rem;
    width: 9rem;
  }
}

@media (min-width: 480px) {
  .product-card_img {
    height: 9rem;
    width: 11rem;
  }
}

@media (min-width: 1024px) {
  .product-card_img {
    height: 13rem;
    width: 15rem;
  }
}

.product-card_link {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: Dana Medium;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.product-card_link:is(.dark *) {
  font-family: Dana;
}

@media (min-width: 768px) {
  .product-card_link {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.product-card_price-wrapper {
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.product-card_price-wrapper:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.product-card_price-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding-top: 1rem;
}

.product-card_price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.product-card_price del {
  display: inline;
  font-family: Dana Medium;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

@media (min-width: 360px) {
  .product-card_price del {
    display: none;
  }

  .product-card_price del.bottom-navbar {
    bottom: 0px;
    --tw-translate-y: 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));
  }
}

@media (min-width: 640px) {
  .product-card_price del {
    display: inline;
  }
}

.product-card_price del h6 {
  display: none;
}

.bottom-navbar.product-card_price del h6 {
  bottom: 0px;
  --tw-translate-y: 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));
}

@media (min-width: 1024px) {
  .product-card_price del h6 {
    display: inline;
  }
}

.product-card_price p {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.product-card_price span,
  .small-card_price span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  height: 1.5rem;
  width: 2.5rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.product-card_rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 360px) {
  .product-card_rate {
    display: none;
  }

  .product-card_rate.bottom-navbar {
    bottom: 0px;
    --tw-translate-y: 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));
  }
}

/* slider */

.swiper-pagination-wrapper {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  z-index: 10;
  display: flex;
  height: 2.25rem;
  width: 9rem;
  --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));
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.swiper-pagination-wrapper:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.slider-navigate_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.slider-navigate_btn:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.slider-navigate_btn:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.slider-navigate_btn:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.invisable-btn {
  pointer-events: none;
  opacity: 0.35;
}

.timer-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  font-family: Dana DemiBold;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

/* BRAND */

.brand-filter-section {
  position: relative;
}

.brand-filter-panel {
  margin-top: 1.25rem;
  overflow: hidden;
  border: 1px solid rgb(148 163 184 / 0.16);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, rgb(255 255 255 / 0.92), rgb(248 250 252 / 0.8));
  padding: 1rem;
  box-shadow: 0 18px 45px rgb(15 23 42 / 0.07);
}

.dark .brand-filter-panel {
  border-color: rgb(71 85 105 / 0.52);
  background: linear-gradient(145deg, rgb(30 41 59 / 0.96), rgb(15 23 42 / 0.82));
  box-shadow: 0 24px 60px rgb(2 6 23 / 0.28);
}

.brand-filter-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .35rem .35rem 1rem;
}

.brand-filter-intro > div { display: grid; gap: .2rem; }
.brand-filter-eyebrow { color: #3b82f6; font-size: .72rem; font-weight: 800; letter-spacing: .02em; }
.brand-filter-intro strong { color: #0f172a; font-size: 1rem; font-weight: 800; }
.brand-filter-intro small { color: #64748b; font-size: .78rem; }
.dark .brand-filter-intro strong { color: #f8fafc; }
.dark .brand-filter-intro small { color: #94a3b8; }

.brand-filter-status {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-width: max-content;
  border: 1px solid rgb(59 130 246 / .18);
  border-radius: 999px;
  background: rgb(59 130 246 / .08);
  padding: .5rem .75rem;
  color: #2563eb;
  font-size: .75rem;
}

.brand-filter-status i { width: .45rem; height: .45rem; border-radius: 50%; background: #3b82f6; box-shadow: 0 0 0 4px rgb(59 130 246 / .12); }

.BrandSlider { overflow: hidden !important; padding: .15rem !important; }
.BrandSlider .swiper-wrapper { align-items: stretch; padding: .2rem 0 .35rem; }

.brand-card {
  display: flex !important;
  height: 5.5rem !important;
  width: 11rem !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 1rem !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.brand-filter-tab {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  gap: .65rem;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  padding: .6rem .65rem;
  color: #334155;
  text-align: right;
  transition: border-color .25s ease, background-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.brand-filter-tab::after {
  position: absolute;
  inset-inline-start: .6rem;
  top: .7rem;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: #cbd5e1;
  content: "";
  transition: background-color .25s ease, box-shadow .25s ease;
}

.dark .brand-filter-tab { border-color: #334155; background: rgb(15 23 42 / .72); color: #e2e8f0; }
.brand-filter-tab:hover { border-color: #93c5fd; transform: translateY(-2px); box-shadow: 0 12px 24px rgb(37 99 235 / .1); }
.brand-filter-tab:focus-visible { outline: 3px solid rgb(59 130 246 / .3); outline-offset: 2px; }
.brand-card.is-active .brand-filter-tab { border-color: #3b82f6; background: linear-gradient(135deg, rgb(239 246 255), #fff); box-shadow: 0 12px 30px rgb(37 99 235 / .14), inset 0 0 0 1px rgb(59 130 246 / .14); }
.dark .brand-card.is-active .brand-filter-tab { background: linear-gradient(135deg, rgb(30 64 175 / .24), rgb(15 23 42 / .9)); }
.brand-card.is-active .brand-filter-tab::after { background: #3b82f6; box-shadow: 0 0 0 4px rgb(59 130 246 / .14); }

.brand-filter-tab img {
  width: 3.4rem !important;
  height: 3.2rem !important;
  flex: none;
  border-radius: .7rem;
  background: #fff;
  padding: .3rem;
  object-fit: contain !important;
  transition: transform .25s ease !important;
}

.brand-filter-label { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.brand-filter-label b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }
.brand-filter-label small { color: #94a3b8; font-size: .68rem; }
.brand-filter-all-icon { display: grid; width: 3rem; height: 3rem; flex: none; grid-template-columns: repeat(2,1fr); gap: .22rem; border-radius: .75rem; background: #eff6ff; padding: .55rem; }
.brand-filter-all-icon i { border-radius: .2rem; background: #60a5fa; }
.brand-filter-tab > span:last-child:not(.brand-filter-label) { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }
.brand-filter-tab > span:last-child small { color: #94a3b8; font-size: .68rem; }

.brand-products-panel {
  margin-top: 1rem;
  border-top: 1px solid #e2e8f0;
  padding-top: 1rem;
}

.brand-filter-panel:has(.brand-card[data-brand-id="0"].is-active) .brand-products-panel { display: none; }

.brand-filter-tab { justify-content: center; }
.brand-filter-tab img { max-width: 8rem; width: 82% !important; height: 3.4rem !important; }

.dark .brand-products-panel { border-color: #334155; }
.brand-products-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; }
.brand-products-head > div:first-child { display: grid; gap: .15rem; }
.brand-products-head span { color: #3b82f6; font-size: .7rem; font-weight: 800; }
.brand-products-head strong { color: #0f172a; font-size: .95rem; }
.dark .brand-products-head strong { color: #f8fafc; }
.brand-products-nav { display: flex; direction: ltr; gap: .45rem; }
.brand-products-nav button { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border: 1px solid #dbe4f0; border-radius: .7rem; background: #fff; color: #475569; transition: .2s ease; }
.dark .brand-products-nav button { border-color: #334155; background: #0f172a; color: #cbd5e1; }
.brand-products-nav button:hover:not(:disabled) { border-color: #3b82f6; color: #2563eb; transform: translateY(-1px); }
.brand-products-nav button:disabled { cursor: default; opacity: .35; }
.brand-products-nav svg { width: 1.1rem; height: 1.1rem; }
.brand-products-nav button:first-child svg { transform: rotate(-90deg); }
.brand-products-nav button:last-child svg { transform: rotate(90deg); }

.brand-products-track {
  display: grid;
  grid-auto-columns: clamp(13.5rem, 17vw, 16rem);
  grid-auto-flow: column;
  gap: .8rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: .15rem .1rem .75rem;
  scroll-behavior: smooth;
  scroll-snap-type: inline mandatory;
  scrollbar-color: #93c5fd transparent;
  scrollbar-width: thin;
}

.brand-products-track::-webkit-scrollbar { height: 5px; }
.brand-products-track::-webkit-scrollbar-thumb { border-radius: 999px; background: #93c5fd; }
.brand-product-card { display: grid; min-width: 0; overflow: hidden; grid-template-rows: 10rem minmax(7.2rem,auto); border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; scroll-snap-align: start; transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease; }
.dark .brand-product-card { border-color: #334155; background: rgb(15 23 42 / .7); }
.brand-product-card:hover { border-color: #93c5fd; transform: translateY(-3px); box-shadow: 0 14px 30px rgb(15 23 42 / .09); }
.brand-product-image { position: relative; display: grid; width: 100%; height: 10rem; min-width: 0; place-items: center; overflow: hidden; background: linear-gradient(145deg,#f8fafc,#eff6ff); padding: 1rem; }
.dark .brand-product-image { background: linear-gradient(145deg,#111827,#172554); }
.brand-product-image img { display: block; width: 100%; height: 88% !important; max-width: 82%; max-height: 8.5rem !important; object-fit: contain; transition: transform .25s ease; }
.brand-product-card:hover .brand-product-image img { transform: scale(1.04); }
.brand-product-image span { position: absolute; inset-block-start: .55rem; inset-inline-start: .55rem; border-radius: 999px; padding: .25rem .5rem; font-size: .62rem; font-weight: 800; }
.brand-product-image .in-stock { background: #dcfce7; color: #15803d; }
.brand-product-image .out-stock { background: #fee2e2; color: #b91c1c; }
.brand-product-content { display: grid; min-width: 0; align-content: space-between; gap: .75rem; border-top: 1px solid #edf2f7; padding: .85rem; text-align: center; }
.dark .brand-product-content { border-color: #263449; }
.brand-product-content > a { display: -webkit-box !important; width: 100%; min-width: 0; min-height: 2.9rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #1e293b; font-size: .8rem; font-weight: 800; line-height: 1.8; text-align: center; white-space: normal; overflow-wrap: anywhere; }
.dark .brand-product-content > a { color: #f1f5f9; }
.brand-product-content > div { display: flex; min-width: 0; min-height: 2rem; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25rem .6rem; border-radius: .65rem; background: #f8fafc; padding: .45rem .55rem; }
.dark .brand-product-content > div { background: rgb(2 6 23 / .28); }
.brand-product-content strong { color: #2563eb; font-size: .8rem; }
.brand-product-content del { color: #94a3b8; font-size: .65rem; }
.brand-products-empty { display: grid; width: min(100%,28rem); gap: .3rem; border: 1px dashed #cbd5e1; border-radius: 1rem; padding: 1.5rem; color: #475569; }
.brand-products-empty span { color: #94a3b8; font-size: .75rem; }

@media (min-width: 1024px) {
  .BrandSlider .brand-card { width: calc((100% - 5rem) / 6) !important; }
}

@media (max-width: 640px) {
  .brand-filter-panel { margin-inline: -.25rem; border-radius: 1.25rem; padding: .8rem; }
  .brand-filter-intro { align-items: flex-start; }
  .brand-filter-intro small { max-width: 13rem; line-height: 1.65; }
  .brand-filter-status { padding: .42rem .6rem; }
  .BrandSlider { overflow: visible !important; }
  .brand-filter-panel { overflow: hidden; }
  .brand-card { width: 11.5rem !important; height: 5rem !important; }
  .brand-filter-tab img { width: 3.8rem !important; height: 2.8rem !important; }
  .brand-products-panel { margin-top: .8rem; padding-top: .8rem; }
  .brand-products-nav { display: none; }
  .brand-products-track { grid-auto-columns: minmax(11.5rem, 72vw); gap: .65rem; }
  .brand-product-card { grid-template-rows: 8.5rem minmax(7rem,auto); }
  .brand-product-image { height: 8.5rem; }
}

/* Hottest */

.hottest-slide {
  display: flex !important;
  width: auto;
  min-width: 0 !important;
  flex-direction: column !important;
  row-gap: 0.625rem !important;
}

.hottest-slide > :not([hidden]) ~ :not([hidden]) {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}

.hottest-slide:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1)) !important;
}

.hottest-slide_link {
  display: grid;
  grid-template-columns: 5.75rem minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  min-height: 6.75rem;
  column-gap: 0.85rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid transparent;
  border-radius: 1rem;
  background: rgba(248,250,252,.72);
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.dark .hottest-slide_link {
  background: rgba(15,23,42,.34);
}

.hottest-slide_link:hover,
.hottest-slide_link:focus-visible {
  border-color: rgba(59,130,246,.55);
  background: rgba(239,246,255,.95);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(15,23,42,.12);
  outline: none;
}

.dark .hottest-slide_link:hover,
.dark .hottest-slide_link:focus-visible {
  border-color: rgba(96,165,250,.5);
  background: rgba(30,41,59,.86);
}

.hottest-slide_img {
  display: block;
  height: 5.75rem;
  width: 5.75rem;
  border-radius: 0.75rem;
  object-fit: contain;
  padding: .2rem;
  transition: transform .2s ease;
}

.hottest-slide_link:hover .hottest-slide_img,
.hottest-slide_link:focus-visible .hottest-slide_img {
  transform: scale(1.04);
}

.hottest-slide_text {
  min-width: 0;
  flex: 1 1 auto;
  text-align: right;
  line-height: 1.8;
  overflow-wrap: anywhere;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 800;
  font-size: .9rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hottest-slide_text:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hottest-products-panel {
  height: auto !important;
  min-height: 26.25rem;
  padding-inline: 2.75rem !important;
}
.hottest-products-panel .HottestSlider {
  padding: .4rem .25rem .65rem;
}
.hottest-products-panel > .slider-navigate_btn {
  width: 2.75rem;
  height: 2.75rem;
  border-color: rgba(148,163,184,.35) !important;
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 22px rgba(15,23,42,.12);
}
.dark .hottest-products-panel > .slider-navigate_btn {
  background: rgba(15,23,42,.94);
}
.hottest-products-panel > .slider-navigate_btn:disabled {
  opacity: .28;
  box-shadow: none;
}
@media (max-width: 639px) {
  .hottest-products-panel { min-height: 23.5rem; padding: 1rem 2.1rem !important; }
  .hottest-slide { row-gap: .45rem !important; }
  .hottest-slide_link { grid-template-columns: 4.25rem minmax(0,1fr); min-height: 5.75rem; column-gap: .45rem; padding: .3rem; }
  .hottest-slide_img { width: 4.25rem; height: 4.75rem; }
  .hottest-slide_text { font-size: .76rem; line-height: 1.7; }
  .hottest-products-panel > .slider-navigate_btn { width: 2.25rem; height: 2.25rem; }
}

/* Articles */

.article-box {
  height: 19rem !important;
  width: 16rem !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  padding: 0.5rem !important;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  transition-duration: 300ms !important;
}

.article-box:hover {
  --tw-translate-y: -0.5rem !important;
  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)) !important;
}

.article-box:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

@media (min-width: 1024px) {
  .article-box {
    width: 310px !important;
  }
}

.article-box {
  height: 19rem !important;
  width: auto !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  padding: 0.5rem !important;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  transition-duration: 300ms !important;
}

.article-box:hover {
  --tw-translate-y: -0.5rem !important;
  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)) !important;
}

.article-box:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)) !important;
}

.article-box_img {
  height: 10rem;
  width: 100%;
  border-bottom-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1024px) {
  .article-box_img {
    height: 180px;
  }
}

/* Keep variable-length article titles and excerpts aligned in the archive grid. */
.articles-page .article-box {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch;
  min-width: 0;
  overflow: hidden;
}

.articles-page .article-box > .relative {
  flex: 0 0 auto;
}

.articles-page .article-box > .article-box_body {
  flex: 0 0 8.5rem;
  height: 8.5rem;
  min-height: 8.5rem;
  overflow: hidden;
}

.articles-page .article-box > .border-t,
.articles-page .article-box > .article-box_meta {
  flex: 0 0 auto;
}

/* Stable equal-width cards in the homepage slider. Long Persian titles must
   wrap inside their slide instead of widening the flex item. */
.articleSlider .swiper-slide {
  width: calc(85vw - 1rem) !important;
  min-width: 0 !important;
  max-width: 22rem;
}
.articleSlider .swiper-slide h2,
.articleSlider .swiper-slide a { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 640px) {.articleSlider .swiper-slide {width: calc((100% - 20px)/2) !important;max-width:none}}
@media (min-width: 768px) {.articleSlider .swiper-slide {width: calc((100% - 40px)/3) !important}}
@media (min-width: 1000px) {.articleSlider .swiper-slide {width: calc((100% - 60px)/4) !important}}
@media (min-width: 1200px) {.articleSlider .swiper-slide {width: calc((100% - 90px)/4) !important}}

/* Homepage article cards: keep long titles and metadata inside an equal-height card. */
.articleSlider .article-box {
  display: flex !important;
  flex-direction: column !important;
  height: 21rem !important;
  overflow: hidden !important;
}
.articleSlider .article-box > .relative {
  flex: 0 0 auto;
}
.articleSlider .article-box > .flex.flex-col {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding-top: 1rem !important;
  padding-bottom: .75rem !important;
}
.articleSlider .article-box > .flex.flex-col h2,
.articleSlider .article-box > .flex.flex-col h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  line-height: 1.75;
}
.articleSlider .article-box > .border-t,
.articleSlider .article-box > .flex.items-center.justify-between {
  flex: 0 0 auto;
}
.articleSlider .article-box > .flex.items-center.justify-between {
  min-height: 1.75rem;
}
@media (min-width: 1024px) {
  .articleSlider .article-box { height: 22rem !important; }
}

.danilo-article-filters{padding:.35rem 1rem 1rem}.danilo-filter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 0 1rem}.danilo-filter-heading>div{display:flex;flex-direction:column;gap:.25rem}.danilo-filter-heading strong{font-size:1rem;color:#1f2937}.danilo-filter-heading small{font-size:.72rem;color:#64748b}.danilo-filter-heading button{font-size:.75rem;color:#2563eb;background:transparent}.danilo-article-search{display:flex;align-items:center;gap:.5rem;border:1px solid #cbd5e1;background:#f8fafc;border-radius:.75rem;padding:.65rem .75rem;margin-bottom:.8rem}.danilo-article-search svg{width:1rem;height:1rem;color:#64748b}.danilo-article-search input{width:100%;min-width:0;background:transparent;outline:0;color:#1f2937;font-size:.82rem}.danilo-coffee-types{display:flex;flex-direction:column;gap:.45rem}.danilo-coffee-types button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.7rem .8rem;border:1px solid transparent;border-radius:.7rem;color:#475569;background:#f1f5f9;transition:.2s}.danilo-coffee-types button:hover{border-color:#3b82f6;background:#eff6ff}.danilo-coffee-types button b{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.7rem}.danilo-coffee-types button.is-active{border-color:#3b82f6;background:rgba(37,99,235,.1);color:#1d4ed8;box-shadow:0 0 0 1px rgba(59,130,246,.12)}.danilo-coffee-types button.is-active b{background:#2563eb;color:#fff}.danilo-filter-options{display:grid;gap:.55rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(148,163,184,.25)}.danilo-filter-options label{display:flex;align-items:center;gap:.55rem;color:#475569;font-size:.82rem;cursor:pointer}.danilo-filter-options input{accent-color:#3b82f6;width:1rem;height:1rem}.danilo-empty-articles{display:flex;min-height:18rem;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;color:#64748b}.danilo-empty-articles strong{font-size:1.1rem;color:#374151}.danilo-empty-articles button{margin-top:.5rem;padding:.6rem 1rem;border-radius:.7rem;background:#2563eb;color:white}.dark .danilo-filter-heading strong,.dark .danilo-empty-articles strong{color:#f3f4f6}.dark .danilo-filter-heading small,.dark .danilo-article-search svg{color:#94a3b8}.dark .danilo-filter-heading button{color:#60a5fa}.dark .danilo-article-search{border-color:#475569;background:#111827}.dark .danilo-article-search input{color:#f8fafc}.dark .danilo-coffee-types button{color:#cbd5e1;background:#182334}.dark .danilo-coffee-types button:hover{background:#1e293b}.dark .danilo-coffee-types button b{background:#334155;color:#cbd5e1}.dark .danilo-coffee-types button.is-active{background:rgba(37,99,235,.18);color:#93c5fd}.dark .danilo-filter-options label{color:#cbd5e1}.dark .danilo-empty-articles{color:#94a3b8}
@media(max-width:1023px){.filter-modal .danilo-article-filters{padding:1rem 0}.filter-modal .danilo-filter-heading{padding-top:0}.filter-modal .danilo-coffee-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-modal .danilo-coffee-types button{padding:.75rem .65rem}.filter-modal .danilo-filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.filter-modal .danilo-coffee-types{grid-template-columns:1fr}}

/* Footer */

.footer_title {
  margin-bottom: 1rem;
  font-family: Morabba Medium;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* FORMS */

.submit-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-family: Dana Medium;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  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;
}

.submit-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.submit-btn:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}

.submit-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}

.submit-btn-invisable {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.text-error {
  margin-top: 0.625rem;
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.bottom-navbar.text-error {
  bottom: 0px;
  --tw-translate-y: 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));
}

.text-error:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.text-error.active {
  display: flex;
  opacity: 1;
}

.otp-input {
  width: 3.5rem;
  height: 3.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  text-align: center;
  font-family: Dana Medium;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.otp-input:hover {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.otp-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}

.otp-input:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.otp-input:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.resend-code {
  margin-top: 2rem;
  display: none;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.bottom-navbar.resend-code {
  bottom: 0px;
  --tw-translate-y: 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));
}

.resend-code.active {
  display: flex;
}

.login-timer_text {
  margin-top: 2rem;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.login-timer_text:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

/* 404 PAGE */

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.float-animation {
  animation: float 3s ease-in-out infinite;
}

/* LODING */

.loding-modal {
  pointer-events: none;
  visibility: hidden;
  z-index: 0;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.loding-modal.active {
  pointer-events: auto;
  visibility: visible;
  z-index: 30;
  opacity: 1;
}

/* SHOP PRICE RANGE */

.wrapper {
  width: 100%;
  direction: ltr;
}

.wrapper .price-input {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.wrapper .price-input .field {
  display: flex;
  width: 100%;
  align-items: end;
}

.price-input input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 18px;
}

.price-input input::-webkit-outer-spin-button,
  .price-input input::-webkit-inner-spin-button {
  display: none;
}

.wrapper .slider-bar {
  height: 5px;
  position: relative;
  background-color: oklch(92.8% 0.006 264.531);
  border-radius: 5px;
}

.wrapper .progress {
  position: absolute;
  height: 100%;
  left: 5%;
  right: 65%;
  background-color: oklch(62.3% 0.214 259.815);
  border-radius: 5px;
}

.wrapper .range-input {
  position: relative;
}

.wrapper .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  pointer-events: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  accent-color: oklch(62.3% 0.214 259.815);
}

.wrapper .range-input input::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  background-color: oklch(62.3% 0.214 259.815);
  border-radius: 50%;
  pointer-events: auto;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

/* FILTER MODAL */

.sort-modal {
  visibility: hidden;
  position: fixed;
  bottom: -8rem;
  left: 0px;
  right: 0px;
  z-index: 20;
  display: flex;
  height: 65vh;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 1.25rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.sort-modal:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.sort-modal.active {
  visibility: visible;
  bottom: 0px;
  opacity: 1;
}

.filter-modal {
  visibility: hidden;
  position: fixed;
  bottom: -8rem;
  left: 0px;
  right: 0px;
  z-index: 20;
  display: flex;
  height: 75vh;
  width: 100%;
  flex-direction: column;
  row-gap: 1rem;
  overflow-y: auto;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.filter-modal:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.filter-modal.active {
  visibility: visible;
  bottom: 0px;
  opacity: 1;
}

/* PRODUCT DETAILS */
.product-main-image{display:flex;align-items:center;justify-content:center;width:100%;max-width:520px;height:520px;overflow:hidden;border-radius:1rem}
.product-main-image>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
@media (max-width:767px){.product-main-image{height:auto;max-height:430px}.product-main-image>img{height:auto;max-height:430px}}
.danilo-product-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:100%;align-items:stretch}.danilo-product-feature{display:flex;min-width:0;min-height:76px;flex-direction:column;justify-content:center;gap:.35rem;padding:.8rem 1rem;border:1px solid rgb(148 163 184 / 16%);border-radius:.8rem;background:#f3f4f6}.danilo-product-feature span{color:#64748b;font-size:.78rem;line-height:1.5}.danilo-product-feature strong{overflow:hidden;color:#1e293b;font-size:.9rem;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.danilo-product-features-empty{grid-column:1/-1;margin:0;padding:1rem;border:1px dashed rgb(148 163 184 / 30%);border-radius:.8rem;color:#94a3b8;text-align:center}.dark .danilo-product-feature{border-color:rgb(148 163 184 / 14%);background:#111827}.dark .danilo-product-feature span{color:#94a3b8}.dark .danilo-product-feature strong{color:#f1f5f9}@media(max-width:1023px){.danilo-product-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.danilo-product-features{grid-template-columns:1fr}.danilo-product-feature{min-height:68px}}
.danilo-product-colors{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.danilo-product-colors>span{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid rgb(148 163 184 / 35%);border-radius:.7rem;background:rgb(255 255 255 / 45%)}.danilo-product-colors i{display:block;width:1.4rem;height:1.4rem;border:3px solid #fff;border-radius:50%;background:var(--danilo-color);box-shadow:0 0 0 1px rgb(100 116 139 / 50%)}.danilo-product-colors b{font-size:.75rem;font-weight:700;color:#334155}.dark .danilo-product-colors>span{background:rgb(15 23 42 / 35%);border-color:#475569}.dark .danilo-product-colors i{border-color:#1e293b}.dark .danilo-product-colors b{color:#e2e8f0}

.slider-modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 10001 !important;
  display: none !important;
  height: min(86vh, 780px) !important;
  width: min(92vw, 62rem) !important;
  --tw-translate-x: -50% !important;
  --tw-translate-y: -50% !important;
  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)) !important;
  flex-direction: column !important;
  border-radius: 1.25rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  padding: 1.5rem !important;
  box-shadow: 0 30px 90px rgb(0 0 0 / 45%) !important;
  overflow: hidden !important;
}

.slider-modal .ProductDetailsSlider{width:min(100%,48rem)!important;height:calc(100% - 5rem);margin-top:1.5rem!important}
.slider-modal .ProductDetailsSlider .swiper-wrapper{width:100%!important}
.slider-modal .ProductDetailsSlider .swiper-slide{display:flex;align-items:center;justify-content:center;background:transparent}
.slider-modal .ProductDetailsSlider img{display:block;width:100%;height:100%;max-height:64vh;object-fit:contain;object-position:center;border-radius:1rem}
.slider-modal .slider-navigate_btn{top:50%!important;transform:translateY(-50%);background:rgb(31 41 55 / 82%);color:#fff;border-color:rgb(255 255 255 / 18%)!important;box-shadow:0 8px 25px rgb(0 0 0 / 25%)}
.slider-modal .button-prev-ProductDetailsSlider{right:1.5rem!important}
.slider-modal .button-next-ProductDetailsSlider{left:1.5rem!important}
.slider-modal .close-sliderModal{flex:none;padding:.35rem;width:2.25rem;height:2.25rem;border-radius:999px;background:rgb(148 163 184 / 14%)}
.product-gallery-open{overflow:hidden!important}
.product-main-image,[data-gallery-index],.MobileProductSlider .swiper-slide{cursor:zoom-in}
@media(max-width:640px){.slider-modal{width:calc(100vw - 1rem)!important;height:min(86vh,680px)!important;padding:1rem!important;border-radius:1rem!important}.slider-modal .ProductDetailsSlider{padding-inline:1rem!important}.slider-modal .ProductDetailsSlider img{max-height:66vh}.slider-modal .button-prev-ProductDetailsSlider{right:.5rem!important}.slider-modal .button-next-ProductDetailsSlider{left:.5rem!important}}

.bottom-navbar.slider-modal {
  bottom: 0px;
  --tw-translate-y: 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));
}

.slider-modal:is(.dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)) !important;
}

.slider-modal.active {
  position: fixed !important;
  display: flex !important;
}

/* Dashboard */

.user-menu {
  visibility: hidden;
  position: fixed;
  bottom: -8rem;
  left: 0px;
  right: 0px;
  z-index: 20;
  display: flex;
  height: 90vh;
  width: 100%;
  flex-direction: column;
  row-gap: 1rem;
  overflow-y: auto;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.user-menu:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.user-menu.active {
  visibility: visible;
  bottom: 0px;
  opacity: 1;
}

.\[animation-delay\:-\.3s\] {
  animation-delay: -.3s;
}

.\[animation-delay\:-\.5s\] {
  animation-delay: -.5s;
}

.\[mask-image\:radial-gradient\(circle_at_center\2c rgba\(255\2c 255\2c 255\2c 1\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\)_85\%\)\] {
  -webkit-mask-image: radial-gradient(circle at center,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 85%);
          mask-image: radial-gradient(circle at center,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 85%);
}

.\[mask-image\:radial-gradient\(circle_at_center\2c rgba\(255\2c 255\2c 255\2c 1\)_20\%\2c rgba\(255\2c 255\2c 255\2c 0\)_95\%\)\] {
  -webkit-mask-image: radial-gradient(circle at center,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 95%);
          mask-image: radial-gradient(circle at center,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 95%);
}

.child\:flex-center > * {
  display: flex;
  align-items: center;
  justify-content: center;
}

.child\:flex-between > * {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.child\:app-border > * {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.child\:app-border > *:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

@media (min-width: 768px) {
  .md\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 360px) {
    .md\:container {
      max-width: 360px;
    }
  }

  @media (min-width: 480px) {
    .md\:container {
      max-width: 480px;
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }

  @media (min-width: 640px) {
    .md\:container {
      max-width: 640px;
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }

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

  @media (min-width: 1024px) {
    .md\:container {
      max-width: 1024px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1280px) {
    .md\:container {
      max-width: 1280px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1536px) {
    .md\:container {
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

@media (min-width: 1024px) {
  .lg\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  @media (min-width: 360px) {
    .lg\:container {
      max-width: 360px;
    }
  }

  @media (min-width: 480px) {
    .lg\:container {
      max-width: 480px;
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }

  @media (min-width: 640px) {
    .lg\:container {
      max-width: 640px;
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }

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

  @media (min-width: 1024px) {
    .lg\:container {
      max-width: 1024px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1280px) {
    .lg\:container {
      max-width: 1280px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 1536px) {
    .lg\:container {
      max-width: 1536px;
      padding-right: 6rem;
      padding-left: 6rem;
    }
  }
}

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

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

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:left-2\/4::before {
  content: var(--tw-content);
  left: 50%;
}

.before\:top-2\/4::before {
  content: var(--tw-content);
  top: 50%;
}

.before\:block::before {
  content: var(--tw-content);
  display: block;
}

.before\:h-12::before {
  content: var(--tw-content);
  height: 3rem;
}

.before\:w-12::before {
  content: var(--tw-content);
  width: 3rem;
}

.before\:-translate-x-2\/4::before {
  content: var(--tw-content);
  --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));
}

.before\:-translate-y-2\/4::before {
  content: var(--tw-content);
  --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));
}

.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:bg-slate-400::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}

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

.checked\:border-blue-500:checked {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.checked\:bg-blue-500:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.checked\:before\:bg-slate-400:checked::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.focus-within\:border-indigo-400:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

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

.focus-within\:ring-2:focus-within {
  --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-within\:ring-indigo-100:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:visible {
  visibility: visible;
}

.group:hover .group-hover\:top-12 {
  top: 3rem;
}

.group:hover .group-hover\:rotate-180 {
  --tw-rotate: 180deg;
  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\:pr-2 {
  padding-right: 0.5rem;
}

.group:hover .group-hover\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}

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

.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}

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

.group:focus .group-focus\:border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.group:focus .group-focus\:bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\: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));
}

.peer:checked ~ .peer-checked\:bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}

.peer:disabled ~ .peer-disabled\:pointer-events-none {
  pointer-events: none;
}

.peer:disabled ~ .peer-disabled\:opacity-50 {
  opacity: 0.5;
}

.child\:relative > * {
  position: relative;
}

.child\:z-10 > * {
  z-index: 10;
}

.child\:col-span-12 > * {
  grid-column: span 12 / span 12;
}

.child\:col-span-3 > * {
  grid-column: span 3 / span 3;
}

.child\:col-span-6 > * {
  grid-column: span 6 / span 6;
}

.child\:mb-8 > * {
  margin-bottom: 2rem;
}

.child\:line-clamp-1 > * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.child\:flex > * {
  display: flex;
}

.child\:size-16 > * {
  width: 4rem;
  height: 4rem;
}

.child\:size-9 > * {
  width: 2.25rem;
  height: 2.25rem;
}

.child\:h-12 > * {
  height: 3rem;
}

.child\:h-16 > * {
  height: 4rem;
}

.child\:h-8 > * {
  height: 2rem;
}

.child\:h-9 > * {
  height: 2.25rem;
}

.child\:w-8 > * {
  width: 2rem;
}

.child\:w-9 > * {
  width: 2.25rem;
}

.child\:w-full > * {
  width: 100%;
}

.child\:cursor-pointer > * {
  cursor: pointer;
}

.child\:list-disc > * {
  list-style-type: disc;
}

.child\:flex-col > * {
  flex-direction: column;
}

.child\:items-center > * {
  align-items: center;
}

.child\:justify-center > * {
  justify-content: center;
}

.child\:justify-between > * {
  justify-content: space-between;
}

.child\:gap-x-1 > * {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.child\:gap-x-1\.5 > * {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.child\:gap-x-2 > * {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.child\:gap-x-3 > * {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.child\:gap-y-1 > * {
  row-gap: 0.25rem;
}

.child\:gap-y-1\.5 > * {
  row-gap: 0.375rem;
}

.child\:gap-y-4 > * {
  row-gap: 1rem;
}

.child\: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));
}

.child\:overflow-hidden > * {
  overflow: hidden;
}

.child\:rounded-full > * {
  border-radius: 9999px;
}

.child\:rounded-lg > * {
  border-radius: 0.5rem;
}

.child\:rounded-xl > * {
  border-radius: 0.75rem;
}

.child\:border > * {
  border-width: 1px;
}

.child\:border-gray-200 > * {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

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

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

.child\:bg-blue-600 > * {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

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

.child\:bg-gray-950 > * {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}

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

.child\:p-1 > * {
  padding: 0.25rem;
}

.child\:p-2 > * {
  padding: 0.5rem;
}

.child\:p-3 > * {
  padding: 0.75rem;
}

.child\:p-4 > * {
  padding: 1rem;
}

.child\:px-1 > * {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.child\:px-10 > * {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.child\:px-2 > * {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.child\:px-3 > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.child\:px-4 > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

.child\:py-1 > * {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

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

.child\:py-2 > * {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.child\:py-3 > * {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.child\:py-3\.5 > * {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.child\:pt-2 > * {
  padding-top: 0.5rem;
}

.child\:text-center > * {
  text-align: center;
}

.child\:font-DanaMedium > * {
  font-family: Dana Medium;
}

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

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

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

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

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

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

.child\:shadow > * {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

.child\: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;
}

.child\:duration-300 > * {
  transition-duration: 300ms;
}

.child\:search-modal-list-item > * {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.child\:search-modal-list-item > *:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.child-hover\:mr-2 > *:hover {
  margin-right: 0.5rem;
}

.child-hover\:text-blue-500 > *:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.child-hover\:text-blue-600 > *:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

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

.hover\:border-slate-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / 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-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

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

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

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

.hover\:before\:opacity-10:hover::before {
  content: var(--tw-content);
  opacity: 0.1;
}

.focus\:border-indigo-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

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

.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-\[\#EF4343\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 67 67 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

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

.focus\:ring-indigo-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity, 1));
}

.dark\:inline:is(.dark *) {
  display: inline;
}

.dark\:hidden:is(.dark *) {
  display: none;
}

.dark\:divide-gray-200\/20:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(229 231 235 / 0.2);
}

.dark\:divide-gray-600:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1));
}

.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1));
}

.dark\:divide-gray-700\/20:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(55 65 81 / 0.2);
}

.dark\:border-none:is(.dark *) {
  border-style: none;
}

.dark\:border-blue-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

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

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

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

.dark\:border-b-gray-200\/20:is(.dark *) {
  border-bottom-color: rgb(229 231 235 / 0.2);
}

.dark\:bg-blue-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

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

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

.dark\:bg-neutral-400:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
}

.dark\:bg-neutral-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:stroke-white\/10:is(.dark *) {
  stroke: rgb(255 255 255 / 0.1);
}

.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

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

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

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

.dark\:text-gray-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity, 1));
}

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

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

.dark\:text-sky-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

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

.dark\:outline-none:is(.dark *) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.dark\:ring-white\/20:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.2);
}

.dark\:hidden:is(.dark *).bottom-navbar {
  bottom: 0px;
  --tw-translate-y: 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));
}

.dark\:checked\:bg-blue-500:checked:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.dark\:focus-within\:ring-blue-400:focus-within:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.peer:checked ~ .dark\:peer-checked\:bg-blue-500:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .dark\:peer-checked\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.child\:dark\:border-gray-300\/20:is(.dark *) > * {
  border-color: rgb(209 213 219 / 0.2);
}

.child\:dark\:border-white\/20:is(.dark *) > * {
  border-color: rgb(255 255 255 / 0.2);
}

.child\:dark\:bg-gray-800:is(.dark *) > * {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.child\:dark\:bg-gray-900:is(.dark *) > * {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.dark\:child\:bg-gray-900 > *:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.child\:dark\:text-gray-200:is(.dark *) > * {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.child\:dark\:text-gray-300:is(.dark *) > * {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.child-hover\:dark\:text-blue-500:is(.dark *) > *:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.dark\:hover\:bg-blue-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-red-500:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

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

.dark\:focus\:ring-\[\#EF4343\]:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 67 67 / var(--tw-ring-opacity, 1));
}

.dark\:focus\:ring-blue-400:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.dark\:focus\:ring-green-600:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
}

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

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

@media (min-width: 480px) {
  .xs\:flex {
    display: flex;
  }

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

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

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

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

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

  .xs\:text-start {
    text-align: start;
  }
}

@media (min-width: 640px) {
  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

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

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

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

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

  .sm\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:text-sm\/6 {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }

  .sm\:hidden.bottom-navbar {
    bottom: 0px;
    --tw-translate-y: 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));
  }
}

@media (min-width: 768px) {
  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

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

  .md\:ml-0 {
    margin-left: 0px;
  }

  .md\:mr-5 {
    margin-right: 1.25rem;
  }

  .md\:ms-2 {
    margin-inline-start: 0.5rem;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

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

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

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

  .md\:w-3\/4 {
    width: 75%;
  }

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

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

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

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

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

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

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

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

  .md\:p-0 {
    padding: 0px;
  }

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

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

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

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

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

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

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

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

  .md\:hidden.bottom-navbar {
    bottom: 0px;
    --tw-translate-y: 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));
  }

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

  .md\:child\:col-span-4 > * {
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }

  .lg\:mr-2 {
    margin-right: 0.5rem;
  }

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

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

  .lg\:mt-20 {
    margin-top: 5rem;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-20 {
    height: 5rem;
  }

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

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

  .lg\:h-\[35rem\] {
    height: 35rem;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-2\/4 {
    width: 50%;
  }

  .lg\:w-20 {
    width: 5rem;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

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

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

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

  .lg\:w-\[50\%\] {
    width: 50%;
  }

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

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

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

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

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

  .lg\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .lg\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .lg\:p-9 {
    padding: 2.25rem;
  }

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

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

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

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

  .lg\:hidden.bottom-navbar {
    bottom: 0px;
    --tw-translate-y: 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));
  }

  .child\:lg\:col-span-6 > * {
    grid-column: span 6 / span 6;
  }

  .lg\:child\:gap-x-2 > * {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .lg\:child\:p-4 > * {
    padding: 1rem;
  }

  .child\:lg\:text-base > * {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:flex {
    display: flex;
  }

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

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

  .xl\:gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

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

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

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

  .xl\:child\:col-span-3 > * {
    grid-column: span 3 / span 3;
  }
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: 180deg;
  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));
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

/* Homepage category artwork: the frame and artwork zoom are managed per category. */
.danilo-category-artwork {
  display: grid;
  place-items: center;
  width: var(--category-circle-size-mobile, 128px);
  height: var(--category-circle-size-mobile, 128px);
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 9999px;
  background: #fff;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform .72s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease;
  will-change: transform;
}
.danilo-popular-categories > a:hover .danilo-category-artwork,
.danilo-popular-categories > a:focus-visible .danilo-category-artwork {
  transform: rotate(var(--category-motion-angle, 90deg));
  box-shadow: 0 14px 34px rgb(15 23 42 / .18);
}
@keyframes danilo-category-quarter-turn {
  0% { transform: rotate(0deg); }
  58% { transform: rotate(var(--category-motion-angle, 90deg)); }
  100% { transform: rotate(0deg); }
}
@keyframes danilo-category-swing { 0%,100%{transform:rotate(0)} 35%{transform:rotate(var(--category-motion-angle,90deg))} 70%{transform:rotate(-12deg)} }
@keyframes danilo-category-zoom { 0%,100%{transform:scale(1)} 55%{transform:scale(1.14)} }
@keyframes danilo-category-float { 0%,100%{transform:translateY(0)} 55%{transform:translateY(-18px)} }
@keyframes danilo-category-flip { 0%,100%{transform:perspective(700px) rotateY(0)} 55%{transform:perspective(700px) rotateY(var(--category-motion-angle,90deg))} }
.danilo-popular-categories.is-motion-visible[data-motion="rotate"] > a .danilo-category-artwork { animation-name:danilo-category-quarter-turn; }
.danilo-popular-categories.is-motion-visible[data-motion="swing"] > a .danilo-category-artwork { animation-name:danilo-category-swing; }
.danilo-popular-categories.is-motion-visible[data-motion="zoom"] > a .danilo-category-artwork { animation-name:danilo-category-zoom; }
.danilo-popular-categories.is-motion-visible[data-motion="float"] > a .danilo-category-artwork { animation-name:danilo-category-float; }
.danilo-popular-categories.is-motion-visible[data-motion="flip"] > a .danilo-category-artwork { animation-name:danilo-category-flip; }
.danilo-popular-categories.is-motion-visible:not([data-motion="none"]) > a .danilo-category-artwork { animation-duration:var(--category-motion-duration,1050ms);animation-timing-function:cubic-bezier(.22,1,.36,1); }
.danilo-popular-categories.is-motion-visible > a:nth-child(2) .danilo-category-artwork { animation-delay:calc(var(--category-motion-stagger,100ms) * 1); }
.danilo-popular-categories.is-motion-visible > a:nth-child(3) .danilo-category-artwork { animation-delay:calc(var(--category-motion-stagger,100ms) * 2); }
.danilo-popular-categories.is-motion-visible > a:nth-child(4) .danilo-category-artwork { animation-delay:calc(var(--category-motion-stagger,100ms) * 3); }
.danilo-popular-categories.is-motion-visible > a:nth-child(5) .danilo-category-artwork { animation-delay:calc(var(--category-motion-stagger,100ms) * 4); }
.danilo-popular-categories.is-motion-visible > a:nth-child(6) .danilo-category-artwork { animation-delay:calc(var(--category-motion-stagger,100ms) * 5); }
.danilo-popular-categories[data-motion="zoom"] > a:hover .danilo-category-artwork{transform:scale(1.14)}
.danilo-popular-categories[data-motion="float"] > a:hover .danilo-category-artwork{transform:translateY(-18px)}
.danilo-popular-categories[data-motion="flip"] > a:hover .danilo-category-artwork{transform:perspective(700px) rotateY(var(--category-motion-angle,90deg))}
.danilo-popular-categories[data-motion="none"] > a:hover .danilo-category-artwork{transform:none;box-shadow:none}
.danilo-category-artwork > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: translate(var(--category-image-offset-x, 0%), var(--category-image-offset-y, 0%)) scale(var(--category-image-scale, 1));
  transform-origin: center;
  transition: transform .25s ease;
  filter: none !important;
  opacity: 1 !important;
}
.danilo-popular-categories > a:hover .danilo-category-artwork > img,
.danilo-popular-categories > a:focus-visible .danilo-category-artwork > img {
  filter: none !important;
  opacity: 1 !important;
}

/* Admin-configurable motion for the two promotional banners below latest products. */
.danilo-promo-banners > a {
  position: relative;
  isolation: isolate;
  transform-origin: center;
  will-change: transform, opacity;
}
.danilo-promo-banners > a > img {
  display: block;
  width: 100%;
  filter: none !important;
  opacity: 1 !important;
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}
@keyframes danilo-promo-rotate { 0%,100%{transform:rotate(0)} 55%{transform:rotate(var(--promo-motion-angle,6deg))} }
@keyframes danilo-promo-swing { 0%,100%{transform:rotate(0)} 35%{transform:rotate(var(--promo-motion-angle,6deg))} 72%{transform:rotate(calc(var(--promo-motion-angle,6deg) * -.45))} }
@keyframes danilo-promo-zoom { 0%,100%{transform:scale(1)} 55%{transform:scale(1.035)} }
@keyframes danilo-promo-float { 0%,100%{transform:translateY(0)} 55%{transform:translateY(-14px)} }
@keyframes danilo-promo-flip { 0%,100%{transform:perspective(1200px) rotateY(0)} 55%{transform:perspective(1200px) rotateY(var(--promo-motion-angle,6deg))} }
.danilo-promo-banners.is-motion-visible[data-motion="rotate"] > a{animation-name:danilo-promo-rotate}
.danilo-promo-banners.is-motion-visible[data-motion="swing"] > a{animation-name:danilo-promo-swing}
.danilo-promo-banners.is-motion-visible[data-motion="zoom"] > a{animation-name:danilo-promo-zoom}
.danilo-promo-banners.is-motion-visible[data-motion="float"] > a{animation-name:danilo-promo-float}
.danilo-promo-banners.is-motion-visible[data-motion="flip"] > a{animation-name:danilo-promo-flip}
.danilo-promo-banners.is-motion-visible:not([data-motion="none"]) > a{animation-duration:var(--promo-motion-duration,900ms);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:none}
.danilo-promo-banners.is-motion-visible > a:nth-child(2){animation-delay:var(--promo-motion-stagger,140ms)}
.danilo-promo-banners[data-motion="none"] > a{animation:none!important;transform:none!important}
.danilo-promo-banners[data-motion="rotate"] > a:hover,.danilo-promo-banners[data-motion="rotate"] > a:focus-visible{transform:rotate(var(--promo-motion-angle,6deg))}
.danilo-promo-banners[data-motion="swing"] > a:hover,.danilo-promo-banners[data-motion="swing"] > a:focus-visible{transform:rotate(var(--promo-motion-angle,6deg))}
.danilo-promo-banners[data-motion="zoom"] > a:hover,.danilo-promo-banners[data-motion="zoom"] > a:focus-visible{transform:scale(1.045)}
.danilo-promo-banners[data-motion="float"] > a:hover,.danilo-promo-banners[data-motion="float"] > a:focus-visible{transform:translateY(-14px)}
.danilo-promo-banners[data-motion="flip"] > a:hover,.danilo-promo-banners[data-motion="flip"] > a:focus-visible{transform:perspective(1200px) rotateY(var(--promo-motion-angle,6deg))}
.danilo-promo-banners > a{transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease}
.danilo-promo-banners > a:hover,.danilo-promo-banners > a:focus-visible{box-shadow:0 18px 42px rgb(15 23 42/.24)}
.danilo-promo-banners > a:hover > img,.danilo-promo-banners > a:focus-visible > img{filter:none!important;opacity:1!important}
@media (min-width: 1024px) {
  .danilo-category-artwork {
    width: var(--category-circle-size, 152px);
    height: var(--category-circle-size, 152px);
  }
}
.managed-wp-caption{margin:1.5rem auto;max-width:100%;text-align:center}.managed-wp-caption img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:.75rem}.managed-wp-caption:not(:has(img)){display:none}.managed-missing-image{width:min(100%,32rem);min-height:12rem;padding:2rem;object-fit:contain;background:rgba(148,163,184,.08)}

/* Final minimal brand/product slider overrides */
.brand-filter-panel{border-color:rgb(148 163 184/.2);background:transparent;box-shadow:none;padding:1rem}.dark .brand-filter-panel{border-color:rgb(71 85 105/.55);background:transparent;box-shadow:none}.brand-filter-intro{padding:.1rem .15rem .85rem}.brand-filter-tab{justify-content:center;border-color:rgb(148 163 184/.26);border-radius:.9rem;background:rgb(255 255 255/.68);padding:.45rem;box-shadow:none}.dark .brand-filter-tab{border-color:#334155;background:rgb(15 23 42/.34)}.brand-filter-tab::after{inset-block-start:.55rem;inset-inline-start:.55rem}.brand-card.is-active .brand-filter-tab{border-color:#3b82f6;background:rgb(59 130 246/.07);box-shadow:inset 0 -2px 0 #3b82f6}.dark .brand-card.is-active .brand-filter-tab{background:rgb(37 99 235/.1)}.brand-filter-tab img{width:94%!important;max-width:10rem;height:4.4rem!important;padding:.2rem}.brand-card{height:6rem!important}.brand-products-panel{margin-top:1rem;border-top-color:rgb(148 163 184/.22)}.brand-products-head{min-height:2.3rem;margin-bottom:.65rem}.brand-products-track{gap:.75rem;padding-bottom:.35rem;scrollbar-width:none}.brand-products-track::-webkit-scrollbar{display:none}.brand-product-card{grid-template-rows:10.5rem minmax(6.6rem,auto);border-color:rgb(148 163 184/.25);border-radius:.9rem;background:transparent;box-shadow:none}.dark .brand-product-card{border-color:#334155;background:transparent}.brand-product-card:hover{border-color:#60a5fa;box-shadow:none;transform:translateY(-2px)}.brand-product-image{height:10.5rem;background:rgb(59 130 246/.045)}.dark .brand-product-image{background:rgb(30 64 175/.1)}.brand-product-content{border-top-color:rgb(148 163 184/.16);padding:.75rem}.brand-product-content>div,.dark .brand-product-content>div{background:transparent;padding:.25rem}
@media (min-width:1024px){.BrandSlider .brand-card{width:calc((100% - 4rem)/5)!important}}
@media (max-width:640px){.brand-filter-tab img{width:92%!important;height:3.8rem!important}.brand-card{width:9.75rem!important;height:5.4rem!important}.brand-product-card{grid-template-rows:8.8rem minmax(6.5rem,auto)}.brand-product-image{height:8.8rem}}

/* Large, simple product slider */
.brand-products-track{grid-auto-columns:clamp(16rem,22vw,20rem);gap:1rem;padding:.25rem .15rem .5rem;scroll-snap-type:inline mandatory;will-change:scroll-position}
.brand-products-track .brand-product-card{scroll-snap-align:start;scroll-snap-stop:always;transition:background-color .28s ease,transform .28s ease,opacity .28s ease}
.brand-products-track.is-auto-scrolling .brand-product-card{opacity:.94}
.brand-products-track:has(.brand-product-card:first-child:last-child){grid-template-columns:minmax(0,1fr);grid-auto-flow:row}
.brand-products-track:has(.brand-product-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}
.brand-products-track:has(.brand-product-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}
.brand-product-card{grid-template-rows:13rem minmax(6.2rem,auto);border:0;border-radius:1.15rem;background:rgb(59 130 246/.045)}
.dark .brand-product-card{border:0;background:rgb(30 64 175/.09)}
.brand-product-card:hover{border:0;background:rgb(59 130 246/.075);transform:translateY(-2px)}
.brand-product-image{height:13rem;background:transparent;padding:1.2rem}
.dark .brand-product-image{background:transparent}
.brand-product-image img{width:100%;height:94%!important;max-width:88%;max-height:11.5rem!important}
.brand-product-image>span{display:none}
.brand-product-content{align-content:space-between;border:0;padding:.85rem 1rem 1rem}
.brand-product-content>a{min-height:auto;font-size:.86rem;line-height:1.8}
.brand-product-content>div,.dark .brand-product-content>div{min-height:auto;background:transparent;padding:0}
.brand-product-content strong{font-size:.86rem}
@media(max-width:640px){.brand-products-track,.brand-products-track:has(.brand-product-card:first-child:last-child),.brand-products-track:has(.brand-product-card:nth-child(2):last-child),.brand-products-track:has(.brand-product-card:nth-child(3):last-child){grid-template-columns:none;grid-auto-columns:minmax(12.5rem,78vw);grid-auto-flow:column}.brand-product-card{grid-template-rows:10rem minmax(6rem,auto)}.brand-product-image{height:10rem}.brand-product-image img{max-height:8.8rem!important}}

/* Compact vertical rhythm for the product rail */
.brand-products-panel{border:0;border-radius:1.1rem;background:#fff;padding:.9rem}
.dark .brand-products-panel{background:#1f2937}
.brand-products-head{min-height:1.8rem;margin-bottom:.35rem}
.brand-product-card{grid-template-rows:9.75rem minmax(5.4rem,auto);background:rgb(248 250 252/.72)}
.dark .brand-product-card{background:rgb(15 23 42/.38)}
.brand-product-image{height:9.75rem;padding:.75rem 1rem}
.brand-product-image img{height:92%!important;max-height:8.4rem!important}
.brand-product-content{gap:.35rem;padding:.55rem .85rem .7rem}
.brand-product-content>a{min-height:2.5rem;font-size:.8rem;line-height:1.65}
.brand-product-content strong{font-size:.8rem}
@media(max-width:640px){.brand-product-card{grid-template-rows:8.25rem minmax(5.2rem,auto)}.brand-product-image{height:8.25rem;padding:.6rem}.brand-product-image img{max-height:7rem!important}.brand-product-content{padding:.5rem .65rem .65rem}}

/* Admin-configurable product slider motion */
.brand-product-image img{scale:var(--coffee-product-image-scale,1.1)}
.brand-products-panel[data-motion="fade"] .brand-products-track.is-auto-scrolling .brand-product-card{opacity:.55;transform:scale(.985)}
.brand-products-panel[data-motion="glide"] .brand-products-track.is-auto-scrolling .brand-product-card{opacity:.9}
.brand-products-panel[data-motion="snap"] .brand-products-track .brand-product-card{transition-duration:.16s}

/* Product slider navigation on opposite edges */
.brand-products-panel{position:relative;padding-inline:3.6rem}
.brand-products-head{position:absolute;inset:0;z-index:4;min-height:0;margin:0;pointer-events:none}
.brand-products-nav{display:contents}
.brand-products-nav button{position:absolute;top:50%;z-index:5;pointer-events:auto;transform:translateY(-50%);box-shadow:0 8px 24px rgb(15 23 42/.12)}
.brand-products-nav button:first-child{left:.85rem}
.brand-products-nav button:last-child{right:.85rem}
.brand-products-nav button:hover:not(:disabled){transform:translateY(calc(-50% - 2px))}
@media(max-width:640px){.brand-products-panel{padding-inline:.8rem}.brand-products-nav{display:none}}

/* Keep the edge controls in dedicated gutters, clear of product cards */
@media(min-width:641px){
  .brand-products-panel{padding-inline:5rem}
  .brand-products-nav button{width:2.75rem;height:2.75rem;border-radius:.85rem;background:#0f1a2c}
  .dark .brand-products-nav button{background:#0f1a2c}
  .brand-products-nav button:first-child{left:1rem}
  .brand-products-nav button:last-child{right:1rem}
  .brand-products-track{scroll-padding-inline:.35rem}
}
@media(min-width:641px) and (max-width:900px){
  .brand-products-panel{padding-inline:4.25rem}
  .brand-products-nav button:first-child{left:.7rem}
  .brand-products-nav button:last-child{right:.7rem}
}

/* Match each navigation icon to the physical edge it occupies */
.brand-products-nav button:first-child svg{transform:rotate(90deg)}
.brand-products-nav button:last-child svg{transform:rotate(-90deg)}

/* Show complete product cards at every desktop breakpoint */
@media(min-width:1100px){
  .brand-products-track{grid-auto-columns:calc((100% - 3rem)/4);gap:1rem}
}
@media(min-width:641px) and (max-width:1099px){
  .brand-products-track{grid-auto-columns:calc((100% - 2rem)/3);gap:1rem}
}

/* Stable, polished cart counter badge */
header .open-cart{isolation:isolate;overflow:visible}
header .open-cart>span.absolute{top:-.32rem!important;right:-.32rem!important;display:grid!important;width:1.35rem!important;height:1.35rem!important;padding:0!important;place-items:center;z-index:3;pointer-events:none;border:2px solid #0f172a;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem!important;font-weight:800;line-height:1!important;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px rgb(0 0 0/.22)}
header .open-cart>span.absolute>span.relative{display:grid!important;width:100%!important;height:100%!important;padding:0!important;place-items:center;border:2px solid #0f172a;font-size:.68rem!important;font-weight:800;line-height:1!important;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px rgb(0 0 0/.22)}
header .open-cart>span.absolute>span.animate-ping{inset:0;animation-duration:1.8s}
@media(max-width:640px){header .open-cart>span.absolute{top:-.22rem!important;right:-.22rem!important;width:1.2rem!important;height:1.2rem!important}header .open-cart>span.absolute>span.relative{font-size:.62rem!important;border-width:1.5px}}
.bottom-navbar .danilo-mobile-cart-count{position:absolute;top:-7px;inset-inline-start:calc(50% - 2px);display:grid;width:20px;height:20px;place-items:center;border:2px solid #1e293b;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 5px 12px rgb(0 0 0/.3);font-variant-numeric:tabular-nums;z-index:3}
.bottom-navbar .danilo-mobile-cart-count[hidden]{display:none!important}
@media(max-width:640px){#karen-toast{left:16px!important;right:16px!important;bottom:92px!important;width:auto!important;justify-content:flex-start}.bottom-navbar .danilo-mobile-cart-count{top:-5px}}
.danilo-cart-page{align-items:flex-start!important;gap:18px!important}.danilo-cart-list,.danilo-cart-summary{border:1px solid rgb(148 163 184/.18);border-radius:18px;background:#fff;box-shadow:0 14px 36px rgb(15 23 42/.08)}.dark .danilo-cart-list,.dark .danilo-cart-summary{background:#202d3d}.danilo-cart-list{width:75%;padding:20px}.danilo-cart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid rgb(148 163 184/.35)}.danilo-cart-head h1{font-size:20px;font-weight:800}.danilo-cart-head h1 span{color:#94a3b8;font-size:13px;font-weight:500}.danilo-cart-head button,.danilo-cart-actions>button{color:#f05265}.danilo-cart-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 4px;border-bottom:1px solid rgb(148 163 184/.25)}.danilo-cart-item:last-child{border-bottom:0}.danilo-cart-image{display:grid;width:120px;height:112px;place-items:center;border-radius:14px;background:#f8fafc}.dark .danilo-cart-image{background:#172235}.danilo-cart-image img{width:100%;height:100%;padding:7px;object-fit:contain}.danilo-cart-copy{display:grid;gap:7px;min-width:0}.danilo-cart-copy>a{overflow:hidden;color:inherit;font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.danilo-cart-copy small,.danilo-cart-copy p{color:#94a3b8;font-size:12px}.danilo-cart-copy strong{font-size:15px}.danilo-cart-actions{display:grid;justify-items:center;gap:11px}.danilo-cart-quantity{display:grid;grid-template-columns:36px 34px 36px;align-items:center;min-height:42px;overflow:hidden;border:1px solid rgb(148 163 184/.55);border-radius:12px}.danilo-cart-quantity button{height:100%;font-size:21px}.danilo-cart-quantity button:first-child{color:#f05265}.danilo-cart-quantity button:last-child{color:#22c55e}.danilo-cart-quantity span{text-align:center;font-weight:800}.danilo-cart-summary{position:sticky;top:20px;width:25%;padding:20px}.danilo-cart-summary h2{padding-bottom:15px;border-bottom:1px solid rgb(148 163 184/.3);font-size:17px;font-weight:800}.danilo-cart-summary ul{display:grid;margin-top:8px}.danilo-cart-summary li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;border-bottom:1px dashed rgb(148 163 184/.3);font-size:13px}.danilo-cart-summary .is-saving{color:#16a34a}.danilo-cart-summary .is-total{border-bottom:0;font-size:15px}.danilo-cart-summary>a{display:flex;min-height:48px;margin-top:14px;align-items:center;justify-content:center;border-radius:12px;background:#2563eb;color:#fff;font-weight:800}.danilo-cart-summary>small{display:block;margin-top:12px;color:#94a3b8;text-align:center;line-height:1.8}
@media(max-width:1023px){.danilo-cart-page{display:grid!important;grid-template-columns:1fr!important}.danilo-cart-list,.danilo-cart-summary{width:100%}.danilo-cart-summary{position:static}}
@media(max-width:640px){main:has(.danilo-cart-page){padding-bottom:104px}.danilo-cart-page{margin-top:10px!important;gap:12px!important;padding-inline:12px!important}.danilo-cart-list{padding:14px;border-radius:16px}.danilo-cart-head{padding-bottom:13px}.danilo-cart-head h1{font-size:18px}.danilo-cart-item{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"image copy" "actions actions";gap:12px;padding:16px 0}.danilo-cart-image{grid-area:image;width:84px;height:92px;border-radius:12px}.danilo-cart-copy{grid-area:copy;gap:5px}.danilo-cart-copy>a{font-size:15px}.danilo-cart-copy strong{font-size:14px}.danilo-cart-actions{grid-area:actions;display:flex;align-items:center;justify-content:space-between;padding-inline-start:96px}.danilo-cart-quantity{grid-template-columns:40px 38px 40px;min-height:44px}.danilo-cart-actions>button{min-height:44px;padding:0 12px}.danilo-cart-summary{padding:16px;border-radius:16px}.danilo-cart-summary>a{min-height:52px}}
@media(max-width:640px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}body>footer,footer.md\:container{margin-bottom:0!important}.bottom-navbar{padding-bottom:env(safe-area-inset-bottom)}}
.managed-article-content p,.managed-article-content li,.danilo-managed-page-content p,.danilo-managed-page-content li{text-align:justify!important;text-justify:inter-word}

/* Balanced wishlist grid, including the single-product state. */
.danilo-wishlist-shell{min-height:0!important;padding:24px!important}
.danilo-wishlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.danilo-wishlist-grid>.product-card{width:100%;min-width:0;height:100%;margin:0}
.danilo-wishlist-grid [data-wishlist].is-wishlist-active{border-color:rgb(239 68 68/.72)!important;background:rgb(239 68 68/.13)!important;color:#ef4444!important;box-shadow:0 0 0 3px rgb(239 68 68/.08)}
.danilo-wishlist-grid [data-wishlist].is-wishlist-active svg,.danilo-wishlist-grid [data-wishlist].is-wishlist-active svg path{color:#ef4444!important;fill:#ef4444!important;stroke:#ef4444!important}
.danilo-wishlist-grid>.product-card{transition:opacity .24s ease,transform .24s ease}
.danilo-wishlist-grid>.product-card.is-removing{opacity:0;transform:scale(.96)}
.danilo-wishlist-grid:has(>.product-card:first-child:last-child){grid-template-columns:minmax(280px,380px);justify-content:center}
.danilo-wishlist-grid:has(>.product-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(280px,380px));justify-content:center}
.danilo-wishlist-empty{grid-column:1/-1;display:grid;min-height:220px;place-items:center;border:1px dashed rgb(148 163 184/.35);border-radius:18px;color:#94a3b8;text-align:center}
@media(max-width:1100px){.danilo-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.danilo-wishlist-shell{padding:16px!important}.danilo-wishlist-grid,.danilo-wishlist-grid:has(>.product-card:first-child:last-child),.danilo-wishlist-grid:has(>.product-card:nth-child(2):last-child){grid-template-columns:minmax(0,1fr);gap:14px}.danilo-wishlist-grid>.product-card{max-width:100%}}

/* Keep amazing-offer controls readable without covering product cards. */
.AmazingSlider-prev-slide,
.AmazingSlider-next-slide {
  top: 50% !important;
  transform: translateY(-50%);
  z-index: 20 !important;
}

.AmazingSlider-prev-slide { right: -1.15rem !important; }
.AmazingSlider-next-slide { left: -1.15rem !important; }

.AmazingSlider-prev-slide,
.AmazingSlider-next-slide {
  transition: opacity .2s ease, transform .2s ease, background-color .2s ease, box-shadow .2s ease;
  box-shadow: 0 8px 24px rgb(15 23 42 / 25%);
}

.AmazingSlider-prev-slide:hover:not(:disabled),
.AmazingSlider-next-slide:hover:not(:disabled) {
  background: #fff !important;
  transform: translateY(-50%) scale(1.07);
}

.AmazingSlider-prev-slide:disabled,
.AmazingSlider-next-slide:disabled,
.AmazingSlider-prev-slide.is-disabled,
.AmazingSlider-next-slide.is-disabled {
  opacity: .35;
  cursor: default;
  pointer-events: none;
  box-shadow: none;
}

.AmazingSlider .small-card .amazing-card-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  width: 100%;
  min-height: 1.5rem;
  direction: rtl;
}

.AmazingSlider .small-card .amazing-card-stock,
.AmazingSlider .small-card .amazing-card-rating {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  white-space: nowrap;
  font-size: .72rem;
  line-height: 1.25rem;
}

.AmazingSlider .small-card .amazing-card-stock { justify-self: start; }
.AmazingSlider .small-card .amazing-card-rating { justify-self: end; color: rgb(156 163 175); direction: ltr; }
.AmazingSlider .small-card .amazing-card-rating b { font-weight: 500; }
.AmazingSlider .small-card .amazing-card-rating.is-empty { min-width: 4.25rem; justify-content: flex-end; direction: rtl; }

.AmazingSlider > .swiper-wrapper {
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}
.AmazingSlider > .swiper-wrapper::-webkit-scrollbar { display: none; }
.AmazingSlider > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }

@media (max-width: 640px) {
  .AmazingSlider-prev-slide { right: -.6rem !important; }
  .AmazingSlider-next-slide { left: -.6rem !important; }
}
/* End amazing-offer control layout fix. */
/* Verified compact mobile cart */
.danilo-cart-page{align-items:flex-start!important;gap:18px!important}.danilo-cart-list,.danilo-cart-summary{border:1px solid rgb(148 163 184/.18);border-radius:18px;background:#fff;box-shadow:0 14px 36px rgb(15 23 42/.08)}.dark .danilo-cart-list,.dark .danilo-cart-summary{background:#202d3d}.danilo-cart-list{width:75%;padding:20px}.danilo-cart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid rgb(148 163 184/.35)}.danilo-cart-head h1{font-size:20px;font-weight:800}.danilo-cart-head h1 span{color:#94a3b8;font-size:13px;font-weight:500}.danilo-cart-head button,.danilo-cart-actions>button{color:#f05265}.danilo-cart-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px 4px;border-bottom:1px solid rgb(148 163 184/.25)}.danilo-cart-item:last-child{border-bottom:0}.danilo-cart-image{display:grid;width:120px;height:112px;place-items:center;border-radius:14px;background:#f8fafc}.dark .danilo-cart-image{background:#172235}.danilo-cart-image img{width:100%;height:100%;padding:7px;object-fit:contain}.danilo-cart-copy{display:grid;gap:7px;min-width:0}.danilo-cart-copy>a{overflow:hidden;color:inherit;font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.danilo-cart-copy small,.danilo-cart-copy p{color:#94a3b8;font-size:12px}.danilo-cart-copy strong{font-size:15px}.danilo-cart-actions{display:grid;justify-items:center;gap:11px}.danilo-cart-quantity{display:grid;grid-template-columns:36px 34px 36px;align-items:center;min-height:42px;overflow:hidden;border:1px solid rgb(148 163 184/.55);border-radius:12px}.danilo-cart-quantity button{height:100%;font-size:21px}.danilo-cart-quantity button:first-child{color:#f05265}.danilo-cart-quantity button:last-child{color:#22c55e}.danilo-cart-quantity span{text-align:center;font-weight:800}.danilo-cart-summary{position:sticky;top:20px;width:25%;padding:20px}.danilo-cart-summary h2{padding-bottom:15px;border-bottom:1px solid rgb(148 163 184/.3);font-size:17px;font-weight:800}.danilo-cart-summary ul{display:grid;margin-top:8px}.danilo-cart-summary li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;border-bottom:1px dashed rgb(148 163 184/.3);font-size:13px}.danilo-cart-summary .is-saving{color:#16a34a}.danilo-cart-summary .is-total{border-bottom:0;font-size:15px}.danilo-cart-summary>a{display:flex;min-height:48px;margin-top:14px;align-items:center;justify-content:center;border-radius:12px;background:#2563eb;color:#fff;font-weight:800}.danilo-cart-summary>small{display:block;margin-top:12px;color:#94a3b8;text-align:center;line-height:1.8}
@media(max-width:1023px){.danilo-cart-page{display:grid!important;grid-template-columns:1fr!important}.danilo-cart-list,.danilo-cart-summary{width:100%}.danilo-cart-summary{position:static}}
@media(max-width:640px){main:has(.danilo-cart-page){padding-bottom:104px}.danilo-cart-page{margin-top:10px!important;gap:12px!important;padding-inline:12px!important}.danilo-cart-list{padding:14px;border-radius:16px}.danilo-cart-head{padding-bottom:13px}.danilo-cart-head h1{font-size:18px}.danilo-cart-item{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"image copy" "actions actions";gap:12px;padding:16px 0}.danilo-cart-image{grid-area:image;width:84px;height:92px;border-radius:12px}.danilo-cart-copy{grid-area:copy;gap:5px}.danilo-cart-copy>a{font-size:15px}.danilo-cart-copy strong{font-size:14px}.danilo-cart-actions{grid-area:actions;display:flex;align-items:center;justify-content:space-between;padding-inline-start:96px}.danilo-cart-quantity{grid-template-columns:40px 38px 40px;min-height:44px}.danilo-cart-actions>button{min-height:44px;padding:0 12px}.danilo-cart-summary{padding:16px;border-radius:16px}.danilo-cart-summary>a{min-height:52px}}
.danilo-checkout-field{min-width:0}.danilo-checkout-field>input,.danilo-checkout-field>textarea{width:100%;box-sizing:border-box}.danilo-checkout-field>label{line-height:1.8}@media(max-width:640px){.danilo-checkout-field{grid-column:1 / -1!important}}

@media(max-width:640px){footer.danilo-footer .danilo-footer-grid{gap:20px!important}footer.danilo-footer .danilo-footer-grid>div{margin-top:0!important;padding-top:0!important}footer.danilo-footer .danilo-footer-about{margin-bottom:0!important;line-height:1.9!important}footer.danilo-footer .danilo-footer-contact li{grid-template-columns:1fr!important;gap:4px!important;padding:12px!important}footer.danilo-footer .danilo-footer-contact li>*:first-child{white-space:nowrap;font-size:13px;line-height:1.8}footer.danilo-footer .danilo-footer-contact li>*:last-child{font-size:14px;line-height:1.9;text-align:right!important}footer.danilo-footer .danilo-footer-contact li:nth-child(-n+2)>*:last-child{direction:ltr;text-align:right!important}footer.danilo-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}footer.danilo-footer .danilo-footer-copyright{margin-bottom:12px!important}.bottom-navbar{bottom:0!important;height:calc(64px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important}.bottom-navbar>li{min-width:0}.bottom-navbar>li p{white-space:nowrap;font-size:12px}}

@media(max-width:640px){footer.danilo-footer .footer_title,footer.danilo-footer .danilo-footer-about,footer.danilo-footer .danilo-footer-contact li>*{text-align:center!important}footer.danilo-footer .danilo-footer-contact li:nth-child(-n+2)>*:last-child{text-align:center!important}footer.danilo-footer .danilo-footer-grid>div{text-align:center}footer.danilo-footer .danilo-footer-grid ul:not(.danilo-footer-contact){justify-items:center}footer.danilo-footer .danilo-footer-badges{justify-self:center}}

@media(max-width:640px){footer.danilo-footer .footer_title,footer.danilo-footer .danilo-footer-about,footer.danilo-footer .danilo-footer-contact li>*{text-align:center!important}footer.danilo-footer .danilo-footer-contact li:nth-child(-n+2)>*:last-child{text-align:center!important}footer.danilo-footer .danilo-footer-grid>div{text-align:center}footer.danilo-footer .danilo-footer-grid ul:not(.danilo-footer-contact){justify-items:center}footer.danilo-footer .danilo-footer-badges{justify-self:center}}

@media(max-width:640px){footer.danilo-footer .danilo-footer-contact li:nth-child(n)>*:last-child{text-align:center!important}}

@media(max-width:640px){footer.danilo-footer .footer_title,footer.danilo-footer .danilo-footer-about,footer.danilo-footer .danilo-footer-contact li>*{text-align:center!important}footer.danilo-footer .danilo-footer-contact li:nth-child(-n+2)>*:last-child{text-align:center!important}footer.danilo-footer .danilo-footer-grid>div{text-align:center}footer.danilo-footer .danilo-footer-grid ul:not(.danilo-footer-contact){justify-items:center}footer.danilo-footer .danilo-footer-badges{justify-self:center}}

@media(max-width:640px){footer.danilo-footer .danilo-footer-contact li:nth-child(n)>*:last-child{text-align:center!important}}

@media(max-width:640px){footer.danilo-footer .footer_title+div:has(>ul){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center!important;gap:16px!important;width:100%;margin-inline:auto}footer.danilo-footer .footer_title+div>ul{width:100%;text-align:center!important}footer.danilo-footer .footer_title+div>ul>li{width:100%;text-align:center!important}footer.danilo-footer .footer_title+div>ul>li>a{display:block;text-align:center!important}}

@media(max-width:640px){footer .footer_title,footer .footer_title+p{text-align:center!important}footer .footer_title+div:has(>ul){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;width:100%;margin-inline:auto}footer .footer_title+div>ul,footer .footer_title+div>ul>li,footer .footer_title+div>ul>li>a{text-align:center!important;width:100%}footer .footer_title+div>ul>li>a{display:block}footer .danilo-footer-contact li,footer .footer_title+ul>li{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}footer .danilo-footer-contact li:nth-child(n)>*,footer .footer_title+ul>li:nth-child(n)>*{text-align:center!important;min-width:0;overflow-wrap:anywhere}footer .footer_title+ul>li>*:first-child{white-space:nowrap}footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}}

/* Article tables: editor, preview and published content share one readable layout. */
.managed-article-content table,[data-rich-editor] table{width:100%!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:auto!important;margin:24px 0!important;border:1px solid #64748b!important;line-height:1.9!important;font-size:15px!important}
.managed-article-content table th,.managed-article-content table td,[data-rich-editor] table th,[data-rich-editor] table td{border:1px solid #64748b!important;padding:14px 16px!important;vertical-align:top!important;text-align:start!important;min-width:130px;white-space:normal!important;overflow-wrap:break-word!important}
.managed-article-content table th,[data-rich-editor] table th{background:#172334!important;color:#f8fafc!important;font-weight:700!important}
.managed-article-content table tbody tr:nth-child(even){background:rgba(148,163,184,.09)!important}
[data-rich-editor] table tbody tr:nth-child(even){background:rgba(148,163,184,.12)!important}
.managed-article-content table p,[data-rich-editor] table p{margin:0!important;text-align:start!important}
.managed-article-content .danilo-table-scroll{max-width:100%!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior-x:contain;border:1px solid #64748b!important;border-radius:12px!important;margin:24px 0!important}
.managed-article-content .danilo-table-scroll table{margin:0!important;min-width:620px!important}
[data-rich-editor]{max-width:100%;overflow-x:auto}
.article-auto-preview .managed-article-content a,[data-rich-editor] a{color:#3b82f6!important;text-decoration:underline!important;text-underline-offset:4px}


/* Account menu uses the same surface palette as site navigation. */
.danilo-account-dropdown{background:#fff!important;color:#1f2937!important;border-color:#e5e7eb!important}
.dark .danilo-account-dropdown{background:#1f2937!important;color:#e5e7eb!important;border-color:#374151!important}
.danilo-account-dropdown>a:not([data-account-logout]),.danilo-account-dropdown>a:not([data-account-logout]) p,.danilo-account-dropdown>a:not([data-account-logout]) svg{color:inherit!important}
.dark .danilo-account-dropdown>a:not([data-account-logout]):hover{background:#22344b!important;color:#60a5fa!important}