/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@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-scroll-snap-strictness:proximity;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-outline-style:solid;--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-content:""}}}:root,:host{--form-py:calc(var(--spacing) * 2);--form-px:calc(var(--spacing) * 3);--form-radius:var(--radius-lg);--form-stroke:var(--color-slate-400);--form-bg:#fff;--form-color:currentcolor;--form-active-color:var(--color-primary);--select-icon:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"hsl(0 0% 0%)\"><path d=\"m6 9 6 6 6-6\"/></svg>");--select-icon-size:1.25em;--select-icon-offset:.8rem;--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-400:oklch(75% .183 55.934);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-sky-300:oklch(82.8% .111 230.318);--color-blue-50:oklch(97% .014 254.604);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-pink-300:oklch(82.3% .12 346.018);--color-rose-400:oklch(71.2% .194 13.428);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--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-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-stone-600:oklch(44.4% .011 73.639);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--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:calc(1.5 / 1);--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:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--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);--color-container-lighter:var(--color-white);--color-container:var(--color-gray-50);--color-container-darker:var(--color-gray-100);--color-primary-lighter:#2d6b5a;--color-primary:#245549;--color-primary-darker:#1a3d34;--color-secondary-lighter:#f5f5f6;--color-secondary:#e9e9eb;--color-secondary-darker:#d0d0d3;--color-on-primary:#fff;--color-bg:#fff;--color-fg:#424242;--color-fg-secondary:#6b7280;--color-surface:#fff;--color-dark:#424242;--color-light:#e9e9eb}@layer base{:is(input:where(:not([type])),[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],textarea,select,.form-input,.form-textarea,.form-select,.form-multiselect){appearance:none;padding-block:var(--form-py);padding-inline:var(--form-px);border-radius:var(--form-radius);border-width:1px;border-color:var(--form-stroke);background-color:var(--form-bg);color:var(--form-color);--outline-size:1px;--outline-offset:0px}:is(input:where(:not([type])),[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],textarea,select,.form-input,.form-textarea,.form-select,.form-multiselect):focus{border-color:var(--form-active-color);outline-color:var(--form-active-color)}:is(select:where(:not([size]:not([size="1"]),[multiple])),.form-select){--_icon-position:right;background:var(--select-icon) var(--form-bg) var(--_icon-position) var(--select-icon-offset) center/var(--select-icon-size) no-repeat;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding-inline-end:calc(var(--select-icon-size) + var(--select-icon-offset) + .5ch)}:is(select:where(:not([size]:not([size="1"]),[multiple])),.form-select):dir(rtl){--_icon-position:left}:is([type=checkbox],[type=radio],.form-checkbox,.form-radio){appearance:none;block-size:calc(var(--spacing) * 4);inline-size:calc(var(--spacing) * 4);border-width:2px;border-color:var(--form-stroke);background-color:var(--form-bg);color:var(--form-color);vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;block-size:calc(var(--spacing) * 4.5);inline-size:calc(var(--spacing) * 4.5);background-origin:border-box;flex-shrink:0;padding:0;display:inline-block}:is([type=checkbox],[type=radio],.form-checkbox,.form-radio):focus{outline-color:var(--form-active-color)}:is([type=checkbox],[type=radio],.form-checkbox,.form-radio):focus,:is([type=checkbox],[type=radio],.form-checkbox,.form-radio):checked{border-color:var(--form-active-color)}:is([type=checkbox],.form-checkbox):checked,:is([type=checkbox],.form-checkbox):indeterminate{background:var(--form-active-color,currentColor) center/contain no-repeat;border-color:#0000}:is([type=checkbox],.form-checkbox):indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E")}:is([type=checkbox],.form-checkbox):checked{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")}:is([type=radio],.form-radio){border-radius:50%}:is([type=radio],.form-radio):checked{background:var(--form-active-color,currentColor) center/contain no-repeat;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");border-color:#0000}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:focus-visible){outline:var(--outline-size,2px) solid var(--color-primary);outline-offset:var(--outline-offset,2px)}:where(:active:focus-visible){outline-offset:0;transition:var(--outline-transition,outline-offset .15s cubic-bezier(.25, 0, .4, 1))}:disabled{cursor:not-allowed}:target{scroll-margin-block:var(--anchor-offset,6ex)}@media (prefers-reduced-motion:no-preference){:where(html):has(:target){scroll-behavior:smooth}}html{scrollbar-gutter:stable;block-size:100%}body{min-block-size:100%}:where(:any-link,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex^=\-])){touch-action:manipulation}:where(:any-link,button,label[for],label:has(input:is([type=radio],[type=checkbox]):enabled),select:has(option:enabled),summary){cursor:pointer}:where(dialog){background-color:var(--color-surface,canvas);max-block-size:calc(100% - 2rem);max-inline-size:calc(100% - 2rem);color:var(--color-fg,canvastext);box-shadow:var(--shadow-lg);border-radius:1rem;margin:auto;padding:1.5rem;position:fixed}:where(dialog)::backdrop{background-color:var(--backdrop,#0003)}:where(:root:has(dialog[open]:modal)){overflow:hidden}address{font-style:normal}@view-transition{navigation:auto}:root{scrollbar-color:var(--scrollthumb-color) var(--scrolltrack-color,Canvas);accent-color:var(--color-primary);caret-color:var(--color-primary);interpolate-size:allow-keywords}body{background:var(--color-bg);color:var(--color-fg)}[type=checkbox][role=switch]{--switch-width:calc(var(--spacing) * 9);--switch-height:calc(var(--spacing) * 5);--switch-thumb-offset:calc(var(--switch-width) - var(--switch-height));block-size:var(--switch-height);inline-size:var(--switch-width);border-width:2px;border-radius:3.40282e38px}[type=checkbox][role=switch]:not(:disabled){cursor:pointer}[type=checkbox][role=switch]:after{content:"";aspect-ratio:1;border-width:1px;border-color:var(--form-bg);background-color:var(--form-stroke);border-radius:3.40282e38px;height:100%;transition:background-color .15s,border-color .15s,translate .15s;display:block}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked:after{background-color:var(--form-bg);translate:var(--switch-thumb-offset) 0%}[type=checkbox][role=switch]:dir(rtl):checked:after{translate:calc(var(--switch-thumb-offset) / -1) 0%}:where(form label){margin-bottom:calc(var(--spacing) * 2);color:var(--color-fg-secondary);display:block}:where(form legend){margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}:where(form legend)+br{display:none}:where(fieldset~fieldset){margin-top:calc(var(--spacing) * 8)}}@layer theme;@layer components{.actions-toolbar{gap:calc(var(--spacing) * 4);border-block-start-width:1px;border-block-start-color:var(--color-gray-300);flex-direction:column;margin-block-start:calc(var(--spacing) * 6);padding-block-start:calc(var(--spacing) * 4);display:flex}@media (min-width:48rem){.actions-toolbar{flex-direction:row-reverse;align-items:center}}.actions-toolbar a.back{text-decoration-line:underline}.card{border-radius:var(--card-radius,var(--radius-lg));padding-block:var(--card-py,calc(var(--spacing) * 6));padding-inline:var(--card-px,calc(var(--spacing) * 6));border-width:1px;border-color:var(--card-stroke,var(--color-gray-300));background-color:var(--card-bg,var(--color-surface));color:var(--card-color,var(--color-fg));transition-property:color,background-color,border-color,box-shadow,outline-color;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);position:relative}.card-interactive:is(:hover,:focus-within){--card-stroke:#0000;box-shadow:var(--shadow-lg)}.form-input.qty{max-inline-size:calc(6ch + var(--form-px))}.field{margin-top:calc(var(--spacing) * 1)}.field.field-reserved{--reserved-space:calc(var(--spacing) * 7);margin-block-end:var(--reserved-space)}.field.field-reserved ul{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.field.field-reserved ul:last-of-type{margin-block-end:calc(var(--reserved-space) * -1)}.field.choice{align-items:center;display:flex}.field.choice label{margin-bottom:calc(var(--spacing) * 0)}.field.choice input{margin-right:calc(var(--spacing) * 3)}.field.field-error .messages{color:var(--color-red-600);max-width:fit-content}.field.required>label:after{content:var(--tw-content);content:var(--tw-content);top:calc(var(--spacing) * -1);content:var(--tw-content);--tw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E");--tw-icon-size:1em;width:var(--tw-icon-size);height:var(--tw-icon-size);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--tw-icon);-webkit-mask-image:var(--tw-icon);mask-image:var(--tw-icon);content:var(--tw-content);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));content:var(--tw-content);color:var(--color-red-600);background-color:currentColor;display:inline-block;position:relative}.form-input-addon{appearance:none;padding-block:var(--form-py);padding-inline:var(--form-px);border-radius:var(--form-radius);border-width:1px;border-color:var(--form-stroke);background-color:var(--form-bg);color:var(--form-color);--outline-size:1px;--outline-offset:0px}.form-input-addon:first-child{border-inline-end:0;padding-inline-end:0}.form-input-addon:last-child{border-inline-start:0;padding-inline-start:0}.input-group{border-radius:var(--form-radius);vertical-align:middle;display:flex;position:relative}.input-group:focus-within{--form-stroke:var(--form-active-color);outline:var(--outline-size,1px) solid var(--form-active-color);outline-offset:var(--outline-offset,0px)}.input-group>*{border-radius:0;outline:none;margin:0}.input-group>:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.input-group>:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.input-group>:not(template,[hidden]:where(:not([hidden=until-found])))+:not(button,.btn){border-inline-start-width:0}.message{margin-bottom:calc(var(--spacing) * 2);background-color:var(--color-gray-100);width:100%;padding:calc(var(--spacing) * 2);padding-left:calc(var(--spacing) * 5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:.25rem;justify-content:space-between;align-items:center;display:flex}.message.error{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-red-500);background-color:var(--color-red-50)}.message.success{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-green-500);background-color:var(--color-green-50)}.message.info,.message.notice{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-blue-500);background-color:var(--color-blue-50)}.message.warning{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-yellow-500);background-color:var(--color-yellow-50)}.message a{text-decoration-line:underline}.rating-summary{color:var(--color-rating,var(--color-yellow-400));display:flex}.snap-track{--snap-cols:1;--snap-gap:calc(var(--spacing) * 4);--snap-size:calc((100% - var(--snap-gap) * (var(--snap-cols) - 1)) / var(--snap-cols));grid-auto-flow:column;grid-auto-columns:var(--snap-size);gap:var(--snap-gap);padding-block:calc(var(--spacing) * 6);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:grid;position:relative;overflow-x:auto}@media (prefers-reduced-motion:no-preference){.snap-track{scroll-behavior:smooth}}.snap-track>*{scroll-snap-align:start}.snap-pager{justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);min-block-size:calc(var(--spacing) * 11);padding-block:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.snap-marker{block-size:calc(var(--spacing) * 4);inline-size:calc(var(--spacing) * 4);border-width:1px;border-color:var(--color-slate-600);border-radius:1rem;flex-shrink:0;transition-property:border-color,background-color;transition-duration:.3s}@media (prefers-reduced-motion:no-preference){.snap-marker{will-change:inline-size;transition-property:inline-size,border-color,background-color}}.snap-marker[aria-current=true]{inline-size:calc(var(--spacing) * 7);background-color:var(--color-primary);border-color:#0000}.swatch-attribute-options{flex-flow:wrap;display:flex}.swatch-option{margin:calc(var(--spacing) * 1);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--tw-ring-offset-width:2px;border-width:1px;justify-content:center;min-width:40px;display:flex}:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{width:100%}@media (min-width:40rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:40rem}}@media (min-width:48rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:48rem}}@media (min-width:64rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:64rem}}@media (min-width:80rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:80rem}}@media (min-width:96rem){:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{max-width:96rem}}:where(main:not(.product-main-full-width,.page-main-full-width)) .columns{padding-inline:calc(var(--spacing) * 6);margin-inline:auto}.account-nav li a,.account-nav li strong{padding-block:calc(var(--spacing) * 1);color:var(--color-fg-secondary);justify-content:space-between;display:flex}.account-nav li a:hover{color:var(--color-fg);text-decoration-line:underline}.account-nav li strong{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-fg);text-decoration-line:underline}.cms-content{--text-flow:1em 1rem;--separator-flow:2.5em;--list-flow:.5em;--h-color:initial;--h-family:initial;--h-size:1.125em;--h-weight:600;--h-line:1.1;--h1-size:3em;--h2-size:2em;--h3-size:1.625em;--h4-size:1.375em;--marker-color:var(--color-primary);--link-color:var(--color-primary);--link-weight:500;--blockquote-color:var(--color-primary);--table-py:calc(var(--spacing) * 3);--table-px:calc(var(--spacing) * 2);--table-stroke:var(--color-gray-400);--table-bg:canvas;--table-color:canvastext}.cms-content :where(h1,h2,h3,h4,h5,h6,p,dl,ul,ol,pre,hgroup){margin-block:var(--text-flow)}.cms-content :where(blockquote,figure,hr){margin-block:var(--separator-flow);margin-inline:0}.cms-content :where([class~=lead]){font-size:1.25em}.cms-content :where(h1,h2,h3,h4,h5,h6){color:var(--h-color);font-family:var(--h-family);font-size:var(--h-size);font-weight:var(--h-weight);line-height:var(--h-line);text-wrap:balance}.cms-content :where(h1){--h-size:var(--h1-size)}.cms-content :where(h2){--h-size:var(--h2-size)}.cms-content :where(h3){--h-size:var(--h3-size)}.cms-content :where(h4){--h-size:var(--h4-size)}.cms-content ::marker{color:var(--marker-color)}.cms-content :where(ul,ol){list-style:revert;padding-inline-start:2em}.cms-content :where(ol[type=a]){list-style-type:lower-alpha}.cms-content :where(ol[type=i]){list-style-type:lower-roman}.cms-content :where(ol[type="1"]){list-style-type:decimal}.cms-content :where(blockquote){border-inline-start:4px solid var(--blockquote-color);padding-block:.25em;padding-inline-start:1.5em}.cms-content :where(:any-link){color:var(--link-color);font-weight:var(--link-weight)}.cms-content :where(:any-link):hover{text-decoration:underline}.cms-content :where(table){border-collapse:separate;border-spacing:0;border-color:var(--table-stroke)}.cms-content :where(thead,tbody,tfoot,tr,th,td){border-color:inherit;text-align:inherit}.cms-content :where(th,td){padding-block:var(--table-py);padding-inline:var(--table-px);background:var(--table-bg);color:var(--table-color)}.cms-content :where(tr+tr :is(th,td)){border-block-start-width:1px}.cms-content :where(thead tr:last-child :is(th,td)){border-block-end-width:2px}.cms-content :where(tfoot tr:first-child :is(th,td)){border-block-start-width:2px}.cms-content :where(table:not(:has(.table-wrapper,[class*=overflow-]))){word-break:break-all}.cms-content>:where(:first-child){margin-block-start:0}.cms-content>:where(:last-child){margin-block-end:0}.cms-content{max-width:100%}.table-wrapper{overflow:auto}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.backdrop{background-color:var(--backdrop,#0003);position:fixed;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-10{top:calc(var(--spacing) * 10)}.top-100{top:calc(var(--spacing) * 100)}.top-\[var\(--header-height\,120px\)\]{top:var(--header-height,120px)}.top-full{top:100%}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-8{right:calc(var(--spacing) * 8)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-last{order:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.float-end{float:inline-end}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-2{margin:calc(var(--spacing) * -2)}.-m-4{margin:calc(var(--spacing) * -4)}.m-0{margin:calc(var(--spacing) * 0)}.m-1{margin:calc(var(--spacing) * 1)}.m-4{margin:calc(var(--spacing) * 4)}.m-auto{margin:auto}.prose{--text-flow:1em 1rem;--separator-flow:2.5em;--list-flow:.5em;--h-color:initial;--h-family:initial;--h-size:1.125em;--h-weight:600;--h-line:1.1;--h1-size:3em;--h2-size:2em;--h3-size:1.625em;--h4-size:1.375em;--marker-color:var(--color-primary);--link-color:var(--color-primary);--link-weight:500;--blockquote-color:var(--color-primary);--table-py:calc(var(--spacing) * 3);--table-px:calc(var(--spacing) * 2);--table-stroke:var(--color-gray-400);--table-bg:canvas;--table-color:canvastext}.prose :where(h1,h2,h3,h4,h5,h6,p,dl,ul,ol,pre,hgroup){margin-block:var(--text-flow)}.prose :where(blockquote,figure,hr){margin-block:var(--separator-flow);margin-inline:0}.prose :where([class~=lead]){font-size:1.25em}.prose :where(h1,h2,h3,h4,h5,h6){color:var(--h-color);font-family:var(--h-family);font-size:var(--h-size);font-weight:var(--h-weight);line-height:var(--h-line);text-wrap:balance}.prose :where(h1){--h-size:var(--h1-size)}.prose :where(h2){--h-size:var(--h2-size)}.prose :where(h3){--h-size:var(--h3-size)}.prose :where(h4){--h-size:var(--h4-size)}.prose ::marker{color:var(--marker-color)}.prose :where(ul,ol){list-style:revert;padding-inline-start:2em}.prose :where(ol[type=a]){list-style-type:lower-alpha}.prose :where(ol[type=i]){list-style-type:lower-roman}.prose :where(ol[type="1"]){list-style-type:decimal}.prose :where(blockquote){border-inline-start:4px solid var(--blockquote-color);padding-block:.25em;padding-inline-start:1.5em}.prose :where(:any-link){color:var(--link-color);font-weight:var(--link-weight)}.prose :where(:any-link):hover{text-decoration:underline}.prose :where(table){border-collapse:separate;border-spacing:0;border-color:var(--table-stroke)}.prose :where(thead,tbody,tfoot,tr,th,td){border-color:inherit;text-align:inherit}.prose :where(th,td){padding-block:var(--table-py);padding-inline:var(--table-px);background:var(--table-bg);color:var(--table-color)}.prose :where(tr+tr :is(th,td)){border-block-start-width:1px}.prose :where(thead tr:last-child :is(th,td)){border-block-end-width:2px}.prose :where(tfoot tr:first-child :is(th,td)){border-block-start-width:2px}.prose :where(table:not(:has(.table-wrapper,[class*=overflow-]))){word-break:break-all}.prose>:where(:first-child){margin-block-start:0}.prose>:where(:last-child){margin-block-end:0}.container{padding-inline:calc(var(--spacing) * 6);margin-inline:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-8{margin-block:calc(var(--spacing) * 8)}.my-12{margin-block:calc(var(--spacing) * 12)}.ms-0{margin-inline-start:calc(var(--spacing) * 0)}.ms-7{margin-inline-start:calc(var(--spacing) * 7)}.ms-8{margin-inline-start:calc(var(--spacing) * 8)}.-me-4{margin-inline-end:calc(var(--spacing) * -4)}.me-0{margin-inline-end:calc(var(--spacing) * 0)}.me-auto{margin-inline-end:auto}.-mt-6{margin-top:calc(var(--spacing) * -6)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-10{margin-left:calc(var(--spacing) * 10)}.ml-auto{margin-left:auto}.box-content{box-sizing:content-box}.snap{scroll-snap-type:x var(--tw-scroll-snap-strictness);--tw-scroll-snap-strictness:mandatory;scroll-behavior:smooth}.snap>*{scroll-snap-align:start}.snap{scrollbar-width:none}.snap::-webkit-scrollbar{display:none}.btn{--btn-stroke:#0000;--btn-bg:#2455491a}@supports (color:color-mix(in lab, red, red)){.btn{--btn-bg:color-mix(in srgb, var(--color-primary) 10%, #0000)}}.btn{--btn-hover-bg:#24554933}@supports (color:color-mix(in lab, red, red)){.btn{--btn-hover-bg:color-mix(in srgb, var(--color-primary) 20%, #0000)}}.btn{--btn-active-bg:#2455494d}@supports (color:color-mix(in lab, red, red)){.btn{--btn-active-bg:color-mix(in srgb, var(--color-primary) 30%, #0000)}}.btn{--btn-color:var(--color-fg);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-width:2px;border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color);-webkit-user-select:none;user-select:none;vertical-align:middle;transition-property:color,background-color,border-color,outline-color;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);font-weight:500;display:inline-flex}.btn:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color));text-decoration:none}.btn:is(:active,.is-active,[aria-current=page],[aria-current=true]){border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}.btn:is(:disabled,[aria-disabled=true]){border-color:var(--btn-disabled-stroke,var(--color-gray-200));background-color:var(--btn-disabled-bg,var(--color-gray-50));color:var(--btn-disabled-color,var(--color-gray-500))}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-none::-webkit-details-marker{display:none}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.size-full{width:100%;height:100%}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-48{height:calc(var(--spacing) * 48)}.h-auto{height:auto}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[75vh\]{max-height:75vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-50{min-height:calc(var(--spacing) * 50)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[20px\]{min-height:20px}.w-0{width:calc(var(--spacing) * 0)}.w-1\/2{width:50%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-4\/12{width:33.3333%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-8\/12{width:66.6667%}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-\[480px\]{width:480px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-xl{width:var(--container-xl)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[25\%\]{max-width:25%}.max-w-\[320px\]{max-width:320px}.max-w-\[600px\]{max-width:600px}.max-w-\[780px\]{max-width:780px}.max-w-\[800px\]{max-width:800px}.max-w-\[960px\]{max-width:960px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-prose{max-width:65ch}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-9\.5{min-width:calc(var(--spacing) * 9.5)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.table-auto{table-layout:auto}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-5{--tw-translate-x:calc(var(--spacing) * -5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-8{--tw-translate-x:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-8{--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-row{grid-auto-flow:row}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-7{column-gap:calc(var(--spacing) * 7)}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0{row-gap:calc(var(--spacing) * 0)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-16{row-gap:calc(var(--spacing) * 16)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-e-none{border-start-end-radius:0;border-end-end-radius:0}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[\#245549\]{border-color:#245549}.border-\[\#e9e9eb\]{border-color:#e9e9eb}.border-blue-500{border-color:var(--color-blue-500)}.border-container{border-color:var(--color-container)}.border-current{border-color:currentColor}.border-emerald-100{border-color:var(--color-emerald-100)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-400{border-color:var(--color-green-400)}.border-light{border-color:var(--color-light)}.border-light\/50{border-color:#e9e9eb80}@supports (color:color-mix(in lab, red, red)){.border-light\/50{border-color:color-mix(in oklab, var(--color-light) 50%, transparent)}}.border-primary{border-color:var(--color-primary)}.border-red-500{border-color:var(--color-red-500)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-\[\#245549\]{background-color:#245549}.bg-\[\#245549\]\/10{background-color:oklab(41.1723% -.0569505 .00497103/.1)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-black[class*=bg-opacity-]{background-color:#000}@supports (color:color-mix(in lab, red, red)){.bg-black[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-black) calc(100% / var(--tw-bg-opacity)), #0000)}}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-container-darker{background-color:var(--color-container-darker)}.bg-emerald-50\/60{background-color:#ecfdf599}@supports (color:color-mix(in lab, red, red)){.bg-emerald-50\/60{background-color:color-mix(in oklab, var(--color-emerald-50) 60%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-500{background-color:var(--color-green-500)}.bg-pink-300{background-color:var(--color-pink-300)}.bg-primary[class*=bg-opacity-]{background-color:#245549}@supports (color:color-mix(in lab, red, red)){.bg-primary[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-primary) calc(100% / var(--tw-bg-opacity)), #0000)}}.bg-primary{background-color:var(--color-primary)}.bg-primary\/5{background-color:#2455490d}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--color-primary) 5%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-400{background-color:var(--color-rose-400)}.bg-sky-300{background-color:var(--color-sky-300)}.bg-stone-600{background-color:var(--color-stone-600)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-white[class*=bg-opacity-]{background-color:#fff}@supports (color:color-mix(in lab, red, red)){.bg-white[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000)}}.bg-white{background-color:var(--color-white)}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-surface{--tw-gradient-from:var(--color-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-black\/20{fill:#0003}@supports (color:color-mix(in lab, red, red)){.fill-black\/20{fill:color-mix(in oklab, var(--color-black) 20%, transparent)}}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.stroke-white\/75{stroke:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.stroke-white\/75{stroke:color-mix(in oklab, var(--color-white) 75%, transparent)}}.stroke-1{stroke-width:1px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-nowrap{white-space:nowrap}.text-\[\#245549\]{color:#245549}.text-black{color:var(--color-black)}.text-current{color:currentColor}.text-dark{color:var(--color-dark)}.text-dark\/40{color:#42424266}@supports (color:color-mix(in lab, red, red)){.text-dark\/40{color:color-mix(in oklab, var(--color-dark) 40%, transparent)}}.text-dark\/60{color:#42424299}@supports (color:color-mix(in lab, red, red)){.text-dark\/60{color:color-mix(in oklab, var(--color-dark) 60%, transparent)}}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fg{color:var(--color-fg)}.text-fg-secondary{color:var(--color-fg-secondary)}.text-fg\/30{color:#4242424d}@supports (color:color-mix(in lab, red, red)){.text-fg\/30{color:color-mix(in oklab, var(--color-fg) 30%, transparent)}}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-800{color:var(--color-green-800)}.text-inherit{color:inherit}.text-on-primary{color:var(--color-on-primary)}.text-orange-400{color:var(--color-orange-400)}.text-primary{color:var(--color-primary)}.text-primary-darker{color:var(--color-primary-darker)}.text-secondary{color:var(--color-secondary)}.text-secondary-darker{color:var(--color-secondary-darker)}.text-slate-400{color:var(--color-slate-400)}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-blue-500\/50{--tw-ring-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.ring-blue-500\/50{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.ring-primary\/50{--tw-ring-color:#24554980}@supports (color:color-mix(in lab, red, red)){.ring-primary\/50{--tw-ring-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.ring-primary\/75{--tw-ring-color:#245549bf}@supports (color:color-mix(in lab, red, red)){.ring-primary\/75{--tw-ring-color:color-mix(in oklab, var(--color-primary) 75%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-0{outline-offset:0px}.outline-offset-2{outline-offset:2px}.outline-primary{outline-color:var(--color-primary)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.btn-primary{--btn-stroke:#0000;--btn-bg:var(--color-primary);--btn-color:var(--color-on-primary);--btn-hover-stroke:#0000;--btn-hover-bg:var(--color-primary-lighter);--btn-hover-color:var(--color-on-primary);--btn-active-stroke:#0000;--btn-active-bg:var(--color-primary);--btn-active-color:var(--color-on-primary)}.btn-secondary{--btn-stroke:var(--color-primary-lighter);--btn-bg:var(--color-on-primary);--btn-color:var(--color-primary-darker);--btn-hover-stroke:var(--color-primary-lighter);--btn-hover-bg:var(--color-on-primary);--btn-hover-color:var(--color-primary-lighter);--btn-active-stroke:#0000;--btn-active-bg:var(--color-primary);--btn-active-color:var(--color-on-primary)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.bg-opacity-25{--tw-bg-opacity:25}.bg-opacity-100{--tw-bg-opacity:100}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:-translate-x-full:is(:where(.group):hover *){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-\[\#245549\]:is(:where(.group):hover *){color:#245549}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded=true] *){rotate:180deg}.before\:h-3:before{content:var(--tw-content);height:calc(var(--spacing) * 3)}.before\:w-3:before{content:var(--tw-content);width:calc(var(--spacing) * 3)}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:bg-green-500:before{content:var(--tw-content);background-color:var(--color-green-500)}.before\:bg-red-500:before{content:var(--tw-content);background-color:var(--color-red-500)}.first\:pt-0:first-child{padding-top:calc(var(--spacing) * 0)}.last\:mr-0:last-child{margin-right:calc(var(--spacing) * 0)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\:mb-6:last-child{margin-bottom:calc(var(--spacing) * 6)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}.even\:bg-gray-50:nth-child(2n){background-color:var(--color-gray-50)}.even\:bg-gray-100:nth-child(2n){background-color:var(--color-gray-100)}.open\:flex:is([open],:popover-open,:open){display:flex}.invalid\:ring-2:invalid{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.invalid\:ring-red-500:invalid{--tw-ring-color:var(--color-red-500)}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:border-\[\#245549\]:hover{border-color:#245549}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary\/40:hover{border-color:#24554966}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.hover\:bg-\[\#e9e9eb\]:hover{background-color:#e9e9eb}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-\[\#245549\]:hover{color:#245549}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-fg:hover{color:var(--color-fg)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-500:hover{color:var(--color-gray-500)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/50:hover{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/50:hover{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\:text-yellow-500:hover{color:var(--color-yellow-500)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:z-10:focus{z-index:10}.focus\:z-30:focus{z-index:30}.focus\:z-40:focus{z-index:40}.focus\:border-0:focus{border-style:var(--tw-border-style);border-width:0}.focus\:border-\[\#245549\]:focus{border-color:#245549}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:bg-white:focus[class*=bg-opacity-]{background-color:#fff}@supports (color:color-mix(in lab, red, red)){.focus\:bg-white:focus[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000)}}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:p-2:focus{padding:calc(var(--spacing) * 2)}.focus\:text-gray-600:focus{color:var(--color-gray-600)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[\#245549\]\/30:focus{--tw-ring-color:oklab(41.1723% -.0569505 .00497103/.3)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-white\/50:focus{--tw-ring-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.focus\:ring-white\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:ring-0:active{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:opacity-75:disabled{opacity:.75}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.aria-\[current\=page\]\:font-medium[aria-current=page]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\]\:border-primary[data-active]{border-color:var(--color-primary)}@media (prefers-reduced-motion:reduce){.motion-reduce\:duration-0{--tw-duration:0s;transition-duration:0s}}@media (min-width:40rem){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:order-3{order:3}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:mt-0{margin-top:calc(var(--spacing) * 0)}.sm\:mr-8{margin-right:calc(var(--spacing) * 8)}.sm\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.sm\:ml-2{margin-left:calc(var(--spacing) * 2)}.sm\:ml-3{margin-left:calc(var(--spacing) * 3)}.sm\:ml-6{margin-left:calc(var(--spacing) * 6)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-36{height:calc(var(--spacing) * 36)}.sm\:w-1\/2{width:50%}.sm\:w-20{width:calc(var(--spacing) * 20)}.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:w-96{width:calc(var(--spacing) * 96)}.sm\:w-auto{width:auto}.sm\:table-fixed{table-layout:fixed}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-16{padding:calc(var(--spacing) * 16)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-1{padding-block:calc(var(--spacing) * 1)}.sm\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:visible{visibility:visible}.md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.md\:order-3{order:3}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-3{grid-column:span 3/span 3}.md\:mx-0{margin-inline:calc(var(--spacing) * 0)}.md\:my-0{margin-block:calc(var(--spacing) * 0)}.md\:me-0{margin-inline-end:calc(var(--spacing) * 0)}.md\:-mt-1{margin-top:calc(var(--spacing) * -1)}.md\:mt-4{margin-top:calc(var(--spacing) * 4)}.md\:mt-5{margin-top:calc(var(--spacing) * 5)}.md\:-mr-1{margin-right:calc(var(--spacing) * -1)}.md\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.md\:ml-auto{margin-left:auto}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline-block{display:inline-block}.md\:inline-flex{display:inline-flex}.md\:h-6{height:calc(var(--spacing) * 6)}.md\:h-24{height:calc(var(--spacing) * 24)}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.3333%}.md\:w-2\/3{width:66.6667%}.md\:w-2\/6{width:33.3333%}.md\:w-4\/6{width:66.6667%}.md\:w-6{width:calc(var(--spacing) * 6)}.md\:w-24{width:calc(var(--spacing) * 24)}.md\:w-\[640px\]{width:640px}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:shrink-0{flex-shrink:0}.md\:-translate-x-1\/3{--tw-translate-x:calc(calc(1 / 3 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[42\%_minmax\(0px\,1fr\)\]{grid-template-columns:42% minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-center{justify-content:center}.md\:justify-start{justify-content:flex-start}.md\:gap-1{gap:calc(var(--spacing) * 1)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.md\:border-0{border-style:var(--tw-border-style);border-width:0}.md\:bg-transparent{background-color:#0000}.md\:px-0{padding-inline:calc(var(--spacing) * 0)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-0{padding-block:calc(var(--spacing) * 0)}.md\:py-6{padding-block:calc(var(--spacing) * 6)}.md\:pl-5{padding-left:calc(var(--spacing) * 5)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:\[--snap-cols\:2\]{--snap-cols:2}}@media (min-width:64rem){.lg\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lg\:absolute{position:absolute}.lg\:sticky{position:sticky}.lg\:top-4{top:calc(var(--spacing) * 4)}.lg\:top-\[var\(--msrp-block-offset\)\]{top:var(--msrp-block-offset)}.lg\:right-auto{right:auto}.lg\:bottom-auto{bottom:auto}.lg\:left-\[var\(--msrp-inline-offset\)\]{left:var(--msrp-inline-offset)}.lg\:order-0{order:0}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:mt-0{margin-top:calc(var(--spacing) * 0)}.lg\:mt-3{margin-top:calc(var(--spacing) * 3)}.lg\:mt-6{margin-top:calc(var(--spacing) * 6)}.lg\:mr-4{margin-right:calc(var(--spacing) * 4)}.lg\:ml-5{margin-left:calc(var(--spacing) * 5)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:table-cell{display:table-cell}.lg\:h-36{height:calc(var(--spacing) * 36)}.lg\:max-h-\[380px\]{max-height:380px}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.3333%}.lg\:w-1\/4{width:25%}.lg\:w-2\/3{width:66.6667%}.lg\:w-36{width:calc(var(--spacing) * 36)}.lg\:w-56{width:calc(var(--spacing) * 56)}.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:max-w-xs{max-width:var(--container-xs)}.lg\:flex-1{flex:1}.lg\:table-auto{table-layout:auto}.lg\:-translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:justify-start{justify-content:flex-start}.lg\:gap-0{gap:calc(var(--spacing) * 0)}.lg\:gap-x-10{column-gap:calc(var(--spacing) * 10)}.lg\:p-5{padding:calc(var(--spacing) * 5)}.lg\:px-5{padding-inline:calc(var(--spacing) * 5)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:py-4{padding-block:calc(var(--spacing) * 4)}.lg\:py-8{padding-block:calc(var(--spacing) * 8)}.lg\:text-left{text-align:left}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.lg\:\[--snap-cols\:3\]{--snap-cols:3}}@media (min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:mt-0{margin-top:calc(var(--spacing) * 0)}.xl\:block{display:block}.xl\:w-1\/4{width:25%}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:border-none{--tw-border-style:none;border-style:none}.xl\:p-12{padding:calc(var(--spacing) * 12)}.xl\:py-32{padding-block:calc(var(--spacing) * 32)}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.xl\:\[--snap-cols\:4\]{--snap-cols:4}}@media (min-width:96rem){.\32 xl\:w-96{width:calc(var(--spacing) * 96)}.\32 xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32 xl\:\[--snap-cols\:5\]{--snap-cols:5}}.rtl\:-rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:-180deg}@media print{.print\:mt-0{margin-top:calc(var(--spacing) * 0)}.print\:ml-5{margin-left:calc(var(--spacing) * 5)}.print\:flex{display:flex}.print\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.print\:text-left{text-align:left}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}@media print{*,:before,:after{box-shadow:none!important;text-shadow:none!important}:is(h1,h2,h3,h4,h5,h6){page-break-after:avoid}:is(h2,h3,h4,h5,h6,p){orphans:3;widows:3}:is(tr,img,svg,pre,blockquote){page-break-inside:avoid}abbr[title]:after{content:" (" attr(title) ")"}:is(.columns,.container){max-width:100%!important}}.btn-size-lg{padding-inline:calc(var(--spacing) * 10);padding-block:calc(var(--spacing) * 4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.btn-size-sm{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.page.messages{top:calc(var(--spacing) * 0);z-index:20;position:sticky}.page.messages .messages section#messages{width:100%}@media (min-width:40rem){.page.messages .messages section#messages{max-width:40rem}}@media (min-width:48rem){.page.messages .messages section#messages{max-width:48rem}}@media (min-width:64rem){.page.messages .messages section#messages{max-width:64rem}}@media (min-width:80rem){.page.messages .messages section#messages{max-width:80rem}}@media (min-width:96rem){.page.messages .messages section#messages{max-width:96rem}}.page.messages .messages section#messages{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);margin-inline:auto}.price-box .price{font-size:var(--price-font-size,var(--text-base));font-weight:var(--price-font-weight,bolder)}.price-box .old-price,.price-box .special-price{display:block}:is(.price-box .old-price,.price-box .special-price) .price-label{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.price-box .old-price{--price-font-size:.875em;--price-font-weight:normal}.price-box .old-price .price{text-decoration:line-through}.price-box .price-excluding-tax{display:block}.price-box .price-excluding-tax:after{content:" " attr(data-label);font-size:var(--price-font-size-label,.875rem);font-weight:var(--price-font-weight,normal)}.price-box .price-tax-label{font-size:var(--price-font-size-label,.875rem)}.price-including-tax+.price-excluding-tax{--price-font-size:1rem}.price-container.price-tier_price{gap:calc(var(--spacing) * 1);display:flex}.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:before{content:"(" attr(data-label) ": "}.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:after{content:")"}.grecaptcha-badge{visibility:hidden}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-main{padding-block:calc(var(--spacing) * 8);flex-grow:1}.columns{gap:calc(var(--spacing) * 4) calc(var(--spacing) * 8);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:48rem){:is([class*=page-layout-2columns-],.page-layout-3columns){--sidebar-width:240px;--main-width:minmax(0px, 1fr);--page-layout:var(--sidebar-width) var(--main-width)}:is([class*=page-layout-2columns-],.page-layout-3columns) .columns{grid-template-columns:var(--page-layout);grid-template-rows:auto 1fr}:is([class*=page-layout-2columns-],.page-layout-3columns) .columns>.column.main{grid-row:span 2}.page-layout-2columns-left .columns>.column.main{grid-column-start:2}.page-layout-2columns-right{--page-layout:var(--main-width) var(--sidebar-width)}.page-layout-2columns-right .columns>.column.main{order:-1}}@media (min-width:64rem){[class*=page-layout-2columns-],.page-layout-3columns{--sidebar-width:320px}}@media (min-width:80rem){.page-layout-3columns{--sidebar-width:240px;--page-layout:var(--sidebar-width) var(--main-width) var(--sidebar-width)}}#customer-login-container{column-gap:calc(var(--spacing) * 4);row-gap:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 8);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){#customer-login-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-links{gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.order-links a{text-decoration:underline}.product-item{--price-font-size:1.25em}.product-item .price-from,.product-item .price-to{--price-font-size:1em}.product-info-main{--price-font-size:clamp(1.5em, 2.5vw, 2.5em)}.product-info-main .old-price{--price-font-size:1em}.product-info-main .product-grouped-options,.product-info-main .price-from,.product-info-main .price-to{--price-font-size:1.5em}.wishlist-widget .price-box .price-label,.wishlist-widget .price-box .old-price{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-image-container{margin-inline:auto;display:block}[data-content-type=row][data-appearance=contained]{width:100%}@media (min-width:40rem){[data-content-type=row][data-appearance=contained]{max-width:40rem}}@media (min-width:48rem){[data-content-type=row][data-appearance=contained]{max-width:48rem}}@media (min-width:64rem){[data-content-type=row][data-appearance=contained]{max-width:64rem}}@media (min-width:80rem){[data-content-type=row][data-appearance=contained]{max-width:80rem}}@media (min-width:96rem){[data-content-type=row][data-appearance=contained]{max-width:96rem}}[data-content-type=row][data-appearance=contained]{padding-inline:calc(var(--spacing) * 6);margin-inline:auto}[data-content-type=row][data-appearance=contained] [data-element=inner],[data-content-type=row][data-appearance=full-bleed],[data-content-type=row][data-appearance=full-width]{background-attachment:scroll!important}[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{width:100%}@media (min-width:40rem){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:40rem}}@media (min-width:48rem){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:48rem}}@media (min-width:64rem){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:64rem}}@media (min-width:80rem){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:80rem}}@media (min-width:96rem){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:96rem}}[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{padding-inline:calc(var(--spacing) * 6);margin-inline:auto}body:where(:not([class*=-full-width])) [data-content-type=row][data-appearance=contained]{padding-inline:0}[data-content-type=column-group],[data-content-type=column-line]{flex-wrap:wrap}@media (min-width:48rem){[data-content-type=column-group],[data-content-type=column-line]{flex-wrap:nowrap}}[data-content-type=column]{flex-basis:100%;width:100%;max-width:100%;background-attachment:scroll!important}@media (min-width:48rem){[data-content-type=column]{flex-basis:auto}}[data-content-type=tabs] .tabs-navigation{padding:calc(var(--spacing) * 0);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin-bottom:-1px;display:block}[data-content-type=tabs] .tabs-navigation li.tab-header{margin-block:calc(var(--spacing) * 0);margin-right:calc(var(--spacing) * 0);border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:0;border-color:var(--color-gray-300);background-color:var(--color-gray-100);overflow-wrap:break-word;border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:100%;margin-left:-1px;display:inline-block;position:relative}[data-content-type=tabs] .tabs-navigation li.tab-header:first-child{margin-left:calc(var(--spacing) * 0)}[data-content-type=tabs] .tabs-navigation li.tab-header.active{z-index:20}[data-content-type=tabs] .tabs-navigation li.tab-header.active[class*=bg-opacity-]{background-color:#fff}@supports (color:color-mix(in lab, red, red)){[data-content-type=tabs] .tabs-navigation li.tab-header.active[class*=bg-opacity-]{background-color:color-mix(in srgb, var(--color-white) calc(100% / var(--tw-bg-opacity)), #0000)}}[data-content-type=tabs] .tabs-navigation li.tab-header.active{background-color:var(--color-white);border-bottom:1px solid #fff}[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title{cursor:pointer;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);white-space:normal;display:block;position:relative}[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title span{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black)}[data-content-type=tabs] .tabs-content{z-index:10;border-radius:var(--radius-sm);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-container-lighter);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative;overflow:hidden}[data-content-type=tabs] .tabs-content [data-content-type=tab-item]{padding:calc(var(--spacing) * 8);min-height:inherit;background-attachment:scroll!important}[data-content-type=tabs].tab-align-left .tabs-content{border-top-left-radius:0!important}[data-content-type=tabs].tab-align-right .tabs-content{border-top-right-radius:0!important}[data-content-type=text],[data-content-type=heading],[data-content-type=html]{overflow-wrap:break-word}[data-content-type=buttons]{max-width:100%}[data-content-type=buttons] [data-content-type=button-item]{margin-right:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 2);max-width:100%}[data-content-type=buttons] [data-content-type=button-item] [data-element=link],[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link]{overflow-wrap:break-word;max-width:100%}[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link]{cursor:default}[data-content-type=buttons] [data-content-type=button-item] :is(a,button,div){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:inline-block}:is(a,button,div).pagebuilder-button-primary{--btn-bg:color-mix(in srgb, var(--color-primary) 10%, #0000);--btn-hover-bg:color-mix(in srgb, var(--color-primary) 20%, #0000);--btn-active-bg:color-mix(in srgb, var(--color-primary) 30%, #0000);--btn-color:var(--color-fg);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-width:2px;border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color);-webkit-user-select:none;user-select:none;vertical-align:middle;transition-property:color,background-color,border-color,outline-color;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);font-weight:500;display:inline-flex}:is(a,button,div).pagebuilder-button-primary:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color));text-decoration:none}:is(a,button,div).pagebuilder-button-primary:is(:active,.is-active,[aria-current=page],[aria-current=true]){border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}:is(a,button,div).pagebuilder-button-primary:is(:disabled,[aria-disabled=true]){border-color:var(--btn-disabled-stroke,var(--color-gray-200));background-color:var(--btn-disabled-bg,var(--color-gray-50));color:var(--btn-disabled-color,var(--color-gray-500))}:is(a,button,div).pagebuilder-button-primary{--btn-stroke:#0000;--btn-bg:var(--color-primary);--btn-color:var(--color-on-primary);--btn-hover-stroke:#0000;--btn-hover-bg:var(--color-primary-lighter);--btn-hover-color:var(--color-on-primary);--btn-active-stroke:#0000;--btn-active-bg:var(--color-primary);--btn-active-color:var(--color-on-primary)}:is(a,button,div).pagebuilder-button-secondary{--btn-stroke:#0000;--btn-bg:#2455491a}@supports (color:color-mix(in lab, red, red)){:is(a,button,div).pagebuilder-button-secondary{--btn-bg:color-mix(in srgb, var(--color-primary) 10%, #0000)}}:is(a,button,div).pagebuilder-button-secondary{--btn-hover-bg:#24554933}@supports (color:color-mix(in lab, red, red)){:is(a,button,div).pagebuilder-button-secondary{--btn-hover-bg:color-mix(in srgb, var(--color-primary) 20%, #0000)}}:is(a,button,div).pagebuilder-button-secondary{--btn-active-bg:#2455494d}@supports (color:color-mix(in lab, red, red)){:is(a,button,div).pagebuilder-button-secondary{--btn-active-bg:color-mix(in srgb, var(--color-primary) 30%, #0000)}}:is(a,button,div).pagebuilder-button-secondary{--btn-color:var(--color-fg);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-width:2px;border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color);-webkit-user-select:none;user-select:none;vertical-align:middle;transition-property:color,background-color,border-color,outline-color;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);font-weight:500;display:inline-flex}:is(a,button,div).pagebuilder-button-secondary:hover{border-color:var(--btn-hover-stroke,var(--btn-stroke));background-color:var(--btn-hover-bg,var(--btn-bg));color:var(--btn-hover-color,var(--btn-color));text-decoration:none}:is(a,button,div).pagebuilder-button-secondary:is(:active,.is-active,[aria-current=page],[aria-current=true]){border-color:var(--btn-active-stroke,var(--btn-stroke));background-color:var(--btn-active-bg,var(--btn-bg));color:var(--btn-active-color,var(--btn-color))}:is(a,button,div).pagebuilder-button-secondary:is(:disabled,[aria-disabled=true]){border-color:var(--btn-disabled-stroke,var(--color-gray-200));background-color:var(--btn-disabled-bg,var(--color-gray-50));color:var(--btn-disabled-color,var(--color-gray-500))}:is(a,button,div).pagebuilder-button-secondary{--btn-stroke:var(--color-primary-lighter);--btn-bg:var(--color-on-primary);--btn-color:var(--color-primary-darker);--btn-hover-stroke:var(--color-primary-lighter);--btn-hover-bg:var(--color-on-primary);--btn-hover-color:var(--color-primary-lighter);--btn-active-stroke:#0000;--btn-active-bg:var(--color-primary);--btn-active-color:var(--color-on-primary)}[data-content-type=divider] hr{border-block-end:0;border-inline:0}[data-content-type=image]>[data-element=link],[data-content-type=image]>[data-element=link] img{border-radius:inherit}[data-content-type=image] .pagebuilder-mobile-hidden{display:none}@media (min-width:48rem){[data-content-type=image] .pagebuilder-mobile-hidden{display:inline-block}}[data-content-type=image] .pagebuilder-mobile-only{display:inline-block}@media (min-width:48rem){[data-content-type=image] .pagebuilder-mobile-only{display:none}}[data-content-type=image] figcaption{overflow-wrap:break-word}[data-content-type=video] .pagebuilder-video-wrapper{overflow:hidden}[data-content-type=video] :is(iframe,video){aspect-ratio:16/9}:is([data-content-type=banner],[data-content-type=slide]){--pagebuilder-overlay-mx:0}:is([data-content-type=banner],[data-content-type=slide]) .pagebuilder-overlay{max-inline-size:var(--container-lg);margin-inline:var(--pagebuilder-overlay-mx);padding:calc(var(--spacing) * 8);border-radius:inherit;transition:background-color .5s}:is([data-content-type=banner],[data-content-type=slide]) .pagebuilder-overlay.pagebuilder-poster-overlay{max-inline-size:100%;min-block-size:inherit;justify-content:center;align-items:center;display:flex}:is([data-content-type=banner],[data-content-type=slide])[data-appearance=collage-centered]{--pagebuilder-overlay-mx:auto}:is([data-content-type=banner],[data-content-type=slide])[data-appearance=collage-left]{--pagebuilder-overlay-mx:0 auto}:is([data-content-type=banner],[data-content-type=slide])[data-appearance=collage-right]{--pagebuilder-overlay-mx:auto 0}[data-content-type=banner]>:is([data-element=link],[data-element=empty_link]),[data-content-type=banner]>:is([data-element=link],[data-element=empty_link]):hover{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}[data-content-type=banner] .pagebuilder-banner-wrapper{overflow-wrap:break-word;border-radius:inherit;background-clip:padding-box;background-attachment:scroll!important}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay{position:relative}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:none}@media (min-width:48rem){[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:var(--container-xl)}}[data-content-type=banner] .pagebuilder-banner-wrapper.jarallax .video-overlay{z-index:0}[data-content-type=banner] .pagebuilder-banner-wrapper [data-element=content]{min-height:50px;overflow:auto}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-banner-button{margin:calc(var(--spacing) * 0);margin-top:calc(var(--spacing) * 5);max-width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;--tw-ease:var(--ease-in-out);transition-duration:.5s;transition-timing-function:var(--ease-in-out);overflow-wrap:break-word;text-align:inherit;display:inline-block}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-poster-content{width:100%}[data-content-type=slider]{padding-block-end:calc(var(--spacing) * 12);position:relative}[data-content-type=slider]:not(:has(.snap-track)){padding-block:calc(var(--spacing) * 6) calc(calc(var(--spacing) * 6) + calc(var(--spacing) * 12));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}@media (prefers-reduced-motion:no-preference){[data-content-type=slider]:not(:has(.snap-track)){scroll-behavior:smooth}}[data-content-type=slider]:not(:has(.snap-track))>*{scroll-snap-align:start}[data-content-type=slider] [data-page-builder-slider-nav]{position:absolute;inset:auto 0 0}[data-content-type=slide]{--overlay-align:initial;position:relative}[data-content-type=slide] .pagebuilder-slide-wrapper{border-radius:inherit;min-block-size:inherit;overflow-wrap:break-word}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax .video-overlay{-webkit-transform:unset;z-index:1}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay{z-index:2;position:relative}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>:is(div,img,video,iframe){margin:auto!important;transform:none!important}[data-content-type=slide] .pagebuilder-poster-content{inline-size:100%}[data-content-type=slide] [data-element=content]{min-height:50px;overflow:auto}[data-content-type=map]{block-size:300px}[data-content-type$=block] .block p:last-child{margin-block:0 calc(var(--spacing) * 4)}[data-content-type=dynamic_block] [data-content-type=image] img{display:inline-block}[data-content-type=dynamic_block] .block-banners .banner-item-content,[data-content-type=dynamic_block] .block-banners-inline .banner-item-content{margin-block-end:auto}.mollie-buttons{text-align:center;opacity:0;margin-top:10%;animation:1s 1s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mollie-buttons .button{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#0095ff;border:0;border-radius:6px;outline:none;max-width:100%;margin:20px;padding:0 16px;font-size:1.8rem;font-weight:700;line-height:4.4rem;text-decoration:none;transition:background .15s;display:inline-block;overflow:hidden;box-shadow:0 1px 2px #00000030}.mollie-buttons{opacity:0;-o-transition:opacity 2s ease-in;transition:opacity 2s ease-in}.mollie-buttons .button:hover{background-color:#0077cb}.mollie-loading .redirect-block{text-align:center;padding:10%}.checkout-payment-method #mollie_methods_ideal-form .label{height:35px;display:inline-block}.checkout-payment-method #mollie_methods_ideal-form .payment-icon{width:35px;max-height:30px}.checkout-payment-method #mollie_methods_kbc-form .label{height:35px;display:inline-block}.checkout-payment-method #mollie_methods_kbc-form .payment-icon{width:35px;max-height:30px}.checkout-payment-method #mollie_methods_giftcard-form .label{height:40px;display:inline-block}.checkout-payment-method #mollie_methods_giftcard-form .payment-icon{width:35px;max-height:30px}.mollie-payment-icon{vertical-align:middle;width:25px;margin-right:5px}.mollie-loading .loader{border:16px solid #e3f0fa;border-top:16px solid #31a8f0;border-radius:50%;width:50px;height:50px;margin-left:auto;margin-right:auto;animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-method-content .card-container{background-color:#fff;border:1px solid #0000001a;border-radius:10px;max-width:400px;margin-bottom:10px;padding:20px;display:block;overflow:auto}.apple-pay-button{-webkit-appearance:-apple-pay-button}@supports ((-webkit-appearance:-apple-pay-button)){.apple-pay-button-with-text{-webkit-appearance:-apple-pay-button;-apple-pay-button-type:buy}.apple-pay-button-with-text>*{visibility:hidden}.apple-pay-button-black-with-text{-apple-pay-button-style:black}.apple-pay-button-white-with-text{-apple-pay-button-style:white;cursor:pointer}.apple-pay-button-white-with-line-with-text{-apple-pay-button-style:white-outline}.apple-pay-button-color-black{-apple-pay-button-style:black}.apple-pay-button-color-white{-apple-pay-button-style:white}.apple-pay-button-color-white-outline{-apple-pay-button-style:white-outline}.apple-pay-button-text-buy{-apple-pay-button-type:buy}.apple-pay-button-text-donate{-apple-pay-button-type:donate}.apple-pay-button-text-plain{-apple-pay-button-type:plain}.apple-pay-button-text-book{-apple-pay-button-type:book}.apple-pay-button-text-check-out{-apple-pay-button-type:check-out}.apple-pay-button-text-subscribe{-apple-pay-button-type:subscribe}.apple-pay-button-text-add-money{-apple-pay-button-type:add-money}.apple-pay-button-text-contribute{-apple-pay-button-type:contribute}.apple-pay-button-text-order{-apple-pay-button-type:order}.apple-pay-button-text-reload{-apple-pay-button-type:reload}.apple-pay-button-text-rent{-apple-pay-button-type:rent}.apple-pay-button-text-support{-apple-pay-button-type:support}.apple-pay-button-text-tip{-apple-pay-button-type:tip}.apple-pay-button-text-top-up{-apple-pay-button-type:top-up}}.mollie-applepay-button-hidden{display:none}.mollie-applepay-minicart-button{height:40px}html{scroll-behavior:smooth}@media (min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:gap-0{gap:0}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-left{text-align:left}.lg\:justify-start{justify-content:flex-start}.lg\:p-8{padding:2rem}.lg\:max-h-\[380px\]{max-height:380px}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.max-h-\[300px\]{max-height:300px}.max-h-\[380px\]{max-height:380px}.max-h-64{max-height:16rem}.text-white\/80{color:#fffc}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/40{color:#fff6}.text-white\/30{color:#ffffff4d}.border-white\/10{border-color:#ffffff1a}.bg-white\/90{background-color:#ffffffe6}.focus\:ring-\[\#245549\]\/30:focus{--tw-ring-color:#2455494d;box-shadow:var(--tw-ring-inset) 0 0 0 3px var(--tw-ring-color)}.focus\:border-\[\#245549\]:focus{border-color:#245549}.tracking-\[0\.15em\]{letter-spacing:.15em}.text-\[11px\]{font-size:11px}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}@media (min-width:640px){.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:h-36{height:9rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.cms-index-index .page-wrapper{min-height:auto!important}.cms-index-index .columns{max-width:100%!important;margin:0!important;padding:0!important}.cms-index-index .column.main{width:100%!important;padding:0!important}.cms-index-index .page-main-full-width{margin:0!important;padding:0!important}.page-header{position:relative;z-index:1050!important}.cms-index-index .page-header{box-shadow:none;border:none;margin:0;padding:0}.cms-index-index .page-footer{background:0 0!important;border:none!important;padding:0!important}.cms-index-index .footer.content{max-width:100%!important;padding:0!important}.cms-index-index .page-footer .bg-surface,.cms-index-index .top-container{display:none}.cms-index-index #maincontent>.page.messages+.columns{max-width:100%}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.snap-x{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.snap-start{scroll-snap-align:start}.brand-s0{letter-spacing:.18em;font-family:Georgia,Times New Roman,serif;font-size:1rem}.brand-s1{font-family:Georgia,Times New Roman,serif;font-size:1rem;font-style:italic}.brand-s2{letter-spacing:.08em;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:700}.brand-s3{letter-spacing:.22em;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:300}.brand-s4{font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:700}.brand-s5{letter-spacing:.05em;font-family:system-ui,-apple-system,sans-serif;font-size:1rem}.fs-announcement-bar{color:#fff;background-color:#245549}.fs-announcement-bar a:hover{text-decoration-color:#fff9}.fs-trust-strip{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}@media (min-width:640px){.fs-trust-strip{gap:2.5rem}}.fs-shopby-card{border:1px solid #e9e9eb;border-radius:.5rem;transition:border-color .3s;overflow:hidden}.fs-shopby-card:hover{border-color:#245549}.fs-shopby-card img{transition:transform .3s}.fs-shopby-card:hover img{transform:scale(1.03)}.fs-brands-bar{color:#fff;text-align:center;background-color:#245549;padding:2rem 1rem}.fs-collection-card{border:1px solid #e9e9eb;border-radius:.5rem;transition:border-color .3s,box-shadow .3s;overflow:hidden}.fs-collection-card:hover{border-color:#245549;box-shadow:0 4px 12px #00000014}.fs-collection-card img{aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.fs-collection-card:hover img{transform:scale(1.05)}.fs-how-step{text-align:center;padding:1.5rem}.fs-how-step svg,.fs-how-step img{margin:0 auto 1rem}.fs-savings-bar{background-color:#245549;border-radius:9999px;height:1.5rem;transition:width .6s ease-out}.fs-delivery-card{text-align:center;border:1px solid #e9e9eb;border-radius:.5rem;padding:1.5rem}.fs-delivery-card.popular{border-width:2px;border-color:#245549;position:relative}.fs-delivery-card.popular:before{content:"Popular";color:#fff;background-color:#245549;border-radius:9999px;padding:.125rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.fs-review-card{background:#fff;border:1px solid #e9e9eb;border-radius:.5rem;padding:1.5rem}.fs-review-stars{gap:.125rem;margin-bottom:.75rem;display:flex}.fs-review-star{background-color:#00b67a;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.fs-authenticity img{border-radius:.75rem}.fs-newsletter{color:#fff;text-align:center;background-color:#245549;padding:2.5rem 1rem}.fs-newsletter input{color:#424242}.fs-newsletter button{color:#245549;background:#fff;font-weight:700}.fs-newsletter button:hover{background:#f1f1f1}.fs-footer{color:#fff;background-color:#424242}.fs-footer a{color:#ffffffb3;transition:color .2s}.fs-footer a:hover{color:#fff}[data-content-type=row]{max-width:100%!important}[data-content-type=row] [data-element=inner]{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.fs-mega-panel{background:#fff;border:1px solid #e9e9eb;border-radius:0 0 .5rem .5rem;max-width:960px;margin:0 auto;padding:1.25rem 1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.fs-az-bar{border-bottom:1px solid #e9e9eb;justify-content:center;align-items:center;gap:.25rem;margin-bottom:1rem;padding-bottom:.875rem;display:flex}.fs-az-btn{cursor:pointer;text-align:center;color:#6b7280;background:#f3f4f6;border:none;border-radius:.3rem;min-width:1.75rem;height:1.75rem;padding:0 .35rem;font-size:.7rem;font-weight:700;line-height:1.75rem;transition:all .15s}.fs-az-btn.active,.fs-az-btn:hover{color:#fff;background:#245549;box-shadow:0 1px 3px #0000001f}.fs-az-btn--all{letter-spacing:.02em;padding:0 .5rem}.fs-brand-grid{flex-wrap:wrap;justify-content:center;gap:0;max-height:380px;padding-right:.5rem;display:flex;overflow-y:hidden}.fs-brand-grid a{color:#374151;text-align:center;border-radius:.25rem;justify-content:center;align-items:center;width:20%;padding:.4rem .6rem;font-size:.8rem;text-decoration:none;transition:all .15s;display:flex}.fs-brand-grid a:hover{color:#245549;background:#f9fafb}.fs-mega-footer{text-align:center;border-top:1px solid #f3f4f6;margin-top:.875rem;padding-top:.75rem}.fs-mega-footer a{color:#245549;font-size:.85rem;font-weight:600;text-decoration:none}.fs-mega-footer a:hover{text-decoration:underline}.fs-page-az-bar{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.fs-page-az-btn{cursor:pointer;text-align:center;color:#6b7280;background:#f3f4f6;border:none;border-radius:.375rem;flex:1;min-width:1.75rem;height:2rem;padding:0 .3rem;font-size:.7rem;font-weight:700;transition:all .15s}.fs-page-az-btn.active,.fs-page-az-btn:hover{color:#fff;background:#245549;box-shadow:0 1px 3px #0000001f}.max-w-\[800px\]{max-width:800px}.max-w-\[750px\]{max-width:750px}.max-w-\[700px\]{max-width:700px}.max-w-\[650px\]{max-width:650px}.max-w-\[400px\]{max-width:400px}.max-h-\[400px\]{max-height:400px}.top-\[var\(--header-height\,120px\)\]{top:var(--header-height,120px)}.h-\[240px\]{height:240px}.w-\[calc\(100\%\/5\)\]{width:20%}.w-\[calc\(100\%\/7\)\]{width:14.2857%}.bg-\[\#245549\]{background-color:#245549}.text-\[\#245549\]{color:#245549}.border-\[\#245549\]{border-color:#245549}.hover\:text-\[\#245549\]:hover{color:#245549}.hover\:border-\[\#245549\]:hover{border-color:#245549}.border-\[\#e9e9eb\]{border-color:#e9e9eb}.bg-\[\#e9e9eb\],.hover\:bg-\[\#e9e9eb\]:hover{background-color:#e9e9eb}.bg-\[\#00b67a\]{background-color:#00b67a}.text-\[\#00b67a\]{color:#00b67a}.bg-primary\/5,.hover\:bg-primary\/5:hover{background-color:#2455490d}.bg-primary\/10{background-color:#2455491a}.border-primary\/30,.hover\:border-primary\/30:hover{border-color:#2455494d}.text-dark\/50{color:#42424280}.text-dark\/40{color:#42424266}.cms-index-index #header{z-index:30;position:sticky;top:0}[x-cloak]{display:none!important}@media (max-width:640px){div[style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important}}@media (max-width:768px){.fs-trust-strip{gap:1rem;font-size:.75rem}div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}}.collapse:not(.show){display:block!important}[data-toggle=collapse],.btn-link[data-toggle=collapse]{display:none!important}.card-body{padding:0}#accordion .card{background:0 0;border:none}#accordion .card-header{display:none}nav[aria-label=Main\ Menu],nav[aria-label=Main\ menu],.mega-menu-container,header{z-index:50;position:relative}.hidden.lg\:block>nav .fixed.z-40,div[x-show] .fixed.z-40{z-index:50!important}.category-description{color:#6b7280;margin-bottom:.5rem;font-size:.75rem;line-height:1.6}.category-description.is-collapsed{max-height:3em;position:relative;overflow:hidden}.category-description.is-collapsed:after{content:"";background:linear-gradient(#0000,#fff);height:1.5em;position:absolute;bottom:0;left:0;right:0}.fs-desc-toggle{color:#245549;cursor:pointer;background:0 0;border:none;margin-top:.25rem;padding:0;font-size:.75rem;font-weight:600;display:inline-block}.fs-desc-toggle:hover{text-decoration:underline}.category-description .collapse:not(.show){display:block!important}.category-description [data-toggle=collapse],.category-description .btn-link[data-toggle=collapse],.category-description .card-header,.category-description #accordion .card{display:none!important}.category-description .card-body{padding:0}.category-description #accordion{background:0 0;border:none}.category-view{gap:1rem!important;margin-bottom:.5rem!important}.category-view img{border-radius:.5rem;max-width:80px;max-height:80px}.catalog-category-view .page-title-wrapper{margin-bottom:.25rem}.catalog-category-view .page-title{color:#424242;font-size:1.25rem;font-weight:700}.catalog-category-view .sidebar-main{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:hidden}.catalog-category-view .sidebar-main .block-title{text-transform:uppercase;letter-spacing:.05em;color:#424242;font-size:.75rem;font-weight:700}.catalog-category-view .sidebar-main .filter-options-item{border-bottom:1px solid #e9e9eb;padding:.35rem 0}.catalog-category-view .sidebar-main .filter-options-title{color:#424242;cursor:pointer;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;display:flex}.catalog-category-view .sidebar-main .filter-options-content{padding-top:.25rem}.catalog-category-view .sidebar-main .filter-options-content a,.catalog-category-view .sidebar-main .filter-options-content label{color:#555;padding:.15rem 0;font-size:.8125rem;transition:color .15s;display:block}.catalog-category-view .sidebar-main .filter-options-content a:hover,.catalog-category-view .sidebar-main .filter-options-content label:hover{color:#245549}.catalog-category-view .sidebar-main .filter-options-content .count{color:#9ca3af;font-size:.75rem}.fs-category-trust{border-bottom:1px solid #e9e9eb;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:.75rem;padding:.625rem 0;display:flex}.fs-category-trust span{color:#6b7280;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;display:flex}.fs-category-trust .trust-icon{color:#245549}.catalog-category-view .product-item-info{flex-direction:column;height:100%;display:flex}.catalog-category-view .product-image-container{aspect-ratio:1;background:#f8f8fa;border-radius:.5rem;justify-content:center;align-items:center;display:flex;overflow:hidden}.catalog-category-view .toolbar-amount{color:#6b7280;font-size:.75rem}.catalog-category-view .sorter-options{color:#424242;border:1px solid #e9e9eb;border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem}.catalog-category-view .pages .items{gap:.25rem}.catalog-category-view .pages .item a,.catalog-category-view .pages .item strong{border-radius:.5rem;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;font-size:.875rem;font-weight:500;display:flex}.catalog-category-view .pages .item.current strong{color:#fff;background:#245549}.catalog-category-view .toolbar-amount{color:#424242;font-size:.875rem;font-weight:500}.catalog-category-view .price-label{font-size:0;line-height:0}.catalog-category-view .price-label:before{content:"From";color:#6b7280;font-size:.75rem;line-height:1.5}.catalog-category-view .modes{display:none!important}.catalog-category-view .category-description{order:99}.catalog-category-view .category-view{flex-direction:column!important}.catalog-category-view .category-view .category-image{flex-shrink:0}.catalog-category-view .category-view .category-image img{object-fit:cover;border-radius:.5rem;width:60px;height:60px}@media (min-width:768px){.catalog-category-view [x-data*=initLayeredNavigation]{background:#f8f8fa;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.catalog-category-view [x-data*=initLayeredNavigation] .text-3xl,.catalog-category-view [x-data*=initLayeredNavigation] .md\:text-3xl{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem!important;font-weight:700!important}.catalog-category-view .filter-options{flex-wrap:wrap;gap:.5rem;display:flex}.catalog-category-view .filter-options-item{flex:none;position:relative}}@media (min-width:1024px){.catalog-category-view .toolbar.toolbar-products{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;display:flex!important}.catalog-category-view .toolbar.toolbar-products .toolbar-amount{white-space:nowrap;flex-shrink:0;order:1}.catalog-category-view .toolbar.toolbar-products .pages,.catalog-category-view .toolbar.toolbar-products>.flex.justify-center{flex-shrink:0;order:2}.catalog-category-view .toolbar.toolbar-products .limiter{white-space:nowrap;flex-shrink:0;order:3;margin-left:auto}.catalog-category-view .toolbar.toolbar-products .toolbar-sorter{flex-shrink:0;order:3}.catalog-category-view .toolbar.toolbar-products .modes{display:none!important}}.catalog-category-view .sidebar-main .filter-options-title svg{width:16px;height:16px}.catalog-category-view .sidebar-main .block{margin:0;padding:0}.catalog-category-view .sidebar-main .block-content{padding:0}@media (max-width:767px){.pdp-description-grid{display:block!important}.pdp-description-grid>div:first-child{margin-bottom:1rem}}.product-description-rendered .pagebuilder-column-line,.product-description-content .pagebuilder-column-line{gap:1.5rem;display:flex}.product-description-rendered .pagebuilder-column,.product-description-content .pagebuilder-column{flex:1;min-width:0}.product-description-rendered h3.muted,.product-description-content h3.muted{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.product-description-rendered .kicker,.product-description-content .kicker{text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin-bottom:.25rem;font-size:.7rem;display:block}.product-description-rendered .fine,.product-description-content .fine{font-size:.8125rem;line-height:1.6}.product-description-rendered h3,.product-description-content h3{color:#424242;margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:700}.product-description-rendered h2,.product-description-content h2{color:#424242;margin:1rem 0 .5rem;font-size:1.25rem;font-weight:700}@media (min-width:1024px){.catalog-category-view .toolbar-sorter.sorter{margin-left:auto;justify-content:flex-end!important}}.catalog-category-view .sidebar-main .block{padding:10px 15px}.product-item:hover .fs-hover-main{transform:translate(-100%)}.product-item:hover .fs-hover-second{transform:translate(0)!important}.product-info-main,.product-info-main :not(.page-header *){z-index:auto!important}#gallery{z-index:auto;position:relative}:is(#gallery.fullscreen,#gallery:fullscreen,#gallery[aria-modal=true],#gallery .fotorama--fullscreen,#gallery.is-fullscreen){z-index:9999!important}#gallery img{border:1px solid #e5e7eb;border-radius:.25rem}.catalog-category-view .sidebar-main,.catalog-category-view .sidebar-main .block,.catalog-category-view .sidebar-main .block-content,.catalog-category-view .sidebar-main .filter-options-item,.catalog-category-view .sidebar-main .filter-options-title,.catalog-category-view .sidebar-main .filter-options-content,.catalog-category-view .sidebar-main button,.catalog-category-view .sidebar-main a,.catalog-category-view .sidebar-main input,.catalog-category-view .sidebar-main select,.catalog-category-view .sidebar-main [class*=rounded],.catalog-category-view .sidebar-main .card,.catalog-category-view .sidebar-main .filter-option,.catalog-category-view .sidebar-main .rounded,.catalog-category-view .sidebar-main .rounded-sm,.catalog-category-view .sidebar-main .rounded-md,.catalog-category-view .sidebar-main .rounded-lg,.catalog-category-view .sidebar-main .rounded-xl,.catalog-category-view .sidebar-main span[class*=rounded],.catalog-category-view .sidebar-main div[class*=rounded],.catalog-category-view .sidebar-main .filter-options-title span{border-radius:0!important}#maincontent{background:#f7f7f7}@media (min-width:768px){.product-info-main{grid-template-columns:35% minmax(0,1fr)!important}}.catalog-category-view .swatch-layered.gender .swatch-option{padding:.25rem .75rem!important}@media (min-width:48rem){#cart-drawer{width:400px!important}}@media (max-width:639px){#header .max-w-screen-xl{padding-top:.5rem;padding-bottom:.5rem;flex-wrap:nowrap!important}#header .max-w-screen-xl>div:first-child{flex-shrink:1;min-width:0;width:auto!important;padding-bottom:0!important}#header .max-w-screen-xl>div:first-child img,#header .max-w-screen-xl>div:first-child svg{width:auto!important;max-height:32px!important}#header .max-w-screen-xl>div:first-child a{max-width:140px;display:block}}.catalog-category-view .product-item .btn-primary[data-addto=cart]{padding:.4rem .5rem!important;font-size:12px!important}.catalog-category-view .product-item .btn-primary[data-addto=cart] svg{width:14px;height:14px}@media (max-width:639px){#header .max-w-screen-xl>nav,#header .max-w-screen-xl>div.lg\:block,#header .max-w-screen-xl>.hidden.lg\:block{order:-2!important}#header .max-w-screen-xl>div:first-child{text-align:center;flex:1;order:-1!important}#header .max-w-screen-xl>div:first-child a{max-width:160px;margin:0 auto}#header .max-w-screen-xl>div:first-child img,#header .max-w-screen-xl>div:first-child svg{max-height:38px!important}#header .max-w-screen-xl>.flex.items-center{order:0!important}}@media (max-width:1023px){.catalog-category-view .sidebar-main{max-height:none!important;position:static!important;overflow-y:visible!important}.catalog-category-view .sidebar-main .filter-options-title{padding:.5rem 0!important;font-size:1rem!important}.catalog-category-view .sidebar-main .filter-options-content a,.catalog-category-view .sidebar-main .filter-options-content label{padding:.3rem 0!important;font-size:.875rem!important}}.catalog-category-view .filter-option.card{margin-top:.5rem!important;margin-bottom:.5rem!important}#cart-drawer-recs>div:last-child{grid-template-columns:repeat(3,1fr)!important;gap:.4rem!important;display:grid!important}#cart-drawer-recs>div:last-child a{min-width:0!important}#cart-drawer-recs>div:last-child img{aspect-ratio:1!important;object-fit:cover!important;width:100%!important}.card{padding-block:calc(var(--spacing) * 1)!important;padding-inline:calc(var(--spacing) * 1)!important;border-radius:0!important}.catalog-category-view .filter-current{margin-bottom:.5rem;background:#f5f0ed!important;border:none!important;border-radius:0!important;padding:.75rem 1rem!important}.catalog-category-view .filter-current strong{text-transform:uppercase;letter-spacing:.05em;color:#424242;font-size:.75rem}.catalog-category-view .filter-current .item{border-bottom:1px solid #0000000f;padding:.35rem 0}.catalog-category-view .filter-current .item:last-child{border-bottom:none}.catalog-category-view .filter-current .filter-label{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;font-size:.65rem;font-weight:600}.catalog-category-view .filter-current .filter-value{color:#245549;font-size:.8125rem;font-weight:600}.catalog-category-view .filter-current .action.remove{color:#9ca3af;transition:color .15s;padding:.25rem!important}.catalog-category-view .filter-current .action.remove:hover{color:#ef4444}.catalog-category-view .filter-current .action.remove svg{width:16px;height:16px}.catalog-category-view .filter-current .filter-actions{border-top:1px solid #0000000f;margin-top:.25rem;padding-top:.5rem}.catalog-category-view .filter-current .filter-actions a{color:#ef4444;font-size:.75rem;font-weight:600;text-decoration:none}.catalog-category-view .filter-current .filter-actions a:hover{text-decoration:underline}.catalog-category-view .filter-current .filter-options-title span.rounded{display:none!important}.catalog-category-view .filter-option{padding-left:1rem!important;padding-right:1rem!important}@media (min-width:768px){.product-info-main .card.mb-6{padding:1.5rem 2rem!important}}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@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-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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:0}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-content{syntax:"*";inherits:false;initial-value:""}.catalog-product-view .pdp-trust-payments { display: none; }

/* ── Functional account pages (login, register, forgot password) ── */
.customer-account-login .login-container,
.customer-account-create .form-create-account,
.customer-account-forgotpassword .form.password.forget {
    max-width: 56rem;
    margin: 2rem auto;
    padding: 0 1rem;
}

.customer-account-login .card,
.customer-account-create .card,
.customer-account-forgotpassword .card,
.customer-account-create .fieldset,
.customer-account-forgotpassword .fieldset {
    background: #fff;
    border: 1px solid #e9e9eb;
    border-radius: 0.75rem;
    padding: 2rem 2.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.customer-account-login .login-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: start;
}
@media (max-width: 767px) {
    .customer-account-login .login-container {
        grid-template-columns: 1fr;
    }
}

.customer-account-login .block-title .text-xl,
.customer-account-login .title-font,
.customer-account-create .legend,
.customer-account-forgotpassword .legend,
.customer-account-create .block-title,
.customer-account-forgotpassword .block-title {
    color: #245549;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.customer-account-login .field,
.customer-account-create .field,
.customer-account-forgotpassword .field {
    margin-bottom: 1rem;
}

.customer-account-login .field .label,
.customer-account-create .field .label,
.customer-account-forgotpassword .field .label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #475569;
    margin-bottom: 0.25rem;
}

.customer-account-login .form-input,
.customer-account-create .form-input,
.customer-account-forgotpassword .form-input {
    border-radius: 0.375rem;
    border-color: #d1d5db;
    padding: 0.625rem 0.75rem;
}
.customer-account-login .form-input:focus,
.customer-account-create .form-input:focus,
.customer-account-forgotpassword .form-input:focus {
    border-color: #245549;
    box-shadow: 0 0 0 3px rgba(36, 85, 73, 0.15);
}

.customer-account-login .btn-primary,
.customer-account-create .btn-primary,
.customer-account-forgotpassword .btn-primary {
    background-color: #245549;
    border-color: #245549;
    border-radius: 0.5rem;
    padding: 0.625rem 1.5rem;
}
.customer-account-login .btn-primary:hover,
.customer-account-create .btn-primary:hover,
.customer-account-forgotpassword .btn-primary:hover {
    background-color: #1a3f36;
}

.customer-account-login .block-new-customer .block-content {
    color: #64748b;
    font-size: 0.875rem;
    line-height: 1.6;
}
.customer-account-login .block-new-customer .block-content ul {
    list-style: disc;
    padding-left: 1.25rem;
    margin-top: 0.5rem;
}

.customer-account-create .form-create-account,
.customer-account-forgotpassword .form.password.forget {
    max-width: 32rem;
}

/* Category sidebar filters / block+card padding (scoped to category pages) */
.catalog-category-view .sidebar-main .block,
.catalog-category-view .sidebar-main .card,
.catalogsearch-result-index .sidebar-main .block,
.catalogsearch-result-index .sidebar-main .card {
    padding-block: calc(var(--spacing) * 3) !important;
}

/* Active filters: compact inline layout */
.filter-current .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.375rem 0;
}
.filter-current .item > span:first-child {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}
.filter-current .item .filter-label {
    display: inline;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #245549;
}
.filter-current .item .filter-label::after {
    content: ':';
}
.filter-current .item .filter-value {
    display: inline;
    font-size: 0.8125rem;
    color: #475569;
}
.filter-current .item .action.remove {
    padding: 0.25rem;
    border-radius: 0.25rem;
}
.filter-current .item .action.remove:hover {
    background: #fee2e2;
    color: #dc2626;
}
.filter-current .item .action.remove svg {
    width: 14px;
    height: 14px;
}
.filter-current .filter-actions {
    padding-top: 0.5rem;
    border-top: 1px solid #e9e9eb;
    margin-top: 0.5rem;
}
.filter-current .filter-actions a {
    font-size: 0.75rem;
    color: #64748b;
}
.filter-current .filter-actions a:hover {
    color: #dc2626;
}

/* PDP Gallery: thumbnails overlay bottom-left of main image */
.catalog-product-view #gallery {
    position: relative;
}
.catalog-product-view #gallery-main {
    margin-bottom: 0;
}

/* Thumbnail nav: overlay bottom-left */
.catalog-product-view #gallery nav.flex {
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    z-index: 10;
    gap: 0.25rem;
}
.catalog-product-view #gallery .js_thumbs_slide {
    margin: 0 !important;
}
.catalog-product-view #gallery .js_thumbs_slide img {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover;
    border-radius: 0.25rem;
    border: 2px solid rgba(255,255,255,0.9);
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.catalog-product-view #gallery .js_thumbs_slide .border-primary img,
.catalog-product-view #gallery .js_thumbs_slide [aria-checked="true"] img {
    border-color: #245549;
}

/* Gallery fullscreen: high z-index */
.catalog-product-view #gallery .fixed.z-50,
.catalog-product-view #gallery [class*="fixed"][class*="z-50"] {
    z-index: 99999 !important;
}

/* PDP: equal height gallery and product info card */
.catalog-product-view .grid.md\:items-start {
    align-items: stretch !important;
}
.catalog-product-view #gallery {
    display: flex;
    flex-direction: column;
}
.catalog-product-view #gallery > div:first-child {
    flex: 1;
}
.catalog-product-view #gallery-main {
    height: 100%;
}
.catalog-product-view #gallery-main img:first-child {
    height: 100%;
    object-fit: contain;
}
.catalog-product-view .card.mb-6 {
    display: flex;
    flex-direction: column;
}

/* Mobile breadcrumbs: single line with ellipsis */
@media (max-width: 767px) {
    /* Hide product name from breadcrumbs on mobile - just show path */
    .catalog-product-view .breadcrumbs .item:last-child {
        display: none;
    }
    .catalog-product-view .breadcrumbs .items {
        font-size: 0.75rem;
        flex-wrap: nowrap !important;
    }

    /* Swatches: fit on screen */
    .catalog-product-view .swatch-attribute {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .catalog-product-view .swatch-attribute-options {
        display: flex;
        flex-wrap: wrap;
        gap: 0.375rem;
    }
    .catalog-product-view .swatch-option {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
        min-width: 0;
        white-space: nowrap;
    }
}

/* PDP: disable sticky left column on mobile */
@media (max-width: 767px) {
    .catalog-product-view .pdp-left-column {
        position: static !important;
    }
}

/* PDP: card padding on mobile */
@media (max-width: 767px) {
    .catalog-product-view .card.mb-6 {
        padding-block: calc(var(--spacing) * 4) !important;
        padding-inline: calc(var(--spacing) * 4) !important;
    }
}

/* PDP mobile: swatches 3-column grid */
@media (max-width: 767px) {
    .catalog-product-view .swatch-attribute-options {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.375rem;
    }
    .catalog-product-view .swatch-option {
        text-align: center;
        justify-content: center;
        padding: 0.2rem;
    }

    /* PDP mobile: price, qty, add to cart on one row */
    .catalog-product-view .flex.flex-col.sm\:flex-row.items-end.my-4 {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between;
        gap: 0.75rem;
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }
    .catalog-product-view .flex.flex-col.sm\:flex-row.items-end.my-4 .price-box {
        font-size: 1.25rem;
    }
    .catalog-product-view .flex.flex-col.sm\:flex-row.items-end.my-4 .flex.gap-2 {
        margin-top: 0 !important;
        margin-left: 0;
    }
    .catalog-product-view .flex.flex-col.sm\:flex-row.items-end.my-4 input[type=number] {
        width: 3rem;
        padding: 0.375rem;
    }
}

/* PDP mobile: override inline swatch styles */
@media (max-width: 767px) {
    .catalog-product-view [role="radiogroup"][aria-label="Size"] {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.375rem !important;
    }
    .catalog-product-view [role="radiogroup"][aria-label="Size"] > div[role="radio"] {
        padding: 0.2rem !important;
        min-height: 50px !important;
    }
    .catalog-product-view [role="radiogroup"][aria-label="Size"] > div[role="radio"] span:first-of-type {
        font-size: 0.9375rem !important;
    }
    .catalog-product-view [role="radiogroup"][aria-label="Size"] > div[role="radio"] span:last-of-type {
        font-size: 0.6875rem !important;
    }
}

/* Collections/Brands page: mobile 3 columns with visible names */
@media (max-width: 767px) {
    /* Brand cards grid: 2 columns on mobile */
    .catalog-category-view [style*="repeat(5,1fr)"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }

    /* A-Z letter bar: contained within viewport, scrollable (brands page only) */
    .brands-page .flex.flex-wrap.gap-1 {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 0.5rem;
        max-width: 100%;
        margin: 0;
    }
    .brands-page .flex.flex-wrap.gap-1 button {
        flex-shrink: 0;
        min-width: 28px;
        padding: 0.25rem;
        font-size: 0.75rem;
    }

    /* Brand card text: ensure full name visible */
    .catalog-category-view [style*="repeat(5,1fr)"] > a,
    .catalog-category-view [style*="repeat(5,1fr)"] > div {
        font-size: 0.6875rem !important;
        padding: 0.375rem !important;
        text-align: center;
        overflow: hidden;
    }
    .catalog-category-view [style*="repeat(5,1fr)"] img {
        max-height: 60px;
    }
}

/* PDP mobile: h1 spacing and size */
@media (max-width: 767px) {
    .catalog-product-view h1.page-title,
    .catalog-product-view .page-title {
        margin-top: 0.75rem;
        padding-bottom: 0.25rem;
        font-size: 1.375rem;
        line-height: 1.3;
    }
}

/* Brands page A-Z bar: contain within viewport on mobile */
@media (max-width: 767px) {
    .fs-page-az-bar {
        overflow-x: auto !important;
        max-width: 100% !important;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap !important;
        padding-bottom: 0.5rem;
    }
    .fs-page-az-bar button {
        flex-shrink: 0;
        min-width: 26px;
        font-size: 0.7rem;
        padding: 0.2rem;
    }
}

/* PDP mobile: show Add to Cart text, smaller font */
@media (max-width: 767px) {
    .catalog-product-view #product-addtocart-button span {
        display: inline !important;
        font-size: 13px;
    }
    .catalog-product-view #product-addtocart-button {
        padding: 0.5rem 0.75rem;
        font-size: 13px;
    }
}

/* Homepage mobile: Most Searched and Shop By blocks */
@media (max-width: 767px) {
    /* Most Searched: 2 columns */
    .cms-home .grid.grid-cols-3.sm\:grid-cols-4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
    /* Shop By What: 2 columns (inline grid override) */
    .cms-home [style*='repeat(6,1fr)'] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
}

/* ── CMS text pages (terms, privacy, delivery, returns, etc.) ── */
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main {
    max-width: 52rem;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main h1 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #245549;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e9e9eb;
    line-height: 1.3;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    line-height: 1.35;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main h3 {
    font-size: 1.0625rem;
    font-weight: 600;
    color: #424242;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main p {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: #4a4a4a;
    margin-bottom: 1rem;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main ul,
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main ol {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: #4a4a4a;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main ul {
    list-style-type: disc;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main ol {
    list-style-type: decimal;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main li {
    margin-bottom: 0.375rem;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main strong {
    color: #333;
    font-weight: 600;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main a {
    color: #245549;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main a:hover {
    color: #1a3f36;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main th,
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main td {
    padding: 0.625rem 0.75rem;
    border: 1px solid #e9e9eb;
    text-align: left;
}
.cms-page-view:not(.cms-home):not(.cms-index-index) .column.main th {
    background: #f5f5f6;
    font-weight: 600;
    color: #333;
}
@media (max-width: 767px) {
    .cms-page-view:not(.cms-home):not(.cms-index-index) .column.main {
        padding: 1.25rem 1rem 2rem;
    }
    .cms-page-view:not(.cms-home):not(.cms-index-index) .column.main h1 {
        font-size: 1.375rem;
    }
}

/* Category sidebar: zero left padding */
.catalog-category-view .sidebar-main .block {
    padding: 10px 15px 10px 0;
}

/* Cart page: summary card padding and layout */
.checkout-cart-index .card {
    padding: 1.25rem 1.25rem !important;
}
.checkout-cart-index .cart-summary {
    display: flex !important;
    flex-direction: column !important;
}
/* Reorder: coupon+shipping first, totals second, checkout third, recommendations last */
.checkout-cart-index .cart-summary .cart-summary-actions {
    order: 1 !important;
}
.checkout-cart-index .cart-summary #cart-totals,
.checkout-cart-index .cart-summary .cart-totals {
    order: 2 !important;
}
.checkout-cart-index .cart-summary nav[aria-label="Go to Checkout"] {
    order: 3 !important;
}
.checkout-cart-index .cart-summary .cart-recommendations {
    order: 90 !important;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e9e9eb;
}
.checkout-cart-index .cart-summary .cart-recommendations-debug {
    display: none !important;
}
.checkout-cart-index .cart-summary > script {
    order: 50 !important;
}

/* ── Hide shipping estimate on mobile cart page ── */
@media (max-width: 767px) {
    #block-shipping { display: none; }
}


/* ── Mobile cart: compact layout to bring recommendations above fold ── */
@media (max-width: 767px) {
    /* Hide H1 "Shopping Cart" on mobile */
    .checkout-cart-index .page-title { display: none; }

    /* Compact cart totals: reduce padding/gaps */
    .checkout-cart-index .cart-totals .grid {
        padding-top: 0.35rem !important;
        padding-bottom: 0.35rem !important;
    }
    .checkout-cart-index .cart-totals .border-b { border-bottom-width: 0; }
    .checkout-cart-index .cart-totals .my-4 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
    .checkout-cart-index .cart-totals .mt-4 { margin-top: 0.25rem !important; }
    .checkout-cart-index .cart-totals .py-3 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .checkout-cart-index .cart-totals .text-xl { font-size: 1rem !important; }

    /* Compact coupon & shipping sections */
    .checkout-cart-index .cart-summary-actions .py-2 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
    .checkout-cart-index .cart-summary-actions details summary { font-size: 0.85rem; }

    /* Compact cart item spacing */
    .checkout-cart-index .cart.items .item-info { padding: 0.5rem 0 !important; }

    /* Compact checkout buttons */
    .checkout-cart-index .checkout-methods-items { gap: 0.25rem !important; }
    .checkout-cart-index .checkout-methods-items .btn { padding: 0.5rem !important; font-size: 0.85rem !important; }
}


/* ── Desktop cart: pull summary column up + compact totals ── */
@media (min-width: 1024px) {
    .checkout-cart-index .cart-summary-column {
        margin-top: -70px;
    }

    /* Compact totals rows */
    .checkout-cart-index .cart-totals .grid.py-3 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .checkout-cart-index .cart-totals .mt-4 {
        margin-top: 0.25rem !important;
    }
    .checkout-cart-index .cart-totals .my-4 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .checkout-cart-index .cart-summary-actions .py-2 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    /* Horizontal recommendations when moved below cart (1-2 items) */
    .recs-below-cart .cart-recommendations .recommendations-list {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 1rem !important;
    }
    .recs-below-cart .cart-recommendations .recommendation-item {
        flex-direction: column !important;
        text-align: center !important;
        padding: 12px !important;
        margin-bottom: 0 !important;
        gap: 8px !important;
    }
    .recs-below-cart .cart-recommendations .recommendation-image {
        width: 120px !important;
        height: 120px !important;
        margin: 0 auto !important;
    }
    .recs-below-cart .cart-recommendations .recommendation-info {
        text-align: center !important;
    }
    .recs-below-cart .cart-recommendations .recommendation-title {
        font-size: 0.9rem !important;
    }
    .recs-below-cart .cart-recommendations .recommendation-price {
        justify-content: center !important;
    }
    .recs-below-cart .cart-recommendations .block-title {
        margin-top: 1rem !important;
    }
}
/**
 * FSUK Frankenstein Homepage — Custom CSS
 * Styles for homepage sections using Page Builder + custom templates.
 * Uses inline Tailwind where possible; this file covers what utilities cannot.
 */

/* === Base === */
html { scroll-behavior: smooth; }
[x-cloak] { display: none !important; }

/* === Critical Tailwind Utilities (not compiled by Tailwind v4 source scan) === */
/* Grid columns */
@media (min-width: 1024px) {
    .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .lg\:col-span-5 { grid-column: span 5 / span 5; }
    .lg\:col-span-3 { grid-column: span 3 / span 3; }
    .lg\:col-span-4 { grid-column: span 4 / span 4; }
    .lg\:gap-0 { gap: 0px; }
    .lg\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
    .lg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    .lg\:flex { display: flex; }
    .lg\:hidden { display: none; }
    .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
    .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
    .lg\:text-left { text-align: left; }
    .lg\:justify-start { justify-content: flex-start; }
    .lg\:p-8 { padding: 2rem; }
    .lg\:max-h-\[380px\] { max-height: 380px; }
    .lg\:col-span-6 { grid-column: span 6 / span 6; }
    .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* Arbitrary max-heights */
.max-h-\[300px\] { max-height: 300px; }
.max-h-\[380px\] { max-height: 380px; }
.max-h-\[400px\] { max-height: 400px; }
.max-h-64 { max-height: 16rem; }
/* White with opacity */
.text-white\/80 { color: rgba(255, 255, 255, 0.8); }
.text-white\/60 { color: rgba(255, 255, 255, 0.6); }
.text-white\/70 { color: rgba(255, 255, 255, 0.7); }
.text-white\/40 { color: rgba(255, 255, 255, 0.4); }
.text-white\/30 { color: rgba(255, 255, 255, 0.3); }
.border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
.bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); }
/* Ring focus */
.focus\:ring-\[\#245549\]\/30:focus { --tw-ring-color: rgba(36, 85, 73, 0.3); box-shadow: var(--tw-ring-inset) 0 0 0 3px var(--tw-ring-color); }
.focus\:border-\[\#245549\]:focus { border-color: #245549; }
/* Tracking */
.tracking-\[0\.15em\] { letter-spacing: 0.15em; }
.text-\[11px\] { font-size: 11px; }
.text-\[10px\] { font-size: 10px; }
.text-\[9px\] { font-size: 9px; }
/* SM breakpoint */
@media (min-width: 640px) {
    .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
    .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
    .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
    .sm\:h-36 { height: 9rem; }
    .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sm\:flex-row { flex-direction: row; }
}
/* MD breakpoint */
@media (min-width: 768px) {
    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* === Homepage Layout Fixes === */
/* Remove min-height that creates massive whitespace */
.cms-index-index .page-wrapper {
    min-height: auto !important;
}

/* Remove Magento .columns max-width constraint on homepage — content should be full-width */
.cms-index-index .columns {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.cms-index-index .column.main {
    padding: 0 !important;
    width: 100% !important;
}

/* Remove default padding on page-main on homepage */
.cms-index-index .page-main-full-width {
    padding: 0 !important;
    margin: 0 !important;
}
/* Page header z-index — keep above all content */
.page-header {
    z-index: 1050 !important;
    position: relative;
}


/* Page header — clean look, no extra spacing */
.cms-index-index .page-header {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

/* Footer wrapper — remove default grey bg/border */
.cms-index-index .page-footer {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}
.cms-index-index .footer.content {
    padding: 0 !important;
    max-width: 100% !important;
}

/* The Hyvä footer copyright bar - hide on homepage since we have custom footer */
.cms-index-index .page-footer .bg-surface {
    display: none;
}

/* Remove top container padding (breadcrumbs area) on homepage */
.cms-index-index .top-container {
    display: none;
}

/* Ensure hero section goes full width */
.cms-index-index #maincontent > .page.messages + .columns {
    max-width: 100%;
}

/* === Scrollbar Hiding (horizontal scroll sections) === */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* === Snap Scroll (Most Searched mobile) === */
.snap-x { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.snap-start { scroll-snap-align: start; }

/* === Brand Typography Variants (mega menu + brands bar) === */
.brand-s0 { font-family: Georgia, 'Times New Roman', serif; letter-spacing: 0.18em; font-size: 1rem; }
.brand-s1 { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 1rem; }
.brand-s2 { font-family: system-ui, -apple-system, sans-serif; font-weight: 700; letter-spacing: 0.08em; font-size: 1rem; }
.brand-s3 { font-family: system-ui, -apple-system, sans-serif; font-weight: 300; letter-spacing: 0.22em; font-size: 1rem; }
.brand-s4 { font-family: Georgia, 'Times New Roman', serif; font-weight: 700; font-size: 1rem; }
.brand-s5 { font-family: system-ui, -apple-system, sans-serif; letter-spacing: 0.05em; font-size: 1rem; }

/* === Announcement Bar === */
.fs-announcement-bar {
    background-color: #245549;
    color: #fff;
}
.fs-announcement-bar a:hover {
    text-decoration-color: rgba(255, 255, 255, 0.6);
}

/* === Trust Strip === */
.fs-trust-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}
@media (min-width: 640px) {
    .fs-trust-strip { gap: 2.5rem; }
}

/* === Shop By Grid === */
.fs-shopby-card {
    border: 1px solid #e9e9eb;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: border-color 0.3s;
}
.fs-shopby-card:hover {
    border-color: #245549;
}
.fs-shopby-card img {
    transition: transform 0.3s;
}
.fs-shopby-card:hover img {
    transform: scale(1.03);
}

/* === Brands Range Bar === */
.fs-brands-bar {
    background-color: #245549;
    color: #fff;
    padding: 2rem 1rem;
    text-align: center;
}

/* === Featured Collections === */
.fs-collection-card {
    overflow: hidden;
    border-radius: 0.5rem;
    border: 1px solid #e9e9eb;
    transition: border-color 0.3s, box-shadow 0.3s;
}
.fs-collection-card:hover {
    border-color: #245549;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.fs-collection-card img {
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: transform 0.3s;
}
.fs-collection-card:hover img {
    transform: scale(1.05);
}

/* === How It Works === */
.fs-how-step {
    text-align: center;
    padding: 1.5rem;
}
.fs-how-step svg,
.fs-how-step img {
    margin: 0 auto 1rem;
}

/* === Value + Savings Bars === */
.fs-savings-bar {
    height: 1.5rem;
    border-radius: 9999px;
    background-color: #245549;
    transition: width 0.6s ease-out;
}

/* === Delivery Tier Cards === */
.fs-delivery-card {
    border: 1px solid #e9e9eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
}
.fs-delivery-card.popular {
    border-color: #245549;
    border-width: 2px;
    position: relative;
}
.fs-delivery-card.popular::before {
    content: 'Popular';
    position: absolute;
    top: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #245549;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.125rem 0.75rem;
    border-radius: 9999px;
}

/* === Reviews Section === */
.fs-review-card {
    background: #fff;
    border: 1px solid #e9e9eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
}
.fs-review-stars {
    display: flex;
    gap: 0.125rem;
    margin-bottom: 0.75rem;
}
.fs-review-star {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #00b67a;
}

/* === Authenticity Block === */
.fs-authenticity img {
    border-radius: 0.75rem;
}

/* === Newsletter === */
.fs-newsletter {
    background-color: #245549;
    color: #fff;
    padding: 2.5rem 1rem;
    text-align: center;
}
.fs-newsletter input {
    color: #424242;
}
.fs-newsletter button {
    background: #fff;
    color: #245549;
    font-weight: 700;
}
.fs-newsletter button:hover {
    background: #f1f1f1;
}

/* === Footer === */
.fs-footer {
    background-color: #424242;
    color: #fff;
}
.fs-footer a {
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.2s;
}
.fs-footer a:hover {
    color: #fff;
}

/* === Page Builder Overrides === */
/* Ensure Page Builder rows stretch full width */
[data-content-type="row"] {
    max-width: 100% !important;
}
[data-content-type="row"] [data-element="inner"] {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* === Brands Mega Menu Dropdown === */
.fs-mega-panel {
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e9e9eb;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 1.25rem 1.5rem;
}
.fs-az-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9e9eb;
    padding-bottom: 0.875rem;
}
.fs-az-btn {
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 0.35rem;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 0.3rem;
    cursor: pointer;
    border: none;
    transition: all 0.15s;
    text-align: center;
    background: #f3f4f6;
    color: #6b7280;
    line-height: 1.75rem;
}
.fs-az-btn.active,
.fs-az-btn:hover {
    background: #245549;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
}
.fs-az-btn--all {
    padding: 0 0.5rem;
    letter-spacing: 0.02em;
}
.fs-brand-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    max-height: 380px;
    overflow-y: hidden;
    padding-right: 0.5rem;
}
.fs-brand-grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.6rem;
    color: #374151;
    border-radius: 0.25rem;
    transition: all 0.15s;
    text-align: center;
    font-size: 0.8rem;
    width: 20%;
    text-decoration: none;
}
.fs-brand-grid a:hover {
    color: #245549;
    background: #f9fafb;
}
.fs-mega-footer {
    margin-top: 0.875rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f3f4f6;
    text-align: center;
}
.fs-mega-footer a {
    font-size: 0.85rem;
    font-weight: 600;
    color: #245549;
    text-decoration: none;
}
.fs-mega-footer a:hover {
    text-decoration: underline;
}

/* === Brands Page A-Z Bar === */
.fs-page-az-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    flex-wrap: nowrap;
}
.fs-page-az-btn {
    flex: 1;
    min-width: 1.75rem;
    height: 2rem;
    padding: 0 0.3rem;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 0.375rem;
    cursor: pointer;
    border: none;
    transition: all 0.15s;
    text-align: center;
    background: #f3f4f6;
    color: #6b7280;
}
.fs-page-az-btn.active,
.fs-page-az-btn:hover {
    background: #245549;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

/* === Mega Menu Dropdown Panel Sizes (Tailwind arbitrary values not compiling) === */
.max-w-\[800px\] { max-width: 800px; }
.max-w-\[750px\] { max-width: 750px; }
.max-w-\[700px\] { max-width: 700px; }
.max-w-\[650px\] { max-width: 650px; }
.max-w-\[400px\] { max-width: 400px; }
.max-h-\[400px\] { max-height: 400px; }
.top-\[var\(--header-height\2c 120px\)\] { top: var(--header-height, 120px); }
.h-\[240px\] { height: 240px; }
.w-\[calc\(100\%\/5\)\] { width: calc(100%/5); }
.w-\[calc\(100\%\/7\)\] { width: calc(100%/7); }
.bg-\[\#245549\] { background-color: #245549; }
.text-\[\#245549\] { color: #245549; }
.border-\[\#245549\] { border-color: #245549; }
.hover\:text-\[\#245549\]:hover { color: #245549; }
.hover\:border-\[\#245549\]:hover { border-color: #245549; }
.border-\[\#e9e9eb\] { border-color: #e9e9eb; }
.bg-\[\#e9e9eb\] { background-color: #e9e9eb; }
.hover\:bg-\[\#e9e9eb\]:hover { background-color: #e9e9eb; }
.bg-\[\#00b67a\] { background-color: #00b67a; }
.text-\[\#00b67a\] { color: #00b67a; }
.bg-primary\/5 { background-color: rgba(36, 85, 73, 0.05); }
.hover\:bg-primary\/5:hover { background-color: rgba(36, 85, 73, 0.05); }
.bg-primary\/10 { background-color: rgba(36, 85, 73, 0.1); }
.border-primary\/30 { border-color: rgba(36, 85, 73, 0.3); }
.hover\:border-primary\/30:hover { border-color: rgba(36, 85, 73, 0.3); }
.text-dark\/50 { color: rgba(66, 66, 66, 0.5); }
.text-dark\/40 { color: rgba(66, 66, 66, 0.4); }

/* === Mega Menu Dropdown Fixes === */
/* The mega menu panels are inside the sticky header but use fixed positioning.
   Ensure they appear below the nav bar with proper styling. */

/* Brands mega menu panel */
.cms-index-index #header {
    position: sticky;
    top: 0;
    z-index: 30;
}

/* All mega menu dropdown panels — ensure visible white bg + shadow */
[x-cloak] { display: none !important; }

/* Responsive overrides for How It Works on mobile */
@media (max-width: 640px) {
    /* Stack How It Works to single column on very small screens */
    div[style*="grid-template-columns:repeat(3"] {
        grid-template-columns: 1fr !important;
    }
}

/* === Responsive === */
@media (max-width: 768px) {
    .fs-trust-strip { gap: 1rem; font-size: 0.75rem; }

    /* Stack Value+Savings to single column on mobile */
    div[style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
}

/* Fix legacy Bootstrap accordion in category descriptions */
.collapse:not(.show) {
    display: block !important;
}
[data-toggle="collapse"],
.btn-link[data-toggle="collapse"] {
    display: none !important;
}
.card-body {
    padding: 0;
}
#accordion .card {
    border: none;
    background: transparent;
}
#accordion .card-header {
    display: none;
}

/* Ensure mega menu is above hero section */
nav[aria-label="Main Menu"],
nav[aria-label="Main menu"],
.mega-menu-container,
header {
    position: relative;
    z-index: 50;
}

/* Ensure mega menu dropdown panels render above hero */
.hidden.lg\:block > nav .fixed.z-40,
div[x-show] .fixed.z-40 {
    z-index: 50 !important;
}

/* === CATEGORY PAGE IMPROVEMENTS === */

/* Category description - expandable */
.category-description {
    font-size: 0.75rem;
    line-height: 1.6;
    color: #6b7280;
    margin-bottom: 0.5rem;
}
.category-description.is-collapsed {
    max-height: 3em;
    overflow: hidden;
    position: relative;
}
.category-description.is-collapsed::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5em;
    background: linear-gradient(transparent, white);
}
.fs-desc-toggle {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #245549;
    cursor: pointer;
    margin-top: 0.25rem;
    border: none;
    background: none;
    padding: 0;
}
.fs-desc-toggle:hover {
    text-decoration: underline;
}

/* Hide the Bootstrap accordion button and show collapsed content */
.category-description .collapse:not(.show) {
    display: block !important;
}
.category-description [data-toggle="collapse"],
.category-description .btn-link[data-toggle="collapse"],
.category-description .card-header,
.category-description #accordion .card {
    display: none !important;
}
.category-description .card-body {
    padding: 0;
}
.category-description #accordion {
    border: none;
    background: transparent;
}

/* Category view container - more compact */
.category-view {
    margin-bottom: 0.5rem !important;
    gap: 1rem !important;
}

/* Category image - smaller */
.category-view img {
    max-width: 80px;
    max-height: 80px;
    border-radius: 0.5rem;
}

/* Category page title - compact */
.catalog-category-view .page-title-wrapper {
    margin-bottom: 0.25rem;
}
.catalog-category-view .page-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #424242;
}

/* === CATEGORY SIDEBAR FILTERS === */

.catalog-category-view .sidebar-main {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow-y: hidden;
    /* min-width: 240px; */
    /* max-width: 260px; */
}
.catalog-category-view .sidebar-main .block-title {    font-size: 0.75rem;    font-weight: 700;    text-transform: uppercase;    letter-spacing: 0.05em;    color: #424242;}
.catalog-category-view .sidebar-main .filter-options-item {
    border-bottom: 1px solid #e9e9eb;
    padding: 0.35rem 0;
}
.catalog-category-view .sidebar-main .filter-options-title {
    font-size: 0.7rem;
    font-weight: 600;
    color: #424242;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.catalog-category-view .sidebar-main .filter-options-content {
    padding-top: 0.25rem;
}
.catalog-category-view .sidebar-main .filter-options-content a,
.catalog-category-view .sidebar-main .filter-options-content label {
    font-size: 0.8125rem;
    color: #555;
    display: block;
    padding: 0.15rem 0;
    transition: color 0.15s;
}
.catalog-category-view .sidebar-main .filter-options-content a:hover,
.catalog-category-view .sidebar-main .filter-options-content label:hover {
    color: #245549;
}
.catalog-category-view .sidebar-main .filter-options-content .count {
    color: #9ca3af;
    font-size: 0.75rem;
}

/* === TRUST BAR ON CATEGORY PAGE === */
.fs-category-trust {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding: 0.625rem 0;
    border-bottom: 1px solid #e9e9eb;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}
.fs-category-trust span {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
}
.fs-category-trust .trust-icon {
    color: #245549;
}

/* === PRODUCT CARD IMPROVEMENTS === */
/* Ensure cards have consistent height */
.catalog-category-view .product-item-info {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Product image container - consistent aspect ratio */
.catalog-category-view .product-image-container {
    aspect-ratio: 1;
    background: #f8f8fa;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Toolbar improvements */
.catalog-category-view .toolbar-amount {
    font-size: 0.75rem;
    color: #6b7280;
}

/* Sort dropdown */
.catalog-category-view .sorter-options {
    border: 1px solid #e9e9eb;
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    color: #424242;
}

/* Pagination improvements */
.catalog-category-view .pages .items {
    gap: 0.25rem;
}
.catalog-category-view .pages .item a,
.catalog-category-view .pages .item strong {
    min-width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}
.catalog-category-view .pages .item.current strong {
    background: #245549;
    color: white;
}

/* === CATEGORY PAGE: Hide grid/list toggle === */
.catalog-category-view .modes { display: none; }

/* === CATEGORY PAGE: Style product count === */
.catalog-category-view .toolbar-amount {
    font-size: 0.875rem;
    font-weight: 500;
    color: #424242;
}

/* Fix: Replace 'As low as' with 'From' on category cards */
.catalog-category-view .price-label {
    font-size: 0;
    line-height: 0;
}
.catalog-category-view .price-label::before {
    content: 'From';
    font-size: 0.75rem;
    line-height: 1.5;
    color: #6b7280;
}

/* Fix: Hide grid/list toggle */
.catalog-category-view .modes {
    display: none !important;
}

/* Fix: Move category description to bottom - hide in its current position */
.catalog-category-view .category-description {
    order: 99;
}
/* Make category view container use flex column so order works */
.catalog-category-view .category-view {
    flex-direction: column !important;
}
.catalog-category-view .category-view .category-image {
    flex-shrink: 0;
}
.catalog-category-view .category-view .category-image img {
    width: 60px;
    height: 60px;
    border-radius: 0.5rem;
    object-fit: cover;
}





/* === COMPACT FILTER BAR (above products, 1-column layout) === */
@media (min-width: 768px) {
    .catalog-category-view [x-data*=initLayeredNavigation] {
        background: #f8f8fa;
        border-radius: 0.75rem;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
    }
    /* Make SHOP BY heading smaller */
    .catalog-category-view [x-data*=initLayeredNavigation] .text-3xl,
    .catalog-category-view [x-data*=initLayeredNavigation] .md\:text-3xl {
        font-size: 0.875rem !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    /* Filter sections in a horizontal row */
    .catalog-category-view .filter-options {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .catalog-category-view .filter-options-item {
        flex: 0 0 auto;
        position: relative;
    }
}

/* === TOOLBAR: Single row on desktop — count left, pagination center, limiter right === */
@media (min-width: 1024px) {
    .catalog-category-view .toolbar.toolbar-products {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }
    .catalog-category-view .toolbar.toolbar-products .toolbar-amount {
        order: 1;
        flex-shrink: 0;
        white-space: nowrap;
    }
    .catalog-category-view .toolbar.toolbar-products .pages {
        order: 2;
        flex-shrink: 0;
    }
    .catalog-category-view .toolbar.toolbar-products > .flex.justify-center {
        order: 2;
        flex-shrink: 0;
    }
    .catalog-category-view .toolbar.toolbar-products .limiter {
        order: 3;
        flex-shrink: 0;
        white-space: nowrap;
        margin-left: auto;
    }
    .catalog-category-view .toolbar.toolbar-products .toolbar-sorter {
        order: 3;
        flex-shrink: 0;
    }
    /* Hide the grid/list modes toggle */
    .catalog-category-view .toolbar.toolbar-products .modes {
        display: none !important;
    }
}

/* Filter toggle chevron — smaller */
.catalog-category-view .sidebar-main .filter-options-title svg {
    width: 16px;
    height: 16px;
}
/* Tighter block spacing in sidebar */
.catalog-category-view .sidebar-main .block {
    padding: 0;
    margin: 0;
}
.catalog-category-view .sidebar-main .block-content {
    padding: 0;
}

/* === PDP DESCRIPTION LAYOUT === */
@media (max-width: 767px) {
    .pdp-description-grid {
        display: block !important;
    }
    .pdp-description-grid > div:first-child {
        margin-bottom: 1rem;
    }
}

/* PageBuilder column layout in PDP description */
.product-description-rendered .pagebuilder-column-line,
.product-description-content .pagebuilder-column-line {
    display: flex;
    gap: 1.5rem;
}
.product-description-rendered .pagebuilder-column,
.product-description-content .pagebuilder-column {
    flex: 1;
    min-width: 0;
}

/* Profile/Notes styling */
.product-description-rendered h3.muted,
.product-description-content h3.muted {
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.5rem;
}
.product-description-rendered .kicker,
.product-description-content .kicker {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #9ca3af;
    display: block;
    margin-bottom: 0.25rem;
}
.product-description-rendered .fine,
.product-description-content .fine {
    font-size: 0.8125rem;
    line-height: 1.6;
}

/* FAQs in description */
.product-description-rendered h3,
.product-description-content h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #424242;
    margin: 1.5rem 0 0.75rem;
}
.product-description-rendered h2,
.product-description-content h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #424242;
    margin: 1rem 0 0.5rem;
}

/* Toolbar sorter — right aligned */
@media (min-width: 1024px) {
    .catalog-category-view .toolbar-sorter.sorter {
        justify-content: flex-end !important;
        margin-left: auto;
    }
}

/* Sidebar block padding */
.catalog-category-view .sidebar-main .block {
    padding: 10px 15px;
}

/* Product card hover image swap */
.product-item:hover .fs-hover-main {
    transform: translateX(-100%);
}
.product-item:hover .fs-hover-second {
    transform: translateX(0) !important;
}

/* PDP gallery z-index */




/* Override any wildcard z-index injection from extensions */
.product-info-main {
    z-index: auto !important;
}
.product-info-main *:not(.page-header *) {
    z-index: auto !important;
}

/* Gallery z-index — only high when in fullscreen/zoom mode */
#gallery {
    z-index: auto;
    position: relative;
}
#gallery.fullscreen,
#gallery:fullscreen,
#gallery[aria-modal="true"],
#gallery .fotorama--fullscreen,
#gallery.is-fullscreen {
    z-index: 9999 !important;
}

/* PDP gallery image border */
#gallery img {
    border: 1px solid #e5e7eb;
    border-radius: 0.25rem;
}

/* Remove all rounded corners from layered nav sidebar */
.catalog-category-view .sidebar-main,
.catalog-category-view .sidebar-main .block,
.catalog-category-view .sidebar-main .block-content,
.catalog-category-view .sidebar-main .filter-options-item,
.catalog-category-view .sidebar-main .filter-options-title,
.catalog-category-view .sidebar-main .filter-options-content,
.catalog-category-view .sidebar-main button,
.catalog-category-view .sidebar-main a,
.catalog-category-view .sidebar-main input,
.catalog-category-view .sidebar-main select,
.catalog-category-view .sidebar-main [class*="rounded"] {
    border-radius: 0 !important;
}

/* Remove rounded corners from ALL sidebar inner elements */
.catalog-category-view .sidebar-main .card,
.catalog-category-view .sidebar-main .filter-option,
.catalog-category-view .sidebar-main .rounded,
.catalog-category-view .sidebar-main .rounded-sm,
.catalog-category-view .sidebar-main .rounded-md,
.catalog-category-view .sidebar-main .rounded-lg,
.catalog-category-view .sidebar-main .rounded-xl,
.catalog-category-view .sidebar-main span[class*='rounded'],
.catalog-category-view .sidebar-main div[class*='rounded'],
.catalog-category-view .sidebar-main .filter-options-title span {
    border-radius: 0 !important;
}

/* Main content background */
#maincontent {
    background: #f7f7f7;
}

/* PDP — make image column smaller */
@media (min-width: 768px) {
    .product-info-main {
        grid-template-columns: 35% minmax(0px, 1fr) !important;
    }
}

/* Gender swatch filter options padding */
.catalog-category-view .swatch-layered.gender .swatch-option {
    padding: 0.25rem 0.75rem !important;
}

/* Mini cart drawer — narrower on desktop */
@media (min-width: 48rem) {
    #cart-drawer {
        width: 400px !important;
    }
}

/* Mobile header — logo smaller, everything on one line */
@media (max-width: 639px) {
    #header .max-w-screen-xl {
        flex-wrap: nowrap !important;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    #header .max-w-screen-xl > div:first-child {
        width: auto !important;
        padding-bottom: 0 !important;
        flex-shrink: 1;
        min-width: 0;
    }
    #header .max-w-screen-xl > div:first-child img,
    #header .max-w-screen-xl > div:first-child svg {
        max-height: 32px !important;
        width: auto !important;
    }
    #header .max-w-screen-xl > div:first-child a {
        display: block;
        max-width: 140px;
    }
}

/* Category card — smaller add to cart button */
.catalog-category-view .product-item .btn-primary[data-addto="cart"] {
    font-size: 12px !important;
    padding: 0.4rem 0.5rem !important;
}
.catalog-category-view .product-item .btn-primary[data-addto="cart"] svg {
    width: 14px;
    height: 14px;
}

/* Mobile header — hamburger left, logo center, icons right */
@media (max-width: 639px) {
    #header .max-w-screen-xl > nav,
    #header .max-w-screen-xl > div.lg\:block,
    #header .max-w-screen-xl > .hidden.lg\:block {
        order: -2 !important;
    }
    /* Logo in middle */
    #header .max-w-screen-xl > div:first-child {
        order: -1 !important;
        flex: 1;
        text-align: center;
    }
    #header .max-w-screen-xl > div:first-child a {
        max-width: 160px;
        margin: 0 auto;
    }
    #header .max-w-screen-xl > div:first-child img,
    #header .max-w-screen-xl > div:first-child svg {
        max-height: 38px !important;
    }
    /* Icons stay right */
    #header .max-w-screen-xl > .flex.items-center {
        order: 0 !important;
    }
}

/* Sidebar NOT sticky on mobile */
@media (max-width: 1023px) {
    .catalog-category-view .sidebar-main {
        position: static !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}

/* Mobile layered nav — bigger filter titles */
@media (max-width: 1023px) {
    .catalog-category-view .sidebar-main .filter-options-title {
        font-size: 1rem !important;
        padding: 0.5rem 0 !important;
    }
    .catalog-category-view .sidebar-main .filter-options-content a,
    .catalog-category-view .sidebar-main .filter-options-content label {
        font-size: 0.875rem !important;
        padding: 0.3rem 0 !important;
    }
}
/* Tighter filter option spacing */
.catalog-category-view .filter-option.card {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Mini cart recommendations — always 3 in a row on all screens */
#cart-drawer-recs > div:last-child {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.4rem !important;
}
#cart-drawer-recs > div:last-child a {
    min-width: 0 !important;
}
#cart-drawer-recs > div:last-child img {
    width: 100% !important;
    aspect-ratio: 1 !important;
    object-fit: cover !important;
}

/* Override default card styles */
.card {
    border-radius: 0 !important;
    padding-block: calc(var(--spacing) * 1) !important;
    padding-inline: calc(var(--spacing) * 1) !important;
}

/* Active filters styling */
.catalog-category-view .filter-current {
    background: #f5f0ed !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0.75rem 1rem !important;
    margin-bottom: 0.5rem;
}
.catalog-category-view .filter-current strong {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #424242;
}
.catalog-category-view .filter-current .item {
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.catalog-category-view .filter-current .item:last-child {
    border-bottom: none;
}
.catalog-category-view .filter-current .filter-label {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #9ca3af;
    font-weight: 600;
}
.catalog-category-view .filter-current .filter-value {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #245549;
}
.catalog-category-view .filter-current .action.remove {
    padding: 0.25rem !important;
    color: #9ca3af;
    transition: color 0.15s;
}
.catalog-category-view .filter-current .action.remove:hover {
    color: #ef4444;
}
.catalog-category-view .filter-current .action.remove svg {
    width: 16px;
    height: 16px;
}
.catalog-category-view .filter-current .filter-actions {
    padding-top: 0.5rem;
    margin-top: 0.25rem;
    border-top: 1px solid rgba(0,0,0,0.06);
}
.catalog-category-view .filter-current .filter-actions a {
    font-size: 0.75rem;
    font-weight: 600;
    color: #ef4444;
    text-decoration: none;
}
.catalog-category-view .filter-current .filter-actions a:hover {
    text-decoration: underline;
}
/* Hide the accordion toggle on active filters */
.catalog-category-view .filter-current .filter-options-title span.rounded {
    display: none !important;
}

/* Filter option left/right padding */
.catalog-category-view .filter-option {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* PDP product info card padding on desktop */
@media (min-width: 768px) {
    .product-info-main .card.mb-6 {
        padding: 1.5rem 2rem !important;
    }
}


/* === SEARCH RESULTS: match category filter styling === */
.catalogsearch-result-index .sidebar-main .filter-options-item {
    border-bottom: 1px solid #e9e9eb;
    padding: 0.35rem 0;
}
.catalogsearch-result-index .sidebar-main .filter-options-title {
    font-size: 0.7rem;
    font-weight: 600;
    color: #424242;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.catalogsearch-result-index .sidebar-main .filter-options-content {
    padding-top: 0.25rem;
}
.catalogsearch-result-index .sidebar-main .filter-options-content a,
.catalogsearch-result-index .sidebar-main .filter-options-content label {
    font-size: 0.8125rem;
    color: #555;
    display: block;
    padding: 0.15rem 0;
    transition: color 0.15s;
}
.catalogsearch-result-index .sidebar-main .filter-options-content a:hover,
.catalogsearch-result-index .sidebar-main .filter-options-content label:hover {
    color: #245549;
}
.catalogsearch-result-index .sidebar-main .filter-options-content .count {
    color: #9ca3af;
    font-size: 0.75rem;
}
.catalogsearch-result-index .sidebar-main,
.catalogsearch-result-index .sidebar-main .block,
.catalogsearch-result-index .sidebar-main .block-content,
.catalogsearch-result-index .sidebar-main .filter-options-item,
.catalogsearch-result-index .sidebar-main .filter-options-title,
.catalogsearch-result-index .sidebar-main .filter-options-content,
.catalogsearch-result-index .sidebar-main button,
.catalogsearch-result-index .sidebar-main a,
.catalogsearch-result-index .sidebar-main input,
.catalogsearch-result-index .sidebar-main select,
.catalogsearch-result-index .sidebar-main [class*="rounded"] {
    border-radius: 0 !important;
}
.catalogsearch-result-index .sidebar-main .card,
.catalogsearch-result-index .sidebar-main .filter-option,
.catalogsearch-result-index .sidebar-main .rounded,
.catalogsearch-result-index .sidebar-main span[class*="rounded"],
.catalogsearch-result-index .sidebar-main div[class*="rounded"],
.catalogsearch-result-index .sidebar-main .filter-options-title span {
    border-radius: 0 !important;
}
.catalogsearch-result-index .filter-option.card {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.catalogsearch-result-index .filter-current {
    background: #f5f0ed !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0.75rem 1rem !important;
    margin-bottom: 0.5rem;
}
.catalogsearch-result-index .filter-current strong {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #424242;
}
.catalogsearch-result-index .swatch-layered.gender .swatch-option {
    padding: 0.25rem 0.75rem !important;
}

/* ============================================================
   r-qksjq7 - Hero banner rebuilt as a NATIVE Page Builder slider.
   Steve edits it at Content > Blocks > "Advent Hero Banner".

   Styling is keyed on STRUCTURE (first paragraph = kicker, h2 = headline,
   following paragraph = subtitle) rather than on CSS classes, so retyping the
   copy in the WYSIWYG cannot strip a class and break the design.
   Replaces the inline <style> that used to live inside the block.
   ============================================================ */
.advbn-pb {
    --gold: #C79A47;
    --cream: #FFFFFF;
    --serif: Georgia, "Times New Roman", Times, serif;
    margin: 0;
}

/* The slide box: same geometry as the old .advbn section. */
.advbn-pb .pagebuilder-slide-wrapper {
    position: relative;
    overflow: hidden;
    background-color: #050505;
    width: 100%;
    aspect-ratio: 1983/793;
    min-height: 400px;
    max-height: 620px;
    display: flex;
    align-items: center;
}

/* The old .advbn:before scrim. The artwork's left half is already black; this
   only deepens it enough to hold white text when a narrow viewport slides the
   lit half further left. */
.advbn-pb .pagebuilder-overlay {
    position: relative;
    width: 100%;
    max-width: none;
    min-height: 0;
    padding: 0;
    background-color: transparent !important;
    display: block;
}

.advbn-pb .pagebuilder-slide-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(4, 4, 4, .92) 0%, rgba(4, 4, 4, .82) 28%, rgba(4, 4, 4, .34) 46%, rgba(4, 4, 4, 0) 62%);
}

.advbn-pb .pagebuilder-poster-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 2.4rem 24px;
    text-align: left;
}

.advbn-pb [data-element="content"] {
    max-width: 33rem;
}

/* Kicker: the first paragraph of the slide copy. */
.advbn-pb [data-element="content"] > p:first-child {
    text-transform: uppercase !important;
    letter-spacing: .32em !important;
    font-size: .72rem !important;
    font-weight: 600 !important;
    color: var(--gold) !important;
    margin: 0 0 1.1rem !important;
    font-family: inherit !important;
}

.advbn-pb [data-element="content"] h2 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: clamp(1.85rem, 3.5vw, 3.05rem) !important;
    line-height: 1.13 !important;
    color: var(--cream) !important;
    margin: 0 0 1.5rem !important;
    text-transform: none !important;
    letter-spacing: .005em !important;
}

.advbn-pb [data-element="content"] h2 em {
    font-style: normal;
    color: var(--gold) !important;
}

/* Subtitle: any paragraph that follows the headline. */
.advbn-pb [data-element="content"] h2 ~ p {
    font-family: inherit !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
    margin: 0 0 1.9rem !important;
    max-width: 27rem;
}

/* The call to action. Page Builder renders it as a <button> inside the slide's
   <a>, so the whole slide is the link and the button is the visible affordance. */
.advbn-pb .pagebuilder-slide-button {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-family: inherit;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .74rem !important;
    padding: .95rem 2rem;
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 2px;
    background: transparent;
    color: var(--cream) !important;
    text-decoration: none !important;
    margin: 0;
    cursor: pointer;
    transition: background-color .22s ease, color .22s ease, border-color .22s ease;
}

.advbn-pb .pagebuilder-slide-button:hover {
    background: var(--gold);
    color: #0b0b0b !important;
    border-color: var(--gold);
}

/* Mobile: at this width "cover" would blow the box up behind the copy and ghost
   through it, so the photograph moves to a band along the bottom and the copy
   gets padding to clear it. Mirrors the old @media (max-width:760px) block. */
@media (max-width: 760px) {
    .advbn-pb .pagebuilder-slide-wrapper {
        aspect-ratio: auto;
        min-height: 0;
        max-height: none;
        background-position: right bottom !important;
        background-size: auto 42% !important;
    }

    .advbn-pb .pagebuilder-slide-wrapper::before {
        background: linear-gradient(180deg, rgba(4, 4, 4, .94) 0%, rgba(4, 4, 4, .9) 48%, rgba(4, 4, 4, .3) 68%, rgba(4, 4, 4, 0) 100%);
    }

    .advbn-pb .pagebuilder-poster-content {
        padding: 2.2rem 20px 11.5rem;
    }

    .advbn-pb [data-element="content"] {
        max-width: none;
    }

    .advbn-pb [data-element="content"] h2 {
        margin-bottom: 1.2rem !important;
    }

    .advbn-pb [data-element="content"] h2 br {
        display: none;
    }

    .advbn-pb [data-element="content"] h2 em {
        white-space: nowrap;
    }

    .advbn-pb [data-element="content"] h2 ~ p {
        max-width: none;
        margin-bottom: 1.6rem !important;
    }

    .advbn-pb .pagebuilder-slide-button {
        width: 100%;
        justify-content: center;
    }
}

/* Hyva replaces Page Builder's slick carousel with its own scroll-snap slider, so the
   block gains a control bar and 48px of padding. With a single slide there is nothing
   to page through, so collapse that chrome; it returns automatically the moment Steve
   adds a second slide. Keeps the banner at the same 570px it was before the conversion. */
.advbn-pb:has(.snap-track > [data-content-type="slide"]:only-child) {
    padding-bottom: 0 !important;
}

.advbn-pb:has(.snap-track > [data-content-type="slide"]:only-child) > .snap-track {
    padding: 0 !important;
}

.advbn-pb:has(.snap-track > [data-content-type="slide"]:only-child) > a.sr-only,
.advbn-pb:has(.snap-track > [data-content-type="slide"]:only-child) > div:not(.snap-track) {
    display: none !important;
}

/* ============================================================
   r-qksjq7 - Homepage section titles lifted out of the raw HTML blobs into native
   Page Builder heading elements, so they can be edited without touching the card grids.
   Each heading also carries its original inline style, which is what reproduces today's
   look exactly; this class is the backstop for if Page Builder drops an unrecognised
   inline style when an administrator re-saves the page.
   ============================================================ */
.fs-section-title {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #424242;
    margin-bottom: 1.5rem;
}

/* Only the Featured Collections title grew at 640px (it was text-sm sm:text-base); the
   others carry a fixed inline font-size and must not. */
@media (min-width: 640px) {
    .fs-section-title--responsive {
        font-size: 1rem;
    }
}

/* The heading used to sit inside .max-w-screen-xl.mx-auto.px-4; now that it is a sibling
   it would run the full width of the row. Restore the same inner box so the wrap point is
   unchanged, and so a longer title typed in later cannot touch the edge of a phone screen. */
.fs-section-title {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* ============================================================================
   r-ixj0j2 — Page Builder homepage support.
   Appended to frankenstein-home.css. Everything here is scoped to Page Builder
   column grids that opt in with .fs-pb-grid, plus one site-wide safety rule for
   Page Builder images. Nothing above this comment is touched.
   ========================================================================= */

/* SECTION LAYOUT, driven entirely off the ROW's class.
   Nothing here may depend on a wrapper div or on a class placed on the row's inner.
   Page Builder reads a full-width row's css_classes, background and padding from the
   ROW (`<element name="main">` in row.xml) and reads NOTHING off the inner
   (`<element name="inner"/>` is empty), so a save regenerates the inner from scratch:
   measured, a no-edit Save discarded all seven max-w-screen-xl wrappers, the brands
   panel, all four width caps and every `py-10 bg-white` inner class. A class on the row
   survives, so every section rule below hangs off one.

   !important throughout, and it is load-bearing. On SAVE Page Builder puts its own
   class on the inner, and Hyva styles that with
   `[data-content-type=row][data-appearance=full-width]>.row-full-width-inner` at
   specificity (0,3,1), which outranks a class-plus-attribute selector. Before a save the
   inner carries no class, the rule does not match, and everything looks right; after one,
   the container jumps from 16px of padding to 24px and every section narrows by 16px.
   That is why this only appeared in the save round-trip and never in a plain render. */
.fs-sec > [data-element="inner"] {
    max-width: 80rem !important;    /* was max-w-screen-xl on the old wrapper */
    margin-inline: auto !important;
    padding-inline: 1rem !important;
    width: 100% !important;
}
/* The old markup gave a section's heading and its grid DIFFERENT widths: the heading sat
   directly in the container (1248px) while the cards sat inside a second
   max-w-screen-xl/px-4 wrapper (1216px). That wrapper is gone, so put its 1rem back on
   the grid and on the standalone text blocks only, never on the heading. */
.fs-sec:not(.fs-brands-bar) > [data-element="inner"] > [data-content-type="column-group"],
.fs-sec:not(.fs-brands-bar) > [data-element="inner"] > [data-content-type="text"] {
    width: calc(100% - 2rem) !important;
    margin-inline: auto !important;
    max-width: 76rem !important;
}
/* Sections lifted out of layout XML used to sit directly in the content container, so
   they take the full width with no container treatment at all. These are full-bleed rows,
   which have no inner div, so the rule goes on the row. */
.fs-sec--bare {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
/* The brands bar's green panel, painted on the ROW because a full-bleed row has no inner
   div to paint. Sized to today's panel: 1248px wide on desktop with 32px of padding (text
   box 1184px), 311px on a phone with 16px of padding (text box 279px). The row's parent is
   the full content width, so calc(100% - 4rem) lands the phone panel on 311px and the
   max-width caps the desktop one. */
.fs-sec.fs-brands-bar {
    background-color: #245549;
    color: #fff;
    text-align: center;
    width: calc(100% - 4rem) !important;
    max-width: 78rem !important;
    margin-inline: auto !important;
    padding: 2rem !important;
}
@media (max-width: 639px) {
    .fs-sec.fs-brands-bar { padding: 2rem 1rem !important; }
}

/* A row's inner is a flex column, and a FLEX child with auto side margins shrink-wraps
   instead of filling. .fs-section-title carries margin-left/right:auto, which collapsed
   the four section headings from 1248px to their text width (309, 236, 147, 239px). */
[data-content-type="row"] > [data-element="inner"] > .fs-section-title {
    width: 100%;
}

/* Page Builder gives a column-line display:flex with no gap, and each column a
   percentage width in its own data-pb-style rule. That rule is an id selector plus an
   attribute selector, so it outranks these class selectors and the width overrides
   below need !important. flex:1 1 0 rather than the stored percentage
   means adding or removing a card in Page Builder keeps the row even by itself.
   MUST stay inside the min-width query: Page Builder's own rule stacks columns
   below 768px by setting flex-basis:100%, and an unscoped flex:1 1 0 !important
   here beats it, which put the three How It Works steps side by side on a phone. */
.fs-pb-grid > [data-content-type="column-line"] {
    gap: 1rem;
    align-items: stretch;
}
@media (min-width: 768px) {
    .fs-pb-grid--even > [data-content-type="column-line"] > [data-content-type="column"] {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0;
    }
}
/* The authenticity section is deliberately NOT --even: it is a 1:2 split, and the
   stored column widths (33.3333% / 66.6667%) are what produce it. */
.fs-pb-grid > [data-content-type="column-line"] > [data-content-type="column"] {
    min-width: 0;
}

/* Below 768px Page Builder's own rule wraps the line and gives every column
   flex-basis:100%, i.e. one card per row. That is right for the three-across
   sections and wrong for the six- and four-card grids, which were two-up on
   phones before this conversion (styles.css keyed that off the literal inline
   string grid-template-columns:repeat(6,1fr), which no longer exists). */
@media (max-width: 767px) {
    .fs-pb-grid-2up > [data-content-type="column-line"] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .fs-pb-grid-2up > [data-content-type="column-line"] > [data-content-type="column"] {
        flex: 0 0 calc(50% - 0.25rem) !important;
        width: calc(50% - 0.25rem) !important;
        max-width: calc(50% - 0.25rem) !important;
    }
    .fs-pb-grid--feat > [data-content-type="column-line"] { gap: 1rem; }
    .fs-pb-grid--feat > [data-content-type="column-line"] > [data-content-type="column"] {
        flex: 0 0 calc(50% - 0.5rem) !important;
        width: calc(50% - 0.5rem) !important;
        max-width: calc(50% - 0.5rem) !important;
    }
    .fs-pb-grid-1up > [data-content-type="column-line"] {
        flex-wrap: wrap;
        gap: 1rem;
    }
}

/* The brands-bar and authenticity headings were Tailwind text-sm sm:text-base, i.e.
   14px stepping to 16px at 640px. Their replacements carry no inline font-size so
   this rule can own the size. */
.fs-title-responsive { font-size: 0.875rem; }
@media (min-width: 640px) {
    .fs-title-responsive { font-size: 1rem; }
}

/* Section width caps, on the column-group itself rather than a wrapper div, because a
   wrapper does not survive a save. The group carries its own margin in a data-pb-style
   rule, and `#html-body [data-pb-style=X]` outranks a bare class, so margin-inline needs
   !important here; without it all three capped sections sat hard left (measured 16px on
   the left against 464px on the right). */
/* These must match the generic column-group rule above EXACTLY in specificity, which
   means carrying its :not() too: a bare .fs-pb-grid--narrow scored (0,3,0) against the
   generic rule's (0,4,0) and lost, and the three How It Works steps went from 235px wide
   to 384px. Equal specificity, declared later, so these win. */
.fs-sec:not(.fs-brands-bar) > [data-element="inner"] > .fs-pb-grid--narrow  { max-width: 48rem !important; }
.fs-sec:not(.fs-brands-bar) > [data-element="inner"] > .fs-pb-grid--reviews { max-width: 56rem !important; }
/* How It Works used gap:2rem, not the 1rem default. */
.fs-pb-grid--narrow > [data-content-type="column-line"] { gap: 2rem; }
/* No cap on the authenticity section: its old wrapper used max-w-5xl, which this
   theme's compiled CSS does not define, so the section has always run the full
   container width. Kept as it renders today. */
.fs-pb-grid--auth > [data-content-type="column-line"] { gap: 2rem; align-items: center; }

/* Cards: the hover treatments already defined for .fs-shopby-card and
   .fs-collection-card target the card's own img. After the conversion the img
   sits inside a Page Builder <figure>, so give the figure the clipping the old
   wrapper div provided.

   These properties live HERE rather than in the element's data-pb-style rule on
   purpose. Page Builder only models margin, padding, border, background, width and
   alignment; anything else in a data-pb-style rule is dropped the first time an
   administrator edits that element. Keeping aspect-ratio, object-fit and the card
   borders in the stylesheet puts them out of Page Builder's reach. */
.fs-shopby-card > [data-content-type="image"],
.fs-collection-card > [data-content-type="image"],
.fs-auth-media > [data-content-type="image"] {
    overflow: hidden;
    line-height: 0;
}
.fs-shopby-card > [data-content-type="image"] img,
.fs-collection-card > [data-content-type="image"] img {
    /* The old markup said aspect-square / aspect-video, but NEITHER utility exists in
       this theme's compiled CSS, so every one of these images has always rendered at
       its natural 4:3 (measured 187x141). Match the page, not the class name. */
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    display: block;
    transition: transform 0.3s;
}
.fs-card-label { text-align: center; border-top: 1px solid #e9e9eb; }
.fs-card-label--alt { background: #f9fafb; }
.fs-card-label a { color: inherit; text-decoration: none; }
.fs-card-label a:hover { text-decoration: underline; }

/* How It Works step icons: fixed height, centred, natural width.
   !important because on save Page Builder gives the img its own data-pb-style rule, and
   `#html-body [data-pb-style=X]` carries an id, which outranks any class selector. Without
   it the icons rendered at the SVG's natural size after a save and the section grew 202px. */
.fs-how-step-pb { text-align: center; }
.fs-how-step-pb [data-content-type="image"] img {
    height: 4rem !important;
    width: auto !important;
    margin-inline: auto !important;
    display: block;
}

/* Authenticity image kept its rounded corners. */
.fs-auth-media > [data-content-type="image"] img {
    aspect-ratio: auto;
    border-radius: 0.75rem;
    width: 100%;
    height: auto;
    display: block;
}

/* Brands bar: .fs-brands-bar already paints the green panel and sets colour:#fff.
   The links were Tailwind text-white/80 inside the old blob; they are ordinary
   anchors in an editable text element now. */
.fs-brands-bar .fs-brand-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem 1.5rem;
    margin: 0 0 1rem;
}
.fs-brands-bar .fs-brand-list a { color: rgba(255, 255, 255, 0.8); }
.fs-brands-bar .fs-brand-list a:hover { color: #fff; }
.fs-brands-bar .fs-brand-sep { color: rgba(255, 255, 255, 0.3); }
/* The Page Builder button maps to Hyva's .btn .btn-primary, which is the same
   green as the panel it sits on. Invert it, as the old hand-written link was. */
.fs-brands-bar .pagebuilder-button-primary {
    background-color: #fff !important;
    color: #245549 !important;
    border-color: #fff !important;
    font-weight: 700;
}
.fs-brands-bar .pagebuilder-button-primary:hover {
    background-color: #f3f4f6 !important;
}

/* SAFETY, site-wide and deliberately not scoped to the homepage.
   Page Builder's image master template always stamps class="pagebuilder-mobile-hidden"
   on the desktop image, and Hyva styles that class display:none below 768px. When an
   image has no mobile counterpart that combination hides it on every phone. Measured
   on this install: probe r-ixj0j2-probe2 image B rendered 0x0 display:none at 390px
   while the identical image without the class rendered 311x233. Re-show the desktop
   image whenever there is no mobile image beside it, so an administrator editing an
   image in Page Builder cannot silently blank it on mobile. */
[data-content-type="image"]:not(:has([data-element="mobile_image"])) .pagebuilder-mobile-hidden {
    display: block !important;
}

/* On save, Page Builder duplicates a lone desktop image into a mobile twin and tags the
   pair pagebuilder-mobile-hidden / pagebuilder-mobile-only. The card rules above set
   display on a bare `img`, which defeated that switching and rendered both copies on
   desktop (42 visible images became 56). Re-assert the switch, last and !important. */
[data-content-type="image"] img.pagebuilder-mobile-only { display: none !important; }
@media (max-width: 767px) {
    [data-content-type="image"] img.pagebuilder-mobile-only { display: block !important; }
    [data-content-type="image"]:has(img.pagebuilder-mobile-only) img.pagebuilder-mobile-hidden {
        display: none !important;
    }
}

/* ============================================================================
   r-mv10qq — typography for the two headings Page Builder cannot carry.

   heading.xml declares exactly six readable style properties for a heading:
   text_align, border, border_color, border_width, border_radius, display,
   margins and padding. font-weight, letter-spacing, text-transform and color
   are NOT among them, so any value written into that heading's data-pb-style
   rule is discarded the first time anybody presses Save in Page Builder —
   which is precisely what happened to these two on 16 Sep. They rendered
   correctly for as long as nobody edited the page.

   .fs-brands-title and .fs-auth-title were classes in the markup with no rule
   behind them; the styling lived only in the pb-style block. Putting it here
   is the only form that survives an edit.
   Measured against production before and after: font-weight 700,
   text-transform uppercase, letter-spacing 0.8px at 16px (= 0.05em).
   Colour is deliberately not set: white on the brands panel and #424242 on the
   authenticity block both already resolve correctly from their containers.
   ============================================================================ */
.fs-brands-title,
.fs-auth-title {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ============================================================================
   r-dc9ylv - hero slider arrows: on the image, vertically centred.

   Hyva's theme puts the whole control bar under the slide:
       [data-content-type="slider"] [data-page-builder-slider-nav]
           { position: absolute; inset: auto 0 0; }
   Measured on staging with the bar forced visible, that renders prev at x=0 and
   next at the right edge, both at y=753 in a slider spanning y=256..796 - i.e.
   a row across the bottom of the image, which is what the operator reported.

   This overrides it for the homepage hero only. .advbn-pb is unique to that
   slider (1 on the homepage, 0 on category and landing pages), and the .cms-home
   prefix takes the selector to (0,3,0) so it beats the theme's (0,2,0) outright
   rather than relying on file order inside the merged bundle.

   The container becomes a full overlay with pointer-events:none so it cannot
   intercept clicks on the hero's own link or CTA; only the controls themselves
   take pointer events back. The dots stay where they are, bottom centre.

   NOTE: the rule ~20 lines above this one hides the whole control bar while the
   slider has a single slide, so none of this is visible until a second slide is
   added. That is deliberate and unchanged here.
   ============================================================================ */
/* The bar used to sit UNDER the image, so the theme reserved space for it:
   48px padding-bottom on the slider plus 24px top/bottom on the track. Measured
   with a second slide present, that put the image at y 280..850 (centre 565)
   inside a slider box of 256..922 (centre 589) - so an overlay centred on the
   slider box lands 24px below the middle of the image.

   The controls now overlay the image, so that reserved space is dead space.
   Removing it centres the arrows on the image exactly AND keeps the hero at the
   same 570px however many slides it has, instead of growing 96px taller the
   moment a second slide is added. This is the same thing the :only-child rule
   above already does; it just no longer needs to depend on the slide count. */
.cms-home .advbn-pb {
    padding-bottom: 0 !important;
}

.cms-home .advbn-pb > .snap-track {
    padding: 0 !important;
}

.cms-home .advbn-pb > [data-page-builder-slider-nav] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.cms-home .advbn-pb > [data-page-builder-slider-nav] > button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    pointer-events: auto;
}

.cms-home .advbn-pb > [data-page-builder-slider-nav] > button[data-prev] {
    left: 1rem;
    right: auto;
}

.cms-home .advbn-pb > [data-page-builder-slider-nav] > button[data-next] {
    right: 1rem;
    left: auto;
}

.cms-home .advbn-pb > [data-page-builder-slider-nav] > .snap-pager {
    position: absolute;
    left: 50%;
    bottom: 0.75rem;
    transform: translateX(-50%);
    margin: 0;
    z-index: 3;
    pointer-events: auto;
}

@media (max-width: 639px) {
    .cms-home .advbn-pb > [data-page-builder-slider-nav] > button[data-prev] { left: 0.5rem; }
    .cms-home .advbn-pb > [data-page-builder-slider-nav] > button[data-next] { right: 0.5rem; }
}
/* ---------------------------------------------------------------------------
   r-d4wy30 (14 Oct 2026) - homepage banner slider: show the WHOLE banner.

   Steve uploads a full-image banner (artwork 2054x766, ratio 2.68) into the
   homepage Page Builder slider. Page Builder stores a flat min-height:300px on
   the slider, on each slide wrapper AND on each poster overlay, with
   background-size:cover and background-position:left top. Cover then scales the
   artwork to the box WIDTH and the box is only 300px tall, so the bottom is
   thrown away: measured 204px of 504px (40.5%) missing at a 1366px viewport,
   and it gets worse as the window gets wider.

   Height now comes from the artwork's own ratio, so at every width the box and
   the image agree and nothing is cut. background-size:contain is deliberate:
   with a correct ratio it paints identically to cover, and if someone later
   uploads a banner of a different shape the failure is a thin visible band
   rather than a silent crop - which is the defect that produced this ticket.

   This lives in the theme, NOT in the page content, because Page Builder
   rewrites every data-pb-style rule on each save, so a fix stored in the page
   would be destroyed the next time Steve edits a banner.

   Excludes .advbn-pb (the advent hero slider), which sets its own geometry
   further up this file and must keep it.

   Note for a later text-over-image slide: the box no longer has a 300px floor,
   so copy taller than the artwork's own height would overflow rather than
   stretch the box. Give that slide a min-height when the time comes.

   Known consequence, deliberate: slide.xml reads background_size as a real
   property, so the admin slide form has its own cover/contain/auto selector.
   This rule outranks it for the homepage slider, which is the point - the fix
   has to hold whatever gets saved - but it does mean that one dropdown no
   longer changes anything there.
   --------------------------------------------------------------------------- */

#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb) {
    min-height: 0;
}

#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb) .pagebuilder-slide-wrapper {
    min-height: 0;
    aspect-ratio: 2054 / 766;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

/* The poster overlay and its empty content box each carry their own floor
   (min-height:300px from pb-style, 50px from the theme). Either one would hold
   the box open past the ratio on a narrow screen and bring the crop back. */
#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb) .pagebuilder-overlay {
    min-height: 0;
}

#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb) [data-element="content"] {
    min-height: 0;
}

/* ---------------------------------------------------------------------------
   r-zjbk1x (14 Oct 2026) - homepage banner slider: the MOBILE half.
   NOT DEPLOYED. Ready to append to
   app/design/frontend/Expre/hyva/web/css/frankenstein-home.css
   after the r-d4wy30 block, when Steve's portrait files arrive.

   WHY IT IS NEEDED

   r-d4wy30 gave the slide box the desktop artwork's own ratio
   (aspect-ratio: 2054/766) so nothing is cropped. That rule applies at every
   width, so a PORTRAIT mobile file lands in a 2.68:1 box. With
   background-size:contain the browser then fits it by HEIGHT, and a 1080x1350
   file paints 112x140 inside a 375x140 box at a 390px viewport: 30% of the
   slot width used, 70% of the slot empty. Measured, both slides, five widths -
   artifacts/r-zjbk1x/mobile-probe.txt. So the mobile image field on its own
   makes a phone WORSE, not better, until the box gets its own shape.

   Page Builder swaps the file server-side, not in JS:
   Magento\PageBuilder\Model\Filter\Template::generateCssFromImages appends a
   <style> next to the slide with the mobile URL inside
     @media only screen and (max-width:767px) and (min-width:640px)
     @media only screen and (max-width:640px)
   from Magento_PageBuilder's view.xml breakpoints. Hence 767px below: it is
   the top of the band Page Builder itself uses, so the shape changes on
   exactly the widths that get the mobile file. Nothing to keep in step.

   WHY THE ATTRIBUTE SELECTOR

   [data-background-images*="mobile_image"] matches only a slide that actually
   HAS a mobile file: Page Builder writes that key into the attribute only when
   one is chosen (mass-converter/background-images.js toDom; the slide
   appearances do not use the empty-mobile-image converter, and the live
   markup confirms it - today's two slides carry desktop_image alone).

   Without the guard, every slide gets the portrait box under 768px, so the
   next banner uploaded with no mobile version becomes a thin strip in a tall
   empty box: measured 70.4% of the box empty on slide 1. With the guard,
   slide 1 was byte-identical to today while slide 0 filled its box - both
   halves proved in one run.

   THE SHAPE IS HARDCODED, AND THAT IS THE POINT

   CSS cannot read a background image's own ratio, so the mobile box has to be
   told. 1080x1350 (4:5) is what Steve has been asked for. A mobile file of a
   different shape needs this one number changed, which is why the ask to him
   names an exact size rather than a minimum.
   --------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
    #html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb)
    .pagebuilder-slide-wrapper[data-background-images*="mobile_image"] {
        aspect-ratio: 1080 / 1350;
    }
}

/* ---------------------------------------------------------------------------
   r-fcfda4 (15 Oct 2026) - homepage banner slider: spacing round the banner.
   George, after the homepage went live:
   1. a pale stripe between the search strip and the banner (desktop, and on
      phones it stops the banner meeting the search strip);
   2. on phones the banner should fill its whole area, not sit inside padding;
   3. the dots bar under the banner is too tall and the dots are not centred
      in it (38px above them, 62px below on desktop).

   All three are Hyva default spacing, not Page Builder settings:
   - .snap-track carries padding-block 24px (tailwind/theme/page-builder.css)
     = the 24px stripe above the banner AND 24px more below it;
   - the slider carries padding-block-end 48px (same file) under the dots;
   - .snap-pager has min-block-size 44px + padding-block 8px
     (tailwind/components/slider.css).
   So under the banner there were 24 + 44 + 48 = 116px with the dots 38px
   from the top of that band.

   Now: no space above or below the banner itself, and the dots bar is 44px
   (16px dots, 14px above, 14px below), which keeps Hyva's 44px tap row.
   Same scope as the r-d4wy30 block; the advent hero slider (.advbn-pb) keeps
   its own geometry set further up this file.
   --------------------------------------------------------------------------- */

#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb) {
    padding-block-end: 0;
}

#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb) > .snap-track {
    padding-block: 0;
}

#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb) .snap-pager {
    min-block-size: 0;
    padding-block: 14px;
}

/* ---------------------------------------------------------------------------
   r-7ajtgn (16 Oct 2026) - homepage banner: Steve's shallower artwork.

   Steve replaced the desktop banner with a shallower file (2048x611, ratio
   3.35; the old one was 2054x766, ratio 2.68) and removed the second slide.
   The r-d4wy30 box above is fixed to the OLD shape, so with
   background-size:contain the new artwork sat in the middle of a taller box:
   an empty band directly under the search strip and another under the
   banner, 28px each at 768px wide up to 71px at 1920px.

   1. The box takes the new artwork's shape. Same selector as r-d4wy30 and
      later in the file, so this wins. CSS cannot read a background image's
      own ratio, so a desktop banner of any other shape needs this one number
      changed; Steve has been asked for 2048x611 from now on. Phones are not
      affected: under 768px a slide with a mobile file keeps the r-zjbk1x
      1080/1350 box (that rule has an extra attribute selector, so it still
      outranks this one).
   2. With a single slide the dots bar holds one dot that does nothing and
      adds a 44px empty band under the banner. Hidden while the slider has one
      slide; it comes back by itself when a second slide is added.
   --------------------------------------------------------------------------- */

#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb) .pagebuilder-slide-wrapper {
    aspect-ratio: 2048 / 611;
}

#html-body.cms-index-index [data-content-type="slider"]:not(.advbn-pb):has(> .snap-track > :only-child) > .snap-pager {
    display: none;
}
@font-face {
  font-family: 'Magento-Icons';
  src: url('../../frontend/Expre/hyva/en_GB/Magezon_Core/fonts/Magento-Icons/Magento-Icons.eot');
  src: url('../../frontend/Expre/hyva/en_GB/Magezon_Core/fonts/Magento-Icons/Magento-Icons.eot?#iefix') format('embedded-opentype'), url('../../frontend/Expre/hyva/en_GB/Magezon_Core/fonts/Magento-Icons/Magento-Icons.woff2') format('woff2'), url('../../frontend/Expre/hyva/en_GB/Magezon_Core/fonts/Magento-Icons/Magento-Icons.woff') format('woff'), url('../../frontend/Expre/hyva/en_GB/Magezon_Core/fonts/Magento-Icons/Magento-Icons.ttf') format('truetype'), url('../../frontend/Expre/hyva/en_GB/Magezon_Core/fonts/Magento-Icons/Magento-Icons.svg#Magento-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.spinner {
  display: inline-block;
  font-size: 4rem;
  height: 1em;
  margin-right: 1.5rem;
  position: relative;
  width: 1em;
}
.spinner > span {
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -ms-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: .72s;
  -moz-animation-duration: .72s;
  -ms-animation-duration: .72s;
  animation-duration: .72s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  background-color: #fff;
  border-radius: 6px;
  clip: rect(0 0.28571429em 0.1em 0);
  height: .1em;
  margin-top: .5em;
  position: absolute;
  width: 1em;
}
.spinner > span:nth-child(1) {
  -webkit-animation-delay: 0.27s;
  -moz-animation-delay: 0.27s;
  -ms-animation-delay: 0.27s;
  animation-delay: 0.27s;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
.spinner > span:nth-child(2) {
  -webkit-animation-delay: 0.36s;
  -moz-animation-delay: 0.36s;
  -ms-animation-delay: 0.36s;
  animation-delay: 0.36s;
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}
.spinner > span:nth-child(3) {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  animation-delay: 0.45s;
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.spinner > span:nth-child(4) {
  -webkit-animation-delay: 0.54s;
  -moz-animation-delay: 0.54s;
  -ms-animation-delay: 0.54s;
  animation-delay: 0.54s;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.spinner > span:nth-child(5) {
  -webkit-animation-delay: 0.63s;
  -moz-animation-delay: 0.63s;
  -ms-animation-delay: 0.63s;
  animation-delay: 0.63s;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.spinner > span:nth-child(6) {
  -webkit-animation-delay: 0.72s;
  -moz-animation-delay: 0.72s;
  -ms-animation-delay: 0.72s;
  animation-delay: 0.72s;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.spinner > span:nth-child(7) {
  -webkit-animation-delay: 0.81s;
  -moz-animation-delay: 0.81s;
  -ms-animation-delay: 0.81s;
  animation-delay: 0.81s;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.spinner > span:nth-child(8) {
  -webkit-animation-delay: 0.9;
  -moz-animation-delay: 0.9;
  -ms-animation-delay: 0.9;
  animation-delay: 0.9;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
@-moz-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@-webkit-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@-ms-keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes fade {
  0% {
    background-color: #514943;
  }
  100% {
    background-color: #fff;
  }
}
form.loading .mgz__spinner {
  display: block;
}
.mgz__spinner {
  display: none;
  position: relative;
  width: 186px;
  height: 20px;
  margin: auto;
  position: absolute;
  left: 45%;
  top: 15px;
}
.mgz__spinner .spinner-item {
  position: absolute;
  top: 0;
  background-color: #d8d8d8;
  width: 20px;
  height: 20px;
  animation-name: bounce_fountainG;
  -o-animation-name: bounce_fountainG;
  -ms-animation-name: bounce_fountainG;
  -webkit-animation-name: bounce_fountainG;
  -moz-animation-name: bounce_fountainG;
  animation-duration: 0.645s;
  -o-animation-duration: 0.645s;
  -ms-animation-duration: 0.645s;
  -webkit-animation-duration: 0.645s;
  -moz-animation-duration: 0.645s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(0.3);
  -o-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.mgz__spinner .spinner-item.spinner-item-1 {
  left: 0;
  animation-delay: 0.256s;
  -o-animation-delay: 0.256s;
  -ms-animation-delay: 0.256s;
  -webkit-animation-delay: 0.256s;
  -moz-animation-delay: 0.256s;
}
.mgz__spinner .spinner-item.spinner-item-2 {
  left: 20px;
  animation-delay: 0.3225s;
  -o-animation-delay: 0.3225s;
  -ms-animation-delay: 0.3225s;
  -webkit-animation-delay: 0.3225s;
  -moz-animation-delay: 0.3225s;
}
.mgz__spinner .spinner-item.spinner-item-3 {
  left: 40px;
  animation-delay: 0.389s;
  -o-animation-delay: 0.389s;
  -ms-animation-delay: 0.389s;
  -webkit-animation-delay: 0.389s;
  -moz-animation-delay: 0.389s;
}
.mgz__spinner .spinner-item.spinner-item-4 {
  left: 60px;
  animation-delay: 0.4555s;
  -o-animation-delay: 0.4555s;
  -ms-animation-delay: 0.4555s;
  -webkit-animation-delay: 0.4555s;
  -moz-animation-delay: 0.4555s;
}
.mgz__spinner .spinner-item.spinner-item-5 {
  left: 80px;
  animation-delay: 0.522s;
  -o-animation-delay: 0.522s;
  -ms-animation-delay: 0.522s;
  -webkit-animation-delay: 0.522s;
  -moz-animation-delay: 0.522s;
}
.mgz__spinner .spinner-item.spinner-item-6 {
  left: 100px;
  animation-delay: 0.5885s;
  -o-animation-delay: 0.5885s;
  -ms-animation-delay: 0.5885s;
  -webkit-animation-delay: 0.5885s;
  -moz-animation-delay: 0.5885s;
}
.mgz__spinner .spinner-item.spinner-item-7 {
  left: 120px;
  animation-delay: 0.645s;
  -o-animation-delay: 0.645s;
  -ms-animation-delay: 0.645s;
  -webkit-animation-delay: 0.645s;
  -moz-animation-delay: 0.645s;
}
.mgz__spinner .spinner-item.spinner-item-8 {
  left: 140px;
  animation-delay: 0.7115s;
  -o-animation-delay: 0.7115s;
  -ms-animation-delay: 0.7115s;
  -webkit-animation-delay: 0.7115s;
  -moz-animation-delay: 0.7115s;
}
@keyframes bounce_fountainG {
  0% {
    transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-o-keyframes bounce_fountainG {
  0% {
    -o-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -o-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-ms-keyframes bounce_fountainG {
  0% {
    -ms-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -ms-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-webkit-keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -webkit-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
@-moz-keyframes bounce_fountainG {
  0% {
    -moz-transform: scale(1);
    background-color: #d8d8d8;
  }
  100% {
    -moz-transform: scale(0.3);
    background-color: #d8d8d8;
  }
}
.mgz__page-actions.page-main-actions {
  margin: 0 0 3rem;
  background: #f8f8f8;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding: 1.5rem;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
  float: right;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button {
  background-color: transparent;
  text-shadow: none;
  color: #41362f;
  font-size: 1.6rem;
  letter-spacing: .025em;
  padding-bottom: .8875em;
  padding-top: .8875em;
  border-color: transparent;
  box-shadow: none;
  margin-left: 1.3rem;
  font-weight: 600;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.primary {
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  background-color: #eb5202;
  border-color: #eb5202;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.primary:hover {
  background-color: #ba4000;
  border-color: #b84002;
  box-shadow: 0 0 0 1px #007bdb;
  color: #fff;
  text-decoration: none;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.action-secondary {
  background-color: #514943;
  border-color: #514943;
  color: #fff;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.action-secondary:hover {
  background-color: #35302c;
  border-color: #35302c;
  box-shadow: 0 0 0 1px #007bdb;
}
.mgz__page-actions.page-main-actions .page-actions .page-actions-buttons > button.back {
  float: left;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  margin-left: 1.3rem;
}
@media (max-width: 480px) {
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
    display: block;
  }
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button.back {
    margin: 0;
  }
}
.mgz__page-actions.page-main-actions .page-actions:before,
.mgz__page-actions.page-main-actions .page-actions:after {
  content: '';
  display: table;
  clear: both;
}
.mgz__page-actions.page-main-actions .page-actions #back:before {
  content: '\e626';
  margin-right: .5em;
  position: relative;
  top: 1px;
  font-family: 'Magento-Icons';
}
@media (max-width: 480px) {
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons {
    text-align: center;
  }
  .mgz__page-actions.page-main-actions .page-actions .page-actions-buttons button {
    margin-left: 0;
  }
}
.sidebar {
  max-width: 100%;
}
.shake-and-hide-element{-moz-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-webkit-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-o-animation:hide-element 0s ease-in 5s forwards,shake-element 1s;animation:hide-element 0s ease-in 5s forwards,shake-element 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes shake-element{0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@-webkit-keyframes shake-element{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes hide-element{to{width:0;height:0;padding:0;margin:0;overflow:hidden}}@-webkit-keyframes hide-element{to{width:0;height:0;padding:0;margin:0;visibility:hidden}}.warning-icon{width:20%;max-width:30px;font-size:21px;display:inline-block;vertical-align:middle}
.trustbox-message-text{width:80%;display:inline-block;vertical-align:middle}.trustbox-message-box{background-color:#fcf8e3;color:#8a6d3b;padding:15px;margin-bottom:20px;border-radius:4px;border:1px solid;border-color:#faebcc}/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */

.clearfix:after {
    content:"";
    display:table;
    clear:both;
}

.post-holder {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.blog-page-list .post-holder {border-bottom: 1px solid #eee}

.post-holder .post-header {position:relative;}

.post-holder .post-header .post-info {padding: 0 0 20px 0;}
.post-holder .post-header .post-info .item {display: inline-block}
.post-holder .post-header .post-info .dash {display: none; /* fix for old templates */}
.post-holder .post-header .post-info .label {font-weight: 700;}
.post-holder .post-header .post-info .value {font-style: italic;}
.post-holder .post-header .post-info .item::after {display: inline-block; content: ' | ';color:#b9b9b9}
.post-holder .post-header .post-info .item:last-child::after{display: none}

.post-list {
    margin-top: 0px;
    margin-bottom: 20px;
    list-style: none;
}
.post-list-wrapper .post-list {padding-left: 0}

.post-list .post-content .post-read-more {padding-top:10px; float:right;}

.subcategory-links-wrapper ul,
.post-links-wrapper ul {list-style: none}

.post-content .post-description img {margin: 15px 0;max-width: 100%;height: auto}
.post-content .post-description ul,
.post-content .post-description ol {list-style-position: outside;}

.post-content .post-description .mfblog-contents li {display: list-item;}
.post-content .post-description .mfblog-contents li li {margin-left: 15px;}

.post-content .post-description .post-ftimg-hld {margin: 0 0 10px 0;}
.post-content .post-description .post-ftimg-hld img {width:100%; padding:0; margin:0;}

.post-content .post-description .mfblog-contents-toc {list-style: decimal;}
.post-content .post-description .mfblog-contents-toc li {margin-bottom: 1rem;}
.post-content .post-description .mfblog-contents-toc li > ol {margin-top: 1rem;}
.post-content .post-description .mfblog-contents-toc li:before {content: none;}
.post-content .post-description .mfblog-contents-toc li a {display: inline;}


/* Post Title */
.post-list .post-header .post-title-holder {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.post-list .post-header .post-title {margin: 0;padding: 10px 10px 10px 0;}
.post-list .post-header .post-title a {text-decoration: none;font-size: 22px;font-weight: 400;}
.post-list .post-holder .post-header .addthis_toolbox a {margin-bottom: 0;}

.post-list .hidden {display:none;}
.post-view .post-bottom {margin-top:30px;}

.post-view .post-nextprev-hld  {margin-bottom: 30px;}
.post-view .post-nextprev-hld .nextprev-link {font-weight: 700;}
.post-view .post-nextprev-hld .prev-link {float:left}
.post-view .post-nextprev-hld .next-link {float:right}

/* Post Gallery */
.post-view .post-gallery {margin:15px 0 15px 0}
.post-view .post-gallery .gallery-image-hld {margin: 0 14px 14px 0; border:1px solid #ccc; display: block; float:left}
.post-view .post-gallery .gallery-image{padding: 0; margin:0; display:block}

.post-view .block {margin-bottom: 30px;}

/* Widget Gallery */
.widget.block-categories ul {padding: 0;margin: 0;list-style: none;}
.widget.block-categories ul li {padding: 5px 0 5px 9px;margin: 0;}
.widget.block-categories ul li a {font-weight: 600;}
.widget.block-categories ul ul {margin: 0;}

/* Widget RSS */
.widget.block-rss .rss-icon {float: left; width: 23px; padding-right: 10px;}

/* Widget Search */
.widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
.widget.blog-search .block-content {margin-bottom: 0;}
.widget.blog-search .block-content .form {position: relative;}
.widget.blog-search label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
.widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
.widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;}
.widget.blog-search .action.search {position: absolute;right: 10px;top: 0;bottom: 0;z-index: 1;height: 100%;margin: 0;padding: 0;display: inline-block;background-image: none;background: none;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;text-decoration: none;text-shadow: none;font-weight: 400;}
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Expre/hyva/en_GB/Magefan_Blog/images/search-icon.svg) no-repeat -10px -7px;background-size: 35px;opacity: 0.5;}
.widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* Widget Tag Claud */
.widget.block-tagclaud .smallest{font-size: 0.75em}
.widget.block-tagclaud .small{font-size:1em}
.widget.block-tagclaud .medium{font-size:1.25em}
.widget.block-tagclaud .large{font-size:1.5em}
.widget.block-tagclaud .largest{font-size:2em}

/* Widget Archive */
.widget.block-archive .item {margin: 5px 0;}
.widget.block-archive .item {display: inline-block}
.widget.block-archive .item:after {content: "\\"; display:inline-block;padding-left: 5px}

/* Widget Recent */
.blog-widget-recent .post-list {padding: 0;margin: 0;}
.blog-widget-recent .post-holder {width: 31.2%;float: left;margin: 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 48%;}
.post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {clear: both;}
@media (max-width: 767px) {
    .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 98%;}
}
@media (max-width: 1024px) {
    .blog-widget-recent .post-holder {
        width: 48%;
    }
}
@media (max-width: 767px) {
    .blog-widget-recent .post-holder {
        width: 98%;
    }
}

.blog-widget-recent .post-description .post-text-hld {
    min-height: 150px;
    overflow-y: auto;
}

.blog-widget-recent-masonry .post-description .post-text-hld {
    max-height: none;
    min-height: 0;
}
.blog-widget-recent-masonry .post-description .post-ftimg-hld {
    width: 100%;
    margin: 0;
}

.mfblog-autoloader {text-align: center;}
.mfblog-autoloader .mfblog-show-onload {display: none;}


@media (max-width: 420px) {
    #mfblog_gcomments {max-width:345px; overflow-y: scroll;}
}

.blog-category-view .category-content,
.blog-tag-view .tag-content {padding-left: 0}

/* Posts List */
.widget.block-list-posts .block-content .item {
    padding: 8px 0 0 0;
}
.widget.block-list-posts .block-content .item .post-image {
    width: 60px;
    float: left;
    border-radius: 0;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    margin-right: 12px;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link {
    display: inline-block;
}
.widget.block-list-posts .block-content .item .post-image .post-item-link img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
/* END Posts List */

/* Fix Related Products */
.blog-post-view .products-grid .product-item {
    display: inline-block;
    margin-left: 2%;
    width: calc((100% - 2%)/2);
}
.blog-post-view .product-item:nth-child(2n+1) {
    margin-left: 0;
}
.blog-post-view .products-grid .product-item .product-item-info {
    width: auto;
}
@media (min-width: 640px){
    .blog-post-view .products-grid .product-item {
        display: inline-block;
        margin-left: 2%;
        width: calc((100% - 4%)/3);
    }
    .blog-post-view .products-grid .product-item:nth-child(2n+1) {
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(3n+1) {
        margin-left: 0;
    }
}
@media (min-width: 1024px){
    .blog-post-view .products-grid .product-item {
        width: calc((100% - 8%)/5);
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(3n+1) {
        margin-left: 2%;
    }
    .blog-post-view .products-grid .product-item:nth-child(5n+1) {
        margin-left: 0;
    }
}

/* Icons */
.mf-blog-icon {width: 15px;height: 15px;display: inline-block;position: relative;top: 2px;background-size: cover;}
.mf-blog-icon.mfbi-calendar {background-image: url('../../frontend/Expre/hyva/en_GB/Magefan_Blog/images/calendar-icon.svg')}
.mf-blog-icon.mfbi-folder {background-image: url('../../frontend/Expre/hyva/en_GB/Magefan_Blog/images/folder-icon.svg')}
.mf-blog-icon.mfbi-comments {background-image: url('../../frontend/Expre/hyva/en_GB/Magefan_Blog/images/comments-icon.svg')}
.mf-blog-icon.mfbi-tags {background-image: url('../../frontend/Expre/hyva/en_GB/Magefan_Blog/images/tags-icon.svg')}
.mf-blog-icon.mfbi-user {background-image: url('../../frontend/Expre/hyva/en_GB/Magefan_Blog/images/user-icon.svg')}
.mf-blog-icon.mfbi-views {background-image: url('../../frontend/Expre/hyva/en_GB/Magefan_Blog/images/views-icon.svg')}
/* END Fix Related Products */


/* Post Sharing Top */
/*.post-sharing-top {padding: 10px 0 10px 0;}*/
.post-sharing-top .share-elements {display: flex;flex-wrap: wrap;align-items: center;}
.post-sharing-top .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 4px 0 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;vertical-align: middle;line-height: 16px;}
.post-sharing-top .icon-wrapper:last-child {margin-right: 0;}
.post-sharing-top .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);}
.post-sharing-top .icon-wrapper.icon-twitter {background-color: rgb(29, 161, 242);}
.post-sharing-top .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
.post-sharing-top .icon-wrapper .icon {line-height: 16px;height: 16px;width: 16px;display: inline-block;overflow: hidden;vertical-align: top;}
.post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}
.post-sharing-top .icon-wrapper:hover {transform: translateY(-2px);}

/*.post-list .post-sharing-top {}*/
/*.post-view .post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}*/
/*.post-list.modern {}*/
/* END Post Sharing Top *//* All Widget Templates ************************************************************************************************
***********************************************************************************************************************/
body.blog-page {
    --color-white: #ffffff;
    --color-green: #28a745;
    --color-yellow: #ffc107;
    --color-blue: #4db2ec;
    --color-black: #222222;
    --color-gray: #6c757d;
    --color-red: #dc3545;
    --border-color: #d5d6da;
}

.fav-color-green {color: #28a745;}
.fav-color-yellow {color: #ffc107;}
.fav-color-blue {color: #4db2ec;}
.fav-color-black {color: #222222;}
.fav-color-gray {color: #6c757d;}
.fav-color-red {color: #dc3545;}


/* Buttons */
.btn-white {background-color: #fff !important;color: #7d7d7d !important;border: 1px solid #bbb !important;}
.btn-white:hover {background-color: #4db2ec !important;color: #fff !important; border: 1px solid #4db2ec !important;}
.btn-black {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}
.btn-black:hover {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;}
.btn-blue {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;}
.btn-blue:hover {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;}


/* Slider *************************************************************************************************************/
.post-slider .post-block .image-wrap {padding-bottom: 450px;}
/* END Slider *********************************************************************************************************/


.clearfix:after {content:"";display:table;clear:both;}

.post-holder {margin-bottom: 40px;border-radius: 0;}



/* Blog Post List *****************************************************************************************************/
.post-list {margin-top: 0;margin-bottom: 20px;list-style: none;padding-left: 0}
.post-list .post-item.post-holder {margin: 0 0 30px 0;padding: 0;display: block;}
.post-list .post-container {display: -ms-flexbox;display: flex;}

/* Post Image ************************************/
.post-list .post-image {-ms-flex: 0 0 30%;flex: 0 0 30%;width: 30%;order: 0;}
.post-list .post-image .image-container {position: relative;}
.post-list .post-image .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.post-list .post-image .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.post-list .post-image .image-wrap img {width: 100%;height: auto;vertical-align: middle;}
/* Post Category */
.post-list .post-image .post-category {position: absolute;left: 0;bottom: 0;display: block;font-size: 0;line-height: 1;}
.post-list .post-image .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;
    /*-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all .3s ease;*/}
.post-list .post-image .post-category a:hover {background: #4db2ec;}

/* Post Info **************************************/
.post-list.modern .post-info {padding: 0 0 0 25px;flex: 0 0 70%;max-width: 70%;width: 70%;order: 1;box-sizing: border-box;}
/* Post Title */
.post-list .post-info .post-title-wrap h3 {margin: 0;}
.post-list .post-info .post-title-wrap h3 a {font-size: 20px;line-height: 25px;font-weight: 500;}
/* Post Data */
.post-list .post-info .post-data-wrap {font-size: 11px;font-family: sans-serif;}
.post-list .post-info .post-data-wrap .post-date {font-size: 11px; margin: 0;padding: 0;box-shadow: none;float: none;width: auto;}
.post-list .post-info .post-data-wrap a {font-weight: 600;}
/* Post Description */
.post-list .post-description {line-height: 21px;font-size: 13px;}
/* Post View */
.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}
.post-list .post-view:after {position: absolute;left: 0;bottom: -3px;content: '';width: 0;height: 0;border-style: solid;border-width: 3px 3px 0 0;border-color: #000 transparent transparent;}
/*.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}*/
/*.post-list .post-view:before {display: inline-block;content: "\f06e";width: 10px;height: 10px;text-align: center;margin-right: 3px;*/
/*    font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
/* Read More */
/*  .post-list .post-read-more {display: none;}  */
.post-read-more a.post-read {display: inline-block;color: #fff;background-color: #4db2ec;font-size: 13px;font-weight: 500;line-height: 1;padding: 10px 15px;}
.post-read-more a.post-read:hover {color: #fff;/*background: #222222;*/text-decoration: none;}
/*@media (max-width: 1200px) {
    .blog-index-index .post-list /*.post-read-more *//* {display: none;}
}
*/
@media (max-width: 768px) {
    .post-list .post-item.post-holder {margin-bottom: 1.5rem;}
}
@media (max-width: 767px) {
    .post-list .post-image .post-category {display: none;}
    .post-list .post-info {padding: 0 0 0 15px;}
    .post-list.modern .post-description {display: none;}
    .post-read-more a.post-read {display: none;}
}
@media (max-width: 640px) {
    .post-list .post-info .post-title-wrap h3 a {font-size: 14px;font-weight: 600;line-height: 1.4;display: inline-block;
        /*max-height: 39px;overflow: hidden;*/}
}


/* Images Format *******************************************/
.post-image .image-wrap._16x9 {padding-bottom: 35% !important;}
.post-image .image-wrap._4x3 {padding-bottom: 67% !important;}
.post-image .image-wrap._3x2 {padding-bottom: 55% !important;}
.post-image .image-wrap._1x1 {padding-bottom: 100% !important;}
@media (max-width: 768px) {

}
/* Blog Post List *****************************************************************************************************/


/* Blog Post List Modern **********************************************************************************************/
.post-list.modern .post-item.post-holder {margin: 0 0 30px 0;padding: 0 0 30px 0;}
.post-list.modern .post-info .post-title-wrap h3 a:hover {text-decoration: none;transition: all .2s ease;}
.post-list.modern .post-info .post-data-wrap a:hover {text-decoration: none;transition: all .2s ease;}
/* Blog Post List Modern **********************************************************************************************/


/* Post View **********************************************************************************************************/
/* Page Title */
/*.blog-post-view .page-title-wrapper .page-title {font-size: 35px;line-height: 1.2;margin-bottom: 20px;}*/
/* Category */
.blog-post-view .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;}

/* Post Data */
.blog-post-view .post-data-wrap {font-size: 13px;font-family: sans-serif;margin-bottom: 30px;}
.blog-post-view .post-data-wrap a {font-weight: 600;}
.blog-post-view .post-data {color: #bbbbbb;}
/* Post View */
/* Post Comments */
.blog-post-view .post-comments {margin-right: 20px;}
/* Social */
.blog-post-view .post-sharing {margin-bottom: 20px;}
/* Image */
.blog-post-view .post-featured-image {font-size: 0;margin-bottom: 20px;}
/* Tags */
.blog-post-view .post-tag {margin-bottom: 20px;}
.blog-post-view .post-tag .post-tag-title {display: inline-block;padding: 7px 12px;border: 1px solid #222;background: #222;color: #fff;line-height: 1;margin: 0 10px 10px 0;text-transform: uppercase;font-size: 11px;}
.blog-post-view .post-tag .post-tags a {display: inline-block;border: 1px solid var(--border-color); /*color: #222; */background: #fff;padding: 7px 12px;margin-right: 10px;line-height: 1;font-weight: 600;letter-spacing: 1px;font-size: 11px;text-transform: capitalize;}
.blog-post-view .post-tag .post-tags a.current,
.blog-post-view .post-tag .post-tags a:hover {text-decoration: none;opacity: .9;background: #333;color: #fff;}

/* Post Text */
.blog-post-view .post-description {margin-bottom: 30px;}
.blog-post-view .post-description p {font-size: 1.4rem;line-height: 1.7;}

/* Post Bottom *****************************************/
.post-view .post-bottom {margin-top:30px;}

/* Post Sharing Bottom */
.post-view-modern .post-sharing-bottom {}
.post-sharing-bottom {padding: 30px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.post-sharing-bottom .share-elements {text-align: center;}
.post-sharing-bottom .share-elements .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 5px 5px 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;}
.post-sharing-bottom .share-elements .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);}
.post-sharing-bottom .share-elements .icon-wrapper.icon-twitter {background-color: rgb(29, 161, 242);}
.post-sharing-bottom .share-elements .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);}
.post-sharing-bottom .share-elements .icon-wrapper .icon {line-height: 48px;height: 48px;width: 48px;display: inline-block;overflow: hidden;vertical-align: top;}
.post-sharing-bottom .share-elements .icon-wrapper .label {font-size: 13px;line-height: 48px;height: 48px;color: #ffffff;display: inline-block;padding: 0 15px 0 3px;vertical-align: top;}
.post-sharing-bottom .share-elements .icon-wrapper:hover {transform: translateY(-4px);}

/* Post Gallery */
/*.blog-post-view .post-gallery {display: flex;flex-wrap: wrap;}*/
.blog-post-view .post-gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));grid-gap: 1rem;margin-bottom: 20px;}
.blog-post-view .post-gallery .gallery-image-hld {display: inline-block;}
.blog-post-view .post-gallery .gallery-image-hld img {}

/* Post Navigation */
.blog-post-view .post-nextprev  {display: flex;padding: 20px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}
.blog-post-view .post-nextprev .nextprev-link {display: block;font-size: 20px;/*color: #222222;*/font-weight: 600;text-align: right;opacity: 0.7;}
.blog-post-view .post-nextprev .nextprev-link:hover {text-decoration: none;}
.blog-post-view .post-nextprev .nextprev-link span {display: block;color: #bbbbbb;font-size: 14px;font-weight: normal;}

/* Block Related */
.blog-post-view .post-bottom .block.related {margin-bottom: 0;}
.blog-post-view .post-bottom .block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.blog-post-view .post-bottom .block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

/* Related Posts */
.mfblog-related-posts-block.block.related .post-list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
    position: relative;overflow: hidden;margin-left: -10px;margin-right: -10px;}
.mfblog-related-posts-block.block.related .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-left: 10px;padding-right: 10px;width: 25%; box-sizing: border-box;}

.mfblog-related-posts-block.block.related .post-list .post-item .image-container {
    -ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.mfblog-related-posts-block.block.related .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.mfblog-related-posts-block.block.related .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.mfblog-related-posts-block.block.related .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}
.mfblog-related-posts-block.block.related .post-list .block-info h3.post-title a {font-size: 14px !important;line-height: 20px !important;font-weight: 600 !important; /*color: #222222; */}
@media (max-width: 767px) {
    .mfblog-related-posts-block.block.related .post-list .post-item {flex: 0 0 50%;max-width: 50%;}
}

/* Related Products */
.mfblog-related-products-block.block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;}
.mfblog-related-products-block.block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;}

/* Block Comments */
.block.comments .c-count {margin: 0 0 20px;padding: 0;border-bottom: 1px solid #222222;font-weight: 400;}
.block.comments .c-count strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;display: inline-block;}
/* END Post Bottom *************************************/

@media (max-width: 767px) {
    .blog-post-view .page-title-wrapper .page-title {font-size: 20px;}
    .blog-post-view .post-nextprev .nextprev-link {font-size: 14px;line-height: 1.4;}
}
/* END Post View ******************************************************************************************************/


/* Animation Zoom */
.image-wrap .animation-type-zoom {display: block;line-height: 0;overflow: hidden;position: relative;}
.image-container .animation-type-zoom {-webkit-transition: transform .3s ease,opacity .3s;transition: transform .3s ease,opacity .3s;}
.image-container:hover .animation-type-zoom {transform: scale3d(1.1,1.1,1);  -webkit-transform: scale3d(1.1,1.1,1);}


/* Sidebar ************************************************************************************************************/
/* Block Search */
.widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;}
.widget.blog-search .block-content {margin-bottom: 0;}
.widget.blog-search .block-content .form {position: relative;}
.widget.blog-search  label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;}
.widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;}
.widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;}
.widget.blog-search .action.search {position: absolute;top: 0;right: 0;bottom: 0;height: 100%;z-index: 1;display: inline-block;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0 10px;text-decoration: none;text-shadow: none;font-weight: 400;border-radius: 0;}
.widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Expre/hyva/en_GB/Magefan_Blog/images/search-icon-white.svg) no-repeat -10px -7px;background-size: 35px;opacity: 1;}
.widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.blog-search .actions .action.search {background: #222222;right: 0;padding: 0 10px;border-radius: 0;}

/* Posts List */
.widget.block-list-posts .post-list .post-item .image-container {flex: 0 0 30%;width: 30%;display: block;order: 0;}
/* Images */
/* Span Background */
.widget.block-list-posts .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;}
.widget.block-list-posts .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
/* Post Info */
.widget.block-list-posts .post-list .post-item .block-info .post-item-name {font-size: 14px;line-height: 20px;font-weight: 600;text-decoration: none;color: #333333;}
.widget.block-list-posts .post-list .post-item .block-info .block-date {color: #bbbbbb;}
.widget.block-list-posts .post-list .post-item .block-info .block-date .post-data {font-size: 11px;}

/* Post Grid */
.widget.block-list-posts .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;}
.widget.block-list-posts .post-list .post-item .image-container {-ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;}
.widget.block-list-posts .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;}
/* END Posts List */

/* New Post List */
.widget.block-posts-list .post-item {display: flex;gap: 1.5rem;}
.widget.block-posts-list .post-item .image-container {flex: 0 0 33.333333%;width: 33.333333%;align-self: flex-start;display: block;order: 0;margin-bottom: 10px;}
.widget.block-posts-list .post-item .image-container .image-wrap {display: block;position: relative;overflow: hidden;}
.widget.block-posts-list .post-item .image-container .image-wrap._4x3 {padding-bottom: 70%;}
.widget.block-posts-list .post-item .image-container .image-wrap .bg-img {display: block;position: absolute;width: 100%;height: 100%;max-width: 100%;background-size: cover;background-position: center;}
.widget.block-posts-list .post-item .block-info .post-title {margin: 0 0 0.5rem 0 !important;}
.widget.block-posts-list .post-item .block-info .post-title .post-item-name {display: block;font-size: 16px;line-height: 22px;font-weight: 500;text-decoration: none;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.widget.block-posts-list .post-item .block-info .block-date {line-height: 1rem;}
.widget.block-posts-list .post-item .block-info .block-date .post-date {font-size: 11px;line-height: 1.2rem;color: #bbbbbb;font-family: sans-serif;}
.widget.block-posts-list .post-item .block-info .post-description {display: none;line-height: 21px;font-size: 13px;}
.widget.block-posts-list .post-item .block-info .read-more {display: none;}
/* END New Post List */

/* Archive */
.widget.block-archive .archive-item-link {font-weight: 600}

/* RSS Feed */
.widget.block-rss .rss-icon {width: 23px;filter: grayscale(100%);vertical-align: middle;}
/* End Sidebar ********************************************************************************************************/
/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */