/*! tailwindcss v4.1.17 | 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-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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-yellow-50:oklch(98.7% .026 102.212);--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-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--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-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-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--container-xl:36rem;--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-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--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:oklch(52% .2 265);--color-primary:oklch(46% .2 265);--color-primary-darker:oklch(28% .2 265);--color-secondary-lighter:oklch(72% .2 150);--color-secondary:oklch(53% .15 150);--color-secondary-darker:oklch(39% .1 153);--color-on-primary:#fff;--color-bg:var(--color-slate-50);--color-fg:var(--color-slate-950);--color-fg-secondary:var(--color-slate-600);--color-surface:var(--color-white)}@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;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)}.-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-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-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%}.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}.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-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-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:#1f48c51a}@supports (color:color-mix(in lab, red, red)){.btn{--btn-bg:color-mix(in srgb,var(--color-primary)10%,#0000)}}.btn{--btn-hover-bg:#1f48c533}@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:#1f48c54d}@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))}.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-3{height:calc(var(--spacing)*3)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-16{height:calc(var(--spacing)*16)}.h-48{height:calc(var(--spacing)*48)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[75vh\]{max-height:75vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-svh{max-height:100svh}.min-h-14{min-height:calc(var(--spacing)*14)}.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-3{width:calc(var(--spacing)*3)}.w-4\/12{width:33.3333%}.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-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-4xl{max-width:var(--container-4xl)}.max-w-\[25\%\]{max-width:25%}.max-w-full{max-width:100%}.max-w-prose{max-width:65ch}.max-w-xl{max-width:var(--container-xl)}.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}.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\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);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)}.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-pointer{cursor:pointer}.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}.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-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}: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-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)))}.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-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-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)}.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-blue-500{border-color:var(--color-blue-500)}.border-container{border-color:var(--color-container)}.border-current{border-color:currentColor}.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-400{border-color:var(--color-green-400)}.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}.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-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-500{background-color:var(--color-green-500)}.bg-primary[class*=bg-opacity-]{background-color:oklch(46% .2 265)}@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-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.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\/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-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-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-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-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.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-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)}.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))}.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-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-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-black{color:var(--color-black)}.text-current{color:currentColor}.text-fg{color:var(--color-fg)}.text-fg-secondary{color:var(--color-fg-secondary)}.text-fg\/30{color:#0206184d}@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-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-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)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.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}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.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{--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:#1f48c580}@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:#1f48c5bf}@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)}.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-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-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\: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-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-primary:hover{border-color:var(--color-primary)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.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-red-600:hover{color:var(--color-red-600)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.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-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-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-red-500:focus{--tw-ring-color:var(--color-red-500)}.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\: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-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\: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))}}@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-\[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-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\: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\: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-x-10{column-gap:calc(var(--spacing)*10)}.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\:text-left{text-align:left}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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}}[x-cloak]{display:none!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{margin-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:#1f48c51a}@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:#1f48c533}@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:#1f48c54d}@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}@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-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-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-content{syntax:"*";inherits:false;initial-value:""}:root {
    --aal-charcoal: #1f1d1b;
    --aal-brown: #4b3328;
    --aal-brown-dark: #33241d;
    --aal-copper: #a96835;
    --aal-cream: #f6f0e7;
    --aal-stone: #e4d8c9;
    --aal-white: #ffffff;
    --aal-flame: #ffa25c;
    --aal-green: #8bc34a;
    --aal-green-dark: #6fa32f;
    --aal-green-hover: #78b63b;
}

/* ==========================================================================
   All About Living - Hyva child theme CSS
   Header, homepage, mobile promo strip and mobile drawer
   ========================================================================== */

/* Hide only legacy Amasty Mega Menu logo elements.
   Do not target generic logo images inside #ammenu-header-container because
   our custom #header may be nested inside that wrapper. */
#ammenu-header-container > a.logo,
#ammenu-header-container > .logo,
#ammenu-header-container > .ammenu-logo,
#ammenu-header-container .ammenu-logo {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Header wrapper
   -------------------------------------------------------------------------- */

.aal-header {
    position: relative;
    z-index: 40;
    width: 100%;
    background: var(--aal-brown);
    color: var(--aal-cream);
    box-shadow: 0 2px 14px rgba(31, 29, 27, .18);
}

/* Prevent any direct/default logo output from creating a separate white row. */
.aal-header > .logo,
.aal-header > a.logo,
#header > .logo,
#header > a.logo,
.page-header > .logo,
.page-header > a.logo {
    display: none !important;
}

/* Defensive reset for older/unused header rows that caused the white logo band. */
.aal-header__main,
.aal-header__main-inner {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    background: var(--aal-brown) !important;
}

/* --------------------------------------------------------------------------
   Logo / brand row
   -------------------------------------------------------------------------- */

.aal-header__brand {
    width: 100%;
    height: 58px;
    min-height: 58px;
    max-height: 58px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--aal-brown) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.aal-header__brand-inner {
    width: min(100% - 32px, 1440px);
    height: 58px;
    min-height: 58px;
    max-height: 58px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--aal-brown) !important;
}

.aal-header__logo,
#header .aal-header__logo,
.page-header .aal-header__logo {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.aal-header__logo .logo,
.aal-header__logo a.logo,
.aal-header__logo a[aria-label*="logo" i],
.aal-header__logo a,
#header .aal-header__logo .logo,
#header .aal-header__logo a.logo,
#header .aal-header__logo a[aria-label*="logo" i],
#header .aal-header__logo a,
.page-header .aal-header__logo .logo,
.page-header .aal-header__logo a.logo,
.page-header .aal-header__logo a[aria-label*="logo" i],
.page-header .aal-header__logo a {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.aal-header__logo img,
#header .aal-header__logo img,
.page-header .aal-header__logo img,
.aal-header__brand .aal-header__logo img,
#header .aal-header__brand .aal-header__logo img,
.page-header .aal-header__brand .aal-header__logo img {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 360px !important;
    max-height: 54px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
}

/* --------------------------------------------------------------------------
   Utility row
   -------------------------------------------------------------------------- */

.aal-header__utility {
    background: var(--aal-brown-dark);
    color: var(--aal-cream);
    font-size: 13px;
    border-top: 1px solid rgba(0, 0, 0, .18);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.aal-header__utility-inner,
.aal-header__navrow-inner,
.aal-promo-strip__inner {
    width: min(100% - 32px, 1440px);
    margin-inline: auto;
}

.aal-header__utility-inner {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.aal-header__utility-left,
.aal-header__phone,
.aal-header__links {
    display: flex;
    align-items: center;
    gap: 18px;
}

.aal-header__phone,
.aal-header__links a,
.aal-header__promise {
    color: var(--aal-cream);
    text-decoration: none;
    white-space: nowrap;
}

.aal-header__phone {
    font-weight: 700;
}

.aal-header__promise {
    color: #d9c4aa;
}

.aal-header__links {
    margin-left: auto;
}

.aal-header__links a:hover,
.aal-header__phone:hover {
    color: var(--aal-white);
}

/* --------------------------------------------------------------------------
   Main nav row
   -------------------------------------------------------------------------- */

.aal-header__navrow {
    background: var(--aal-flame);
    border-bottom: 1px solid rgba(0, 0, 0, .24);
}

.aal-header__navrow-inner {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.aal-header__nav {
    flex: 1 1 auto;
    min-width: 0;
}

.aal-header__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.aal-header__nav nav,
.aal-header__nav nav > ul,
.aal-header__nav ul[role="menubar"],
.aal-header__nav .navigation > ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 20px;
}

.aal-header__nav li,
.aal-header__nav nav a,
.aal-header__nav nav button {
    white-space: nowrap;
}

.aal-header__nav a,
.aal-header__nav button,
.aal-header__actions > a,
.aal-header__actions > button,
.aal-header__actions > div > a,
.aal-header__actions > div > button,
.aal-header svg {
    color: var(--aal-white) !important;
    stroke: currentColor !important;
}

.aal-header__nav a:hover,
.aal-header__nav button:hover,
.aal-header__actions > a:hover,
.aal-header__actions > button:hover,
.aal-header__actions > div > a:hover,
.aal-header__actions > div > button:hover,
.aal-icon-button:hover {
    color: var(--aal-white) !important;
    background: rgba(75, 51, 40, .26) !important;
}

.aal-icon-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--aal-cream);
    cursor: pointer;
}

.aal-cart-button__count {
    position: absolute;
    top: 1px;
    right: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--aal-copper);
    color: var(--aal-white);
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

/* --------------------------------------------------------------------------
   Dropdowns: category, account and action dropdowns
   -------------------------------------------------------------------------- */

#header :is(.aal-header__nav, .aal-header__actions) :is([role="menu"], [role="listbox"], .submenu, .level0.submenu, .dropdown, .dropdown-menu, .customer-menu, .absolute, [x-show]),
.page-header :is(.aal-header__nav, .aal-header__actions) :is([role="menu"], [role="listbox"], .submenu, .level0.submenu, .dropdown, .dropdown-menu, .customer-menu, .absolute, [x-show]),
#customer-menu,
#customer-menu .absolute,
#header [id*="customer-menu" i],
#header [class*="customer-menu" i] {
    background: #fffaf4 !important;
    background-color: #fffaf4 !important;
    color: #2b1d17 !important;
    border: 1px solid rgba(75, 51, 40, .18) !important;
    box-shadow: 0 16px 38px rgba(31, 29, 27, .18) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

#header :is(.aal-header__nav, .aal-header__actions) :is([role="menu"], [role="listbox"], .submenu, .level0.submenu, .dropdown, .dropdown-menu, .customer-menu, .absolute, [x-show]) *,
.page-header :is(.aal-header__nav, .aal-header__actions) :is([role="menu"], [role="listbox"], .submenu, .level0.submenu, .dropdown, .dropdown-menu, .customer-menu, .absolute, [x-show]) *,
#customer-menu *,
#header [id*="customer-menu" i] *,
#header [class*="customer-menu" i] * {
    color: #2b1d17 !important;
    -webkit-text-fill-color: #2b1d17 !important;
    fill: #2b1d17 !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    text-shadow: none !important;
    filter: none !important;
}

#header :is(.aal-header__nav, .aal-header__actions) :is([role="menu"], [role="listbox"], .submenu, .level0.submenu, .dropdown, .dropdown-menu, .customer-menu, .absolute, [x-show]) :is(a, button, span, div, li),
.page-header :is(.aal-header__nav, .aal-header__actions) :is([role="menu"], [role="listbox"], .submenu, .level0.submenu, .dropdown, .dropdown-menu, .customer-menu, .absolute, [x-show]) :is(a, button, span, div, li),
#customer-menu :is(a, button, span, div, li) {
    color: #2b1d17 !important;
    -webkit-text-fill-color: #2b1d17 !important;
    opacity: 1 !important;
}

#header :is(.aal-header__nav, .aal-header__actions) :is([role="menu"], [role="listbox"], .submenu, .level0.submenu, .dropdown, .dropdown-menu, .customer-menu, .absolute, [x-show]) :is(a, button):hover,
.page-header :is(.aal-header__nav, .aal-header__actions) :is([role="menu"], [role="listbox"], .submenu, .level0.submenu, .dropdown, .dropdown-menu, .customer-menu, .absolute, [x-show]) :is(a, button):hover,
#customer-menu :is(a, button):hover {
    background: #f1e6da !important;
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
}

/* --------------------------------------------------------------------------
   Search panel
   -------------------------------------------------------------------------- */

.aal-header-search,
#search-content {
    position: absolute;
    z-index: 50;
    width: 100%;
    background: var(--aal-white) !important;
    color: var(--aal-charcoal) !important;
    border-top: 1px solid rgba(75, 51, 40, .12);
    box-shadow: 0 14px 34px rgba(31, 29, 27, .14);
}

.aal-header-search *,
#search-content * {
    color: var(--aal-charcoal) !important;
    -webkit-text-fill-color: var(--aal-charcoal) !important;
}

.aal-header-search input,
#search-content input {
    background: var(--aal-white) !important;
    color: var(--aal-charcoal) !important;
}

/* --------------------------------------------------------------------------
   Promo strip
   -------------------------------------------------------------------------- */

.aal-promo-strip {
    border-top: 1px solid rgba(75, 51, 40, .12);
    border-bottom: 1px solid rgba(75, 51, 40, .12);
    background: var(--aal-cream);
}

.aal-promo-strip__inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
}

.aal-promo-strip__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 46px;
    padding: 7px 18px;
    color: var(--aal-charcoal);
    text-decoration: none;
    background: rgba(255, 255, 255, .52);
}

.aal-promo-strip__item strong {
    font-size: 14px;
    line-height: 1.1;
}

.aal-promo-strip__item span {
    margin-top: 2px;
    color: #695d55;
    font-size: 12px;
    line-height: 1.2;
}

.aal-promo-strip__item--offer {
    background: var(--aal-brown);
    color: var(--aal-white);
}

.aal-promo-strip__item--offer span {
    color: #e8d5bf;
}

/* --------------------------------------------------------------------------
   Homepage
   -------------------------------------------------------------------------- */

.aal-home-hero,
.aal-category-section,
.aal-showroom-band,
.aal-brand-section {
    width: min(100% - 24px, 1440px);
    margin: 0 auto;
}

.aal-eyebrow {
    margin: 0 0 10px;
    color: var(--aal-copper);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aal-showroom-band h2,
.aal-section-heading h2 {
    margin: 0;
    font-weight: 800;
    letter-spacing: -.03em;
}

.aal-home-hero__actions,
.aal-showroom-band__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.aal-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
}

.aal-button--primary {
    background: var(--aal-green);
    color: var(--aal-white);
}

.aal-button--secondary {
    background: var(--aal-white);
    color: var(--aal-charcoal);
}

.aal-category-section,
.aal-brand-section,
.aal-showroom-band {
    margin-top: 58px;
}

.aal-section-heading {
    margin-bottom: 22px;
    text-align: center;
}

.aal-section-heading h2,
.aal-showroom-band h2 {
    color: var(--aal-charcoal);
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.05;
}

.aal-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.aal-category-card {
    display: flex;
    min-height: 360px;
    overflow: hidden;
    position: relative;
    flex-direction: column;
    justify-content: end;
    padding: 22px;
    border-radius: 24px;
    color: var(--aal-white);
    text-decoration: none;
    background: var(--aal-charcoal);
    isolation: isolate;
}

.aal-category-card__image {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(135deg, #5c473d, #221d19);
}

.aal-category-card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .75));
}

.aal-category-card strong {
    font-size: 24px;
    line-height: 1.1;
}

.aal-category-card span:not(.aal-category-card__image) {
    margin-top: 6px;
    color: #f0e3d1;
    line-height: 1.35;
}
.aal-category-card__image--media {
    background:
        linear-gradient(135deg, rgba(31, 29, 27, .18), rgba(31, 29, 27, .42)),
        url('/media/wysiwyg/aal-hyva/media-walls-v1.png') center center / cover no-repeat !important;
}

.aal-category-card__image--stoves {
    background:
        linear-gradient(135deg, rgba(31, 29, 27, .18), rgba(31, 29, 27, .42)),
        url('/media/wysiwyg/aal-hyva/stoves-v2.png') center center / cover no-repeat !important;
}

.aal-category-card__image--fires {
    background:
        linear-gradient(135deg, rgba(31, 29, 27, .18), rgba(31, 29, 27, .42)),
        url('/media/wysiwyg/aal-hyva/fires-v6.png') center center / cover no-repeat !important;
}

.aal-category-card__image--fireplaces {
    background:
        linear-gradient(135deg, rgba(31, 29, 27, .18), rgba(31, 29, 27, .42)),
        url('/media/wysiwyg/aal-hyva/fireplaces-v1.png') center center / cover no-repeat !important;
}

.aal-showroom-band {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    padding: clamp(28px, 4vw, 52px);
    border-radius: 28px;
    background: var(--aal-cream);
}

.aal-showroom-band p:not(.aal-eyebrow) {
    max-width: 820px;
    margin: 14px 0 0;
    color: #5e554d;
    font-size: 18px;
    line-height: 1.6;
}

.aal-brand-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.aal-brand-grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 110px;
    padding: 20px;
    border: 1px solid var(--aal-stone);
    border-radius: 22px;
    background: var(--aal-white);
    color: var(--aal-charcoal);
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   Tablet / general responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1023px) {
    .aal-header__brand,
    .aal-header__brand-inner,
    .aal-header__logo,
    .aal-header__logo .logo,
    .aal-header__logo a.logo,
    .aal-header__logo a {
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }

    .aal-header__logo img,
    #header .aal-header__logo img,
    .page-header .aal-header__logo img,
    .aal-header__brand .aal-header__logo img {
        max-width: 270px !important;
        max-height: 52px !important;
    }

    .aal-header__utility-inner {
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
        gap: 8px 14px;
        padding: 7px 0;
    }

    .aal-header__promise,
    .aal-header__links {
        display: none;
    }

    .aal-header__navrow-inner {
        min-height: 56px;
        gap: 14px;
    }

    .aal-header__nav nav,
    .aal-header__nav nav > ul,
    .aal-header__nav ul[role="menubar"] {
        overflow-x: auto;
        scrollbar-width: none;
        gap: 16px;
    }

    .aal-promo-strip__inner {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .aal-promo-strip__item {
        flex: 0 0 82%;
        scroll-snap-align: start;
    }


    .aal-category-grid,
    .aal-brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aal-category-card {
        min-height: 280px;
    }
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
    html,
    body,
    .page-wrapper,
    #ammenu-header-container,
    .ammenu-header-container,
    .ammenu-header-container.page-header {
        background: var(--aal-brown) !important;
    }

    #ammenu-header-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .page-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    #header .aal-header__brand,
    #header .aal-header__brand-inner,
    #header .aal-header__logo,
    #header .aal-header__logo .logo,
    #header .aal-header__logo a.logo,
    #header .aal-header__logo a {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        background: var(--aal-brown) !important;
    }

    #header .aal-header__logo img {
        max-width: 250px !important;
        max-height: 50px !important;
    }

    .aal-header__utility {
        background: var(--aal-brown-dark) !important;
    }

    .aal-header__utility-inner {
        min-height: 38px !important;
        padding: 0 14px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .aal-header__utility-left {
        justify-content: center !important;
        gap: 8px !important;
    }

    .aal-header__phone {
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .aal-header__promise,
    .aal-header__links {
        display: none !important;
    }

    .aal-header__navrow {
        background: var(--aal-flame) !important;
    }

    .aal-header__navrow-inner {
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 16px !important;
        gap: 10px !important;
    }

    .aal-header__actions {
        gap: 10px !important;
    }

    .aal-icon-button {
        min-width: 40px !important;
        min-height: 40px !important;
    }



    /* Mobile promo strip: carousel cards with centred CSS chevrons */
    .aal-promo-strip {
        background: #efe4d6 !important;
        border-top: 1px solid rgba(75, 51, 40, .18) !important;
        border-bottom: 1px solid rgba(75, 51, 40, .22) !important;
        box-shadow: 0 8px 18px rgba(31, 29, 27, .12) !important;
        overflow: hidden !important;
    }

    .aal-promo-strip__inner {
        position: relative !important;
        width: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        gap: 30px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding: 8px 14px !important;
        scrollbar-width: none !important;
    }

    .aal-promo-strip__inner::-webkit-scrollbar {
        display: none !important;
    }

    .aal-promo-strip__item {
        position: relative !important;
        flex: 0 0 74% !important;
        min-height: 52px !important;
        padding: 10px 14px !important;
        border-radius: 12px !important;
        scroll-snap-align: start !important;
        background: #fffaf4 !important;
        border: 1px solid rgba(75, 51, 40, .14) !important;
        box-shadow: 0 4px 12px rgba(31, 29, 27, .08) !important;
        color: var(--aal-charcoal) !important;
    }

    .aal-promo-strip__item:not(:last-child)::before {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        right: -27px !important;
        transform: translateY(-50%) !important;
        width: 24px !important;
        height: 24px !important;
        border-radius: 999px !important;
        background: #fffaf4 !important;
        border: 1px solid rgba(75, 51, 40, .22) !important;
        box-shadow: 0 4px 10px rgba(31, 29, 27, .16) !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }

    .aal-promo-strip__item:not(:last-child)::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        right: -17px !important;
        width: 8px !important;
        height: 8px !important;
        transform: translateY(-50%) rotate(45deg) !important;
        border-top: 2px solid var(--aal-brown) !important;
        border-right: 2px solid var(--aal-brown) !important;
        border-left: 0 !important;
        border-bottom: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        z-index: 3 !important;
        pointer-events: none !important;
    }

    .aal-promo-strip__item--offer {
        background: var(--aal-brown) !important;
        border-color: var(--aal-brown) !important;
        color: var(--aal-white) !important;
    }

    .aal-promo-strip__item--offer:not(:last-child)::before {
        background: var(--aal-copper) !important;
        border-color: var(--aal-copper) !important;
    }

    .aal-promo-strip__item--offer:not(:last-child)::after {
        border-color: var(--aal-white) !important;
    }

    .aal-promo-strip__item strong {
        font-size: 14px !important;
        line-height: 1.15 !important;
        color: var(--aal-charcoal) !important;
    }

    .aal-promo-strip__item span {
        margin-top: 3px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        color: #6d5c51 !important;
    }

    .aal-promo-strip__item--offer strong {
        color: var(--aal-white) !important;
    }

    .aal-promo-strip__item--offer span {
        color: #ead8c3 !important;
    }

    /* Mobile menu: reset drawer to clean vertical rows */
    .aal-header__nav nav,
    .aal-header__nav nav > ul,
    .aal-header__nav ul[role="menubar"],
    .aal-header__nav .navigation > ul {
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        white-space: normal !important;
        gap: 0 !important;
    }

    #menu-drawer,
    #menu-drawer nav,
    #menu-drawer ul,
    [role="dialog"] nav,
    [role="dialog"] nav ul {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    #menu-drawer li,
    [role="dialog"] nav li {
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid rgba(75, 51, 40, .12) !important;
        text-align: left !important;
        list-style: none !important;
    }

    #menu-drawer li:has(> button),
    [role="dialog"] nav li:has(> button) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        align-items: center !important;
        column-gap: 0 !important;
    }

    #menu-drawer li:has(> div > button),
    [role="dialog"] nav li:has(> div > button) {
        display: block !important;
    }

    #menu-drawer li > div:has(> button),
    [role="dialog"] nav li > div:has(> button) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 !important;
        margin: 0 !important;
        column-gap: 0 !important;
        text-align: left !important;
    }

    #menu-drawer li > a,
    #menu-drawer li > div > a,
    #menu-drawer li > div > span,
    [role="dialog"] nav li > a,
    [role="dialog"] nav li > div > a,
    [role="dialog"] nav li > div > span {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 54px !important;
        padding: 14px 22px !important;
        margin: 0 !important;
        color: #2b1d17 !important;
        -webkit-text-fill-color: #2b1d17 !important;
        background: transparent !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        text-align: left !important;
        white-space: normal !important;
    }

    #menu-drawer li:not(:has(button)) > a,
    [role="dialog"] nav li:not(:has(button)) > a {
        width: 100% !important;
        grid-column: 1 / -1 !important;
    }

    #menu-drawer li > button,
    #menu-drawer li > div > button,
    [role="dialog"] nav li > button,
    [role="dialog"] nav li > div > button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: end !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 !important;
        margin: 0 14px 0 0 !important;
        border: 1px solid rgba(75, 51, 40, .16) !important;
        border-radius: 8px !important;
        background: #fffaf4 !important;
        color: var(--aal-brown) !important;
        -webkit-text-fill-color: var(--aal-brown) !important;
        text-align: center !important;
    }

    #menu-drawer li > button svg,
    #menu-drawer li > div > button svg,
    [role="dialog"] nav li > button svg,
    [role="dialog"] nav li > div > button svg {
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        color: var(--aal-brown) !important;
        stroke: currentColor !important;
    }

    #menu-drawer li > a:hover,
    #menu-drawer li > div > a:hover,
    #menu-drawer li > div > button:hover,
    [role="dialog"] nav li > a:hover,
    [role="dialog"] nav li > div > a:hover,
    [role="dialog"] nav li > div > button:hover {
        background: #f1e6da !important;
        color: var(--aal-brown) !important;
        -webkit-text-fill-color: var(--aal-brown) !important;
    }

    #menu-drawer *,
    [role="dialog"] nav * {
        color: #2b1d17 !important;
        -webkit-text-fill-color: #2b1d17 !important;
        opacity: 1 !important;
    }

    #menu-drawer a,
    #menu-drawer span,
    [role="dialog"] nav a,
    [role="dialog"] nav span {
        text-align: left !important;
    }

    #menu-drawer button,
    #menu-drawer button *,
    [role="dialog"] nav button,
    [role="dialog"] nav button * {
        text-align: center !important;
    }
}

/* --------------------------------------------------------------------------
   Small mobile layout
   -------------------------------------------------------------------------- */

@media (max-width: 640px) {
    .aal-header__brand,
    .aal-header__brand-inner,
    .aal-header__logo,
    .aal-header__logo .logo,
    .aal-header__logo a.logo,
    .aal-header__logo a {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
    }

    .aal-header__logo img,
    #header .aal-header__logo img,
    .page-header .aal-header__logo img,
    .aal-header__brand .aal-header__logo img {
        max-width: 250px !important;
        max-height: 50px !important;
    }

    .aal-header__navrow-inner,
    .aal-header__utility-inner,
    .aal-promo-strip__inner,
    .aal-home-hero,
    .aal-category-section,
    .aal-showroom-band,
    .aal-brand-section {
        width: min(100% - 16px, 1440px);
    }

    .aal-home-hero {
        margin-top: 28px;
        border-radius: 20px;
    }


    .aal-home-hero__content {
        padding: 26px 20px 30px;
    }

    .aal-home-hero h1 {
        font-size: 38px;
    }

    .aal-category-grid,
    .aal-brand-grid {
        grid-template-columns: 1fr;
    }

    .aal-showroom-band {
        padding: 24px 18px;
        border-radius: 20px;
    }
}



/* --------------------------------------------------------------------------
   Homepage hero - 2026 responsive background banner
   -------------------------------------------------------------------------- */

/*
   Required image path:
   /pub/media/wysiwyg/aal-hyva/home-hero-2026.png

   This section deliberately replaces the old split hero.
*/

.aal-home-hero--2026 {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    width: min(100% - 24px, 1800px) !important;
    min-height: clamp(500px, 42vw, 760px) !important;
    margin: 28px auto 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-radius: 0 !important;
    background:
        url('/media/wysiwyg/aal-hyva/home-hero-2026.png') center center / cover no-repeat,
        linear-gradient(135deg, #1f1d1b, #4b3328) !important;
    color: var(--aal-white) !important;
    box-shadow: 0 18px 44px rgba(31, 29, 27, .16) !important;
}

/* Remove old split-grid behaviour for this new hero only. */
.aal-home-hero--2026.aal-home-hero {
    grid-template-columns: none !important;
}

.aal-home-hero--2026 .aal-home-hero__shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .10) 0%, rgba(0, 0, 0, .02) 48%, rgba(0, 0, 0, .08) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .22) 100%) !important;
}

.aal-home-hero--2026 .aal-home-hero__inner {
    position: relative !important;
    width: 100% !important;
    min-height: inherit !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: clamp(28px, 3vw, 56px) !important;
}

.aal-home-hero--2026 .aal-home-hero__content {
    display: block !important;
    width: min(42vw, 620px) !important;
    max-width: 620px !important;
    margin-top: clamp(24px, 4vw, 72px) !important;
    padding: 0 !important;
    background: transparent !important;
}

.aal-home-hero--2026 .aal-home-hero__content .aal-eyebrow {
    margin: 0 0 10px !important;
    color: var(--aal-flame) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .45) !important;
}

.aal-home-hero--2026 .aal-home-hero__content h1 {
    max-width: 620px !important;
    margin: 0 !important;
    color: var(--aal-white) !important;
    font-size: clamp(44px, 5.5vw, 96px) !important;
    line-height: .92 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-transform: uppercase !important;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .42) !important;
}

.aal-home-hero--2026 .aal-home-hero__content p:not(.aal-eyebrow) {
    max-width: 420px !important;
    margin: 20px 0 0 !important;
    color: #ffffff !important;
    font-size: clamp(18px, 1.55vw, 28px) !important;
    line-height: 1.25 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .5) !important;
}

.aal-home-hero--2026 .aal-home-hero__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 28px !important;
}

.aal-home-hero--2026 .aal-button {
    min-height: 48px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22) !important;
}

.aal-button--ghost {
    background: rgba(31, 29, 27, .72) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    color: var(--aal-white) !important;
}

.aal-button--ghost:hover {
    background: rgba(31, 29, 27, .92) !important;
    border-color: rgba(255, 255, 255, .42) !important;
    color: var(--aal-white) !important;
}

/* Hero trust badges - premium live-site style */
.aal-home-hero--2026 .aal-home-hero__trust {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: min(100%, 1280px) !important;
    margin-top: auto !important;
    background: rgba(15, 12, 10, .54) !important;
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    backdrop-filter: blur(3px) !important;
}

/* New icon-based trust item markup */
.aal-home-hero--2026 .aal-home-hero__trust-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    min-height: 92px !important;
    padding: 16px 28px !important;
    color: #ffffff !important;
    text-align: left !important;
}

.aal-home-hero--2026 .aal-home-hero__trust-item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    top: 22px !important;
    right: 0 !important;
    width: 1px !important;
    height: calc(100% - 44px) !important;
    background: rgba(255, 255, 255, .32) !important;
}

.aal-home-hero--2026 .aal-home-hero__trust-icon {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    color: #ffffff !important;
}

.aal-home-hero--2026 .aal-home-hero__trust-icon svg {
    width: 54px !important;
    height: 54px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.aal-home-hero--2026 .aal-home-hero__trust-text {
    display: block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(15px, 1.2vw, 22px) !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .4) !important;
}

/* Backward-compatible fallback if the old span-only trust markup is still present */
.aal-home-hero--2026 .aal-home-hero__trust > span {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 92px !important;
    padding: 16px 28px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(15px, 1.2vw, 22px) !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .4) !important;
    background: transparent !important;
}

.aal-home-hero--2026 .aal-home-hero__trust > span:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    top: 22px !important;
    right: 0 !important;
    width: 1px !important;
    height: calc(100% - 44px) !important;
    background: rgba(255, 255, 255, .32) !important;
}

.aal-home-tour-link {
    width: min(100% - 24px, 1800px) !important;
    margin: 12px auto 0 !important;
    text-align: center !important;
}

.aal-home-tour-link a {
    color: #2f9e44 !important;
    font-size: clamp(16px, 1.2vw, 20px) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.aal-home-tour-link a:hover {
    color: #257a35 !important;
}

/* Tablet hero */
@media (max-width: 1023px) {
    .aal-home-hero--2026,
    .aal-home-tour-link {
        width: min(100% - 16px, 1440px) !important;
    }

    .aal-home-hero--2026 {
        min-height: 620px !important;
        margin-top: 18px !important;
        border-radius: 22px !important;
        background-position: center center !important;
    }

    .aal-home-hero--2026 .aal-home-hero__inner {
        padding: 28px !important;
    }

    .aal-home-hero--2026 .aal-home-hero__content {
        width: min(62vw, 560px) !important;
        max-width: 560px !important;
        margin-top: 26px !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .aal-home-hero--2026 .aal-home-hero__content h1 {
        font-size: clamp(42px, 7vw, 72px) !important;
    }

    .aal-home-hero--2026 .aal-home-hero__content p:not(.aal-eyebrow) {
        max-width: 380px !important;
        font-size: 20px !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 820px) !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust-item {
        min-height: 78px !important;
        padding: 14px 18px !important;
        gap: 14px !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust-icon,
    .aal-home-hero--2026 .aal-home-hero__trust-icon svg {
        width: 42px !important;
        height: 42px !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust-text,
    .aal-home-hero--2026 .aal-home-hero__trust > span {
        font-size: 15px !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust-item:nth-child(2)::after,
    .aal-home-hero--2026 .aal-home-hero__trust > span:nth-child(2)::after {
        display: none !important;
    }
}

/* Mobile hero */
@media (max-width: 640px) {
    .aal-home-hero--2026,
    .aal-home-tour-link {
        width: min(100% - 12px, 1440px) !important;
    }

    .aal-home-hero--2026 {
        min-height: 720px !important;
        margin-top: 12px !important;
        border-radius: 18px !important;

        /* Pull the image higher and slightly left so the van/fireplace remain visible */
        background-size: auto 100% !important;
        background-position: 48% center !important;
    }

    .aal-home-hero--2026 .aal-home-hero__shade {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .18) 34%, rgba(0, 0, 0, .76) 100%),
            linear-gradient(90deg, rgba(0, 0, 0, .20), rgba(0, 0, 0, .02)) !important;
    }

    .aal-home-hero--2026 .aal-home-hero__inner {
        justify-content: flex-end !important;
        padding: 18px !important;
    }

    .aal-home-hero--2026 .aal-home-hero__content {
        width: 100% !important;
        max-width: none !important;
        margin-top: auto !important;
        margin-bottom: 14px !important;
        padding: 16px !important;
        border-radius: 18px !important;
        background: rgba(31, 29, 27, .74) !important;
        backdrop-filter: blur(4px) !important;
        box-shadow: 0 16px 34px rgba(0, 0, 0, .28) !important;
    }

    .aal-home-hero--2026 .aal-home-hero__content .aal-eyebrow {
        margin-bottom: 8px !important;
        color: var(--aal-flame) !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        letter-spacing: .06em !important;
    }

    .aal-home-hero--2026 .aal-home-hero__content h1 {
        font-size: 31px !important;
        line-height: .96 !important;
        letter-spacing: -.035em !important;
    }

    .aal-home-hero--2026 .aal-home-hero__content p:not(.aal-eyebrow) {
        max-width: none !important;
        margin-top: 12px !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .aal-home-hero--2026 .aal-home-hero__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 16px !important;
    }

    .aal-home-hero--2026 .aal-button {
        width: 100% !important;
        min-height: 44px !important;
        padding: 0 16px !important;
        font-size: 14px !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        border: 1px solid rgba(255, 255, 255, .18) !important;
        background: rgba(15, 12, 10, .60) !important;
        backdrop-filter: blur(3px) !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust-item {
        min-height: 66px !important;
        padding: 10px 8px !important;
        gap: 8px !important;
        justify-content: flex-start !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust-item::after {
        display: none !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust-icon,
    .aal-home-hero--2026 .aal-home-hero__trust-icon svg {
        width: 26px !important;
        height: 26px !important;
    }

    .aal-home-hero--2026 .aal-home-hero__trust-text {
        font-size: 10px !important;
        line-height: 1.18 !important;
        font-weight: 800 !important;
        letter-spacing: .01em !important;
    }

    .aal-home-tour-link {
        margin-top: 10px !important;
        padding: 0 8px !important;
    }
}

/* --------------------------------------------------------------------------
   Mobile showroom band fix
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .aal-showroom-band {
        display: block !important;
        width: min(100% - 24px, 1440px) !important;
        margin: 42px auto 0 !important;
        padding: 28px 22px !important;
        border-radius: 22px !important;
        background: var(--aal-cream) !important;
        text-align: left !important;
    }

    .aal-showroom-band .aal-eyebrow {
        margin: 0 0 10px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        letter-spacing: .08em !important;
        color: var(--aal-copper) !important;
    }

    .aal-showroom-band h2 {
        max-width: none !important;
        margin: 0 !important;
        color: var(--aal-charcoal) !important;
        font-size: 30px !important;
        line-height: 1.05 !important;
        letter-spacing: -.035em !important;
    }

    .aal-showroom-band p:not(.aal-eyebrow) {
        max-width: none !important;
        margin: 16px 0 0 !important;
        color: #5e554d !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
    }

    .aal-showroom-band__actions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        margin-top: 22px !important;
        width: 100% !important;
    }

    .aal-showroom-band__actions .aal-button {
        width: 100% !important;
        min-height: 46px !important;
        padding: 0 18px !important;
        font-size: 15px !important;
        text-align: center !important;
        justify-content: center !important;
    }
}


/* --------------------------------------------------------------------------
   Global action/button colour override
   -------------------------------------------------------------------------- */

.action.primary,
button.action.primary,
button.primary,
button[type="submit"],
.checkout-cart-index .action.update,
.cart-summary .checkout-methods-items .action.primary,
.product-info-main .box-tocart .action.tocart,
.product-item .action.tocart,
.action.tocart,
.action.subscribe,
button.subscribe,
.newsletter .action.subscribe,
button[title="Subscribe"],
button[title="Add to Basket"],
button[title="Add to Cart"],
button[title="Add to basket"],
button[title="Add to cart"],
a.action.primary,
.aal-button--primary {
    background: var(--aal-green) !important;
    border-color: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

.action.primary:hover,
button.action.primary:hover,
button.primary:hover,
button[type="submit"]:hover,
.checkout-cart-index .action.update:hover,
.cart-summary .checkout-methods-items .action.primary:hover,
.product-info-main .box-tocart .action.tocart:hover,
.product-item .action.tocart:hover,
.action.tocart:hover,
.action.subscribe:hover,
button.subscribe:hover,
.newsletter .action.subscribe:hover,
button[title="Subscribe"]:hover,
button[title="Add to Basket"]:hover,
button[title="Add to Cart"]:hover,
button[title="Add to basket"]:hover,
button[title="Add to cart"]:hover,
a.action.primary:hover,
.aal-button--primary:hover {
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.action.primary:focus,
button.action.primary:focus,
button.primary:focus,
button[type="submit"]:focus,
.product-info-main .box-tocart .action.tocart:focus,
.product-item .action.tocart:focus,
.action.tocart:focus,
.action.subscribe:focus,
.newsletter .action.subscribe:focus,
a.action.primary:focus,
.aal-button--primary:focus {
    outline: 2px solid rgba(139, 195, 74, .42) !important;
    outline-offset: 2px !important;
}

.action.primary:disabled,
button.action.primary:disabled,
button.primary:disabled,
button[type="submit"]:disabled,
.action.tocart:disabled,
.action.subscribe:disabled {
    background: #9fb68b !important;
    border-color: #9fb68b !important;
    color: #ffffff !important;
    opacity: .7 !important;
}
/* --------------------------------------------------------------------------
   Category/product page colour fixes
   -------------------------------------------------------------------------- */

/* Shop By / filter headings: remove Hyva blue */
.sidebar-main .filter-title,
.sidebar-main .filter-title strong,
.sidebar-main .filter-options-title,
.sidebar-main .filter-options-title span,
.sidebar .filter-title,
.sidebar .filter-title strong,
.sidebar .filter-options-title,
.block.filter .filter-title,
.block.filter .filter-title strong,
.block.filter .filter-options-title,
#layered-filter-block .filter-title,
#layered-filter-block .filter-title strong,
#layered-filter-block .filter-options-title,
.catalog-category-view .sidebar-main h2,
.catalogsearch-result-index .sidebar-main h2,
.catalog-category-view .filter-title,
.catalogsearch-result-index .filter-title,
.catalog-category-view .text-primary,
.catalogsearch-result-index .text-primary {
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
}

/* Filter cards/borders should stay neutral */
.sidebar-main .filter-options-item,
.block.filter .filter-options-item,
#layered-filter-block .filter-options-item {
    border-color: rgba(75, 51, 40, .16) !important;
}

/* --------------------------------------------------------------------------
   Global green action buttons: add to basket, enquire, subscribe, checkout
   -------------------------------------------------------------------------- */

/* Hyva/Tailwind primary buttons and Magento action buttons */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
a.btn-primary,
.bg-primary,
.hover\:bg-primary:hover,
.action.primary,
button.action.primary,
button.primary,
button[type="submit"],
a.action.primary,
.product-item .action.tocart,
.product-item button.action.tocart,
.product-item button[title*="Add" i],
.product-info-main .box-tocart .action.tocart,
.action.tocart,
button[title="Add to Basket"],
button[title="Add to Cart"],
button[title="Add to basket"],
button[title="Add to cart"],
.cart-summary .checkout-methods-items .action.primary,
.checkout-cart-index .action.update,
.action.subscribe,
button.subscribe,
.newsletter .action.subscribe,
button[title="Subscribe"],
.aal-button--primary {
    background-color: var(--aal-green) !important;
    background: var(--aal-green) !important;
    border-color: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

/* Icons/text inside green buttons */
.btn-primary *,
button.btn-primary *,
.action.primary *,
button.action.primary *,
button.primary *,
button[type="submit"] *,
.product-item .action.tocart *,
.product-item button[title*="Add" i] *,
.product-info-main .box-tocart .action.tocart *,
.action.tocart *,
.action.subscribe *,
.newsletter .action.subscribe *,
.aal-button--primary * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: #ffffff !important;
    stroke: currentColor !important;
}

/* Hover/focus state */
.btn-primary:hover,
.btn.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.bg-primary:hover,
.action.primary:hover,
button.action.primary:hover,
button.primary:hover,
button[type="submit"]:hover,
a.action.primary:hover,
.product-item .action.tocart:hover,
.product-item button.action.tocart:hover,
.product-item button[title*="Add" i]:hover,
.product-info-main .box-tocart .action.tocart:hover,
.action.tocart:hover,
button[title="Add to Basket"]:hover,
button[title="Add to Cart"]:hover,
button[title="Add to basket"]:hover,
button[title="Add to cart"]:hover,
.cart-summary .checkout-methods-items .action.primary:hover,
.checkout-cart-index .action.update:hover,
.action.subscribe:hover,
button.subscribe:hover,
.newsletter .action.subscribe:hover,
button[title="Subscribe"]:hover,
.aal-button--primary:hover {
    background-color: var(--aal-green-hover) !important;
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.btn-primary:focus,
button.btn-primary:focus,
.action.primary:focus,
button.action.primary:focus,
button.primary:focus,
button[type="submit"]:focus,
.product-item .action.tocart:focus,
.product-item button[title*="Add" i]:focus,
.product-info-main .box-tocart .action.tocart:focus,
.action.tocart:focus,
.action.subscribe:focus,
.newsletter .action.subscribe:focus,
.aal-button--primary:focus {
    outline: 2px solid rgba(139, 195, 74, .42) !important;
    outline-offset: 2px !important;
}

/* Disabled action buttons */
.btn-primary:disabled,
button.btn-primary:disabled,
.action.primary:disabled,
button.action.primary:disabled,
button.primary:disabled,
button[type="submit"]:disabled,
.action.tocart:disabled,
.action.subscribe:disabled {
    background: #9fb68b !important;
    border-color: #9fb68b !important;
    color: #ffffff !important;
    opacity: .72 !important;
}

/* --------------------------------------------------------------------------
   Make us an Offer product page button fix
   -------------------------------------------------------------------------- */

#make_an_offer_show-popup,
span#make_an_offer_show-popup,
.make-an-offer__button-default,
span.action.primary.tocart.make-an-offer__button-default {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: max-content !important;
    min-width: 170px !important;
    min-height: 44px !important;
    padding: 11px 18px !important;
    margin: 12px 0 0 !important;

    border: 1px solid var(--aal-green) !important;
    border-radius: 8px !important;
    background: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    box-shadow: none !important;
    user-select: none !important;
}

#make_an_offer_show-popup:hover,
span#make_an_offer_show-popup:hover,
.make-an-offer__button-default:hover,
span.action.primary.tocart.make-an-offer__button-default:hover {
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#make_an_offer_show-popup:focus,
span#make_an_offer_show-popup:focus,
.make-an-offer__button-default:focus,
span.action.primary.tocart.make-an-offer__button-default:focus {
    outline: 2px solid rgba(139, 195, 74, .42) !important;
    outline-offset: 2px !important;
}

/* --------------------------------------------------------------------------
   Call for price / Make an Enquiry button cleanup
   -------------------------------------------------------------------------- */

.product-item .callforprice,
.product-item .call-for-price,
.product-item .callforprice-button,
.product-item .call-for-price-button,
.product-item .request-quote,
.product-item .request-quote-button,
.product-item a[href*="callforprice" i],
.product-item button[class*="callforprice" i],
.product-item a[class*="callforprice" i],
.product-item button[class*="request" i],
.product-item a[class*="request" i],
.product-info-main .callforprice,
.product-info-main .call-for-price,
.product-info-main .callforprice-button,
.product-info-main .call-for-price-button,
.product-info-main .request-quote,
.product-info-main .request-quote-button,
.product-info-main a[href*="callforprice" i],
.product-info-main button[class*="callforprice" i],
.product-info-main a[class*="callforprice" i] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 9px 16px !important;
    border: 1px solid var(--aal-green) !important;
    border-radius: 8px !important;
    background: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Hide broken icon/img that appears before Make an Enquiry */
.product-item .callforprice img,
.product-item .call-for-price img,
.product-item .callforprice-button img,
.product-item .call-for-price-button img,
.product-item .request-quote img,
.product-item .request-quote-button img,
.product-item a[href*="callforprice" i] img,
.product-info-main .callforprice img,
.product-info-main .call-for-price img,
.product-info-main .callforprice-button img,
.product-info-main .call-for-price-button img,
.product-info-main .request-quote img,
.product-info-main .request-quote-button img,
.product-info-main a[href*="callforprice" i] img {
    display: none !important;
}

.product-item .callforprice:hover,
.product-item .call-for-price:hover,
.product-item .callforprice-button:hover,
.product-item .call-for-price-button:hover,
.product-item .request-quote:hover,
.product-item .request-quote-button:hover,
.product-item a[href*="callforprice" i]:hover,
.product-info-main .callforprice:hover,
.product-info-main .call-for-price:hover,
.product-info-main .callforprice-button:hover,
.product-info-main .call-for-price-button:hover,
.product-info-main .request-quote:hover,
.product-info-main .request-quote-button:hover,
.product-info-main a[href*="callforprice" i]:hover {
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Product card small action buttons: wishlist/compare keep neutral, not blue */
.product-item .towishlist,
.product-item .tocompare,
.product-item button[aria-label*="wishlist" i],
.product-item button[aria-label*="compare" i],
.product-item a[aria-label*="wishlist" i],
.product-item a[aria-label*="compare" i] {
    color: var(--aal-brown) !important;
    background: #f6f0e7 !important;
    border-color: rgba(75, 51, 40, .12) !important;
}

.product-item .towishlist:hover,
.product-item .tocompare:hover,
.product-item button[aria-label*="wishlist" i]:hover,
.product-item button[aria-label*="compare" i]:hover,
.product-item a[aria-label*="wishlist" i]:hover,
.product-item a[aria-label*="compare" i]:hover {
    color: var(--aal-brown-dark) !important;
    background: #eadfce !important;
}
/* --------------------------------------------------------------------------
   Final Make an Enquiry / Call For Price cleanup
   -------------------------------------------------------------------------- */

/* Catch Mageplaza / Call For Price enquiry links that are not using normal button classes */
.product-item a[href*="requestquote" i],
.product-item a[href*="request-quote" i],
.product-item a[href*="callforprice" i],
.product-item a[href*="call-for-price" i],
.product-item a[href*="request" i][href*="quote" i],
.product-item a[class*="requestquote" i],
.product-item a[class*="request-quote" i],
.product-item a[class*="callforprice" i],
.product-item a[class*="call-for-price" i],
.product-item a[class*="enquiry" i],
.product-item button[class*="requestquote" i],
.product-item button[class*="request-quote" i],
.product-item button[class*="callforprice" i],
.product-item button[class*="call-for-price" i],
.product-item button[class*="enquiry" i],
.products-grid a[href*="requestquote" i],
.products-grid a[href*="callforprice" i],
.products-grid a[class*="enquiry" i],
.products-grid button[class*="enquiry" i] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 40px !important;
    padding: 9px 16px !important;
    margin-top: 8px !important;
    border: 1px solid var(--aal-green) !important;
    border-radius: 8px !important;
    background: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Hide the broken/missing enquiry icon */
.product-item a[href*="requestquote" i] img,
.product-item a[href*="request-quote" i] img,
.product-item a[href*="callforprice" i] img,
.product-item a[href*="call-for-price" i] img,
.product-item a[href*="request" i][href*="quote" i] img,
.product-item a[class*="requestquote" i] img,
.product-item a[class*="request-quote" i] img,
.product-item a[class*="callforprice" i] img,
.product-item a[class*="call-for-price" i] img,
.product-item a[class*="enquiry" i] img,
.product-item button[class*="requestquote" i] img,
.product-item button[class*="request-quote" i] img,
.product-item button[class*="callforprice" i] img,
.product-item button[class*="call-for-price" i] img,
.product-item button[class*="enquiry" i] img,
.products-grid a[href*="requestquote" i] img,
.products-grid a[href*="callforprice" i] img,
.products-grid a[class*="enquiry" i] img,
.products-grid button[class*="enquiry" i] img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* If the module outputs an icon as a pseudo element, suppress it */
.product-item a[href*="requestquote" i]::before,
.product-item a[href*="request-quote" i]::before,
.product-item a[href*="callforprice" i]::before,
.product-item a[href*="call-for-price" i]::before,
.product-item a[class*="requestquote" i]::before,
.product-item a[class*="callforprice" i]::before,
.product-item a[class*="enquiry" i]::before,
.products-grid a[href*="requestquote" i]::before,
.products-grid a[href*="callforprice" i]::before,
.products-grid a[class*="enquiry" i]::before {
    content: none !important;
    display: none !important;
}

/* Hover state */
.product-item a[href*="requestquote" i]:hover,
.product-item a[href*="request-quote" i]:hover,
.product-item a[href*="callforprice" i]:hover,
.product-item a[href*="call-for-price" i]:hover,
.product-item a[class*="requestquote" i]:hover,
.product-item a[class*="callforprice" i]:hover,
.product-item a[class*="enquiry" i]:hover,
.products-grid a[href*="requestquote" i]:hover,
.products-grid a[href*="callforprice" i]:hover,
.products-grid a[class*="enquiry" i]:hover {
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Mageplaza Call For Price / Make an Enquiry button fix
   -------------------------------------------------------------------------- */

button[id^="product-callforprice-"],
button[id*="product-callforprice-"],
.product-item button[id^="product-callforprice-"],
.products-grid button[id^="product-callforprice-"],
.product-info-main button[id^="product-callforprice-"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: max-content !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    margin-top: 8px !important;
    border: 1px solid var(--aal-green) !important;
    border-radius: 8px !important;
    background: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Hide the broken Mageplaza icon */
button[id^="product-callforprice-"] .mpcfp-icon,
button[id*="product-callforprice-"] .mpcfp-icon,
.product-item button[id^="product-callforprice-"] .mpcfp-icon,
.products-grid button[id^="product-callforprice-"] .mpcfp-icon,
.product-info-main button[id^="product-callforprice-"] .mpcfp-icon {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Keep text clean and centred */
button[id^="product-callforprice-"] span,
button[id*="product-callforprice-"] span,
.product-item button[id^="product-callforprice-"] span,
.products-grid button[id^="product-callforprice-"] span,
.product-info-main button[id^="product-callforprice-"] span {
    display: inline-block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* Hover */
button[id^="product-callforprice-"]:hover,
button[id*="product-callforprice-"]:hover,
.product-item button[id^="product-callforprice-"]:hover,
.products-grid button[id^="product-callforprice-"]:hover,
.product-info-main button[id^="product-callforprice-"]:hover {
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   Category pagination / toolbar colour fixes
   -------------------------------------------------------------------------- */

.pages,
.pages .pages-items,
.pages .item,
.toolbar .pages,
.toolbar-products .pages {
    color: var(--aal-charcoal) !important;
}

.pages .item a,
.pages .item strong,
.pages .item span,
.pages .action,
.pages a.page,
.pages strong.page,
.toolbar .pages a,
.toolbar .pages strong,
.toolbar-products .pages a,
.toolbar-products .pages strong {
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
    border-color: rgba(75, 51, 40, .18) !important;
    background: #fffaf4 !important;
}

/* Current active page */
.pages .item.current strong,
.pages .item.current span,
.pages strong.page,
.pages .current .page,
.toolbar .pages .current strong,
.toolbar-products .pages .current strong,
.toolbar-products .pages .current .page {
    background: var(--aal-green) !important;
    border-color: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Pagination hover */
.pages .item a:hover,
.pages .action:hover,
.pages a.page:hover,
.toolbar .pages a:hover,
.toolbar-products .pages a:hover {
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Previous / next arrows */
.pages .action.previous,
.pages .action.next,
.pages .item.pages-item-previous a,
.pages .item.pages-item-next a,
.toolbar-products .pages .action.previous,
.toolbar-products .pages .action.next {
    color: var(--aal-brown) !important;
    background: #fffaf4 !important;
    border-color: rgba(75, 51, 40, .18) !important;
}

.pages .action.previous:hover,
.pages .action.next:hover,
.pages .item.pages-item-previous a:hover,
.pages .item.pages-item-next a:hover,
.toolbar-products .pages .action.previous:hover,
.toolbar-products .pages .action.next:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
}

/* Hyva/Tailwind pagination utility classes */
.pages .bg-primary,
.toolbar .pages .bg-primary,
.toolbar-products .pages .bg-primary,
nav[aria-label*="pagination" i] .bg-primary {
    background-color: var(--aal-green) !important;
    background: var(--aal-green) !important;
    border-color: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.pages .text-primary,
.toolbar .pages .text-primary,
.toolbar-products .pages .text-primary,
nav[aria-label*="pagination" i] .text-primary {
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
}

/* Page-size dropdown border/focus */
.toolbar select,
.toolbar-products select,
.limiter select {
    border-color: rgba(75, 51, 40, .28) !important;
    color: var(--aal-charcoal) !important;
    background-color: #fffaf4 !important;
}

.toolbar select:focus,
.toolbar-products select:focus,
.limiter select:focus {
    border-color: var(--aal-green) !important;
    outline: 2px solid rgba(139, 195, 74, .28) !important;
    outline-offset: 2px !important;
}


/* --------------------------------------------------------------------------
   Category page mobile background/content readability fix
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
    .catalog-category-view main,
    .catalog-category-view .page-main,
    .catalog-category-view .columns,
    .catalog-category-view .column.main,
    .catalog-category-view .category-view,
    .catalog-category-view .category-description,
    .catalog-category-view .category-cms,
    .catalogsearch-result-index main,
    .catalogsearch-result-index .page-main,
    .catalogsearch-result-index .columns,
    .catalogsearch-result-index .column.main {
        background: #ffffff !important;
        color: var(--aal-charcoal) !important;
    }

    .catalog-category-view .category-description,
    .catalog-category-view .category-description *,
    .catalog-category-view .category-cms,
    .catalog-category-view .category-cms *,
    .catalog-category-view .page-title,
    .catalog-category-view h1,
    .catalog-category-view h2,
    .catalog-category-view h3,
    .catalogsearch-result-index .page-title,
    .catalogsearch-result-index h1 {
        color: var(--aal-charcoal) !important;
        -webkit-text-fill-color: var(--aal-charcoal) !important;
    }

    .catalog-category-view .category-description a,
    .catalog-category-view .category-cms a {
        color: var(--aal-brown) !important;
        -webkit-text-fill-color: var(--aal-brown) !important;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    .catalog-category-view .products.wrapper,
    .catalog-category-view .products-grid,
    .catalog-category-view .toolbar,
    .catalog-category-view .toolbar-products,
    .catalogsearch-result-index .products.wrapper,
    .catalogsearch-result-index .products-grid,
    .catalogsearch-result-index .toolbar,
    .catalogsearch-result-index .toolbar-products {
        background: #ffffff !important;
    }
}

/* --------------------------------------------------------------------------
   Amasty Brands desktop dropdown fix
   -------------------------------------------------------------------------- */

@media (min-width: 1024px) {
    /* Brands popup container: stop it collapsing into a single narrow column */
    #header .ambrands-menu-wrapper .absolute,
    #header .ambrands-menu-wrapper [class*="w-am-popup-content"],
    #header [class*="ambrands"] .absolute,
    #header .ambrands-popup,
    #header .ambrands-menu,
    #header .ambrands-menu-container,
    #header .ambrands-dropdown,
    #header div[x-show="isPopupShow"][class*="absolute"],
    .page-header .ambrands-menu-wrapper .absolute,
    .page-header .ambrands-menu-wrapper [class*="w-am-popup-content"],
    .page-header [class*="ambrands"] .absolute,
    .page-header div[x-show="isPopupShow"][class*="absolute"] {
        width: min(94vw, 980px) !important;
        min-width: 780px !important;
        max-width: 980px !important;
        height: 540px !important;
        max-height: 70vh !important;
        left: auto !important;
        right: 0 !important;
        overflow: hidden !important;
        background: #fffaf4 !important;
        border: 1px solid rgba(75, 51, 40, .18) !important;
        border-radius: 12px !important;
        box-shadow: 0 18px 42px rgba(31, 29, 27, .22) !important;
        color: #2b1d17 !important;
    }

    /* Main inner layout: restore two-column layout */
    #header div[x-show="isPopupShow"][class*="absolute"] > div,
    .page-header div[x-show="isPopupShow"][class*="absolute"] > div {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        background: #fffaf4 !important;
    }

    /* Left letter filter column */
    #header div[x-show="isPopupShow"][class*="absolute"] > div > div:first-child,
    .page-header div[x-show="isPopupShow"][class*="absolute"] > div > div:first-child {
        flex: 0 0 280px !important;
        width: 280px !important;
        max-width: 280px !important;
        min-width: 280px !important;
        height: 100% !important;
        padding: 20px !important;
        overflow-y: auto !important;
        background: #f6f0e7 !important;
        border-right: 1px solid rgba(75, 51, 40, .14) !important;
    }

    /* Right brand list column */
    #header div[x-show="isPopupShow"][class*="absolute"] > div > div:last-child,
    .page-header div[x-show="isPopupShow"][class*="absolute"] > div > div:last-child {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 100% !important;
        padding: 20px !important;
        overflow-y: auto !important;
        background: #fffaf4 !important;
    }

    /* Brand letter sections */
    #header .ambrands-letters-list,
    .page-header .ambrands-letters-list {
        display: block !important;
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    #header .ambrands-title,
    .page-header .ambrands-title {
        color: var(--aal-brown) !important;
        -webkit-text-fill-color: var(--aal-brown) !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        margin: 0 0 12px !important;
    }

    /* Brand item grid */
    #header .ambrands-content,
    .page-header .ambrands-content {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    #header .ambrands-inner,
    #header .ambrands-brand-popup-item,
    .page-header .ambrands-inner,
    .page-header .ambrands-brand-popup-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 48px !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border: 1px solid rgba(75, 51, 40, .14) !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        color: #2b1d17 !important;
        -webkit-text-fill-color: #2b1d17 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: 0 4px 12px rgba(31, 29, 27, .08) !important;
    }

    #header .ambrands-inner:hover,
    #header .ambrands-brand-popup-item:hover,
    .page-header .ambrands-inner:hover,
    .page-header .ambrands-brand-popup-item:hover {
        border-color: var(--aal-green) !important;
        background: #f6f0e7 !important;
        color: var(--aal-brown) !important;
        -webkit-text-fill-color: var(--aal-brown) !important;
    }

    #header .ambrands-label,
    #header .ambrands-label span,
    .page-header .ambrands-label,
    .page-header .ambrands-label span {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
        color: inherit !important;
        -webkit-text-fill-color: inherit !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    /* Hide empty logo placeholder boxes if no brand logo exists */
    #header .ambrands-empty,
    .page-header .ambrands-empty {
        display: none !important;
    }

    /* All Brands button and A-Z buttons */
    #header a[title="All Brands"],
    .page-header a[title="All Brands"] {
        background: var(--aal-green) !important;
        border-color: var(--aal-green) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-weight: 800 !important;
        text-decoration: none !important;
    }

    #header button.w-am-latter,
    .page-header button.w-am-latter {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        margin: 0 6px 8px 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(75, 51, 40, .22) !important;
        border-radius: 8px !important;
        background: #fffaf4 !important;
        color: var(--aal-brown) !important;
        -webkit-text-fill-color: var(--aal-brown) !important;
        font-weight: 700 !important;
        text-align: center !important;
    }

    #header button.w-am-latter:hover,
    .page-header button.w-am-latter:hover {
        background: var(--aal-green) !important;
        border-color: var(--aal-green) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    #header button.w-am-latter.pointer-events-none,
    .page-header button.w-am-latter.pointer-events-none {
        background: #e3d8ca !important;
        color: #8a7d72 !important;
        -webkit-text-fill-color: #8a7d72 !important;
        opacity: .75 !important;
    }
}

/* --------------------------------------------------------------------------
   REVIEWS.io homepage carousel
   -------------------------------------------------------------------------- */

.aal-reviews-section {
    margin-top: 58px;
    padding: 0;
}

.aal-reviews-section__inner {
    width: min(100% - 24px, 1440px);
    margin: 0 auto;
}

.aal-reviews-widget-wrap {
    overflow: hidden;
    padding: 18px;
    border: 1px solid rgba(75, 51, 40, .12);
    border-radius: 28px;
    background: #f6f0e7;
    box-shadow: 0 12px 32px rgba(31, 29, 27, .08);
}

#reviewsio-carousel-widget {
    width: 100%;
    min-height: 260px;
}

@media (max-width: 767px) {
    .aal-reviews-section {
        margin-top: 38px;
    }

    .aal-reviews-section__inner {
        width: min(100% - 16px, 1440px);
    }

    .aal-reviews-widget-wrap {
        padding: 12px;
        border-radius: 20px;
    }

    #reviewsio-carousel-widget {
        min-height: 340px;
    }
}

/* --------------------------------------------------------------------------
   Tablet header nav spacing fix
   Prevent search/account/cart icons overlapping Brands menu item on iPad
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1180px) {
    .aal-header__navrow-inner {
        width: 100% !important;
        padding: 0 16px !important;
        gap: 12px !important;
    }

    .aal-header__nav nav,
    .aal-header__nav nav > ul,
    .aal-header__nav ul[role="menubar"],
    .aal-header__nav .navigation > ul {
        gap: 13px !important;
    }

    .aal-header__nav a,
    .aal-header__nav button {
        font-size: 14px !important;
    }

    .aal-header__actions {
        flex: 0 0 auto !important;
        margin-left: auto !important;
        gap: 8px !important;
    }

    .aal-icon-button {
        min-width: 36px !important;
        min-height: 36px !important;
    }
}


/* --------------------------------------------------------------------------
   Amasty Cookie Bar / Consent Banner fix for Hyva
   -------------------------------------------------------------------------- */

/* Outer Alpine wrapper */
#am-cookie-bar {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 999999 !important;
    width: 100% !important;
    pointer-events: none !important;
}

/* Overlay wrapper should not create white/background artefacts */
#am-cookie-bar [data-dialog-ref-name="am-cookie-bar"],
#am-cookie-bar [data-dialog-ref-name="am-cookie-bar"] > .flex {
    background: transparent !important;
    pointer-events: none !important;
}

/* Actual visible cookie bar panel */
#am-cookie-bar [x-ref="am-cookie-bar"],
#am-cookie-bar [role="dialog"][aria-label="Cookie Bar"] {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 22px !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 999999 !important;

    width: min(100% - 32px, 1240px) !important;
    max-width: 1240px !important;
    min-height: auto !important;

    display: block !important;
    padding: 28px 34px !important;
    margin: 0 !important;

    background: rgba(51, 36, 29, .98) !important;
    background-color: rgba(51, 36, 29, .98) !important;
    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .35) !important;

    text-align: center !important;
    pointer-events: auto !important;
}

/* Inner content layout */
#am-cookie-bar [x-ref="am-cookie-bar"] > .flex,
#am-cookie-bar [role="dialog"][aria-label="Cookie Bar"] > .flex {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    background: transparent !important;
    color: #ffffff !important;
}

#am-cookie-bar [x-ref="am-cookie-bar"] > .flex > .flex,
#am-cookie-bar [role="dialog"][aria-label="Cookie Bar"] > .flex > .flex {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    background: transparent !important;
    color: #ffffff !important;
}

/* Cookie message */
#amcookie-bar-content {
    margin: 0 !important;
    max-height: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

#amcookie-bar-content * {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

#amcookie-bar-content a {
    color: #ffcd19 !important;
    -webkit-text-fill-color: #ffcd19 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

#amcookie-bar-content a:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: underline !important;
}

/* Button row */
#am-cookie-bar [x-ref="am-cookie-bar"] .flex.flex-wrap,
#am-cookie-bar [role="dialog"][aria-label="Cookie Bar"] .flex.flex-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 22px !important;
}

/* Buttons */
#am-cookie-bar .ambar-action-btn,
#am-cookie-bar button[data-dispatch-action] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 210px !important;
    max-width: none !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 12px 24px !important;

    border-radius: 4px !important;
    border: 1px solid transparent !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    text-align: center !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

/* Accept Cookies */
#am-cookie-bar .ambar-btn-accept,
#am-cookie-bar button[data-dispatch-action="cookiebar-action-allow"] {
    background: var(--aal-green) !important;
    background-color: var(--aal-green) !important;
    border-color: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#am-cookie-bar .ambar-btn-accept:hover,
#am-cookie-bar button[data-dispatch-action="cookiebar-action-allow"]:hover {
    background: var(--aal-green-hover) !important;
    background-color: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Custom Settings */
#am-cookie-bar .ambar-btn-settings,
#am-cookie-bar button[data-dispatch-action="cookiebar-action-settings"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
}

#am-cookie-bar .ambar-btn-settings:hover,
#am-cookie-bar button[data-dispatch-action="cookiebar-action-settings"]:hover {
    background: #f6f0e7 !important;
    background-color: #f6f0e7 !important;
    border-color: #f6f0e7 !important;
    color: var(--aal-brown-dark) !important;
    -webkit-text-fill-color: var(--aal-brown-dark) !important;
}

/* Close X */
#am-cookie-bar [aria-label="Close Cookie Bar"] {
    position: absolute !important;
    top: 18px !important;
    right: 22px !important;

    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
}

#am-cookie-bar [aria-label="Close Cookie Bar"] svg {
    width: 24px !important;
    height: 24px !important;
    color: #ffffff !important;
    stroke: currentColor !important;
}

/* Mobile */
@media (max-width: 767px) {
    #am-cookie-bar [x-ref="am-cookie-bar"],
    #am-cookie-bar [role="dialog"][aria-label="Cookie Bar"] {
        width: calc(100% - 20px) !important;
        bottom: 10px !important;
        padding: 24px 18px !important;
        border-radius: 10px !important;
    }

    #amcookie-bar-content {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    #am-cookie-bar .ambar-action-btn,
    #am-cookie-bar button[data-dispatch-action] {
        width: 100% !important;
        min-width: 0 !important;
    }

    #am-cookie-bar [aria-label="Close Cookie Bar"] {
        top: 10px !important;
        right: 12px !important;
    }
}

/* --------------------------------------------------------------------------
   Amasty Cookie Settings Modal fix for Hyva
   -------------------------------------------------------------------------- */

/* Hidden state must win, otherwise the settings modal flashes on page load */
#am-cookie-bar .am-cookie-bar-settings[x-cloak],
.am-cookie-bar-settings[x-cloak],
#am-cookie-bar .am-cookie-bar-settings[style*="display: none"],
.am-cookie-bar-settings[style*="display: none"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Only style the settings overlay once Alpine has actually opened it */
#am-cookie-bar .am-cookie-bar-settings:not([x-cloak]):not([style*="display: none"]),
.am-cookie-bar-settings:not([x-cloak]):not([style*="display: none"]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000001 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    background: rgba(31, 29, 27, .58) !important;
    color: var(--aal-charcoal) !important;
    pointer-events: auto !important;
}

/* Main settings panel */
#am-cookie-bar [x-ref="am-cookie-bar-settings"],
#am-cookie-bar [role="dialog"][aria-label="Cookie Bar Settings"],
.am-cookie-bar-settings [x-ref="am-cookie-bar-settings"],
.am-cookie-bar-settings [role="dialog"][aria-label="Cookie Bar Settings"] {
    position: relative !important;
    display: block !important;
    width: min(100% - 32px, 1120px) !important;
    max-width: 1120px !important;
    max-height: min(86vh, 760px) !important;
    overflow: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
    border: 1px solid rgba(75, 51, 40, .16) !important;
    background: #fffaf4 !important;
    color: var(--aal-charcoal) !important;
    box-shadow: 0 26px 70px rgba(31, 29, 27, .36) !important;
    text-align: left !important;
    z-index: 1000002 !important;
    pointer-events: auto !important;
}

/* Hide the normal bottom cookie bar only while settings are genuinely open */
#am-cookie-bar:has(.am-cookie-bar-settings:not([x-cloak]):not([style*="display: none"])) [x-ref="am-cookie-bar"],
#am-cookie-bar:has(.am-cookie-bar-settings:not([x-cloak]):not([style*="display: none"])) [role="dialog"][aria-label="Cookie Bar"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Create a clean header space inside the panel */
#cookiebar-groups {
    display: block !important;
    padding: 34px 38px 20px !important;
    background: #fffaf4 !important;
    color: var(--aal-charcoal) !important;
}

/* Group wrapper */
#cookiebar-groups [x-data="initAmCookieGroups"],
#cookiebar-groups .w-full.flex.flex-col {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
}

/* Each cookie group card */
#cookiebar-groups [x-data="initAmCookieGroups"] > template + div,
#cookiebar-groups [x-data="initAmCookieGroups"] > div,
#cookiebar-groups .mb-2 {
    position: relative !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border: 1px solid rgba(75, 51, 40, .14) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--aal-charcoal) !important;
    box-shadow: 0 8px 20px rgba(31, 29, 27, .06) !important;
}

/* Group header row */
#cookiebar-groups .header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Group titles */
#cookiebar-groups .ambar-group-title,
#cookiebar-groups h3,
#cookiebar-groups .text-ambar-settings-bar-group-title {
    margin: 0 !important;
    padding: 0 42px 0 0 !important;
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

/* Group descriptions */
#cookiebar-groups .ambar-group-description,
#cookiebar-groups .text-ambar-settings-bar-group-description,
#cookiebar-groups p {
    margin: 0 !important;
    padding: 4px 0 14px !important;
    color: #4c4039 !important;
    -webkit-text-fill-color: #4c4039 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

/* More Information button */
#cookiebar-groups button[data-dispatch-action="classic-open-am-cookie-group-info"],
#cookiebar-groups .btn.btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 150px !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
    margin: 0 !important;
    border: 1px solid rgba(75, 51, 40, .24) !important;
    border-radius: 8px !important;
    background: #f6f0e7 !important;
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

#cookiebar-groups button[data-dispatch-action="classic-open-am-cookie-group-info"]:hover,
#cookiebar-groups .btn.btn-secondary:hover {
    background: var(--aal-brown) !important;
    border-color: var(--aal-brown) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#cookiebar-groups .text-ambar-settings-bar-group-links,
#cookiebar-groups button[data-dispatch-action="classic-open-am-cookie-group-info"] span {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* Toggle inputs */
#cookiebar-groups .amsettings-bar-input-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    width: 48px !important;
    height: 26px !important;
    min-width: 48px !important;
    border: 1px solid rgba(75, 51, 40, .22) !important;
    border-radius: 999px !important;
    background: #d9cfc4 !important;
    cursor: pointer !important;
    transition: background .18s ease, border-color .18s ease !important;
}

#cookiebar-groups .amsettings-bar-input-toggle::after {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 6px rgba(31, 29, 27, .22) !important;
    transition: transform .18s ease !important;
}

#cookiebar-groups .amsettings-bar-input-toggle:checked {
    background: var(--aal-green) !important;
    border-color: var(--aal-green) !important;
}

#cookiebar-groups .amsettings-bar-input-toggle:checked::after {
    transform: translateX(22px) !important;
}

#cookiebar-groups .amsettings-bar-input-toggle:disabled {
    background: var(--aal-brown) !important;
    border-color: var(--aal-brown) !important;
    opacity: .85 !important;
    cursor: not-allowed !important;
}

#cookiebar-groups .amsettings-bar-input-toggle:disabled::after {
    transform: translateX(22px) !important;
}

/* Settings close X */
#am-cookie-bar [aria-label="Close Cookie Bar Settings"],
.am-cookie-bar-settings [aria-label="Close Cookie Bar Settings"] {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 5 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--aal-brown) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

#am-cookie-bar [aria-label="Close Cookie Bar Settings"] svg,
.am-cookie-bar-settings [aria-label="Close Cookie Bar Settings"] svg {
    width: 20px !important;
    height: 20px !important;
    color: #ffffff !important;
    stroke: currentColor !important;
}

/* Done / Save Settings button */
#am-cookie-bar [x-ref="ambar-settings-done"],
#am-cookie-bar button[x-ref="ambar-settings-done"],
.am-cookie-bar-settings [x-ref="ambar-settings-done"],
.am-cookie-bar-settings button[x-ref="ambar-settings-done"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 76px) !important;
    min-height: 48px !important;
    margin: 10px 38px 34px !important;
    padding: 13px 24px !important;
    border: 1px solid var(--aal-green) !important;
    border-radius: 8px !important;
    background: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

#am-cookie-bar [x-ref="ambar-settings-done"]:hover,
#am-cookie-bar button[x-ref="ambar-settings-done"]:hover,
.am-cookie-bar-settings [x-ref="ambar-settings-done"]:hover,
.am-cookie-bar-settings button[x-ref="ambar-settings-done"]:hover {
    background: var(--aal-green-hover) !important;
    border-color: var(--aal-green-hover) !important;
}

/* --------------------------------------------------------------------------
   Amasty Cookie Group More Information modal
   -------------------------------------------------------------------------- */

#am-cookie-bar [x-ref="classic-am-cookie-group-info"],
#am-cookie-bar [role="dialog"][aria-labelledby="amcookie-group-info"] {
    width: min(100% - 32px, 980px) !important;
    max-width: 980px !important;
    max-height: min(86vh, 720px) !important;
    overflow: auto !important;
    padding: 34px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(75, 51, 40, .16) !important;
    background: #fffaf4 !important;
    color: var(--aal-charcoal) !important;
    box-shadow: 0 26px 70px rgba(31, 29, 27, .36) !important;
}

#amcookie-group-info h3,
#am-cookie-bar .text-ambar-info-bar-title {
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

#amcookie-group-info p,
#am-cookie-bar .text-ambar-info-bar-description {
    color: #4c4039 !important;
    -webkit-text-fill-color: #4c4039 !important;
    line-height: 1.55 !important;
}

#amcookie-group-info table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border: 1px solid rgba(75, 51, 40, .14) !important;
}

#amcookie-group-info th,
#amcookie-group-info td {
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(75, 51, 40, .12) !important;
    color: var(--aal-charcoal) !important;
    -webkit-text-fill-color: var(--aal-charcoal) !important;
    vertical-align: top !important;
}

#amcookie-group-info th,
#am-cookie-bar .text-ambar-info-bar-table-header {
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
    font-weight: 800 !important;
}

/* More info modal close/done buttons */
#am-cookie-bar [aria-label="Close"],
#am-cookie-bar [x-ref="classic-am-cookie-group-info"] button[aria-label="Close"] {
    color: var(--aal-brown) !important;
    -webkit-text-fill-color: var(--aal-brown) !important;
}

#am-cookie-bar [x-ref="classic-am-cookie-group-info"] .ambar-action-btn,
#am-cookie-bar [x-ref="classic-am-cookie-group-info"] button:not([aria-label="Close"]) {
    background: var(--aal-green) !important;
    border-color: var(--aal-green) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Mobile settings modal */
@media (max-width: 767px) {
    #am-cookie-bar .am-cookie-bar-settings:not([x-cloak]):not([style*="display: none"]),
    .am-cookie-bar-settings:not([x-cloak]):not([style*="display: none"]) {
        align-items: flex-end !important;
        padding: 10px !important;
    }

    #am-cookie-bar [x-ref="am-cookie-bar-settings"],
    #am-cookie-bar [role="dialog"][aria-label="Cookie Bar Settings"],
    .am-cookie-bar-settings [x-ref="am-cookie-bar-settings"],
    .am-cookie-bar-settings [role="dialog"][aria-label="Cookie Bar Settings"] {
        width: 100% !important;
        max-height: 88vh !important;
        border-radius: 16px 16px 10px 10px !important;
    }

    #cookiebar-groups {
        padding: 26px 16px 16px !important;
    }

    #cookiebar-groups .mb-2 {
        padding: 16px !important;
        border-radius: 12px !important;
    }

    #cookiebar-groups .ambar-group-title,
    #cookiebar-groups h3 {
        font-size: 18px !important;
    }

    #cookiebar-groups .header {
        align-items: flex-start !important;
    }

    #am-cookie-bar [x-ref="ambar-settings-done"],
    #am-cookie-bar button[x-ref="ambar-settings-done"],
    .am-cookie-bar-settings [x-ref="ambar-settings-done"],
    .am-cookie-bar-settings button[x-ref="ambar-settings-done"] {
        width: calc(100% - 32px) !important;
        margin: 8px 16px 22px !important;
    }

    #am-cookie-bar [x-ref="classic-am-cookie-group-info"],
    #am-cookie-bar [role="dialog"][aria-labelledby="amcookie-group-info"] {
        width: calc(100% - 20px) !important;
        max-height: 86vh !important;
        padding: 24px 16px !important;
        border-radius: 14px !important;
    }
}

/* --------------------------------------------------------------------------
   iPad / tablet navigation spacing fix
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1180px) {
    .aal-nav,
    .aal-nav__inner,
    .aal-menu,
    .aal-header__nav {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .aal-menu {
        gap: 8px !important;
    }

    .aal-menu > li > a,
    .aal-menu > li > button,
    .aal-nav a,
    .aal-nav button {
        padding-left: 10px !important;
        padding-right: 10px !important;
        white-space: nowrap !important;
    }

    .aal-menu__dropdown,
    .aal-nav .submenu,
    .aal-nav [class*="dropdown"] {
        margin-left: 0 !important;
        left: 18px !important;
        max-width: calc(100vw - 36px) !important;
    }
}

/* --------------------------------------------------------------------------
   iPad landscape header/nav padding fix
   -------------------------------------------------------------------------- */

@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
    .aal-header__utility-inner,
    .aal-header__navrow-inner,
    .aal-promo-strip__inner {
        width: 100% !important;
        max-width: none !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
        box-sizing: border-box !important;
    }

    .aal-header__navrow-inner {
        min-height: 54px !important;
        gap: 14px !important;
    }

    .aal-header__nav {
        min-width: 0 !important;
        overflow: visible !important;
    }

    .aal-header__nav nav,
    .aal-header__nav nav > ul,
    .aal-header__nav ul[role="menubar"],
    .aal-header__nav .navigation > ul {
        gap: 16px !important;
        overflow: visible !important;
    }

    .aal-header__nav li,
    .aal-header__nav nav a,
    .aal-header__nav nav button {
        white-space: nowrap !important;
    }

    .aal-header__nav nav a,
    .aal-header__nav nav button {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 13px !important;
    }

    .aal-header__actions {
        gap: 8px !important;
        flex-shrink: 0 !important;
    }

    .aal-icon-button {
        min-width: 38px !important;
        min-height: 38px !important;
    }

    /* Stop opened dropdowns sitting hard against the iPad screen edge */
    #header .aal-header__nav :is([role="menu"], .submenu, .level0.submenu, .dropdown, .dropdown-menu),
    .page-header .aal-header__nav :is([role="menu"], .submenu, .level0.submenu, .dropdown, .dropdown-menu) {
        left: 32px !important;
        max-width: calc(100vw - 64px) !important;
        box-sizing: border-box !important;
    }
}

/* --------------------------------------------------------------------------
   Footer brand cleanup
   -------------------------------------------------------------------------- */

.aal-footer-bottom {
    margin-top: 20px;
    padding: 22px 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: var(--aal-brown);
    color: var(--aal-cream);
}

.aal-footer-bottom__inner {
    width: min(100% - 32px, 1440px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.aal-footer-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.aal-footer-brand img {
    display: block;
    width: auto;
    max-width: 170px;
    max-height: 46px;
    object-fit: contain;
}

.aal-footer-bottom p,
.aal-footer-copyright {
    margin: 0;
    color: var(--aal-cream);
    font-size: 13px;
    line-height: 1.4;
}

@media (max-width: 640px) {
    .aal-footer-bottom__inner {
        width: min(100% - 16px, 1440px);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        text-align: center;
    }

    .aal-footer-brand img {
        max-width: 150px;
        max-height: 42px;
    }
}

/* --------------------------------------------------------------------------
   iPad/tablet Hyva mobile drawer menu fix
   Keeps desktop/tablet nav intact, but when the tablet hamburger menu renders
   the plain header nav inside #ammenu-header-container, force it into clean rows.
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1023px) {
    /* The open tablet drawer renders a plain nav/ul inside the Amasty header wrapper. */
    #ammenu-header-container nav,
    #ammenu-header-container nav > ul {
        display: block !important;
        flex-direction: initial !important;
        align-items: initial !important;
        justify-content: initial !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        overflow-x: visible !important;
        white-space: normal !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    #ammenu-header-container nav > ul > li {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 54px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid rgba(75, 51, 40, .12) !important;
        list-style: none !important;
        text-align: left !important;
        white-space: normal !important;
    }

    /* Normal menu links and direct label buttons. 
       Important: a direct li > button is often the label button, not a tiny arrow. */
    #ammenu-header-container nav > ul > li > a,
    #ammenu-header-container nav > ul > li > span,
    #ammenu-header-container nav > ul > li > button {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 54px !important;
        padding: 14px 22px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #2b1d17 !important;
        -webkit-text-fill-color: #2b1d17 !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        text-align: left !important;
        white-space: normal !important;
        box-shadow: none !important;
    }

    /* Menu rows that have a separate link plus a separate arrow button. */
    #ammenu-header-container nav > ul > li > div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 !important;
        margin: 0 !important;
        column-gap: 0 !important;
    }

    #ammenu-header-container nav > ul > li > div > a,
    #ammenu-header-container nav > ul > li > div > span {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 54px !important;
        padding: 14px 22px !important;
        margin: 0 !important;
        background: transparent !important;
        color: #2b1d17 !important;
        -webkit-text-fill-color: #2b1d17 !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        text-align: left !important;
        white-space: normal !important;
    }

    /* Only nested div > button is treated as the small arrow toggle. */
    #ammenu-header-container nav > ul > li > div > button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: end !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 !important;
        margin: 0 14px 0 0 !important;
        border: 1px solid rgba(75, 51, 40, .16) !important;
        border-radius: 8px !important;
        background: #fffaf4 !important;
        color: var(--aal-brown) !important;
        -webkit-text-fill-color: var(--aal-brown) !important;
        box-shadow: none !important;
    }

    #ammenu-header-container nav > ul > li > button svg {
        flex: 0 0 auto !important;
        width: 18px !important;
        height: 18px !important;
        margin-left: auto !important;
        color: var(--aal-brown) !important;
        stroke: currentColor !important;
    }

    #ammenu-header-container nav > ul > li > div > button svg {
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        color: var(--aal-brown) !important;
        stroke: currentColor !important;
    }

    #ammenu-header-container nav > ul > li > a:hover,
    #ammenu-header-container nav > ul > li > button:hover,
    #ammenu-header-container nav > ul > li > div > a:hover,
    #ammenu-header-container nav > ul > li > div > button:hover {
        background: #f1e6da !important;
        color: var(--aal-brown) !important;
        -webkit-text-fill-color: var(--aal-brown) !important;
    }

    #ammenu-header-container nav * {
        opacity: 1 !important;
        text-shadow: none !important;
    }
}
/* --------------------------------------------------------------------------
   Tablet account menu: only show dropdown when trigger is open
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1023px) {
    /*
       On tablet, prevent the account dropdown from appearing by default.
       This avoids the iPad hamburger menu CSS forcing the customer menu open.
    */

    #customer-menu[aria-expanded="false"] + *,
    #customer-menu[aria-expanded="false"] ~ *,
    #customer-menu button[aria-expanded="false"] + *,
    #customer-menu button[aria-expanded="false"] ~ *,
    #customer-menu a[aria-expanded="false"] + *,
    #customer-menu a[aria-expanded="false"] ~ * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    #customer-menu[aria-expanded="true"] + *,
    #customer-menu[aria-expanded="true"] ~ *,
    #customer-menu button[aria-expanded="true"] + *,
    #customer-menu button[aria-expanded="true"] ~ *,
    #customer-menu a[aria-expanded="true"] + *,
    #customer-menu a[aria-expanded="true"] ~ * {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /*
       If #customer-menu is a wrapper rather than the trigger, hide all direct
       dropdown panels unless the wrapper contains an open trigger.
    */
    #customer-menu:not(:has([aria-expanded="true"])) > div,
    #customer-menu:not(:has([aria-expanded="true"])) > ul,
    #customer-menu:not(:has([aria-expanded="true"])) > nav,
    #customer-menu:not(:has([aria-expanded="true"])) > .absolute,
    #customer-menu:not(:has([aria-expanded="true"])) > [x-show] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    #customer-menu:has([aria-expanded="true"]) > div,
    #customer-menu:has([aria-expanded="true"]) > ul,
    #customer-menu:has([aria-expanded="true"]) > nav,
    #customer-menu:has([aria-expanded="true"]) > .absolute,
    #customer-menu:has([aria-expanded="true"]) > [x-show] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /*
       Keep the account icon trigger as a normal square icon button.
    */
    #customer-menu,
    #customer-menu > button:first-child,
    #customer-menu > a:first-child,
    .aal-header__actions [id*="customer-menu" i],
    .aal-header__actions .aal-icon-button {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 999px !important;
    }

    /*
       Style the dropdown only when it is genuinely open.
    */
    #customer-menu:has([aria-expanded="true"]) > div,
    #customer-menu:has([aria-expanded="true"]) > ul,
    #customer-menu:has([aria-expanded="true"]) > nav,
    #customer-menu[aria-expanded="true"] + *,
    #customer-menu[aria-expanded="true"] ~ * {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;
        z-index: 99999 !important;

        width: 190px !important;
        min-width: 190px !important;
        max-width: 220px !important;

        padding: 8px 0 !important;
        margin: 0 !important;

        border: 1px solid rgba(75, 51, 40, .18) !important;
        border-radius: 10px !important;
        background: #fffaf4 !important;
        box-shadow: 0 16px 38px rgba(31, 29, 27, .18) !important;

        text-align: left !important;
    }

    #customer-menu:has([aria-expanded="true"]) > div a,
    #customer-menu:has([aria-expanded="true"]) > ul a,
    #customer-menu:has([aria-expanded="true"]) > nav a,
    #customer-menu:has([aria-expanded="true"]) > div button,
    #customer-menu:has([aria-expanded="true"]) > ul button,
    #customer-menu:has([aria-expanded="true"]) > nav button {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 10px 16px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #2b1d17 !important;
        -webkit-text-fill-color: #2b1d17 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        text-align: left !important;
        white-space: nowrap !important;
    }
}

/* --------------------------------------------------------------------------
   iPad portrait showroom band fix
   Viewport example: 834px wide on iOS Safari
   -------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1023px) {
    .aal-showroom-band {
        display: block !important;
        width: min(100% - 32px, 1440px) !important;
        margin: 48px auto 0 !important;
        padding: 34px 30px !important;
        border-radius: 24px !important;
        background: var(--aal-cream) !important;
        text-align: left !important;
    }

    .aal-showroom-band .aal-eyebrow {
        margin: 0 0 10px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        letter-spacing: .08em !important;
        color: var(--aal-copper) !important;
    }

    .aal-showroom-band h2 {
        max-width: 520px !important;
        margin: 0 !important;
        color: var(--aal-charcoal) !important;
        font-size: 34px !important;
        line-height: 1.05 !important;
        letter-spacing: -.035em !important;
    }

    .aal-showroom-band p:not(.aal-eyebrow) {
        max-width: 680px !important;
        margin: 16px 0 0 !important;
        color: #5e554d !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
    }

    .aal-showroom-band__actions {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        margin-top: 24px !important;
        width: 100% !important;
    }

    .aal-showroom-band__actions .aal-button {
        width: auto !important;
        min-width: 210px !important;
        min-height: 46px !important;
        padding: 0 20px !important;
        font-size: 15px !important;
        text-align: center !important;
        justify-content: center !important;
    }
}

/* --------------------------------------------------------------------------
   Luma fallback checkout logo/header fix
   -------------------------------------------------------------------------- */

.checkout-index-index .page-header,
.checkout-index-index .header.content,
.checkout-index-index header.page-header {
    background: var(--aal-brown, #4b3328) !important;
    border: 0 !important;
}

.checkout-index-index .header.content {
    max-width: none !important;
    width: 100% !important;
    min-height: 86px !important;
    padding: 18px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.checkout-index-index .logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    position: static !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    background: transparent !important;
}

.checkout-index-index .logo img,
.checkout-index-index .page-header .logo img,
.checkout-index-index .header.content .logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 280px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Checkout title spacing after the brown logo header */
.checkout-index-index .opc-wrapper,
.checkout-index-index .checkout-container {
    margin-top: 28px !important;
}

@media (max-width: 767px) {
    .checkout-index-index .header.content {
        min-height: 72px !important;
        padding: 12px 16px !important;
    }

    .checkout-index-index .logo img,
    .checkout-index-index .page-header .logo img,
    .checkout-index-index .header.content .logo img {
        max-width: 220px !important;
        max-height: 48px !important;
    }
}/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license sliderConfig is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_CallForPrice
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

.mpcpf_request_quote_popup {
    margin-top: 22px;
}

.mp_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    overflow: initial;
}

.mp_popupquote-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 5px 20px 20px 20px;
    border: 1px solid #888;
    width: 50%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    z-index: 9;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#mp_message.success {
    color: green;
}

#mp_message.error {
    color: #a32b1c;
}

.mp_popupquote-content .actions-toolbar {
    margin-top: 20px;
}

.mp_popupquote-content .popup-loading-request {
    margin: 10px 0;
    width: 100%;
    height: auto;
}

.callforprice-action {
    float: inherit;
    width: 100%;
    margin-bottom: 10px;
}

.mp_modal {
    overflow: scroll;
}

/*Responsive screen monitor 1300px*/
@media all and (max-width: 1300px) {
    .mp_popupquote-content {
        width: 30%;
    }

    .mp_popupquote-content .fields .field {
        width: 100% !important;
    }
}

/*Responsive screen monitor 768px*/
@media all and (max-width: 1024px) {
    .mp_popupquote-content {
        width: 35%;
    }

}

/*Responsive screen monitor 768px*/
@media all and (max-width: 768px) {
    .mp_popupquote-content {
        width: 45%;
    }
}

/*Responsive screen monitor 500px*/
@media all and (max-width: 500px) {
    .mp_popupquote-content {
        width: 80%;
    }

    .mpcpf_request_quote_popup {
        left: 0;
    }
}

/*Responsive screen monitor 320px*/
@media all and (max-width: 320px) {
    .mpcpf_request_quote_popup {
        left: -6px;
    }
    #mp_request_button_submit {
        text-align: center;
        padding: 6px;
    }
}

.mpcfp-icon {
    height: 14px;
}

.mp_popupquote-content .fields .field {
    margin: 1% 2% 20px;
    display: inline-block;
    width: 45%;
    vertical-align: top;
}
#mp_request_field_terms_condition{
    width:100%;
}

#mp_request_field_contact_time .contact_date.date {
    width: 40%;
}
#mp_request_field_contact_time .contact_time.time input, #mp_request_field_contact_time .contact_time.time p{
    width: 30px;
    padding: 0 5px;
    display: inline;
}
#mp_request_field_contact_time .contact_time.time p{
    padding:0;
}
#mp_request_field_contact_time .contact_time.time select{
    width: 60px;
    padding: 0 5px;
    display: inline;
}

#mp_request_field_contact_time .contact_time.time{
    width: 40%;
}
#mp_request_field_contact_time .contact_date.date, #mp_request_field_contact_time .contact_time.time {
    display: inline-block;
    min-width: 155px;
    float: left;
}
#mp_request_field_contact_time .contact_date.date{
    padding-right: 35px;
}
#mp_request_field_contact_time .control label {
    font-weight: 600;
    font-size: 13px;
}
.contact_date.date label{
    float: left;
    width: 100%;
}
#mp_contact_time{
    float: left;
    width: 117px;
}
#mp_request_field_contact_time .contact_date.date .ui-datepicker-trigger{
    float: left;
    padding: 7px 1px;
}
#mp_contact_time-error{
    float: left;
}
/*hide default message error*/
div.mage-error[for='contact_time[mm]'],div.mage-error[for='contact_time[hh]'] {
    display: none !important;
}
/*make custom error message like magento*/
.mpcfp-time-error, .mpcfp-time-error-require {
    display: none;
    color: #e02b27;
    font-size: 1.2rem;
    margin-top: 7px
}.iti {
    position: relative;
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name, .iti__dial-code, .iti__flag-box {
    vertical-align: middle
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    height: 30px;
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px !important
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0 !important
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0 !important
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0 !important
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0 !important
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0 !important
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0 !important
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0 !important
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0 !important
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0 !important
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0 !important
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0 !important
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0 !important
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0 !important
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0 !important
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0 !important
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0 b !important
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0 !important
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0 !important
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0 !important
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0 !important
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0 !important
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0 !important
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0 !important
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0 !important
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0 !important
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0 !important
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0 !important
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0 !important
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0 !important
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0 !important
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0 !important
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0 !important
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0 !important
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0 !important
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0 !important
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0 !important
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0 !important
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0 !important
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0 !important
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0 !important
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0 !important
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0 !important
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0 !important
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0 !important
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0 !important
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0 !important
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0 !important
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0 !important
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0 !important
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0 !important
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0 !important
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0 !important
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0 !important
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0 !important
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0 !important
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0 !important
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0 !important
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0 !important
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0 !important
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0 !important
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0 !important
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0 !important
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0 !important
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0 !important
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0 !important
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0 !important
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0 !important
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0 !important
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0 !important
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0 !important
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0 !important
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0 !important
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0 !important
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0 !important
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0 !important
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0 !important
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0 !important
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0 !important
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0 !important
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0 !important
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0 !important
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0 !important
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0 !important
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0 !important
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0 !important
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0 !important
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0 !important
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0 !important
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0 !important
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0 !important
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0 !important
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0 !important
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0 !important
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0 !important
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0 !important
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0 !important
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0 !important
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0 !important
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0 !important
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0 !important
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0 !important
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0 !important
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0 !important
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0 !important
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0 !important
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0 !important
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0 !important
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0 !important
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0 !important
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0 !important
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0 !important
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0 !important
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0 !important
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0 !important
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0 !important
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0 !important
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0 !important
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0 !important
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0 !important
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0 !important
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0 !important
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0 !important
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0 !important
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0 !important
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0 !important
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0 !important
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0 !important
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0 !important
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0 !important
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0 !important
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0 !important
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0 !important
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0 !important
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0 !important
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0 !important
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0 !important
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0 !important
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0 !important
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0 !important
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0 !important
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0 !important
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0 !important
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0 !important
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0 !important
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0 !important
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0 !important
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0 !important
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0 !important
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0 !important
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0 !important
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0 !important
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0 !important
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0 !important
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0 !important
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0 !important
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0 !important
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0 !important
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0 !important
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0 !important
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0 !important
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0 !important
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0 !important
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0 !important
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0 !important
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0 !important
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0 !important
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0 !important
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0 !important
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0 !important
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0 !important
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0 !important
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0 !important
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0 !important
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0 !important
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0 !important
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0 !important
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0 !important
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0 !important
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0 !important
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0 !important
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0 !important
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0 !important
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0 !important
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0 !important
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0 !important
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0 !important
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0 !important
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0 !important
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0 !important
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0 !important
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0 !important
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0 !important
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0 !important
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0 !important
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0 !important
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0 !important
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0 !important
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0 !important
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0 !important
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0 !important
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0 !important
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0 !important
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0 !important
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0 !important
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0 !important
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0 !important
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0 !important
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0 !important
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0 !important
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0 !important
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0 !important
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0 !important
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0 !important
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0 !important
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0 !important
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0 !important
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0 !important
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0 !important
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0 !important
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0 !important
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0 !important
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0 !important
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0 !important
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0 !important
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0 !important
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0 !important
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0 !important
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0 !important
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0 !important
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0 !important
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0 !important
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0 !important
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0 !important
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0 !important
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0 !important
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0 !important
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0 !important
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0 !important
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0 !important
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0 !important
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0 !important
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0 !important
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0 !important
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0 !important
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0 !important
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0 !important
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0 !important
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0 !important
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0 !important
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0 !important
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0 !important
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0 !important
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0 !important
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0 !important
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0 !important
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0 !important
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0 !important
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0 !important
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../../frontend/AllAboutLiving/hyva/en_GB/Mageplaza_CallForPrice/img/flags.png) !important;
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(../../frontend/AllAboutLiving/hyva/en_GB/Mageplaza_CallForPrice/img/flags@2x.png) !important
    }
}

.iti__flag.iti__np {
    background-color: transparent
}
[x-cloak] { display: none !important; }

.make-an-offer__input.make-an-offer__error-field,
.make-an-offer__input[aria-invalid="true"] {
    border-color: #dc2626;
}

.make-an-offer-popup__container {
    display: flex;
}

.make-an-offer-popup__close {
    cursor: pointer;
}

.make-an-offer-popup__button[disabled],
.make-an-offer__button-default[disabled] {
    cursor: wait;
    opacity: .65;
}

/* --------------------------------------------------------------------------
   Neklo Make an Offer Hyva popup modal layout fix
   -------------------------------------------------------------------------- */

/* Respect Alpine hidden state first */
.make-an-offer-popup__container[x-cloak],
.make-an-offer-popup__container[style*="display: none"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Only show modal container when Alpine has actually opened it */
.make-an-offer-popup__container:not([x-cloak]):not([style*="display: none"]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999990 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    background: rgba(31, 29, 27, .62) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.make-an-offer-popup {
    position: relative !important;
    isolation: isolate !important;
    width: min(100% - 32px, 620px) !important;
    max-width: 620px !important;
    max-height: calc(100vh - 64px) !important;
    overflow-y: auto !important;
    padding: 30px !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
    background: #fffaf4 !important;
    color: var(--aal-charcoal, #1f1d1b) !important;
    box-shadow: 0 26px 70px rgba(31, 29, 27, .42) !important;
}

.make-an-offer-popup__title {
    margin: 0 48px 10px 0 !important;
    color: var(--aal-brown, #4b3328) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.make-an-offer-popup__description {
    margin: 0 0 22px !important;
    color: #4c4039 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

.make-an-offer-popup__close {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    z-index: 50 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 999px !important;
    background: var(--aal-brown, #4b3328) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: none !important;
    box-shadow: 0 6px 16px rgba(31, 29, 27, .22) !important;
}

.make-an-offer-popup__close span {
    display: block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.make-an-offer-popup__close:hover {
    background: var(--aal-brown-dark, #33241d) !important;
}

.make-an-offer-popup__close:focus {
    outline: 2px solid rgba(139, 195, 74, .42) !important;
    outline-offset: 2px !important;
}

.make-an-offer__line {
    margin-bottom: 16px !important;
}

.make-an-offer__label {
    display: block !important;
    margin-bottom: 6px !important;
    color: var(--aal-brown, #4b3328) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.make-an-offer__input,
.make-an-offer-popup input,
.make-an-offer-popup textarea,
.make-an-offer-popup select {
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid rgba(75, 51, 40, .22) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: var(--aal-charcoal, #1f1d1b) !important;
    box-shadow: none !important;
}

.make-an-offer__input:focus,
.make-an-offer-popup input:focus,
.make-an-offer-popup textarea:focus,
.make-an-offer-popup select:focus {
    border-color: var(--aal-green, #8bc34a) !important;
    outline: 2px solid rgba(139, 195, 74, .28) !important;
    outline-offset: 1px !important;
}

.make-an-offer-popup__button,
#make_an_offer_button {
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 10px !important;
    border-radius: 8px !important;
    background: var(--aal-green, #8bc34a) !important;
    border-color: var(--aal-green, #8bc34a) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 800 !important;
}

.make-an-offer-popup__button:hover,
#make_an_offer_button:hover {
    background: var(--aal-green-hover, #78b63b) !important;
    border-color: var(--aal-green-hover, #78b63b) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .make-an-offer-popup__container:not([x-cloak]):not([style*="display: none"]) {
        align-items: flex-end !important;
        padding: 10px !important;
    }

    .make-an-offer-popup {
        width: 100% !important;
        max-width: none !important;
        max-height: 88vh !important;
        padding: 24px 18px !important;
        border-radius: 18px 18px 10px 10px !important;
    }

    .make-an-offer-popup__title {
        font-size: 21px !important;
    }

    .make-an-offer-popup__description {
        font-size: 14px !important;
    }
}

/* --------------------------------------------------------------------------
   Neklo Make an Offer close button clickability fix
   -------------------------------------------------------------------------- */

.make-an-offer-popup {
    position: relative !important;
    isolation: isolate !important;
}

.make-an-offer-popup__close {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    z-index: 50 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 999px !important;
    background: var(--aal-brown, #4b3328) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;

    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: none !important;
    box-shadow: 0 6px 16px rgba(31, 29, 27, .22) !important;
}

.make-an-offer-popup__close span {
    display: block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

.make-an-offer-popup__close:hover {
    background: var(--aal-brown-dark, #33241d) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.make-an-offer-popup__close:focus {
    outline: 2px solid rgba(139, 195, 74, .42) !important;
    outline-offset: 2px !important;
}

/* --------------------------------------------------------------------------
   Make an Offer button near product action / payment buttons
   -------------------------------------------------------------------------- */

.merlin-neklo-offer-button-wrapper {
    width: 100% !important;
}

.merlin-neklo-offer-button-wrapper--moved {
    width: 100% !important;
    margin: 10px 0 16px !important;
}

.product-info-main .merlin-neklo-offer-button-wrapper,
#product_addtocart_form .merlin-neklo-offer-button-wrapper {
    width: 100% !important;
}

.product-info-main .merlin-neklo-offer-button-wrapper .make-an-offer__button-default,
#product_addtocart_form .merlin-neklo-offer-button-wrapper .make-an-offer__button-default,
.merlin-neklo-offer-button-wrapper .make-an-offer__button-default {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    border-radius: 8px !important;
}/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license sliderConfig is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_CallForPrice
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

.callforprice-action {
    margin-bottom: 0;
}

.callforprice-action .tocart {
    height: 40px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    justify-content: center;
    color: #fff;
    background-color: #1D4ED8;
}

.callforprice-action .mpcfp-icon {
    height: 15px;
    margin-right: 5px;
}

.mpcpf_request_quote_popup .actions-toolbar {
    border: none;
    display: block;
}

.mpcpf_request_quote_popup .fieldset>.legend {
    margin: 0 0 20px;
    padding: 0 0 10px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    font-weight: 300;
    line-height: 1.2;
    font-size: 1.6rem;
}

.mpcpf_request_quote_popup .control input, .mpcpf_request_quote_popup .control select {
    width: 100%;
}

.mpcpf_request_quote_popup fieldset label, form label {
    font-weight: 600;
    font-size: 18px;
}

#mp_contact_time{
    float: left;
    width: 100%
}

#mp_customer_note {
    width: 100%;
}

#mp_request_field_contact_time .contact_date.date {
    width: 45%;
    padding-right: 10px;
}

#mp_request_field_contact_time .contact_time.time {
    width: 52%;
}

#mp_request_field_contact_time .contact_time.time input, #mp_request_field_contact_time .contact_time.time p {
    width: 55px;
    height: 42px;
}

#mp_request_field_contact_time .contact_time.time select {
    height: 43px;
}

#mp_terms_condition {
    margin: -4px 5px 0 0;
}

.mp_tac_label a {
    color: #1D4ED8;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    height: 43px;
}

.mpcfp-time-error, .mpcfp-time-error-require {
    font-size: 1.0rem;
}

.products-grid .product-item {
    height: 100%;
}

@media (min-width: 769px), print {
    .legend {
        border-bottom: 1px solid #c5c5c5;
    }
}

@media (max-width: 1722px), print {
    #mp_request_field_contact_time .contact_time.time {
        width: 100%;
    }
}