/* Tangoshop Classic — Tailwind du-input (dev area)
   This file is only used by the build tooling and is NOT a runtime theme asset.
   Build output is assets/css/style.css (see package.json scripts).
*/

/* Tailwind layers */
*, ::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.18 | 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;
}
:root,
[data-theme] {
  background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}
html {
  -webkit-tap-highlight-color: transparent;
}
:root {
  color-scheme: light;
  --pf: 259 94% 44%;
  --sf: 314 100% 40%;
  --af: 174 75% 39%;
  --nf: 214 20% 14%;
  --in: 198 93% 60%;
  --su: 158 64% 52%;
  --wa: 43 96% 56%;
  --er: 0 91% 71%;
  --inc: 198 100% 12%;
  --suc: 158 100% 10%;
  --wac: 43 100% 11%;
  --erc: 0 100% 14%;
  --rounded-box: 1rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: .2s;
  --btn-text-case: uppercase;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --p: 259 94% 51%;
  --pc: 259 96% 91%;
  --s: 314 100% 47%;
  --sc: 314 100% 91%;
  --a: 174 75% 46%;
  --ac: 174 75% 11%;
  --n: 214 20% 21%;
  --nc: 212 19% 87%;
  --b1: 0 0% 100%;
  --b2: 0 0% 95%;
  --b3: 180 2% 90%;
  --bc: 215 28% 17%;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --pf: 262 80% 43%;
    --sf: 316 70% 43%;
    --af: 175 70% 34%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 262 80% 50%;
    --pc: 0 0% 100%;
    --s: 316 70% 50%;
    --sc: 0 0% 100%;
    --a: 175 70% 41%;
    --ac: 0 0% 100%;
    --n: 213 18% 20%;
    --nf: 212 17% 17%;
    --nc: 220 13% 69%;
    --b1: 212 18% 14%;
    --b2: 213 18% 12%;
    --b3: 213 18% 10%;
    --bc: 220 13% 69%;
  }
}
[data-theme=light] {
  color-scheme: light;
  --pf: 259 94% 44%;
  --sf: 314 100% 40%;
  --af: 174 75% 39%;
  --nf: 214 20% 14%;
  --in: 198 93% 60%;
  --su: 158 64% 52%;
  --wa: 43 96% 56%;
  --er: 0 91% 71%;
  --inc: 198 100% 12%;
  --suc: 158 100% 10%;
  --wac: 43 100% 11%;
  --erc: 0 100% 14%;
  --rounded-box: 1rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: .2s;
  --btn-text-case: uppercase;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --p: 259 94% 51%;
  --pc: 259 96% 91%;
  --s: 314 100% 47%;
  --sc: 314 100% 91%;
  --a: 174 75% 46%;
  --ac: 174 75% 11%;
  --n: 214 20% 21%;
  --nc: 212 19% 87%;
  --b1: 0 0% 100%;
  --b2: 0 0% 95%;
  --b3: 180 2% 90%;
  --bc: 215 28% 17%;
}
[data-theme=dark] {
  color-scheme: dark;
  --pf: 262 80% 43%;
  --sf: 316 70% 43%;
  --af: 175 70% 34%;
  --in: 198 93% 60%;
  --su: 158 64% 52%;
  --wa: 43 96% 56%;
  --er: 0 91% 71%;
  --inc: 198 100% 12%;
  --suc: 158 100% 10%;
  --wac: 43 100% 11%;
  --erc: 0 100% 14%;
  --rounded-box: 1rem;
  --rounded-btn: 0.5rem;
  --rounded-badge: 1.9rem;
  --animation-btn: 0.25s;
  --animation-input: .2s;
  --btn-text-case: uppercase;
  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.5rem;
  --p: 262 80% 50%;
  --pc: 0 0% 100%;
  --s: 316 70% 50%;
  --sc: 0 0% 100%;
  --a: 175 70% 41%;
  --ac: 0 0% 100%;
  --n: 213 18% 20%;
  --nf: 212 17% 17%;
  --nc: 220 13% 69%;
  --b1: 212 18% 14%;
  --b2: 213 18% 12%;
  --b3: 213 18% 10%;
  --bc: 220 13% 69%;
}
[data-theme=lofi] {
  color-scheme: light;
  --pf: 0 0% 0%;
  --sf: 0 2% 3%;
  --af: 0 0% 8%;
  --nf: 0 0% 0%;
  --btn-text-case: uppercase;
  --border-btn: 1px;
  --tab-border: 1px;
  --p: 0 0% 5%;
  --pc: 0 0% 100%;
  --s: 0 2% 10%;
  --sc: 0 0% 100%;
  --a: 0 0% 15%;
  --ac: 0 0% 100%;
  --n: 0 0% 0%;
  --nc: 0 0% 100%;
  --b1: 0 0% 100%;
  --b2: 0 0% 95%;
  --b3: 0 2% 90%;
  --bc: 0 0% 0%;
  --in: 212 100% 48%;
  --inc: 0 0% 100%;
  --su: 137 72% 46%;
  --suc: 0 0% 0%;
  --wa: 5 100% 66%;
  --wac: 0 0% 100%;
  --er: 325 78% 49%;
  --erc: 0 0% 100%;
  --rounded-box: 0.25rem;
  --rounded-btn: 0.125rem;
  --rounded-badge: 0.125rem;
  --animation-btn: 0;
  --animation-input: 0;
  --btn-focus-scale: 1;
  --tab-radius: 0;
}
[data-theme=black] {
  color-scheme: dark;
  --pf: 0 2% 13%;
  --sf: 0 2% 13%;
  --af: 0 2% 13%;
  --bc: 145 0% 78%;
  --pc: 0 1% 82%;
  --sc: 0 1% 82%;
  --ac: 0 1% 82%;
  --nc: 0 0% 81%;
  --inc: 263 100% 91%;
  --suc: 105 32% 85%;
  --wac: 58 45% 13%;
  --erc: 17 100% 90%;
  --border-btn: 1px;
  --tab-border: 1px;
  --p: 0 2% 20%;
  --s: 0 2% 20%;
  --a: 0 2% 20%;
  --b1: 0 0% 0%;
  --b2: 0 0% 5%;
  --b3: 0 2% 10%;
  --n: 0 1% 15%;
  --nf: 0 2% 20%;
  --in: 240 100% 50%;
  --su: 120 100% 25%;
  --wa: 60 100% 50%;
  --er: 0 100% 50%;
  --rounded-box: 0;
  --rounded-btn: 0;
  --rounded-badge: 0;
  --animation-btn: 0;
  --animation-input: 0;
  --btn-text-case: lowercase;
  --btn-focus-scale: 1;
  --tab-radius: 0;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.du-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  height: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0.563rem;
  padding-right: 0.563rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  border-radius: var(--rounded-badge, 1.9rem);
}
.du-breadcrumbs {
  max-width: 100%;
  overflow-x: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.du-breadcrumbs > ul,
  .du-breadcrumbs > ol {
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-height: -moz-min-content;
  min-height: min-content;
}
.du-breadcrumbs > ul > li, .du-breadcrumbs > ol > li {
  display: flex;
  align-items: center;
}
.du-breadcrumbs > ul > li > a, .du-breadcrumbs > ol > li > a {
  display: flex;
  cursor: pointer;
  align-items: center;
}
@media (hover:hover) {
  .du-breadcrumbs > ul > li > a:hover, .du-breadcrumbs > ol > li > a:hover {
    text-decoration-line: underline;
  }
  .du-link-hover:hover {
    text-decoration-line: underline;
  }
  .du-label a:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
  }
  .du-menu li > *:not(ul):not(.du-menu-title):not(details):active,
.du-menu li > *:not(ul):not(.du-menu-title):not(details).du-active,
.du-menu li > details > summary:active {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--nc) / var(--tw-text-opacity));
  }
}
.du-btn {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.du-btn-disabled,
  .du-btn[disabled],
  .du-btn:disabled {
  pointer-events: none;
}
.du-btn-square {
  height: 3rem;
  width: 3rem;
  padding: 0px;
}
.du-btn-circle {
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  padding: 0px;
}
.du-btn-group > input[type="radio"].du-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].du-btn:before {
  content: attr(data-title);
}
.du-btn:is(input[type="checkbox"]),
.du-btn:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn:is(input[type="checkbox"]):after,
.du-btn:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
.du-checkbox {
  flex-shrink: 0;
  --chkbg: var(--bc);
  --chkfg: var(--b1);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  border-radius: var(--rounded-btn, 0.5rem);
}
.du-collapse:not(td):not(tr):not(colgroup) {
  visibility: visible;
}
.du-collapse {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template-rows: auto 0fr;
  transition: grid-template-rows 0.2s;
  width: 100%;
  border-radius: var(--rounded-box, 1rem);
}
.du-collapse-title,
.du-collapse > input[type="checkbox"],
.du-collapse > input[type="radio"],
.du-collapse-content {
  grid-column-start: 1;
  grid-row-start: 1;
}
.du-collapse > input[type="checkbox"],
.du-collapse > input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
}
.du-collapse-content {
  visibility: hidden;
  grid-column-start: 1;
  grid-row-start: 2;
  min-height: 0px;
  transition: visibility 0.2s;
  transition: padding 0.2s ease-out,
    background-color 0.2s ease-out;
  padding-left: 1rem;
  padding-right: 1rem;
  cursor: unset;
}
.du-collapse[open],
.du-collapse-open,
.du-collapse:focus:not(.du-collapse-close) {
  grid-template-rows: auto 1fr;
}
.du-collapse:not(.du-collapse-close):has(> input[type="checkbox"]:checked),
.du-collapse:not(.du-collapse-close):has(> input[type="radio"]:checked) {
  grid-template-rows: auto 1fr;
}
.du-collapse[open] > .du-collapse-content,
.du-collapse-open > .du-collapse-content,
.du-collapse:focus:not(.du-collapse-close) > .du-collapse-content,
.du-collapse:not(.du-collapse-close) > input[type="checkbox"]:checked ~ .du-collapse-content,
.du-collapse:not(.du-collapse-close) > input[type="radio"]:checked ~ .du-collapse-content {
  visibility: visible;
  min-height: -moz-fit-content;
  min-height: fit-content;
}
.du-divider {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1rem;
  white-space: nowrap;
}
.du-divider:before,
  .du-divider:after {
  content: "";
  flex-grow: 1;
  height: 0.125rem;
  width: 100%;
}
.du-drawer {
  position: relative;
  display: grid;
  grid-auto-columns: max-content auto;
  width: 100%;
}
.du-drawer-content {
  grid-column-start: 2;
  grid-row-start: 1;
}
.du-drawer-side {
  pointer-events: none;
  position: fixed;
  left: 0px;
  top: 0px;
  grid-column-start: 1;
  grid-row-start: 1;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  justify-items: start;
  overflow-y: auto;
  overscroll-behavior: contain;
  height: 100vh;
  height: 100dvh;
  scrollbar-width: none;
}
.du-drawer-side::-webkit-scrollbar {
  display: none;
}
.du-drawer-side > .du-drawer-overlay {
  position: sticky;
  top: 0px;
  place-self: stretch;
  cursor: pointer;
  background-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
}
.du-drawer-side > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.du-drawer-side > *:not(.du-drawer-overlay) {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 300ms;
  transform: translateX(-100%);
}
[dir="rtl"] .du-drawer-side > *:not(.du-drawer-overlay) {
  transform: translateX(-100%);
}
.du-drawer-toggle {
  position: fixed;
  height: 0px;
  width: 0px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
}
.du-drawer-toggle:checked ~ .du-drawer-side {
  pointer-events: auto;
  visibility: visible;
}
.du-drawer-toggle:checked ~ .du-drawer-side > *:not(.du-drawer-overlay) {
  transform: translateX(0%);
}
.du-drawer-end {
  grid-auto-columns: auto max-content;
}
.du-drawer-end .du-drawer-toggle ~ .du-drawer-content {
  grid-column-start: 1;
}
.du-drawer-end .du-drawer-toggle ~ .du-drawer-side {
  grid-column-start: 2;
  justify-items: end;
}
.du-drawer-end .du-drawer-toggle ~ .du-drawer-side > *:not(.du-drawer-overlay) {
  transform: translateX(100%);
}
.du-drawer-end .du-drawer-toggle:checked ~ .du-drawer-side > *:not(.du-drawer-overlay) {
  transform: translateX(0%);
}
.du-dropdown {
  position: relative;
  display: inline-block;
}
.du-dropdown > *:not(summary):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.du-dropdown .du-dropdown-content {
  position: absolute;
}
.du-dropdown:is(:not(details)) .du-dropdown-content {
  visibility: hidden;
  opacity: 0;
  transform-origin: top;
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
}
.du-dropdown-end .du-dropdown-content {
  right: 0px;
}
.du-dropdown-left .du-dropdown-content {
  bottom: auto;
  right: 100%;
  top: 0px;
  transform-origin: right;
}
.du-dropdown-right .du-dropdown-content {
  bottom: auto;
  left: 100%;
  top: 0px;
  transform-origin: left;
}
.du-dropdown-bottom .du-dropdown-content {
  bottom: auto;
  top: 100%;
  transform-origin: top;
}
.du-dropdown-top .du-dropdown-content {
  bottom: 100%;
  top: auto;
  transform-origin: bottom;
}
.du-dropdown-end.du-dropdown-right .du-dropdown-content {
  bottom: 0px;
  top: auto;
}
.du-dropdown-end.du-dropdown-left .du-dropdown-content {
  bottom: 0px;
  top: auto;
}
.du-dropdown.du-dropdown-open .du-dropdown-content,
.du-dropdown:not(.du-dropdown-hover):focus .du-dropdown-content,
.du-dropdown:focus-within .du-dropdown-content {
  visibility: visible;
  opacity: 1;
}
@media (hover: hover) {
  .du-dropdown.du-dropdown-hover:hover .du-dropdown-content {
    visibility: visible;
    opacity: 1;
  }
  .du-btn:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
  }
  .du-btn-primary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
  .du-btn.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .du-btn-ghost:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
  }
  .du-btn-outline.du-btn-primary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
  }
  .du-btn-disabled:hover,
    .du-btn[disabled]:hover,
    .du-btn:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .du-btn:is(input[type="checkbox"]:checked):hover, .du-btn:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
  .du-dropdown.du-dropdown-hover:hover .du-dropdown-content {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  :where(.du-menu li:not(.du-menu-title):not(.du-disabled) > *:not(ul):not(details):not(.du-menu-title)):not(.du-active):hover, :where(.du-menu li:not(.du-menu-title):not(.du-disabled) > details > summary:not(.du-menu-title)):not(.du-active):hover {
    cursor: pointer;
    background-color: hsl(var(--bc) / 0.1);
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.du-dropdown:is(details) summary::-webkit-details-marker {
  display: none;
}
.du-footer {
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  place-items: start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.du-footer > * {
  display: grid;
  place-items: start;
  gap: 0.5rem;
}
@media (min-width: 48rem) {
  .du-footer {
    grid-auto-flow: column;
  }
  .du-footer-center {
    grid-auto-flow: row dense;
  }
}
.du-form-control {
  display: flex;
  flex-direction: column;
}
.du-label {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.du-indicator {
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
}
.du-indicator :where(.du-indicator-item) {
  z-index: 1;
  position: absolute;
  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));
  white-space: nowrap;
}
.du-input {
  flex-shrink: 1;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
}
.du-input-group > .du-input {
  isolation: isolate;
}
.du-input-group > *,
  .du-input-group > .du-input,
  .du-input-group > .du-textarea,
  .du-input-group > .du-select {
  border-radius: 0px;
}
.du-join .du-dropdown .du-join-item:first-child:not(:last-child),
  .du-join *:first-child:not(:last-child) .du-dropdown .du-join-item {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
.du-link {
  cursor: pointer;
  text-decoration-line: underline;
}
.du-link-hover {
  text-decoration-line: none;
}
.du-menu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem;
}
.du-menu :where(li ul) {
  position: relative;
  white-space: nowrap;
  margin-left: 1rem;
  padding-left: 0.5rem;
}
.du-menu :where(li:not(.du-menu-title) > *:not(ul):not(details):not(.du-menu-title)),
  .du-menu :where(li:not(.du-menu-title) > details > summary:not(.du-menu-title)) {
  display: grid;
  grid-auto-flow: column;
  align-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  grid-auto-columns: minmax(auto, max-content) auto max-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.du-menu li.du-disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: hsl(var(--bc) / 0.3);
}
.du-menu :where(li > .du-menu-dropdown:not(.du-menu-dropdown-show)) {
  display: none;
}
:where(.du-menu li) {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
}
:where(.du-menu li) .du-badge {
  justify-self: end;
}
.du-navbar {
  display: flex;
  align-items: center;
  padding: var(--navbar-padding, 0.5rem);
  min-height: 4rem;
  width: 100%;
}
:where(.du-navbar > *) {
  display: inline-flex;
  align-items: center;
}
.du-navbar-start {
  width: 50%;
  justify-content: flex-start;
}
.du-navbar-center {
  flex-shrink: 0;
}
.du-navbar-end {
  width: 50%;
  justify-content: flex-end;
}
.du-select {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  min-height: 3rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1px + 50%),
    calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px,
    4px 4px;
  background-repeat: no-repeat;
}
.du-select[multiple] {
  height: auto;
}
.du-btm-nav > * .du-label {
  font-size: 1rem;
  line-height: 1.5rem;
}
.du-breadcrumbs > ul > li > a:focus, .du-breadcrumbs > ol > li > a:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.du-breadcrumbs > ul > li > a:focus-visible, .du-breadcrumbs > ol > li > a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.du-breadcrumbs > ul > li + *:before, .du-breadcrumbs > ol > li + *:before {
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.75rem;
  display: block;
  height: 0.375rem;
  width: 0.375rem;
  --tw-rotate: 45deg;
  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));
  opacity: 0.4;
  border-top: 1px solid;
  border-right: 1px solid;
  background-color: transparent;
}
[dir="rtl"] .du-breadcrumbs > ul > li + *:before,
[dir="rtl"] .du-breadcrumbs > ol > li + *:before {
  --tw-rotate: -45deg;
}
.du-btn:active:hover,
  .du-btn:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.du-btn:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.du-btn-primary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
  outline-color: hsl(var(--p) / 1);
}
.du-btn-primary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
}
.du-btn.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.du-btn.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.du-btn-ghost {
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  color: currentColor;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.du-btn-ghost.du-btn-active {
  --tw-border-opacity: 0;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}
.du-btn-outline.du-btn-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}
.du-btn-outline.du-btn-primary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn.du-btn-disabled,
  .du-btn[disabled],
  .du-btn:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.du-btn,
  .du-btn-group > .du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.du-btn:focus-visible, .du-btn-group > .du-btn-active:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.du-btn:is(input[type="checkbox"]:checked),
.du-btn:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn:is(input[type="checkbox"]:checked):focus-visible, .du-btn:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
@keyframes button-pop {
  0% {
    transform: scale(var(--btn-focus-scale, 0.98));
  }
  40% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.du-checkbox:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}
.du-checkbox:checked,
  .du-checkbox[checked="true"],
  .du-checkbox[aria-checked="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
      linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
      linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
      linear-gradient(
        45deg,
        hsl(var(--chkbg)) 30%,
        hsl(var(--chkfg)) 30.99%,
        hsl(var(--chkfg)) 40%,
        transparent 40.99%
      ),
      linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}
.du-checkbox:indeterminate {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%),
      linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%),
      linear-gradient(
        0deg,
        hsl(var(--chkbg)) 43%,
        hsl(var(--chkfg)) 43%,
        hsl(var(--chkfg)) 57%,
        hsl(var(--chkbg)) 57%
      );
}
.du-checkbox:disabled {
  cursor: not-allowed;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  opacity: 0.2;
}
@keyframes checkmark {
  0% {
    background-position-y: 5px;
  }
  50% {
    background-position-y: -2px;
  }
  100% {
    background-position-y: 0;
  }
}
[dir="rtl"] .du-checkbox:checked,
    [dir="rtl"] .du-checkbox[checked="true"],
    [dir="rtl"] .du-checkbox[aria-checked="true"] {
  background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
        linear-gradient(
          -45deg,
          hsl(var(--chkbg)) 30%,
          hsl(var(--chkfg)) 30.99%,
          hsl(var(--chkfg)) 40%,
          transparent 40.99%
        ),
        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}
details.du-collapse {
  width: 100%;
}
details.du-collapse summary {
  position: relative;
  display: block;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
details.du-collapse summary::-webkit-details-marker {
  display: none;
}
.du-collapse:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}
.du-collapse:has(.du-collapse-title:focus-visible),
.du-collapse:has(> input[type="checkbox"]:focus-visible),
.du-collapse:has(> input[type="radio"]:focus-visible) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}
.du-collapse-arrow > .du-collapse-title:after {
  position: absolute;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  --tw-translate-y: -100%;
  --tw-rotate: 45deg;
  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));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.2s;
  top: 50%;
  right: 1.4rem;
  content: "";
  transform-origin: 75% 75%;
  box-shadow: 2px 2px;
  pointer-events: none;
}
[dir="rtl"] .du-collapse-arrow > .du-collapse-title:after {
  --tw-rotate: -45deg;
}
.du-collapse-plus > .du-collapse-title:after {
  position: absolute;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 300ms;
  top: 0.9rem;
  right: 1.4rem;
  content: "+";
  pointer-events: none;
}
.du-collapse:not(.du-collapse-open):not(.du-collapse-close) > input[type="checkbox"],
.du-collapse:not(.du-collapse-open):not(.du-collapse-close) > input[type="radio"]:not(:checked),
.du-collapse:not(.du-collapse-open):not(.du-collapse-close) > .du-collapse-title {
  cursor: pointer;
}
.du-collapse:focus:not(.du-collapse-open):not(.du-collapse-close):not(.du-collapse[open]) > .du-collapse-title {
  cursor: unset;
}
.du-collapse-title {
  position: relative;
}
:where(.du-collapse > input[type="checkbox"]),
:where(.du-collapse > input[type="radio"]) {
  z-index: 1;
}
.du-collapse-title,
:where(.du-collapse > input[type="checkbox"]),
:where(.du-collapse > input[type="radio"]) {
  width: 100%;
  padding: 1rem;
  padding-right: 3rem;
  min-height: 3.75rem;
  transition: background-color 0.2s ease-out;
}
.du-collapse[open] > :where(.du-collapse-content),
.du-collapse-open > :where(.du-collapse-content),
.du-collapse:focus:not(.du-collapse-close) > :where(.du-collapse-content),
.du-collapse:not(.du-collapse-close) > :where(input[type="checkbox"]:checked ~ .du-collapse-content),
.du-collapse:not(.du-collapse-close) > :where(input[type="radio"]:checked ~ .du-collapse-content) {
  padding-bottom: 1rem;
  transition: padding 0.2s ease-out,
    background-color 0.2s ease-out;
}
.du-collapse[open].du-collapse-arrow > .du-collapse-title:after,
.du-collapse-open.du-collapse-arrow > .du-collapse-title:after,
.du-collapse-arrow:focus:not(.du-collapse-close) > .du-collapse-title:after,
.du-collapse-arrow:not(.du-collapse-close) > input[type="checkbox"]:checked ~ .du-collapse-title:after,
.du-collapse-arrow:not(.du-collapse-close) > input[type="radio"]:checked ~ .du-collapse-title:after {
  --tw-translate-y: -50%;
  --tw-rotate: 225deg;
  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));
}
[dir="rtl"] .du-collapse[open].du-collapse-arrow > .du-collapse-title:after,
[dir="rtl"] .du-collapse-open.du-collapse-arrow > .du-collapse-title:after,
[dir="rtl"] .du-collapse-arrow:focus:not(.du-collapse-close) .du-collapse-title:after,
[dir="rtl"]
  .du-collapse-arrow:not(.du-collapse-close)
  input[type="checkbox"]:checked
  ~ .du-collapse-title:after {
  --tw-rotate: 135deg;
}
.du-collapse[open].du-collapse-plus > .du-collapse-title:after,
.du-collapse-open.du-collapse-plus > .du-collapse-title:after,
.du-collapse-plus:focus:not(.du-collapse-close) > .du-collapse-title:after,
.du-collapse-plus:not(.du-collapse-close) > input[type="checkbox"]:checked ~ .du-collapse-title:after,
.du-collapse-plus:not(.du-collapse-close) > input[type="radio"]:checked ~ .du-collapse-title:after {
  content: "−";
}
.du-divider:before {
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}
.du-divider:after {
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}
.du-divider:not(:empty) {
  gap: 1rem;
}
.du-drawer-toggle:checked ~ .du-drawer-side > .du-drawer-overlay {
  background-color: hsl(0 0% 0%/0.4);
}
.du-drawer-toggle:focus-visible ~ .du-drawer-content label.du-drawer-button {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.du-dropdown.du-dropdown-open .du-dropdown-content,
.du-dropdown:focus .du-dropdown-content,
.du-dropdown:focus-within .du-dropdown-content {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.du-footer-title {
  margin-bottom: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0.5;
}
.du-label-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
}
.du-input input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.du-input[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}
.du-input-bordered {
  --tw-border-opacity: 0.2;
}
.du-input:focus,
  .du-input:focus-within {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
.du-input-disabled,
  .du-input:disabled,
  .du-input[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
.du-input-disabled::-moz-placeholder, .du-input:disabled::-moz-placeholder, .du-input[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.du-input-disabled::placeholder,
  .du-input:disabled::placeholder,
  .du-input[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.du-link:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.du-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
:where(.du-menu li:empty) {
  background-color: hsl(var(--bc) / 0.1);
  margin: 0.5rem 1rem;
  height: 1px;
}
.du-menu :where(li ul):before {
  position: absolute;
  bottom: 0.75rem;
  left: 0px;
  top: 0.75rem;
  width: 1px;
  background-color: hsl(var(--bc) / 0.1);
  content: "";
}
.du-menu :where(li:not(.du-menu-title) > *:not(ul):not(details):not(.du-menu-title)),
.du-menu :where(li:not(.du-menu-title) > details > summary:not(.du-menu-title)) {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  text-wrap: balance;
}
:where(.du-menu li:not(.du-menu-title):not(.du-disabled) > *:not(ul):not(details):not(.du-menu-title)):not(summary):not(.du-active).du-focus,
  :where(.du-menu li:not(.du-menu-title):not(.du-disabled) > *:not(ul):not(details):not(.du-menu-title)):not(summary):not(.du-active):focus,
  :where(.du-menu li:not(.du-menu-title):not(.du-disabled) > *:not(ul):not(details):not(.du-menu-title)):is(summary):not(.du-active):focus-visible,
  :where(.du-menu li:not(.du-menu-title):not(.du-disabled) > details > summary:not(.du-menu-title)):not(summary):not(.du-active).du-focus,
  :where(.du-menu li:not(.du-menu-title):not(.du-disabled) > details > summary:not(.du-menu-title)):not(summary):not(.du-active):focus,
  :where(.du-menu li:not(.du-menu-title):not(.du-disabled) > details > summary:not(.du-menu-title)):is(summary):not(.du-active):focus-visible {
  cursor: pointer;
  background-color: hsl(var(--bc) / 0.1);
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.du-menu li > *:not(ul):not(.du-menu-title):not(details):active,
.du-menu li > *:not(ul):not(.du-menu-title):not(details).du-active,
.du-menu li > details > summary:active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--nc) / var(--tw-text-opacity));
}
.du-menu :where(li > details > summary)::-webkit-details-marker {
  display: none;
}
.du-menu :where(li > details > summary):after,
.du-menu :where(li > .du-menu-dropdown-toggle):after {
  justify-self: end;
  display: block;
  margin-top: -0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  transform: rotate(45deg);
  transition-property: transform, margin-top;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  transform-origin: 75% 75%;
  box-shadow: 2px 2px;
  pointer-events: none;
}
.du-menu :where(li > details[open] > summary):after,
.du-menu :where(li > .du-menu-dropdown-toggle.du-menu-dropdown-show):after {
  transform: rotate(225deg);
  margin-top: 0;
}
.du-mockup-browser .du-mockup-browser-toolbar .du-input {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  padding-left: 2rem;
}
.du-mockup-browser .du-mockup-browser-toolbar .du-input:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --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));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}
.du-mockup-browser .du-mockup-browser-toolbar .du-input:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  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));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}
@keyframes modal-pop {
  0% {
    opacity: 0;
  }
}
@keyframes progress-loading {
  50% {
    background-position-x: -115%;
  }
}
@keyframes radiomark {
  0% {
    box-shadow: 0 0 0 12px hsl(var(--b1)) inset,
      0 0 0 12px hsl(var(--b1)) inset;
  }
  50% {
    box-shadow: 0 0 0 3px hsl(var(--b1)) inset,
      0 0 0 3px hsl(var(--b1)) inset;
  }
  100% {
    box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
      0 0 0 4px hsl(var(--b1)) inset;
  }
}
@keyframes rating-pop {
  0% {
    transform: translateY(-0.125em);
  }
  40% {
    transform: translateY(-0.125em);
  }
  100% {
    transform: translateY(0);
  }
}
.du-select-bordered {
  --tw-border-opacity: 0.2;
}
.du-select:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
.du-select-disabled,
  .du-select:disabled,
  .du-select[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
.du-select-disabled::-moz-placeholder, .du-select:disabled::-moz-placeholder, .du-select[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.du-select-disabled::placeholder,
  .du-select:disabled::placeholder,
  .du-select[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.du-select-multiple,
  .du-select[multiple],
  .du-select[size].du-select:not([size="1"]) {
  background-image: none;
  padding-right: 1rem;
}
[dir="rtl"] .du-select {
  background-position: calc(0% + 12px) calc(1px + 50%),
    calc(0% + 16px) calc(1px + 50%);
}
@keyframes toast-pop {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.rounded-box {
  border-radius: var(--rounded-box, 1rem);
}
.du-badge-sm {
  height: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 0.438rem;
  padding-right: 0.438rem;
}
.du-btn-sm {
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-height: 2rem;
  font-size: 0.875rem;
}
.du-btn-square:where(.du-btn-xs) {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0px;
}
.du-btn-square:where(.du-btn-sm) {
  height: 2rem;
  width: 2rem;
  padding: 0px;
}
.du-btn-square:where(.du-btn-md) {
  height: 3rem;
  width: 3rem;
  padding: 0px;
}
.du-btn-square:where(.du-btn-lg) {
  height: 4rem;
  width: 4rem;
  padding: 0px;
}
.du-btn-circle:where(.du-btn-xs) {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  padding: 0px;
}
.du-btn-circle:where(.du-btn-sm) {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  padding: 0px;
}
.du-btn-circle:where(.du-btn-md) {
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  padding: 0px;
}
.du-btn-circle:where(.du-btn-lg) {
  height: 4rem;
  width: 4rem;
  border-radius: 9999px;
  padding: 0px;
}
.du-checkbox-sm {
  height: 1.25rem;
  width: 1.25rem;
}
.du-drawer-open > .du-drawer-toggle {
  display: none;
}
.du-drawer-open > .du-drawer-toggle ~ .du-drawer-side {
  pointer-events: auto;
  visibility: visible;
  position: sticky;
  display: block;
  width: auto;
  overscroll-behavior: auto;
}
.du-drawer-open > .du-drawer-toggle ~ .du-drawer-side > *:not(.du-drawer-overlay) {
  transform: translateX(0%);
}
[dir="rtl"] .du-drawer-open > .du-drawer-toggle ~ .du-drawer-side > *:not(.du-drawer-overlay) {
  transform: translateX(0%);
}
.du-drawer-open > .du-drawer-toggle:checked ~ .du-drawer-side {
  pointer-events: auto;
  visibility: visible;
}
.du-indicator :where(.du-indicator-item) {
  bottom: auto;
  left: auto;
  right: 0px;
  top: 0px;
  --tw-translate-y: -50%;
  --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));
}
.du-indicator :where(.du-indicator-item.du-indicator-start) {
  left: 0px;
  right: auto;
  --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));
}
.du-indicator :where(.du-indicator-item.du-indicator-center) {
  left: 50%;
  right: 50%;
  --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));
}
.du-indicator :where(.du-indicator-item.du-indicator-end) {
  left: auto;
  right: 0px;
  --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));
}
.du-indicator :where(.du-indicator-item.du-indicator-bottom) {
  bottom: 0px;
  top: auto;
  --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));
}
.du-indicator :where(.du-indicator-item.du-indicator-middle) {
  bottom: 50%;
  top: 50%;
  --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));
}
.du-indicator :where(.du-indicator-item.du-indicator-top) {
  bottom: auto;
  top: 0px;
  --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));
}
.du-input-sm {
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 2rem;
}
.du-menu-horizontal {
  display: inline-flex;
  flex-direction: row;
}
.du-menu-horizontal > li:not(.du-menu-title) > details > ul {
  position: absolute;
}
.du-menu-vertical {
  display: flex;
  flex-direction: column;
}
.du-menu-vertical > li:not(.du-menu-title) > details > ul {
  position: relative;
}
.du-select-sm {
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 2rem;
  font-size: 0.875rem;
  line-height: 2rem;
  min-height: 2rem;
}
[dir="rtl"] .du-select-sm {
  padding-left: 2rem;
  padding-right: 0.75rem;
}
.du-btn-group .du-btn:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .du-btn:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .du-btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .du-btn:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .du-btn:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .du-btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .du-btn:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .du-btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-drawer-open > .du-drawer-toggle ~ .du-drawer-side > .du-drawer-overlay {
  cursor: default;
  background-color: transparent;
}
.du-menu-horizontal > li:not(.du-menu-title) > details > ul {
  margin-left: 0px;
  margin-top: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
}
.du-menu-horizontal > li > details > ul:before {
  content: none;
}
:where(.du-menu-horizontal > li:not(.du-menu-title) > details > ul) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  --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);
  border-radius: var(--rounded-box, 1rem);
}
.du-menu-vertical > li:not(.du-menu-title) > details > ul {
  margin-left: 1rem;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}
.du-menu-sm :where(li:not(.du-menu-title) > *:not(ul):not(details):not(.du-menu-title)),
  .du-menu-sm :where(li:not(.du-menu-title) > details > summary:not(.du-menu-title)) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: var(--rounded-btn, 0.5rem);
}
.du-menu-sm .du-menu-title {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.top-full {
  top: 100%;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.m-0 {
  margin: 0px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-10 {
  height: 2.5rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-full {
  height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-10 {
  width: 2.5rem;
}
.w-24 {
  width: 6rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-80 {
  width: 20rem;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-\[55vw\] {
  max-width: 55vw;
}
.max-w-\[85vw\] {
  max-width: 85vw;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.list-none {
  list-style-type: none;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.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));
}
.self-end {
  align-self: flex-end;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.border {
  border-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-base-300 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity, 1));
}
.bg-base-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));
}
.bg-base-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity, 1));
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.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;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.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;
}
.font-bold {
  font-weight: 700;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.normal-case {
  text-transform: none;
}
.text-base-content {
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.opacity-0 {
  opacity: 0;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.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-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);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.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);
}

/* Minimal theme utilities; keep custom overrides in assets/css/custom.css */

h1 {
  margin-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}

h2 {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}

h3 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}

/* Buttons */
  .wp-element-button, 
  
  .button,
  .comment-form p.form-submit input.submit {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
  .wp-element-button[disabled],.wp-element-button:disabled, 
  
  .button[disabled], 
  
  .button:disabled,
  .comment-form p.form-submit input.submit[disabled],
  .comment-form p.form-submit input.submit:disabled {
  pointer-events: none;
}
  .du-btn-group > input[type="radio"].wp-element-button,.du-btn-group > input[type="radio"] 
  
  .button,.du-btn-group > input[type="radio"]
  .comment-form p.form-submit input.submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
  .du-btn-group > input[type="radio"].wp-element-button:before,.du-btn-group > input[type="radio"] 
  
  .button:before,.du-btn-group > input[type="radio"]
  .comment-form p.form-submit input.submit:before {
  content: attr(data-title);
}
  .wp-element-button:is(input[type="checkbox"]),.wp-element-button:is(input[type="radio"]), 
  
  .button:is(input[type="checkbox"]), 
  
  .button:is(input[type="radio"]),
  .comment-form p.form-submit input.submit:is(input[type="checkbox"]),
  .comment-form p.form-submit input.submit:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
  .wp-element-button:is(input[type="checkbox"]):after,.wp-element-button:is(input[type="radio"]):after, 
  
  .button:is(input[type="checkbox"]):after, 
  
  .button:is(input[type="radio"]):after,
  .comment-form p.form-submit input.submit:is(input[type="checkbox"]):after,
  .comment-form p.form-submit input.submit:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
  @media (hover: hover) {
  .wp-element-button:hover, 
  
  .button:hover,
  .comment-form p.form-submit input.submit:hover {
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
  .wp-element-button.du-glass:hover, 
  
  .button.du-glass:hover,
  .comment-form p.form-submit input.submit.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .du-btn-outline.wp-element-button:hover,.du-btn-outline 
  
  .button:hover,.du-btn-outline
  .comment-form p.form-submit input.submit:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
  }
  .wp-element-button[disabled]:hover,.wp-element-button:disabled:hover, 
  
  .button[disabled]:hover, 
  
  .button:disabled:hover,
  .comment-form p.form-submit input.submit[disabled]:hover,
  .comment-form p.form-submit input.submit:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .wp-element-button:is(input[type="checkbox"]:checked):hover,.wp-element-button:is(input[type="radio"]:checked):hover, 
  
  .button:is(input[type="checkbox"]:checked):hover, 
  
  .button:is(input[type="radio"]:checked):hover,
  .comment-form p.form-submit input.submit:is(input[type="checkbox"]:checked):hover,
  .comment-form p.form-submit input.submit:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
  .wp-element-button:active:hover,.wp-element-button:active:focus, 
  
  .button:active:hover, 
  
  .button:active:focus,
  .comment-form p.form-submit input.submit:active:hover,
  .comment-form p.form-submit input.submit:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
  .wp-element-button:focus-visible, 
  
  .button:focus-visible,
  .comment-form p.form-submit input.submit:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
  .wp-element-button, 
  
  .button,
  .comment-form p.form-submit input.submit {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
  outline-color: hsl(var(--p) / 1);
}
  .wp-element-button.du-btn-active, 
  
  .button.du-btn-active,
  .comment-form p.form-submit input.submit.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
}
  .wp-element-button.du-glass, 
  
  .button.du-glass,
  .comment-form p.form-submit input.submit.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
  .wp-element-button.du-glass.du-btn-active, 
  
  .button.du-glass.du-btn-active,
  .comment-form p.form-submit input.submit.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
  .du-btn-outline.wp-element-button,.du-btn-outline 
  
  .button,.du-btn-outline
  .comment-form p.form-submit input.submit {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}
  .du-btn-outline.wp-element-button.du-btn-active,.du-btn-outline 
  
  .button.du-btn-active,.du-btn-outline
  .comment-form p.form-submit input.submit.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
  .wp-element-button.du-btn-disabled,.wp-element-button[disabled],.wp-element-button:disabled, 
  
  .button.du-btn-disabled, 
  
  .button[disabled], 
  
  .button:disabled,
  .comment-form p.form-submit input.submit.du-btn-disabled,
  .comment-form p.form-submit input.submit[disabled],
  .comment-form p.form-submit input.submit:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
  .du-btn-group > input[type="radio"]:checked.wp-element-button,.du-btn-group > input[type="radio"]:checked 
  
  .button,.du-btn-group > input[type="radio"]:checked
  .comment-form p.form-submit input.submit {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
  .du-btn-group > input[type="radio"]:checked.wp-element-button:focus-visible,.du-btn-group > input[type="radio"]:checked 
  
  .button:focus-visible,.du-btn-group > input[type="radio"]:checked
  .comment-form p.form-submit input.submit:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
  .wp-element-button:is(input[type="checkbox"]:checked),.wp-element-button:is(input[type="radio"]:checked), 
  
  .button:is(input[type="checkbox"]:checked), 
  
  .button:is(input[type="radio"]:checked),
  .comment-form p.form-submit input.submit:is(input[type="checkbox"]:checked),
  .comment-form p.form-submit input.submit:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
  .wp-element-button:is(input[type="checkbox"]:checked):focus-visible,.wp-element-button:is(input[type="radio"]:checked):focus-visible, 
  
  .button:is(input[type="checkbox"]:checked):focus-visible, 
  
  .button:is(input[type="radio"]:checked):focus-visible,
  .comment-form p.form-submit input.submit:is(input[type="checkbox"]:checked):focus-visible,
  .comment-form p.form-submit input.submit:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
  .du-btn-group .wp-element-button:not(:first-child):not(:last-child),.du-btn-group  
  
  .button:not(:first-child):not(:last-child),.du-btn-group 
  .comment-form p.form-submit input.submit:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
  .du-btn-group .wp-element-button:first-child:not(:last-child),.du-btn-group  
  
  .button:first-child:not(:last-child),.du-btn-group 
  .comment-form p.form-submit input.submit:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
  .du-btn-group .wp-element-button:last-child:not(:first-child),.du-btn-group  
  
  .button:last-child:not(:first-child),.du-btn-group 
  .comment-form p.form-submit input.submit:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
  .du-btn-group-horizontal .wp-element-button:not(:first-child):not(:last-child),.du-btn-group-horizontal  
  
  .button:not(:first-child):not(:last-child),.du-btn-group-horizontal 
  .comment-form p.form-submit input.submit:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
  .du-btn-group-horizontal .wp-element-button:first-child:not(:last-child),.du-btn-group-horizontal  
  
  .button:first-child:not(:last-child),.du-btn-group-horizontal 
  .comment-form p.form-submit input.submit:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
  .du-btn-group-horizontal .wp-element-button:last-child:not(:first-child),.du-btn-group-horizontal  
  
  .button:last-child:not(:first-child),.du-btn-group-horizontal 
  .comment-form p.form-submit input.submit:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
  .du-btn-group-vertical .wp-element-button:first-child:not(:last-child),.du-btn-group-vertical  
  
  .button:first-child:not(:last-child),.du-btn-group-vertical 
  .comment-form p.form-submit input.submit:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
  .du-btn-group-vertical .wp-element-button:last-child:not(:first-child),.du-btn-group-vertical  
  
  .button:last-child:not(:first-child),.du-btn-group-vertical 
  .comment-form p.form-submit input.submit:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

/* Disabled states */
.woocommerce .button.disabled,
.woocommerce .button:disabled,
.woocommerce .button[disabled] {
  pointer-events: none;
}
@media (hover: hover) {
  .woocommerce .button.disabled:hover,
.woocommerce .button:disabled:hover,
.woocommerce .button[disabled]:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
}
.du-btn.woocommerce .button.disabled,.du-btn
.woocommerce .button:disabled,.du-btn
.woocommerce .button[disabled] {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}

/* Notices / du-alerts */
.woocommerce-message {
  margin-bottom: 2rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline-width: 0;
}
.woocommerce-message .wc-forward {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.woocommerce-message .wc-forward[disabled],.woocommerce-message .wc-forward:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].woocommerce-message .wc-forward {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].woocommerce-message .wc-forward:before {
  content: attr(data-title);
}
.woocommerce-message .wc-forward:is(input[type="checkbox"]),.woocommerce-message .wc-forward:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.woocommerce-message .wc-forward:is(input[type="checkbox"]):after,.woocommerce-message .wc-forward:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .woocommerce-message .wc-forward:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
  }
  .woocommerce-message .wc-forward.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .woocommerce-message .wc-forward:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
  }
  .woocommerce-message .wc-forward[disabled]:hover,.woocommerce-message .wc-forward:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .woocommerce-message .wc-forward:is(input[type="checkbox"]:checked):hover,.woocommerce-message .wc-forward:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.woocommerce-message .wc-forward:active:hover,.woocommerce-message .wc-forward:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.woocommerce-message .wc-forward:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.woocommerce-message .wc-forward.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.woocommerce-message .wc-forward.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.woocommerce-message .wc-forward {
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  color: currentColor;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.woocommerce-message .wc-forward.du-btn-active {
  --tw-border-opacity: 0;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}
.woocommerce-message .wc-forward.du-btn-disabled,.woocommerce-message .wc-forward[disabled],.woocommerce-message .wc-forward:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.woocommerce-message .wc-forward {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.woocommerce-message .wc-forward:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.woocommerce-message .wc-forward:is(input[type="checkbox"]:checked),.woocommerce-message .wc-forward:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.woocommerce-message .wc-forward:is(input[type="checkbox"]:checked):focus-visible,.woocommerce-message .wc-forward:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.woocommerce-message .wc-forward {
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-height: 2rem;
  font-size: 0.875rem;
}
.du-btn-square:where(.woocommerce-message .wc-forward) {
  height: 2rem;
  width: 2rem;
  padding: 0px;
}
.du-btn-circle:where(.woocommerce-message .wc-forward) {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  padding: 0px;
}
.du-btn-group .woocommerce-message .wc-forward:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .woocommerce-message .wc-forward:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .woocommerce-message .wc-forward:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .woocommerce-message .wc-forward:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .woocommerce-message .wc-forward:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .woocommerce-message .wc-forward:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .woocommerce-message .wc-forward:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .woocommerce-message .wc-forward:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.woocommerce-message .wc-forward {
  font-size: 0.75rem;
  line-height: 1rem;
}
.woocommerce-error {
  margin-bottom: 2rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline-width: 0;
}
.woocommerce-info {
  margin-bottom: 2rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline-width: 0;
}
.wc-block-store-notice {
  margin-bottom: 2rem !important;
  border-width: 0px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  outline-width: 0;
}

/* du-inputs & forms */
.woocommerce form .input-text,
.woocommerce form du-input[type="text"],
.woocommerce form du-input[type="email"],
.woocommerce form du-input[type="tel"],
.woocommerce form du-input[type="password"],
.woocommerce form textarea,
.woocommerce form select {
  flex-shrink: 1;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
}
.du-input-group > .woocommerce form .input-text,.du-input-group > 
.woocommerce form du-input[type="text"],.du-input-group > 
.woocommerce form du-input[type="email"],.du-input-group > 
.woocommerce form du-input[type="tel"],.du-input-group > 
.woocommerce form du-input[type="password"],.du-input-group > 
.woocommerce form textarea,.du-input-group > 
.woocommerce form select {
  isolation: isolate;
}

  .du-input-group > .woocommerce form .input-text,
  .du-input-group > 
.woocommerce form du-input[type="text"],
  .du-input-group > 
.woocommerce form du-input[type="email"],
  .du-input-group > 
.woocommerce form du-input[type="tel"],
  .du-input-group > 
.woocommerce form du-input[type="password"],
  .du-input-group > 
.woocommerce form textarea,
  .du-input-group > 
.woocommerce form select {
  border-radius: 0px;
}
.woocommerce form .input-text input:focus,
.woocommerce form du-input[type="text"] input:focus,
.woocommerce form du-input[type="email"] input:focus,
.woocommerce form du-input[type="tel"] input:focus,
.woocommerce form du-input[type="password"] input:focus,
.woocommerce form textarea input:focus,
.woocommerce form select input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.woocommerce form .input-text[list]::-webkit-calendar-picker-indicator,
.woocommerce form du-input[type="text"][list]::-webkit-calendar-picker-indicator,
.woocommerce form du-input[type="email"][list]::-webkit-calendar-picker-indicator,
.woocommerce form du-input[type="tel"][list]::-webkit-calendar-picker-indicator,
.woocommerce form du-input[type="password"][list]::-webkit-calendar-picker-indicator,
.woocommerce form textarea[list]::-webkit-calendar-picker-indicator,
.woocommerce form select[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}
.woocommerce form .input-text,
.woocommerce form du-input[type="text"],
.woocommerce form du-input[type="email"],
.woocommerce form du-input[type="tel"],
.woocommerce form du-input[type="password"],
.woocommerce form textarea,
.woocommerce form select {
  --tw-border-opacity: 0.2;
}
.woocommerce form .input-text:focus,.woocommerce form .input-text:focus-within,
.woocommerce form du-input[type="text"]:focus,
.woocommerce form du-input[type="text"]:focus-within,
.woocommerce form du-input[type="email"]:focus,
.woocommerce form du-input[type="email"]:focus-within,
.woocommerce form du-input[type="tel"]:focus,
.woocommerce form du-input[type="tel"]:focus-within,
.woocommerce form du-input[type="password"]:focus,
.woocommerce form du-input[type="password"]:focus-within,
.woocommerce form textarea:focus,
.woocommerce form textarea:focus-within,
.woocommerce form select:focus,
.woocommerce form select:focus-within {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
.woocommerce form .input-text:disabled,.woocommerce form .input-text[disabled],
.woocommerce form du-input[type="text"]:disabled,
.woocommerce form du-input[type="text"][disabled],
.woocommerce form du-input[type="email"]:disabled,
.woocommerce form du-input[type="email"][disabled],
.woocommerce form du-input[type="tel"]:disabled,
.woocommerce form du-input[type="tel"][disabled],
.woocommerce form du-input[type="password"]:disabled,
.woocommerce form du-input[type="password"][disabled],
.woocommerce form textarea:disabled,
.woocommerce form textarea[disabled],
.woocommerce form select:disabled,
.woocommerce form select[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
.woocommerce form .input-text:disabled::-moz-placeholder, .woocommerce form .input-text[disabled]::-moz-placeholder, .woocommerce form du-input[type="text"]:disabled::-moz-placeholder, .woocommerce form du-input[type="text"][disabled]::-moz-placeholder, .woocommerce form du-input[type="email"]:disabled::-moz-placeholder, .woocommerce form du-input[type="email"][disabled]::-moz-placeholder, .woocommerce form du-input[type="tel"]:disabled::-moz-placeholder, .woocommerce form du-input[type="tel"][disabled]::-moz-placeholder, .woocommerce form du-input[type="password"]:disabled::-moz-placeholder, .woocommerce form du-input[type="password"][disabled]::-moz-placeholder, .woocommerce form textarea:disabled::-moz-placeholder, .woocommerce form textarea[disabled]::-moz-placeholder, .woocommerce form select:disabled::-moz-placeholder, .woocommerce form select[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.woocommerce form .input-text:disabled::placeholder,.woocommerce form .input-text[disabled]::placeholder,
.woocommerce form du-input[type="text"]:disabled::placeholder,
.woocommerce form du-input[type="text"][disabled]::placeholder,
.woocommerce form du-input[type="email"]:disabled::placeholder,
.woocommerce form du-input[type="email"][disabled]::placeholder,
.woocommerce form du-input[type="tel"]:disabled::placeholder,
.woocommerce form du-input[type="tel"][disabled]::placeholder,
.woocommerce form du-input[type="password"]:disabled::placeholder,
.woocommerce form du-input[type="password"][disabled]::placeholder,
.woocommerce form textarea:disabled::placeholder,
.woocommerce form textarea[disabled]::placeholder,
.woocommerce form select:disabled::placeholder,
.woocommerce form select[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.du-mockup-browser .du-mockup-browser-toolbar .woocommerce form .input-text,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="text"],.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="email"],.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="tel"],.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="password"],.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form textarea,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form select {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  padding-left: 2rem;
}
.du-mockup-browser .du-mockup-browser-toolbar .woocommerce form .input-text:before,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="text"]:before,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="email"]:before,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="tel"]:before,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="password"]:before,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form textarea:before,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form select:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --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));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}
.du-mockup-browser .du-mockup-browser-toolbar .woocommerce form .input-text:after,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="text"]:after,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="email"]:after,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="tel"]:after,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form du-input[type="password"]:after,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form textarea:after,.du-mockup-browser .du-mockup-browser-toolbar 
.woocommerce form select:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  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));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}
.woocommerce form .input-text,
.woocommerce form du-input[type="text"],
.woocommerce form du-input[type="email"],
.woocommerce form du-input[type="tel"],
.woocommerce form du-input[type="password"],
.woocommerce form textarea,
.woocommerce form select {
  width: 100%;
}

/* Form row description text */
.woocommerce-form-row span em {
  font-size: 0.75rem;
  line-height: 1rem;
}

/* Legend styling */
legend {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}

/* Fieldset styling */
fieldset {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* Edit link styling */
a.edit {
  cursor: pointer;
  text-decoration-line: underline;
}
a.edit:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
a.edit:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Select2 styling for WooCommerce dropdowns */
.select2-container .select2-selection--single {
  flex-shrink: 1;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
}
.du-input-group > .select2-container .select2-selection--single {
  isolation: isolate;
}

  .du-input-group > .select2-container .select2-selection--single {
  border-radius: 0px;
}
.select2-container .select2-selection--single input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.select2-container .select2-selection--single[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}
.select2-container .select2-selection--single {
  --tw-border-opacity: 0.2;
}
.select2-container .select2-selection--single:focus,.select2-container .select2-selection--single:focus-within {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
.select2-container .select2-selection--single:disabled,.select2-container .select2-selection--single[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
.select2-container .select2-selection--single:disabled::-moz-placeholder, .select2-container .select2-selection--single[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.select2-container .select2-selection--single:disabled::placeholder,.select2-container .select2-selection--single[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.du-mockup-browser .du-mockup-browser-toolbar .select2-container .select2-selection--single {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  padding-left: 2rem;
}
.du-mockup-browser .du-mockup-browser-toolbar .select2-container .select2-selection--single:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --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));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}
.du-mockup-browser .du-mockup-browser-toolbar .select2-container .select2-selection--single:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  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));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}
.select2-container .select2-selection--single {
  display: flex;
  height: 3rem;
  width: 100%;
  align-items: center;
  border-radius: var(--rounded-btn, 0.5rem);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 1rem;
  line-height: 1.5;
  line-height: 3rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0.75rem;
  height: 3rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: currentColor transparent transparent transparent;
  border-width: 6px 4px 0 4px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent currentColor transparent;
  border-width: 0 4px 6px 4px;
}

/* Select2 dropdown styling */
.select2-dropdown {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-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);
  background-color: hsl(var(--b1));
}

.select2-container--default .select2-results__option {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity, 1));
}

.select2-container--default .select2-results__option[aria-selected=true] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity, 1));
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  flex-shrink: 1;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
}

.du-input-group > .select2-container--default .select2-search--dropdown .select2-search__field {
  isolation: isolate;
}


  .du-input-group > .select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.select2-container--default .select2-search--dropdown .select2-search__field[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  --tw-border-opacity: 0.2;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus,.select2-container--default .select2-search--dropdown .select2-search__field:focus-within {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}

.select2-container--default .select2-search--dropdown .select2-search__field:disabled,.select2-container--default .select2-search--dropdown .select2-search__field[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}

.select2-container--default .select2-search--dropdown .select2-search__field:disabled::-moz-placeholder, .select2-container--default .select2-search--dropdown .select2-search__field[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}

.select2-container--default .select2-search--dropdown .select2-search__field:disabled::placeholder,.select2-container--default .select2-search--dropdown .select2-search__field[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}

.du-mockup-browser .du-mockup-browser-toolbar .select2-container--default .select2-search--dropdown .select2-search__field {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  padding-left: 2rem;
}

.du-mockup-browser .du-mockup-browser-toolbar .select2-container--default .select2-search--dropdown .select2-search__field:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --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));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}

.du-mockup-browser .du-mockup-browser-toolbar .select2-container--default .select2-search--dropdown .select2-search__field:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  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));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  width: 100%;
  margin: 0.5rem;
  width: calc(100% - 1rem);
}

/* Focus states */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px hsl(var(--p) / 0.2);
}

.woocommerce .quantity .qty {
  flex-shrink: 1;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
}

.du-input-group > .woocommerce .quantity .qty {
  isolation: isolate;
}


  .du-input-group > .woocommerce .quantity .qty {
  border-radius: 0px;
}

.woocommerce .quantity .qty input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.woocommerce .quantity .qty[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}

.woocommerce .quantity .qty {
  --tw-border-opacity: 0.2;
}

.woocommerce .quantity .qty:focus,.woocommerce .quantity .qty:focus-within {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}

.woocommerce .quantity .qty:disabled,.woocommerce .quantity .qty[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}

.woocommerce .quantity .qty:disabled::-moz-placeholder, .woocommerce .quantity .qty[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}

.woocommerce .quantity .qty:disabled::placeholder,.woocommerce .quantity .qty[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}

.du-mockup-browser .du-mockup-browser-toolbar .woocommerce .quantity .qty {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  padding-left: 2rem;
}

.du-mockup-browser .du-mockup-browser-toolbar .woocommerce .quantity .qty:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --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));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}

.du-mockup-browser .du-mockup-browser-toolbar .woocommerce .quantity .qty:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  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));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}

.woocommerce .quantity .qty {
  width: 5rem;
  text-align: center;
}

.woocommerce du-input[type="checkbox"],
.woocommerce input[type="checkbox"],
input.woocommerce-form__input-checkbox {
  flex-shrink: 0;
  --chkbg: var(--bc);
  --chkfg: var(--b1);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  border-radius: var(--rounded-btn, 0.5rem);
}

.woocommerce du-input[type="checkbox"]:focus-visible,
.woocommerce input[type="checkbox"]:focus-visible,
input.woocommerce-form__input-checkbox:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}

.woocommerce du-input[type="checkbox"]:checked,.woocommerce du-input[type="checkbox"][checked="true"],.woocommerce du-input[type="checkbox"][aria-checked="true"],
.woocommerce input[type="checkbox"]:checked,
.woocommerce input[type="checkbox"][checked="true"],
.woocommerce input[type="checkbox"][aria-checked="true"],
input.woocommerce-form__input-checkbox:checked,
input.woocommerce-form__input-checkbox[checked="true"],
input.woocommerce-form__input-checkbox[aria-checked="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
      linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
      linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
      linear-gradient(
        45deg,
        hsl(var(--chkbg)) 30%,
        hsl(var(--chkfg)) 30.99%,
        hsl(var(--chkfg)) 40%,
        transparent 40.99%
      ),
      linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}

.woocommerce du-input[type="checkbox"]:indeterminate,
.woocommerce input[type="checkbox"]:indeterminate,
input.woocommerce-form__input-checkbox:indeterminate {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%),
      linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%),
      linear-gradient(
        0deg,
        hsl(var(--chkbg)) 43%,
        hsl(var(--chkfg)) 43%,
        hsl(var(--chkfg)) 57%,
        hsl(var(--chkbg)) 57%
      );
}

.woocommerce du-input[type="checkbox"]:disabled,
.woocommerce input[type="checkbox"]:disabled,
input.woocommerce-form__input-checkbox:disabled {
  cursor: not-allowed;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  opacity: 0.2;
}

[dir="rtl"] .woocommerce du-input[type="checkbox"]:checked,
    [dir="rtl"] .woocommerce du-input[type="checkbox"][checked="true"],
    [dir="rtl"] .woocommerce du-input[type="checkbox"][aria-checked="true"],[dir="rtl"] 
.woocommerce input[type="checkbox"]:checked,
    [dir="rtl"] 
.woocommerce input[type="checkbox"][checked="true"],
    [dir="rtl"] 
.woocommerce input[type="checkbox"][aria-checked="true"],[dir="rtl"] 
input.woocommerce-form__input-checkbox:checked,
    [dir="rtl"] 
input.woocommerce-form__input-checkbox[checked="true"],
    [dir="rtl"] 
input.woocommerce-form__input-checkbox[aria-checked="true"] {
  background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
        linear-gradient(
          -45deg,
          hsl(var(--chkbg)) 30%,
          hsl(var(--chkfg)) 30.99%,
          hsl(var(--chkfg)) 40%,
          transparent 40.99%
        ),
        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}

@media (hover:hover) {
  .woocommerce du-input[type="radio"]:hover,
.woocommerce input[type="radio"]:hover,
input.woocommerce-form__input-radio:hover,
input.input-radio:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
  }
}

.woocommerce du-input[type="radio"],
.woocommerce input[type="radio"],
input.woocommerce-form__input-radio,
input.input-radio {
  flex-shrink: 0;
  --chkbg: var(--bc);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.woocommerce du-input[type="radio"]:focus-visible,
.woocommerce input[type="radio"]:focus-visible,
input.woocommerce-form__input-radio:focus-visible,
input.input-radio:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}

.woocommerce du-input[type="radio"]:checked,.woocommerce du-input[type="radio"][aria-checked="true"],
.woocommerce input[type="radio"]:checked,
.woocommerce input[type="radio"][aria-checked="true"],
input.woocommerce-form__input-radio:checked,
input.woocommerce-form__input-radio[aria-checked="true"],
input.input-radio:checked,
input.input-radio[aria-checked="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  animation: radiomark var(--animation-input, 0.2s) ease-out;
  box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
      0 0 0 4px hsl(var(--b1)) inset;
}

.woocommerce du-input[type="radio"],
.woocommerce input[type="radio"],
input.woocommerce-form__input-radio,
input.input-radio {
  --chkbg: var(--p);
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
}

.woocommerce du-input[type="radio"]:focus-visible,
.woocommerce input[type="radio"]:focus-visible,
input.woocommerce-form__input-radio:focus-visible,
input.input-radio:focus-visible {
  outline-color: hsl(var(--p) / 1);
}

.woocommerce du-input[type="radio"]:checked,.woocommerce du-input[type="radio"][aria-checked="true"],
.woocommerce input[type="radio"]:checked,
.woocommerce input[type="radio"][aria-checked="true"],
input.woocommerce-form__input-radio:checked,
input.woocommerce-form__input-radio[aria-checked="true"],
input.input-radio:checked,
input.input-radio[aria-checked="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.woocommerce du-input[type="radio"]:disabled,
.woocommerce input[type="radio"]:disabled,
input.woocommerce-form__input-radio:disabled,
input.input-radio:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

@media (hover:hover) {
  .woocommerce form .form-row label a:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
  }
}

.woocommerce form .form-row label {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.du-btm-nav > * .woocommerce form .form-row label {
  font-size: 1rem;
  line-height: 1.5rem;
}

.woocommerce form .form-row label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
}

/* Tables (cart/checkout/account) */
.woocommerce table.shop_table {
  margin-bottom: 1.5rem;
  width: 100%;
  border-collapse: collapse;
}

.woocommerce table.shop_table thead {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity, 1));
}

.woocommerce table.shop_table th {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.woocommerce table.shop_table td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.woocommerce table.shop_table tbody tr {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity, 1));
}

.woocommerce table.shop_table tfoot tr {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity, 1));
}

.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.woocommerce table.shop_table tfoot tr.order-total th,
.woocommerce table.shop_table tfoot tr.order-total td {
  padding-top: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

/* Checkout review order table specific */
.woocommerce-checkout-review-order-table {
  margin-bottom: 2rem;
}

/* Shipping methods list */
.woocommerce-shipping-methods {
  margin: 0px;
  list-style-type: none;
}
.woocommerce-shipping-methods > :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));
}
.woocommerce-shipping-methods {
  padding: 0px;
}

.woocommerce-shipping-methods li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (hover:hover) {
  .woocommerce-shipping-methods input[type="radio"]:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
  }
}

.woocommerce-shipping-methods input[type="radio"] {
  flex-shrink: 0;
  --chkbg: var(--bc);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.woocommerce-shipping-methods input[type="radio"]:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}

.woocommerce-shipping-methods input[type="radio"]:checked,.woocommerce-shipping-methods input[type="radio"][aria-checked="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  animation: radiomark var(--animation-input, 0.2s) ease-out;
  box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
      0 0 0 4px hsl(var(--b1)) inset;
}

.woocommerce-shipping-methods input[type="radio"] {
  --chkbg: var(--p);
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
}

.woocommerce-shipping-methods input[type="radio"]:focus-visible {
  outline-color: hsl(var(--p) / 1);
}

.woocommerce-shipping-methods input[type="radio"]:checked,.woocommerce-shipping-methods input[type="radio"][aria-checked="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.woocommerce-shipping-methods input[type="radio"]:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.woocommerce-shipping-methods label {
  cursor: pointer;
}

/* Breadcrumbs */
.woocommerce-breadcrumb {
  max-width: 100%;
  overflow-x: auto;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.woocommerce-breadcrumb > ul,.woocommerce-breadcrumb > ol {
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-height: -moz-min-content;
  min-height: min-content;
}
.woocommerce-breadcrumb > ul > li,.woocommerce-breadcrumb > ol > li {
  display: flex;
  align-items: center;
}
.woocommerce-breadcrumb > ul > li > a,.woocommerce-breadcrumb > ol > li > a {
  display: flex;
  cursor: pointer;
  align-items: center;
}
@media (hover:hover) {
  .woocommerce-breadcrumb > ul > li > a:hover,.woocommerce-breadcrumb > ol > li > a:hover {
    text-decoration-line: underline;
  }
}
.woocommerce-breadcrumb > ul > li > a:focus,.woocommerce-breadcrumb > ol > li > a:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.woocommerce-breadcrumb > ul > li > a:focus-visible,.woocommerce-breadcrumb > ol > li > a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.woocommerce-breadcrumb > ul > li + *:before,.woocommerce-breadcrumb > ol > li + *:before {
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.75rem;
  display: block;
  height: 0.375rem;
  width: 0.375rem;
  --tw-rotate: 45deg;
  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));
  opacity: 0.4;
  border-top: 1px solid;
  border-right: 1px solid;
  background-color: transparent;
}
[dir="rtl"] .woocommerce-breadcrumb > ul > li + *:before,
[dir="rtl"] .woocommerce-breadcrumb > ol > li + *:before {
  --tw-rotate: -45deg;
}
.woocommerce-breadcrumb {
  overflow: visible;
}
.woocommerce-breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.25rem;
}
.woocommerce-breadcrumb li,.woocommerce-breadcrumb li a {
  white-space: normal;
  overflow-wrap: break-word;
}
/* Wrap en móvil: sin scroll horizontal y con salto de línea */
.woocommerce-breadcrumb,
.du-breadcrumbs {
  overflow: visible;
}
.du-breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.25rem;
}
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a,
.du-breadcrumbs li,
.du-breadcrumbs li a {
  white-space: normal;
  overflow-wrap: break-word;
}

/* Variants */
.product_type_variable,
.wc-block-components-button.is-link,
.wp-element-button.is-link {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.product_type_variable[disabled],.product_type_variable:disabled,
.wc-block-components-button.is-link[disabled],
.wc-block-components-button.is-link:disabled,
.wp-element-button.is-link[disabled],
.wp-element-button.is-link:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].product_type_variable,.du-btn-group > input[type="radio"]
.wc-block-components-button.is-link,.du-btn-group > input[type="radio"]
.wp-element-button.is-link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].product_type_variable:before,.du-btn-group > input[type="radio"]
.wc-block-components-button.is-link:before,.du-btn-group > input[type="radio"]
.wp-element-button.is-link:before {
  content: attr(data-title);
}
.product_type_variable:is(input[type="checkbox"]),.product_type_variable:is(input[type="radio"]),
.wc-block-components-button.is-link:is(input[type="checkbox"]),
.wc-block-components-button.is-link:is(input[type="radio"]),
.wp-element-button.is-link:is(input[type="checkbox"]),
.wp-element-button.is-link:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.product_type_variable:is(input[type="checkbox"]):after,.product_type_variable:is(input[type="radio"]):after,
.wc-block-components-button.is-link:is(input[type="checkbox"]):after,
.wc-block-components-button.is-link:is(input[type="radio"]):after,
.wp-element-button.is-link:is(input[type="checkbox"]):after,
.wp-element-button.is-link:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .product_type_variable:hover,
.wc-block-components-button.is-link:hover,
.wp-element-button.is-link:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
  }
  .product_type_variable.du-glass:hover,
.wc-block-components-button.is-link.du-glass:hover,
.wp-element-button.is-link.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .product_type_variable:hover,
.wc-block-components-button.is-link:hover,
.wp-element-button.is-link:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
  }
  .product_type_variable[disabled]:hover,.product_type_variable:disabled:hover,
.wc-block-components-button.is-link[disabled]:hover,
.wc-block-components-button.is-link:disabled:hover,
.wp-element-button.is-link[disabled]:hover,
.wp-element-button.is-link:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .product_type_variable:is(input[type="checkbox"]:checked):hover,.product_type_variable:is(input[type="radio"]:checked):hover,
.wc-block-components-button.is-link:is(input[type="checkbox"]:checked):hover,
.wc-block-components-button.is-link:is(input[type="radio"]:checked):hover,
.wp-element-button.is-link:is(input[type="checkbox"]:checked):hover,
.wp-element-button.is-link:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.product_type_variable:active:hover,.product_type_variable:active:focus,
.wc-block-components-button.is-link:active:hover,
.wc-block-components-button.is-link:active:focus,
.wp-element-button.is-link:active:hover,
.wp-element-button.is-link:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.product_type_variable:focus-visible,
.wc-block-components-button.is-link:focus-visible,
.wp-element-button.is-link:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.product_type_variable.du-glass,
.wc-block-components-button.is-link.du-glass,
.wp-element-button.is-link.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.product_type_variable.du-glass.du-btn-active,
.wc-block-components-button.is-link.du-glass.du-btn-active,
.wp-element-button.is-link.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.product_type_variable,
.wc-block-components-button.is-link,
.wp-element-button.is-link {
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  color: currentColor;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.product_type_variable.du-btn-active,
.wc-block-components-button.is-link.du-btn-active,
.wp-element-button.is-link.du-btn-active {
  --tw-border-opacity: 0;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}
.product_type_variable.du-btn-disabled,.product_type_variable[disabled],.product_type_variable:disabled,
.wc-block-components-button.is-link.du-btn-disabled,
.wc-block-components-button.is-link[disabled],
.wc-block-components-button.is-link:disabled,
.wp-element-button.is-link.du-btn-disabled,
.wp-element-button.is-link[disabled],
.wp-element-button.is-link:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.product_type_variable,.du-btn-group > input[type="radio"]:checked
.wc-block-components-button.is-link,.du-btn-group > input[type="radio"]:checked
.wp-element-button.is-link {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.product_type_variable:focus-visible,.du-btn-group > input[type="radio"]:checked
.wc-block-components-button.is-link:focus-visible,.du-btn-group > input[type="radio"]:checked
.wp-element-button.is-link:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.product_type_variable:is(input[type="checkbox"]:checked),.product_type_variable:is(input[type="radio"]:checked),
.wc-block-components-button.is-link:is(input[type="checkbox"]:checked),
.wc-block-components-button.is-link:is(input[type="radio"]:checked),
.wp-element-button.is-link:is(input[type="checkbox"]:checked),
.wp-element-button.is-link:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.product_type_variable:is(input[type="checkbox"]:checked):focus-visible,.product_type_variable:is(input[type="radio"]:checked):focus-visible,
.wc-block-components-button.is-link:is(input[type="checkbox"]:checked):focus-visible,
.wc-block-components-button.is-link:is(input[type="radio"]:checked):focus-visible,
.wp-element-button.is-link:is(input[type="checkbox"]:checked):focus-visible,
.wp-element-button.is-link:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.du-btn-group .product_type_variable:not(:first-child):not(:last-child),.du-btn-group 
.wc-block-components-button.is-link:not(:first-child):not(:last-child),.du-btn-group 
.wp-element-button.is-link:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .product_type_variable:first-child:not(:last-child),.du-btn-group 
.wc-block-components-button.is-link:first-child:not(:last-child),.du-btn-group 
.wp-element-button.is-link:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .product_type_variable:last-child:not(:first-child),.du-btn-group 
.wc-block-components-button.is-link:last-child:not(:first-child),.du-btn-group 
.wp-element-button.is-link:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .product_type_variable:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wc-block-components-button.is-link:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wp-element-button.is-link:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .product_type_variable:first-child:not(:last-child),.du-btn-group-horizontal 
.wc-block-components-button.is-link:first-child:not(:last-child),.du-btn-group-horizontal 
.wp-element-button.is-link:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .product_type_variable:last-child:not(:first-child),.du-btn-group-horizontal 
.wc-block-components-button.is-link:last-child:not(:first-child),.du-btn-group-horizontal 
.wp-element-button.is-link:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .product_type_variable:first-child:not(:last-child),.du-btn-group-vertical 
.wc-block-components-button.is-link:first-child:not(:last-child),.du-btn-group-vertical 
.wp-element-button.is-link:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .product_type_variable:last-child:not(:first-child),.du-btn-group-vertical 
.wc-block-components-button.is-link:last-child:not(:first-child),.du-btn-group-vertical 
.wp-element-button.is-link:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.wc-block-components-button.outlined,
.wc-block-components-button.is-secondary,
.wp-element-button.is-secondary {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.wc-block-components-button.outlined[disabled],.wc-block-components-button.outlined:disabled,
.wc-block-components-button.is-secondary[disabled],
.wc-block-components-button.is-secondary:disabled,
.wp-element-button.is-secondary[disabled],
.wp-element-button.is-secondary:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].wc-block-components-button.outlined,.du-btn-group > input[type="radio"]
.wc-block-components-button.is-secondary,.du-btn-group > input[type="radio"]
.wp-element-button.is-secondary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].wc-block-components-button.outlined:before,.du-btn-group > input[type="radio"]
.wc-block-components-button.is-secondary:before,.du-btn-group > input[type="radio"]
.wp-element-button.is-secondary:before {
  content: attr(data-title);
}
.wc-block-components-button.outlined:is(input[type="checkbox"]),.wc-block-components-button.outlined:is(input[type="radio"]),
.wc-block-components-button.is-secondary:is(input[type="checkbox"]),
.wc-block-components-button.is-secondary:is(input[type="radio"]),
.wp-element-button.is-secondary:is(input[type="checkbox"]),
.wp-element-button.is-secondary:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.wc-block-components-button.outlined:is(input[type="checkbox"]):after,.wc-block-components-button.outlined:is(input[type="radio"]):after,
.wc-block-components-button.is-secondary:is(input[type="checkbox"]):after,
.wc-block-components-button.is-secondary:is(input[type="radio"]):after,
.wp-element-button.is-secondary:is(input[type="checkbox"]):after,
.wp-element-button.is-secondary:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .wc-block-components-button.outlined:hover,
.wc-block-components-button.is-secondary:hover,
.wp-element-button.is-secondary:hover {
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: hsl(var(--sf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf) / var(--tw-bg-opacity));
  }
  .wc-block-components-button.outlined.du-glass:hover,
.wc-block-components-button.is-secondary.du-glass:hover,
.wp-element-button.is-secondary.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .wc-block-components-button.outlined:hover,
.wc-block-components-button.is-secondary:hover,
.wp-element-button.is-secondary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--bc) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--b1) / var(--tw-text-opacity));
  }
  .wc-block-components-button.outlined.du-btn-primary:hover,
.wc-block-components-button.is-secondary.du-btn-primary:hover,
.wp-element-button.is-secondary.du-btn-primary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
  }
  .wc-block-components-button.outlined.du-btn-secondary:hover,
.wc-block-components-button.is-secondary.du-btn-secondary:hover,
.wp-element-button.is-secondary.du-btn-secondary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--sf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--sc) / var(--tw-text-opacity));
  }
  .du-btn-outline.wc-block-components-button.outlined:hover,.du-btn-outline
.wc-block-components-button.is-secondary:hover,.du-btn-outline
.wp-element-button.is-secondary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--sf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--sc) / var(--tw-text-opacity));
  }
  .wc-block-components-button.outlined.du-btn-accent:hover,
.wc-block-components-button.is-secondary.du-btn-accent:hover,
.wp-element-button.is-secondary.du-btn-accent:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--af) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--af) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--ac) / var(--tw-text-opacity));
  }
  .wc-block-components-button.outlined.du-btn-success:hover,
.wc-block-components-button.is-secondary.du-btn-success:hover,
.wp-element-button.is-secondary.du-btn-success:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--su) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--su) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--suc) / var(--tw-text-opacity));
  }
  .wc-block-components-button.outlined.du-btn-info:hover,
.wc-block-components-button.is-secondary.du-btn-info:hover,
.wp-element-button.is-secondary.du-btn-info:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--in) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--in) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--inc) / var(--tw-text-opacity));
  }
  .wc-block-components-button.outlined.du-btn-warning:hover,
.wc-block-components-button.is-secondary.du-btn-warning:hover,
.wp-element-button.is-secondary.du-btn-warning:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--wa) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--wac) / var(--tw-text-opacity));
  }
  .wc-block-components-button.outlined.du-btn-error:hover,
.wc-block-components-button.is-secondary.du-btn-error:hover,
.wp-element-button.is-secondary.du-btn-error:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--er) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--er) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--erc) / var(--tw-text-opacity));
  }
  .wc-block-components-button.outlined[disabled]:hover,.wc-block-components-button.outlined:disabled:hover,
.wc-block-components-button.is-secondary[disabled]:hover,
.wc-block-components-button.is-secondary:disabled:hover,
.wp-element-button.is-secondary[disabled]:hover,
.wp-element-button.is-secondary:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .wc-block-components-button.outlined:is(input[type="checkbox"]:checked):hover,.wc-block-components-button.outlined:is(input[type="radio"]:checked):hover,
.wc-block-components-button.is-secondary:is(input[type="checkbox"]:checked):hover,
.wc-block-components-button.is-secondary:is(input[type="radio"]:checked):hover,
.wp-element-button.is-secondary:is(input[type="checkbox"]:checked):hover,
.wp-element-button.is-secondary:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.wc-block-components-button.outlined:active:hover,.wc-block-components-button.outlined:active:focus,
.wc-block-components-button.is-secondary:active:hover,
.wc-block-components-button.is-secondary:active:focus,
.wp-element-button.is-secondary:active:hover,
.wp-element-button.is-secondary:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.wc-block-components-button.outlined:focus-visible,
.wc-block-components-button.is-secondary:focus-visible,
.wp-element-button.is-secondary:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.wc-block-components-button.outlined,
.wc-block-components-button.is-secondary,
.wp-element-button.is-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--s) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--s) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--sc) / var(--tw-text-opacity));
  outline-color: hsl(var(--s) / 1);
}
.wc-block-components-button.outlined.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-active,
.wp-element-button.is-secondary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
}
.wc-block-components-button.outlined.du-glass,
.wc-block-components-button.is-secondary.du-glass,
.wp-element-button.is-secondary.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.wc-block-components-button.outlined.du-glass.du-btn-active,
.wc-block-components-button.is-secondary.du-glass.du-btn-active,
.wp-element-button.is-secondary.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.wc-block-components-button.outlined,
.wc-block-components-button.is-secondary,
.wp-element-button.is-secondary {
  border-color: currentColor;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.wc-block-components-button.outlined.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-active,
.wp-element-button.is-secondary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--b1) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-primary,
.wc-block-components-button.is-secondary.du-btn-primary,
.wp-element-button.is-secondary.du-btn-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-primary.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-primary.du-btn-active,
.wp-element-button.is-secondary.du-btn-primary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-secondary,
.wc-block-components-button.is-secondary.du-btn-secondary,
.wp-element-button.is-secondary.du-btn-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--s) / var(--tw-text-opacity));
}
.du-btn-outline.wc-block-components-button.outlined,.du-btn-outline
.wc-block-components-button.is-secondary,.du-btn-outline
.wp-element-button.is-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--s) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-secondary.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-secondary.du-btn-active,
.wp-element-button.is-secondary.du-btn-secondary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--sc) / var(--tw-text-opacity));
}
.du-btn-outline.wc-block-components-button.outlined.du-btn-active,.du-btn-outline
.wc-block-components-button.is-secondary.du-btn-active,.du-btn-outline
.wp-element-button.is-secondary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--sc) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-accent,
.wc-block-components-button.is-secondary.du-btn-accent,
.wp-element-button.is-secondary.du-btn-accent {
  --tw-text-opacity: 1;
  color: hsl(var(--a) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-accent.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-accent.du-btn-active,
.wp-element-button.is-secondary.du-btn-accent.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--af) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--af) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--ac) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-success,
.wc-block-components-button.is-secondary.du-btn-success,
.wp-element-button.is-secondary.du-btn-success {
  --tw-text-opacity: 1;
  color: hsl(var(--su) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-success.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-success.du-btn-active,
.wp-element-button.is-secondary.du-btn-success.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--su) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--su) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--suc) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-info,
.wc-block-components-button.is-secondary.du-btn-info,
.wp-element-button.is-secondary.du-btn-info {
  --tw-text-opacity: 1;
  color: hsl(var(--in) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-info.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-info.du-btn-active,
.wp-element-button.is-secondary.du-btn-info.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--in) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--in) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--inc) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-warning,
.wc-block-components-button.is-secondary.du-btn-warning,
.wp-element-button.is-secondary.du-btn-warning {
  --tw-text-opacity: 1;
  color: hsl(var(--wa) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-warning.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-warning.du-btn-active,
.wp-element-button.is-secondary.du-btn-warning.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--wac) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-error,
.wc-block-components-button.is-secondary.du-btn-error,
.wp-element-button.is-secondary.du-btn-error {
  --tw-text-opacity: 1;
  color: hsl(var(--er) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-error.du-btn-active,
.wc-block-components-button.is-secondary.du-btn-error.du-btn-active,
.wp-element-button.is-secondary.du-btn-error.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--er) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--er) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--erc) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined.du-btn-disabled,.wc-block-components-button.outlined[disabled],.wc-block-components-button.outlined:disabled,
.wc-block-components-button.is-secondary.du-btn-disabled,
.wc-block-components-button.is-secondary[disabled],
.wc-block-components-button.is-secondary:disabled,
.wp-element-button.is-secondary.du-btn-disabled,
.wp-element-button.is-secondary[disabled],
.wp-element-button.is-secondary:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.wc-block-components-button.outlined,.du-btn-group > input[type="radio"]:checked
.wc-block-components-button.is-secondary,.du-btn-group > input[type="radio"]:checked
.wp-element-button.is-secondary {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.wc-block-components-button.outlined:focus-visible,.du-btn-group > input[type="radio"]:checked
.wc-block-components-button.is-secondary:focus-visible,.du-btn-group > input[type="radio"]:checked
.wp-element-button.is-secondary:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.wc-block-components-button.outlined:is(input[type="checkbox"]:checked),.wc-block-components-button.outlined:is(input[type="radio"]:checked),
.wc-block-components-button.is-secondary:is(input[type="checkbox"]:checked),
.wc-block-components-button.is-secondary:is(input[type="radio"]:checked),
.wp-element-button.is-secondary:is(input[type="checkbox"]:checked),
.wp-element-button.is-secondary:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.wc-block-components-button.outlined:is(input[type="checkbox"]:checked):focus-visible,.wc-block-components-button.outlined:is(input[type="radio"]:checked):focus-visible,
.wc-block-components-button.is-secondary:is(input[type="checkbox"]:checked):focus-visible,
.wc-block-components-button.is-secondary:is(input[type="radio"]:checked):focus-visible,
.wp-element-button.is-secondary:is(input[type="checkbox"]:checked):focus-visible,
.wp-element-button.is-secondary:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.du-btn-group .wc-block-components-button.outlined:not(:first-child):not(:last-child),.du-btn-group 
.wc-block-components-button.is-secondary:not(:first-child):not(:last-child),.du-btn-group 
.wp-element-button.is-secondary:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .wc-block-components-button.outlined:first-child:not(:last-child),.du-btn-group 
.wc-block-components-button.is-secondary:first-child:not(:last-child),.du-btn-group 
.wp-element-button.is-secondary:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .wc-block-components-button.outlined:last-child:not(:first-child),.du-btn-group 
.wc-block-components-button.is-secondary:last-child:not(:first-child),.du-btn-group 
.wp-element-button.is-secondary:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .wc-block-components-button.outlined:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wc-block-components-button.is-secondary:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wp-element-button.is-secondary:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .wc-block-components-button.outlined:first-child:not(:last-child),.du-btn-group-horizontal 
.wc-block-components-button.is-secondary:first-child:not(:last-child),.du-btn-group-horizontal 
.wp-element-button.is-secondary:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .wc-block-components-button.outlined:last-child:not(:first-child),.du-btn-group-horizontal 
.wc-block-components-button.is-secondary:last-child:not(:first-child),.du-btn-group-horizontal 
.wp-element-button.is-secondary:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .wc-block-components-button.outlined:first-child:not(:last-child),.du-btn-group-vertical 
.wc-block-components-button.is-secondary:first-child:not(:last-child),.du-btn-group-vertical 
.wp-element-button.is-secondary:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .wc-block-components-button.outlined:last-child:not(:first-child),.du-btn-group-vertical 
.wc-block-components-button.is-secondary:last-child:not(:first-child),.du-btn-group-vertical 
.wp-element-button.is-secondary:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

/* Disabled / loading */
.wp-element-button[disabled],
.wc-block-components-button[disabled],
.wc-block-components-button.is-loading,
.wc-block-components-checkout-place-order-button[disabled] {
  pointer-events: none;
}
@media (hover: hover) {
  .wp-element-button[disabled]:hover,
.wc-block-components-button[disabled]:hover,
.wc-block-components-button.is-loading:hover,
.wc-block-components-checkout-place-order-button[disabled]:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
}
.du-btn.wp-element-button[disabled],.du-btn
.wc-block-components-button[disabled],.du-btn
.wc-block-components-button.is-loading,.du-btn
.wc-block-components-checkout-place-order-button[disabled] {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}

/* Strengthen mappings for WP Element buttons in Blocks (no JS) */
button.wp-element-button,
a.wp-element-button,
.wc-block-cart a.wp-element-button,
.wc-block-cart button.wp-element-button,
.wc-block-checkout a.wp-element-button,
.wc-block-checkout button.wp-element-button {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
button.wp-element-button[disabled],button.wp-element-button:disabled,
a.wp-element-button[disabled],
a.wp-element-button:disabled,
.wc-block-cart a.wp-element-button[disabled],
.wc-block-cart a.wp-element-button:disabled,
.wc-block-cart button.wp-element-button[disabled],
.wc-block-cart button.wp-element-button:disabled,
.wc-block-checkout a.wp-element-button[disabled],
.wc-block-checkout a.wp-element-button:disabled,
.wc-block-checkout button.wp-element-button[disabled],
.wc-block-checkout button.wp-element-button:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"]button.wp-element-button,.du-btn-group > input[type="radio"]
a.wp-element-button,.du-btn-group > input[type="radio"]
.wc-block-cart a.wp-element-button,.du-btn-group > input[type="radio"]
.wc-block-cart button.wp-element-button,.du-btn-group > input[type="radio"]
.wc-block-checkout a.wp-element-button,.du-btn-group > input[type="radio"]
.wc-block-checkout button.wp-element-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"]button.wp-element-button:before,.du-btn-group > input[type="radio"]
a.wp-element-button:before,.du-btn-group > input[type="radio"]
.wc-block-cart a.wp-element-button:before,.du-btn-group > input[type="radio"]
.wc-block-cart button.wp-element-button:before,.du-btn-group > input[type="radio"]
.wc-block-checkout a.wp-element-button:before,.du-btn-group > input[type="radio"]
.wc-block-checkout button.wp-element-button:before {
  content: attr(data-title);
}
button.wp-element-button:is(input[type="checkbox"]),button.wp-element-button:is(input[type="radio"]),
a.wp-element-button:is(input[type="checkbox"]),
a.wp-element-button:is(input[type="radio"]),
.wc-block-cart a.wp-element-button:is(input[type="checkbox"]),
.wc-block-cart a.wp-element-button:is(input[type="radio"]),
.wc-block-cart button.wp-element-button:is(input[type="checkbox"]),
.wc-block-cart button.wp-element-button:is(input[type="radio"]),
.wc-block-checkout a.wp-element-button:is(input[type="checkbox"]),
.wc-block-checkout a.wp-element-button:is(input[type="radio"]),
.wc-block-checkout button.wp-element-button:is(input[type="checkbox"]),
.wc-block-checkout button.wp-element-button:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
button.wp-element-button:is(input[type="checkbox"]):after,button.wp-element-button:is(input[type="radio"]):after,
a.wp-element-button:is(input[type="checkbox"]):after,
a.wp-element-button:is(input[type="radio"]):after,
.wc-block-cart a.wp-element-button:is(input[type="checkbox"]):after,
.wc-block-cart a.wp-element-button:is(input[type="radio"]):after,
.wc-block-cart button.wp-element-button:is(input[type="checkbox"]):after,
.wc-block-cart button.wp-element-button:is(input[type="radio"]):after,
.wc-block-checkout a.wp-element-button:is(input[type="checkbox"]):after,
.wc-block-checkout a.wp-element-button:is(input[type="radio"]):after,
.wc-block-checkout button.wp-element-button:is(input[type="checkbox"]):after,
.wc-block-checkout button.wp-element-button:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  button.wp-element-button:hover,
a.wp-element-button:hover,
.wc-block-cart a.wp-element-button:hover,
.wc-block-cart button.wp-element-button:hover,
.wc-block-checkout a.wp-element-button:hover,
.wc-block-checkout button.wp-element-button:hover {
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
  button.wp-element-button.du-glass:hover,
a.wp-element-button.du-glass:hover,
.wc-block-cart a.wp-element-button.du-glass:hover,
.wc-block-cart button.wp-element-button.du-glass:hover,
.wc-block-checkout a.wp-element-button.du-glass:hover,
.wc-block-checkout button.wp-element-button.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  button.du-btn-outline.wp-element-button:hover,
a.du-btn-outline.wp-element-button:hover,.du-btn-outline
.wc-block-cart a.wp-element-button:hover,.du-btn-outline
.wc-block-cart button.wp-element-button:hover,.du-btn-outline
.wc-block-checkout a.wp-element-button:hover,.du-btn-outline
.wc-block-checkout button.wp-element-button:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
  }
  button.wp-element-button[disabled]:hover,button.wp-element-button:disabled:hover,
a.wp-element-button[disabled]:hover,
a.wp-element-button:disabled:hover,
.wc-block-cart a.wp-element-button[disabled]:hover,
.wc-block-cart a.wp-element-button:disabled:hover,
.wc-block-cart button.wp-element-button[disabled]:hover,
.wc-block-cart button.wp-element-button:disabled:hover,
.wc-block-checkout a.wp-element-button[disabled]:hover,
.wc-block-checkout a.wp-element-button:disabled:hover,
.wc-block-checkout button.wp-element-button[disabled]:hover,
.wc-block-checkout button.wp-element-button:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  button.wp-element-button:is(input[type="checkbox"]:checked):hover,button.wp-element-button:is(input[type="radio"]:checked):hover,
a.wp-element-button:is(input[type="checkbox"]:checked):hover,
a.wp-element-button:is(input[type="radio"]:checked):hover,
.wc-block-cart a.wp-element-button:is(input[type="checkbox"]:checked):hover,
.wc-block-cart a.wp-element-button:is(input[type="radio"]:checked):hover,
.wc-block-cart button.wp-element-button:is(input[type="checkbox"]:checked):hover,
.wc-block-cart button.wp-element-button:is(input[type="radio"]:checked):hover,
.wc-block-checkout a.wp-element-button:is(input[type="checkbox"]:checked):hover,
.wc-block-checkout a.wp-element-button:is(input[type="radio"]:checked):hover,
.wc-block-checkout button.wp-element-button:is(input[type="checkbox"]:checked):hover,
.wc-block-checkout button.wp-element-button:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
button.wp-element-button:active:hover,button.wp-element-button:active:focus,
a.wp-element-button:active:hover,
a.wp-element-button:active:focus,
.wc-block-cart a.wp-element-button:active:hover,
.wc-block-cart a.wp-element-button:active:focus,
.wc-block-cart button.wp-element-button:active:hover,
.wc-block-cart button.wp-element-button:active:focus,
.wc-block-checkout a.wp-element-button:active:hover,
.wc-block-checkout a.wp-element-button:active:focus,
.wc-block-checkout button.wp-element-button:active:hover,
.wc-block-checkout button.wp-element-button:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
button.wp-element-button:focus-visible,
a.wp-element-button:focus-visible,
.wc-block-cart a.wp-element-button:focus-visible,
.wc-block-cart button.wp-element-button:focus-visible,
.wc-block-checkout a.wp-element-button:focus-visible,
.wc-block-checkout button.wp-element-button:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
button.wp-element-button,
a.wp-element-button,
.wc-block-cart a.wp-element-button,
.wc-block-cart button.wp-element-button,
.wc-block-checkout a.wp-element-button,
.wc-block-checkout button.wp-element-button {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
  outline-color: hsl(var(--p) / 1);
}
button.wp-element-button.du-btn-active,
a.wp-element-button.du-btn-active,
.wc-block-cart a.wp-element-button.du-btn-active,
.wc-block-cart button.wp-element-button.du-btn-active,
.wc-block-checkout a.wp-element-button.du-btn-active,
.wc-block-checkout button.wp-element-button.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
}
button.wp-element-button.du-glass,
a.wp-element-button.du-glass,
.wc-block-cart a.wp-element-button.du-glass,
.wc-block-cart button.wp-element-button.du-glass,
.wc-block-checkout a.wp-element-button.du-glass,
.wc-block-checkout button.wp-element-button.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
button.wp-element-button.du-glass.du-btn-active,
a.wp-element-button.du-glass.du-btn-active,
.wc-block-cart a.wp-element-button.du-glass.du-btn-active,
.wc-block-cart button.wp-element-button.du-glass.du-btn-active,
.wc-block-checkout a.wp-element-button.du-glass.du-btn-active,
.wc-block-checkout button.wp-element-button.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
button.du-btn-outline.wp-element-button,
a.du-btn-outline.wp-element-button,.du-btn-outline
.wc-block-cart a.wp-element-button,.du-btn-outline
.wc-block-cart button.wp-element-button,.du-btn-outline
.wc-block-checkout a.wp-element-button,.du-btn-outline
.wc-block-checkout button.wp-element-button {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}
button.du-btn-outline.wp-element-button.du-btn-active,
a.du-btn-outline.wp-element-button.du-btn-active,.du-btn-outline
.wc-block-cart a.wp-element-button.du-btn-active,.du-btn-outline
.wc-block-cart button.wp-element-button.du-btn-active,.du-btn-outline
.wc-block-checkout a.wp-element-button.du-btn-active,.du-btn-outline
.wc-block-checkout button.wp-element-button.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
button.wp-element-button.du-btn-disabled,button.wp-element-button[disabled],button.wp-element-button:disabled,
a.wp-element-button.du-btn-disabled,
a.wp-element-button[disabled],
a.wp-element-button:disabled,
.wc-block-cart a.wp-element-button.du-btn-disabled,
.wc-block-cart a.wp-element-button[disabled],
.wc-block-cart a.wp-element-button:disabled,
.wc-block-cart button.wp-element-button.du-btn-disabled,
.wc-block-cart button.wp-element-button[disabled],
.wc-block-cart button.wp-element-button:disabled,
.wc-block-checkout a.wp-element-button.du-btn-disabled,
.wc-block-checkout a.wp-element-button[disabled],
.wc-block-checkout a.wp-element-button:disabled,
.wc-block-checkout button.wp-element-button.du-btn-disabled,
.wc-block-checkout button.wp-element-button[disabled],
.wc-block-checkout button.wp-element-button:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checkedbutton.wp-element-button,.du-btn-group > input[type="radio"]:checked
a.wp-element-button,.du-btn-group > input[type="radio"]:checked
.wc-block-cart a.wp-element-button,.du-btn-group > input[type="radio"]:checked
.wc-block-cart button.wp-element-button,.du-btn-group > input[type="radio"]:checked
.wc-block-checkout a.wp-element-button,.du-btn-group > input[type="radio"]:checked
.wc-block-checkout button.wp-element-button {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checkedbutton.wp-element-button:focus-visible,.du-btn-group > input[type="radio"]:checked
a.wp-element-button:focus-visible,.du-btn-group > input[type="radio"]:checked
.wc-block-cart a.wp-element-button:focus-visible,.du-btn-group > input[type="radio"]:checked
.wc-block-cart button.wp-element-button:focus-visible,.du-btn-group > input[type="radio"]:checked
.wc-block-checkout a.wp-element-button:focus-visible,.du-btn-group > input[type="radio"]:checked
.wc-block-checkout button.wp-element-button:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
button.wp-element-button:is(input[type="checkbox"]:checked),button.wp-element-button:is(input[type="radio"]:checked),
a.wp-element-button:is(input[type="checkbox"]:checked),
a.wp-element-button:is(input[type="radio"]:checked),
.wc-block-cart a.wp-element-button:is(input[type="checkbox"]:checked),
.wc-block-cart a.wp-element-button:is(input[type="radio"]:checked),
.wc-block-cart button.wp-element-button:is(input[type="checkbox"]:checked),
.wc-block-cart button.wp-element-button:is(input[type="radio"]:checked),
.wc-block-checkout a.wp-element-button:is(input[type="checkbox"]:checked),
.wc-block-checkout a.wp-element-button:is(input[type="radio"]:checked),
.wc-block-checkout button.wp-element-button:is(input[type="checkbox"]:checked),
.wc-block-checkout button.wp-element-button:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
button.wp-element-button:is(input[type="checkbox"]:checked):focus-visible,button.wp-element-button:is(input[type="radio"]:checked):focus-visible,
a.wp-element-button:is(input[type="checkbox"]:checked):focus-visible,
a.wp-element-button:is(input[type="radio"]:checked):focus-visible,
.wc-block-cart a.wp-element-button:is(input[type="checkbox"]:checked):focus-visible,
.wc-block-cart a.wp-element-button:is(input[type="radio"]:checked):focus-visible,
.wc-block-cart button.wp-element-button:is(input[type="checkbox"]:checked):focus-visible,
.wc-block-cart button.wp-element-button:is(input[type="radio"]:checked):focus-visible,
.wc-block-checkout a.wp-element-button:is(input[type="checkbox"]:checked):focus-visible,
.wc-block-checkout a.wp-element-button:is(input[type="radio"]:checked):focus-visible,
.wc-block-checkout button.wp-element-button:is(input[type="checkbox"]:checked):focus-visible,
.wc-block-checkout button.wp-element-button:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.du-btn-group button.wp-element-button:not(:first-child):not(:last-child),.du-btn-group 
a.wp-element-button:not(:first-child):not(:last-child),.du-btn-group 
.wc-block-cart a.wp-element-button:not(:first-child):not(:last-child),.du-btn-group 
.wc-block-cart button.wp-element-button:not(:first-child):not(:last-child),.du-btn-group 
.wc-block-checkout a.wp-element-button:not(:first-child):not(:last-child),.du-btn-group 
.wc-block-checkout button.wp-element-button:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group button.wp-element-button:first-child:not(:last-child),.du-btn-group 
a.wp-element-button:first-child:not(:last-child),.du-btn-group 
.wc-block-cart a.wp-element-button:first-child:not(:last-child),.du-btn-group 
.wc-block-cart button.wp-element-button:first-child:not(:last-child),.du-btn-group 
.wc-block-checkout a.wp-element-button:first-child:not(:last-child),.du-btn-group 
.wc-block-checkout button.wp-element-button:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group button.wp-element-button:last-child:not(:first-child),.du-btn-group 
a.wp-element-button:last-child:not(:first-child),.du-btn-group 
.wc-block-cart a.wp-element-button:last-child:not(:first-child),.du-btn-group 
.wc-block-cart button.wp-element-button:last-child:not(:first-child),.du-btn-group 
.wc-block-checkout a.wp-element-button:last-child:not(:first-child),.du-btn-group 
.wc-block-checkout button.wp-element-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal button.wp-element-button:not(:first-child):not(:last-child),.du-btn-group-horizontal 
a.wp-element-button:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wc-block-cart a.wp-element-button:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wc-block-cart button.wp-element-button:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wc-block-checkout a.wp-element-button:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wc-block-checkout button.wp-element-button:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal button.wp-element-button:first-child:not(:last-child),.du-btn-group-horizontal 
a.wp-element-button:first-child:not(:last-child),.du-btn-group-horizontal 
.wc-block-cart a.wp-element-button:first-child:not(:last-child),.du-btn-group-horizontal 
.wc-block-cart button.wp-element-button:first-child:not(:last-child),.du-btn-group-horizontal 
.wc-block-checkout a.wp-element-button:first-child:not(:last-child),.du-btn-group-horizontal 
.wc-block-checkout button.wp-element-button:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal button.wp-element-button:last-child:not(:first-child),.du-btn-group-horizontal 
a.wp-element-button:last-child:not(:first-child),.du-btn-group-horizontal 
.wc-block-cart a.wp-element-button:last-child:not(:first-child),.du-btn-group-horizontal 
.wc-block-cart button.wp-element-button:last-child:not(:first-child),.du-btn-group-horizontal 
.wc-block-checkout a.wp-element-button:last-child:not(:first-child),.du-btn-group-horizontal 
.wc-block-checkout button.wp-element-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical button.wp-element-button:first-child:not(:last-child),.du-btn-group-vertical 
a.wp-element-button:first-child:not(:last-child),.du-btn-group-vertical 
.wc-block-cart a.wp-element-button:first-child:not(:last-child),.du-btn-group-vertical 
.wc-block-cart button.wp-element-button:first-child:not(:last-child),.du-btn-group-vertical 
.wc-block-checkout a.wp-element-button:first-child:not(:last-child),.du-btn-group-vertical 
.wc-block-checkout button.wp-element-button:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical button.wp-element-button:last-child:not(:first-child),.du-btn-group-vertical 
a.wp-element-button:last-child:not(:first-child),.du-btn-group-vertical 
.wc-block-cart a.wp-element-button:last-child:not(:first-child),.du-btn-group-vertical 
.wc-block-cart button.wp-element-button:last-child:not(:first-child),.du-btn-group-vertical 
.wc-block-checkout a.wp-element-button:last-child:not(:first-child),.du-btn-group-vertical 
.wc-block-checkout button.wp-element-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

/* Additional variants for Blocks */
.wp-element-button.is-busy,
.wc-block-components-button.is-busy,
.wc-block-components-button.is-loading {
  pointer-events: none;
}
@media (hover: hover) {
  .wp-element-button.is-busy:hover,
.wc-block-components-button.is-busy:hover,
.wc-block-components-button.is-loading:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
}
.du-btn.wp-element-button.is-busy,.du-btn
.wc-block-components-button.is-busy,.du-btn
.wc-block-components-button.is-loading {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.wp-element-button.is-style-outline,
.wc-block-components-button.is-style-outline {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.wp-element-button.is-style-outline[disabled],.wp-element-button.is-style-outline:disabled,
.wc-block-components-button.is-style-outline[disabled],
.wc-block-components-button.is-style-outline:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].wp-element-button.is-style-outline,.du-btn-group > input[type="radio"]
.wc-block-components-button.is-style-outline {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].wp-element-button.is-style-outline:before,.du-btn-group > input[type="radio"]
.wc-block-components-button.is-style-outline:before {
  content: attr(data-title);
}
.wp-element-button.is-style-outline:is(input[type="checkbox"]),.wp-element-button.is-style-outline:is(input[type="radio"]),
.wc-block-components-button.is-style-outline:is(input[type="checkbox"]),
.wc-block-components-button.is-style-outline:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.wp-element-button.is-style-outline:is(input[type="checkbox"]):after,.wp-element-button.is-style-outline:is(input[type="radio"]):after,
.wc-block-components-button.is-style-outline:is(input[type="checkbox"]):after,
.wc-block-components-button.is-style-outline:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .wp-element-button.is-style-outline:hover,
.wc-block-components-button.is-style-outline:hover {
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: hsl(var(--sf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf) / var(--tw-bg-opacity));
  }
  .wp-element-button.is-style-outline.du-glass:hover,
.wc-block-components-button.is-style-outline.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .wp-element-button.is-style-outline:hover,
.wc-block-components-button.is-style-outline:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--bc) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--b1) / var(--tw-text-opacity));
  }
  .wp-element-button.is-style-outline.du-btn-primary:hover,
.wc-block-components-button.is-style-outline.du-btn-primary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
  }
  .wp-element-button.is-style-outline.du-btn-secondary:hover,
.wc-block-components-button.is-style-outline.du-btn-secondary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--sf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--sc) / var(--tw-text-opacity));
  }
  .du-btn-outline.wp-element-button.is-style-outline:hover,.du-btn-outline
.wc-block-components-button.is-style-outline:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--sf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--sf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--sc) / var(--tw-text-opacity));
  }
  .wp-element-button.is-style-outline.du-btn-accent:hover,
.wc-block-components-button.is-style-outline.du-btn-accent:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--af) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--af) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--ac) / var(--tw-text-opacity));
  }
  .wp-element-button.is-style-outline.du-btn-success:hover,
.wc-block-components-button.is-style-outline.du-btn-success:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--su) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--su) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--suc) / var(--tw-text-opacity));
  }
  .wp-element-button.is-style-outline.du-btn-info:hover,
.wc-block-components-button.is-style-outline.du-btn-info:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--in) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--in) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--inc) / var(--tw-text-opacity));
  }
  .wp-element-button.is-style-outline.du-btn-warning:hover,
.wc-block-components-button.is-style-outline.du-btn-warning:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--wa) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--wa) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--wac) / var(--tw-text-opacity));
  }
  .wp-element-button.is-style-outline.du-btn-error:hover,
.wc-block-components-button.is-style-outline.du-btn-error:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--er) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--er) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--erc) / var(--tw-text-opacity));
  }
  .wp-element-button.is-style-outline[disabled]:hover,.wp-element-button.is-style-outline:disabled:hover,
.wc-block-components-button.is-style-outline[disabled]:hover,
.wc-block-components-button.is-style-outline:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .wp-element-button.is-style-outline:is(input[type="checkbox"]:checked):hover,.wp-element-button.is-style-outline:is(input[type="radio"]:checked):hover,
.wc-block-components-button.is-style-outline:is(input[type="checkbox"]:checked):hover,
.wc-block-components-button.is-style-outline:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.wp-element-button.is-style-outline:active:hover,.wp-element-button.is-style-outline:active:focus,
.wc-block-components-button.is-style-outline:active:hover,
.wc-block-components-button.is-style-outline:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.wp-element-button.is-style-outline:focus-visible,
.wc-block-components-button.is-style-outline:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.wp-element-button.is-style-outline,
.wc-block-components-button.is-style-outline {
  --tw-border-opacity: 1;
  border-color: hsl(var(--s) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--s) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--sc) / var(--tw-text-opacity));
  outline-color: hsl(var(--s) / 1);
}
.wp-element-button.is-style-outline.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
}
.wp-element-button.is-style-outline.du-glass,
.wc-block-components-button.is-style-outline.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.wp-element-button.is-style-outline.du-glass.du-btn-active,
.wc-block-components-button.is-style-outline.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.wp-element-button.is-style-outline,
.wc-block-components-button.is-style-outline {
  border-color: currentColor;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.wp-element-button.is-style-outline.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--b1) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-primary,
.wc-block-components-button.is-style-outline.du-btn-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-primary.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-primary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-secondary,
.wc-block-components-button.is-style-outline.du-btn-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--s) / var(--tw-text-opacity));
}
.du-btn-outline.wp-element-button.is-style-outline,.du-btn-outline
.wc-block-components-button.is-style-outline {
  --tw-text-opacity: 1;
  color: hsl(var(--s) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-secondary.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-secondary.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--sc) / var(--tw-text-opacity));
}
.du-btn-outline.wp-element-button.is-style-outline.du-btn-active,.du-btn-outline
.wc-block-components-button.is-style-outline.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--sc) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-accent,
.wc-block-components-button.is-style-outline.du-btn-accent {
  --tw-text-opacity: 1;
  color: hsl(var(--a) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-accent.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-accent.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--af) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--af) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--ac) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-success,
.wc-block-components-button.is-style-outline.du-btn-success {
  --tw-text-opacity: 1;
  color: hsl(var(--su) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-success.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-success.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--su) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--su) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--suc) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-info,
.wc-block-components-button.is-style-outline.du-btn-info {
  --tw-text-opacity: 1;
  color: hsl(var(--in) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-info.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-info.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--in) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--in) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--inc) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-warning,
.wc-block-components-button.is-style-outline.du-btn-warning {
  --tw-text-opacity: 1;
  color: hsl(var(--wa) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-warning.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-warning.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--wac) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-error,
.wc-block-components-button.is-style-outline.du-btn-error {
  --tw-text-opacity: 1;
  color: hsl(var(--er) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-error.du-btn-active,
.wc-block-components-button.is-style-outline.du-btn-error.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--er) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--er) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--erc) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline.du-btn-disabled,.wp-element-button.is-style-outline[disabled],.wp-element-button.is-style-outline:disabled,
.wc-block-components-button.is-style-outline.du-btn-disabled,
.wc-block-components-button.is-style-outline[disabled],
.wc-block-components-button.is-style-outline:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.wp-element-button.is-style-outline,.du-btn-group > input[type="radio"]:checked
.wc-block-components-button.is-style-outline {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.wp-element-button.is-style-outline:focus-visible,.du-btn-group > input[type="radio"]:checked
.wc-block-components-button.is-style-outline:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.wp-element-button.is-style-outline:is(input[type="checkbox"]:checked),.wp-element-button.is-style-outline:is(input[type="radio"]:checked),
.wc-block-components-button.is-style-outline:is(input[type="checkbox"]:checked),
.wc-block-components-button.is-style-outline:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.wp-element-button.is-style-outline:is(input[type="checkbox"]:checked):focus-visible,.wp-element-button.is-style-outline:is(input[type="radio"]:checked):focus-visible,
.wc-block-components-button.is-style-outline:is(input[type="checkbox"]:checked):focus-visible,
.wc-block-components-button.is-style-outline:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.du-btn-group .wp-element-button.is-style-outline:not(:first-child):not(:last-child),.du-btn-group 
.wc-block-components-button.is-style-outline:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .wp-element-button.is-style-outline:first-child:not(:last-child),.du-btn-group 
.wc-block-components-button.is-style-outline:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .wp-element-button.is-style-outline:last-child:not(:first-child),.du-btn-group 
.wc-block-components-button.is-style-outline:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .wp-element-button.is-style-outline:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.wc-block-components-button.is-style-outline:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .wp-element-button.is-style-outline:first-child:not(:last-child),.du-btn-group-horizontal 
.wc-block-components-button.is-style-outline:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .wp-element-button.is-style-outline:last-child:not(:first-child),.du-btn-group-horizontal 
.wc-block-components-button.is-style-outline:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .wp-element-button.is-style-outline:first-child:not(:last-child),.du-btn-group-vertical 
.wc-block-components-button.is-style-outline:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .wp-element-button.is-style-outline:last-child:not(:first-child),.du-btn-group-vertical 
.wc-block-components-button.is-style-outline:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul.page-numbers {
  display: inline-flex;
  align-items: stretch;
  border-radius: var(--rounded-btn, 0.5rem);
}
.woocommerce nav.woocommerce-pagination ul.page-numbers :where(.du-join-item) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers .du-join-item:not(:first-child):not(:last-child),.woocommerce nav.woocommerce-pagination ul.page-numbers *:not(:first-child):not(:last-child) .du-join-item {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers .du-join-item:first-child:not(:last-child),.woocommerce nav.woocommerce-pagination ul.page-numbers *:first-child:not(:last-child) .du-join-item {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers .du-dropdown .du-join-item:first-child:not(:last-child),.woocommerce nav.woocommerce-pagination ul.page-numbers *:first-child:not(:last-child) .du-dropdown .du-join-item {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers :where(.du-join-item:first-child:not(:last-child)),.woocommerce nav.woocommerce-pagination ul.page-numbers :where(*:first-child:not(:last-child) .du-join-item) {
  border-end-start-radius: inherit;
  border-start-start-radius: inherit;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers .du-join-item:last-child:not(:first-child),.woocommerce nav.woocommerce-pagination ul.page-numbers *:last-child:not(:first-child) .du-join-item {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers :where(.du-join-item:last-child:not(:first-child)),.woocommerce nav.woocommerce-pagination ul.page-numbers :where(*:last-child:not(:first-child) .du-join-item) {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
@supports not selector(:has(*)) {
  :where(.woocommerce nav.woocommerce-pagination ul.page-numbers *) {
    border-radius: inherit;
  }
}
@supports selector(:has(*)) {
  :where(.woocommerce nav.woocommerce-pagination ul.page-numbers *:has(.du-join-item)) {
    border-radius: inherit;
  }
}
.woocommerce nav.woocommerce-pagination ul.page-numbers > :where(*:not(:first-child)) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -1px;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-vertical {
  flex-direction: column;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-vertical .du-join-item:first-child:not(:last-child),.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-vertical *:first-child:not(:last-child) .du-join-item {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-vertical .du-join-item:last-child:not(:first-child),.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-vertical *:last-child:not(:first-child) .du-join-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-horizontal {
  flex-direction: row;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-horizontal .du-join-item:first-child:not(:last-child),.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-horizontal *:first-child:not(:last-child) .du-join-item {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-horizontal .du-join-item:last-child:not(:first-child),.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-horizontal *:last-child:not(:first-child) .du-join-item {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-vertical > :where(*:not(:first-child)) {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -1px;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers.du-join-horizontal > :where(*:not(:first-child)) {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -1px;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
}
.woocommerce nav.woocommerce-pagination .page-numbers li a,
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.woocommerce nav.woocommerce-pagination .page-numbers li a[disabled],.woocommerce nav.woocommerce-pagination .page-numbers li a:disabled,
.woocommerce nav.woocommerce-pagination .page-numbers li span[disabled],
.woocommerce nav.woocommerce-pagination .page-numbers li span:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].woocommerce nav.woocommerce-pagination .page-numbers li a,.du-btn-group > input[type="radio"]
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].woocommerce nav.woocommerce-pagination .page-numbers li a:before,.du-btn-group > input[type="radio"]
.woocommerce nav.woocommerce-pagination .page-numbers li span:before {
  content: attr(data-title);
}
.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="checkbox"]),.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="radio"]),
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="checkbox"]),
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="checkbox"]):after,.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="radio"]):after,
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="checkbox"]):after,
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .woocommerce nav.woocommerce-pagination .page-numbers li a:hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li a.du-glass:hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li a:hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li a[disabled]:hover,.woocommerce nav.woocommerce-pagination .page-numbers li a:disabled:hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span[disabled]:hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="checkbox"]:checked):hover,.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="radio"]:checked):hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="checkbox"]:checked):hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.du-join :where(.woocommerce nav.woocommerce-pagination .page-numbers li a),.du-join :where(
.woocommerce nav.woocommerce-pagination .page-numbers li span) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.du-join .woocommerce nav.woocommerce-pagination .page-numbers li a:not(:first-child):not(:last-child),
  .du-join *:not(:first-child):not(:last-child) .woocommerce nav.woocommerce-pagination .page-numbers li a,.du-join 
.woocommerce nav.woocommerce-pagination .page-numbers li span:not(:first-child):not(:last-child),
  .du-join *:not(:first-child):not(:last-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.du-join .woocommerce nav.woocommerce-pagination .page-numbers li a:first-child:not(:last-child),
  .du-join *:first-child:not(:last-child) .woocommerce nav.woocommerce-pagination .page-numbers li a,.du-join 
.woocommerce nav.woocommerce-pagination .page-numbers li span:first-child:not(:last-child),
  .du-join *:first-child:not(:last-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.du-join .du-dropdown .woocommerce nav.woocommerce-pagination .page-numbers li a:first-child:not(:last-child),
  .du-join *:first-child:not(:last-child) .du-dropdown .woocommerce nav.woocommerce-pagination .page-numbers li a,.du-join .du-dropdown 
.woocommerce nav.woocommerce-pagination .page-numbers li span:first-child:not(:last-child),
  .du-join *:first-child:not(:last-child) .du-dropdown 
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
.du-join :where(.woocommerce nav.woocommerce-pagination .page-numbers li a:first-child:not(:last-child)),
  .du-join :where(*:first-child:not(:last-child) .woocommerce nav.woocommerce-pagination .page-numbers li a),.du-join :where(
.woocommerce nav.woocommerce-pagination .page-numbers li span:first-child:not(:last-child)),
  .du-join :where(*:first-child:not(:last-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span) {
  border-end-start-radius: inherit;
  border-start-start-radius: inherit;
}
.du-join .woocommerce nav.woocommerce-pagination .page-numbers li a:last-child:not(:first-child),
  .du-join *:last-child:not(:first-child) .woocommerce nav.woocommerce-pagination .page-numbers li a,.du-join 
.woocommerce nav.woocommerce-pagination .page-numbers li span:last-child:not(:first-child),
  .du-join *:last-child:not(:first-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}
.du-join :where(.woocommerce nav.woocommerce-pagination .page-numbers li a:last-child:not(:first-child)),
  .du-join :where(*:last-child:not(:first-child) .woocommerce nav.woocommerce-pagination .page-numbers li a),.du-join :where(
.woocommerce nav.woocommerce-pagination .page-numbers li span:last-child:not(:first-child)),
  .du-join :where(*:last-child:not(:first-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span) {
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
}
@supports selector(:has(*)) {
  :where(.du-join *:has(.woocommerce nav.woocommerce-pagination .page-numbers li a)),:where(.du-join *:has(
.woocommerce nav.woocommerce-pagination .page-numbers li span)) {
    border-radius: inherit;
  }
}
.woocommerce nav.woocommerce-pagination .page-numbers li a:active:hover,.woocommerce nav.woocommerce-pagination .page-numbers li a:active:focus,
.woocommerce nav.woocommerce-pagination .page-numbers li span:active:hover,
.woocommerce nav.woocommerce-pagination .page-numbers li span:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.woocommerce nav.woocommerce-pagination .page-numbers li a:focus-visible,
.woocommerce nav.woocommerce-pagination .page-numbers li span:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.woocommerce nav.woocommerce-pagination .page-numbers li a.du-glass,
.woocommerce nav.woocommerce-pagination .page-numbers li span.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.woocommerce nav.woocommerce-pagination .page-numbers li a.du-glass.du-btn-active,
.woocommerce nav.woocommerce-pagination .page-numbers li span.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.woocommerce nav.woocommerce-pagination .page-numbers li a,
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  color: currentColor;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.woocommerce nav.woocommerce-pagination .page-numbers li a.du-btn-active,
.woocommerce nav.woocommerce-pagination .page-numbers li span.du-btn-active {
  --tw-border-opacity: 0;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}
.woocommerce nav.woocommerce-pagination .page-numbers li a.du-btn-disabled,.woocommerce nav.woocommerce-pagination .page-numbers li a[disabled],.woocommerce nav.woocommerce-pagination .page-numbers li a:disabled,
.woocommerce nav.woocommerce-pagination .page-numbers li span.du-btn-disabled,
.woocommerce nav.woocommerce-pagination .page-numbers li span[disabled],
.woocommerce nav.woocommerce-pagination .page-numbers li span:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.woocommerce nav.woocommerce-pagination .page-numbers li a,.du-btn-group > input[type="radio"]:checked
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.woocommerce nav.woocommerce-pagination .page-numbers li a:focus-visible,.du-btn-group > input[type="radio"]:checked
.woocommerce nav.woocommerce-pagination .page-numbers li span:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="checkbox"]:checked),.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="radio"]:checked),
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="checkbox"]:checked),
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="checkbox"]:checked):focus-visible,.woocommerce nav.woocommerce-pagination .page-numbers li a:is(input[type="radio"]:checked):focus-visible,
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="checkbox"]:checked):focus-visible,
.woocommerce nav.woocommerce-pagination .page-numbers li span:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.woocommerce nav.woocommerce-pagination .page-numbers li a:focus,
.woocommerce nav.woocommerce-pagination .page-numbers li span:focus {
  isolation: isolate;
}
.du-join.du-join-vertical .woocommerce nav.woocommerce-pagination .page-numbers li a:first-child:not(:last-child),
  .du-join.du-join-vertical *:first-child:not(:last-child) .woocommerce nav.woocommerce-pagination .page-numbers li a,.du-join.du-join-vertical 
.woocommerce nav.woocommerce-pagination .page-numbers li span:first-child:not(:last-child),
  .du-join.du-join-vertical *:first-child:not(:last-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.du-join.du-join-vertical .woocommerce nav.woocommerce-pagination .page-numbers li a:last-child:not(:first-child),
  .du-join.du-join-vertical *:last-child:not(:first-child) .woocommerce nav.woocommerce-pagination .page-numbers li a,.du-join.du-join-vertical 
.woocommerce nav.woocommerce-pagination .page-numbers li span:last-child:not(:first-child),
  .du-join.du-join-vertical *:last-child:not(:first-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.du-join.du-join-horizontal .woocommerce nav.woocommerce-pagination .page-numbers li a:first-child:not(:last-child),
  .du-join.du-join-horizontal *:first-child:not(:last-child) .woocommerce nav.woocommerce-pagination .page-numbers li a,.du-join.du-join-horizontal 
.woocommerce nav.woocommerce-pagination .page-numbers li span:first-child:not(:last-child),
  .du-join.du-join-horizontal *:first-child:not(:last-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
}
.du-join.du-join-horizontal .woocommerce nav.woocommerce-pagination .page-numbers li a:last-child:not(:first-child),
  .du-join.du-join-horizontal *:last-child:not(:first-child) .woocommerce nav.woocommerce-pagination .page-numbers li a,.du-join.du-join-horizontal 
.woocommerce nav.woocommerce-pagination .page-numbers li span:last-child:not(:first-child),
  .du-join.du-join-horizontal *:last-child:not(:first-child) 
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
}
.du-btn-group .woocommerce nav.woocommerce-pagination .page-numbers li a:not(:first-child):not(:last-child),.du-btn-group 
.woocommerce nav.woocommerce-pagination .page-numbers li span:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .woocommerce nav.woocommerce-pagination .page-numbers li a:first-child:not(:last-child),.du-btn-group 
.woocommerce nav.woocommerce-pagination .page-numbers li span:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .woocommerce nav.woocommerce-pagination .page-numbers li a:last-child:not(:first-child),.du-btn-group 
.woocommerce nav.woocommerce-pagination .page-numbers li span:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .woocommerce nav.woocommerce-pagination .page-numbers li a:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.woocommerce nav.woocommerce-pagination .page-numbers li span:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .woocommerce nav.woocommerce-pagination .page-numbers li a:first-child:not(:last-child),.du-btn-group-horizontal 
.woocommerce nav.woocommerce-pagination .page-numbers li span:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .woocommerce nav.woocommerce-pagination .page-numbers li a:last-child:not(:first-child),.du-btn-group-horizontal 
.woocommerce nav.woocommerce-pagination .page-numbers li span:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .woocommerce nav.woocommerce-pagination .page-numbers li a:first-child:not(:last-child),.du-btn-group-vertical 
.woocommerce nav.woocommerce-pagination .page-numbers li span:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .woocommerce nav.woocommerce-pagination .page-numbers li a:last-child:not(:first-child),.du-btn-group-vertical 
.woocommerce nav.woocommerce-pagination .page-numbers li span:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.woocommerce nav.woocommerce-pagination .page-numbers li a,
.woocommerce nav.woocommerce-pagination .page-numbers li span {
  display: flex;
  flex-grow: 1;
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current[disabled],.woocommerce nav.woocommerce-pagination .page-numbers li .current:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].woocommerce nav.woocommerce-pagination .page-numbers li .current {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].woocommerce nav.woocommerce-pagination .page-numbers li .current:before {
  content: attr(data-title);
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="checkbox"]),.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="checkbox"]):after,.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .woocommerce nav.woocommerce-pagination .page-numbers li .current:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li .current.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li .current[disabled]:hover,.woocommerce nav.woocommerce-pagination .page-numbers li .current:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="checkbox"]:checked):hover,.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current:active:hover,.woocommerce nav.woocommerce-pagination .page-numbers li .current:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b3) / var(--tw-bg-opacity));
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.du-btn-primary.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
}
.du-btn-secondary.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
}
.du-btn-accent.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--af) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--af) / var(--tw-bg-opacity));
}
.du-btn-neutral.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--nf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--nf) / var(--tw-bg-opacity));
}
.du-btn-info.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--in) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--in) / var(--tw-bg-opacity));
}
.du-btn-success.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--su) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--su) / var(--tw-bg-opacity));
}
.du-btn-warning.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
}
.du-btn-error.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--er) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--er) / var(--tw-bg-opacity));
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.du-btn.du-glass.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.du-btn-ghost.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 0;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}
.du-btn-link.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  border-color: transparent;
  background-color: transparent;
  text-decoration-line: underline;
}
.du-btn-outline.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--b1) / var(--tw-text-opacity));
}
.du-btn-outline.du-btn-primary.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-outline.du-btn-secondary.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--sf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--sf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--sc) / var(--tw-text-opacity));
}
.du-btn-outline.du-btn-accent.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--af) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--af) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--ac) / var(--tw-text-opacity));
}
.du-btn-outline.du-btn-success.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--su) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--su) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--suc) / var(--tw-text-opacity));
}
.du-btn-outline.du-btn-info.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--in) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--in) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--inc) / var(--tw-text-opacity));
}
.du-btn-outline.du-btn-warning.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--wa) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--wac) / var(--tw-text-opacity));
}
.du-btn-outline.du-btn-error.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--er) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--er) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--erc) / var(--tw-text-opacity));
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current.du-btn-disabled,.woocommerce nav.woocommerce-pagination .page-numbers li .current[disabled],.woocommerce nav.woocommerce-pagination .page-numbers li .current:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

  .du-btn-group > .woocommerce nav.woocommerce-pagination .page-numbers li .current {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.woocommerce nav.woocommerce-pagination .page-numbers li .current:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
 .du-btn-group > .woocommerce nav.woocommerce-pagination .page-numbers li .current:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="checkbox"]:checked),.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="checkbox"]:checked):focus-visible,.woocommerce nav.woocommerce-pagination .page-numbers li .current:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.du-btn-group .woocommerce nav.woocommerce-pagination .page-numbers li .current:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .woocommerce nav.woocommerce-pagination .page-numbers li .current:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .woocommerce nav.woocommerce-pagination .page-numbers li .current:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .woocommerce nav.woocommerce-pagination .page-numbers li .current:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .woocommerce nav.woocommerce-pagination .page-numbers li .current:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .woocommerce nav.woocommerce-pagination .page-numbers li .current:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .woocommerce nav.woocommerce-pagination .page-numbers li .current:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .woocommerce nav.woocommerce-pagination .page-numbers li .current:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

/* Mark */
mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  height: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0.563rem;
  padding-right: 0.563rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  border-radius: var(--rounded-badge, 1.9rem);
}
:where(.du-menu li) mark {
  justify-self: end;
}
mark {
  border-color: currentColor;
  --tw-border-opacity: 0.5;
  background-color: transparent;
  color: currentColor;
}
mark.du-badge-neutral {
  --tw-text-opacity: 1;
  color: hsl(var(--n) / var(--tw-text-opacity));
}
mark.du-badge-primary {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}
mark.du-badge-secondary {
  --tw-text-opacity: 1;
  color: hsl(var(--s) / var(--tw-text-opacity));
}
mark.du-badge-accent {
  --tw-text-opacity: 1;
  color: hsl(var(--a) / var(--tw-text-opacity));
}
mark.du-badge-info {
  --tw-text-opacity: 1;
  color: hsl(var(--in) / var(--tw-text-opacity));
}
mark.du-badge-success {
  --tw-text-opacity: 1;
  color: hsl(var(--su) / var(--tw-text-opacity));
}
mark.du-badge-warning {
  --tw-text-opacity: 1;
  color: hsl(var(--wa) / var(--tw-text-opacity));
}
mark.du-badge-error {
  --tw-text-opacity: 1;
  color: hsl(var(--er) / var(--tw-text-opacity));
}

/* Section */
section {
  width: 100%;
}
@media (min-width: 640px) {
  section {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  section {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  section {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  section {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  section {
    max-width: 1536px;
  }
}
section {
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.site-main {
  width: 100%;
}

@media (min-width: 640px) {
  .site-main {
    max-width: 640px;
  }
}

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

@media (min-width: 1024px) {
  .site-main {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .site-main {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .site-main {
    max-width: 1536px;
  }
}

.site-main {
  margin-left: auto;
  margin-right: auto;
  flex: 1 1 0%;
  padding: 1rem;
}

.entry-content {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

p.woocommerce-form-row {
  margin-bottom: 1rem;
}

/* WooCommerce form rows spacing */
.woocommerce form .form-row,
.woocommerce-page form .form-row {
  margin-bottom: 1rem;
}

/* Payment methods list */
.woocommerce-checkout #payment ul.payment_methods {
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.woocommerce-checkout #payment ul.payment_methods li {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity, 1));
  padding: 1rem;
}

@media (hover:hover) {
  .woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
  }
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  flex-shrink: 0;
  --chkbg: var(--bc);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked,.woocommerce-checkout #payment ul.payment_methods li input[type="radio"][aria-checked="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  animation: radiomark var(--animation-input, 0.2s) ease-out;
  box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
      0 0 0 4px hsl(var(--b1)) inset;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  --chkbg: var(--p);
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:focus-visible {
  outline-color: hsl(var(--p) / 1);
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked,.woocommerce-checkout #payment ul.payment_methods li input[type="radio"][aria-checked="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  margin-right: 0.5rem;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.woocommerce-checkout #payment div.payment_box {
  margin-top: 1rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

/* Mercado Pago custom selects */

  .du-input-group > .mp-input-select-select,
  .du-input-group > 
#form-checkout__issuer,
  .du-input-group > 
#form-checkout__installments {
  border-radius: 0px;
}
.mp-input-select-select,
#form-checkout__issuer,
#form-checkout__installments {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  min-height: 3rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1px + 50%),
    calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px,
    4px 4px;
  background-repeat: no-repeat;
}
.mp-input-select-select[multiple],
#form-checkout__issuer[multiple],
#form-checkout__installments[multiple] {
  height: auto;
}
.mp-input-select-select,
#form-checkout__issuer,
#form-checkout__installments {
  --tw-border-opacity: 0.2;
}
.mp-input-select-select:focus,
#form-checkout__issuer:focus,
#form-checkout__installments:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
.mp-input-select-select:disabled,.mp-input-select-select[disabled],
#form-checkout__issuer:disabled,
#form-checkout__issuer[disabled],
#form-checkout__installments:disabled,
#form-checkout__installments[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
.mp-input-select-select:disabled::-moz-placeholder, .mp-input-select-select[disabled]::-moz-placeholder, #form-checkout__issuer:disabled::-moz-placeholder, #form-checkout__issuer[disabled]::-moz-placeholder, #form-checkout__installments:disabled::-moz-placeholder, #form-checkout__installments[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.mp-input-select-select:disabled::placeholder,.mp-input-select-select[disabled]::placeholder,
#form-checkout__issuer:disabled::placeholder,
#form-checkout__issuer[disabled]::placeholder,
#form-checkout__installments:disabled::placeholder,
#form-checkout__installments[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.mp-input-select-select[multiple],.mp-input-select-select[size].du-select:not([size="1"]),
#form-checkout__issuer[multiple],
#form-checkout__issuer[size].du-select:not([size="1"]),
#form-checkout__installments[multiple],
#form-checkout__installments[size].du-select:not([size="1"]) {
  background-image: none;
  padding-right: 1rem;
}
[dir="rtl"] .mp-input-select-select,[dir="rtl"] 
#form-checkout__issuer,[dir="rtl"] 
#form-checkout__installments {
  background-position: calc(0% + 12px) calc(1px + 50%),
    calc(0% + 16px) calc(1px + 50%);
}
.mp-input-select-select,
#form-checkout__issuer,
#form-checkout__installments {
  width: 100%;
}

.mp-input-select-input {
  width: 100%;
}

/* Mercado Pago document select */

  .du-input-group > .mp-document-select {
  border-radius: 0px;
}
.mp-document-select {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  min-height: 3rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1px + 50%),
    calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px,
    4px 4px;
  background-repeat: no-repeat;
}
.mp-document-select[multiple] {
  height: auto;
}
.mp-document-select {
  --tw-border-opacity: 0.2;
}
.mp-document-select:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
.mp-document-select:disabled,.mp-document-select[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
.mp-document-select:disabled::-moz-placeholder, .mp-document-select[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.mp-document-select:disabled::placeholder,.mp-document-select[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.mp-document-select[multiple],.mp-document-select[size].du-select:not([size="1"]) {
  background-image: none;
  padding-right: 1rem;
}
[dir="rtl"] .mp-document-select {
  background-position: calc(0% + 12px) calc(1px + 50%),
    calc(0% + 16px) calc(1px + 50%);
}

/* Terms checkbox */
.woocommerce-terms-and-conditions-wrapper label.checkbox {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: 0.5rem;
}

@media (hover:hover) {
  .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
  }
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
  flex-shrink: 0;
  --chkbg: var(--bc);
  --chkfg: var(--b1);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  border-radius: var(--rounded-btn, 0.5rem);
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked,.woocommerce-terms-and-conditions-wrapper input[type="checkbox"][checked="true"],.woocommerce-terms-and-conditions-wrapper input[type="checkbox"][aria-checked="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
      linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
      linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
      linear-gradient(
        45deg,
        hsl(var(--chkbg)) 30%,
        hsl(var(--chkfg)) 30.99%,
        hsl(var(--chkfg)) 40%,
        transparent 40.99%
      ),
      linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:indeterminate {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%),
      linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%),
      linear-gradient(
        0deg,
        hsl(var(--chkbg)) 43%,
        hsl(var(--chkfg)) 43%,
        hsl(var(--chkfg)) 57%,
        hsl(var(--chkbg)) 57%
      );
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
  --chkbg: var(--p);
  --chkfg: var(--pc);
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:focus-visible {
  outline-color: hsl(var(--p) / 1);
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked,.woocommerce-terms-and-conditions-wrapper input[type="checkbox"][checked="true"],.woocommerce-terms-and-conditions-wrapper input[type="checkbox"][aria-checked="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:disabled {
  cursor: not-allowed;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  opacity: 0.2;
}

[dir="rtl"] .woocommerce-terms-and-conditions-wrapper input[type="checkbox"]:checked,
    [dir="rtl"] .woocommerce-terms-and-conditions-wrapper input[type="checkbox"][checked="true"],
    [dir="rtl"] .woocommerce-terms-and-conditions-wrapper input[type="checkbox"][aria-checked="true"] {
  background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
        linear-gradient(
          -45deg,
          hsl(var(--chkbg)) 30%,
          hsl(var(--chkfg)) 30.99%,
          hsl(var(--chkfg)) 40%,
          transparent 40.99%
        ),
        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}

.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
  margin-top: 0.25rem;
}

/* Ship to different address section */
#ship-to-different-address {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

#ship-to-different-address label {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

@media (hover:hover) {
  #ship-to-different-address input[type="checkbox"]:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p) / var(--tw-border-opacity));
  }
}

#ship-to-different-address input[type="checkbox"] {
  flex-shrink: 0;
  --chkbg: var(--bc);
  --chkfg: var(--b1);
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  border-radius: var(--rounded-btn, 0.5rem);
}

#ship-to-different-address input[type="checkbox"]:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 1);
}

#ship-to-different-address input[type="checkbox"]:checked,#ship-to-different-address input[type="checkbox"][checked="true"],#ship-to-different-address input[type="checkbox"][aria-checked="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
      linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
      linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
      linear-gradient(
        45deg,
        hsl(var(--chkbg)) 30%,
        hsl(var(--chkfg)) 30.99%,
        hsl(var(--chkfg)) 40%,
        transparent 40.99%
      ),
      linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}

#ship-to-different-address input[type="checkbox"]:indeterminate {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  background-repeat: no-repeat;
  animation: checkmark var(--animation-input, 0.2s) ease-out;
  background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%),
      linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%),
      linear-gradient(
        0deg,
        hsl(var(--chkbg)) 43%,
        hsl(var(--chkfg)) 43%,
        hsl(var(--chkfg)) 57%,
        hsl(var(--chkbg)) 57%
      );
}

#ship-to-different-address input[type="checkbox"] {
  --chkbg: var(--p);
  --chkfg: var(--pc);
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
}

#ship-to-different-address input[type="checkbox"]:focus-visible {
  outline-color: hsl(var(--p) / 1);
}

#ship-to-different-address input[type="checkbox"]:checked,#ship-to-different-address input[type="checkbox"][checked="true"],#ship-to-different-address input[type="checkbox"][aria-checked="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

#ship-to-different-address input[type="checkbox"]:disabled {
  cursor: not-allowed;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
  opacity: 0.2;
}

[dir="rtl"] #ship-to-different-address input[type="checkbox"]:checked,
    [dir="rtl"] #ship-to-different-address input[type="checkbox"][checked="true"],
    [dir="rtl"] #ship-to-different-address input[type="checkbox"][aria-checked="true"] {
  background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),
        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),
        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),
        linear-gradient(
          -45deg,
          hsl(var(--chkbg)) 30%,
          hsl(var(--chkfg)) 30.99%,
          hsl(var(--chkfg)) 40%,
          transparent 40.99%
        ),
        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
}

.woocommerce-shipping-fields {
  margin-top: 1.5rem;
}

.shipping_address {
  margin-top: 1rem;
}

/* Additional fields section */
.woocommerce-additional-fields {
  margin-top: 1.5rem;
}

.woocommerce-additional-fields__field-wrapper {
  margin-top: 1rem;
}

/* Textarea styling */

  .du-input-group > .woocommerce form textarea {
  border-radius: 0px;
}
.woocommerce form textarea {
  flex-shrink: 1;
  min-height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
  --tw-border-opacity: 0.2;
}
.woocommerce form textarea:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
.woocommerce form textarea:disabled,.woocommerce form textarea[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
.woocommerce form textarea:disabled::-moz-placeholder, .woocommerce form textarea[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.woocommerce form textarea:disabled::placeholder,.woocommerce form textarea[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.woocommerce form textarea {
  width: 100%;
}

/* My account */
.woocommerce-MyAccount-navigation-link {
  width: 100%;
  padding: 1rem;
  text-align: left;
}

.woocommerce-MyAccount-navigation-link.is-active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity, 1));
  font-weight: 700;
}

/* My Account layout: 2-column, smaller nav */
.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    grid-column: span 3 / span 3;
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    grid-column: span 9 / span 9;
    grid-column-start: 4;
  }
}

/* Ensure any non-nav direct child (e.g., stray sections) aligns in content column */
@media (min-width: 768px) {
  .woocommerce-account .woocommerce > *:not(.woocommerce-MyAccount-navigation) {
    grid-column: span 9 / span 9;
    grid-column-start: 4;
  }
}

.woocommerce-Address {
  padding-top: 2rem;
}

.woocommerce-MyAccount-content .woocommerce-info {
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  align-content: flex-start;
  align-items: center;
  justify-items: center;
  gap: 1rem;
  text-align: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  border-radius: var(--rounded-box, 1rem);
  --alert-bg: hsl(var(--b2));
  --alert-bg-mix: hsl(var(--b1));
  background-color: var(--alert-bg);
}

@media (min-width: 640px) {
  .woocommerce-MyAccount-content .woocommerce-info {
    grid-auto-flow: column;
    grid-template-columns: auto minmax(auto,1fr);
    justify-items: start;
    text-align: left;
  }
}

.woocommerce-MyAccount-content .woocommerce-info {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));
}

.woocommerce-MyAccount-content .woocommerce-info .wc-forward {
  display: none;
}

/* Nav as vertical menu */
@media (hover:hover) {
  .woocommerce-account .woocommerce-MyAccount-navigation ul li > *:not(ul):not(.du-menu-title):not(details):active,.woocommerce-account .woocommerce-MyAccount-navigation ul li > *:not(ul):not(.du-menu-title):not(details).du-active,.woocommerce-account .woocommerce-MyAccount-navigation ul li > details > summary:active {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--nc) / var(--tw-text-opacity));
  }
}
@media (hover: hover) {
  :where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.du-menu-title):not(.du-disabled) > *:not(ul):not(details):not(.du-menu-title)):not(.du-active):hover, :where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.du-menu-title):not(.du-disabled) > details > summary:not(.du-menu-title)):not(.du-active):hover {
    cursor: pointer;
    background-color: hsl(var(--bc) / 0.1);
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li ul) {
  position: relative;
  white-space: nowrap;
  margin-left: 1rem;
  padding-left: 0.5rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li:not(.du-menu-title) > *:not(ul):not(details):not(.du-menu-title)),.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li:not(.du-menu-title) > details > summary:not(.du-menu-title)) {
  display: grid;
  grid-auto-flow: column;
  align-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  grid-auto-columns: minmax(auto, max-content) auto max-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.du-disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: hsl(var(--bc) / 0.3);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li > .du-menu-dropdown:not(.du-menu-dropdown-show)) {
  display: none;
}
:where(.woocommerce-account .woocommerce-MyAccount-navigation ul li) {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
}
:where(.woocommerce-account .woocommerce-MyAccount-navigation ul li) .du-badge {
  justify-self: end;
}
:where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:empty) {
  background-color: hsl(var(--bc) / 0.1);
  margin: 0.5rem 1rem;
  height: 1px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li ul):before {
  position: absolute;
  bottom: 0.75rem;
  left: 0px;
  top: 0.75rem;
  width: 1px;
  background-color: hsl(var(--bc) / 0.1);
  content: "";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li:not(.du-menu-title) > *:not(ul):not(details):not(.du-menu-title)),.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li:not(.du-menu-title) > details > summary:not(.du-menu-title)) {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  text-wrap: balance;
}
:where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.du-menu-title):not(.du-disabled) > *:not(ul):not(details):not(.du-menu-title)):not(summary):not(.du-active).du-focus,
  :where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.du-menu-title):not(.du-disabled) > *:not(ul):not(details):not(.du-menu-title)):not(summary):not(.du-active):focus,
  :where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.du-menu-title):not(.du-disabled) > *:not(ul):not(details):not(.du-menu-title)):is(summary):not(.du-active):focus-visible,
  :where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.du-menu-title):not(.du-disabled) > details > summary:not(.du-menu-title)):not(summary):not(.du-active).du-focus,
  :where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.du-menu-title):not(.du-disabled) > details > summary:not(.du-menu-title)):not(summary):not(.du-active):focus,
  :where(.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.du-menu-title):not(.du-disabled) > details > summary:not(.du-menu-title)):is(summary):not(.du-active):focus-visible {
  cursor: pointer;
  background-color: hsl(var(--bc) / 0.1);
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li > *:not(ul):not(.du-menu-title):not(details):active,.woocommerce-account .woocommerce-MyAccount-navigation ul li > *:not(ul):not(.du-menu-title):not(details).du-active,.woocommerce-account .woocommerce-MyAccount-navigation ul li > details > summary:active {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--nc) / var(--tw-text-opacity));
}
.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li > details > summary)::-webkit-details-marker {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li > details > summary):after,.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li > .du-menu-dropdown-toggle):after {
  justify-self: end;
  display: block;
  margin-top: -0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  transform: rotate(45deg);
  transition-property: transform, margin-top;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  transform-origin: 75% 75%;
  box-shadow: 2px 2px;
  pointer-events: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li > details[open] > summary):after,.woocommerce-account .woocommerce-MyAccount-navigation ul :where(li > .du-menu-dropdown-toggle.du-menu-dropdown-show):after {
  transform: rotate(225deg);
  margin-top: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li:not(.du-menu-title) > details > ul {
  position: relative;
  margin-left: 1rem;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  justify-content: flex-start;
  border-width: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background-color: transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:focus {
  background-color: transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:active {
  background-color: transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-width: 0px;
}

/* Fallback: handle pages lacking .woocommerce-account on body */
@media (min-width: 768px) {
  .woocommerce:has(> nav.woocommerce-MyAccount-navigation) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.5rem; /* equals Tailwind gap-6 */
  }
  .woocommerce:has(> nav.woocommerce-MyAccount-navigation) > nav.woocommerce-MyAccount-navigation {
    grid-column: span 3 / span 3; /* md:col-span-3 */
  }
  .woocommerce:has(> nav.woocommerce-MyAccount-navigation) > :not(nav.woocommerce-MyAccount-navigation) {
    grid-column: 4 / -1; /* md:col-start-4 md:col-span-9 */
  }
}

/* Products */
ul.products {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}
@media (min-width: 640px) {
  ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Support WooCommerce columns-* classes for shortcodes */
ul.products.columns-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
ul.products.columns-2 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  ul.products.columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
ul.products.columns-3 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  ul.products.columns-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  ul.products.columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
ul.products.columns-4 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  ul.products.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  ul.products.columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
ul.products.columns-5 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  ul.products.columns-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  ul.products.columns-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  ul.products.columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
ul.products.columns-6 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  ul.products.columns-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  ul.products.columns-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  ul.products.columns-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

ul.products li.product {
  display: flex;
  width: 100%;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}

a.woocommerce-LoopProduct-link {
  display: block;
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

a.woocommerce-LoopProduct-link img {
  margin-bottom: 0.5rem;
  aspect-ratio: 1 / 1;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity, 1));
  -o-object-fit: cover;
     object-fit: cover;
}

.woocommerce-loop-product__title {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  min-height: 2.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: capitalize !important;
}

span.price {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  display: block;
  text-decoration: none !important;
  border: 0;
  box-shadow: none;
  background: none;
}

span.price del {
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

p.price del {
  padding-right: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.price a,
.price ins,
.price a ins {
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

a.added_to_cart {
  display: none;
}

.woocommerce-result-count {
  margin-bottom: 1rem;
}

form.woocommerce-ordering {
  margin-bottom: 1rem;
}

.woocommerce-ordering {
  display: flex;
  justify-content: flex-end;
}

.orderby {
  width: 15rem !important;
}

/* Search input with icon */
.search-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.5rem;
  padding-right: 2.5rem;
}

/* Single Product (WooCommerce) */
/* Grid layout: gallery + summary in 2 cols on md+, tabs full width */
.single-product div.product {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 2rem;
}
@media (min-width: 768px) {
  .single-product div.product {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Gallery / "carousel"-like styling using existing markup */
.single-product div.product .woocommerce-product-gallery {
  width: 100%;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport,
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  overflow: hidden;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity, 1));
}
.single-product div.product .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery__image a,
.single-product div.product .woocommerce-product-gallery__image img {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 0px;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-product div.product .woocommerce-product-gallery .flex-control-nav,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  margin-top: 0.75rem;
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
}
.single-product div.product .woocommerce-product-gallery .flex-control-nav li,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  height: 5rem;
  width: 5rem;
  flex: none;
  overflow: hidden;
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity, 1));
}
.single-product div.product .woocommerce-product-gallery .flex-control-nav li img,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  --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: hsl(var(--p) / var(--tw-ring-opacity, 1));
}

/* Gallery enhancements: thumbnails row, zoom trigger, slide visibility */
.single-product div.product .woocommerce-product-gallery {
  position: relative;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  position: relative;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 10;
  display: inline-flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 0px;
  background-color: rgb(255 255 255 / 0.5);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color: #fff !important;
  font-size: 0; /* ocultar emoji/texto interno */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
  background-color: rgb(0 0 0 / 0.05);
}

p.stock {
  visibility: hidden;
}

.product p.price {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  text-decoration: none !important;
  border: 0;              /* por si algún tema simula subrayado con borde */
  box-shadow: none;       /* por si usan sombra como línea */
  background: none;       /* a veces ins trae un fondo amarillento */
}

.woocommerce-product-details__short-description {
  display: none;
}

.woocommerce-variation {
  width: 100%;
}

.woocommerce-review-link {
  display: none;
}

.product span.onsale {
  display: none;
}


/* Thumbnails: clickable with hover feedback */
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  cursor: pointer;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  --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: hsl(var(--b3) / var(--tw-ring-opacity, 1));
}

/* Summary */
.single-product div.product .summary,
.single-product div.product .entry-summary {
  display: flex;
  flex-direction: column;
}
.single-product div.product .entry-summary .product_title {
  margin-bottom: 0.5rem;
  flex-grow: 1;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.single-product div.product .entry-summary .woocommerce-product-details__short-description {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
}
/* Simple products: quantity and button in one line */
.single-product div.product form.cart:not(.variations_form) {
  display: flex;
  align-items: center;
  gap: 1rem;
}
/* Variable products: stack vertically */
.single-product div.product form.variations_form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.single-product div.product .single_add_to_cart_button {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.single-product div.product .single_add_to_cart_button[disabled],.single-product div.product .single_add_to_cart_button:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].single-product div.product .single_add_to_cart_button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].single-product div.product .single_add_to_cart_button:before {
  content: attr(data-title);
}
.single-product div.product .single_add_to_cart_button:is(input[type="checkbox"]),.single-product div.product .single_add_to_cart_button:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.single-product div.product .single_add_to_cart_button:is(input[type="checkbox"]):after,.single-product div.product .single_add_to_cart_button:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .single-product div.product .single_add_to_cart_button:hover {
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
  .single-product div.product .single_add_to_cart_button.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .du-btn-outline.single-product div.product .single_add_to_cart_button:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
  }
  .single-product div.product .single_add_to_cart_button[disabled]:hover,.single-product div.product .single_add_to_cart_button:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .single-product div.product .single_add_to_cart_button:is(input[type="checkbox"]:checked):hover,.single-product div.product .single_add_to_cart_button:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.single-product div.product .single_add_to_cart_button:active:hover,.single-product div.product .single_add_to_cart_button:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.single-product div.product .single_add_to_cart_button:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.single-product div.product .single_add_to_cart_button {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
  outline-color: hsl(var(--p) / 1);
}
.single-product div.product .single_add_to_cart_button.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
}
.single-product div.product .single_add_to_cart_button.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.single-product div.product .single_add_to_cart_button.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.du-btn-outline.single-product div.product .single_add_to_cart_button {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}
.du-btn-outline.single-product div.product .single_add_to_cart_button.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.single-product div.product .single_add_to_cart_button.du-btn-disabled,.single-product div.product .single_add_to_cart_button[disabled],.single-product div.product .single_add_to_cart_button:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.single-product div.product .single_add_to_cart_button {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.single-product div.product .single_add_to_cart_button:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.single-product div.product .single_add_to_cart_button:is(input[type="checkbox"]:checked),.single-product div.product .single_add_to_cart_button:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.single-product div.product .single_add_to_cart_button:is(input[type="checkbox"]:checked):focus-visible,.single-product div.product .single_add_to_cart_button:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.du-btn-group .single-product div.product .single_add_to_cart_button:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .single-product div.product .single_add_to_cart_button:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .single-product div.product .single_add_to_cart_button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .single-product div.product .single_add_to_cart_button:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .single-product div.product .single_add_to_cart_button:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .single-product div.product .single_add_to_cart_button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .single-product div.product .single_add_to_cart_button:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .single-product div.product .single_add_to_cart_button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.single-product div.product .single_add_to_cart_button {
  flex: 1 1 0%;
}
/* Variations form: apply same flex layout to quantity + button container */
.single-product div.product .woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.single-product div.product .in-stock {
  display: none;
}
.add_to_cart_button {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.add_to_cart_button[disabled],.add_to_cart_button:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].add_to_cart_button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].add_to_cart_button:before {
  content: attr(data-title);
}
.add_to_cart_button:is(input[type="checkbox"]),.add_to_cart_button:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.add_to_cart_button:is(input[type="checkbox"]):after,.add_to_cart_button:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .add_to_cart_button:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
  }
  .add_to_cart_button.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .add_to_cart_button[disabled]:hover,.add_to_cart_button:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .add_to_cart_button:is(input[type="checkbox"]:checked):hover,.add_to_cart_button:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.add_to_cart_button:active:hover,.add_to_cart_button:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.add_to_cart_button:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.add_to_cart_button.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.add_to_cart_button.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.add_to_cart_button.du-btn-disabled,.add_to_cart_button[disabled],.add_to_cart_button:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.add_to_cart_button {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.add_to_cart_button:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.add_to_cart_button:is(input[type="checkbox"]:checked),.add_to_cart_button:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.add_to_cart_button:is(input[type="checkbox"]:checked):focus-visible,.add_to_cart_button:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.add_to_cart_button {
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-height: 2rem;
  font-size: 0.875rem;
}
.du-btn-square:where(.add_to_cart_button) {
  height: 2rem;
  width: 2rem;
  padding: 0px;
}
.du-btn-circle:where(.add_to_cart_button) {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  padding: 0px;
}
.du-btn-group .add_to_cart_button:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .add_to_cart_button:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .add_to_cart_button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .add_to_cart_button:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .add_to_cart_button:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .add_to_cart_button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .add_to_cart_button:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .add_to_cart_button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.add_to_cart_button {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: auto;
}
.product .product_type_simple {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}
.product .product_type_simple[disabled],.product .product_type_simple:disabled {
  pointer-events: none;
}
.du-btn-group > input[type="radio"].product .product_type_simple {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.du-btn-group > input[type="radio"].product .product_type_simple:before {
  content: attr(data-title);
}
.product .product_type_simple:is(input[type="checkbox"]),.product .product_type_simple:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.product .product_type_simple:is(input[type="checkbox"]):after,.product .product_type_simple:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}
@media (hover: hover) {
  .product .product_type_simple:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
  }
  .product .product_type_simple.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .product .product_type_simple[disabled]:hover,.product .product_type_simple:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .product .product_type_simple:is(input[type="checkbox"]:checked):hover,.product .product_type_simple:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}
.product .product_type_simple:active:hover,.product .product_type_simple:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}
.product .product_type_simple:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}
.product .product_type_simple.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.product .product_type_simple.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}
.product .product_type_simple.du-btn-disabled,.product .product_type_simple[disabled],.product .product_type_simple:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
.du-btn-group > input[type="radio"]:checked.product .product_type_simple {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.du-btn-group > input[type="radio"]:checked.product .product_type_simple:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}
.product .product_type_simple:is(input[type="checkbox"]:checked),.product .product_type_simple:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}
.product .product_type_simple:is(input[type="checkbox"]:checked):focus-visible,.product .product_type_simple:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}
.product .product_type_simple {
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-height: 2rem;
  font-size: 0.875rem;
}
.du-btn-square:where(.product .product_type_simple) {
  height: 2rem;
  width: 2rem;
  padding: 0px;
}
.du-btn-circle:where(.product .product_type_simple) {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  padding: 0px;
}
.du-btn-group .product .product_type_simple:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group .product .product_type_simple:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group .product .product_type_simple:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-horizontal .product .product_type_simple:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .product .product_type_simple:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}
.du-btn-group-horizontal .product .product_type_simple:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.du-btn-group-vertical .product .product_type_simple:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.du-btn-group-vertical .product .product_type_simple:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}
.product .product_type_simple {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: auto;
} 
.single-product div.product .variations_form table.variations {
  margin-bottom: 1rem;
  width: 100%;
}
@media (hover:hover) {
  .single-product div.product table.variations td.label a:hover,
.single-product div.product table.variations th.label a:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
  }
}
.single-product div.product table.variations td.label,
.single-product div.product table.variations th.label {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.du-btm-nav > * .single-product div.product table.variations td.label,.du-btm-nav > * 
.single-product div.product table.variations th.label {
  font-size: 1rem;
  line-height: 1.5rem;
}
.single-product div.product table.variations td.label,
.single-product div.product table.variations th.label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  padding-right: 1rem;
}
.single-product div.product table.variations select {
  flex-shrink: 1;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
}
.du-input-group > .single-product div.product table.variations select {
  isolation: isolate;
}

  .du-input-group > .single-product div.product table.variations select {
  border-radius: 0px;
}
.single-product div.product table.variations select input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.single-product div.product table.variations select[list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}
.single-product div.product table.variations select {
  --tw-border-opacity: 0.2;
}
.single-product div.product table.variations select:focus,.single-product div.product table.variations select:focus-within {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
.single-product div.product table.variations select:disabled,.single-product div.product table.variations select[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
.single-product div.product table.variations select:disabled::-moz-placeholder, .single-product div.product table.variations select[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.single-product div.product table.variations select:disabled::placeholder,.single-product div.product table.variations select[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
.du-mockup-browser .du-mockup-browser-toolbar .single-product div.product table.variations select {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  padding-left: 2rem;
}
.du-mockup-browser .du-mockup-browser-toolbar .single-product div.product table.variations select:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --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));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}
.du-mockup-browser .du-mockup-browser-toolbar .single-product div.product table.variations select:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  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));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}
.single-product div.product table.variations select {
  width: 100%;
}
/* Ensure the variation wrapper displays variations table above the add-to-cart controls */
.single-product div.product .single_variation_wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
}

/* Tabs (full width across grid) */
.single-product div.product .woocommerce-tabs {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .single-product div.product .woocommerce-tabs {
    grid-column: span 2 / span 2;
  }
}
.single-product div.product .woocommerce-tabs ul.tabs {
  display: flex;
  width: 100%;
  gap: 1rem;
  overflow-x: auto;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity, 1));
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.single-product div.product .woocommerce-tabs ul.tabs li {
  margin-bottom: -1px;
  display: inline-flex;
}
.single-product div.product .woocommerce-tabs ul.tabs li a {
  white-space: nowrap;
  border-bottom-width: 2px;
  border-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}
.single-product div.product .woocommerce-tabs ul.tabs li.active a {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity, 1));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity, 1));
}
.single-product div.product .woocommerce-Tabs-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--rounded-box, 1rem);
}
.single-product div.product .woocommerce-Tabs-panel:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.single-product div.product .woocommerce-Tabs-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: var(--padding-card, 2rem);
  gap: 0.5rem;
}
.single-product div.product .woocommerce-Tabs-panel :where(p) {
  flex-grow: 1;
}
.single-product div.product .woocommerce-Tabs-panel figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-product div.product .woocommerce-Tabs-panel.du-image-full {
  display: grid;
}
.single-product div.product .woocommerce-Tabs-panel.du-image-full:before {
  position: relative;
  content: "";
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  opacity: 0.75;
  border-radius: var(--rounded-box, 1rem);
}
.single-product div.product .woocommerce-Tabs-panel.du-image-full:before,.single-product div.product .woocommerce-Tabs-panel.du-image-full > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.single-product div.product .woocommerce-Tabs-panel.du-image-full > figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-product div.product .woocommerce-Tabs-panel.du-image-full > .du-card-body {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: hsl(var(--nc) / var(--tw-text-opacity));
}
.du-card.du-image-full > .single-product div.product .woocommerce-Tabs-panel {
  position: relative;
  z-index: 20;
  --tw-text-opacity: 1;
  color: hsl(var(--nc) / var(--tw-text-opacity));
}
.single-product div.product .woocommerce-Tabs-panel :where(figure:first-child) {
  overflow: hidden;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  border-end-start-radius: unset;
  border-end-end-radius: unset;
}
.single-product div.product .woocommerce-Tabs-panel :where(figure:last-child) {
  overflow: hidden;
  border-start-start-radius: unset;
  border-start-end-radius: unset;
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
.single-product div.product .woocommerce-Tabs-panel:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.single-product div.product .woocommerce-Tabs-panel.du-bordered {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
}
.single-product div.product .woocommerce-Tabs-panel.du-compact .du-card-body {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.du-card.du-compact .single-product div.product .woocommerce-Tabs-panel {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.single-product div.product .woocommerce-Tabs-panel.du-image-full :where(figure) {
  overflow: hidden;
  border-radius: inherit;
}
.du-card-compact .single-product div.product .woocommerce-Tabs-panel {
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.du-card-normal .single-product div.product .woocommerce-Tabs-panel {
  padding: var(--padding-card, 2rem);
  font-size: 1rem;
  line-height: 1.5rem;
}
.single-product div.product .woocommerce-Tabs-panel {
  margin-top: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));
}

/* Product meta stacked (column) */
.single-product div.product .product_meta {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsl(var(--bc) / 0.7);
}
.single-product div.product .product_meta > span {
  display: block;
}
@media (hover: hover) {
  .single-product div.product .product_meta a:hover {
    border-color: transparent;
    background-color: transparent;
    text-decoration-line: underline;
  }
}
.single-product div.product .product_meta a {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
  text-decoration-line: underline;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}
.single-product div.product .product_meta a.du-btn-active {
  border-color: transparent;
  background-color: transparent;
  text-decoration-line: underline;
}
.single-product div.product .product_meta a {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity, 1));
}

/* Related/Upsells: full width like tabs */
.single-product div.product .related.products,
.single-product div.product .upsells.products {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .single-product div.product .related.products,
.single-product div.product .upsells.products {
    grid-column: span 2 / span 2;
  }
}

/* Star rating (PDP and loops) - replicate Woo default without core CSS */
.woocommerce .star-rating,
.star-rating {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: 1rem;
  width: 5.4em; /* fits 5 stars */
  color: #d1d5db; /* empty stars color (gray-300) */
}
.woocommerce .star-rating::before,
.star-rating::before {
  content: "★★★★★";
  letter-spacing: 0.1em;
}
.woocommerce .star-rating span,
.star-rating span {
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  overflow: hidden; /* width set inline by Woo (e.g., 80%) */
  color: #000; /* filled stars color (black) */
}
.woocommerce .star-rating span::before,
.star-rating span::before {
  content: "★★★★★";
  letter-spacing: 0.1em;
}
.woocommerce .star-rating .rating {
  display: none;
}

/* Reviews list layout */
.woocommerce-Reviews .commentlist > :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));
}
.woocommerce-Reviews .commentlist {
  padding-left: 0px;
  list-style: none;
}
.woocommerce-Reviews .commentlist li {
  border-radius: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b3) / var(--tw-border-opacity, 1));
  padding: 1rem;
}
.woocommerce-Reviews .commentlist li .comment_container {
  display: block;
}
.woocommerce-Reviews .commentlist li img.avatar {
  display: none;
}
.woocommerce-Reviews .commentlist li .comment-text {
  display: grid;
  align-items: flex-start;
  gap: 0.5rem;
  grid-template-columns: 1fr auto;
}
/* Header: stars left, author+date right */
.woocommerce-Reviews .commentlist li .comment-text .star-rating {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
}
.woocommerce-Reviews .commentlist li .comment-text .meta {
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: hsl(var(--bc) / 0.7);
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}
.woocommerce-Reviews .commentlist li .comment-text .meta .woocommerce-review__author {
  display: inline;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}
.woocommerce-Reviews .commentlist li .comment-text .meta time,
.woocommerce-Reviews .commentlist li .comment-text .meta .woocommerce-review__published-date {
  margin-left: 0.5rem;
  display: inline;
  font-size: 0.75rem;
  line-height: 1rem;
  color: hsl(var(--bc) / 0.6);
}
.woocommerce-Reviews .commentlist li .comment-text .description {
  grid-column: 1 / -1;
  grid-row: 2;
}

p.woocommerce-noreviews {
  display: none;
}

div.woocommerce-Tabs-panel h2 {
  display: none;
}

/* Review form rating selector (enable star picking) */
.woocommerce-Reviews-title,
.comment-reply-title {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity, 1));
}

#review_form #respond .comment-form-rating {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (hover:hover) {
  #review_form #respond .comment-form-rating label a:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--bc) / var(--tw-text-opacity));
  }
}
#review_form #respond .comment-form-rating label {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.du-btm-nav > * #review_form #respond .comment-form-rating label {
  font-size: 1rem;
  line-height: 1.5rem;
}
#review_form #respond .comment-form-rating label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  margin: 0px;
}
#review_form #respond .comment-form-rating .stars {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#review_form #respond .comment-form-rating .stars a {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  text-decoration: none;
  font-size: 0; /* oculta el texto 1..5; se muestra solo la estrella via ::before */
}
#review_form #respond .comment-form-rating .stars a::before {
  content: "☆";
  font-size: 1.25rem;
  line-height: 1;
}
/* Filled on active/selected (Woo adds classes via JS) */
#review_form #respond .comment-form-rating .stars a.active::before,
#review_form #respond .comment-form-rating .stars a.is-active::before,
#review_form #respond .comment-form-rating .stars.selected a.active::before {
  content: "★";
}
/* Keep select styled as fallback if stars are not enhanced */

  .du-input-group > #review_form #respond .comment-form-rating select#rating {
  border-radius: 0px;
}
#review_form #respond .comment-form-rating select#rating {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
  min-height: 3rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1px + 50%),
    calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px,
    4px 4px;
  background-repeat: no-repeat;
}
#review_form #respond .comment-form-rating select#rating[multiple] {
  height: auto;
}
#review_form #respond .comment-form-rating select#rating {
  --tw-border-opacity: 0.2;
}
#review_form #respond .comment-form-rating select#rating:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}
#review_form #respond .comment-form-rating select#rating:disabled,#review_form #respond .comment-form-rating select#rating[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}
#review_form #respond .comment-form-rating select#rating:disabled::-moz-placeholder, #review_form #respond .comment-form-rating select#rating[disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
#review_form #respond .comment-form-rating select#rating:disabled::placeholder,#review_form #respond .comment-form-rating select#rating[disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}
#review_form #respond .comment-form-rating select#rating[multiple],#review_form #respond .comment-form-rating select#rating[size].du-select:not([size="1"]) {
  background-image: none;
  padding-right: 1rem;
}
[dir="rtl"] #review_form #respond .comment-form-rating select#rating {
  background-position: calc(0% + 12px) calc(1px + 50%),
    calc(0% + 16px) calc(1px + 50%);
}

/* Hide Woo stars anchors to avoid duplicate UI (JS builds du-rating) */
#review_form #respond .comment-form-rating .stars { display: none; }

/* daisyUI rating: ensure 1..N fill in black using RTL + sibling selector */
.ts-du-rating.du-rating { direction: rtl; display: inline-flex; gap: 0.125rem; }
.ts-du-rating.du-rating input { background-color: transparent !important; width: 1.25rem; height: 1.25rem; opacity: .3; }
.ts-du-rating.du-rating input:checked,
.ts-du-rating.du-rating input:checked ~ input,
.ts-du-rating.du-rating input:hover,
.ts-du-rating.du-rating input:hover ~ input {
  background-color: #000 !important;
  opacity: 1 !important;
}


/* Mega menu overrides: ensure panel shows on hover/focus even if daisyUI hides nested ULs */
/* Force nested UL under top-level items to be grid instead of display:none */
.tg-mega > li > ul { display: grid !important; }

/* Open on hover, keyboard focus, keep open on panel, or when JS adds .open */
.tg-mega > li.open > ul,
.tg-mega > li:hover > ul,
.tg-mega > li:focus-within > ul,
.tg-mega > li > ul:hover,
.tg-mega > li > ul:focus-within {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: grid !important;
}


/* Keep side container above page, but put overlay below the panel */
.du-drawer .du-drawer-side { z-index: 50; }
.du-drawer .du-drawer-side > .du-drawer-overlay { z-index: 40; }
/* Ensure any direct child panel sits above the overlay and is clickable */
.du-drawer .du-drawer-side > *:not(.du-drawer-overlay) { position: relative; z-index: 60; }

/* Newsletter form styling (Mailchimp plugin integration) */
.newsletter-form-wrapper .mc4wp-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.newsletter-form-wrapper .mc4wp-form p {
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.newsletter-form-wrapper .mc4wp-form input[type="email"] {
  flex-shrink: 1;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5rem;
  border-width: 1px;
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
  --tw-border-opacity: 0;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
  border-radius: var(--rounded-btn, 0.5rem);
}

.du-input-group > .newsletter-form-wrapper .mc4wp-form input[type="email"] {
  isolation: isolate;
}


  .du-input-group > .newsletter-form-wrapper .mc4wp-form input[type="email"] {
  border-radius: 0px;
}

.newsletter-form-wrapper .mc4wp-form input[type="email"] input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.newsletter-form-wrapper .mc4wp-form input[type="email"][list]::-webkit-calendar-picker-indicator {
  line-height: 1em;
}

.newsletter-form-wrapper .mc4wp-form input[type="email"] {
  --tw-border-opacity: 0.2;
}

.newsletter-form-wrapper .mc4wp-form input[type="email"]:focus,.newsletter-form-wrapper .mc4wp-form input[type="email"]:focus-within {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: hsl(var(--bc) / 0.2);
}

.newsletter-form-wrapper .mc4wp-form input[type="email"]:disabled,.newsletter-form-wrapper .mc4wp-form input[type="email"][disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 0.2;
}

.newsletter-form-wrapper .mc4wp-form input[type="email"]:disabled::-moz-placeholder, .newsletter-form-wrapper .mc4wp-form input[type="email"][disabled]::-moz-placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}

.newsletter-form-wrapper .mc4wp-form input[type="email"]:disabled::placeholder,.newsletter-form-wrapper .mc4wp-form input[type="email"][disabled]::placeholder {
  color: hsl(var(--bc) / var(--tw-placeholder-opacity));
  --tw-placeholder-opacity: 0.2;
}

.du-mockup-browser .du-mockup-browser-toolbar .newsletter-form-wrapper .mc4wp-form input[type="email"] {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 1.75rem;
  width: 24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  padding-left: 2rem;
}

.du-mockup-browser .du-mockup-browser-toolbar .newsletter-form-wrapper .mc4wp-form input[type="email"]:before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  aspect-ratio: 1 / 1;
  height: 0.75rem;
  --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));
  border-radius: 9999px;
  border-width: 2px;
  border-color: currentColor;
  opacity: 0.6;
}

.du-mockup-browser .du-mockup-browser-toolbar .newsletter-form-wrapper .mc4wp-form input[type="email"]:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 0.5rem;
  --tw-translate-y: 25%;
  --tw-rotate: -45deg;
  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));
  border-radius: 9999px;
  border-width: 1px;
  border-color: currentColor;
  opacity: 0.6;
}

.newsletter-form-wrapper .mc4wp-form input[type="email"] {
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 2rem;
  width: 100%;
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"],
.newsletter-form-wrapper .mc4wp-form button[type="submit"] {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"][disabled],.newsletter-form-wrapper .mc4wp-form input[type="submit"]:disabled,
.newsletter-form-wrapper .mc4wp-form button[type="submit"][disabled],
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:disabled {
  pointer-events: none;
}

.du-btn-group > input[type="radio"].newsletter-form-wrapper .mc4wp-form input[type="submit"],.du-btn-group > input[type="radio"]
.newsletter-form-wrapper .mc4wp-form button[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.du-btn-group > input[type="radio"].newsletter-form-wrapper .mc4wp-form input[type="submit"]:before,.du-btn-group > input[type="radio"]
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:before {
  content: attr(data-title);
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="checkbox"]),.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="radio"]),
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="checkbox"]),
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="checkbox"]):after,.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="radio"]):after,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="checkbox"]):after,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}

@media (hover: hover) {
  .newsletter-form-wrapper .mc4wp-form input[type="submit"]:hover,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:hover {
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
  .newsletter-form-wrapper .mc4wp-form input[type="submit"].du-glass:hover,
.newsletter-form-wrapper .mc4wp-form button[type="submit"].du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .du-btn-outline.newsletter-form-wrapper .mc4wp-form input[type="submit"]:hover,.du-btn-outline
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
  }
  .newsletter-form-wrapper .mc4wp-form input[type="submit"][disabled]:hover,.newsletter-form-wrapper .mc4wp-form input[type="submit"]:disabled:hover,
.newsletter-form-wrapper .mc4wp-form button[type="submit"][disabled]:hover,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="checkbox"]:checked):hover,.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="radio"]:checked):hover,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="checkbox"]:checked):hover,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"]:active:hover,.newsletter-form-wrapper .mc4wp-form input[type="submit"]:active:focus,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:active:hover,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"]:focus-visible,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"],
.newsletter-form-wrapper .mc4wp-form button[type="submit"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
  outline-color: hsl(var(--p) / 1);
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"].du-btn-active,
.newsletter-form-wrapper .mc4wp-form button[type="submit"].du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"].du-glass,
.newsletter-form-wrapper .mc4wp-form button[type="submit"].du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"].du-glass.du-btn-active,
.newsletter-form-wrapper .mc4wp-form button[type="submit"].du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}

.du-btn-outline.newsletter-form-wrapper .mc4wp-form input[type="submit"],.du-btn-outline
.newsletter-form-wrapper .mc4wp-form button[type="submit"] {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}

.du-btn-outline.newsletter-form-wrapper .mc4wp-form input[type="submit"].du-btn-active,.du-btn-outline
.newsletter-form-wrapper .mc4wp-form button[type="submit"].du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"].du-btn-disabled,.newsletter-form-wrapper .mc4wp-form input[type="submit"][disabled],.newsletter-form-wrapper .mc4wp-form input[type="submit"]:disabled,
.newsletter-form-wrapper .mc4wp-form button[type="submit"].du-btn-disabled,
.newsletter-form-wrapper .mc4wp-form button[type="submit"][disabled],
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}

.du-btn-group > input[type="radio"]:checked.newsletter-form-wrapper .mc4wp-form input[type="submit"],.du-btn-group > input[type="radio"]:checked
.newsletter-form-wrapper .mc4wp-form button[type="submit"] {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.du-btn-group > input[type="radio"]:checked.newsletter-form-wrapper .mc4wp-form input[type="submit"]:focus-visible,.du-btn-group > input[type="radio"]:checked
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="checkbox"]:checked),.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="radio"]:checked),
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="checkbox"]:checked),
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="checkbox"]:checked):focus-visible,.newsletter-form-wrapper .mc4wp-form input[type="submit"]:is(input[type="radio"]:checked):focus-visible,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="checkbox"]:checked):focus-visible,
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"],
.newsletter-form-wrapper .mc4wp-form button[type="submit"] {
  height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-height: 2rem;
  font-size: 0.875rem;
}

.du-btn-square:where(.newsletter-form-wrapper .mc4wp-form input[type="submit"]),.du-btn-square:where(
.newsletter-form-wrapper .mc4wp-form button[type="submit"]) {
  height: 2rem;
  width: 2rem;
  padding: 0px;
}

.du-btn-circle:where(.newsletter-form-wrapper .mc4wp-form input[type="submit"]),.du-btn-circle:where(
.newsletter-form-wrapper .mc4wp-form button[type="submit"]) {
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  padding: 0px;
}

.du-btn-group .newsletter-form-wrapper .mc4wp-form input[type="submit"]:not(:first-child):not(:last-child),.du-btn-group 
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.du-btn-group .newsletter-form-wrapper .mc4wp-form input[type="submit"]:first-child:not(:last-child),.du-btn-group 
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}

.du-btn-group .newsletter-form-wrapper .mc4wp-form input[type="submit"]:last-child:not(:first-child),.du-btn-group 
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

.du-btn-group-horizontal .newsletter-form-wrapper .mc4wp-form input[type="submit"]:not(:first-child):not(:last-child),.du-btn-group-horizontal 
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.du-btn-group-horizontal .newsletter-form-wrapper .mc4wp-form input[type="submit"]:first-child:not(:last-child),.du-btn-group-horizontal 
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}

.du-btn-group-horizontal .newsletter-form-wrapper .mc4wp-form input[type="submit"]:last-child:not(:first-child),.du-btn-group-horizontal 
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

.du-btn-group-vertical .newsletter-form-wrapper .mc4wp-form input[type="submit"]:first-child:not(:last-child),.du-btn-group-vertical 
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.du-btn-group-vertical .newsletter-form-wrapper .mc4wp-form input[type="submit"]:last-child:not(:first-child),.du-btn-group-vertical 
.newsletter-form-wrapper .mc4wp-form button[type="submit"]:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

.newsletter-form-wrapper .mc4wp-form input[type="submit"],
.newsletter-form-wrapper .mc4wp-form button[type="submit"] {
  width: 100%;
}

.newsletter-form-wrapper .mc4wp-alert {
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  align-content: flex-start;
  align-items: center;
  justify-items: center;
  gap: 1rem;
  text-align: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  border-radius: var(--rounded-box, 1rem);
  --alert-bg: hsl(var(--b2));
  --alert-bg-mix: hsl(var(--b1));
  background-color: var(--alert-bg);
}

@media (min-width: 640px) {
  .newsletter-form-wrapper .mc4wp-alert {
    grid-auto-flow: column;
    grid-template-columns: auto minmax(auto,1fr);
    justify-items: start;
    text-align: left;
  }
}

.newsletter-form-wrapper .mc4wp-alert {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.newsletter-form-wrapper .mc4wp-success {
  border-color: hsl(var(--su) / 0.2);
  --tw-text-opacity: 1;
  color: hsl(var(--suc) / var(--tw-text-opacity));
  --alert-bg: hsl(var(--su));
  --alert-bg-mix: hsl(var(--b1));
}

.newsletter-form-wrapper .mc4wp-error {
  border-color: hsl(var(--er) / 0.2);
  --tw-text-opacity: 1;
  color: hsl(var(--erc) / var(--tw-text-opacity));
  --alert-bg: hsl(var(--er));
  --alert-bg-mix: hsl(var(--b1));
}

/* GTranslate language selector styling */
.gtranslate_wrapper {
  display: flex;
  align-items: center;
}

.gtranslate_wrapper a.glink {
  display: inline-flex;
  align-items: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.gtranslate_wrapper a.glink img {
  display: inline-block;
}

/* Force menu links to remain visible on hover (prevent GTranslate from hiding text) */
.tg-mega > li > a:hover,
.tg-mega > li > a:focus,
.tg-mega > li > a:active,
.notranslate:hover,
.notranslate:focus,
.notranslate:active,
.glink:hover,
.glink:focus,
.glink:active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* Hide the Google Translate dropdown widget */
.gtranslate_wrapper #google_translate_element2 {
  display: none !important;
}

/* Hide GTranslate loader/spinner during translation */
.goog-te-spinner-pos,
.goog-te-spinner,
.goog-te-gadget-loading,
.goog-te-banner-frame .goog-te-spinner-pos,
.goog-te-banner-frame .goog-te-spinner,
.goog-te-spinner-pos *,
.goog-te-spinner *,
.goog-te-gadget-loading *,
.goog-te-banner-frame .goog-te-spinner-pos *,
.goog-te-banner-frame .goog-te-spinner * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Hide any loading overlays or progress indicators */
.goog-te-loading,
.goog-te-loading *,
.skiptranslate .goog-te-spinner-pos,
.skiptranslate .goog-te-spinner,
.skiptranslate .goog-te-gadget-loading {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Hide Google Translate banner and loading elements */
.goog-te-banner-frame,
.goog-te-banner-frame *,
.goog-te-spinner-pos,
.goog-te-spinner-pos *,
.goog-te-gadget-loading,
.goog-te-gadget-loading * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* Force hide any loading indicators that might appear */
div[style*="goog-te-spinner"],
div[style*="loading"],
div[style*="spinner"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Hide ALL Google Translate UI elements including spinner/loader */
.skiptranslate iframe,
.skiptranslate > div,
body > .skiptranslate {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Ensure Google Translate text highlight doesn't hide content */
.goog-text-highlight {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove unwanted margin/padding around Smart Slider on front page */
.n2_clear,
.n2-section-smartslider,
#n2-ss-2-align {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Ensure header doesn't add spacing below */
header + .n2_clear,
header + * > .n2_clear {
  margin-top: 0 !important;
}

/* Force Smart Slider container to have no top spacing */
ss3-force-full-width {
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: block;
}

/* Checkout/Cart: reduce font size for large ARS prices */
.woocommerce-checkout .woocommerce-Price-amount,
.woocommerce-cart .woocommerce-Price-amount,
.woocommerce-checkout .price,
.woocommerce-cart .price {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.woocommerce-checkout .price del,
.woocommerce-cart .price del {
  font-size: 0.75rem;
  line-height: 1rem;
}

.wp-block-woocommerce-cart-cross-sells-block {
  display: none !important;
}


/***********************************
 * Empty Cart Block Customizations
 ***********************************/
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
  display: none !important;
}

/* 2️⃣ Título y texto a la izquierda */
.wp-block-woocommerce-empty-cart-block
.wc-block-cart__empty-cart__title {
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center {
  margin-top: 0.5rem;
  text-align: left;
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a {
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-color: transparent;
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-duration: 200ms;
  border-radius: var(--rounded-btn, 0.5rem);
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  min-height: 3rem;
  font-size: 0.875rem;
  line-height: 1em;
  gap: 0.5rem;
  font-weight: 600;
  text-decoration-line: none;
  border-width: var(--border-btn, 1px);
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
  text-transform: var(--btn-text-case, uppercase);
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--b2) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  outline-color: hsl(var(--bc) / 1);
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a[disabled],.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:disabled {
  pointer-events: none;
}

.du-btn-group > input[type="radio"].wp-block-woocommerce-empty-cart-block
p.has-text-align-center a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.du-btn-group > input[type="radio"].wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:before {
  content: attr(data-title);
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="checkbox"]),.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="radio"]) {
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="checkbox"]):after,.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="radio"]):after {
  --tw-content: attr(aria-label);
  content: var(--tw-content);
}

@media (hover: hover) {
  .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:hover {
    border-color: hsl(var(--b3) / var(--tw-border-opacity));
    background-color: hsl(var(--b3) / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
  .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a.du-glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%;
  }
  .du-btn-outline.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
  }
  .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a[disabled]:hover,.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:disabled:hover {
    --tw-border-opacity: 0;
    background-color: hsl(var(--n) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    color: hsl(var(--bc) / var(--tw-text-opacity));
    --tw-text-opacity: 0.2;
  }
  .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="checkbox"]:checked):hover,.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="radio"]:checked):hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--pf) / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  }
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:active:hover,.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:active:focus {
  animation: button-pop 0s ease-out;
  transform: scale(var(--btn-focus-scale, 0.97));
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
  outline-color: hsl(var(--p) / 1);
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a.du-glass {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-color: currentColor;
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a.du-glass.du-btn-active {
  --glass-opacity: 25%;
  --glass-border-opacity: 15%;
}

.du-btn-outline.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a {
  --tw-text-opacity: 1;
  color: hsl(var(--p) / var(--tw-text-opacity));
}

.du-btn-outline.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a.du-btn-active {
  --tw-border-opacity: 1;
  border-color: hsl(var(--pf) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--pf) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a.du-btn-disabled,.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a[disabled],.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:disabled {
  --tw-border-opacity: 0;
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  color: hsl(var(--bc) / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}

.du-btn-group > input[type="radio"]:checked.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.du-btn-group > input[type="radio"]:checked.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:focus-visible {
  outline-style: solid;
  outline-width: 2px;
  outline-color: hsl(var(--p) / 1);
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="checkbox"]:checked),.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="radio"]:checked) {
  --tw-border-opacity: 1;
  border-color: hsl(var(--p) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--p) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--pc) / var(--tw-text-opacity));
}

.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="checkbox"]:checked):focus-visible,.wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:is(input[type="radio"]:checked):focus-visible {
  outline-color: hsl(var(--p) / 1);
}

.du-btn-group .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.du-btn-group .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}

.du-btn-group .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

.du-btn-group-horizontal .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:not(:first-child):not(:last-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.du-btn-group-horizontal .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:first-child:not(:last-child) {
  margin-left: -1px;
  margin-top: -0px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: 0;
}

.du-btn-group-horizontal .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

.du-btn-group-vertical .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:first-child:not(:last-child) {
  margin-left: -0px;
  margin-top: -1px;
  border-top-left-radius: var(--rounded-btn, 0.5rem);
  border-top-right-radius: var(--rounded-btn, 0.5rem);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.du-btn-group-vertical .wp-block-woocommerce-empty-cart-block
p.has-text-align-center a:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
  border-bottom-right-radius: var(--rounded-btn, 0.5rem);
}

/* 3️⃣ Ocultar “New in store” y el grid de productos */
/* Segundo h2 dentro del bloque vacío = "New in store" */
.wp-block-woocommerce-empty-cart-block
h2.wp-block-heading:nth-of-type(2) {
  display: none;
}

/* El grid de productos “New in store” */
.wp-block-woocommerce-empty-cart-block .wc-block-grid,
.wp-block-woocommerce-empty-cart-block .wp-block-product-new,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  display: none;
}

/* La línea de puntos <hr> que separa el título de "New in store" */
.wp-block-woocommerce-empty-cart-block
> .wp-block-separator {
  display: none;
}

.woocommerce-orders-table__cell-order-actions {
  display: flex;
  gap: 0.5rem;
}

.woocommerce-orders-table__cell-order-actions a {
  cursor: pointer !important;
  text-decoration-line: underline !important;
}

.woocommerce-orders-table__cell-order-actions a:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.woocommerce-orders-table__cell-order-actions a:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 2px !important;
}

.woocommerce-orders-table__cell-order-actions a {
  all: unset !important;
  cursor: pointer !important;
  text-decoration-line: underline !important;
}

.woocommerce-orders-table__cell-order-actions a:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.woocommerce-orders-table__cell-order-actions a:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 2px !important;
}

.wc-block-components-address-form__company {
    display: block !important;
}

/* Forzar visualización del campo empresa en Woo Blocks */
.wc-block-components-address-form__company,
.wc-block-components-text-input.wc-block-components-address-form__company {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media (min-width: 1280px) {
  .xl\:du-menu-horizontal {
    display: inline-flex;
    flex-direction: row;
  }
  .xl\:du-menu-horizontal > li:not(.du-menu-title) > details > ul {
    position: absolute;
    margin-left: 0px;
    margin-top: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl\:du-menu-horizontal > li > details > ul:before {
    content: none;
  }
  :where(.xl\:du-menu-horizontal > li:not(.du-menu-title) > details > ul) {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--b1) / var(--tw-bg-opacity));
    --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);
    border-radius: var(--rounded-box, 1rem);
  }
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.group:focus-within .group-focus-within\:pointer-events-auto {
  pointer-events: auto;
}
.group:focus-within .group-focus-within\:visible {
  visibility: visible;
}
.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
@media (min-width: 768px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:min-w-max {
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}