/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoj\
i", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500:
oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-6xl: 72rem;--container-7xl:
80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl:
1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-light: 300;--font-weight-medium: 500;
--tracking-wide: .025em;--tracking-wider: .05em;--leading-tight: 1.25;--leading-relaxed: 1.625;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--ease-out: cubic-bezier(0, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4,
0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer utilities{.pointer-events-auto{pointer-events:auto!important}.pointer-events-none{pointer-events:none!important}.invisible{visibility:hidden!important}.sr-only{position:absolute!important;width:1px!important;
height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.sticky{position:sticky!important}
.inset-0{inset:0!important}.inset-x-0{inset-inline:0px!important}.inset-x-3{inset-inline:calc(var(--spacing) * 3)!important}.-top-2{top:calc(var(--spacing) * -2)!important}.top-0{top:0!important}.top-1\/2{top:50%!important}.top-3{top:calc(var(--spacing) * 3)!important}.top-4{top:calc(var(--spacing) *
4)!important}.top-28{top:calc(var(--spacing) * 28)!important}.top-\[7px\]{top:7px!important}.top-\[88px\]{top:88px!important}.right-0{right:0!important}.right-4{right:calc(var(--spacing) * 4)!important}.bottom-0{bottom:0!important}.bottom-3{bottom:calc(var(--spacing) * 3)!important}.bottom-5{bottom:calc(var(--spacing)
* 5)!important}.bottom-6{bottom:calc(var(--spacing) * 6)!important}.-left-2{left:calc(var(--spacing) * -2)!important}.left-3{left:calc(var(--spacing) * 3)!important}.left-5{left:calc(var(--spacing) * 5)!important}.z-10{z-index:10!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.z-\[5\]{
z-index:5!important}.z-\[6\]{z-index:6!important}.z-\[60\]{z-index:60!important}.order-1{order:1!important}.order-2{order:2!important}.col-span-2{grid-column:span 2 / span 2!important}.mx-1{margin-inline:var(--spacing)!important}.mx-4{margin-inline:calc(var(--spacing) * 4)!important}.mx-auto{margin-inline:auto!important}
.me-2{margin-inline-end:calc(var(--spacing) * 2)!important}.-mt-\[1px\]{margin-top:-1px!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)!important}.mt-1{margin-top:var(--spacing)!important}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)!important}.mt-2{margin-top:calc(var(--spacing) * 2)!important}
.mt-3{margin-top:calc(var(--spacing) * 3)!important}.mt-4{margin-top:calc(var(--spacing) * 4)!important}.mt-5{margin-top:calc(var(--spacing) * 5)!important}.mt-6{margin-top:calc(var(--spacing) * 6)!important}.mt-7{margin-top:calc(var(--spacing) * 7)!important}.mt-8{margin-top:calc(var(--spacing) * 8)!important}
.mt-10{margin-top:calc(var(--spacing) * 10)!important}.mt-12{margin-top:calc(var(--spacing) * 12)!important}.mt-14{margin-top:calc(var(--spacing) * 14)!important}.mt-16{margin-top:calc(var(--spacing) * 16)!important}.mt-24{margin-top:calc(var(--spacing) * 24)!important}.mt-auto{margin-top:auto!important}
.-mr-\[1px\]{margin-right:-1px!important}.mb-6{margin-bottom:calc(var(--spacing) * 6)!important}.mb-8{margin-bottom:calc(var(--spacing) * 8)!important}.block{display:block!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.inline-block{display:inline-block!important}
.inline-flex{display:inline-flex!important}.aspect-\[3\/4\]{aspect-ratio:3/4!important}.aspect-\[4\/5\]{aspect-ratio:4/5!important}.aspect-square{aspect-ratio:1 / 1!important}.h-1{height:var(--spacing)!important}.h-1\.5{height:calc(var(--spacing) * 1.5)!important}.h-2{height:calc(var(--spacing) * 2)!important}
.h-3{height:calc(var(--spacing) * 3)!important}.h-4{height:calc(var(--spacing) * 4)!important}.h-5{height:calc(var(--spacing) * 5)!important}.h-8{height:calc(var(--spacing) * 8)!important}.h-9{height:calc(var(--spacing) * 9)!important}.h-10{height:calc(var(--spacing) * 10)!important}.h-12{height:calc(var(--spacing)
* 12)!important}.h-14{height:calc(var(--spacing) * 14)!important}.h-16{height:calc(var(--spacing) * 16)!important}.h-\[2px\]{height:2px!important}.h-\[3px\]{height:3px!important}.h-\[15px\]{height:15px!important}.h-\[34vh\]{height:34vh!important}.h-\[100dvh\]{height:100dvh!important}.h-\[110px\]{height:110px!important}
.h-\[124px\]{height:124px!important}.h-\[260px\]{height:260px!important}.h-auto{height:auto!important}.h-fit{height:fit-content!important}.h-full{height:100%!important}.h-px{height:1px!important}.max-h-\[330px\]{max-height:330px!important}.min-h-0{min-height:0px!important}.min-h-\[70vh\]{min-height:70vh!important}
.min-h-\[80vh\]{min-height:80vh!important}.min-h-\[620px\]{min-height:620px!important}.min-h-screen{min-height:100vh!important}.w-1\.5{width:calc(var(--spacing) * 1.5)!important}.w-2{width:calc(var(--spacing) * 2)!important}.w-3{width:calc(var(--spacing) * 3)!important}.w-4{width:calc(var(--spacing)
* 4)!important}.w-5{width:calc(var(--spacing) * 5)!important}.w-6{width:calc(var(--spacing) * 6)!important}.w-8{width:calc(var(--spacing) * 8)!important}.w-9{width:calc(var(--spacing) * 9)!important}.w-10{width:calc(var(--spacing) * 10)!important}.w-12{width:calc(var(--spacing) * 12)!important}.w-16{
width:calc(var(--spacing) * 16)!important}.w-\[3px\]{width:3px!important}.w-\[15px\]{width:15px!important}.w-\[110px\]{width:110px!important}.w-\[124px\]{width:124px!important}.w-\[260px\]{width:260px!important}.w-\[400px\]{width:400px!important}.w-\[min\(92vw\,440px\)\]{width:min(92vw,440px)!important}
.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-2xl{max-width:var(--container-2xl)!important}.max-w-3xl{max-width:var(--container-3xl)!important}.max-w-6xl{max-width:var(--container-6xl)!important}.max-w-7xl{max-width:var(--container-7xl)!important}.max-w-\[280px\]{max-width:280px!important}
.max-w-\[520px\]{max-width:520px!important}.max-w-\[620px\]{max-width:620px!important}.max-w-\[760px\]{max-width:760px!important}.max-w-lg{max-width:var(--container-lg)!important}.max-w-md{max-width:var(--container-md)!important}.max-w-none{max-width:none!important}.max-w-xl{max-width:var(--container-xl)!important}
.max-w-xs{max-width:var(--container-xs)!important}.min-w-0{min-width:0px!important}.flex-1{flex:1!important}.flex-shrink-0,.shrink-0{flex-shrink:0!important}.-translate-y-\[5px\]{--tw-translate-y: -5px !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-0{--tw-translate-y:
0px !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-3{--tw-translate-y: calc(var(--spacing) * 3) !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-4{--tw-translate-y: calc(var(--spacing) * 4) !important;translate:var(--tw-translate-x)
var(--tw-translate-y)!important}.translate-y-6{--tw-translate-y: calc(var(--spacing) * 6) !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-8{--tw-translate-y: calc(var(--spacing) * 8) !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-y-\[6px\]{
--tw-translate-y: 6px !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.-rotate-45{rotate:-45deg!important}.rotate-45{rotate:45deg!important}.cursor-grab{cursor:grab!important}.cursor-pointer{cursor:pointer!important}.touch-none{touch-action:none!important}.resize{resize:both!important}
.scroll-mt-28{scroll-margin-top:calc(var(--spacing) * 28)!important}.list-none{list-style-type:none!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto!important}.grid-cols-\[28px_1fr_auto\]{grid-template-columns:28px 1fr auto!important}.grid-cols-\[44px_1fr\]{grid-template-columns:44px 1fr!important}.grid-cols-\[88px_1fr\]{grid-template-columns:88px
1fr!important}.grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.place-items-center{place-items:center!important}.items-baseline{align-items:baseline!important}.items-center{
align-items:center!important}.items-end{align-items:flex-end!important}.items-start{align-items:flex-start!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.gap-1{gap:var(--spacing)!important}
.gap-1\.5{gap:calc(var(--spacing) * 1.5)!important}.gap-2{gap:calc(var(--spacing) * 2)!important}.gap-3{gap:calc(var(--spacing) * 3)!important}.gap-4{gap:calc(var(--spacing) * 4)!important}.gap-5{gap:calc(var(--spacing) * 5)!important}.gap-6{gap:calc(var(--spacing) * 6)!important}.gap-7{gap:calc(var(--spacing)
* 7)!important}.gap-8{gap:calc(var(--spacing) * 8)!important}.gap-10{gap:calc(var(--spacing) * 10)!important}.gap-12{gap:calc(var(--spacing) * 12)!important}.gap-14{gap:calc(var(--spacing) * 14)!important}.gap-\[3px\]{gap:3px!important}.gap-px{gap:1px!important}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:
0 !important;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse))!important;margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse: 0 !important;margin-block-start:calc(calc(var(--spacing) * 1.5)
* var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0 !important;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing)
* 3) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0 !important;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))!important}
:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0 !important;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-24>:not(:last-child)){--tw-space-y-reverse:
0 !important;margin-block-start:calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)))!important}.gap-x-5{column-gap:calc(var(--spacing) * 5)!important}.gap-x-6{column-gap:calc(var(--spacing) * 6)!important}
.gap-y-2{row-gap:calc(var(--spacing) * 2)!important}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse: 0 !important;border-inline-style:var(--tw-border-style)!important;border-inline-start-width:calc(1px * var(--tw-divide-x-reverse))!important;border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))!important}
:where(.divide-\[\#1C1C1C\]\/10>:not(:last-child)){border-color:color-mix(in oklab,#1C1C1C 10%,transparent)!important}.self-end{align-self:flex-end!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{
overflow-x:auto!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-\[6px\]{border-radius:6px!important}.rounded-\[20px\]{border-radius:20px!important}.rounded-\[24px\]{border-radius:24px!important}.rounded-\[28px\]{border-radius:28px!important}.rounded-full{border-radius:calc(infinity
* 1px)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-2{border-style:var(--tw-border-style)!important;
border-width:2px!important}.border-y-2{border-block-style:var(--tw-border-style)!important;border-block-width:2px!important}.border-s{border-inline-start-style:var(--tw-border-style)!important;border-inline-start-width:1px!important}.border-s-2{border-inline-start-style:var(--tw-border-style)!important;
border-inline-start-width:2px!important}.border-t{border-top-style:var(--tw-border-style)!important;border-top-width:1px!important}.border-t-2{border-top-style:var(--tw-border-style)!important;border-top-width:2px!important}.border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}
.border-b-2{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:2px!important}.border-dashed{--tw-border-style: dashed !important;border-style:dashed!important}.border-\[\#1C1C1C\]{border-color:#1c1c1c!important}.border-\[\#1C1C1C\]\/10{border-color:color-mix(in oklab,#1C1C1C 10%,transparent)!important}
.border-\[\#1C1C1C\]\/12{border-color:color-mix(in oklab,#1C1C1C 12%,transparent)!important}.border-\[\#1C1C1C\]\/15{border-color:color-mix(in oklab,#1C1C1C 15%,transparent)!important}.border-\[\#1C1C1C\]\/20{border-color:color-mix(in oklab,#1C1C1C 20%,transparent)!important}.border-\[\#1C1C1C\]\/25{
border-color:color-mix(in oklab,#1C1C1C 25%,transparent)!important}.border-\[\#F2C94C\]\/40{border-color:color-mix(in oklab,#F2C94C 40%,transparent)!important}.border-\[\#c0392b\]{border-color:#c0392b!important}.border-gray-200{border-color:var(--color-gray-200)!important}.border-lavender{border-color:hsl(var(--lavender))!important}
.border-transparent{border-color:transparent!important}.border-white\/10{border-color:color-mix(in srgb,#fff 10%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)!important}}.border-white\/15{border-color:color-mix(in
srgb,#fff 15%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)!important}}.border-white\/20{border-color:color-mix(in srgb,#fff 20%,transparent)!important}@supports (color: color-mix(in lab,red,red)){
.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)!important}}.border-white\/40{border-color:color-mix(in srgb,#fff 40%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)!important}}
.bg-\[\#1C1C1C\]{background-color:#1c1c1c!important}.bg-\[\#1C1C1C\]\/10{background-color:color-mix(in oklab,#1C1C1C 10%,transparent)!important}.bg-\[\#1C1C1C\]\/60{background-color:color-mix(in oklab,#1C1C1C 60%,transparent)!important}.bg-\[\#1C1C1C\]\/90{background-color:color-mix(in oklab,#1C1C1C
90%,transparent)!important}.bg-\[\#1C1C1C\]\/95{background-color:color-mix(in oklab,#1C1C1C 95%,transparent)!important}.bg-\[\#5DD15D\]{background-color:#5dd15d!important}.bg-\[\#5DD15D\]\/15{background-color:color-mix(in oklab,#5DD15D 15%,transparent)!important}.bg-\[\#D5B7FF\]\/45{background-color:color-mix(in
oklab,#D5B7FF 45%,transparent)!important}.bg-\[\#EBEBEB\]{background-color:#ebebeb!important}.bg-\[\#F2C94C\]{background-color:#f2c94c!important}.bg-\[\#F2C94C\]\/20{background-color:color-mix(in oklab,#F2C94C 20%,transparent)!important}.bg-\[\#F7F5F9\]{background-color:#f7f5f9!important}.bg-\[\#F7F5F9\]\/90{
background-color:color-mix(in oklab,#F7F5F9 90%,transparent)!important}.bg-\[\#FBFAF8\]{background-color:#fbfaf8!important}.bg-\[\#c0392b\]{background-color:#c0392b!important}.bg-background{background-color:hsl(var(--background))!important}.bg-gray-300{background-color:var(--color-gray-300)!important}
.bg-lavender{background-color:hsl(var(--lavender))!important}.bg-lavender\/70{background-color:hsl(var(--lavender))!important}@supports (color: color-mix(in lab,red,red)){.bg-lavender\/70{background-color:color-mix(in oklab,hsl(var(--lavender)) 70%,transparent)!important}}.bg-primary{background-color:hsl(var(--primary))!important}
.bg-transparent{background-color:transparent!important}.bg-white{background-color:var(--color-white)!important}.bg-white\/5{background-color:color-mix(in srgb,#fff 5%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)
5%,transparent)!important}}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)!important}}.bg-white\/15{background-color:color-mix(in srgb,#fff
15%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)!important}}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-white\/20{
background-color:color-mix(in oklab,var(--color-white) 20%,transparent)!important}}.bg-white\/50{background-color:color-mix(in srgb,#fff 50%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)!important}}
.bg-white\/95{background-color:color-mix(in srgb,#fff 95%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)!important}}.bg-white\/\[0\.04\]{background-color:color-mix(in srgb,#fff 4%,transparent)!important}
@supports (color: color-mix(in lab,red,red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white) 4%,transparent)!important}}.bg-white\/\[0\.05\]{background-color:color-mix(in srgb,#fff 5%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-white\/\[0\.05\]{
background-color:color-mix(in oklab,var(--color-white) 5%,transparent)!important}}.bg-white\/\[0\.06\]{background-color:color-mix(in srgb,#fff 6%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-white) 6%,transparent)!important}}
.object-cover{object-fit:cover!important}.p-3{padding:calc(var(--spacing) * 3)!important}.p-4{padding:calc(var(--spacing) * 4)!important}.p-5{padding:calc(var(--spacing) * 5)!important}.p-6{padding:calc(var(--spacing) * 6)!important}.p-7{padding:calc(var(--spacing) * 7)!important}.p-8{padding:calc(var(--spacing)
* 8)!important}.px-1{padding-inline:var(--spacing)!important}.px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-5{padding-inline:calc(var(--spacing)
* 5)!important}.px-6{padding-inline:calc(var(--spacing) * 6)!important}.px-8{padding-inline:calc(var(--spacing) * 8)!important}.px-14{padding-inline:calc(var(--spacing) * 14)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.py-1{padding-block:var(--spacing)!important}.py-1\.5{padding-block:calc(var(--spacing)
* 1.5)!important}.py-2{padding-block:calc(var(--spacing) * 2)!important}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.py-3{padding-block:calc(var(--spacing) * 3)!important}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)!important}.py-4{padding-block:calc(var(--spacing) * 4)!important}
.py-5{padding-block:calc(var(--spacing) * 5)!important}.py-6{padding-block:calc(var(--spacing) * 6)!important}.py-10{padding-block:calc(var(--spacing) * 10)!important}.py-16{padding-block:calc(var(--spacing) * 16)!important}.py-20{padding-block:calc(var(--spacing) * 20)!important}.py-24{padding-block:calc(var(--spacing)
* 24)!important}.py-28{padding-block:calc(var(--spacing) * 28)!important}.py-\[6px\]{padding-block:6px!important}.ps-3{padding-inline-start:calc(var(--spacing) * 3)!important}.pe-4{padding-inline-end:calc(var(--spacing) * 4)!important}.pt-2{padding-top:calc(var(--spacing) * 2)!important}.pt-3{padding-top:calc(var(--spacing)
* 3)!important}.pt-4{padding-top:calc(var(--spacing) * 4)!important}.pt-5{padding-top:calc(var(--spacing) * 5)!important}.pt-6{padding-top:calc(var(--spacing) * 6)!important}.pt-8{padding-top:calc(var(--spacing) * 8)!important}.pt-10{padding-top:calc(var(--spacing) * 10)!important}.pt-24{padding-top:calc(var(--spacing)
* 24)!important}.pt-28{padding-top:calc(var(--spacing) * 28)!important}.pt-32{padding-top:calc(var(--spacing) * 32)!important}.pb-2{padding-bottom:calc(var(--spacing) * 2)!important}.pb-3{padding-bottom:calc(var(--spacing) * 3)!important}.pb-6{padding-bottom:calc(var(--spacing) * 6)!important}.pb-8{
padding-bottom:calc(var(--spacing) * 8)!important}.pb-10{padding-bottom:calc(var(--spacing) * 10)!important}.pb-16{padding-bottom:calc(var(--spacing) * 16)!important}.pb-24{padding-bottom:calc(var(--spacing) * 24)!important}.text-center{text-align:center!important}.text-right{text-align:right!important}
.text-start{text-align:start!important}.text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading, var(--text-2xl--line-height))!important}.text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading, var(--text-3xl--line-height))!important}.text-4xl{font-size:var(--text-4xl)!important;
line-height:var(--tw-leading, var(--text-4xl--line-height))!important}.text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading, var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading, var(--text-lg--line-height))!important}
.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading, var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading, var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading, var(--text-xs--line-height))!important}
.text-\[2\.1rem\]{font-size:2.1rem!important}.text-\[2\.3rem\]{font-size:2.3rem!important}.text-\[2rem\]{font-size:2rem!important}.text-\[10px\]{font-size:10px!important}.text-\[11px\]{font-size:11px!important}.text-\[12px\]{font-size:12px!important}.text-\[13px\]{font-size:13px!important}.text-\[14px\]{
font-size:14px!important}.text-\[15px\]{font-size:15px!important}.leading-\[1\.2\]{--tw-leading: 1.2 !important;line-height:1.2!important}.leading-\[1\.3\]{--tw-leading: 1.3 !important;line-height:1.3!important}.leading-\[1\.6\]{--tw-leading: 1.6 !important;line-height:1.6!important}.leading-\[1\.8\]{
--tw-leading: 1.8 !important;line-height:1.8!important}.leading-\[1\.9\]{--tw-leading: 1.9 !important;line-height:1.9!important}.leading-\[1\.25\]{--tw-leading: 1.25 !important;line-height:1.25!important}.leading-\[1\.35\]{--tw-leading: 1.35 !important;line-height:1.35!important}.leading-\[1\.85\]{--tw-leading:
1.85 !important;line-height:1.85!important}.leading-\[1\.95\]{--tw-leading: 1.95 !important;line-height:1.95!important}.leading-relaxed{--tw-leading: var(--leading-relaxed) !important;line-height:var(--leading-relaxed)!important}.leading-tight{--tw-leading: var(--leading-tight) !important;line-height:var(--leading-tight)!important}
.font-light{--tw-font-weight: var(--font-weight-light) !important;font-weight:var(--font-weight-light)!important}.font-medium{--tw-font-weight: var(--font-weight-medium) !important;font-weight:var(--font-weight-medium)!important}.tracking-\[0\.2em\]{--tw-tracking: .2em !important;letter-spacing:.2em!important}
.tracking-wide{--tw-tracking: var(--tracking-wide) !important;letter-spacing:var(--tracking-wide)!important}.tracking-wider{--tw-tracking: var(--tracking-wider) !important;letter-spacing:var(--tracking-wider)!important}.whitespace-nowrap{white-space:nowrap!important}.text-\[\#1C1C1C\]{color:#1c1c1c!important}
.text-\[\#1C1C1C\]\/30{color:color-mix(in oklab,#1C1C1C 30%,transparent)!important}.text-\[\#1C1C1C\]\/35{color:color-mix(in oklab,#1C1C1C 35%,transparent)!important}.text-\[\#1C1C1C\]\/40{color:color-mix(in oklab,#1C1C1C 40%,transparent)!important}.text-\[\#1C1C1C\]\/45{color:color-mix(in oklab,#1C1C1C
45%,transparent)!important}.text-\[\#1C1C1C\]\/50{color:color-mix(in oklab,#1C1C1C 50%,transparent)!important}.text-\[\#1C1C1C\]\/55{color:color-mix(in oklab,#1C1C1C 55%,transparent)!important}.text-\[\#1C1C1C\]\/60{color:color-mix(in oklab,#1C1C1C 60%,transparent)!important}.text-\[\#1C1C1C\]\/65{color:color-mix(in
oklab,#1C1C1C 65%,transparent)!important}.text-\[\#1C1C1C\]\/70{color:color-mix(in oklab,#1C1C1C 70%,transparent)!important}.text-\[\#2c7a2c\]{color:#2c7a2c!important}.text-\[\#2c8a2c\]{color:#2c8a2c!important}.text-\[\#5DD15D\]{color:#5dd15d!important}.text-\[\#6b5200\]{color:#6b5200!important}.text-\[\#8a6d00\]{
color:#8a6d00!important}.text-\[\#8fe08f\]{color:#8fe08f!important}.text-\[\#F2C94C\]{color:#f2c94c!important}.text-\[\#F2C94C\]\/90{color:color-mix(in oklab,#F2C94C 90%,transparent)!important}.text-\[\#c0392b\]{color:#c0392b!important}.text-black{color:var(--color-black)!important}.text-foreground{
color:hsl(var(--foreground))!important}.text-gray-400{color:var(--color-gray-400)!important}.text-gray-500{color:var(--color-gray-500)!important}.text-lavender{color:hsl(var(--lavender))!important}.text-muted-foreground{color:hsl(var(--muted-foreground))!important}.text-primary-foreground{color:hsl(var(--primary-foreground))!important}
.text-white{color:var(--color-white)!important}.text-white\/30{color:color-mix(in srgb,#fff 30%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)!important}}.text-white\/35{color:color-mix(in srgb,#fff 35%,transparent)!important}
@supports (color: color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white) 35%,transparent)!important}}.text-white\/40{color:color-mix(in srgb,#fff 40%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white)
40%,transparent)!important}}.text-white\/45{color:color-mix(in srgb,#fff 45%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-white\/45{color:color-mix(in oklab,var(--color-white) 45%,transparent)!important}}.text-white\/50{color:color-mix(in srgb,#fff 50%,transparent)!important}
@supports (color: color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)!important}}.text-white\/55{color:color-mix(in srgb,#fff 55%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white)
55%,transparent)!important}}.text-white\/60{color:color-mix(in srgb,#fff 60%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)!important}}.text-white\/65{color:color-mix(in srgb,#fff 65%,transparent)!important}
@supports (color: color-mix(in lab,red,red)){.text-white\/65{color:color-mix(in oklab,var(--color-white) 65%,transparent)!important}}.text-white\/70{color:color-mix(in srgb,#fff 70%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)
70%,transparent)!important}}.text-white\/75{color:color-mix(in srgb,#fff 75%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)!important}}.text-white\/80{color:color-mix(in srgb,#fff 80%,transparent)!important}
@supports (color: color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)!important}}.uppercase{text-transform:uppercase!important}.tabular-nums{--tw-numeric-spacing: tabular-nums !important;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,)
var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)!important}.line-through{text-decoration-line:line-through!important}.underline{text-decoration-line:underline!important}.decoration-\[\#c0392b\]{text-decoration-color:#c0392b!important}.decoration-white\/40{text-decoration-color:color-mix(in
srgb,#fff 40%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.decoration-white\/40{text-decoration-color:color-mix(in oklab,var(--color-white) 40%,transparent)!important}}.decoration-2{text-decoration-thickness:2px!important}.decoration-\[3px\]{text-decoration-thickness:3px!important}
.underline-offset-4{text-underline-offset:4px!important}.accent-\[\#1C1C1C\]{accent-color:#1C1C1C!important}.opacity-0{opacity:0%!important}.opacity-90{opacity:90%!important}.opacity-100{opacity:100%!important}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color,
rgb(0 0 0 / .1)) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25)) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}
.shadow-\[0_30px_70px_-25px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow: 0 30px 70px -25px var(--tw-shadow-color, rgba(0,0,0,.45)) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_30px_80px_-20px_rgba\(0\,0\,0\,0\.6\)\]{
--tw-shadow: 0 30px 80px -20px var(--tw-shadow-color, rgba(0,0,0,.6)) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring,.ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
var(--tw-ring-color, currentcolor) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring-white\/10{--tw-ring-color: color-mix(in srgb, #fff 10%, transparent) !important}@supports (color: color-mix(in
lab,red,red)){.ring-white\/10{--tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important}}.drop-shadow-\[0_30px_40px_rgba\(0\,0\,0\,0\.25\)\]{--tw-drop-shadow-size: drop-shadow(0 30px 40px var(--tw-drop-shadow-color, rgba(0,0,0,.25))) !important;--tw-drop-shadow: var(--tw-drop-shadow-size) !important;
filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function))!important;
transition-duration:var(--tw-duration, var(--default-transition-duration))!important}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,
var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration, var(--default-transition-duration))!important}.transition-opacity{transition-property:opacity!important;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,
var(--default-transition-duration))!important}.transition-transform{transition-property:transform,translate,scale,rotate!important;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration, var(--default-transition-duration))!important}
.duration-150{--tw-duration: .15s !important;transition-duration:.15s!important}.duration-200{--tw-duration: .2s !important;transition-duration:.2s!important}.duration-300{--tw-duration: .3s !important;transition-duration:.3s!important}.duration-500{--tw-duration: .5s !important;transition-duration:.5s!important}
.duration-700{--tw-duration: .7s !important;transition-duration:.7s!important}.duration-\[800ms\]{--tw-duration: .8s !important;transition-duration:.8s!important}.ease-out{--tw-ease: var(--ease-out) !important;transition-timing-function:var(--ease-out)!important}.will-change-transform{will-change:transform!important}
.outline-none{--tw-outline-style: none !important;outline-style:none!important}.select-all{-webkit-user-select:all!important;user-select:all!important}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse: 1 !important}.group-open\/d\:rotate-45:is(:where(.group\/d):is([open],:popover-open,
:open) *){rotate:45deg!important}@media(hover:hover){.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y: 0px !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x: 105% !important;--tw-scale-y: 105% !important;
--tw-scale-z: 105% !important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.group-hover\:rotate-\[-14deg\]:is(:where(.group):hover *){rotate:-14deg!important}.group-hover\:text-\[\#1C1C1C\]:is(:where(.group):hover *){color:#1c1c1c!important}.group-hover\:text-gray-600:is(:where(.group):hover *){
color:var(--color-gray-600)!important}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:100%!important}}.placeholder\:text-white\/30::placeholder{color:color-mix(in srgb,#fff 30%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.placeholder\:text-white\/30::placeholder{
color:color-mix(in oklab,var(--color-white) 30%,transparent)!important}}.placeholder\:text-white\/35::placeholder{color:color-mix(in srgb,#fff 35%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.placeholder\:text-white\/35::placeholder{color:color-mix(in oklab,var(--color-white)
35%,transparent)!important}}.first\:mr-0:first-child{margin-right:0!important}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x: 105% !important;--tw-scale-y: 105% !important;--tw-scale-z: 105% !important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.hover\:scale-\[1\.01\]:hover{scale:1.01!important}
.hover\:scale-\[1\.03\]:hover{scale:1.03!important}.hover\:bg-\[\#1C1C1C\]:hover{background-color:#1c1c1c!important}.hover\:bg-\[\#F7F5F9\]:hover{background-color:#f7f5f9!important}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary))!important}@supports (color: color-mix(in lab,red,red)){
.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,hsl(var(--primary)) 90%,transparent)!important}}.hover\:bg-white\/10:hover{background-color:color-mix(in srgb,#fff 10%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in
oklab,var(--color-white) 10%,transparent)!important}}.hover\:bg-white\/15:hover{background-color:color-mix(in srgb,#fff 15%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)!important}}
.hover\:text-\[\#1C1C1C\]:hover{color:#1c1c1c!important}.hover\:text-foreground:hover{color:hsl(var(--foreground))!important}.hover\:text-white:hover{color:var(--color-white)!important}.hover\:text-white\/80:hover{color:color-mix(in srgb,#fff 80%,transparent)!important}@supports (color: color-mix(in
lab,red,red)){.hover\:text-white\/80:hover{color:color-mix(in oklab,var(--color-white) 80%,transparent)!important}}.hover\:underline:hover{text-decoration-line:underline!important}}.focus\:border-\[\#1C1C1C\]:focus{border-color:#1c1c1c!important}.focus\:border-lavender:focus{border-color:hsl(var(--lavender))!important}
.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}
.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring)) !important}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px !important;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important}.focus-visible\:ring-offset-background:focus-visible{
--tw-ring-offset-color: hsl(var(--background)) !important}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none !important;outline-style:none!important}.active\:cursor-grabbing:active{cursor:grabbing!important}.disabled\:pointer-events-none:disabled{pointer-events:none!important}.disabled\:opacity-40:disabled{
opacity:40%!important}.disabled\:opacity-50:disabled{opacity:50%!important}@media(min-width:40rem){.sm\:col-span-1{grid-column:span 1 / span 1!important}.sm\:mt-5{margin-top:calc(var(--spacing) * 5)!important}.sm\:mt-6{margin-top:calc(var(--spacing) * 6)!important}.sm\:mt-10{margin-top:calc(var(--spacing)
* 10)!important}.sm\:mt-12{margin-top:calc(var(--spacing) * 12)!important}.sm\:mb-12{margin-bottom:calc(var(--spacing) * 12)!important}.sm\:block{display:block!important}.sm\:inline-block{display:inline-block!important}.sm\:h-6{height:calc(var(--spacing) * 6)!important}.sm\:w-6{width:calc(var(--spacing)
* 6)!important}.sm\:w-\[280px\]{width:280px!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sm\:grid-cols-\[110px_1fr_auto\]{
grid-template-columns:110px 1fr auto!important}.sm\:flex-row{flex-direction:row!important}.sm\:gap-4{gap:calc(var(--spacing) * 4)!important}.sm\:gap-x-7{column-gap:calc(var(--spacing) * 7)!important}.sm\:border-s{border-inline-start-style:var(--tw-border-style)!important;border-inline-start-width:1px!important}
.sm\:border-t-0{border-top-style:var(--tw-border-style)!important;border-top-width:0px!important}.sm\:p-6{padding:calc(var(--spacing) * 6)!important}.sm\:p-7{padding:calc(var(--spacing) * 7)!important}.sm\:p-8{padding:calc(var(--spacing) * 8)!important}.sm\:p-9{padding:calc(var(--spacing) * 9)!important}
.sm\:p-10{padding:calc(var(--spacing) * 10)!important}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)!important}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)!important}.sm\:py-3{padding-block:calc(var(--spacing) * 3)!important}.sm\:py-24{padding-block:calc(var(--spacing) * 24)!important}.sm\:py-32{
padding-block:calc(var(--spacing) * 32)!important}.sm\:py-40{padding-block:calc(var(--spacing) * 40)!important}.sm\:pb-16{padding-bottom:calc(var(--spacing) * 16)!important}.sm\:text-end{text-align:end!important}.sm\:text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading, var(--text-2xl--line-height))!important}
.sm\:text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading, var(--text-3xl--line-height))!important}.sm\:text-4xl{font-size:var(--text-4xl)!important;line-height:var(--tw-leading, var(--text-4xl--line-height))!important}.sm\:text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,
var(--text-5xl--line-height))!important}.sm\:text-6xl{font-size:var(--text-6xl)!important;line-height:var(--tw-leading, var(--text-6xl--line-height))!important}.sm\:text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading, var(--text-base--line-height))!important}.sm\:text-lg{font-size:var(--text-lg)!important;
line-height:var(--tw-leading, var(--text-lg--line-height))!important}.sm\:text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading, var(--text-xs--line-height))!important}.sm\:text-\[2\.6rem\]{font-size:2.6rem!important}.sm\:leading-\[1\.2\]{--tw-leading: 1.2 !important;line-height:1.2!important}
.sm\:leading-\[1\.55\]{--tw-leading: 1.55 !important;line-height:1.55!important}}@media(min-width:48rem){.md\:order-1{order:1!important}.md\:order-2{order:2!important}.md\:grid{display:grid!important}.md\:hidden{display:none!important}.md\:inline{display:inline!important}.md\:w-\[300px\]{width:300px!important}
.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr!important}.md\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr!important}.md\:grid-cols-\[auto_1fr\]{
grid-template-columns:auto 1fr!important}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.md\:flex-row{flex-direction:row!important}.md\:items-end{align-items:flex-end!important}.md\:justify-center{justify-content:center!important}.md\:gap-10{gap:calc(var(--spacing) * 10)!important}
.md\:gap-20{gap:calc(var(--spacing) * 20)!important}.md\:pb-0{padding-bottom:0!important}.md\:pb-10{padding-bottom:calc(var(--spacing) * 10)!important}.md\:text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading, var(--text-5xl--line-height))!important}.md\:text-6xl{font-size:var(--text-6xl)!important;
line-height:var(--tw-leading, var(--text-6xl--line-height))!important}}@media(min-width:64rem){.lg\:sticky{position:sticky!important}.lg\:top-24{top:calc(var(--spacing) * 24)!important}.lg\:top-28{top:calc(var(--spacing) * 28)!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}
.lg\:hidden{display:none!important}.lg\:w-\[calc\(25\%-1px\)\]{width:calc(25% - 1px)!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr
1.2fr!important}.lg\:grid-cols-\[1\.2fr_1fr\]{grid-template-columns:1.2fr 1fr!important}.lg\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr!important}.lg\:grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr!important}.lg\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr!important}
.lg\:gap-16{gap:calc(var(--spacing) * 16)!important}.lg\:self-start{align-self:flex-start!important}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)!important}.lg\:py-28{padding-block:calc(var(--spacing) * 28)!important}.lg\:text-\[3\.6rem\]{font-size:3.6rem!important}.lg\:text-\[4\.3rem\]{font-size:4.3rem!important}}
@media(min-width:80rem){.xl\:block{display:block!important}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none!important}}.ht-root,.ht-root :where(*),.ht-root :after,.ht-root :before,.ht-root ::backdrop,.ht-root ::file-selector-button{box-sizing:border-box;margin:0;padding:0;
border:0 solid}.ht-root{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}.ht-root :where(hr){height:0;color:inherit;border-top-width:1px}.ht-root :where(abbr:where([title])){-webkit-text-decoration:underline
dotted;text-decoration:underline dotted}.ht-root :where(h1),.ht-root :where(h2),.ht-root :where(h3),.ht-root :where(h4),.ht-root :where(h5),.ht-root :where(h6){font-size:inherit;font-weight:inherit}.ht-root :where(a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.ht-root :where(b),
.ht-root :where(strong){font-weight:bolder}.ht-root :where(code),.ht-root :where(kbd),.ht-root :where(samp),.ht-root :where(pre){font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,
normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}.ht-root :where(small){font-size:80%}.ht-root :where(sub),.ht-root :where(sup){font-size:75%;line-height:0;position:relative;vertical-align:baseline}.ht-root :where(sub){bottom:-.25em}.ht-root :where(sup){
top:-.5em}.ht-root :where(table){text-indent:0;border-color:inherit;border-collapse:collapse}.ht-root :-moz-focusring:where(:not(iframe)){outline:auto}.ht-root :where(progress){vertical-align:baseline}.ht-root :where(summary){display:list-item}.ht-root :where(ol),.ht-root :where(ul),.ht-root :where(menu){
list-style:none}.ht-root :where(img),.ht-root :where(svg),.ht-root :where(video),.ht-root :where(canvas),.ht-root :where(audio),.ht-root :where(iframe),.ht-root :where(embed),.ht-root :where(object){display:block;vertical-align:middle}.ht-root :where(img),.ht-root :where(video){max-width:100%;height:auto}
.ht-root :where(button),.ht-root :where(input),.ht-root :where(select),.ht-root :where(optgroup),.ht-root :where(textarea),.ht-root ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;
opacity:1}.ht-root :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.ht-root :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.ht-root ::file-selector-button{margin-inline-end:4px}.ht-root ::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button))
or (contain-intrinsic-size: 1px){.ht-root ::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){.ht-root ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.ht-root :where(textarea){resize:vertical}.ht-root ::-webkit-search-decoration{-webkit-appearance:none}
.ht-root ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.ht-root ::-webkit-datetime-edit{display:inline-flex}.ht-root ::-webkit-datetime-edit-fields-wrapper{padding:0}.ht-root ::-webkit-datetime-edit,.ht-root ::-webkit-datetime-edit-year-field,.ht-root ::-webkit-datetime-edit-month-field,
.ht-root ::-webkit-datetime-edit-day-field,.ht-root ::-webkit-datetime-edit-hour-field,.ht-root ::-webkit-datetime-edit-minute-field,.ht-root ::-webkit-datetime-edit-second-field,.ht-root ::-webkit-datetime-edit-millisecond-field,.ht-root ::-webkit-datetime-edit-meridiem-field{padding-block:0}.ht-root
::-webkit-calendar-picker-indicator{line-height:1}.ht-root :-moz-ui-invalid{box-shadow:none}.ht-root :where(button),.ht-root :where(input:where([type=button],[type=reset],[type=submit])),.ht-root ::file-selector-button{-webkit-appearance:button;appearance:button}.ht-root ::-webkit-inner-spin-button,
.ht-root ::-webkit-outer-spin-button{height:auto}.ht-root :where([hidden]:where(:not([hidden=until-found]))){display:none!important}.ht-root{font-family:HT Neo Sans Arabic,IBM Plex Sans Arabic,system-ui,sans-serif;-webkit-font-smoothing:antialiased;direction:rtl;text-align:right}@layer base{:root{--background:
0 0% 11%;--foreground: 0 0% 100%;--muted-foreground: 265 100% 86%;--primary: 0 0% 100%;--primary-foreground: 0 0% 4%;--secondary: 0 0% 10%;--secondary-foreground: 0 0% 100%;--muted: 0 0% 10%;--accent: 0 0% 10%;--accent-foreground: 0 0% 100%;--border: 0 0% 18%;--input: 0 0% 18%;--ring: 265 100% 86%;--radius:
.75rem;--lavender: 265 100% 86%;--leaf: 120 56% 59%;color-scheme:dark}html{scroll-behavior:smooth;overflow-x:clip}body.ht-app-page{overflow-x:clip;background:hsl(var(--background));color:hsl(var(--foreground));font-family:HT Neo Sans Arabic,IBM Plex Sans Arabic,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:hsl(var(--lavender));color:#1c1c1c}}.f-serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.f-mono{font-family:IBM Plex Mono,ui-monospace,monospace}.liquid-glass{background:#ffffff03;background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
border:none;box-shadow:inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden}.liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,#ffffff73,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73);-webkit-mask:linear-gradient(#fff
0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes hero-in{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.hero-in{animation:hero-in .9s cubic-bezier(.22,1,.36,1) var(--d, 0s) both}
.hero-veil{background:linear-gradient(to left,#1c1c1cf5,#1c1c1cd1 38%,#1c1c1c00 70%),linear-gradient(to top,#1c1c1ce6,#1c1c1c00 40%)}@media(max-width:767px){.hero-veil{background:linear-gradient(to top,#1c1c1cf7,#1c1c1ce6 52%,#1c1c1c00 68%)}}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes scale-in{0%{
transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scale-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes seal-in{0%{opacity:0}to{opacity:1}}.seal-in{animation:seal-in .7s cubic-bezier(.22,1,.36,1) var(--sd, 0ms) both}@keyframes seal-stamp{0%{opacity:0;transform:scale(1.9)
rotate(-28deg);filter:blur(4px)}55%{opacity:1;transform:scale(.9) rotate(-8deg);filter:blur(0)}72%{transform:scale(1.04) rotate(-11deg)}to{opacity:1;transform:scale(1) rotate(-10deg)}}.seal-stamp{animation:seal-stamp .75s cubic-bezier(.2,.9,.25,1.2) var(--sd, 0ms) both}@keyframes seal-splash{0%{opacity:0;
transform:scale(.6)}40%{opacity:.55}to{opacity:0;transform:scale(1.35)}}.seal-splash{position:absolute;inset:4%;border-radius:9999px;border:2px solid currentColor;opacity:0;animation:seal-splash .9s ease-out calc(var(--sd, 0ms) + .38s) both;pointer-events:none}@keyframes seal-spin{to{transform:rotate(360deg)}}
.seal-spin{animation:seal-spin 40s linear infinite}@keyframes pp-fade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}.pp-fade{animation:pp-fade .5s ease-out both}.label-paper{-webkit-mask:radial-gradient(circle 5px at 50% 0,transparent 97%,#000) top / 18px 51% repeat-x,radial-gradient(circle
5px at 50% 100%,transparent 97%,#000) bottom / 18px 51% repeat-x;mask:radial-gradient(circle 5px at 50% 0,transparent 97%,#000) top / 18px 51% repeat-x,radial-gradient(circle 5px at 50% 100%,transparent 97%,#000) bottom / 18px 51% repeat-x}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{
opacity:1;transform:none}}.toast-in{animation:toast-in .35s cubic-bezier(.22,1,.36,1) both}@keyframes cart-bump{0%{transform:scale(1)}40%{transform:scale(1.5);color:hsl(var(--lavender))}to{transform:scale(1)}}.cart-bump{animation:cart-bump .45s ease-out}@keyframes voice-bar{0%,to{transform:scaleY(1)}50%{
transform:scaleY(.45)}}.voice-bar{animation:voice-bar .7s ease-in-out infinite;transform-origin:center}@media(prefers-reduced-motion:reduce){.voice-bar,.seal-stamp,.seal-in,.seal-splash,.seal-spin,.pp-fade,.toast-in,.cart-bump{animation:none}html{scroll-behavior:auto}.hero-in,.animate-scale-in{animation:none}}
@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value:
0;}@property --tw-divide-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax:
"*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits:
false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value:
0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0
0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value:
0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax:
"*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax:
"*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax:
"*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@layer properties{
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-space-y-reverse: 0;--tw-divide-x-reverse: 0;--tw-border-style: solid;--tw-leading:
initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color:
initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness:
initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;
--tw-ease: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}
@media(max-width:767px){#voices .grid{grid-template-columns:minmax(0,1fr)}}
/* Colour trial: warm yellow accent (#FFEDAD) on a light ground. Remove this file to return to the original. */
@layer base{:root{--background:40 33% 98%;--foreground:0 0% 11%;--muted-foreground:0 0% 11%;--primary:0 0% 11%;--primary-foreground:0 0% 100%;--secondary:40 20% 94%;--secondary-foreground:0 0% 11%;--muted:40 20% 94%;--accent:40 20% 94%;--accent-foreground:0 0% 11%;--border:0 0% 86%;--input:0 0% 86%;--ring:0 0% 11%;--lavender:47 100% 84%}body{background:#FBFAF7}}
@layer utilities{
.ht-root :is(section.bg-background,footer.bg-background) .text-white{color:#1c1c1c!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/30{color:rgba(28,28,28,0.38)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/35{color:rgba(28,28,28,0.43)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/40{color:rgba(28,28,28,0.48)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/45{color:rgba(28,28,28,0.53)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/50{color:rgba(28,28,28,0.58)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/55{color:rgba(28,28,28,0.63)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/60{color:rgba(28,28,28,0.68)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/65{color:rgba(28,28,28,0.73)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/70{color:rgba(28,28,28,0.78)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/75{color:rgba(28,28,28,0.83)!important}
.ht-root :is(section.bg-background,footer.bg-background) .text-white\/80{color:rgba(28,28,28,0.88)!important}
.ht-root :is(section.bg-background,footer.bg-background) .placeholder\:text-white\/30::placeholder{color:rgba(28,28,28,.4)!important}
@media (hover:hover){.ht-root :is(section.bg-background,footer.bg-background) .hover\:text-white:hover{color:#000!important}}
.ht-root :is(section.bg-background,footer.bg-background) .bg-white\/5{background-color:rgba(28,28,28,0.04)!important}
.ht-root :is(section.bg-background,footer.bg-background) .bg-white\/\[0\.04\]{background-color:rgba(28,28,28,0.035)!important}
.ht-root :is(section.bg-background,footer.bg-background) .bg-white\/\[0\.05\]{background-color:rgba(28,28,28,0.04)!important}
.ht-root :is(section.bg-background,footer.bg-background) .bg-white\/\[0\.06\]{background-color:rgba(28,28,28,0.05)!important}
.ht-root :is(section.bg-background,footer.bg-background) .bg-white\/20{background-color:rgba(28,28,28,0.08)!important}
@media (hover:hover){.ht-root :is(section.bg-background,footer.bg-background) .hover\:bg-white\/10:hover{background-color:rgba(28,28,28,.07)!important}}
.ht-root :is(section.bg-background,footer.bg-background) .border-white\/10{border-color:rgba(28,28,28,0.12)!important}
.ht-root :is(section.bg-background,footer.bg-background) .border-white\/15{border-color:rgba(28,28,28,0.16)!important}
.ht-root :is(section.bg-background,footer.bg-background) .ring-white\/10{--tw-ring-color:rgba(28,28,28,.12)!important}
.ht-root :is(section.bg-background,footer.bg-background) .decoration-white\/40{text-decoration-color:rgba(28,28,28,.4)!important}
.ht-root :is(section.bg-background,footer.bg-background) .border-lavender,.ht-root :is(section.bg-background,footer.bg-background) .focus\:border-lavender:focus{border-color:#1c1c1c!important}
.ht-root header .text-white{color:#1c1c1c!important}
.ht-root header .text-white\/60{color:rgba(28,28,28,.72)!important}
.ht-root header .text-white\/30,.ht-root header .text-white\/35{color:rgba(28,28,28,.45)!important}
.ht-root header .border-white\/10,.ht-root header .border-white\/15{border-color:rgba(28,28,28,.14)!important}
.ht-root header .bg-white\/5,.ht-root header .bg-white\/\[0\.06\]{background-color:rgba(28,28,28,.05)!important}
.ht-root .hero-veil{background-image:linear-gradient(to left,rgba(251,250,247,.96),rgba(251,250,247,.84) 38%,rgba(251,250,247,0) 70%),linear-gradient(to top,rgba(251,250,247,.92),rgba(251,250,247,0) 40%)!important}
.ht-root h1 .text-muted-foreground{background-image:linear-gradient(transparent 60%,#FFEDAD 60%,#FFEDAD 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.08em}
.ht-root :is(section.bg-background,footer.bg-background) [style*="color: rgb(255, 255, 255)"]{color:#1c1c1c!important}
.ht-root :is(section.bg-background,footer.bg-background) [style*="color: rgba(255, 255, 255"]{color:rgba(28,28,28,.16)!important}
.ht-root :is(section.bg-background,footer.bg-background) [style*="--lavender"]{color:#1c1c1c!important;background-image:linear-gradient(transparent 58%,#FFEDAD 58%,#FFEDAD 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ht-root :is(section.bg-background,footer.bg-background) .text-\[\#F2C94C\]{color:#8a6400!important}
.ht-root header .bg-white{background-color:#1c1c1c!important}
/* the old lavender-tinted ground becomes the warm cream ground */
.ht-root .bg-\[\#F7F5F9\]{background-color:#FBFAF7!important}
.ht-root .bg-\[\#F7F5F9\]\/90,.ht-root .bg-\[\#F7F5F9\]\/95{background-color:rgba(251,250,247,.94)!important}
@media (hover:hover){.ht-root .hover\:bg-\[\#F7F5F9\]:hover{background-color:#F3F1EC!important}}
/* product page: the HT seal, made to read at a glance */
.ht-root .bg-\[\#EBEBEB\]{background-color:#F1EEE7!important}
.ht-root [class*="aspect-[4/5]"]>.absolute.bottom-5.left-5{top:20px!important;left:20px!important;bottom:auto!important;z-index:3!important}
@keyframes ht-seal-disc{from{opacity:0;transform:rotate(-20deg) scale(.6)}to{opacity:1;transform:rotate(-8deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.ht-root [class*="aspect-[4/5]"]>.absolute.bottom-5.left-5{animation:none}}
.ht-root [class*="aspect-[4/5]"]>.absolute.bottom-5.left-5 .seal-stamp{width:76px!important;height:76px!important}
.ht-root h1+span[role="img"]{width:84px!important;height:84px!important;background:#FFEDAD;box-shadow:0 0 0 6px rgba(255,237,173,.45);margin-top:2px!important}
.ht-root h1 .htown-he-badge{display:none!important}
@media (max-width:640px){.ht-root [class*="aspect-[4/5]"]>.absolute.bottom-5.left-5{top:14px!important;left:14px!important}.ht-root [class*="aspect-[4/5]"]>.absolute.bottom-5.left-5 .seal-stamp{width:60px!important;height:60px!important}.ht-root h1+span[role="img"]{width:64px!important;height:64px!important}}
.ht-root header.fixed{background-color:rgba(251,250,247,.92)!important;color:#1c1c1c!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.bg-\[\#D5B7FF\]\/45{background-color:color-mix(in oklab,#FFEDAD 70%,transparent)!important}
}
/* product card: photo first, quiet type, one clear action */
@layer utilities{
.ht-root .scrollbar-hide.flex:has(>article.group){gap:18px;padding-bottom:6px}
.ht-root article.group:has(>a .aspect-\[3\/4\]){border:0!important;margin-right:0!important;padding:0 0 4px!important;display:flex;flex-direction:column}
.ht-root article.group:has(>a .aspect-\[3\/4\])>.h-12{height:auto!important;padding:0 2px 10px!important;order:0}
.ht-root article.group:has(>a .aspect-\[3\/4\])>.h-12>span.f-mono{display:none!important}
.ht-root article.group:has(>a .aspect-\[3\/4\])>.h-12>div{display:flex;align-items:center;gap:6px}
.ht-root article.group:has(>a .aspect-\[3\/4\])>.h-12>div>p:first-child{display:none}
.ht-root article.group:has(>a .aspect-\[3\/4\])>.h-12>div>p+p{margin:0!important;font-size:12px!important;color:#1C1C1C!important;background:#EFECE5;border-radius:999px;padding:3px 10px}
.ht-root article.group .aspect-\[3\/4\]{margin:0!important;aspect-ratio:4/5!important;border-radius:20px!important;background:#F1EEE7!important}
.ht-root article.group .aspect-\[3\/4\]>img{object-fit:contain!important;padding:9%;mix-blend-mode:multiply}
.ht-root article.group .aspect-\[3\/4\]>span.absolute.left-3.top-3{left:12px!important;top:12px!important}
.ht-root article.group .aspect-\[3\/4\]>span.absolute.left-3.top-3>span{width:36px!important;height:36px!important}
.ht-root article.group>a>.mt-4.text-center{text-align:right!important;padding:0 2px!important;margin-top:14px!important}
.ht-root article.group>a>.mt-4.text-center h3{font-size:16px!important;font-weight:500;line-height:1.55!important;min-height:3.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ht-root article.group>a>.mt-4.text-center>div{justify-content:flex-start!important;margin-top:6px!important;gap:10px!important}
.ht-root article.group>a>.mt-4.text-center>div>span:first-child{font-size:16px!important;font-weight:700}
.ht-root article.group>.mt-3.flex.justify-center{padding:0 2px!important;margin-top:14px!important}
.ht-root article.group>.mt-3.flex.justify-center>button{width:100%;border:0!important;background:#EFECE5!important;border-radius:999px!important;color:#1C1C1C!important;font-size:14px!important;padding:12px 16px!important;min-height:44px;transition:background-color .2s ease-out,color .2s ease-out,transform .16s ease-out}
@media (hover:hover){.ht-root article.group:hover>.mt-3.flex.justify-center>button{background:#1C1C1C!important;color:#fff!important}}
.ht-root article.group>.mt-3.flex.justify-center>button:focus-visible{background:#1C1C1C!important;color:#fff!important}
.ht-root article.group>.mt-3.flex.justify-center>button:not(:disabled):active{transform:scale(.96)}
}
/* footer: the full brand logo in charcoal on the page ground */
.ht-root .ht-foot-panel{margin-top:72px!important;color:#1C1C1C!important;opacity:1!important}
/* the brand file is a black logo on yellow; the crop shows only the logo, and the filter turns the yellow white so multiply leaves the page ground */
.ht-foot-logo{display:block;position:relative;width:100%;max-width:760px;aspect-ratio:1440/392;overflow:hidden}
.ht-foot-logo img{position:absolute;top:0;left:0;width:177.78%;max-width:none;height:auto;margin-top:-45.56%;margin-left:-39.44%;filter:grayscale(1) brightness(1.14);mix-blend-mode:multiply}
[fill="#D5B7FF" i]{fill:#FFEDAD}
[stroke="#D5B7FF" i]{stroke:#FFEDAD}
/* footer: a warm band — logo, two link columns, contact icons, then the small print */
/* one grid, three equal-top columns: brand (logo + icons) · المتجر · هلثي تاون */
#contact>div{display:grid!important;grid-template-columns:1fr 1fr 1.6fr!important;grid-template-areas:"shop town brand" "shop town social" "bottom bottom bottom"!important;grid-template-rows:auto 1fr auto;column-gap:48px!important;row-gap:0!important;align-items:start!important}
#contact .ht-fc,#contact .ht-fc__cols{display:contents!important}
/* the logo is English (left-to-right), so it sits on the left edge with the icons under it */
#contact>div>.mt-24[dir=ltr]{grid-area:brand;justify-self:end!important;width:100%;max-width:260px!important;margin:0!important}
#contact .ht-fc__col:nth-child(1){grid-area:shop}
#contact .ht-fc__col:nth-child(2){grid-area:town}
#contact .ht-fc__col--contact{grid-area:social;margin-top:28px;justify-self:end}
#contact .ht-fc__col--contact .ht-fc__h{display:none}
#contact>div>.mt-8{grid-area:bottom}
.ht-fc__h{margin:0 0 16px;font-size:13px;font-weight:600;color:rgba(28,28,28,.66)}
.ht-fc__links{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ht-fc__links a{display:inline-block;padding:6px 0;font-size:16px;color:#1C1C1C!important;text-decoration:none!important;transition:color .2s ease-out}
@media (hover:hover){.ht-fc__links a:hover{text-decoration:underline!important;text-underline-offset:.3em;text-decoration-color:#E6C85A!important}}
#contact>div>.mt-8{border-top:1px solid rgba(28,28,28,.1)!important;margin-top:56px!important;padding-top:22px!important}
#contact>div>.mt-8 span{color:rgba(28,28,28,.66)!important}
@media (max-width:767px){#contact>div{grid-template-columns:1fr 1fr!important;grid-template-areas:"brand brand" "social social" "shop town" "bottom bottom"!important;column-gap:20px!important}#contact>div>.mt-24[dir=ltr]{max-width:200px!important}#contact .ht-fc__col--contact{margin:22px 0 36px}#contact>div>.mt-8{margin-top:36px!important}}
/* footer contact icons */
.ht-fc__row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:22px}
.ht-fc__ico{display:flex;flex-direction:column;align-items:center;gap:8px;color:#1C1C1C!important;text-decoration:none!important}
.ht-fc__ico svg{box-sizing:content-box;padding:15px;border-radius:50%;background:#fff;border:1px solid #ECE8DF;transition:background-color .2s ease-out,border-color .2s ease-out,transform .16s ease-out}
.ht-fc__ico span{font-size:12.5px;color:rgba(28,28,28,.6)}
@media (hover:hover){.ht-fc__ico:hover svg{background:#FFEDAD;border-color:#FFEDAD}}
.ht-fc__ico:active svg{transform:scale(.96)}
.ht-fc__ico:focus-visible{outline:none}.ht-fc__ico:focus-visible svg{outline:2px solid #1C1C1C;outline-offset:3px}
/* icons only, the name stays for screen readers and as a tooltip */
#contact .ht-fc__row{gap:12px}
#contact .ht-fc__ico span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#contact .ht-fc__ico svg{padding:12px}
/* HT cart + checkout · light / brand yellow */
html body.ht-chrome .ht-flow__steps li.is-on span{background:#FFEDAD!important;color:#1C1C1C!important}
html body.ht-chrome .ht-trust .ht-seal-ink{color:#1C1C1C!important;background-color:#1C1C1C!important}
html body.ht-chrome .ht-trust{border-top:1px solid #F1EEE7!important;color:#1C1C1C!important}
html body.ht-chrome .ht-trust p{color:rgba(28,28,28,.62)!important}
html body.ht-chrome .ht-trust p strong{color:#1C1C1C!important}
/* cart lines */
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form{background:#fff!important;border:1px solid #ECE8DF!important;border-radius:24px!important;padding:6px 28px 22px!important;box-shadow:none!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form table.shop_table thead th{font-size:13px!important;font-weight:500!important;color:rgba(28,28,28,.55)!important;border-bottom:1px solid #ECE8DF!important;padding:18px 8px!important;white-space:nowrap}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form table.shop_table tbody td{border-top:1px solid #F1EEE7!important;border-bottom:0!important;padding:18px 8px!important;vertical-align:middle!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form tbody tr:first-child td{border-top:0!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-thumbnail a{display:block!important;position:relative!important;width:92px!important;height:92px!important;border-radius:18px!important;background:#F1EEE7!important;overflow:hidden!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-thumbnail img{width:100%!important;height:100%!important;object-fit:contain!important;padding:10%!important;mix-blend-mode:multiply;border-radius:0!important;aspect-ratio:auto!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-name>a{font-size:16px!important;font-weight:600!important;color:#1C1C1C!important;line-height:1.5!important;text-decoration:none!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-name .price{margin-top:4px!important;font-size:14px!important;color:rgba(28,28,28,.6)!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-subtotal,html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-subtotal .amount{font-size:16px!important;font-weight:600!important;color:#1C1C1C!important;white-space:nowrap;font-variant-numeric:tabular-nums}
html body.ht-chrome .quantity{border:1px solid #E4DFD4!important;border-radius:999px!important;background:#FBFAF7!important;overflow:hidden}
html body.ht-chrome .quantity :is(input.qty,.ct-increase,.ct-decrease){color:#1C1C1C!important;border:0!important;background:transparent!important}
@media (hover:hover){html body.ht-chrome .quantity :is(.ct-increase,.ct-decrease):hover{background:#FFEDAD!important}}
html body.ht-chrome.woocommerce-cart .product-remove a{color:rgba(28,28,28,.45)!important;transition:color .2s ease-out}
@media (hover:hover){html body.ht-chrome.woocommerce-cart .product-remove a:hover{color:#B3261E!important}}
/* coupon + update */
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form td.actions{border-top:1px solid #ECE8DF!important;padding-top:22px!important}
html body.ht-chrome :is(.coupon,.checkout_coupon) input#coupon_code{height:50px!important;border:1px solid #E4DFD4!important;border-radius:999px!important;background:#FBFAF7!important;padding:0 20px!important;color:#1C1C1C!important;font-size:15px!important}
html body.ht-chrome :is(.coupon,.checkout_coupon) button.button{height:50px!important;border-radius:999px!important;background:#1C1C1C!important;color:#fff!important;padding:0 24px!important;font-weight:600!important;border:0!important}
html body.ht-chrome.woocommerce-cart button[name=update_cart]{height:50px!important;border-radius:999px!important;background:transparent!important;color:#1C1C1C!important;border:1px solid #E4DFD4!important;padding:0 24px!important;font-weight:500!important}
html body.ht-chrome.woocommerce-cart button[name=update_cart]:disabled{opacity:.45!important}
/* cart totals */
html body.ht-chrome.woocommerce-cart .cart_totals,html body.ht-chrome.woocommerce-cart .cart-collaterals .cart_totals{background:#fff!important;color:#1C1C1C!important;border:1px solid #ECE8DF!important;border-radius:24px!important;padding:28px!important;box-shadow:none!important}
html body.ht-chrome.woocommerce-cart .cart_totals h2{color:#1C1C1C!important;font-size:20px!important;font-weight:700!important;margin:0 0 10px!important}
html body.ht-chrome.woocommerce-cart .cart_totals table.shop_table :is(th,td){color:rgba(28,28,28,.7)!important;border-color:#F1EEE7!important;background:transparent!important;font-size:15px!important;padding:14px 0!important}
html body.ht-chrome.woocommerce-cart .cart_totals .order-total :is(th,td){color:#1C1C1C!important;font-weight:700!important;border-bottom:0!important}
html body.ht-chrome.woocommerce-cart .cart_totals .order-total .amount{color:#1C1C1C!important;font-size:26px!important;font-weight:700!important;white-space:nowrap;font-variant-numeric:tabular-nums}
html body.ht-chrome :is(.cart_totals .checkout-button,#place_order){display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:58px!important;border-radius:999px!important;background:#1C1C1C!important;color:#fff!important;font-size:17px!important;font-weight:600!important;border:0!important;box-shadow:none!important;transition:background-color .2s ease-out,transform .16s ease-out}
@media (hover:hover){html body.ht-chrome :is(.cart_totals .checkout-button,#place_order):hover{background:#000!important}}
html body.ht-chrome :is(.cart_totals .checkout-button,#place_order):active{transform:scale(.96)}
/* checkout order file */
html body.ht-chrome.woocommerce-checkout .ct-order-review{background:#fff!important;color:#1C1C1C!important;border:1px solid #ECE8DF!important;border-radius:24px!important;box-shadow:none!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review #order_review_heading{color:#1C1C1C!important;font-size:20px!important;font-weight:700!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review #order_review_heading::before{color:rgba(28,28,28,.5)!important}
html body.ht-chrome.woocommerce-checkout #order_review table.shop_table :is(th,td){color:rgba(28,28,28,.7)!important;border-color:#F1EEE7!important;background:transparent!important}
html body.ht-chrome.woocommerce-checkout #order_review table.shop_table thead th{font-size:13px!important;font-weight:500!important;color:rgba(28,28,28,.55)!important;border-bottom:1px solid #ECE8DF!important}
html body.ht-chrome.woocommerce-checkout #order_review .ct-checkout-cart-item{display:flex;align-items:center;gap:14px}
html body.ht-chrome.woocommerce-checkout #order_review .ct-checkout-cart-item-title{color:#1C1C1C!important;font-weight:600!important;font-size:15px!important;line-height:1.5}
html body.ht-chrome.woocommerce-checkout #order_review .product-quantity{display:inline-block;margin-inline-start:6px;background:#FFEDAD!important;color:#1C1C1C!important;border-radius:999px;padding:1px 9px;font-size:12px!important;font-weight:600!important}
html body.ht-chrome.woocommerce-checkout #order_review .ct-checkout-cart-item figure.ct-media-container{position:relative!important;flex:0 0 64px;width:64px!important;height:64px!important;margin:0!important;border-radius:14px!important;background:#F1EEE7!important;overflow:hidden!important}
html body.ht-chrome.woocommerce-checkout #order_review .ct-checkout-cart-item figure img{width:100%!important;height:100%!important;object-fit:contain!important;padding:10%!important;mix-blend-mode:multiply;border-radius:0!important;aspect-ratio:auto!important;background:transparent!important}
html body.ht-chrome.woocommerce-checkout #order_review .product-total,html body.ht-chrome.woocommerce-checkout #order_review .product-total .amount{color:#1C1C1C!important;font-weight:600!important;white-space:nowrap;font-variant-numeric:tabular-nums}
html body.ht-chrome.woocommerce-checkout #order_review .order-total :is(th,td){color:#1C1C1C!important;font-weight:700!important}
html body.ht-chrome.woocommerce-checkout #order_review .order-total .amount{color:#1C1C1C!important;font-size:26px!important;font-weight:700!important;white-space:nowrap}
html body.ht-chrome.woocommerce-checkout #payment{background:transparent!important;border:0!important}
html body.ht-chrome.woocommerce-checkout #payment ul.payment_methods{border:0!important;padding:0!important;margin:18px 0!important}
html body.ht-chrome.woocommerce-checkout #payment li.wc_payment_method{background:#FBFAF7!important;border:1px solid #E4DFD4!important;border-radius:16px!important;padding:14px 18px!important;color:#1C1C1C!important;list-style:none}
html body.ht-chrome.woocommerce-checkout #payment li.wc_payment_method>label{color:#1C1C1C!important;font-weight:600!important}
html body.ht-chrome.woocommerce-checkout #payment .payment_box{background:transparent!important;border:0!important;box-shadow:none!important;color:rgba(28,28,28,.62)!important;padding:4px 0 0!important;margin:0!important;font-size:14px!important}
html body.ht-chrome.woocommerce-checkout #payment .payment_box::before{display:none!important}
html body.ht-chrome.woocommerce-checkout #payment .payment_box p{color:rgba(28,28,28,.62)!important}
html body.ht-chrome.woocommerce-checkout #payment :is(.woocommerce-privacy-policy-text,.woocommerce-privacy-policy-text a){color:rgba(28,28,28,.62)!important}
/* beat the old dark order-file rules in ht-woo.css */
html body.ht-chrome.woocommerce-checkout .ct-order-review #place_order{background:#1C1C1C!important;color:#fff!important;font-weight:600!important}
@media (hover:hover){html body.ht-chrome.woocommerce-checkout .ct-order-review #place_order:hover{background:#000!important}}
html body.ht-chrome.woocommerce-checkout .ct-order-review #payment{background:transparent!important;padding:0!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review #payment ul.payment_methods{border-color:#F1EEE7!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review #payment ul.payment_methods li{color:#1C1C1C!important;border-color:#E4DFD4!important;background:#FBFAF7!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review #payment ul.payment_methods li:has(input:checked){border-color:#1C1C1C!important;background:#FFFBEA!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review #payment ul.payment_methods li label{color:#1C1C1C!important;font-weight:600!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review #payment div.payment_box{background:transparent!important;color:rgba(28,28,28,.62)!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review :is(.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper){color:rgba(28,28,28,.62)!important}
html body.ht-chrome.woocommerce-checkout .ct-order-review .woocommerce-privacy-policy-text a{color:#1C1C1C!important;text-decoration:underline}
html body.ht-chrome.woocommerce-checkout .ct-order-review #payment{margin-left:0!important;margin-right:0!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form button.button[name=update_cart]{background:transparent!important;color:#1C1C1C!important;border:1px solid #E4DFD4!important}
/* product grids (related products, shop): space between cards */
html body .ht-root .grid:has(>article.group){gap:32px 18px!important}
/* header nav with the three care sections */
html body header a{white-space:nowrap!important}
html body header ul.items-center{gap:16px!important;margin-inline-start:32px!important}
html body header ul.items-center>li>a>span:first-child{display:none!important}
html body header ul.items-center>li:nth-child(-n+3)>a{color:#1C1C1C!important;font-weight:600!important;font-size:14px!important}
html body header ul.items-center>li:nth-child(3){padding-inline-end:16px;border-inline-end:1px solid rgba(28,28,28,.18)}
html body header ul.items-center>li:nth-child(n+4)>a{font-size:13px!important}
/* phones */
@media (max-width:689px){
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form{padding:4px 14px 16px!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form table.shop_table{width:100%!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form table.shop_table tbody td{padding:14px 4px!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form td.product-thumbnail{width:84px!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-thumbnail a{width:76px!important;height:76px!important;border-radius:14px!important}
html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-name>a{font-size:15px!important}
html body.ht-chrome.woocommerce-checkout #order_review table.shop_table{display:block!important}
html body.ht-chrome.woocommerce-checkout #order_review table.shop_table :is(thead,tbody,tfoot){display:block!important}
html body.ht-chrome.woocommerce-checkout #order_review table.shop_table tr{display:flex!important;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px dashed #ECE8DF}
html body.ht-chrome.woocommerce-checkout #order_review table.shop_table :is(td,th){display:block!important;width:auto!important;flex:none;border-bottom:0!important}
html body.ht-chrome.woocommerce-checkout #order_review table.shop_table :is(td,th).product-name{flex:1 1 auto;min-width:0}
html body.ht-chrome.woocommerce-checkout #order_review .ct-checkout-cart-item figure.ct-media-container{flex-basis:56px;width:56px!important;height:56px!important}
html body.ht-chrome.woocommerce-checkout #order_review .ct-checkout-cart-item-title{font-size:14px!important}
html body.ht-chrome.woocommerce-checkout #order_review .order-total .amount{font-size:22px!important}
}
/* "Your voices" is hidden until there are real customer recordings (remove this line to bring it back) */
html body #voices{display:none!important}
/* HT mobile polish (phones) */
/* order received: the thank-you note in the brand's cream instead of WordPress grey */
html body.ht-chrome .woocommerce-order .woocommerce-thankyou-order-received,html body.ht-chrome .woocommerce-order .woocommerce-notice--success{background:#FFF8DC!important;border:1px solid #F3E2A2!important;border-radius:16px!important;color:#1C1C1C!important;padding:18px 20px!important;font-weight:600}
@layer utilities{
/* product page review file (§01–§05): headings were white on cream, small labels were pale yellow */
html body .ht-root section.bg-background.text-white{color:#1C1C1C!important}
html body .ht-root .text-lavender{color:#8A6D00!important}
/* add-to-cart toast: light card in the site's colours (was dark with a lavender seal) */
html body .ht-root div.toast-in[role]{background:#fff!important;color:#1C1C1C!important;border:1px solid #ECE8DF!important;box-shadow:0 18px 48px rgba(28,28,28,.16)!important}
html body .ht-root div.toast-in[role] p{color:#1C1C1C!important}
html body .ht-root div.toast-in[role] a{background:#1C1C1C!important;color:#fff!important;border:0!important}
/* menu: solid sheet, the three care sections lead, site links follow */
html body .ht-root header.fixed:has(ul.flex-col){background:#FBFAF7!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;height:100dvh;overflow-y:auto}
html body header ul.flex-col{padding-top:8px!important}
html body header ul.flex-col>li>a>span:first-child{display:none!important}
html body header ul.flex-col>li:nth-child(-n+3)>a{font-size:20px!important;font-weight:700!important;color:#1C1C1C!important;padding-block:16px!important}
html body header ul.flex-col>li:nth-child(3)>a{border-bottom:2px solid #1C1C1C!important;margin-bottom:10px}
html body header ul.flex-col>li:nth-child(n+4)>a{font-size:16px!important;color:rgba(28,28,28,.62)!important;padding-block:12px!important;border-bottom-color:rgba(28,28,28,.08)!important}
@media (max-width:767px){
 /* hero: a soft cream veil keeps the headline readable over the moving ingredient text */
 html body .ht-root section .pointer-events-none.relative.z-10>.pointer-events-auto{position:relative}
 html body .ht-root section .pointer-events-none.relative.z-10>.pointer-events-auto::before{content:"";position:absolute;inset:-28px -24px -18px;z-index:-1;background:radial-gradient(120% 90% at 60% 60%,rgba(251,250,247,.96) 45%,rgba(251,250,247,.75) 70%,rgba(251,250,247,0) 100%);pointer-events:none}
 html body .ht-root section p.hero-in.top-\[88px\]{top:96px!important;font-size:12px!important;color:rgba(28,28,28,.6)!important}
 /* shelf: room under the add-to-cart button */
 html body .ht-root .scrollbar-hide.flex:has(>article.group){padding-bottom:20px!important}
 /* ingredient index: full names wrap instead of being cut */
 html body #index li span.truncate{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.5}
}
@media (max-width:640px){
 /* product page: the review file shrinks to one row so the product shows sooner */
 html body .ht-root dl.grid.border-y-2{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:12px!important}
 html body .ht-root dl.grid.border-y-2>div:nth-child(n+4){display:none!important}
 html body .ht-root dl.grid.border-y-2>div{padding:10px 8px!important;border-left-width:0!important}
 html body .ht-root dl.grid.border-y-2>div+div{border-inline-start:1px solid rgba(28,28,28,.12)!important}
 html body .ht-root dl.grid.border-y-2 dt{font-size:11px!important}
 html body .ht-root dl.grid.border-y-2 dd{font-size:13px!important;margin-top:2px!important}
}
}
@layer utilities{
/* readable secondary text: the same charcoal, just strong enough to read (4.5:1 on cream and on the warm panels) */
html body .ht-root.ht-root :is(section.bg-background,footer.bg-background) :is(.text-white\/35,.text-white\/40,.text-white\/45,.text-white\/50,.text-white\/55){color:rgba(28,28,28,.66)!important}
html body :is(.ht-root,.ht-island) :is(.text-\[\#1C1C1C\]\/35,.text-\[\#1C1C1C\]\/40,.text-\[\#1C1C1C\]\/45,.text-\[\#1C1C1C\]\/50,.text-\[\#1C1C1C\]\/55){color:rgba(28,28,28,.66)!important}
html body .ht-fc__ico span{color:rgba(28,28,28,.7)!important}
/* cart + checkout: step names, the small label and table headings readable */
html body.ht-chrome .ht-flow__kicker,html body.ht-chrome .ht-flow__steps li{color:rgba(28,28,28,.66)!important}
html body.ht-chrome .ht-flow__steps li.is-on{color:#1C1C1C!important}
html body.ht-chrome :is(.woocommerce-cart-form,#order_review) table.shop_table thead th{color:rgba(28,28,28,.66)!important}
/* brand pages: small labels */
html body .htb-k{color:rgba(28,28,28,.66)!important}
html body .htb-contacts span{color:rgba(28,28,28,.66)!important}
/* thumb-sized targets on phones, same look */
@media (max-width:767px){
 html body.ht-chrome.woocommerce-cart .product-remove a.remove{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;margin:-10px!important}
 html body .ht-root [role=tablist]>button[role=tab],html body .ht-root .flex-wrap>button[role=tab]{padding-block:6px!important}
 html body .ht-root nav[aria-label="مسار التنقل"] a{display:inline-block!important;padding-block:14px!important}
}
/* ---------- my account: same cream page, white cards, charcoal active item (like the brand pages) ---------- */
html body.woocommerce-account .hero-section{background:transparent!important}
html body.woocommerce-account .hero-section .entry-header{max-width:1120px!important;width:auto!important;margin:0 auto!important;padding:40px 24px 8px!important;text-align:start!important}
html body.woocommerce-account .hero-section .page-title{font-size:clamp(32px,4vw,48px)!important;font-weight:600!important;line-height:1.2!important;color:#1C1C1C!important;margin:0!important}
html body.woocommerce-account main.site-main{padding-top:80px!important}
html body.woocommerce-account .entry-content>.woocommerce{max-width:1120px!important;width:auto!important;margin:24px auto 96px!important;padding:0 24px!important;display:grid!important;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
html body.woocommerce-account .entry-content>.woocommerce.ct-woo-unauthorized{display:block!important}
html body.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
/* side menu */
html body.woocommerce-account .woocommerce-MyAccount-navigation{float:none!important;width:auto!important;margin:0!important;background:#fff!important;border:1px solid #ECE8DF!important;border-radius:24px!important;padding:10px!important;box-shadow:none!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid!important;gap:2px!important;margin:0!important;padding:0!important;list-style:none!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0!important;padding:0!important;border:0!important;background:none!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation li::before,html body.woocommerce-account .woocommerce-MyAccount-navigation li::after{display:none!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation li a{display:flex!important;align-items:center;gap:12px;min-height:48px;padding:0 16px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#1C1C1C!important;font-size:15px!important;font-weight:500!important;text-decoration:none!important;transition:background-color .18s ease-out}
html body.woocommerce-account .woocommerce-MyAccount-navigation li a :is(svg,i){color:currentColor!important;fill:none}
@media (hover:hover){html body.woocommerce-account .woocommerce-MyAccount-navigation li:not(.is-active) a:hover{background:#F1EEE7!important;color:#1C1C1C!important}}
html body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#1C1C1C!important;color:#fff!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a *{color:#fff!important}
html body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{color:#B3261E!important}
/* content card */
html body.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:auto!important;margin:0!important;background:#fff!important;border:1px solid #ECE8DF!important;border-radius:24px!important;padding:28px!important;min-height:0!important;box-shadow:none!important;color:#1C1C1C}
html body.woocommerce-account .woocommerce-MyAccount-content p{font-size:16px;line-height:1.9}
html body.woocommerce-account .woocommerce-MyAccount-content a:not(.button){color:#1C1C1C!important;text-decoration:underline!important;text-underline-offset:.25em;text-decoration-color:#E6C85A!important}
/* notices: soft cream, no thick side bar */
html body.woocommerce-account :is(.woocommerce-info,.woocommerce-message,.woocommerce-Message){display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#FFF8DC!important;border:1px solid #F3E2A2!important;border-inline-start-width:1px!important;border-radius:16px!important;padding:14px 18px!important;margin:0 0 20px!important;color:#1C1C1C!important;box-shadow:none!important}
html body.woocommerce-account :is(.woocommerce-info,.woocommerce-message,.woocommerce-Message)::before{display:none!important}
html body.woocommerce-account :is(.woocommerce-info,.woocommerce-message,.woocommerce-Message) .button{order:2;margin:0!important;min-height:44px;padding:0 22px!important;border-radius:999px!important;background:#1C1C1C!important;color:#fff!important;font-weight:600!important;display:inline-flex!important;align-items:center}
/* tables (orders) */
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table{border:0!important;border-collapse:collapse!important}
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table :is(th,td){border:0!important;border-bottom:1px solid #F1EEE7!important;padding:14px 10px!important;background:transparent!important}
html body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th{font-size:13px!important;font-weight:500!important;color:rgba(28,28,28,.66)!important}
html body.woocommerce-account .woocommerce-MyAccount-content .button{border-radius:999px!important;background:#1C1C1C!important;color:#fff!important}
/* forms (login, register, details, addresses) */
html body.woocommerce-account #customer_login{display:grid!important;grid-template-columns:1fr 1fr;gap:20px}
html body.woocommerce-account #customer_login::before,html body.woocommerce-account #customer_login::after{display:none!important}
html body.woocommerce-account #customer_login>div{float:none!important;width:auto!important;margin:0!important;padding:28px!important;background:#fff!important;border:1px solid #ECE8DF!important;border-radius:24px!important}
html body.woocommerce-account #customer_login h2{font-size:22px!important;font-weight:700!important;margin:0 0 14px!important}
html body.woocommerce-account #customer_login form{border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
html body.woocommerce-account :is(#customer_login,.woocommerce-MyAccount-content) input:is([type=text],[type=email],[type=password],[type=tel]),html body.woocommerce-account .woocommerce-MyAccount-content select{border:1px solid #E4DFD4!important;border-radius:14px!important;background:#FBFAF7!important;min-height:50px;padding:0 14px!important;color:#1C1C1C!important;box-shadow:none!important}
html body.woocommerce-account :is(#customer_login,.woocommerce-MyAccount-content) label{font-size:14px!important;font-weight:600!important;color:#1C1C1C!important}
html body.woocommerce-account #customer_login p:has(>.woocommerce-form-login__rememberme){display:flex!important;flex-wrap:wrap;align-items:center;gap:14px}
html body.woocommerce-account #customer_login .woocommerce-form-login__rememberme{flex:0 0 100%;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:10px;margin:0!important;font-weight:500!important}
html body.woocommerce-account #customer_login .woocommerce-form-login__rememberme input{margin:0!important;width:18px;height:18px;accent-color:#1C1C1C}
html body.woocommerce-account #customer_login :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit){min-height:50px;padding:0 30px!important;border-radius:999px!important;background:#1C1C1C!important;color:#fff!important;font-weight:600!important}
html body.woocommerce-account #customer_login .lost_password a{color:#1C1C1C!important;text-decoration:underline!important;text-underline-offset:.25em;text-decoration-color:#E6C85A!important}
/* one card, two tabs (set up by part16.js) */
html body.woocommerce-account #customer_login.ht-tabs{display:block!important;max-width:520px;background:#fff;border:1px solid #ECE8DF;border-radius:24px;padding:8px 8px 4px}
html body.woocommerce-account #customer_login.ht-tabs>div.ht-acc-tabs{border:0!important;margin:0!important;padding:4px!important;background:#F1EEE7!important;border-radius:999px!important}
html body.woocommerce-account #customer_login.ht-tabs>div:not(.ht-acc-tabs){border:0!important;border-radius:0!important;background:none!important;padding:20px 20px 24px!important}
html body.woocommerce-account #customer_login.ht-tabs>div[hidden]{display:none!important}
html body.woocommerce-account #customer_login.ht-tabs h2{display:none!important}
html body .ht-acc-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;background:#F1EEE7!important;border-radius:999px!important}
/* signed-out page: the card and its title sit in the middle */
html body.woocommerce-account:not(.logged-in) #customer_login.ht-tabs{margin-inline:auto!important}
html body.woocommerce-account:not(.logged-in) .hero-section .entry-header{text-align:center!important}
html body .ht-acc-tabs button{min-height:46px;border:0!important;border-radius:999px!important;background:transparent!important;color:rgba(28,28,28,.7)!important;font:inherit!important;font-size:15px!important;font-weight:600!important;cursor:pointer;transition:background-color .18s ease-out,color .18s ease-out}
html body .ht-acc-tabs button[aria-selected=true]{background:#fff!important;color:#1C1C1C!important;box-shadow:0 1px 2px rgba(28,28,28,.08)!important}
@media (hover:hover){html body .ht-acc-tabs button:not([aria-selected=true]):hover{color:#1C1C1C!important}}
@media (max-width:900px){html body.woocommerce-account .entry-content>.woocommerce{grid-template-columns:1fr}html body.woocommerce-account #customer_login{grid-template-columns:1fr}}
@media (max-width:560px){html body.woocommerce-account .hero-section .entry-header{padding:24px 16px 4px!important}html body.woocommerce-account .entry-content>.woocommerce{padding:0 16px!important;margin-bottom:64px!important}html body.woocommerce-account :is(.woocommerce-MyAccount-content,#customer_login>div){padding:20px!important}}
/* footer band (beats the bg-background / pt-24 utilities) */
html body footer#contact.bg-background{background-color:#F1EEE7!important;padding:72px 24px 28px!important;margin-top:48px!important}
@media (min-width:640px){html body footer#contact.bg-background{padding-inline:40px!important}}
html body footer#contact>div>.mt-24[dir=ltr]{margin-top:0!important}
html body footer#contact>div>.mt-8{margin-top:56px!important}
@media (max-width:767px){html body footer#contact>div>.mt-8{margin-top:12px!important}}
@media (max-width:767px){html body footer#contact.bg-background{padding:48px 20px 24px!important}}
/* keyboard focus: one ring in the site's charcoal everywhere (was the browser's default) */
html body :is(a,button,summary,input,select,textarea,[tabindex="0"]):focus-visible{outline:2px solid #1C1C1C!important;outline-offset:3px!important}
html body :is(input,textarea){caret-color:#1C1C1C}
/* shelf tabs: the unselected names in a grey that still reads */
html body .ht-root button[role=tab] .text-gray-400{color:#6A7282!important}
}
/* Polish pass (impeccable audit, Nov 2026): tap targets, contrast and one emoji, without changing the design. */
@layer utilities {
  /* readable secondary text: the 60% charcoal used on the cream bands measured 4.27:1; 74% clears AA */
  html body .ht-root.ht-root .text-\[\#1C1C1C\]\/60 { color: rgba(28, 28, 28, .76) !important; }
  /* old price (struck through) measured 2.49:1 */
  html body .ht-root.ht-root .text-gray-400.line-through,
  html body .text-gray-400.line-through { color: #6A7282 !important; }
  /* the small standard tag in the header measured 2.82:1 at 10px */
  html body header .f-mono { color: rgba(28, 28, 28, .72) !important; font-size: 11px !important; }

  @media (max-width: 800px) {
    /* header controls: 40px → 44px */
    html body header a.ht-acc.liquid-glass,
    html body header button.liquid-glass.h-10 { width: 44px !important; height: 44px !important; }
    html body header a.liquid-glass.rounded-full { height: 44px !important; }
    html body header a.flex.items-start { min-height: 44px !important; align-items: center !important; }
    /* chips and filters: 36px → 44px */
    html body .ht-root button.rounded-full.px-4 { min-height: 44px !important; }
    /* footer links: 36px rows → 44px */
    html body footer .ht-fc__links a { display: inline-flex !important; align-items: center; min-height: 44px; }
    /* cart quantity */
    html body .woocommerce .quantity input.qty { min-height: 44px !important; }
  }
}
/* the location button: an icon in the site's stroke style instead of an emoji */
#ht-locate-btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; }
#ht-locate-btn svg { width: 18px; height: 18px; flex: none; }
/* UI/UX pass (owner-approved, 5 Nov 2026): nothing here changes how the site looks, only how fast and easy it is to use. */

/* 1. The opening words show at once: no fade, blur or delay before the visitor can read them */
html body .ht-root .hero-in{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}

/* 2. No text below 12px (back-label note, standard clause numbers, small captions) */
@layer utilities{html body .ht-root .text-\[11px\],html body .ht-root .text-\[10px\]{font-size:12px!important}}

/* 3. Top menu links on desktop: 44px tall to click, same look (the extra room is invisible padding) */
html body .ht-root .hidden.items-center.gap-7 > * > a{padding-block:12px;margin-block:-12px}

/* Motion pass (owner-approved, 5 Nov 2026): one calm "premium" personality.
   5. One signature curve for every transition: fast start, soft landing, no bounce.
   6. Scroll reveals: 350ms and a shorter 12px travel, so nothing keeps the visitor waiting.
   The seal and its slow turn are left exactly as they are. */
@layer utilities{
html body .ht-root *{transition-timing-function:cubic-bezier(.22,1,.36,1)!important}
html body .ht-root .duration-500,html body .ht-root .duration-700,html body .ht-root .duration-\[800ms\]{transition-duration:.35s!important;--tw-duration:.35s}
html body .ht-root .opacity-0[class*="translate-y-"]{--tw-translate-y:12px;translate:0 12px!important}
}
/* 7. Press feedback (better-ui pass, 6 Nov 2026): one value everywhere, 0.96 over 150ms ease-out, as a transition
   so it reverses when the finger lifts; disabled controls never scale; only when motion is allowed. */
@media (prefers-reduced-motion:no-preference){
@layer utilities{
html body .ht-root :is(button,a.rounded-full,.ht-more,.ht-fc__ico svg,.ht-shelf-nav button):not(:disabled):not(#ht-x){transition-property:scale,background-color,color,opacity;transition-duration:150ms;transition-timing-function:ease-out}
html body .ht-root :is(button,a.rounded-full,.ht-more,.ht-shelf-nav button):not(:disabled):active:not(#ht-x),html body .ht-root .ht-fc__ico:active svg:not(#ht-x),html body.ht-chrome :is(.cart_totals .checkout-button,.wc-proceed-to-checkout a):active:not(#ht-x),html body .ht-root article.group>.mt-3.flex.justify-center:active:not(#ht-x){scale:.96!important;transform:none!important}
}}
html body .ht-root button,html body .ht-root a{-webkit-tap-highlight-color:transparent}
/* better-layout: anchored sections (#shop, the standard, the index) land below the fixed 84px header, not under it */
html{scroll-padding-block-start:100px}

/* 8. Name what transitions: the reveal utility no longer animates "all" */
@layer utilities{html body .ht-root .transition-all:not(#ht-x){transition-property:opacity,transform,translate,scale,filter!important}}

/* 9. Product photographs get a 1px pure-black outline at 10%, inset, so a light photo keeps its edge on the cream page
   (logos, the seal and drawings are left alone) */
/* cart thumbnails (owner, 7 Nov: "the photos are broken in the cart"): every photo fills the same 92px tile, centred and
   whole, whatever its shape — tall bottles were shrinking to a 24px sliver while square photos filled the tile.
   multiply drops the one photo with a white ground onto the tile colour. */
html body.ht-chrome td.product-thumbnail a{display:block;width:92px;height:92px;overflow:hidden}
html body.ht-chrome td.product-thumbnail img{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;padding:10px!important;box-sizing:border-box!important;mix-blend-mode:multiply}
/* Readex Pro (8 Nov) sets wider than Neo Sans: on 1024–1279px screens the menu pushed the cart button off the
   edge, so the menu tightens there (gap 28 → 16px, links 15px). */

/* product page review facts (8 Nov): the labels «ملف المراجعة / إصدار المعيار / النتيجة» were 11px at 50% ink,
   below the 12px floor and faint; now 12px at 66% ink. */
@layer utilities{html body .ht-root dt.text-\[11px\]:not(#ht-x){font-size:12px!important;color:rgba(28,28,28,.66)!important}}
/* cart / checkout header (8 Nov): the kicker and step numbers were 11px; raised to the 12px floor */
html body .ht-flow .ht-flow__kicker,html body .ht-flow li>span{font-size:12px!important}
/* cart on small phones (8 Nov, better-layout): at 320–400px the quantity/price/remove row would not wrap and pushed
   the table past the card, so the remove button sat half off-screen. The row now wraps and the thumbnail is 64px. */
@media (max-width:400px){html body.ht-chrome.woocommerce-cart .woocommerce-cart-form td.product-thumbnail{width:68px!important;padding-inline:0 6px!important}html body.ht-chrome.woocommerce-cart .woocommerce-cart-form .product-thumbnail a{width:64px!important;height:64px!important}html body.ht-chrome.woocommerce-cart .product-mobile-actions{flex-wrap:wrap!important;gap:8px!important}}
/* product photos, safety net (owner, 8 Nov, Safari screenshot: the toner photo blown up to the label): the framing
   script (part9) measures each bottle and places it; when a browser cannot measure (seen in Safari), the photo fell
   back to object-fit:cover and a tall bottle was cropped to its middle. Unplaced photos now show whole and centred. */
@layer utilities{html body .ht-root :is(article.group [class*='aspect-']>img,[class*='aspect-[4/5]']>img.pp-fade,button.aspect-square>img):not([style*="position"]):not(#ht-x){object-fit:contain!important;padding:8%!important;box-sizing:border-box!important;mix-blend-mode:multiply}}
/* image outline removed (owner, 6 Nov): the product photos are transparent PNGs, so the outline drew an empty box around each bottle */

/* Taste pass (owner-approved, 5 Nov 2026). The seal and the belief picture's callout lines are untouched.
   8. No frosted glass: header, round buttons and the footer panel become flat colour, a tone step off the page.
   9. Running text in the full ink, not faded grey.
   10. Two typefaces: the monospace face goes, ingredient names and numbers use the site's own face with even figures
       (the hero lens is drawn on a canvas and keeps its look).
   11. "في الصحة" in the headline: same colour as the rest, no yellow band behind it. */
@layer utilities{
html body .ht-root .fixed.inset-x-0.top-0.z-50:not(#ht-x){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#FBFAF7!important}
html body .ht-root .liquid-glass:not(#ht-x){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#EFEBE3!important;box-shadow:none!important}
html body .ht-root .liquid-glass:not(#ht-x)::before{display:none!important}
@media (hover:hover){html body .ht-root .liquid-glass:not(#ht-x):hover{background:#E7E2D8!important}}
html body .ht-ff__panel:not(#ht-x){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#F3EFE7!important;box-shadow:none!important}
html body .ht-root p[class*="text-white/"]:not(#ht-x),html body .ht-root p[class*="text-[#1C1C1C]/"]:not(#ht-x),html body .ht-root li.border-t:not(#ht-x){color:#1C1C1C!important}
html body .ht-root [class*="mono"]:not(pre):not(code):not(#ht-x){font-family:"HT Neo Sans Arabic",system-ui,sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
html body .ht-root h1 span:not(#ht-x){background:none!important;color:inherit!important}
}

/* 4. Shelf category tabs (e.g. "تونر"): at least 44px wide to tap, same look */
html body .ht-root .gap-x-5.gap-y-2 > button.group{padding-inline:6px;margin-inline:-6px;min-height:44px}