/* src/home-v2/tokens.css */
/* Shared typography. The merchant’s locally preserved fonts are enqueued by PHP. */
@font-face {
  font-family: OdaiArabic;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Tajawal Regular"), local("Tajawal");
}
@font-face {
  font-family: OdaiArabic;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Tajawal Medium");
}
@font-face {
  font-family: OdaiArabic;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Tajawal Bold");
}
:root {
  --oh-font: OdaiArabic, Tahoma, Arial, sans-serif;
  --oh-white: #fff;
  --oh-ink: #341840;
  --oh-night: #081327;
  --oh-mesh-backdrop: #13243b;
  --oh-wine: #642c40;
  --oh-muted: #626a7b;
  --oh-line: #dce1ea;
  --oh-paper: #f3f5f9;
  --oh-success: #187451;
  --oh-error: #b32636;
  --oh-clear: transparent;
  --oh-shadow: rgba(8, 19, 39, 0.12);
  --oh-dim: rgba(8, 19, 39, 0.64);
  --oh-focus: #d85885;
  --oh-shade-edge: rgba(8, 19, 39, 0.12);
  --oh-shade-strong: rgba(8, 19, 39, 0.85);
  --oh-shade-soft: rgba(8, 19, 39, 0.22);
  --oh-translucent: rgba(255, 255, 255, 0.24);
  --oh-frost: rgba(255, 255, 255, 0.92);
  --oh-wine-soft: #f8edf1;
  --oh-radius: 0.5rem;
  --oh-ease: cubic-bezier(0.2, 0.75, 0.2, 1);
  --color-base-100: var(--oh-white);
  --color-base-200: var(--oh-paper);
  --color-base-300: var(--oh-line);
  --color-base-content: var(--oh-ink);
  --color-primary: var(--oh-wine);
  --color-primary-content: var(--oh-white);
  --color-secondary: var(--oh-ink);
  --color-secondary-content: var(--oh-white);
  --color-neutral: var(--oh-ink);
  --color-neutral-content: var(--oh-white);
  --color-success: var(--oh-success);
  --color-success-content: var(--oh-white);
  --color-error: var(--oh-error);
  --color-error-content: var(--oh-white);
  --radius-field: var(--oh-radius);
  --radius-selector: var(--oh-radius);
  --size-field: 0.3rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
  --fx-noise: none;
  --fontsize: 1rem;
}


/* src/home-v2/buttons.css */
/*! daisyUI 5.7.47 | MIT | published component declarations */
/*! 🌼 daisyUI 5.7.47 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{:where(:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)){width:unset}:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link){--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link))){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.oh-btn-outline,.oh-btn-dash{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-btn-dash{--btn-border-style:dashed}.oh-btn-ghost{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-btn-soft{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.oh-prose :where(a:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):not(.oh-btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);color:var(--btn-fg);--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):active:not(.oh-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):focus-visible,:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui.l1.l2{.oh-btn-active,:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}:is(.oh-btn-primary,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.oh-btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}.oh-btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}.oh-btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}.oh-btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}.oh-btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}.oh-btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}.oh-btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}.oh-btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.oh-btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.oh-btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.oh-btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.oh-btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}.oh-btn-wide{width:100%;max-width:16rem}.oh-btn-block{width:100%}.oh-btn-square{width:var(--size);height:var(--size);padding-inline:0}.oh-btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}@layer daisyui{.oh-btn-link{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.oh-btn-link,.oh-btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}@media (width>=640px){@layer daisyui.l1.l2.l3{:where(:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)){width:unset}.oh-sm\:btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.oh-sm\:btn:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}.oh-sm\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link))){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.oh-sm\:btn-outline,.oh-sm\:btn-dash{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-sm\:btn-dash{--btn-border-style:dashed}.oh-sm\:btn-ghost{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-sm\:btn-soft{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.oh-sm\:prose :where(a:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):not(.oh-btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.oh-sm\:btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);color:var(--btn-fg);--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.oh-sm\:btn:active:not(.oh-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}.oh-sm\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}.oh-sm\:btn:focus-visible,.oh-sm\:btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui.l1.l2{.oh-sm\:btn-active,.oh-sm\:btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.oh-sm\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.oh-sm\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}.oh-sm\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}.oh-sm\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}.oh-sm\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}.oh-sm\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}.oh-sm\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}.oh-sm\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}.oh-sm\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.oh-sm\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.oh-sm\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.oh-sm\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.oh-sm\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}.oh-sm\:btn-wide{width:100%;max-width:16rem}.oh-sm\:btn-block{width:100%}.oh-sm\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.oh-sm\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}@layer daisyui{.oh-sm\:btn-link{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}.oh-sm\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-sm\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.oh-btn-link,.oh-btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}@media (width>=768px){@layer daisyui.l1.l2.l3{:where(:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)){width:unset}.oh-md\:btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.oh-md\:btn:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}.oh-md\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link))){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.oh-md\:btn-outline,.oh-md\:btn-dash{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-md\:btn-dash{--btn-border-style:dashed}.oh-md\:btn-ghost{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-md\:btn-soft{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.oh-md\:prose :where(a:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):not(.oh-btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.oh-md\:btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);color:var(--btn-fg);--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.oh-md\:btn:active:not(.oh-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}.oh-md\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}.oh-md\:btn:focus-visible,.oh-md\:btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui.l1.l2{.oh-md\:btn-active,.oh-md\:btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.oh-md\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.oh-md\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}.oh-md\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}.oh-md\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}.oh-md\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}.oh-md\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}.oh-md\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}.oh-md\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}.oh-md\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.oh-md\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.oh-md\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.oh-md\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.oh-md\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}.oh-md\:btn-wide{width:100%;max-width:16rem}.oh-md\:btn-block{width:100%}.oh-md\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.oh-md\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}@layer daisyui{.oh-md\:btn-link{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}.oh-md\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-md\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.oh-btn-link,.oh-btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}@media (width>=1024px){@layer daisyui.l1.l2.l3{:where(:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)){width:unset}.oh-lg\:btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.oh-lg\:btn:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}.oh-lg\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link))){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.oh-lg\:btn-outline,.oh-lg\:btn-dash{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-lg\:btn-dash{--btn-border-style:dashed}.oh-lg\:btn-ghost{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-lg\:btn-soft{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.oh-lg\:prose :where(a:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):not(.oh-btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.oh-lg\:btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);color:var(--btn-fg);--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.oh-lg\:btn:active:not(.oh-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}.oh-lg\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}.oh-lg\:btn:focus-visible,.oh-lg\:btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui.l1.l2{.oh-lg\:btn-active,.oh-lg\:btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.oh-lg\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.oh-lg\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}.oh-lg\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}.oh-lg\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}.oh-lg\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}.oh-lg\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}.oh-lg\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}.oh-lg\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}.oh-lg\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.oh-lg\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.oh-lg\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.oh-lg\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.oh-lg\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}.oh-lg\:btn-wide{width:100%;max-width:16rem}.oh-lg\:btn-block{width:100%}.oh-lg\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.oh-lg\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}@layer daisyui{.oh-lg\:btn-link{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}.oh-lg\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-lg\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.oh-btn-link,.oh-btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}@media (width>=1280px){@layer daisyui.l1.l2.l3{:where(:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)){width:unset}.oh-xl\:btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.oh-xl\:btn:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}.oh-xl\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link))){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.oh-xl\:btn-outline,.oh-xl\:btn-dash{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-xl\:btn-dash{--btn-border-style:dashed}.oh-xl\:btn-ghost{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-xl\:btn-soft{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.oh-xl\:prose :where(a:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):not(.oh-btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.oh-xl\:btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);color:var(--btn-fg);--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.oh-xl\:btn:active:not(.oh-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}.oh-xl\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}.oh-xl\:btn:focus-visible,.oh-xl\:btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui.l1.l2{.oh-xl\:btn-active,.oh-xl\:btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.oh-xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.oh-xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}.oh-xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}.oh-xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}.oh-xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}.oh-xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}.oh-xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}.oh-xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}.oh-xl\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.oh-xl\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.oh-xl\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.oh-xl\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.oh-xl\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}.oh-xl\:btn-wide{width:100%;max-width:16rem}.oh-xl\:btn-block{width:100%}.oh-xl\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.oh-xl\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}@layer daisyui{.oh-xl\:btn-link{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}.oh-xl\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-xl\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.oh-btn-link,.oh-btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}@media (width>=1536px){@layer daisyui.l1.l2.l3{:where(:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)){width:unset}.oh-2xl\:btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.oh-2xl\:btn:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}.oh-2xl\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link))){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.oh-2xl\:btn-outline,.oh-2xl\:btn-dash{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-2xl\:btn-dash{--btn-border-style:dashed}.oh-2xl\:btn-ghost{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-2xl\:btn-soft{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.oh-2xl\:prose :where(a:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link):not(.oh-btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.oh-2xl\:btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);color:var(--btn-fg);--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.oh-2xl\:btn:active:not(.oh-btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}.oh-2xl\:btn:where(:checked:not(.oh-filter [type=radio]:is(.oh-btn,.os-main .button,.os-main input[type="submit"],.os-main button[type="submit"],.os-main .wc-block-components-button:not(.is-link),.os-main .wp-block-button__link)),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}.oh-2xl\:btn:focus-visible,.oh-2xl\:btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui.l1.l2{.oh-2xl\:btn-active,.oh-2xl\:btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%);color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.oh-2xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.oh-2xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}.oh-2xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}.oh-2xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}.oh-2xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}.oh-2xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}.oh-2xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}.oh-2xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}.oh-2xl\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}.oh-2xl\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}.oh-2xl\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}.oh-2xl\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.oh-2xl\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}.oh-2xl\:btn-wide{width:100%;max-width:16rem}.oh-2xl\:btn-block{width:100%}.oh-2xl\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.oh-2xl\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}@layer daisyui{.oh-2xl\:btn-link{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}.oh-2xl\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.oh-2xl\:btn:is(.oh-btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.oh-btn-link,.oh-btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}}
/*! 🌼 daisyUI 5.7.47 - MIT License */ @layer utilities{@layer daisyui.l1.l2.l3{.oh-loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem) * 6);background-color:currentColor;flex-shrink:0;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}@media (prefers-reduced-motion:no-preference){.oh-loading{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}}@layer daisyui.l1.l2{.oh-loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){.oh-loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}.oh-loading-dots{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='3s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='3s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='3s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){.oh-loading-dots{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E")}}.oh-loading-ring{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='5.4s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='5.4s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='5.4s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='5.4s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){.oh-loading-ring{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}.oh-loading-ball{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='2s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='2s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){.oh-loading-ball{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E")}}.oh-loading-bars{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='2.4s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){.oh-loading-bars{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E")}}.oh-loading-infinity{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='6s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){.oh-loading-infinity{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E")}}.oh-loading-xs{width:calc(var(--size-selector,.25rem) * 4)}.oh-loading-sm{width:calc(var(--size-selector,.25rem) * 5)}.oh-loading-md{width:calc(var(--size-selector,.25rem) * 6)}.oh-loading-lg{width:calc(var(--size-selector,.25rem) * 7)}.oh-loading-xl{width:calc(var(--size-selector,.25rem) * 8)}}}
@media(prefers-reduced-motion:reduce){.oh-loading,.oh-loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");}}


/* src/home-v2/base.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  overflow-x: clip;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}
body {
  font-family: var(--oh-font);
  font-size: 17px;
  line-height: 1.6;
  background: var(--oh-white);
  color: var(--oh-ink);
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input {
  font: inherit;
}
button {
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
button svg,
a svg {
  pointer-events: none;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1,
h2,
h3 {
  font-style: normal;
  min-width: 0;
  overflow-wrap: anywhere;
}
button,
a,
input {
  -webkit-tap-highlight-color: var(--oh-clear);
}
:focus-visible {
  outline: 3px solid var(--oh-focus);
  outline-offset: 5px;
}
button[disabled],
a[aria-disabled="true"] {
  pointer-events: none;
  opacity: 0.5;
}
[hidden] {
  display: none !important;
}
.oh-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: clip;
  clip-path: inset(50%);
}
.oh-skip {
  position: fixed;
  z-index: 200;
  top: 8px;
  right: 8px;
  transform: translateY(-160%);
  background: var(--oh-white);
  color: var(--oh-ink);
  padding: 12px;
}
.oh-skip:focus {
  transform: none;
}
.oh-shell {
  width: min(1400px, calc(100% - 96px));
  margin-inline: auto;
}
.oh-section {
  width: 100%;
  min-width: 0;
}
.oh-product-section {
  padding-block: 64px 80px;
}
.oh-btn {
  white-space: nowrap;
  text-decoration: none;
  font-family: var(--oh-font);
}
.oh-btn-block {
  width: 100%;
}
.oh-empty {
  padding: 32px 16px;
  text-align: center;
  color: var(--oh-muted);
}
.oh-empty .oh-btn {
  margin-top: 16px;
}
.oh-section-title {
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 24px;
}
.oh-main {
  min-width: 0;
}
.oh-toast {
  position: fixed;
  z-index: 130;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 32px);
  padding: 16px 24px;
  background: var(--oh-night);
  color: var(--oh-white);
  box-shadow: 0 8px 32px var(--oh-shadow);
  border-radius: var(--oh-radius);
  text-align: center;
}
.oh-seen {
  animation: oh-reveal 0.7s var(--oh-ease) both;
}
@keyframes oh-reveal {
  from {
    opacity: 0.5;
    transform: translateX(calc(var(--reveal-direction, -1) * 32px));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.admin-bar .oh-header {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar .oh-header {
    top: 46px;
  }
}
@media (max-width: 767px) {
  :root {
    --size-field: 0.275rem;
  }
  .oh-shell {
    width: calc(100% - 32px);
  }
  .oh-product-section {
    padding-block: 32px 48px;
  }
  .oh-section-title {
    font-size: 26px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
  .oh-loading {
    animation: none !important;
  }
}
.oh-btn {
  color: var(--btn-fg, var(--color-base-content));
}
.oh-still {
  scroll-behavior: auto;
}
.oh-still *,
.oh-still *::before,
.oh-still *::after {
  animation: none !important;
  transition: none !important;
}


/* src/home-v2/hero.css */
.oh-hero,
.oh-campaign {
  position: relative;
  width: 100%;
  isolation: isolate;
  background: var(--oh-night);
  color: var(--oh-white);
  overflow: clip;
}
.oh-hero-scenes,
.oh-slide,
.oh-hero-stage {
  position: absolute;
  inset: 0;
}
.oh-hero {
  height: 100svh;
  touch-action: pan-y pinch-zoom;
}
.oh-slide {
  transform-style: preserve-3d;
  perspective: 1400px;
}
.oh-slide picture,
.oh-campaign picture {
  display: block;
  position: absolute;
  inset: 0;
}
.oh-slide picture img,
.oh-campaign picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oh-slide picture {
  will-change: transform;
}
.oh-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    var(--oh-dim),
    var(--oh-clear) 24%,
    var(--oh-clear) 76%,
    var(--oh-dim)
  );
}
.oh-side-left .oh-shade {
  background:
    linear-gradient(
      90deg,
      var(--oh-shade-strong),
      var(--oh-shade-soft) 42%,
      var(--oh-clear) 70%
    ),
    linear-gradient(180deg, var(--oh-dim), var(--oh-clear) 25%, var(--oh-dim));
}
.oh-side-right .oh-shade {
  background:
    linear-gradient(
      270deg,
      var(--oh-shade-strong),
      var(--oh-shade-soft) 42%,
      var(--oh-clear) 70%
    ),
    linear-gradient(180deg, var(--oh-dim), var(--oh-clear) 25%, var(--oh-dim));
}
.oh-scene-copy {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-42%);
  width: min(43%, 580px);
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.oh-side-left .oh-scene-copy {
  left: 6vw;
}
.oh-side-right .oh-scene-copy {
  right: 6vw;
}
.oh-scene-copy h1,
.oh-scene-copy h2 {
  font-size: clamp(48px, 5.5vw, 88px);
  line-height: 1.14;
  font-weight: 700;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.oh-scene-copy .oh-btn {
  --size: 56px;
  --btn-p: 28px;
  font-size: 18px;
  gap: 24px;
}
.oh-hero .oh-scene-copy {
  padding: 24px;
  gap: 20px;
  background: var(--oh-shade-strong);
  border: 1px solid var(--oh-translucent);
  border-radius: var(--oh-radius);
  backdrop-filter: blur(8px);
}
.oh-hero-stage {
  z-index: 2;
  pointer-events: none;
  opacity: 0;
}
.oh-hero-stage canvas {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 767px) {
  .oh-hero {
    height: 100svh;
    min-height: 640px;
  }
  .oh-scene-copy,
  .oh-side-left .oh-scene-copy,
  .oh-side-right .oh-scene-copy {
    top: auto;
    left: 24px;
    right: 24px;
    bottom: 110px;
    transform: none;
    width: auto;
    gap: 20px;
  }
  .oh-scene-copy h1,
  .oh-scene-copy h2 {
    font-size: clamp(36px, 10vw, 48px);
    line-height: 1.16;
    max-width: 330px;
    letter-spacing: 0;
  }
  .oh-scene-copy .oh-btn {
    --size: 48px;
    --btn-p: 20px;
    font-size: 16px;
    gap: 20px;
  }
  .oh-side-left .oh-shade,
  .oh-side-right .oh-shade {
    background: linear-gradient(
      180deg,
      var(--oh-dim),
      var(--oh-clear) 20%,
      var(--oh-clear) 45%,
      var(--oh-shade-soft) 60%,
      var(--oh-shade-strong) 85%,
      var(--oh-night)
    );
  }
}
@media (max-height: 620px) and (orientation: landscape) {
  .oh-hero {
    min-height: 520px;
  }
  .oh-scene-copy,
  .oh-side-left .oh-scene-copy,
  .oh-side-right .oh-scene-copy {
    top: 50%;
    bottom: auto;
    transform: translateY(-40%);
    width: 44%;
    right: auto;
    left: 5vw;
  }
  .oh-side-right .oh-scene-copy {
    right: 5vw;
    left: auto;
  }
  .oh-scene-copy h1,
  .oh-scene-copy h2 {
    font-size: 38px;
  }
}
.oh-hero-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    var(--oh-shade-strong),
    var(--oh-shade-soft) 42%,
    var(--oh-clear) 70%
  );
}
.oh-hero-stage.oh-stage-right::after {
  background: linear-gradient(
    270deg,
    var(--oh-shade-strong),
    var(--oh-shade-soft) 42%,
    var(--oh-clear) 70%
  );
}
@media (max-width: 767px) {
  .oh-hero-stage::after,
  .oh-hero-stage.oh-stage-right::after {
    background: linear-gradient(
      180deg,
      var(--oh-clear) 40%,
      var(--oh-shade-strong)
    );
  }
}
.oh-hero {
  min-height: 100svh;
}
.oh-hero-scenes {
  z-index: 3;
}
.oh-hero-stage {
  z-index: 2;
}
.oh-rendering .oh-slide picture,
.oh-rendering .oh-slide > .oh-shade {
  visibility: hidden;
}
@media (max-width: 767px) {
  .oh-footer nav a {
    white-space: normal;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  .oh-scene-copy,
  .oh-side-left .oh-scene-copy,
  .oh-side-right .oh-scene-copy {
    top: 100px;
    bottom: auto;
    transform: none;
    gap: 16px;
  }
  .oh-scene-copy h1,
  .oh-scene-copy h2 {
    font-size: 30px;
  }
  .oh-scene-copy .oh-btn {
    --size: 44px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .oh-hero {
    height: clamp(500px, 160vw, 700px);
    min-height: 0;
    max-height: 100svh;
  }
  .oh-hero .oh-slide picture {
    bottom: auto;
    height: 140%;
  }
  .oh-hero .oh-slide picture img {
    object-position: center top;
  }
  .oh-hero .oh-scene-copy {
    top: auto;
    bottom: max(16px, env(safe-area-inset-bottom));
    left: 16px;
    right: 16px;
    width: auto;
    padding: 16px;
    gap: 12px;
    transform: none;
  }
  .oh-hero .oh-scene-copy h1,
  .oh-hero .oh-scene-copy h2 {
    font-size: clamp(28px, 8vw, 36px);
    line-height: 1.15;
  }
  .oh-hero .oh-side-left .oh-shade,
  .oh-hero .oh-side-right .oh-shade {
    background: linear-gradient(
      180deg,
      var(--oh-dim),
      var(--oh-clear) 25%,
      var(--oh-clear) 80%,
      var(--oh-shade-soft)
    );
  }
  .oh-hero-stage::after,
  .oh-hero-stage.oh-stage-right::after {
    background: linear-gradient(
      180deg,
      var(--oh-dim),
      var(--oh-clear) 25%,
      var(--oh-clear) 80%,
      var(--oh-shade-soft)
    );
  }
}


/* src/home-v2/campaign.css */
.oh-campaign {
  height: clamp(340px, 34vw, 520px);
  min-height: 0;
}
.oh-campaign picture img {
  object-fit: cover;
}
.oh-campaign.oh-side-right picture img {
  object-position: left top;
}
.oh-campaign.oh-side-left picture img {
  object-position: right top;
}
.oh-campaign .oh-scene-copy {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  width: min(42%, 600px);
  padding: 24px;
  gap: 20px;
  background: var(--oh-shade-strong);
  border: 1px solid var(--oh-translucent);
  border-radius: var(--oh-radius);
}
.oh-campaign.oh-side-right .oh-scene-copy {
  right: 5vw;
  left: auto;
}
.oh-campaign.oh-side-left .oh-scene-copy {
  left: 5vw;
  right: auto;
}
.oh-campaign .oh-scene-copy h2 {
  font-size: clamp(32px, 4vw, 60px);
  line-height: 1.16;
}
#mesh .oh-campaign {
  background: var(--oh-mesh-backdrop);
}
#mesh .oh-campaign picture img {
  object-fit: contain;
  object-position: right center;
}
@media (max-width: 767px) {
  .oh-campaign {
    height: auto;
    min-height: 220px;
    aspect-ratio: 16 / 10;
  }
  .oh-campaign .oh-scene-copy {
    width: calc(52% - 12px);
    padding: 12px;
    gap: 12px;
  }
  .oh-campaign.oh-side-right .oh-scene-copy {
    right: 12px;
  }
  .oh-campaign.oh-side-left .oh-scene-copy {
    left: 12px;
  }
  .oh-campaign .oh-scene-copy h2 {
    font-size: clamp(20px, 5.4vw, 26px);
    max-width: none;
  }
  .oh-campaign .oh-scene-copy .oh-btn {
    --size: 44px;
    --btn-p: 12px;
    min-height: 44px;
    height: auto;
    padding-block: 8px;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.2;
    gap: 8px;
    white-space: normal;
  }
  .oh-campaign .oh-scene-copy .oh-btn svg {
    width: 18px;
    height: 18px;
  }
  .oh-campaign.oh-side-right .oh-shade {
    background: linear-gradient(270deg, var(--oh-shade-soft), var(--oh-clear) 70%);
  }
  .oh-campaign.oh-side-left .oh-shade {
    background: linear-gradient(90deg, var(--oh-shade-soft), var(--oh-clear) 70%);
  }
}


/* src/home-v2/storefront.css */
.oh-header {
  position: fixed;
  z-index: 70;
  top: 0;
  inset-inline: 0;
  color: var(--oh-white);
  --color-base-content: var(--oh-white);
  --color-base-200: var(--oh-clear);
  transition:
    background 0.3s,
    box-shadow 0.3s;
}
.oh-header.oh-scrolled {
  background: var(--oh-night);
  box-shadow: 0 1px 0 var(--oh-translucent);
}
.oh-header-inner {
  height: 96px;
  padding-inline: 4vw;
  display: flex;
  align-items: center;
  gap: 24px;
}
.oh-header-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
.oh-logo {
  margin-inline-end: 24px;
  flex-shrink: 0;
}
.oh-logo img {
  width: 154px;
  height: 48px;
  object-fit: contain;
}
.oh-nav {
  display: flex;
  gap: 28px;
  margin-inline-end: auto;
  align-items: center;
}
.oh-nav a {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
}
.oh-header-tools:last-child {
  margin-inline-start: auto;
}
.oh-cart-trigger {
  position: relative;
}
.oh-cart-trigger span {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: var(--oh-wine);
  color: var(--oh-white);
  font-size: 11px;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
.oh-info-strip {
  display: flex;
  justify-content: center;
  background: var(--oh-night);
  color: var(--oh-white);
  gap: 64px;
  padding: 24px 16px;
}
.oh-info-strip a {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}
.oh-collections {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  padding-block: 64px;
}
.oh-collection {
  min-width: 0;
}
.oh-collection img,
.oh-collection-placeholder {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  background: var(--oh-paper);
}
.oh-collection-placeholder {
  display: grid;
  place-items: center;
}
.oh-collection > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-block: 20px;
}
.oh-collection h3 {
  font-size: 23px;
  font-weight: 500;
}
.oh-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 24px;
}
.oh-product {
  min-width: 0;
}
.oh-product-media {
  position: relative;
  overflow: clip;
  background: var(--oh-paper);
}
.oh-product-image {
  position: relative;
  display: block;
  aspect-ratio: 3/4;
  overflow: clip;
}
.oh-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition:
    transform 0.55s var(--oh-ease),
    opacity 0.4s;
}
.oh-back-photo {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: var(--oh-paper);
}
@media (hover: hover) and (pointer: fine) {
  .oh-product-image:hover .oh-back-photo:not([data-src]) {
    opacity: 1;
  }
}
.oh-product.oh-gallery-open .oh-back-photo {
  opacity: 1;
}
.oh-product.oh-gallery-open .oh-front-photo {
  opacity: 0;
}
.oh-heart,
.oh-gallery {
  position: absolute;
  z-index: 2;
  background: var(--oh-frost);
  --color-base-200: var(--oh-frost);
  --color-base-content: var(--oh-ink);
  --size: 44px;
  box-shadow: none;
}
.oh-heart {
  top: 12px;
  left: 12px;
}
.oh-gallery {
  bottom: 12px;
  left: 12px;
}
.oh-heart[aria-pressed="true"] {
  --color-base-content: var(--oh-wine);
  background: var(--oh-wine-soft);
}
.oh-heart[aria-pressed="true"] svg {
  fill: currentColor;
}
.oh-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: var(--oh-wine);
  color: var(--oh-white);
  padding: 4px 10px;
  font-size: 13px;
}
.oh-product-info {
  padding-block: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.oh-product h3 {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  min-height: 54px;
}
.oh-price {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
}
.oh-price {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* A text label instead of an amount (bundle offers) must not shout in the price size. */
.oh-price:not(:has(.woocommerce-Price-amount)) {
  font-size: 15px;
  font-weight: 500;
}
.oh-price del {
  font-size: 16px;
  font-weight: 400;
  color: var(--oh-muted);
}
.oh-price ins {
  text-decoration: none;
}
.oh-sizes,
.oh-availability {
  font-size: 14px;
  color: var(--oh-muted);
}
.oh-sizes {
  min-height: 23px;
}
.oh-photo-empty {
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--oh-muted);
  font-size: 14px;
}
.oh-price-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}
.oh-price-tabs .oh-btn {
  min-width: 132px;
}
.oh-price-all {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 700;
  margin-top: 32px;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.oh-help-links {
  padding-block: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.oh-help-links a {
  display: flex;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid var(--oh-line);
  padding-block: 16px;
}
.oh-help-links a svg:last-child {
  margin-inline-start: auto;
}
.oh-footer {
  background: var(--oh-night);
  color: var(--oh-white);
  padding: 72px max(32px, 5vw) 24px;
  --color-base-content: var(--oh-white);
}
.oh-footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
  gap: 48px;
}
.oh-footer h2 {
  font-size: 21px;
  margin-bottom: 24px;
}
.oh-footer nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.oh-footer nav a {
  white-space: nowrap;
}
.oh-footer p {
  font-size: 16px;
  margin-bottom: 24px;
}
.oh-footer-brand img {
  width: 220px;
  margin-bottom: 24px;
}
.oh-footer-bottom {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--oh-translucent);
  font-size: 14px;
}
/* Drawers: the menu slides from the right (menu button side), the cart from the
   left (bag icon side), search drops from the top. JS toggles .is-open. */
.oh-dialog {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(540px, 100%);
  height: 100dvh;
  max-height: 100dvh;
  max-width: 100%;
  margin: 0;
  border: 0;
  padding: 32px;
  padding-bottom: calc(32px + env(safe-area-inset-bottom));
  background: var(--oh-white);
  color: var(--oh-ink);
  overflow: auto;
  overscroll-behavior: contain;
  box-shadow: -12px 0 64px var(--oh-shadow);
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.oh-dialog.is-open {
  transform: none;
}
.oh-dialog::backdrop {
  background: var(--oh-dim);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity 0.24s;
}
.oh-dialog.is-open::backdrop {
  opacity: 1;
}
.oh-drawer-cart {
  inset: 0 auto 0 0;
  width: min(440px, 100vw);
  padding: 0;
  overflow: hidden;
  box-shadow: 12px 0 64px var(--oh-shadow);
  transform: translateX(-100%);
}
.oh-drawer-cart[open] {
  display: flex;
  flex-direction: column;
}
.oh-sheet {
  inset: 0 0 auto 0;
  width: 100%;
  height: auto;
  max-height: min(88dvh, 760px);
  padding-inline: max(32px, calc((100% - 760px) / 2));
  box-shadow: 0 12px 64px var(--oh-shadow);
  transform: translateY(-100%);
}
@media (prefers-reduced-motion: reduce) {
  .oh-dialog,
  .oh-dialog.is-open {
    transform: none;
  }
}
.oh-still .oh-dialog {
  transform: none;
}
.oh-dialog-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}
.oh-dialog-heading h2 {
  font-size: 26px;
}
.oh-menu-links {
  display: flex;
  flex-direction: column;
}
.oh-menu-links a {
  padding: 20px 0;
  border-bottom: 1px solid var(--oh-line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 23px;
}
.oh-menu-secondary {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
.oh-search-form label {
  display: block;
  margin-bottom: 12px;
}
.oh-search-form > div {
  display: flex;
  gap: 8px;
}
.oh-search-form input[type="search"] {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--oh-line);
  padding: 12px;
  border-radius: var(--oh-radius);
  background: var(--oh-white);
  color: var(--oh-ink);
  height: 48px;
}
.oh-search-result {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 16px;
  border-bottom: 1px solid var(--oh-line);
}
.oh-search-result img {
  width: 72px;
  height: 96px;
  object-fit: contain;
  background: var(--oh-paper);
}
.oh-search-result > span {
  flex: 1;
}
.oh-search-result strong,
.oh-search-result > span > span {
  display: block;
}
.oh-search-result strong {
  font-size: 16px;
  font-weight: 500;
}
/* Cart drawer: fixed heading, scrolling body, fixed footer. */
.oh-drawer-cart .oh-dialog-heading {
  flex: none;
  margin: 0;
  padding: 20px 24px;
  border-bottom: 1px solid var(--oh-line);
}
.oh-dialog-heading h2 small {
  font-size: 15px;
  font-weight: 400;
  color: var(--oh-muted);
}
.oh-cart-status {
  flex: none;
  padding-inline: 24px;
}
.oh-cart-status:empty {
  display: none;
}
.oh-cart-retry {
  flex: none;
  margin: 0 24px 16px;
}
.oh-cart-content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.oh-cart-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 24px 16px;
}
.oh-cart-foot {
  flex: none;
  padding: 16px 24px calc(16px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--oh-line);
  background: var(--oh-white);
  box-shadow: 0 -8px 24px var(--oh-shadow);
}
.oh-cart-shipping {
  padding-block: 16px 4px;
  font-size: 14px;
}
.oh-cart-shipping p {
  margin: 0 0 8px;
}
.oh-cart-progress {
  height: 6px;
  border-radius: 3px;
  background: var(--oh-paper);
  overflow: hidden;
}
.oh-cart-progress span {
  display: block;
  height: 100%;
  background: var(--oh-wine);
  border-radius: 3px;
  transition: inline-size 0.4s var(--oh-ease);
}
.oh-cart-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oh-cart-items li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-block: 16px;
  border-bottom: 1px solid var(--oh-line);
}
.oh-cart-thumb {
  flex: none;
}
.oh-cart-items img {
  width: 72px;
  height: 96px;
  object-fit: contain;
  background: var(--oh-paper);
  border-radius: var(--oh-radius);
}
.oh-cart-line {
  flex: 1;
  min-width: 0;
}
.oh-cart-name {
  display: block;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.5;
}
.oh-dialog .oh-cart-meta,
.oh-dialog .oh-cart-price {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--oh-muted);
}
.oh-cart-price del {
  margin-inline-end: 6px;
}
.oh-cart-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}
.oh-quantity {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--oh-line);
  border-radius: 999px;
  --size: 44px;
}
.oh-quantity bdi {
  min-width: 24px;
  text-align: center;
  font-weight: 700;
}
.oh-cart-subtotal {
  font-size: 16px;
  white-space: nowrap;
}
.oh-cart-remove {
  flex: none;
  --size: 44px;
  color: var(--oh-muted);
  margin-inline-end: -8px;
}
.oh-cart-suggest {
  padding-top: 20px;
}
.oh-cart-suggest h3 {
  font-size: 16px;
  margin-bottom: 12px;
}
.oh-cart-suggest-list {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding-bottom: 8px;
}
.oh-cart-suggest-list a {
  flex: 0 0 112px;
  scroll-snap-align: start;
  font-size: 13px;
  line-height: 1.45;
}
.oh-cart-suggest-list img {
  width: 112px;
  height: 148px;
  object-fit: contain;
  background: var(--oh-paper);
  border-radius: var(--oh-radius);
  margin-bottom: 6px;
}
.oh-cart-suggest-list a > span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.oh-cart-suggest-list a > bdi {
  display: block;
  font-weight: 700;
}
.oh-cart-total {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 20px;
  font-weight: 700;
}
.oh-dialog .oh-cart-note {
  margin: 4px 0 12px;
  font-size: 13px;
  color: var(--oh-muted);
}
.oh-cart-review {
  display: block;
  min-height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 15px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.oh-dialog .oh-cart-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  color: var(--oh-muted);
}
.oh-cart-trust svg {
  width: 16px;
  height: 16px;
}
.oh-cart-empty {
  padding: 48px 0 24px;
  text-align: center;
  color: var(--oh-muted);
}
.oh-cart-empty-icon {
  display: inline-grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--oh-paper);
  color: var(--oh-wine);
}
.oh-cart-empty-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
}
.oh-cart-empty-links .oh-btn {
  font-size: 14px;
}
.oh-cart-skeleton {
  display: flex;
  gap: 12px;
  padding-block: 16px;
  border-bottom: 1px solid var(--oh-line);
}
.oh-cart-skeleton i,
.oh-cart-skeleton b {
  display: block;
  border-radius: var(--oh-radius);
  background: linear-gradient(90deg, var(--oh-paper) 25%, var(--oh-line) 37%, var(--oh-paper) 63%);
  background-size: 400% 100%;
  animation: oh-shimmer 1.4s linear infinite;
}
.oh-cart-skeleton i {
  flex: none;
  width: 72px;
  height: 96px;
}
.oh-cart-skeleton span {
  flex: 1;
  display: grid;
  gap: 10px;
  align-content: start;
}
.oh-cart-skeleton b {
  height: 14px;
}
.oh-cart-skeleton b:nth-child(2) {
  width: 45%;
}
.oh-cart-skeleton b:nth-child(3) {
  width: 30%;
}
@keyframes oh-shimmer {
  from {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.oh-toast button {
  margin-inline-start: 12px;
  min-height: 44px;
  padding: 0 8px;
  border: 0;
  background: none;
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.oh-add-error {
  margin-top: 12px;
  color: var(--oh-error);
  font-size: 15px;
}
.oh-dialog p {
  margin-block: 16px;
}
.oh-dialog .oh-btn-block {
  margin-top: 12px;
}
.oh-loading {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.oh-cart-trigger[aria-busy="true"] {
  opacity: 0.6;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .oh-product-image:hover img {
    transform: scale(1.025);
  }
  .oh-nav a:hover,
  .oh-footer a:hover {
    text-decoration: underline;
    text-underline-offset: 6px;
  }
}
@media (max-width: 1100px) {
  .oh-products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .oh-nav {
    gap: 16px;
  }
  .oh-header-inner {
    gap: 16px;
  }
  .oh-logo {
    margin-inline-end: 0;
  }
  .oh-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .oh-collections {
    gap: 16px;
  }
  .oh-collection h3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .oh-header-inner {
    height: 80px;
    padding-inline: 12px;
    gap: 8px;
  }
  .oh-logo {
    margin-inline: auto;
  }
  .oh-logo img {
    width: 125px;
    height: 42px;
  }
  .oh-nav,
  .oh-desktop-action {
    display: none;
  }
  .oh-header-tools:last-child {
    margin: 0;
  }
  .oh-header-tools {
    gap: 0;
  }
  .oh-info-strip {
    gap: 16px;
    justify-content: space-between;
    padding: 20px 16px;
    align-items: stretch;
  }
  .oh-info-strip a {
    font-size: 12px;
    white-space: normal;
    gap: 6px;
    flex: 1;
    text-align: center;
    justify-content: center;
  }
  .oh-info-strip svg {
    width: 16px;
    height: 16px;
  }
  .oh-collections {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-block: 32px;
    gap: 20px 12px;
  }
  .oh-collection > div {
    padding-block: 12px;
  }
  .oh-collection h3 {
    font-size: 17px;
  }
  .oh-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 12px;
  }
  .oh-product-info {
    padding-top: 16px;
    gap: 8px;
  }
  .oh-product h3 {
    font-size: 15px;
    min-height: 45px;
  }
  .oh-price {
    font-size: 18px;
  }
  .oh-price del {
    font-size: 14px;
  }
  .oh-sizes {
    font-size: 12px;
    min-height: 20px;
  }
  .oh-product-info .oh-btn {
    font-size: 13px;
    --btn-p: 8px;
    gap: 6px;
  }
  .oh-product-info .oh-btn svg {
    width: 16px;
  }
  .oh-heart {
    top: 8px;
    left: 8px;
  }
  .oh-gallery {
    bottom: 8px;
    left: 8px;
  }
  .oh-badge {
    font-size: 11px;
    right: 8px;
    top: 8px;
    padding: 3px 6px;
  }
  .oh-price-tabs {
    gap: 8px;
  }
  .oh-price-tabs .oh-btn {
    min-width: calc(33.333% - 6px);
    font-size: 14px;
    --btn-p: 8px;
  }
  .oh-help-links {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding-block: 24px;
  }
  .oh-footer {
    padding: 48px 24px 24px;
  }
  .oh-footer-grid {
    gap: 32px 20px;
  }
  .oh-footer-brand,
  .oh-footer-grid > div:last-child {
    grid-column: 1/-1;
  }
  .oh-footer h2 {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .oh-footer nav a {
    font-size: 14px;
  }
  .oh-footer-brand img {
    width: 180px;
  }
  .oh-dialog {
    padding: 24px;
  }
  .oh-dialog::backdrop {
    backdrop-filter: blur(4px);
  }
  .oh-drawer-cart {
    width: 100vw;
    padding: 0;
  }
  .oh-sheet {
    padding-inline: 24px;
  }
  .oh-drawer-cart .oh-dialog-heading {
    padding: 12px 16px;
  }
  .oh-cart-body {
    padding-inline: 16px;
  }
  .oh-cart-foot {
    padding-inline: 16px;
  }
  .oh-dialog-heading h2 {
    font-size: 23px;
  }
  .oh-badge ~ button {
    z-index: 3;
  }
}

/* Plain section heading above the homepage category cards. */
.oh-collections-heading {
  padding-block-start: 48px;
}
.oh-collections-heading .oh-section-title {
  margin-bottom: 0;
}
#collections .oh-collections {
  padding-block-start: 24px;
}
@media (max-width: 767px) {
  .oh-collections-heading {
    padding-block-start: 32px;
  }
}


/* src/storefront/layout.css */
/* Shared storefront layout; tokens and buttons are the approved homepage system. */
select,textarea{font:inherit;color:inherit}
.odai-storefront .oh-header{background:var(--oh-night)}
.os-main{padding-block:128px 80px;min-height:65vh}
.os-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--oh-muted);font-size:14px;margin-bottom:28px}
.os-breadcrumb a:hover{text-decoration:underline}
.os-heading{margin-bottom:40px;border-bottom:1px solid var(--oh-line);padding-bottom:32px}
.os-heading h1{font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.3}
.os-heading p{max-width:680px;margin-top:16px;color:var(--oh-muted)}
.os-empty{grid-column:1/-1;text-align:center;padding:64px 24px;background:var(--oh-paper);border-radius:var(--oh-radius)}
.os-empty-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 20px;background:var(--oh-white);border-radius:50%;color:var(--oh-wine)}
.os-empty-icon svg{width:32px;height:32px}
.os-empty h2{font-size:28px;font-weight:500;margin-bottom:12px}
.os-empty p{color:var(--oh-muted);margin-bottom:24px}
.os-catalog-banner{position:relative;height:clamp(300px,30vw,440px);overflow:clip;background:var(--oh-night);color:var(--oh-white);width:100%}
.os-catalog-banner>img,.os-catalog-banner picture,.os-catalog-banner picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.os-banner-contain>img,.os-banner-contain picture img{object-fit:contain;object-position:left center;width:58%;inset-inline-start:auto}
.os-banner-shade{position:absolute;inset:0;background:linear-gradient(270deg,var(--oh-shade-strong),var(--oh-shade-soft))}
.os-banner-title{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-start}
.os-banner-title h1{font-size:clamp(30px,4vw,54px);font-weight:500;max-width:650px;padding:24px 32px;background:var(--oh-shade-strong);border-radius:var(--oh-radius);line-height:1.25}
.os-catalog-content{padding-top:40px}
.os-category-description{margin-bottom:32px}
.os-collection-tabs{display:flex;gap:12px;overflow:auto;padding-bottom:20px;margin-bottom:16px;scrollbar-width:thin}
.os-collection-tabs a{white-space:nowrap;padding:10px 18px;border:1px solid var(--oh-line);border-radius:var(--oh-radius);min-height:44px;transition:background .2s}
.os-collection-tabs a[aria-current=page]{background:var(--oh-night);color:var(--oh-white);border-color:var(--oh-night)}
.os-catalog-toolbar{position:relative;display:flex;align-items:center;gap:24px;border-block:1px solid var(--oh-line);padding:20px 0;margin-bottom:32px}
.os-result-count{color:var(--oh-muted);white-space:nowrap}
.os-sort{margin-inline-start:auto;display:flex;align-items:center;gap:12px}
.os-sort:not(.os-sort-ready){flex-wrap:wrap}
.os-sort select{max-width:240px;min-width:0}
.os-filter summary{list-style:none}
.os-filter summary::-webkit-details-marker{display:none}
.os-filter[open] summary svg{transform:rotate(45deg)}
.os-filter-body{position:absolute;top:100%;inset-inline-start:0;z-index:12;width:min(440px,100%);max-height:75vh;overflow:auto;background:var(--oh-white);padding:28px;border:1px solid var(--oh-line);box-shadow:0 20px 48px var(--oh-shadow)}
.os-filter-body h2{font-weight:500;font-size:26px;margin-bottom:24px}
.os-filter fieldset{border:0;border-bottom:1px solid var(--oh-line);margin:0 0 20px;padding:0 0 20px;min-width:0}
.os-filter legend{font-weight:700;padding-bottom:12px}
.os-price-range{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.os-price-range label{display:flex;flex-direction:column;gap:8px}
.os-filter-options{display:flex;gap:8px;flex-wrap:wrap}
.os-filter-options label{position:relative;cursor:pointer}
.os-filter-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}
.os-filter-options span{display:block;min-width:44px;min-height:44px;padding:10px 16px;border:1px solid var(--oh-line);border-radius:var(--oh-radius)}
.os-filter-options input:checked+span{background:var(--oh-night);color:var(--oh-white);border-color:var(--oh-night)}
.os-filter-options input:focus-visible+span{outline:3px solid var(--oh-focus);outline-offset:2px}
.os-stock-filter{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.os-stock-filter input{width:20px;height:20px;accent-color:var(--oh-wine)}
.os-filter-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.os-filter-count{background:var(--oh-wine);color:var(--oh-white);border-radius:50%;min-width:24px;padding-inline:6px}
.os-active-filters{display:flex;flex-wrap:wrap;gap:12px;margin-block:-8px 32px}
.os-active-filters a{display:flex;align-items:center;gap:8px;background:var(--oh-paper);padding:8px 12px;font-size:14px}
.os-active-filters svg{width:16px;height:16px}
.os-main ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;list-style:none;padding:0;margin:0;clear:both}
.os-main ul.products:before,.os-main ul.products:after{display:none}
.os-main ul.products li.product{float:none;width:auto;margin:0;min-width:0}
.os-main .oh-product h3{margin:0}
.os-main .woocommerce-pagination{margin-top:48px}
.woocommerce-pagination ul,.page-numbers:not(a):not(span){display:flex;justify-content:center;gap:8px;list-style:none;padding:0;flex-wrap:wrap}
.woocommerce-pagination a,.woocommerce-pagination span,.navigation.pagination a,.navigation.pagination span.current{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--oh-line);border-radius:var(--oh-radius)}
.woocommerce-pagination .current,.navigation.pagination .current{background:var(--oh-night);color:var(--oh-white)}
.os-inline-search{display:flex;gap:12px;margin-bottom:32px;max-width:700px}
.os-inline-search input{flex:1;min-width:0}
.screen-reader-text{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.os-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.os-main select,.os-main textarea{width:100%;background:var(--oh-white);border:1px solid var(--oh-line);padding:12px 16px;border-radius:var(--oh-radius);min-height:48px;max-width:100%}
.os-main input[type=checkbox],.os-main input[type=radio]{accent-color:var(--oh-wine)}
.os-main textarea{min-height:120px;resize:vertical}
.os-main :is(input,select,textarea):focus{border-color:var(--oh-wine)}
.os-main :is(input,select,textarea):disabled{background:var(--oh-paper);opacity:.65}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{padding:20px 24px;background:var(--oh-paper);border:1px solid var(--oh-line);border-inline-start:4px solid var(--oh-wine);border-radius:var(--oh-radius);margin-bottom:24px;list-style:none;line-height:1.7}
.woocommerce-error,.wc-block-components-notice-banner.is-error{border-inline-start-color:var(--oh-error)}
.woocommerce-message{border-inline-start-color:var(--oh-success)}
.woocommerce-message .button{margin-inline-start:16px}
.woocommerce-info a,.woocommerce-message a,.woocommerce-error a{text-decoration:underline;text-underline-offset:4px}
.os-sort-submit{--size-field:.25rem;font-size:14px}
.oh-footer nav a{white-space:normal}
@media(min-width:768px){.os-sort-ready .os-sort-submit{display:none}}
@media(max-width:1100px){.os-main ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 .os-main{padding-block:104px 48px}.os-breadcrumb{margin-bottom:20px;gap:8px;font-size:13px}.os-heading{margin-bottom:28px;padding-bottom:24px}.os-heading h1{font-size:34px}.os-heading p{font-size:16px}
 .os-catalog-banner{height:clamp(140px,28vw,320px)}.os-banner-title h1{font-size:30px;padding:20px;max-width:82%}.os-banner-contain>img,.os-banner-contain picture img{width:70%}
 .os-catalog-content{padding-top:24px}.os-collection-tabs{gap:8px}.os-collection-tabs a{padding:10px 12px;font-size:14px}
 .os-catalog-toolbar{gap:12px;flex-wrap:wrap;padding:16px 0;margin-bottom:24px}.os-sort{gap:8px;flex:1;min-width:0}.os-sort label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.os-sort select{font-size:14px;padding:10px 8px;max-width:100%;min-width:100px}.os-sort-ready .os-sort-submit{display:none}.os-catalog-toolbar .os-result-count{order:3;width:100%;font-size:14px}.os-filter-body{padding:24px;width:100%;max-height:70vh}
 .os-main ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.os-empty{padding:40px 20px}.os-empty h2{font-size:24px}.os-main .woocommerce-pagination{margin-top:32px}
 .os-inline-search{gap:8px}.os-inline-search .oh-btn{padding-inline:12px;font-size:14px}
 .woocommerce-message,.woocommerce-info,.woocommerce-error{padding:16px;font-size:15px}.woocommerce-message .button{display:flex;margin:12px 0 0}
}
@media(max-width:360px){.os-filter summary{padding-inline:12px;font-size:14px}.os-sort select{font-size:13px}.os-banner-title h1{font-size:26px}}


/* src/storefront/product.css */
.os-product-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:start}
.os-gallery{position:sticky;top:120px;min-width:0}
.os-gallery .woocommerce-product-gallery{width:100%;position:relative;margin:0}
.os-gallery .woocommerce-product-gallery__wrapper{margin:0}
.os-gallery .woocommerce-product-gallery__image{background:var(--oh-paper)}
.os-gallery .woocommerce-product-gallery__image img:not(.zoomImg){width:100%;height:min(70vh,780px);object-fit:contain;object-position:center}
.os-gallery .woocommerce-product-gallery__trigger{position:absolute;top:16px;inset-inline-end:16px;right:auto;z-index:5;background:var(--oh-white);border-radius:50%;padding:8px;min-width:44px;min-height:44px;display:grid;place-items:center}
.os-gallery .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:16px 0 0}
.os-gallery .flex-control-thumbs li{min-width:0;cursor:pointer}
.os-gallery .flex-control-thumbs img{height:96px;object-fit:contain;border:1px solid var(--oh-line);opacity:.55;background:var(--oh-paper);width:100%;border-radius:var(--oh-radius)}
.os-gallery .flex-control-thumbs .flex-active{opacity:1;border-color:var(--oh-wine)}
.os-gallery .onsale{position:absolute;z-index:6;background:var(--oh-wine);color:var(--oh-white);top:16px;left:16px;padding:6px 12px;border-radius:var(--oh-radius)}
.os-summary{min-width:0}
.os-product-category{display:inline-block;color:var(--oh-wine);font-size:15px;margin-bottom:16px}
.os-summary h1{font-size:clamp(30px,3vw,46px);line-height:1.35;font-weight:500;margin-bottom:20px}
.os-summary>.price{font-size:30px;font-weight:700;margin-bottom:24px}
.os-summary del{font-weight:400;font-size:20px;color:var(--oh-muted)}
.os-summary ins{text-decoration:none}
.os-summary .woocommerce-product-details__short-description{margin-bottom:24px;color:var(--oh-muted)}
.os-summary .woocommerce-product-details__short-description p{margin-block:12px}
.os-summary .cart{padding-block:28px;border-block:1px solid var(--oh-line);margin-block:24px}
.os-summary .variations{width:100%;border:0;border-spacing:0;margin-bottom:24px}
.os-summary .variations tr{display:block;margin-bottom:20px}
.os-summary .variations th,.os-summary .variations td{display:block;padding:0;text-align:start;border:0}
.os-summary .variations th{margin-bottom:10px;font-size:17px}
.os-summary .variations select{width:100%}
.os-option-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.os-option-chips .oh-btn{min-width:48px;--size-field:.275rem;--btn-p:12px;font-size:15px;font-weight:500}
.os-trust{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--oh-muted)}
.os-trust li{display:flex;align-items:center;gap:8px}
.os-trust svg{width:18px;height:18px;color:var(--oh-wine)}
.os-trust a{text-decoration:underline;text-underline-offset:4px}
.os-facts{margin:0;display:grid;gap:8px}
.os-facts div{display:flex;gap:12px}
.os-facts dt{flex:0 0 96px;color:var(--oh-muted)}
.os-facts dd{margin:0}
.ods-one-country #billing_country_field,.ods-one-country #shipping_country_field{display:none}
.os-native-select{position:absolute!important;inline-size:1px!important;block-size:1px;opacity:0;pointer-events:none}
.os-summary .added_to_cart{display:none}
.os-option-chips [aria-checked=true]{--btn-bg:var(--oh-night);--btn-fg:var(--oh-white);--btn-border:var(--oh-night);background:var(--oh-night);color:var(--oh-white)}
.os-summary .reset_variations{display:inline-block;font-size:14px;text-decoration:underline;margin-top:12px;color:var(--oh-muted)}
.os-summary .quantity{display:inline-block;max-width:96px;margin-inline-end:12px;vertical-align:middle}
.os-summary .quantity label{display:none}
.os-summary .quantity input{text-align:center;font-weight:700}
.os-summary .single_add_to_cart_button{min-width:200px;vertical-align:middle}
.os-summary .single_add_to_cart_button.disabled{opacity:.5;pointer-events:none}
.os-summary .woocommerce-variation{margin-bottom:20px}
.os-summary .woocommerce-variation-price{font-size:24px;font-weight:700;margin-bottom:12px}
.os-summary .stock{color:var(--oh-success);margin-block:12px}
.os-summary .out-of-stock{color:var(--oh-error)}
.os-product-extras{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}
.os-save-product[aria-pressed=true]{--btn-fg:var(--oh-wine);--btn-border:var(--oh-wine);background:var(--oh-wine-soft)}
.os-save-product[aria-pressed=true] svg{fill:currentColor}
.os-product-color,.os-product-note,.os-product-message{margin-block:16px;color:var(--oh-muted);font-size:15px}
.os-product-chat{display:flex;align-items:center;gap:12px;padding:20px 0;font-size:16px}
.os-product-chat svg:last-child{margin-inline-start:auto}
.os-product-details{margin-top:8px}
.os-detail{border-block-start:1px solid var(--oh-line)}
.os-detail summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:20px 0;font-weight:700}
.os-detail summary::-webkit-details-marker{display:none}
.os-detail[open] summary svg{transform:rotate(45deg)}
.os-detail-body{padding-bottom:24px;line-height:1.9;font-size:16px;overflow-wrap:anywhere}
.os-detail-body h2{font-size:22px;margin-block:12px}
.os-detail-body p{margin-bottom:12px}
.os-detail-body table{width:100%;border-collapse:collapse}
.os-detail-body th,.os-detail-body td{text-align:start;padding:12px;border-bottom:1px solid var(--oh-line)}
.os-detail-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--oh-line);padding:20px 0}
.os-sku{font-size:13px;color:var(--oh-muted);margin-top:20px}
.os-admin-note{border:1px solid var(--oh-line);padding:12px;background:var(--oh-paper);font-size:14px}
.os-product-followup{margin-top:72px}
.os-product-followup h2{font-size:30px;font-weight:500;margin-bottom:28px}
.os-product-followup .related,.os-product-followup .up-sells{margin-top:48px;clear:both}
.os-sticky-buy{position:fixed;z-index:65;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--oh-line);background:var(--oh-frost);backdrop-filter:blur(12px);box-shadow:0 -4px 24px var(--oh-shadow)}
.os-sticky-buy span{font-size:15px;font-weight:700}
.os-product-page:has(.os-sticky-buy:not([hidden])){padding-bottom:120px}
.os-detail-body .commentlist{padding:0;list-style:none}
.os-detail-body .commentlist li{border-bottom:1px solid var(--oh-line);padding:20px 0}
.os-detail-body .avatar{width:44px;height:44px;float:right;margin-inline-end:12px}
.os-detail-body .comment-form label{display:block;margin-bottom:8px}
.os-detail-body .comment-form p{margin-bottom:16px}
.star-rating{position:relative;overflow:hidden;width:5.4em;height:1.6em;display:inline-block;color:var(--oh-wine);letter-spacing:.05em}
.star-rating:before{content:'☆☆☆☆☆';position:absolute;top:0;left:0}
.star-rating span{position:absolute;top:0;left:0;overflow:hidden;color:var(--oh-wine);height:1.6em;white-space:nowrap}
.star-rating span:before{content:'★★★★★'}
.star-rating span>*{position:absolute;left:9999px}
.woocommerce-product-rating{margin-bottom:16px;display:flex;align-items:center;gap:12px;font-size:14px}
/* Woo's native rating selection states; Unicode stars avoid another icon font. */
.os-detail-body p.stars>span{display:inline-flex;direction:ltr}
.os-detail-body p.stars a{position:relative;width:44px;height:44px;display:inline-block;overflow:hidden;text-indent:-999px;color:var(--oh-wine)}
.os-detail-body p.stars a:before{content:'☆';position:absolute;inset:0;text-indent:0;font-size:32px;text-align:center;line-height:44px}
.os-detail-body p.stars:hover a:before,.os-detail-body p.stars.selected a:before{content:'★'}
.os-detail-body p.stars a:hover~a:before,.os-detail-body p.stars.selected a.active~a:before{content:'☆'}
@media(max-width:1100px){.os-product-layout{gap:32px}.os-summary .single_add_to_cart_button{min-width:160px}.os-gallery .woocommerce-product-gallery__image img:not(.zoomImg){height:580px}}
@media(max-width:767px){.os-product-layout{grid-template-columns:minmax(0,1fr);gap:28px}.os-gallery{position:relative;top:auto}.os-gallery .woocommerce-product-gallery__image img:not(.zoomImg){height:460px;max-height:65svh}.os-gallery .flex-control-thumbs{gap:8px}.os-gallery .flex-control-thumbs img{height:72px}.os-summary h1{font-size:30px}.os-summary>.price{font-size:26px;margin-bottom:20px}.os-product-extras{gap:8px}.os-product-extras .oh-btn{font-size:14px;padding-inline:12px}.os-summary .cart{padding-block:24px}.os-summary .single_add_to_cart_button{min-width:0;width:calc(100% - 112px);font-size:16px}.os-summary .quantity{width:88px;margin-inline-end:12px}.os-product-followup{margin-top:40px}.os-product-followup h2{font-size:26px}.os-sticky-buy{gap:12px}.os-sticky-buy .oh-btn{font-size:15px;--btn-p:16px}.os-sticky-buy span{font-size:14px}}


/* src/storefront/checkout.css */
/* Woo owns checkout fields, session, totals, gateways and validation. */
.os-commerce-page .woocommerce{min-width:0}
.os-checkout-steps{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:16px;color:var(--oh-muted)}
.os-checkout-steps [aria-current=step]{color:var(--oh-wine);font-weight:700}
.os-commerce-page h2,.os-commerce-page h3{font-weight:500;font-size:26px;margin-bottom:24px;line-height:1.4}
.os-commerce-page .form-row{padding:0;margin:0 0 20px;min-width:0}
.os-commerce-page .form-row label{display:block;margin-bottom:8px;font-size:16px}
.os-commerce-page .form-row label.checkbox,.os-commerce-page .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px}
.os-commerce-page .required{color:var(--oh-error);text-decoration:none}
.os-commerce-page .optional{color:var(--oh-muted);font-size:13px}
.os-commerce-page .woocommerce-input-wrapper{display:block}
.os-commerce-page .woocommerce-invalid input,.os-commerce-page .woocommerce-invalid select{border-color:var(--oh-error)}
.os-commerce-page .woocommerce-validated input{border-color:var(--oh-success)}
.os-commerce-page .form-row-first,.os-commerce-page .form-row-last{width:calc(50% - 12px);float:right}
.os-commerce-page .form-row-last{float:left}
.os-commerce-page .form-row-wide,.os-commerce-page .clear{clear:both}
.os-commerce-page .password-input{position:relative;display:block}
.os-commerce-page .password-input input{padding-inline-end:72px!important}
.os-commerce-page .show-password-input{position:absolute;inset-inline-end:12px;top:4px;border:0;background:none;padding:10px;font-size:13px;min-height:40px;cursor:pointer}
.os-commerce-page .show-password-input:after{content:'إظهار'}
.os-commerce-page .show-password-input.display-password:after{content:'إخفاء'}
.os-commerce-page fieldset{border:1px solid var(--oh-line);border-radius:var(--oh-radius);padding:24px;margin:24px 0;min-width:0}
.os-commerce-page legend{padding-inline:8px;font-weight:700}
.os-commerce-page .woocommerce-password-strength{padding:12px;background:var(--oh-paper);margin-top:8px;font-size:14px}
.os-commerce-page .woocommerce-password-strength.bad,.os-commerce-page .woocommerce-password-strength.short{color:var(--oh-error)}
.os-commerce-page .woocommerce-password-strength.strong{color:var(--oh-success)}
.os-commerce-page small{font-size:14px;color:var(--oh-muted)}
.os-commerce-page table.shop_table{width:100%;border-collapse:collapse;text-align:start;border:1px solid var(--oh-line);margin-bottom:24px;border-radius:var(--oh-radius)}
.os-commerce-page table.shop_table th,.os-commerce-page table.shop_table td{text-align:start;padding:20px 16px;border-bottom:1px solid var(--oh-line);vertical-align:middle}
.os-commerce-page table.shop_table thead{background:var(--oh-paper)}
.os-commerce-page .product-thumbnail{width:112px}
.os-commerce-page .product-thumbnail img{width:80px;height:108px;object-fit:contain;background:var(--oh-paper)}
.os-commerce-page .product-name{font-weight:500}
.os-commerce-page .product-name a:hover{text-decoration:underline}
.os-commerce-page .product-remove{width:44px}
.os-commerce-page a.remove{display:grid;place-items:center;width:40px;height:40px;font-size:28px;border:1px solid var(--oh-line);border-radius:50%;color:var(--oh-error)}
.os-commerce-page .quantity{max-width:88px;min-width:72px}
.os-commerce-page .quantity input{text-align:center}
.os-commerce-page .cart-collaterals{display:flex;justify-content:flex-end;clear:both;margin-top:40px}
.os-commerce-page .cart_totals{width:min(520px,100%);padding:32px;background:var(--oh-paper);border-radius:var(--oh-radius)}
.os-commerce-page .cart_totals table{border:0}
.os-commerce-page .cart_totals th,.os-commerce-page .cart_totals td{padding:16px 0!important;background:none}
.os-commerce-page .cart_totals tr.order-total{font-size:22px}
.os-commerce-page .checkout-button,.os-commerce-page #place_order{width:100%;margin-top:16px}
.os-commerce-page .coupon{display:flex;align-items:center;gap:12px;max-width:540px;float:right}
.os-commerce-page .coupon label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.os-commerce-page .coupon input{max-width:220px;min-width:0}
.os-commerce-page .actions>.button{float:left}
.os-commerce-page .actions:after{content:'';display:block;clear:both}
.os-commerce-page .woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 48px;align-items:start}
.os-commerce-page #customer_details{grid-row:1/4;min-width:0}
.os-commerce-page #customer_details .col-1,.os-commerce-page #customer_details .col-2{float:none;width:100%}
.os-commerce-page #order_review_heading{grid-column:2;align-self:end;margin-bottom:20px}
.os-commerce-page #order_review{grid-column:2;padding:24px;background:var(--oh-paper);border-radius:var(--oh-radius);min-width:0}
.os-commerce-page #order_review table{border:0}
.os-commerce-page #order_review th,.os-commerce-page #order_review td{padding:16px 0}
.os-commerce-page #order_review .product-total{white-space:nowrap;text-align:end}
.os-commerce-page .woocommerce-billing-fields,.os-commerce-page .woocommerce-shipping-fields{margin-bottom:32px}
.os-commerce-page .woocommerce-additional-fields{clear:both}
.os-commerce-page #ship-to-different-address{font-size:20px}
.os-commerce-page #ship-to-different-address label{display:flex;gap:10px;align-items:center}
.os-commerce-page .woocommerce-shipping-methods,.os-commerce-page .wc_payment_methods{list-style:none;padding:0;margin:0}
.os-commerce-page .woocommerce-shipping-methods li{margin-bottom:12px;font-size:15px}
.os-commerce-page .wc_payment_method{padding:16px 0;border-bottom:1px solid var(--oh-line)}
.os-commerce-page .wc_payment_method label{font-weight:700;margin-inline-start:8px}
.os-commerce-page .wc_payment_method img{display:inline-block;max-height:32px;width:auto;vertical-align:middle;margin-inline:8px}
.os-commerce-page .payment_box{padding:16px;background:var(--oh-white);margin-top:12px;border-radius:var(--oh-radius);font-size:15px}
.os-commerce-page .woocommerce-privacy-policy-text{font-size:14px;color:var(--oh-muted);margin-block:20px}
.os-commerce-page .woocommerce-privacy-policy-text a{text-decoration:underline}
.os-commerce-page .woocommerce-terms-and-conditions-wrapper label{font-size:14px}
.os-commerce-page .select2-container{max-width:100%}
.os-commerce-page .select2-selection--single{min-height:48px;border:1px solid var(--oh-line);border-radius:var(--oh-radius)}
.os-commerce-page .select2-selection__rendered{padding:9px 16px!important;color:var(--oh-ink)!important}
.os-commerce-page .select2-selection__arrow{height:46px!important}
.os-commerce-page .blockUI.blockOverlay{background:var(--oh-white)!important;opacity:.6!important}
.os-commerce-page .woocommerce-form-login,.os-commerce-page .woocommerce-form-register,.os-commerce-page .lost_reset_password{border:1px solid var(--oh-line);border-radius:var(--oh-radius);padding:32px;max-width:640px;background:var(--oh-white)}
.os-commerce-page #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.os-commerce-page #customer_login .col-1,.os-commerce-page #customer_login .col-2{width:100%;float:none}
.os-commerce-page .woocommerce-LostPassword{margin-top:20px;text-decoration:underline;font-size:15px}
.os-commerce-page .lost_reset_password>p{margin-bottom:20px}
.os-commerce-page .woocommerce-MyAccount-navigation{width:240px;float:right}
.os-commerce-page .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border:1px solid var(--oh-line);border-radius:var(--oh-radius);overflow:hidden}
.os-commerce-page .woocommerce-MyAccount-navigation li a{display:flex;padding:16px 20px;border-bottom:1px solid var(--oh-line);font-size:16px}
.os-commerce-page .woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}
.os-commerce-page .woocommerce-MyAccount-navigation .is-active a{background:var(--oh-night);color:var(--oh-white)}
.os-commerce-page .woocommerce-MyAccount-content{margin-inline-start:280px;min-height:360px;min-width:0}
.os-commerce-page .woocommerce-MyAccount-content>p{margin-bottom:20px}
.os-commerce-page .woocommerce-MyAccount-content>p a{text-decoration:underline}
.os-account-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.os-account-cards a{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:28px;background:var(--oh-paper);border-radius:var(--oh-radius);transition:transform .25s}
.os-account-cards h2{font-size:22px;margin:0}
.os-account-cards p{font-size:15px;color:var(--oh-muted)}
.os-account-cards a>svg:last-child{margin-top:auto;color:var(--oh-wine)}
.os-commerce-page .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.os-commerce-page .woocommerce-Address{padding:24px;border:1px solid var(--oh-line);border-radius:var(--oh-radius);width:100%;float:none!important}
.os-commerce-page .woocommerce-Address address{font-style:normal;font-size:16px;color:var(--oh-muted);margin-top:20px}
.os-commerce-page .woocommerce-Address .edit{text-decoration:underline;color:var(--oh-wine)}
.os-commerce-page .woocommerce-Address h2{font-size:23px;margin-bottom:12px}
.os-commerce-page .woocommerce-order>.woocommerce-notice{padding:24px;background:var(--oh-wine-soft);border-radius:var(--oh-radius);margin-bottom:32px;font-size:23px;color:var(--oh-wine)}
.os-commerce-page .woocommerce-order-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;list-style:none;margin:0 0 40px}
.os-commerce-page .woocommerce-order-overview li{background:var(--oh-paper);padding:20px;border-radius:var(--oh-radius);font-size:14px;color:var(--oh-muted);overflow-wrap:anywhere}
.os-commerce-page .woocommerce-order-overview strong{display:block;color:var(--oh-ink);font-size:18px;margin-top:12px}
.os-commerce-page .woocommerce-order-details,.os-commerce-page .woocommerce-customer-details{margin-top:40px}
.os-commerce-page .woocommerce-customer-details .woocommerce-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.os-commerce-page .woocommerce-customer-details address{font-style:normal;background:var(--oh-paper);padding:24px;border-radius:var(--oh-radius);line-height:1.9}
.os-commerce-page .woocommerce-order-pay #payment{max-width:700px}
.os-commerce-page .woocommerce-table--order-downloads a{overflow-wrap:anywhere}
.os-commerce-page .order-info mark{background:var(--oh-wine-soft);color:var(--oh-wine);padding:4px 8px}
.os-commerce-page .woocommerce-table--order-details .order-again{margin-top:24px}
.os-information-page .track_order{max-width:720px;margin:auto;padding:32px;border:1px solid var(--oh-line);border-radius:var(--oh-radius)}
.os-information-page .track_order p{margin-bottom:20px}
.os-information-page .track_order label{display:block;margin-bottom:8px}
.os-information-page .woocommerce-order-details{margin-top:40px}
/* Cart and Checkout Blocks retain their native markup and reactive data flow. */
.os-cart-suggestions{margin-top:48px}.os-cart-suggestions>h2{margin-bottom:28px}
.os-commerce-page .wc-block-components-title,.os-commerce-page .wc-block-components-checkout-step__title{font-size:26px;font-weight:500}
.os-commerce-page .wc-block-components-sidebar{background:var(--oh-paper);padding:24px;border-radius:var(--oh-radius)}
.os-commerce-page .wc-block-components-order-summary-item__image img{object-fit:contain;background:var(--oh-white)}
.os-commerce-page .wc-block-components-text-input input{font-family:var(--oh-font);border-color:var(--oh-line);border-radius:var(--oh-radius)}
.os-commerce-page .wc-block-components-combobox-control input{border-color:var(--oh-line)}
.os-commerce-page .wc-block-cart-items__header,.os-commerce-page .wc-block-cart__totals-title{font-family:var(--oh-font);font-size:18px;text-transform:none}
.os-commerce-page .wc-block-components-totals-item{padding-block:16px}
.os-commerce-page .wc-block-components-checkout-step__container{border-color:var(--oh-line)}
.os-commerce-page .wc-block-components-radio-control__option{border-color:var(--oh-line)}
.os-commerce-page .wc-block-components-button{font-family:var(--oh-font)}
.os-commerce-page .wc-block-components-button:not(.is-link){border-radius:var(--oh-radius)}
.os-commerce-page .wc-block-components-button:not(.is-link) .wc-block-components-button__text{color:inherit}
.os-commerce-page .wc-block-components-notice-banner__content .wc-block-components-button{text-decoration:underline}
.os-commerce-page .wc-block-components-product-name{font-weight:500}
.os-commerce-page .wc-block-components-product-metadata{font-size:14px;color:var(--oh-muted)}
.os-commerce-page .wc-block-components-checkout-place-order-button,.os-commerce-page .wc-block-cart__submit-button{min-height:52px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.os-account-cards a:hover{transform:translateY(-4px)}}
@media(max-width:1100px){.os-commerce-page .woocommerce-checkout{gap:0 28px}.os-commerce-page .woocommerce-MyAccount-navigation{width:200px}.os-commerce-page .woocommerce-MyAccount-content{margin-inline-start:228px}.os-account-cards{grid-template-columns:1fr}.os-account-cards a{padding:24px}.os-commerce-page table.shop_table th,.os-commerce-page table.shop_table td{padding:16px 12px}}
@media(max-width:767px){
 .os-checkout-steps{gap:8px;font-size:14px}.os-commerce-page h2,.os-commerce-page h3{font-size:24px}
 .os-commerce-page .form-row-first,.os-commerce-page .form-row-last{float:none;width:100%}.os-commerce-page .woocommerce-checkout{display:block}.os-commerce-page #order_review{padding:20px}.os-commerce-page #order_review_heading{margin-top:32px}
 .os-commerce-page .cart_totals{padding:24px 20px}.os-commerce-page .cart-collaterals{margin-top:28px}
 .os-commerce-page table.shop_table_responsive thead{display:none}.os-commerce-page table.shop_table_responsive,.os-commerce-page table.shop_table_responsive tbody,.os-commerce-page table.shop_table_responsive tr,.os-commerce-page table.shop_table_responsive td{display:block;width:100%}
 .os-commerce-page table.shop_table_responsive tr{padding:12px 16px;border-bottom:1px solid var(--oh-line)}.os-commerce-page table.shop_table_responsive td{border:0;padding:10px 0;min-height:40px;text-align:end}
 .os-commerce-page table.shop_table_responsive td:before{content:attr(data-title);font-weight:500;float:right;color:var(--oh-muted)}
 .os-commerce-page table.shop_table_responsive .product-name{text-align:start;font-size:18px}.os-commerce-page table.shop_table_responsive .product-name:before,.os-commerce-page table.shop_table_responsive .product-thumbnail:before,.os-commerce-page table.shop_table_responsive .actions:before{display:none}
 .os-commerce-page table.shop_table_responsive .product-thumbnail img{margin:auto;width:120px;height:160px}.os-commerce-page table.shop_table_responsive .quantity{margin-inline-start:auto}.os-commerce-page table.shop_table_responsive .product-remove{display:flex;justify-content:flex-end;padding:0}.os-commerce-page table.shop_table_responsive a.remove{width:40px;height:40px}
 .os-commerce-page .coupon{float:none;max-width:100%;gap:8px;margin-block:12px;flex-wrap:wrap}.os-commerce-page .coupon input{max-width:none;flex:1}.os-commerce-page .coupon .button{font-size:14px;padding-inline:12px}.os-commerce-page .actions>.button{float:none;width:100%}
 .os-commerce-page .cart_totals table.shop_table_responsive tr{padding:0}.os-commerce-page .cart_totals table.shop_table_responsive th{display:none}
 .os-commerce-page #customer_login{grid-template-columns:1fr;gap:40px}.os-commerce-page .woocommerce-form-login,.os-commerce-page .woocommerce-form-register,.os-commerce-page .lost_reset_password{padding:24px 20px}.os-commerce-page fieldset{padding:20px 16px}
 .os-commerce-page .woocommerce-MyAccount-navigation{width:100%;float:none;margin-bottom:28px}.os-commerce-page .woocommerce-MyAccount-navigation ul{display:flex;overflow:auto;border:0;border-radius:0;gap:8px;padding-bottom:8px}.os-commerce-page .woocommerce-MyAccount-navigation li a{white-space:nowrap;padding:12px 16px;border:1px solid var(--oh-line);border-radius:var(--oh-radius);font-size:14px}
 .os-commerce-page .woocommerce-MyAccount-content{margin:0;min-height:0}.os-commerce-page .woocommerce-Addresses,.os-commerce-page .woocommerce-customer-details .woocommerce-columns{grid-template-columns:1fr;gap:24px}.os-commerce-page .woocommerce-order-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.os-commerce-page .woocommerce-order-overview li{padding:16px}.os-commerce-page .woocommerce-order-overview strong{font-size:16px}
 .os-commerce-page .woocommerce-orders-table__cell-order-actions .button{margin:4px;font-size:14px}.os-commerce-page .wc-block-components-sidebar{padding:20px 16px}.os-commerce-page .wc-block-components-title,.os-commerce-page .wc-block-components-checkout-step__title{font-size:24px}.os-information-page .track_order{padding:24px 20px}
 .os-commerce-page .woocommerce-checkout-review-order-table .product-name{font-size:15px}.os-commerce-page .woocommerce-checkout-review-order-table .product-total{font-size:15px}
}


/* src/storefront/content.css */
.os-prose{font-size:18px;line-height:1.9;overflow-wrap:anywhere}
.os-prose>p,.os-prose>ul,.os-prose>ol{margin-block:0 24px;max-width:900px}
.os-prose h2{font-size:30px;font-weight:500;line-height:1.4;margin-block:36px 20px}
.os-prose h3{font-size:24px;font-weight:500;margin-block:28px 16px}
.os-prose a:not(.oh-btn){color:var(--oh-wine);text-decoration:underline;text-underline-offset:4px}
.os-prose blockquote{border-inline-start:4px solid var(--oh-wine);margin:24px 0;padding:20px 28px;background:var(--oh-paper)}
.os-prose table{width:100%;border-collapse:collapse;margin-block:24px}
.os-prose th,.os-prose td{padding:16px;text-align:start;border-bottom:1px solid var(--oh-line)}
.os-prose iframe,.os-prose video{max-width:100%}
.os-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:32px}
.os-support-grid section{padding:32px;background:var(--oh-paper);border-radius:var(--oh-radius)}
.os-support-grid section>span{font-size:30px;font-weight:500;color:var(--oh-wine)}
.os-support-grid h2{font-size:26px;margin:20px 0 12px}
.os-support-grid p{font-size:16px;color:var(--oh-muted)}
.os-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.os-contact h1{font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.3;margin-bottom:24px}
.os-contact p{font-size:19px;color:var(--oh-muted);max-width:560px;margin-bottom:28px}
.os-contact-photo{position:relative;overflow:clip;border-radius:var(--oh-radius);background:var(--oh-night);aspect-ratio:4/5;max-height:680px}
.os-contact-photo picture,.os-contact-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.os-contact-links{display:flex;flex-direction:column;margin-top:32px}
.os-contact-links a{padding:20px 0;border-bottom:1px solid var(--oh-line);display:flex;justify-content:space-between;align-items:center;gap:16px}
.os-contact+.os-prose{margin-top:40px}
.os-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.os-about picture,.os-about img{width:100%;height:540px;object-fit:cover;object-position:left center;border-radius:var(--oh-radius)}
.os-about h2{margin-top:0}.os-about p{margin-bottom:24px;color:var(--oh-muted)}
.os-faq{max-width:960px;margin-bottom:32px}
.os-faq details{border-bottom:1px solid var(--oh-line)}
.os-faq summary{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;font-size:21px;font-weight:500}
.os-faq summary::-webkit-details-marker{display:none}
.os-faq details[open] summary svg{transform:rotate(45deg)}
.os-faq details p{font-size:17px;max-width:800px;color:var(--oh-muted);padding-bottom:24px}
.os-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.os-post{min-width:0}
.os-post>a>img{width:100%;height:320px;object-fit:cover;border-radius:var(--oh-radius);margin-bottom:24px}
.os-post h2{font-size:28px;font-weight:500;line-height:1.4;margin-bottom:16px}
.os-post>div{font-size:16px;color:var(--oh-muted);margin-bottom:24px}
.os-article{max-width:1100px}
.os-article-image{width:100%;max-height:700px;object-fit:cover;border-radius:var(--oh-radius);margin-bottom:40px}
.os-article .os-prose{max-width:850px;margin:auto}
.os-comments{margin-top:48px;border-top:1px solid var(--oh-line);padding-top:32px}
.os-comments .comment-form{max-width:760px}.os-comments .comment-form p{margin-bottom:20px}.os-comments label{display:block;margin-bottom:8px}.os-comments .comment-form-cookies-consent label{display:inline;font-size:14px}
.os-comments ol{padding-inline-start:24px}.os-comments li{padding-block:20px}.os-comments .avatar{width:44px;height:44px}.os-comments .comment-body{border-bottom:1px solid var(--oh-line);padding-bottom:24px}
.navigation.post-navigation{margin-top:40px;border-block:1px solid var(--oh-line);padding:24px 0}.navigation .nav-links{display:flex;justify-content:space-between;gap:24px}.navigation.pagination{margin-top:40px}
.os-not-found{text-align:center;padding-block:144px 96px;background:radial-gradient(ellipse at center,var(--oh-paper),var(--oh-white) 70%)}
.os-error-code{display:block;font-size:clamp(96px,16vw,220px);font-weight:500;line-height:1.2;color:var(--oh-wine);letter-spacing:.08em}
.os-not-found h1{font-size:clamp(30px,4vw,48px);font-weight:500;margin:24px 0 16px}.os-not-found p{color:var(--oh-muted);margin-bottom:28px}
.os-error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.os-prose .wp-block-button__link{font-family:var(--oh-font)}
.oh-dialog.os-support-dialog .os-support-grid{grid-template-columns:1fr;gap:16px}.oh-dialog.os-support-dialog .os-support-grid section{padding:24px}.oh-dialog.os-support-dialog .os-support-grid h2{font-size:23px}
@media(max-width:1100px){.os-contact{gap:40px}.os-support-grid{gap:16px}.os-support-grid section{padding:24px}.os-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.os-prose{font-size:17px}.os-prose h2{font-size:26px}.os-prose h3{font-size:22px}.os-support-grid{grid-template-columns:1fr;gap:16px}.os-support-grid h2{margin-top:12px}.os-contact{grid-template-columns:1fr;gap:32px}.os-contact h1{font-size:38px}.os-contact p{font-size:17px}.os-contact-photo{aspect-ratio:16/10;max-height:300px}.os-contact-photo img{object-position:50% 20%}.os-contact-photo picture source{display:none}.os-contact-links a{padding-block:16px}.os-about{grid-template-columns:1fr;gap:28px}.os-about picture,.os-about img{height:320px}.os-faq summary{font-size:19px;padding-block:20px}.os-faq details p{font-size:16px}.os-post-grid{grid-template-columns:1fr;gap:36px}.os-post h2{font-size:26px}.os-post>a>img{height:280px}.os-error-actions{gap:12px}.os-error-actions .oh-btn{font-size:15px;padding-inline:16px}.os-not-found{padding-block:128px 64px}.os-not-found h1{font-size:30px}.os-prose table{font-size:14px}.os-prose th,.os-prose td{padding:10px}.os-comments ol{padding-inline-start:12px}}


/* src/home-v2/home-refresh.css */
/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V4.
 * Component scope: original photographic hero and compact RTL product rail.
 * Existing Odai font and palette; public Bloomingwear layout used as reference. */
.oh-hero.oh-editorial {
  --oh-hero-top: rgba(8, 19, 39, 0.3);
  --oh-hero-middle: rgba(8, 19, 39, 0.46);
  --oh-hero-bottom: rgba(8, 19, 39, 0.54);
  --oh-hero-control-bg: rgba(8, 19, 39, 0.24);
  height: auto; min-height: 320px; max-height: 800px; aspect-ratio: 12 / 5;
}
.oh-editorial .oh-slide { perspective: none; transform-style: flat; }
.oh-editorial .oh-slide picture { inset: 0; height: 100%; will-change: auto; }
.oh-editorial .oh-slide picture img { object-position: center; }
.oh-editorial .oh-slide > .oh-shade { background: linear-gradient(180deg, var(--oh-hero-top), var(--oh-hero-middle) 55%, var(--oh-hero-bottom)); }
.oh-editorial .oh-slide .oh-scene-copy {
  top: 54%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%);
  width: min(680px, calc(100% - 96px)); padding: 0; gap: 24px;
  align-items: center; text-align: center; background: none; border: 0; border-radius: 0; backdrop-filter: none;
}
.oh-editorial .oh-scene-copy h2 { font-size: clamp(36px, 4.2vw, 68px); font-weight: 500; line-height: 1.18; max-width: 680px; letter-spacing: 0; }
.oh-editorial .oh-scene-copy .oh-btn {
  --btn-fg: var(--oh-white); --btn-bg: var(--oh-hero-control-bg); --btn-border: var(--oh-white); --size: 48px;
  padding-inline: 28px; border: 1px solid var(--oh-white); border-radius: 0;
  background: var(--oh-hero-control-bg); color: var(--oh-white); font-size: 17px; gap: 16px;
  white-space: nowrap; transition: background 180ms;
}
.oh-hero-controls { position: absolute; z-index: 5; inset-inline: 24px; bottom: 16px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.oh-hero-control, .oh-hero-dot {
  display: grid; place-items: center; padding: 0; width: 44px; height: 44px; border: 0;
  color: var(--oh-white); background: var(--oh-hero-control-bg); border-radius: 50%; transition: background 180ms;
}
.oh-hero-control svg { width: 18px; height: 18px; }
.oh-hero-control[disabled] { opacity: 0.5; cursor: not-allowed; }
.oh-hero-control:active { background: var(--oh-night); }
.oh-hero-pause { position: absolute; inset-inline-end: 0; }
.oh-hero-dots { display: flex; gap: 0; }
.oh-hero-dot { background: none; }
.oh-hero-dot::after { content: ''; width: 6px; height: 6px; border-radius: 50%; border: 1px solid var(--oh-white); }
.oh-hero-dot[aria-pressed='true']::after { background: var(--oh-white); }
.oh-hero-dot[aria-busy='true']::after { opacity: 0.5; }
@media (hover: hover) { .oh-editorial .oh-scene-copy .oh-btn:hover, .oh-hero-control:hover { background: var(--oh-night); } }
@media (max-width: 767px) {
  .oh-hero.oh-editorial { aspect-ratio: 4 / 5; min-height: 0; max-height: none; }
  .oh-editorial .oh-slide .oh-scene-copy { top: auto; bottom: 80px; width: calc(100% - 48px); transform: translateX(-50%); gap: 16px; }
  .oh-editorial .oh-scene-copy h2 { font-size: clamp(28px, 7vw, 36px); max-width: 340px; }
  .oh-editorial .oh-scene-copy .oh-btn { font-size: 15px; padding-inline: 20px; }
  .oh-hero-controls { inset-inline: 12px; bottom: 12px; gap: 0; }
}

/* Side heading and uninterrupted product photography, with native RTL scroll. */
.oh-bestsellers { padding-block: 40px 64px; }
.oh-bestsellers-layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 32px; align-items: center; }
.oh-bestsellers-heading { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.oh-bestsellers-heading h2 { font-size: 28px; font-weight: 500; line-height: 1.4; }
.oh-bestsellers-shop { border-radius: 0; padding-inline: 20px; gap: 16px; }
.oh-bestsellers-carousel { min-width: 0; }
.oh-bestsellers-rail {
  display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 4); gap: 16px;
  overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 0 8px;
}
.oh-bestsellers-rail::-webkit-scrollbar { display: none; }
.oh-bestsellers .oh-product { scroll-snap-align: start; animation: none; }
.oh-bestsellers .oh-product-media { border-radius: 0; }
.oh-bestsellers .oh-product-image { aspect-ratio: 3 / 4; }
.oh-bestsellers .oh-heart { --size: 40px; top: 8px; right: auto; left: 8px; border: 0; box-shadow: none; }
.oh-bestsellers .oh-gallery { --size: 40px; bottom: 8px; right: auto; left: 8px; border: 0; box-shadow: none; }
.oh-bestsellers .oh-product-info { display: grid; grid-template-columns: minmax(0, 1fr) 44px; column-gap: 8px; row-gap: 4px; padding-block: 12px; }
.oh-bestsellers .oh-product-info h3 { grid-column: 1 / -1; min-height: 0; margin: 0 0 4px; font-size: 16px; font-weight: 500; line-height: 1.6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.oh-bestsellers .oh-price { grid-column: 1; grid-row: 2; font-size: 17px; line-height: 1.6; }
.oh-bestsellers .oh-sizes { grid-column: 1; grid-row: 3; min-height: 0; margin: 0; font-size: 12px; line-height: 1.5; }
.oh-bestsellers .oh-sizes span { display: none; }
.oh-bestsellers .oh-product-info > .oh-btn {
  --size: 44px; --btn-p: 0; --btn-bg: var(--oh-clear); --btn-fg: var(--oh-wine);
  grid-column: 2; grid-row: 2 / 4; align-self: center; width: 44px; height: 44px;
  padding: 0; margin: 0; gap: 0; border: 0; border-radius: 0;
  background: var(--oh-clear); color: var(--oh-wine); font-size: 0;
}
.oh-bestsellers .oh-product-info > .oh-btn svg { width: 20px; height: 20px; }
.oh-bestsellers-controls { display: flex; justify-content: flex-end; gap: 8px; padding-top: 8px; }
.oh-rail-control { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--oh-line); border-radius: 0; color: var(--oh-ink); background: var(--oh-white); transition: background 180ms; }
.oh-rail-control svg { width: 18px; height: 18px; }
.oh-rail-control:active { background: var(--oh-line); }
.oh-rail-control[disabled] { opacity: 0.4; cursor: not-allowed; }
.oh-rail-pause { margin-inline-start: auto; }
@media (hover: hover) { .oh-rail-control:hover, .oh-bestsellers .oh-product-info > .oh-btn:hover { background: var(--oh-paper); } }
@media (max-width: 1199px) and (min-width: 768px) { .oh-bestsellers-rail { grid-auto-columns: calc((100% - 32px) / 3); } }
@media (max-width: 1023px) {
  .oh-bestsellers-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .oh-bestsellers-heading { display: contents; }
  .oh-bestsellers-heading h2 { grid-row: 1; font-size: 26px; }
  .oh-bestsellers-carousel { grid-row: 2; }
  .oh-bestsellers-shop { grid-row: 3; justify-self: center; }
}
@media (max-width: 767px) {
  .oh-bestsellers { padding-block: 24px 40px; }
  .oh-bestsellers-rail { grid-auto-columns: calc((100% - 12px) / 2.15); gap: 12px; }
  .oh-bestsellers-heading h2 { font-size: 24px; }
  .oh-bestsellers .oh-product-info h3 { font-size: 14px; }
  .oh-bestsellers .oh-price { font-size: 15px; }
  .oh-bestsellers .oh-sizes { font-size: 11px; }
  .oh-bestsellers .oh-heart, .oh-bestsellers .oh-gallery { --size: 44px; top: 4px; left: 4px; }
  .oh-bestsellers .oh-gallery { top: auto; bottom: 4px; }
}


/* src/home-v2/product-cards.css */
/* Shared catalog, homepage, related products and wishlist presentation. */
.oh-shop-card {
  --oh-card-surface: #fafafa;
  --oh-card-photo: #eeeae6;
  position: relative; min-width: 0; display: flex; flex-direction: column;
}
.oh-shop-card .oh-product-media { border-radius: 0; background: var(--oh-card-photo); }
.oh-shop-card .oh-product-image { aspect-ratio: 2 / 3; }
.oh-shop-card .oh-product-image img { object-fit: contain; }
.oh-shop-card .oh-back-photo { background: var(--oh-card-photo); }
.oh-shop-card .oh-heart {
  --size: 50px; --btn-bg: var(--oh-white); --btn-fg: var(--oh-ink);
  width: var(--size); height: var(--size); top: 8px; left: 8px; right: auto;
  padding: 0; border: 0; border-radius: 50%; box-shadow: none; background: var(--oh-white);
}
.oh-shop-card .oh-heart svg { width: 24px; height: 24px; }
.oh-shop-card .oh-heart[aria-pressed='true'] { color: var(--oh-wine); background: var(--oh-white); }
.oh-shop-card .oh-product-info {
  display: flex; flex: 1; flex-direction: column; gap: 0; padding: 12px 16px 8px;
  background: var(--oh-card-surface); text-align: start;
}
.oh-shop-card .oh-product-info h3 {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  overflow: hidden; white-space: normal; min-height: 52px; margin: 0;
  font-size: 18px; font-weight: 500; line-height: 26px;
}
.oh-card-options { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; }
.oh-card-colors { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.oh-color-dot { display: block; width: 24px; height: 24px; border: 1px solid var(--oh-ink); border-radius: 50%; background: var(--oh-swatch); }
.oh-color-name, .oh-color-more { font-size: 12px; line-height: 1.5; }
.oh-color-name { display: inline-block; border-bottom: 1px solid var(--oh-line); overflow-wrap: anywhere; }
.oh-shop-card .oh-card-gallery, .oh-shop-card .oh-card-buy {
  --size: 44px; --btn-bg: var(--oh-clear); --btn-fg: var(--oh-ink);
  flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 0; border: 0;
  background: var(--oh-clear); color: var(--oh-ink); border-radius: 50%; box-shadow: none;
}
.oh-shop-card .oh-card-gallery { margin-inline-start: auto; }
.oh-card-gallery svg { width: 16px; height: 16px; }
.oh-card-buy svg { width: 20px; height: 20px; }
.oh-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; min-height: 44px; }
.oh-shop-card .oh-card-footer .oh-price { display: block; margin: 0; font-size: 21px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.oh-shop-card .oh-card-footer .oh-price:not(:has(.woocommerce-Price-amount)) { font-size: 15px; font-weight: 500; }
.oh-shop-card .oh-card-footer .oh-price del { color: var(--oh-muted); font-size: 13px; font-weight: 400; }
.oh-shop-card .oh-card-footer .oh-price ins { text-decoration: none; }
.oh-shop-card .oh-availability { margin: 0; font-size: 13px; }
@media (hover: hover) {
  .oh-shop-card .oh-card-buy:hover, .oh-shop-card .oh-card-gallery:hover { background: var(--oh-line); }
}
@media (max-width: 767px) {
  .oh-shop-card .oh-heart { --size: 44px; top: 6px; left: 6px; }
  .oh-shop-card .oh-heart svg { width: 22px; height: 22px; }
  .oh-shop-card .oh-product-info { padding: 10px 8px 4px; }
  .oh-shop-card .oh-product-info h3 { font-size: 14px; line-height: 22px; min-height: 44px; }
  .oh-card-colors { gap: 6px; }
  .oh-color-dot { width: 20px; height: 20px; }
  .oh-shop-card .oh-card-footer .oh-price { font-size: 17px; }
  .oh-shop-card .oh-card-footer .oh-price:not(:has(.woocommerce-Price-amount)) { font-size: 13px; }
}


/* src/home-v2/photographic-hero.css */
/* Hallmark · component: campaign slider · P5 H5 E5 S4 R5 V4.
 * Original campaign photography; desktop copy follows actual negative space.
 * Existing slider handles keyboard, swipe, loading, errors and reduced motion. */
/* Keep an accessible motion control available when reached by keyboard. */
.oh-hero .oh-keyboard-only:not(:focus-visible) { position: absolute; width: 1px; height: 1px; overflow: clip; clip-path: inset(50%); padding: 0; border: 0; }
.oh-hero.oh-photographic {
 --photo-shade-clear: rgba(8,19,39,0);
 --photo-shade-soft: rgba(8,19,39,.12);
 --photo-shade-dark: rgba(8,19,39,.58);
 --photo-control-bg: rgba(8,19,39,.28);
 --photo-copy-shadow: rgba(0,0,0,.28);
 background: var(--oh-night); color: var(--oh-white);
}
.oh-photographic .oh-slide > .oh-shade { background: linear-gradient(270deg,var(--photo-shade-soft),var(--photo-shade-clear) 60%); }
.oh-photographic .oh-slide .oh-scene-copy { top: 50%; left: auto; right: 6%; bottom: auto; transform: translateY(-50%); width: 35%; max-width: 600px; padding: 0; gap: 24px; align-items: flex-start; text-align: right; color: var(--oh-white); }
.oh-photographic .oh-slide.oh-side-left .oh-scene-copy { right: auto; left: 6%; }
.oh-photographic .oh-slide .oh-scene-copy h2 { font-size: clamp(32px,4vw,68px); line-height: 1.3; font-weight: 700; max-width: 100%; min-width: 0; overflow-wrap: anywhere; text-shadow: 0 2px 12px var(--photo-copy-shadow); }
.oh-photographic .oh-scene-copy .oh-btn { background: var(--photo-control-bg); color: var(--oh-white); --btn-fg: var(--oh-white); --btn-bg: var(--photo-control-bg); min-height: 48px; padding-inline: 24px; border-color: var(--oh-white); }
.oh-photographic .oh-hero-control { color: var(--oh-white); background: var(--photo-control-bg); }
.oh-photographic .oh-hero-control:focus-visible, .oh-photographic .oh-hero-dot:focus-visible, .oh-photographic .oh-btn:focus-visible { outline: 2px solid var(--oh-white); outline-offset: 3px; }
.oh-photographic .oh-hero-control[aria-busy='true'] { opacity: .6; }
@media (hover:hover) { .oh-photographic .oh-scene-copy .oh-btn:hover, .oh-photographic .oh-hero-control:hover { background: var(--oh-night); } }
.odai-warm-home .warm-benefits { margin-top: 24px; }
@media (max-width:767px) {
 .oh-photographic .oh-slide > .oh-shade { background: linear-gradient(180deg,var(--photo-shade-clear) 42%,var(--photo-shade-soft) 60%,var(--photo-shade-dark) 100%); }
 .oh-photographic .oh-slide .oh-scene-copy, .oh-photographic .oh-slide.oh-side-left .oh-scene-copy { top: auto; bottom: 76px; right: 24px; left: 24px; transform: none; width: auto; max-width: none; gap: 12px; align-items: center; text-align: center; }
 .oh-photographic .oh-slide .oh-scene-copy h2 { font-size: clamp(25px,6.8vw,34px); line-height: 1.25; max-width: 340px; }
 .oh-photographic .oh-scene-copy .oh-btn { min-height: 44px; padding-inline: 20px; font-size: 15px; }
}


/* src/home-v2/portrait-collections.css */
/* Hallmark · component: portrait category links · P5 H5 E5 S5 R5 V4.
 * Shared by classic/warm layouts. Native anchors; no added carousel runtime. */
.ods-photo-section {
 --collection-max-width: 1920px;
 --collection-overlay-start: rgba(8,19,39,0);
 --collection-overlay-end: rgba(8,19,39,.84);
 --collection-text-shadow: rgba(0,0,0,.24);
 padding-block: 40px 24px;
}
.ods-photo-heading { margin-bottom: 24px; padding: 0; }
.ods-photo-heading .oh-section-title { margin: 0; font-size: clamp(24px,2vw,32px); line-height: 1.4; font-weight: 700; }
.ods-photo-grid { width: min(var(--collection-max-width),calc(100% - 64px)); margin-inline: auto; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.ods-photo-card { position: relative; display: block; min-width: 0; aspect-ratio: 2/3; overflow: clip; isolation: isolate; background: var(--oh-night); color: var(--oh-white); border-radius: 0; }
.ods-photo-card::after { content: ''; position: absolute; inset: 50% 0 0; z-index: 1; background: linear-gradient(180deg,var(--collection-overlay-start),var(--collection-overlay-end)); pointer-events: none; }
.ods-photo-card img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 350ms ease; }
.ods-photo-caption { position: absolute; z-index: 2; inset-inline: 24px; bottom: 16px; color: var(--oh-white); text-align: right; }
.ods-photo-caption h3 { font-size: clamp(18px,1.35vw,24px); font-weight: 700; line-height: 1.5; margin: 0 0 4px; min-width: 0; overflow-wrap: anywhere; text-shadow: 0 1px 8px var(--collection-text-shadow); }
.ods-photo-caption span { display: inline-flex; min-height: 44px; align-items: center; font-size: 15px; font-weight: 700; line-height: 1.3; white-space: nowrap; text-decoration: underline; text-underline-offset: 5px; }
.ods-photo-card:focus-visible { outline: 3px solid var(--oh-wine); outline-offset: 4px; }
.ods-photo-card:active img { transform: scale(1.01); }
.ods-photo-placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: var(--oh-white); }
.ods-photo-placeholder svg { width: 60px; height: 60px; }
@media (hover:hover) { .ods-photo-card:hover img { transform: scale(1.035); } }
@media (max-width:1023px) {
 .ods-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ods-photo-caption h3 { font-size: 22px; }
}
@media (max-width:767px) {
 .ods-photo-section { padding-block: 28px 16px; }
 .ods-photo-heading { margin-bottom: 16px; }
 .ods-photo-grid { width: calc(100% - 32px); gap: 12px; }
 .ods-photo-caption { inset-inline: 12px; bottom: 8px; }
 .ods-photo-caption h3 { font-size: clamp(15px,4vw,18px); line-height: 1.4; margin-bottom: 0; }
 .ods-photo-caption span { font-size: 13px; }
}
@media (prefers-reduced-motion:reduce) { .ods-photo-card img { transition: none; } .ods-photo-card:hover img, .ods-photo-card:active img { transform: none; } }

