*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Work Sans,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}body,html{font-family:var(--font-body,"Work Sans","Helvetica Neue",Arial,sans-serif)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.form-input,.form-multiselect,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.form-checkbox,.form-radio{-webkit-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}.form-checkbox{border-radius:0}.form-radio{border-radius:100%}.form-checkbox:focus,.form-radio:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.form-checkbox:checked,.form-radio:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.form-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.form-checkbox:checked{-webkit-appearance:auto;appearance:auto}}.form-radio:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {.form-radio:checked{-webkit-appearance:auto;appearance:auto}}.form-checkbox:checked:focus,.form-checkbox:checked:hover,.form-checkbox:indeterminate,.form-radio:checked:focus,.form-radio:checked:hover{border-color:#0000;background-color:currentColor}.form-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.form-checkbox:indeterminate{-webkit-appearance:auto;appearance:auto}}.form-checkbox:indeterminate:focus,.form-checkbox:indeterminate:hover{border-color:#0000;background-color:currentColor}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);-webkit-text-decoration:underline;text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:left}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.swatch-attribute-options{display:flex;flex-direction:row;flex-wrap:wrap}.swatch-option{margin:.25rem;border-width:1px;padding:.25rem .5rem;min-width:40px}.btn,.swatch-option{display:flex;justify-content:center}.btn{--btn-stroke:#0000;--btn-bg:#6b7280;--btn-color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}.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))}.btn:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#9c1e3280}.btn:active{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:disabled{cursor:not-allowed;opacity:.7}.btn:disabled,.btn:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}.btn-primary{--btn-bg:#9c1e32;--btn-color:#fff;--btn-hover-bg:#b8283e;--btn-active-bg:#7a1626}.btn-primary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-secondary{--btn-stroke:#b8283e;--btn-bg:#fff;--btn-color:#000;--btn-hover-stroke:#7a1626}.btn-secondary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-size-lg{padding:1rem 2.5rem;font-size:1.125rem;line-height:1.75rem}.ambar-action-btn{border-radius:.125rem;padding:1rem .5rem;text-align:center;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ambar-action-btn:focus,.ambar-action-btn:hover{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.ambar-btn-accept{border-radius:.125rem;padding:1rem .5rem;text-align:center;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ambar-btn-accept:focus,.ambar-btn-accept:hover{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.ambar-btn-accept{color:var(--ambar-button-accept-text);background-color:var(--ambar-button-accept-color);order:var(--ambar-button-accept-order)}.ambar-btn-accept:hover{color:var(--ambar-button-accept-hover-text);background-color:var(--ambar-button-accept-hover-color)}.ambar-btn-allow{border-radius:.125rem;padding:1rem .5rem;text-align:center;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ambar-btn-allow:focus,.ambar-btn-allow:hover{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.ambar-btn-allow{color:var(--ambar-button-allow-text);background-color:var(--ambar-button-allow-color);order:var(--ambar-button-allow-order)}.ambar-btn-allow:hover{color:var(--ambar-button-allow-hover-text);background-color:var(--ambar-button-allow-hover-color)}.ambar-btn-decline{border-radius:.125rem;padding:1rem .5rem;text-align:center;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ambar-btn-decline:focus,.ambar-btn-decline:hover{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.ambar-btn-decline{color:var(--ambar-button-decline-text);background-color:var(--ambar-button-decline-color);order:var(--ambar-button-decline-order)}.ambar-btn-decline:hover{color:var(--ambar-button-decline-hover-text);background-color:var(--ambar-button-decline-hover-color)}.ambar-btn-settings{border-radius:.125rem;padding:1rem .5rem;text-align:center;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ambar-btn-settings:focus,.ambar-btn-settings:hover{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.ambar-btn-settings{color:var(--ambar-button-settings-text);background-color:var(--ambar-button-settings-color);order:var(--ambar-button-settings-order)}.ambar-btn-settings:hover{color:var(--ambar-button-settings-hover-text);background-color:var(--ambar-button-settings-hover-color)}.am-cookie-bar-settings input[type=checkbox].amsettings-bar-input-toggle:not([disabled]):checked{background-color:var(--ambar-toggle-active-color)}.am-cookie-bar-settings input[type=checkbox].amsettings-bar-input-toggle:not([checked]){background-color:var(--ambar-toggle-inactive-color)}.am-cookie-sidebar input[type=checkbox].amsettings-bar-input-toggle:not([disabled]):checked{background-color:var(--ambar-sidebar-toggle-active-color)}.am-cookie-sidebar input[type=checkbox].amsettings-bar-input-toggle:not([checked]){background-color:var(--ambar-sidebar-toggle-inactive-color)}.amgdpr-consent-span>a{text-decoration-line:underline}#amgdpr-policy-content [data-content-type=row][data-appearance=contained]{padding-left:0;padding-right:0}#category-view-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.price-including-tax+.price-excluding-tax{font-size:.875rem;line-height:1.25rem}.price-including-tax+.price-excluding-tax:before{content:attr(data-label) ": "}.price-excluding-tax,.price-including-tax{white-space:nowrap}.price-excluding-tax .price,.price-including-tax .price{font-weight:600;line-height:1.625}.price-excluding-tax,.weee[data-label]{display:block}[data-content-type$=block] .price-excluding-tax p:last-child,[data-content-type$=block] .weee[data-label] p:last-child{margin-bottom:1rem;margin-top:0}.weee[data-label]{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.price-container.price-tier_price{display:flex;gap:.25rem}.price-container .weee:before,.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:before{content:"(" attr(data-label) ": "}.price-container .weee:after,.price-container.price-tier_price>.price-including-tax+.price-excluding-tax:after{content:")"}#customer-login-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:1rem;row-gap:2rem;padding-top:2rem;padding-bottom:2rem}@media (min-width:768px){#customer-login-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-email,.form-input,.form-multiselect,.form-select,.form-textarea{min-height:2.75rem;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-email:focus,.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{--tw-border-opacity:1;border-color:rgb(184 40 62/var(--tw-border-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(156 30 50/var(--tw-ring-opacity));--tw-ring-opacity:0.5}.page.messages{position:-webkit-sticky;position:sticky;top:0;z-index:20}.page.messages .messages section#messages{width:100%;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){.page.messages .messages section#messages{max-width:640px}}@media (min-width:768px){.page.messages .messages section#messages{max-width:768px}}@media (min-width:1024px){.page.messages .messages section#messages{max-width:1024px}}@media (min-width:1280px){.page.messages .messages section#messages{max-width:1280px}}@media (min-width:1536px){.page.messages .messages section#messages{max-width:1536px}}.page.messages .messages section#messages{margin-left:auto;margin-right:auto;padding-top:.75rem;padding-bottom:.75rem}.message{margin-bottom:.5rem;display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));padding:.5rem .5rem .5rem 1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.message.error{border-width:2px;border-color:rgb(239 68 68/var(--tw-border-opacity));background-color:rgb(254 242 242/var(--tw-bg-opacity))}.message.error,.message.success{--tw-border-opacity:1;--tw-bg-opacity:1}.message.success{border-width:2px;border-color:rgb(16 185 129/var(--tw-border-opacity));background-color:rgb(236 253 245/var(--tw-bg-opacity))}.message.info,.message.notice{border-width:2px;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.message.warning{border-width:2px;--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity))}.message a{text-decoration-line:underline}.product-item .price-container{display:block}[data-content-type$=block] .product-item .price-container p:last-child{margin-bottom:1rem;margin-top:0}.product-item .price-container .price{font-size:1.125rem;line-height:1.75rem;font-weight:600}.product-item .price-container .price-label{font-size:.875rem;line-height:1.25rem}.product-item .special-price .price-container .price-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.product-item .old-price .price-container{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.product-item .old-price .price-container .price{font-size:1rem;line-height:1.5rem;font-weight:400}.product-image-container{aspect-ratio:300/190}.product-image-container span.product-image-wrapper,.product-image-wrapper{height:100%;width:100%}@supports not (aspect-ratio:auto){.product-image-wrapper{padding-bottom:63.33%!important}}.product-image-container img.product-image-photo{width:100%;height:100%;object-fit:contain;background:#0000}.page-product-bundle .price-final_price .price-from .price-container,.page-product-bundle .price-final_price .price-to .price-container{margin-bottom:1rem;display:block;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}[data-content-type$=block] .page-product-bundle .price-final_price .price-from .price-container p:last-child,[data-content-type$=block] .page-product-bundle .price-final_price .price-to .price-container p:last-child{margin-bottom:1rem;margin-top:0}.page-product-bundle .price-final_price .price-from .price-container .price-label,.page-product-bundle .price-final_price .price-to .price-container .price-label{display:block;font-size:1.125rem;line-height:1.75rem;font-weight:500}[data-content-type$=block] .page-product-bundle .price-final_price .price-from .price-container .price-label p:last-child,[data-content-type$=block] .page-product-bundle .price-final_price .price-to .price-container .price-label p:last-child{margin-bottom:1rem;margin-top:0}.page-product-bundle .price-final_price .price-from .price-container .price,.page-product-bundle .price-final_price .price-to .price-container .price{font-size:1.5rem;line-height:2rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.page-product-bundle .price-final_price .price-from .price-including-tax+.price-excluding-tax,.page-product-bundle .price-final_price .price-to .price-including-tax+.price-excluding-tax{margin-top:.25rem}.page-product-bundle .price-final_price .price-from .price-including-tax+.price-excluding-tax .price,.page-product-bundle .price-final_price .price-to .price-including-tax+.price-excluding-tax .price{font-size:1rem;line-height:1.5rem}.page-product-bundle .price-final_price .price-from .old-price .price-container .price,.page-product-bundle .price-final_price .price-from .old-price .price-container .price-label,.page-product-bundle .price-final_price .price-to .old-price .price-container .price,.page-product-bundle .price-final_price .price-to .old-price .price-container .price-label{display:inline;font-size:1rem;line-height:1.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.wishlist-widget .price-box .old-price,.wishlist-widget .price-box .price-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-bg-opacity:0.25}.snap{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.snap::-webkit-scrollbar{display:none}.snap>div{scroll-snap-align:start}:where(html){scrollbar-gutter:stable}.clearfix:after{content:"";display:block;clear:both}.page-main{margin-top:2rem;margin-bottom:2rem}.columns{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){.columns{max-width:640px}}@media (min-width:768px){.columns{max-width:768px}}@media (min-width:1024px){.columns{max-width:1024px}}@media (min-width:1280px){.columns{max-width:1280px}}@media (min-width:1536px){.columns{max-width:1536px}}.columns{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:2rem;row-gap:1rem;grid-template-rows:auto minmax(0,1fr)}.columns .main{order:2}.columns .sidebar{order:3}.product-main-full-width .columns{max-width:none}.page-main-full-width .columns{max-width:none;padding-left:0;padding-right:0}.account .columns .sidebar-main,.page-with-filter .columns .sidebar-main{order:1}@media (min-width:640px){.page-layout-2columns-left .columns,.page-layout-2columns-right .columns,.page-layout-3columns .columns{grid-template-columns:repeat(2,minmax(0,1fr))}.page-layout-2columns-left .columns .main,.page-layout-2columns-right .columns .main,.page-layout-3columns .columns .main{grid-column:span 2/span 2}.account .columns .sidebar-main,.page-with-filter .columns .sidebar-main{grid-column:1/-1}.account .columns .sidebar-additional{grid-column:span 2/span 2}}@media (min-width:768px){.page-layout-2columns-left .columns,.page-layout-2columns-right .columns,.page-layout-3columns .columns{grid-template-columns:repeat(3,minmax(0,1fr))}.page-layout-2columns-left .columns .main,.page-layout-2columns-right .columns .main,.page-layout-3columns .columns .main{grid-row:span 2/span 2}.page-layout-2columns-left .columns .sidebar,.page-layout-2columns-right .columns .sidebar,.page-layout-3columns .columns .sidebar{grid-column:span 1/span 1}.page-layout-2columns-left .columns .main,.page-layout-3columns .columns .main{grid-column-start:2!important}.page-layout-2columns-left .columns .sidebar,.page-layout-3columns .columns .sidebar{order:1}.page-layout-2columns-left .columns .sidebar~.sidebar-additional,.page-layout-2columns-right .sidebar-main,.page-layout-2columns-right.page-with-filter .sidebar-main,.page-layout-3columns .columns .sidebar~.sidebar-additional{order:3}}@media (min-width:1024px){.page-layout-2columns-left .columns,.page-layout-2columns-right .columns,.page-layout-3columns .columns{grid-template-columns:repeat(4,minmax(0,1fr))}.page-layout-2columns-left .columns .main,.page-layout-2columns-right .columns .main{grid-column:span 3/span 3}.page-layout-3columns .columns .sidebar-additional{grid-column-start:4}}.product-image-container{width:100%!important}.product-image-container img{width:100%}body{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}[x-cloak]{display:none!important}.card{border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1rem;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-interactive:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:1rem;line-height:1.5rem;line-height:1.5;letter-spacing:0;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}[data-content-type=row]{box-sizing:border-box}[data-content-type=row]>div{margin-bottom:.625rem;padding:.625rem}[data-content-type=row][data-appearance=contained]{width:100%;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){[data-content-type=row][data-appearance=contained]{max-width:640px}}@media (min-width:768px){[data-content-type=row][data-appearance=contained]{max-width:768px}}@media (min-width:1024px){[data-content-type=row][data-appearance=contained]{max-width:1024px}}@media (min-width:1280px){[data-content-type=row][data-appearance=contained]{max-width:1280px}}@media (min-width:1536px){[data-content-type=row][data-appearance=contained]{max-width:1536px}}[data-content-type=row][data-appearance=contained]{margin-left:auto;margin-right:auto;box-sizing:border-box}[data-content-type=row][data-appearance=contained] [data-element=inner]{box-sizing:border-box;background-attachment:scroll!important}[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%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width:640px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:640px}}@media (min-width:768px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:768px}}@media (min-width:1024px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:1024px}}@media (min-width:1280px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:1280px}}@media (min-width:1536px){[data-content-type=row][data-appearance=full-width]>.row-full-width-inner{max-width:1536px}}[data-content-type=column-group],[data-content-type=column-line]{flex-wrap:wrap}@media (min-width:768px){[data-content-type=column-group],[data-content-type=column-line]{flex-wrap:nowrap}}[data-content-type=column]{box-sizing:border-box;width:100%;max-width:100%;background-attachment:scroll!important;flex-basis:100%}@media (min-width:768px){[data-content-type=column]{flex-basis:auto}}[data-content-type=tabs] .tabs-navigation{margin-bottom:-1px;display:block;padding:0;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type$=block] [data-content-type=tabs] .tabs-navigation p:last-child{margin-bottom:1rem;margin-top:0}[data-content-type=tabs] .tabs-navigation li.tab-header{position:relative;margin:0 0 0 -1px;display:inline-block;max-width:100%;overflow-wrap:break-word;border-bottom-left-radius:0;border-bottom-right-radius:0;border-width:1px 1px 0;border-style:solid;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[data-content-type=tabs] .tabs-navigation li.tab-header:first-child{margin-left:0}[data-content-type=tabs] .tabs-navigation li.tab-header.active{z-index:20;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-bottom:1px solid #fff}[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title{position:relative;display:block;cursor:pointer;white-space:normal;padding:.75rem 1.25rem;vertical-align:middle;font-size:.875rem;line-height:1.25rem;font-weight:600}[data-content-type$=block] [data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title p:last-child{margin-bottom:1rem;margin-top:0}[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title span{font-weight:600;line-height:1.25rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}[data-content-type=tabs] .tabs-content{position:relative;z-index:10;box-sizing:border-box;overflow:hidden;border-radius:.125rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type=tabs] .tabs-content [data-content-type=tab-item]{box-sizing:border-box;padding:2rem;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=heading],[data-content-type=text]{overflow-wrap:break-word}[data-content-type=buttons]{max-width:100%}[data-content-type=buttons] [data-content-type=button-item]{margin-right:.5rem;margin-bottom:.5rem;max-width:100%}[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link],[data-content-type=buttons] [data-content-type=button-item] [data-element=link]{max-width:100%;overflow-wrap:break-word}[data-content-type=buttons] [data-content-type=button-item] [data-element=empty_link]{cursor:default}[data-content-type=buttons] [data-content-type=button-item] a,[data-content-type=buttons] [data-content-type=button-item] button,[data-content-type=buttons] [data-content-type=button-item] div{display:inline-block;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type=buttons] [data-content-type=button-item] a.pagebuilder-button-link,[data-content-type=buttons] [data-content-type=button-item] button.pagebuilder-button-link,[data-content-type=buttons] [data-content-type=button-item] div.pagebuilder-button-link{box-sizing:border-box}a.pagebuilder-button-primary,button.pagebuilder-button-primary,div.pagebuilder-button-primary{--btn-stroke:#0000;--btn-bg:#6b7280;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}a.pagebuilder-button-primary:hover,button.pagebuilder-button-primary:hover,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))}a.pagebuilder-button-primary:focus-visible,button.pagebuilder-button-primary:focus-visible,div.pagebuilder-button-primary:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#9c1e3280}a.pagebuilder-button-primary:active,button.pagebuilder-button-primary:active,div.pagebuilder-button-primary:active{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))}a.pagebuilder-button-primary:disabled,button.pagebuilder-button-primary:disabled,div.pagebuilder-button-primary:disabled{cursor:not-allowed;opacity:.7}a.pagebuilder-button-primary:disabled,a.pagebuilder-button-primary:disabled:hover,button.pagebuilder-button-primary:disabled,button.pagebuilder-button-primary:disabled:hover,div.pagebuilder-button-primary:disabled,div.pagebuilder-button-primary:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}a.pagebuilder-button-primary:disabled,button.pagebuilder-button-primary:disabled,div.pagebuilder-button-primary:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}a.pagebuilder-button-primary,button.pagebuilder-button-primary,div.pagebuilder-button-primary{--btn-bg:#9c1e32;--btn-color:#fff;--btn-hover-bg:#b8283e;--btn-active-bg:#7a1626}a.pagebuilder-button-primary:hover,button.pagebuilder-button-primary:hover,div.pagebuilder-button-primary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}a.pagebuilder-button-secondary,button.pagebuilder-button-secondary,div.pagebuilder-button-secondary{--btn-stroke:#0000;--btn-bg:#6b7280;--btn-color:#fff;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}a.pagebuilder-button-secondary:hover,button.pagebuilder-button-secondary:hover,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))}a.pagebuilder-button-secondary:focus-visible,button.pagebuilder-button-secondary:focus-visible,div.pagebuilder-button-secondary:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#9c1e3280}a.pagebuilder-button-secondary:active,button.pagebuilder-button-secondary:active,div.pagebuilder-button-secondary:active{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))}a.pagebuilder-button-secondary:disabled,button.pagebuilder-button-secondary:disabled,div.pagebuilder-button-secondary:disabled{cursor:not-allowed;opacity:.7}a.pagebuilder-button-secondary:disabled,a.pagebuilder-button-secondary:disabled:hover,button.pagebuilder-button-secondary:disabled,button.pagebuilder-button-secondary:disabled:hover,div.pagebuilder-button-secondary:disabled,div.pagebuilder-button-secondary:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}a.pagebuilder-button-secondary:disabled,button.pagebuilder-button-secondary:disabled,div.pagebuilder-button-secondary:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}a.pagebuilder-button-secondary,button.pagebuilder-button-secondary,div.pagebuilder-button-secondary{--btn-stroke:#b8283e;--btn-bg:#fff;--btn-color:#000;--btn-hover-stroke:#7a1626}a.pagebuilder-button-secondary:hover,button.pagebuilder-button-secondary:hover,div.pagebuilder-button-secondary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type=html]{overflow-wrap:break-word}[data-content-type=image]{box-sizing:border-box}[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:768px){[data-content-type=image] .pagebuilder-mobile-hidden{display:inline-block}}[data-content-type=image] .pagebuilder-mobile-only{display:inline-block}@media (min-width:768px){[data-content-type=image] .pagebuilder-mobile-only{display:none}}[data-content-type=image] figcaption{overflow-wrap:break-word}[data-content-type=video]{font-size:0}[data-content-type=video] .pagebuilder-video-inner{box-sizing:border-box;display:inline-block;width:100%}[data-content-type=video] .pagebuilder-video-container{position:relative;overflow:hidden;border-radius:inherit;padding-top:56.25%}[data-content-type=video] iframe,[data-content-type=video] video{position:absolute;left:0;top:0;height:100%;width:100%}[data-content-type=banner]>[data-element=empty_link],[data-content-type=banner]>[data-element=empty_link]:hover,[data-content-type=banner]>[data-element=link],[data-content-type=banner]>[data-element=link]:hover{color:inherit;text-decoration:inherit}[data-content-type=banner] .pagebuilder-banner-wrapper{box-sizing:border-box;overflow-wrap:break-word;background-clip:padding-box;border-radius:inherit;background-attachment:scroll!important}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay{position:relative;box-sizing:border-box;padding:2rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay{display:flex;align-items:center;justify-content:center}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:none}@media (min-width:768px){[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:36rem}}[data-content-type=banner] .pagebuilder-banner-wrapper.jarallax .video-overlay{z-index:0}[data-content-type=banner] .pagebuilder-banner-wrapper [data-element=content]{overflow:auto;min-height:50px}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-banner-button{margin:1.25rem 0 0;display:inline-block;max-width:100%;overflow-wrap:break-word;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);text-align:inherit}[data-content-type=banner] .pagebuilder-banner-wrapper .pagebuilder-poster-content{width:100%}[data-content-type=banner][data-appearance=collage-centered] .pagebuilder-banner-wrapper .pagebuilder-overlay{margin-left:auto;margin-right:auto}[data-content-type=banner][data-appearance=collage-left] .pagebuilder-banner-wrapper .pagebuilder-overlay{margin-right:auto}[data-content-type=banner][data-appearance=collage-right] .pagebuilder-banner-wrapper .pagebuilder-overlay{margin-left:auto}[data-content-type=slider]{visibility:hidden;position:relative}[data-content-type=slider].glider-initialized{visibility:visible}[data-content-type=slider] [data-role=glider-content]{overflow-y:hidden}[data-content-type=slider] a.button{color:initial;padding:10px;-webkit-text-decoration:none;text-decoration:none}[data-content-type=slider] .carousel-nav{position:absolute;bottom:0;margin-bottom:.5rem;background-color:rgb(249 250 251/var(--tw-bg-opacity));--tw-bg-opacity:0.75;left:50%;transform:translateX(-50%)}[data-content-type=slide]{box-sizing:border-box;overflow:hidden;line-height:1.25rem;min-height:inherit}[data-content-type=slide]>[data-element=empty_link],[data-content-type=slide]>[data-element=link]{color:inherit;min-height:inherit;text-decoration:inherit}[data-content-type=slide]>[data-element=empty_link]:hover,[data-content-type=slide]>[data-element=link]:hover{color:inherit;text-decoration:inherit}[data-content-type=slide]+[data-content-type=slide]{height:0;min-height:0}[data-content-type=slide] .pagebuilder-slide-wrapper{box-sizing:border-box;overflow-wrap:break-word;border-radius:inherit;min-height:inherit}[data-content-type=slide] .pagebuilder-slide-wrapper .jarallax-viewport-element{position:absolute;top:0;z-index:50;height:100%;width:.125rem;left:-15000vw}[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{position:relative;z-index:20}[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>div,[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>iframe,[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>img,[data-content-type=slide] .pagebuilder-slide-wrapper.jarallax [id*=jarallax-container]>video{margin:auto!important;transform:none!important}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay{box-sizing:border-box;padding:2rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:inherit}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay{display:flex;align-items:center;justify-content:center;min-height:inherit}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:none}@media (min-width:768px){[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width:32rem}}[data-content-type=slide] .pagebuilder-slide-wrapper [data-element=content]{overflow:auto;min-height:50px}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-slide-button{margin:1.25rem 0 0;max-width:100%;overflow-wrap:break-word;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;text-align:inherit}[data-content-type=slide] .pagebuilder-slide-wrapper .pagebuilder-poster-content{width:100%}[data-content-type=slide][data-appearance=collage-centered] .pagebuilder-slide-wrapper .pagebuilder-overlay{margin-left:auto;margin-right:auto}[data-content-type=slide][data-appearance=collage-left] .pagebuilder-slide-wrapper .pagebuilder-overlay{margin-right:auto}[data-content-type=slide][data-appearance=collage-right] .pagebuilder-slide-wrapper .pagebuilder-overlay{margin-left:auto}[data-content-type=map]{box-sizing:border-box;height:18rem}[data-content-type$=block] .block p:last-child{margin-bottom:1rem;margin-top:0}[data-content-type=dynamic_block] [data-content-type=image] img{display:inline}[data-content-type=dynamic_block] .block-banners .banner-item-content,[data-content-type=dynamic_block] .block-banners-inline .banner-item-content{margin-bottom:auto}.glider-contain{position:relative;margin:0 auto;width:100%}.glider{overflow-y:hidden}.glider.draggable{-webkit-user-select:none;user-select:none;cursor:grab}.glider.draggable .glider-slide img{pointer-events:none;-webkit-user-select:none;user-select:none}.glider.drag{cursor:grabbing}.glider::-webkit-scrollbar{height:0;opacity:0}.glider .glider-track{z-index:10;margin:0;display:flex;width:100%;padding:0}.glider-slide{margin:.5rem;width:100%;-webkit-user-select:none;user-select:none;align-content:center;justify-content:center;min-width:150px}.glider-slide img{max-width:100%}.glider-hide{opacity:0}.glider-next.disabled,.glider-prev.disabled{cursor:default;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));opacity:.25}.glider-dot{margin:.25rem;display:block;height:.75rem;width:.75rem;cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));opacity:.25;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-content-type$=block] .glider-dot p:last-child{margin-bottom:1rem;margin-top:0}.glider-dot.active{opacity:1}@media (max-width:36em){.glider::-webkit-scrollbar{height:.25rem;width:.5rem;-webkit-appearance:none;appearance:none;opacity:1}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:#9c9c9c40;box-shadow:0 0 1px #ffffff40}}[data-show-arrows=false] .glider-next,[data-show-arrows=false] .glider-prev,[data-show-dots=false] .glider-dots{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;bottom:0}.inset-0,.inset-x-0{right:0;left:0}.inset-x-4{left:1rem;right:1rem}.inset-y-0{top:0;bottom:0}.-left-5{left:-1.25rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-top-1\.5{top:-.375rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-4{left:1rem}.left-8{left:2rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-first{order:-9999}.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-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-3{grid-row:span 3/span 3}.float-left{float:left}.clear-left{clear:left}.clear-both{clear:both}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.\!ml-0{margin-left:0!important}.-ml-4{margin-left:-1rem}.-ml-6{margin-left:-1.5rem}.-ml-px{margin-left:-1px}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mr-4{margin-right:-1rem}.-mt-6{margin-top:-1.5rem}.-mt-8{margin-top:-2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:initial}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-0{height:0}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-full{height:100%}.max-h-0{max-height:0}.max-h-\[30vh\]{max-height:30vh}.max-h-\[500px\]{max-height:500px}.max-h-\[92vh\]{max-height:92vh}.max-h-\[95vh\]{max-height:95vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-screen-75{max-height:75vh}.min-h-14{min-height:3.5rem}.min-h-\[20px\]{min-height:20px}.min-h-a11y{min-height:2.75rem}.min-h-screen-50{min-height:50vh}.w-0{width:0}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-10\/12{width:83.333333%}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/12{width:25%}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-4\/12{width:33.333333%}.w-40{width:10rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-5\/12{width:41.666667%}.w-56{width:14rem}.w-6{width:1.5rem}.w-6\/12{width:50%}.w-60{width:15rem}.w-64{width:16rem}.w-7\/12{width:58.333333%}.w-8{width:2rem}.w-8\/12{width:66.666667%}.w-9{width:2.25rem}.w-9\/12{width:75%}.w-\[20\%\]{width:20%}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-20{min-width:5rem}.min-w-40{min-width:10rem}.min-w-48{min-width:12rem}.min-w-60{min-width:15rem}.min-w-\[30\%\]{min-width:30%}.min-w-\[320px\]{min-width:320px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-52{max-width:13rem}.max-w-6xl{max-width:72rem}.max-w-\[150px\]{max-width:150px}.max-w-\[180px\]{max-width:180px}.max-w-\[740px\]{max-width:740px}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-prose{max-width:65ch}.max-w-screen-2xl{max-width:1536px}.max-w-screen-md{max-width:768px}.max-w-screen-sm{max-width:640px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.table-auto{table-layout:auto}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-5{--tw-translate-x:-1.25rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-8{--tw-translate-y:-2rem}.-translate-y-8,.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x:1rem}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-2\/4{--tw-translate-y:50%}.translate-y-2\/4,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.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-12{grid-template-columns:repeat(12,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))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-4{column-gap:1rem}.gap-x-6{column-gap:1.5rem}.gap-x-7{column-gap:1.75rem}.gap-y-0{row-gap:0}.gap-y-1{row-gap:.25rem}.gap-y-16{row-gap:4rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(3.5rem*var(--tw-space-x-reverse));margin-left:calc(3.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-container>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(232 232 232/var(--tw-divide-opacity))}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overscroll-y-contain{overscroll-behavior-y:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-container{--tw-border-opacity:1;border-color:rgb(232 232 232/var(--tw-border-opacity))}.border-container-darker{--tw-border-opacity:1;border-color:rgb(182 182 182/var(--tw-border-opacity))}.border-container-lighter{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity))}.border-current{border-color:currentColor}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.border-green-400{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(156 30 50/var(--tw-border-opacity))}.border-primary-darker{--tw-border-opacity:1;border-color:rgb(122 22 38/var(--tw-border-opacity))}.border-primary-lighter{--tw-border-opacity:1;border-color:rgb(184 40 62/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-secondary-lighter{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.border-transparent{border-color:#0000}.\!bg-gray-400{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity))!important}.bg-ambar-background{background-color:var(--ambar-background)}.bg-ambar-info-bar-background{background-color:var(--ambar-information-background)}.bg-ambar-info-bar-button{background-color:var(--ambar-information-button-color)}.bg-ambar-settings-bar-button{background-color:var(--ambar-setting-button-color)}.bg-amgdpr-button-settings{--tw-bg-opacity:1;background-color:rgb(232 246 255/var(--tw-bg-opacity))}.bg-amgdpr-button-settings-active{--tw-bg-opacity:1;background-color:rgb(61 159 233/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.bg-container{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.bg-container-darker{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-container-lighter{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-container-lighter\/95{background-color:#fffffff2}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-500\/50{background-color:#6b728080}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(156 30 50/var(--tw-bg-opacity))}.bg-primary-darker{--tw-bg-opacity:1;background-color:rgb(122 22 38/var(--tw-bg-opacity))}.bg-primary\/10{background-color:#9c1e321a}.bg-primary\/5{background-color:#9c1e320d}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-secondary-lighter{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/25{background-color:#ffffff40}.bg-white\/30{background-color:#ffffff4d}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity))}.bg-yellow-500{background-color:rgb(245 158 11/var(--tw-bg-opacity))}.bg-opacity-100,.bg-yellow-500{--tw-bg-opacity:1}.bg-opacity-25{--tw-bg-opacity:0.25}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-amgdpr-anonymize-active{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/active/anonymize.svg)}.bg-amgdpr-anonymize-solid{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/solid/anonymize.svg)}.bg-amgdpr-consents-active{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/active/consents.svg)}.bg-amgdpr-consents-solid{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/solid/consents.svg)}.bg-amgdpr-delete-active{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/active/delete.svg)}.bg-amgdpr-delete-solid{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/solid/delete.svg)}.bg-amgdpr-download-active{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/active/download.svg)}.bg-amgdpr-download-solid{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/solid/download.svg)}.bg-amgdpr-dpoinfo-active{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/active/dpoinfo.svg)}.bg-amgdpr-dpoinfo-solid{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/solid/dpoinfo.svg)}.bg-amgdpr-policy-active{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/active/policy.svg)}.bg-amgdpr-policy-solid{background-image:url(../../frontend/Amilon/roadhouse/en_GB/Amasty_GdprHyva/svg/solid/policy.svg)}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.bg-amgdpr-top-35{background-position:center top 35%}.bg-no-repeat{background-repeat:no-repeat}.fill-black\/20{fill:#0003}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.stroke-white\/75{stroke:#ffffffbf}.stroke-1{stroke-width:1}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-1{padding-left:.25rem}.pl-14{padding-left:3.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:left}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-title{font-family:Bitter,Georgia,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-10{line-height:2.5rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-ambar-info-bar-button-text{color:var(--ambar-information-button-text)}.text-ambar-info-bar-description{color:var(--ambar-information-description)}.text-ambar-info-bar-table-content{color:var(--ambar-information-table-content)}.text-ambar-info-bar-table-header{color:var(--ambar-information-table-header)}.text-ambar-info-bar-title{color:var(--ambar-information-title)}.text-ambar-policy-text{color:var(--ambar-policy-text)}.text-ambar-settings-bar-button-text{color:var(--ambar-setting-button-text)}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-inherit{color:inherit}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-primary-darker{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-primary-lighter{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-red,.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-secondary-darker{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000}.outline-none,.outline-offset-2{outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-500\/50{--tw-ring-color:#3b82f680}.ring-primary{--tw-ring-opacity:1;--tw-ring-color:rgb(156 30 50/var(--tw-ring-opacity))}.ring-primary\/50{--tw-ring-color:#9c1e3280}.ring-primary\/75{--tw-ring-color:#9c1e32bf}.ring-red-500{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.ring-opacity-50{--tw-ring-opacity:0.5}.ring-offset-2{--tw-ring-offset-width:2px}.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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.table-row-items>div.table-row-item{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.table-row-items>div.table-row-item:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.account-nav li a,.account-nav li strong{padding-top:.25rem;padding-bottom:.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.account-nav li a:hover,.account-nav li strong{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.account-nav li strong{font-weight:700;text-decoration-line:underline}.actions-toolbar{margin-top:1.5rem;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(182 182 182/var(--tw-border-opacity));padding-top:1rem}.actions-toolbar a.back{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));text-decoration-line:underline}.actions-toolbar .primary button{--btn-stroke:#0000;--btn-bg:#6b7280;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}.actions-toolbar .primary button: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))}.actions-toolbar .primary button:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#9c1e3280}.actions-toolbar .primary button:active{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))}.actions-toolbar .primary button:disabled{cursor:not-allowed;opacity:.7}.actions-toolbar .primary button:disabled,.actions-toolbar .primary button:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.actions-toolbar .primary button:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}.actions-toolbar .primary button{--btn-bg:#9c1e32;--btn-color:#fff;--btn-hover-bg:#b8283e;--btn-active-bg:#7a1626}.actions-toolbar .primary button:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.actions-toolbar .primary button:hover,.customer-account-edit-card{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.customer-account-edit-card{border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1rem;--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}@media (min-width:768px){.customer-account-edit-card{padding-left:2rem;padding-right:2rem}}.customer-account-edit-card .field .label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}[data-content-type$=block] .customer-account-edit-card .field .label p:last-child{margin-bottom:1rem;margin-top:0}.customer-account-edit-card .field .control .input-text,.customer-account-edit-card .field .control select{width:100%;border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.customer-account-edit-card .actions-toolbar{margin-top:1.5rem;display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:1rem;row-gap:.75rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(232 232 232/var(--tw-border-opacity));padding-top:1.5rem}.customer-account-edit-card .actions-toolbar .action.save{--btn-stroke:#0000;--btn-bg:#6b7280;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;border-width:2px;padding:.5rem 1rem;vertical-align:middle;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-color:var(--btn-stroke);background-color:var(--btn-bg);color:var(--btn-color)}.customer-account-edit-card .actions-toolbar .action.save: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))}.customer-account-edit-card .actions-toolbar .action.save:focus-visible{outline-style:solid;outline-width:4px;outline-offset:0;outline-color:#9c1e3280}.customer-account-edit-card .actions-toolbar .action.save:active{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))}.customer-account-edit-card .actions-toolbar .action.save:disabled{cursor:not-allowed;opacity:.7}.customer-account-edit-card .actions-toolbar .action.save:disabled,.customer-account-edit-card .actions-toolbar .action.save:disabled:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.customer-account-edit-card .actions-toolbar .action.save:disabled{border-color:var(--btn-disabled-stroke,#e5e7eb);background-color:var(--btn-disabled-bg,#fff);color:var(--btn-disabled-color,#4b5563)}.customer-account-edit-card .actions-toolbar .action.save{--btn-bg:#9c1e32;--btn-color:#fff;--btn-hover-bg:#b8283e;--btn-active-bg:#7a1626}.customer-account-edit-card .actions-toolbar .action.save:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.customer-account-edit-card .actions-toolbar .action.save{flex-shrink:0}.customer-account-edit-card .actions-toolbar .action.back{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));text-decoration-line:underline}body>div>div.grecaptcha-badge{display:none;height:0!important;width:0!important}.order-items>div:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.order-links{display:block;align-items:center;--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}[data-content-type$=block] .order-links p:last-child{margin-bottom:1rem;margin-top:0}.order-links li{display:inline-block;cursor:pointer;white-space:nowrap;padding:.5rem 1rem}.order-links li.current{flex-grow:1;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.order-links li a{text-decoration-line:underline}.order-date{font-size:.875rem;line-height:1.25rem}fieldset .field,form .field{margin-top:.25rem}fieldset .field.field-reserved,form .field.field-reserved{margin-bottom:1.75rem}fieldset .field.field-reserved ul:last-of-type,form .field.field-reserved ul:last-of-type{margin-bottom:-1.5rem;padding-bottom:.25rem}fieldset .field.field-reserved ul,form .field.field-reserved ul{font-size:.875rem;line-height:1.25rem}fieldset label,form label{margin-bottom:.5rem;display:block;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}[data-content-type$=block] fieldset label p:last-child,[data-content-type$=block] form label p:last-child{margin-bottom:1rem;margin-top:0}fieldset .field.choice,form .field.choice{display:flex;align-items:center}fieldset .field.choice input,form .field.choice input{margin-right:1rem}fieldset .field.choice label,form .field.choice label{margin-bottom:0}fieldset .field.field-error .messages,form .field.field-error .messages{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity));max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}fieldset legend,form legend{margin-bottom:.75rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}fieldset legend+br,form legend+br{display:none}fieldset~fieldset{margin-top:2rem}.field.required>label:after{position:relative;top:-.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity));content:var(--tw-content);--tw-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12m5.196-9L6.804 15m0-6 10.392 6'/%3E%3C/svg%3E");--tw-icon-size:1em;display:inline-block;width:var(--tw-icon-size);height:var(--tw-icon-size);background-color:currentcolor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--tw-icon);mask-image:var(--tw-icon)}.flex-columns-wrapper{display:flex;flex-direction:column}@media (min-width:768px){.flex-columns-wrapper{flex-direction:row}}.text-ambar-policy-text a{color:var(--ambar-links-color)}.text-ambar-policy-text a:hover{opacity:.75;-webkit-text-decoration:underline;text-decoration:underline}.ambar-sidebar-group-list .ambar-group-title{color:var(--ambar-sidebar-group-title-text)}.ambar-sidebar-group-list .ambar-group-description{color:var(--ambar-sidebar-group-description-text)}[x-cloak=tablet]{display:none!important}@media (min-width:1024px){[x-cloak=tablet]{display:block!important}}[x-cloak=desktop]{display:block!important}@media (min-width:1024px){[x-cloak=desktop]{display:none!important}}.snowdog-menu-link{font-weight:500;line-height:1.5rem}.group:hover .snowdog-menu-link,.snowdog-menu-link:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.snowdog-menu-link-topmenu-mobile{display:block;padding:1rem 2rem}[data-content-type$=block] .snowdog-menu-link-topmenu-mobile p:last-child{margin-bottom:1rem;margin-top:0}.hero-image{margin-top:0}.before\:h-3:before{content:var(--tw-content);height:.75rem}.before\:w-3:before{content:var(--tw-content);width:.75rem}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-green-500:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.before\:bg-red-500:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.before\:content-none:before{--tw-content:none;content:var(--tw-content)}.after\:text-red-500:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}.after\:content-none:after{--tw-content:none;content:var(--tw-content)}.first\:mx-0:first-child{margin-left:0;margin-right:0}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.last\:mb-3:last-child{margin-bottom:.75rem}.last\:mb-6:last-child{margin-bottom:1.5rem}.last\:mr-0:last-child{margin-right:0}.last\:border-0:last-child{border-width:0}.last\:border-b:last-child{border-bottom-width:1px}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.even\:bg-container:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.even\:bg-container-darker:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.invalid\:ring-2:invalid{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.invalid\:ring-red-500:invalid{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-within\:ring-1:focus-within,.focus-within\:ring-2:focus-within{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-within\:ring-4:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(156 30 50/var(--tw-border-opacity))}.hover\:bg-ambar-info-bar-button-hover:hover{background-color:var(--ambar-information-button-hover-color)}.hover\:bg-ambar-settings-bar-button-hover:hover{background-color:var(--ambar-setting-button-hover-color)}.hover\:bg-container-darker:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-primary\/10:hover{background-color:#9c1e321a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:text-ambar-info-bar-button-hover-text:hover{color:var(--ambar-information-button-hover-text)}.hover\:text-ambar-settings-bar-button-hover-text:hover{color:var(--ambar-setting-button-hover-text)}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-primary-darker:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.hover\:text-secondary-darker:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity))}.hover\:text-yellow-500:hover{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:drop-shadow-md:hover{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f)}.hover\:drop-shadow-md:hover,.hover\:drop-shadow-sm:hover{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)}.hover\:drop-shadow-sm:hover{--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.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-width:0}.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(156 30 50/var(--tw-border-opacity))}.focus\:border-primary-lighter:focus{--tw-border-opacity:1;border-color:rgb(184 40 62/var(--tw-border-opacity))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.focus\:text-gray-600:focus,.focus\:text-secondary:focus{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.focus\:drop-shadow-md:focus{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f)}.focus\:drop-shadow-md:focus,.focus\:drop-shadow-sm:focus{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)}.focus\:drop-shadow-sm:focus{--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d)}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-amber-300:focus-visible{outline-color:#fcd34d}.active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.active\:text-gray-500:active{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.active\:text-gray-700:active{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.active\:ring-0:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.disabled\:opacity-75:disabled{opacity:.75}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-primary\/5{background-color:#9c1e320d}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-80{opacity:.8}.aria-\[current\=page\]\:underline[aria-current=page]{text-decoration-line:underline}.group[aria-expanded=true] .group-aria-expanded\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[active\]\:border-primary[data-active]{--tw-border-opacity:1;border-color:rgb(156 30 50/var(--tw-border-opacity))}@media (min-width:640px){.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\:mb-0{margin-bottom:0}.sm\:ml-2{margin-left:.5rem}.sm\:ml-3{margin-left:.75rem}.sm\:ml-6{margin-left:1.5rem}.sm\:mr-8{margin-right:2rem}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:min-h-screen-75{min-height:75vh}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-20{width:5rem}.sm\:w-4\/12{width:33.333333%}.sm\:w-48{width:12rem}.sm\:w-5\/6{width:83.333333%}.sm\:w-96{width:24rem}.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\:flex-nowrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-8{gap:2rem}.sm\:overflow-hidden{overflow:hidden}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:pb-0{padding-bottom:0}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:duration-700{transition-duration:.7s}}@media (min-width:768px){.md\:visible{visibility:visible}.md\:order-3{order:3}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-start-1{grid-column-start:1}.md\:row-span-2{grid-row:span 2/span 2}.md\:row-start-1{grid-row-start:1}.md\:-mx-4{margin-left:-1rem;margin-right:-1rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:my-0{margin-top:0;margin-bottom:0}.md\:-mr-1{margin-right:-.25rem}.md\:-mt-1{margin-top:-.25rem}.md\:mb-0{margin-bottom:0}.md\:mb-12{margin-bottom:3rem}.md\:mb-2{margin-bottom:.5rem}.md\:mb-20{margin-bottom:5rem}.md\:mb-3{margin-bottom:.75rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-8{margin-bottom:2rem}.md\:ml-0{margin-left:0}.md\:ml-auto{margin-left:auto}.md\:mr-0{margin-right:0}.md\:mr-4{margin-right:1rem}.md\:mr-5{margin-right:1.25rem}.md\:mt-0{margin-top:0}.md\:mt-10{margin-top:2.5rem}.md\:mt-12{margin-top:3rem}.md\:mt-4{margin-top:1rem}.md\:mt-5{margin-top:1.25rem}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-11{height:2.75rem}.md\:h-24{height:6rem}.md\:h-5{height:1.25rem}.md\:h-6{height:1.5rem}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-1\/4{width:25%}.md\:w-2\/3{width:66.666667%}.md\:w-2\/6{width:33.333333%}.md\:w-24{width:6rem}.md\:w-4\/6{width:66.666667%}.md\:w-5{width:1.25rem}.md\:w-6{width:1.5rem}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:min-w-28{min-width:7rem}.md\:max-w-\[30\%\]{max-width:30%}.md\:shrink-0{flex-shrink:0}.md\:-translate-x-1\/3{--tw-translate-x:-33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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\(0\2c _1fr\)\]{grid-template-columns:42% minmax(0,1fr)}.md\:grid-rows-\[min-content_minmax\(0\2c _1fr\)\]{grid-template-rows:-webkit-min-content minmax(0,1fr);grid-template-rows:min-content minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-1{gap:.25rem}.md\:gap-4{gap:1rem}.md\:gap-8{gap:2rem}.md\:gap-x-5{column-gap:1.25rem}.md\:gap-x-6{column-gap:1.5rem}.md\:overflow-x-auto{overflow-x:auto}.md\:border-0{border-width:0}.md\:border-b-2{border-bottom-width:2px}.md\:border-secondary-darker{--tw-border-opacity:1;border-color:rgb(208 208 208/var(--tw-border-opacity))}.md\:bg-container-lighter{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:bg-transparent{background-color:initial}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:p-2{padding:.5rem}.md\:p-6{padding:1.5rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-1{padding-left:.25rem;padding-right:.25rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:pb-0{padding-bottom:0}.md\:pb-16{padding-bottom:4rem}.md\:pl-16{padding-left:4rem}.md\:pl-5{padding-left:1.25rem}.md\:pt-0{padding-top:0}.md\:pt-24{padding-top:6rem}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:font-medium{font-weight:500}.md\:leading-10{line-height:2.5rem}.md\:leading-9{line-height:2.25rem}.md\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\:sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lg\:absolute,.lg\:sr-only{position:absolute}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:bottom-auto{bottom:auto}.lg\:left-\[var\(--msrp-inline-offset\)\]{left:var(--msrp-inline-offset)}.lg\:right-auto{right:auto}.lg\:top-2{top:.5rem}.lg\:top-\[var\(--msrp-block-offset\)\]{top:var(--msrp-block-offset)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-none{order:0}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:mb-2{margin-bottom:.5rem}.lg\:ml-2{margin-left:.5rem}.lg\:ml-5{margin-left:1.25rem}.lg\:mr-4{margin-right:1rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-3{margin-top:.75rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:table-cell{display:table-cell}.lg\:table-header-group{display:table-header-group}.lg\:table-row{display:table-row}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:min-h-screen-50{min-height:50vh}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-1\/4{width:25%}.lg\:w-1\/5{width:20%}.lg\:w-2\/3{width:66.666667%}.lg\:w-56{width:14rem}.lg\:w-80{width:20rem}.lg\:w-auto{width:auto}.lg\:max-w-\[200px\]{max-width:200px}.lg\:max-w-xs{max-width:20rem}.lg\:flex-1{flex:1 1 0%}.lg\:table-auto{table-layout:auto}.lg\:-translate-y-0{--tw-translate-y:-0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,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\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-10{column-gap:2.5rem}.lg\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.lg\:whitespace-nowrap{white-space:nowrap}.lg\:p-2{padding:.5rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-32{padding-left:8rem;padding-right:8rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:pl-24{padding-left:6rem}.lg\:pt-2{padding-top:.5rem}.lg\:pt-6{padding-top:1.5rem}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:font-normal{font-weight:400}.lg\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:-mt-12{margin-top:-3rem}.xl\:mr-32{margin-right:8rem}.xl\:mt-0{margin-top:0}.xl\:w-1\/2{width:50%}.xl\:w-1\/3{width:33.333333%}.xl\:w-1\/4{width:25%}.xl\:w-2\/3{width:66.666667%}.xl\:grow{flex-grow:1}.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\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:space-x-32>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(8rem*var(--tw-space-x-reverse));margin-left:calc(8rem*(1 - var(--tw-space-x-reverse)))}.xl\:border-none{border-style:none}.xl\:px-2{padding-left:.5rem;padding-right:.5rem}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:pr-14{padding-right:3.5rem}}@media (min-width:1536px){.\32xl\:-left-10{left:-2.5rem}.\32xl\:-right-6{right:-1.5rem}.\32xl\:w-96{width:24rem}}.\[\&\>a\]\:py-7>a{padding-top:1.75rem;padding-bottom:1.75rem}.\[\&\>a\]\:font-bold>a{font-weight:700}.\[\&\>a\]\:\!text-primary>a{--tw-text-opacity:1!important;color:rgb(31 41 55/var(--tw-text-opacity))!important}/**
 * Custom styles for the catalog toolbar
 */
.toolbar-custom{
    margin-top: 17px;
}

.toolbar-products {
    font-size: 0.9rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
    min-height: 48px;
}

/* Style for overall toolbar */
@media (max-width: 767px) {
    .toolbar-products {
        background-color: #f9f9f9;
        border-radius: 0.5rem;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
}

.toolbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.toolbar-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.toolbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.75rem;
}

@media (max-width: 991px) {
    .toolbar-right {
        gap: 0.5rem;
    }
}

@media (max-width: 767px) {
    .toolbar-inner {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }
    
    .toolbar-left {
        width: 100%;
        justify-content: center;
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    
    .toolbar-right {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.75rem;
        padding: 0.25rem 0;
        overflow: visible;
    }
    
    /* Ensure each element has enough space */
    .toolbar-viewmode, 
    .toolbar-sorter, 
    .toolbar-limiter, 
    .toolbar-pager {
        margin: 0.25rem;
    }
}

/* Elements styling - Compact and minimalist */

/* View Mode */
.toolbar-viewmode .modes {
    display: flex;
    align-items: center;
}

.toolbar-viewmode .modes-mode {
    padding: 0.25rem 0.5rem;
    border: 1px solid #e8e8e8;
    background: #fff;
    color: #666;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
}

.toolbar-viewmode .modes-mode:first-child {
    border-radius: 0.25rem 0 0 0.25rem;
}

.toolbar-viewmode .modes-mode:last-child {
    border-radius: 0 0.25rem 0.25rem 0;
    border-left: none;
}

.toolbar-viewmode .modes-mode.active,
.toolbar-viewmode .modes-mode:hover {
    background: #f5f5f5;
    color: #333;
}

.toolbar-viewmode .modes-mode svg,
.toolbar-viewmode .modes-mode img {
    width: 14px;
    height: 14px;
}

/* Sorter and limiter styling - More compact */
.toolbar-sorter,
.toolbar-limiter {
    display: flex;
    align-items: center;
    position: relative;
}

.toolbar-sorter select,
.toolbar-limiter select {
    padding: 0 1.5rem 0 0.5rem;
    border: 1px solid #e8e8e8;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #666;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23666' d='M5 7.5L1.5 4h7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 0.6rem;
    height: 2rem;
    min-width: 80px;
    max-width: 120px;
    font-size: 0.85rem;
    text-overflow: ellipsis;
}

/* Simplified pagination styling */
.toolbar-pager .pages {
    display: flex;
    align-items: center;
}

.toolbar-pager .pages-items {
    display: flex;
    align-items: center;
}

/* Limit visible page numbers on desktop */
@media (min-width: 768px) {
    /* Hide excessive page numbers, keep only a few around current */
    .pages .item:not(.current):not(.pages-item-next):not(.pages-item-previous):not(.pages-item-first):not(.pages-item-last) {
        display: none;
    }

    /* Always keep pages that are directly adjacent to current visible */
    .pages .item.current + li,
    .pages .item.current + li + li,
    .pages li + .item.current,
    .pages li + li + .item.current {
        display: inline-flex !important;
    }

    /* Show ellipsis when needed */
    .pages .item.pages-item-first + li:not(.current):not(.pages-item-first + .item.current):not(.pages-item-first + li + .item.current):before,
    .pages .item.current + li + li + li:not(.pages-item-last):not(.pages-item-next):before {
        content: "...";
        padding: 0 0.25rem;
    }
}

.pages .item {
    min-width: 1.75rem;
    height: 2rem;
    margin: 0 0.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e8e8e8;
    border-radius: 0.25rem;
}

.pages .item.current {
    background: #f5f5f5;
    border-color: #ddd;
    font-weight: 600;
    color: #333;
}

/* Make pagination buttons more visible */
.pages .action {
    padding: 0.25rem;
    color: #666;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    min-width: 100%;
    min-height: 100%;
}

/* Enhance pagination navigation buttons */
.pages .action.next,
.pages .action.previous {
    font-weight: bold;
}

/* Compact labels */
.toolbar-sorter .sorter-label,
.toolbar-limiter .limiter-text {
    display: none;
}

/* Toolbar amount styling */
.toolbar-amount {
    color: #666;
    font-size: 0.85rem;
    white-space: nowrap;
}

/* Hide redundant text in amount */
.toolbar-amount .toolbar-number {
    font-weight: 600;
}

/* Direction arrow in sorter */
.toolbar-sorter .sorter-action {
    margin-left: 0.25rem;
    color: #666;
    height: 2rem;
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Spacing adjustments */
.toolbar-viewmode,
.toolbar-sorter,
.toolbar-limiter,
.toolbar-pager {
    margin: 0 0.15rem;
}

/* Medium screen sizes */
@media (min-width: 768px) and (max-width: 991px) {
    .toolbar-inner {
        flex-wrap: nowrap;
    }
    
    .toolbar-right {
        flex-wrap: nowrap;
        gap: 0.5rem;
    }
    
    .toolbar-sorter select,
    .toolbar-limiter select {
        min-width: 70px;
        max-width: 100px;
    }
    
    /* Simplify pagination on medium screens */
    .pages .item:not(.current):not(.pages-item-next):not(.pages-item-previous) {
        display: none;
    }
}

/* Very small devices */
@media (max-width: 360px) {
    .toolbar-right {
        flex-direction: column;
        align-items: center;
    }
    
    .toolbar-viewmode,
    .toolbar-sorter,
    .toolbar-limiter,
    .toolbar-pager {
        margin: 0.2rem 0;
    }
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .toolbar-products {
        padding: 0.75rem 0.5rem;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    
    /* Enhance layout of toolbar amount (first row) */
    .toolbar-amount {
        font-weight: 500;
        font-size: 0.9rem;
        padding: 0.25rem 0;
    }
    
    /* Make controls more compact on mobile */
    .toolbar-sorter select,
    .toolbar-limiter select {
        min-width: 75px;
        max-width: 90px;
        font-size: 0.8rem;
    }
    
    /* Evenly distribute elements in the second row */
    .toolbar-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        row-gap: 0.75rem;
    }
    
    /* Group view mode and sorter together */
    .toolbar-viewmode,
    .toolbar-sorter {
        flex: 0 0 auto;
        margin: 0 0.3rem;
    }
    
    /* Group limiter and pager together */
    .toolbar-limiter,
    .toolbar-pager {
        flex: 0 0 auto;
        margin: 0 0.3rem;
    }
    
    /* Pagination adjustments */
    .toolbar-pager .pages {
        display: flex !important;
    }
    
    /* On mobile only show current page, previous and next buttons */
    .pages .item:not(.current):not(.pages-item-next):not(.pages-item-previous) {
        display: none;
    }
    
    /* Ensure pagination buttons have enough touch area */
    .pages .item {
        min-width: 2rem;
        height: 2rem;
        margin: 0 0.1rem;
    }
    
    /* Make current page more prominent */
    .pages .item.current {
        background: #f0f0f0;
    }
}
/**
 * Custom styles for the Layered Navigation
 */

/* Main block styling */
.layered-nav-block {
    transition: all 0.2s ease-in-out;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Filter header styling */
.layered-nav-block .block-title {
    transition: background-color 0.2s;
    border-bottom: none;
}

/* Active filters styling */
.filters-active {
    padding: 0.25rem 0;
    margin-bottom: 0.5rem;
}

.filters-active .filter-current .items {
    padding: 0.15rem 0;
}

.filters-active .filter-current .item {
    display: inline-flex;
    align-items: center;
    background-color: rgba(var(--primary-color-rgb, 0, 0, 0), 0.05);
    border-radius: 3px;
    padding: 0.15rem 0.5rem;
    margin: 0.1rem;
    font-size: 0.75rem;
    transition: all 0.2s;
    border: 1px solid rgba(var(--primary-color-rgb, 0, 0, 0), 0.1);
}

.filters-active .filter-current .item:hover {
    background-color: rgba(var(--primary-color-rgb, 0, 0, 0), 0.08);
}

.filters-active .filter-current .filter-label {
    font-weight: 500;
    margin-right: 0.2rem;
    color: #777;
}

.filters-active .filter-current .filter-value {
    font-weight: 400;
    color: var(--primary-color, #333);
}

.filters-active .filter-current .action.remove {
    margin-left: 0.35rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.filters-active .filter-current .action.remove:hover {
    opacity: 1;
}

.filters-active .filter-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.25rem;
}

.filters-active .filter-actions .action.clear {
    font-size: 0.75rem;
    text-decoration: none;
    padding: 0.15rem 0.35rem;
    color: #777;
    transition: all 0.2s;
    border-radius: 2px;
}

.filters-active .filter-actions .action.clear:hover {
    color: var(--primary-color, #333);
    text-decoration: underline;
}

/* Filter options styling */
.filter-option {
    transition: all 0.2s;
    overflow: hidden;
    background-color: #ffffff;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.filter-option:last-child {
    border-bottom: none;
}

.filter-options-title {
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    padding: 0.6rem 0.5rem !important;
    position: relative;
}

.filter-options-content {
    transition: all 0.25s ease;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-5px);
}

.filter-options-content.block {
    max-height: 300px;
    overflow-y: auto;
    opacity: 1;
    transform: translateY(0);
    background-color: #ffffff;
}

/* Desktop specific styles - Removing forced display to allow toggling */
/* We removed the code that forced filters to be always visible on desktop */

/* Filter items styling */
.filter-options-content .items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.filter-options-content .item {
    margin-bottom: 0.35rem;
}

.filter-options-content .item:last-child {
    margin-bottom: 0;
}

.filter-options-content .item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #666;
    font-size: 0.8rem;
    transition: all 0.2s;
    padding: 0.25rem 0.15rem;
    border-radius: 2px;
}

.filter-options-content .item a:hover {
    color: var(--primary-color, #333);
}

.filter-options-content .item a .count {
    margin-left: auto;
    color: #999;
    font-size: 0.7rem;
    transition: all 0.2s;
}

/* Swatch styling */
.filter-options-content .swatch-option {
    border-radius: 0.25rem;
    transition: all 0.2s;
}

.filter-options-content .swatch-option:hover {
    outline: 2px solid rgba(0, 0, 0, 0.1);
}

.filter-options-content .swatch-option.selected {
    outline: 2px solid rgba(0, 0, 0, 0.3);
}

/* Price slider styling */
.filter-options-content .ui-slider-horizontal {
    height: 4px;
    background-color: #e0e0e0;
    border-radius: 2px;
    margin: 1rem 0.5rem;
}

.filter-options-content .ui-slider-handle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #666;
    top: -6px;
    cursor: pointer;
}

.filter-options-content .ui-slider-range {
    background-color: #999;
    border-radius: 2px;
}

/* Mobile specific styles */
@media (max-width: 767px) {
    .layered-nav-block {
        position: relative;
        z-index: 5;
    }
    
    .layered-nav-block .block-title {
        position: sticky;
        top: 0;
        z-index: 2;
    }
    
    .filter-option {
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .filter-options-content {
        max-height: none;
    }
    
    .filter-options-content.block {
        animation: fadeInMobile 0.25s ease;
    }
    
    .filters-active .filter-current .item {
        margin-bottom: 0.35rem;
    }
    
    /* Improved mobile filter titles */
    .filter-options-title {
        background-color: rgba(0, 0, 0, 0.03) !important;
        padding: 0.6rem 0.75rem !important;
    }
    
    .filter-options-title .title {
        font-size: 0.95rem;
        color: rgba(var(--primary-color-rgb, 0, 0, 0), 0.9) !important;
    }
    
    .filter-options-title .toggle-icon {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Desktop specific styles for clickability visual cues */
@media (min-width: 768px) {
    .filter-options-title {
        position: relative;
    }
    
    .filter-options-title:hover {
        background-color: rgba(var(--primary-color-rgb, 0, 0, 0), 0.03);
    }
    
    .filter-options-title .toggle-icon {
        position: relative;
        z-index: 1;
        height: 24px;
        width: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: rgba(var(--primary-color-rgb, 0, 0, 0), 0.05);
        transition: all 0.2s ease;
    }
    
    .filter-options-title:hover .toggle-icon {
        background-color: rgba(var(--primary-color-rgb, 0, 0, 0), 0.1);
        transform: scale(1.05);
    }
    
    .filter-options-title .toggle-icon svg {
        stroke-width: 2.5;
    }
}

@keyframes fadeInMobile {
    from { opacity: 0; max-height: 0; }
    to { opacity: 1; max-height: 300px; }
}

/* Animation for toggle icon */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.filter-options-title:active .toggle-icon {
    animation: pulse 0.3s ease;
}

/* Animation for filter options */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.filter-options-content.block {
    animation: fadeIn 0.2s ease-out;
}
/**
 * Custom styles for product cards (gift cards)
 * Styled in a minimalist, professional way for Giftiamo
 * 
 * Using higher specificity and !important where necessary to override theme styles
 */

/* Card container styling */
.products-grid .card-container.product-item,
.products-list .card-container.product-item,
.card-container.product-item {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    background-color: white !important;
    height: 100% !important;
    position: relative !important;
}

.products-grid .card-container.product-item:hover,
.products-list .card-container.product-item:hover,
.card-container.product-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Product image container */
.products-grid .product-item-photo,
.products-list .product-item-photo,
.product-item-photo {
    padding: 0.05rem !important;
    transition: transform 0.3s ease !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 160px !important;
    overflow: hidden !important;
    background-image: radial-gradient(circle at center, rgba(250, 250, 250, 0.3) 0%, rgba(255, 255, 255, 0) 70%) !important;
    
}

.product-item-photo img,
.products-grid .product-item-photo img,
.products-list .product-item-photo img {
    mix-blend-mode: multiply !important;
    transition: all 0.4s ease !important;
    max-height: 160px !important;
    width: calc(100% - 0.2rem) !important;
    max-width: calc(100% - 0.2rem) !important;
    object-fit: contain !important;
    filter: none !important;
    animation: slight-float 6s ease-in-out infinite alternate !important;
    margin: 0 0.1rem !important;
}

/* Override forzato per attributi width e height nel tag img */
.product-item-photo img[width],
.product-item-photo img[height],
.products-grid .product-item-photo img[width],
.products-grid .product-item-photo img[height],
.products-list .product-item-photo img[width],
.products-list .product-item-photo img[height] {
    width: calc(100% - 0.2rem) !important;
    max-width: calc(100% - 0.2rem) !important;
    height: auto !important;
    max-height: 160px !important;
    margin: 0 0.1rem !important;
}

@keyframes slight-float {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-3px);
    }
}

/* Non ingrandiamo l'immagine all'hover, ma solo il contenitore */
.card-container:hover .product-item-photo img,
.products-grid .card-container:hover .product-item-photo img,
.products-list .card-container:hover .product-item-photo img {
    transform: none !important;
    filter: none !important;
}

/* Brand logo hover effect */
.products-grid .logo-hover,
.products-list .logo-hover,
.logo-hover {
    opacity: 0 !important;
    background-size: 60px !important;
    background-position: right 12px top 12px !important;
    background-repeat: no-repeat !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
}

.products-grid .card-container:hover .logo-hover,
.products-list .card-container:hover .logo-hover,
.card-container:hover .logo-hover {
    opacity: 0.06 !important;
}

/* Product title link */
.product-item-link {
    color: var(--primary-color, #333) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    transition: all 0.25s ease-out !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    letter-spacing: -0.01em !important;
    position: relative !important;
    padding-bottom: 2px !important;
    margin-bottom: 0.15rem !important;
}

.product-item-link::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 1px !important;
    background: var(--primary-color, #333) !important;
    transition: width 0.25s ease-out !important;
    opacity: 0.6 !important;
}

.product-item-link:hover {
    color: var(--primary-darker, #111) !important;
}

.product-item-link:hover::after {
    width: 100% !important;
}

/* Title styles for different layouts */
.products-grid .product-title,
.products-list .product-title {
    font-size: 1rem !important;
}

@media (min-width: 768px) {
    .products-list .product-title {
        font-size: 1.1rem !important;
    }
}

/* Product info section */
.products-grid .product-info,
.products-list .product-info,
.product-info {
    padding: 0 0.3rem 0.8rem !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border-top: 1px solid rgba(0, 0, 0, 0.02) !important;
}

/* Modern header with flag and name */
.product-header-container {
    position: relative !important;
    padding: 1rem 0.2rem 0.5rem !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
}

.product-title-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.4rem !important;
    flex-wrap: nowrap !important;
    margin-bottom: 0.2rem !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Flag badge styling */
.flag-badge {
    flex-shrink: 0 !important;
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    margin-top: 0.05rem !important;
    background: #fff !important;
    transition: all 0.25s ease !important;
    z-index: 1 !important;
}

.card-container .flag-icon {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: saturate(1.1) !important;
    transition: transform 0.25s ease !important;
}

.card-container:hover .flag-badge {
    transform: translateY(-2px) !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12) !important;
}

.card-container:hover .flag-icon {
    transform: scale(1.08) !important;
}

/* Product title container */
.product-title {
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

/* Min price indicator in header */
.product-header-min-price {
    display: block !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    color: var(--primary-color, #666) !important;
    margin-top: 0.05rem !important;
    margin-bottom: 0.3rem !important;
    opacity: 0.7 !important;
    letter-spacing: -0.01em !important;
    position: relative !important;
    text-align: left !important;
    padding-left: 1.6rem !important; /* Allineamento con il testo del nome prodotto */
}

.product-header-min-price .price-label {
    font-style: italic !important;
    opacity: 0.85 !important;
    font-size: 0.7rem !important;
    margin-right: 0.25rem !important;
}

.product-header-min-price .price-value {
    font-weight: 500 !important;
}

/* Price styling */
.products-grid .product-info .price-box,
.products-list .product-info .price-box,
.product-info .price-box {
    margin-top: auto !important;
    margin-bottom: 0.8rem !important;
    padding: 0.5rem 0.3rem 0.2rem !important;
    position: relative !important;
    background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.4) 100%) !important;
    border-radius: 0 0 8px 8px !important;
    text-align: center !important;
}

.products-grid .product-info .price-box::before,
.products-list .product-info .price-box::before,
.product-info .price-box::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 40px !important;
    height: 2px !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.01)) !important;
    border-radius: 2px !important;
}

.products-grid .product-info .price,
.products-list .product-info .price,
.product-info .price {
    font-weight: 600 !important;
    color: var(--primary-color, #333) !important;
    font-size: 1.2rem !important;
    letter-spacing: -0.01em !important;
    display: inline-block !important;
    position: relative !important;
    padding: 0.2rem 0.6rem !important;
    border-radius: 4px !important;
    transition: transform 0.2s ease !important;
}

.card-container:hover .price {
    transform: scale(1.05) !important;
}

/* Add to cart button */
.products-grid .tocart.btn-primary,
.products-list .tocart.btn-primary,
.tocart.btn-primary {
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
    font-size: 0.82rem !important;
    transition: all 0.3s ease-out !important;
    border-radius: 50px !important;
    padding: 0.6rem 1rem !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    width: 90% !important;
    margin: 0 auto !important;
    display: block !important;
}

.tocart.btn-primary::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    transition: width 0.3s ease-out !important;
    z-index: -1 !important;
}

.products-grid .tocart.btn-primary:hover,
.products-list .tocart.btn-primary:hover,
.tocart.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12) !important;
}

.tocart.btn-primary:hover::after {
    width: 100% !important;
}

/* Responsive layout for list view */
@media (min-width: 768px) {
    .products-list .list.product-item,
    .list.product-item {
        grid-template-rows: auto !important;
        display: grid !important;
        grid-template-columns: 240px 1fr !important;
    }
    
    .products-list .list .product-item-photo,
    .list .product-item-photo {
        padding: 0.8rem !important;
        border-right: 1px solid rgba(0, 0, 0, 0.03) !important;
        min-height: 220px !important;
        background-image: radial-gradient(circle at 70% center, rgba(250, 250, 250, 0.3) 0%, rgba(255, 255, 255, 0) 70%) !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .products-list .list .product-item-photo img,
    .list .product-item-photo img {
        width: calc(100% - 0.3rem) !important;
        max-width: calc(100% - 0.3rem) !important;
        height: auto !important;
        max-height: 200px !important;
        object-fit: contain !important;
        margin: 0 0.15rem !important;
    }
    
    /* Override specifico per vista lista desktop */
    .products-list .list .product-item-photo img[width],
    .products-list .list .product-item-photo img[height],
    .list .product-item-photo img[width],
    .list .product-item-photo img[height] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
    }
    
    .products-list .list .product-info,
    .list .product-info {
        border-top: none !important;
        padding: 2rem !important;
        justify-content: space-between !important;
        display: grid !important;
        grid-template-rows: auto 1fr auto !important;
    }
    
    .products-list .list .product-header-container,
    .list .product-header-container {
        margin-bottom: 1.5rem !important;
    }
    
    .products-list .list .product-title,
    .list .product-title {
        font-size: 1.2rem !important;
    }
    
    .products-list .list .product-header-min-price,
    .list .product-header-min-price {
        font-size: 0.8rem !important;
        margin-top: 0.2rem !important;
        margin-bottom: 1rem !important;
        opacity: 0.65 !important;
        text-align: left !important;
        padding-left: 2.25rem !important;
    }
    
    .products-list .list .product-item-link,
    .list .product-item-link {
        font-size: 1.2rem !important;
    }
    
    .products-list .list .price,
    .list .price {
        font-size: 1.25rem !important;
    }
    
    .products-list .list .price-box,
    .list .price-box {
        margin-top: auto !important;
        text-align: left !important;
        background: none !important;
        padding-left: 0 !important;
    }
    
    .products-list .list .price-box::before,
    .list .price-box::before {
        left: 0 !important;
        transform: none !important;
        width: 60px !important;
    }
    
    /* Horizontal alignment for list view */
    .products-list .list .actions-primary,
    .list .actions-primary {
        margin-top: 1.5rem !important;
        width: 220px !important;
    }
    
    .products-list .list .tocart.btn-primary,
    .list .tocart.btn-primary {
        width: 100% !important;
    }
}

/* Product card grid spacing */
.products-grid .product-items {
    gap: 1rem !important;
}

/* Ottimizzazioni specifiche per la vista griglia */
.products-grid .card-container.product-item {
    max-height: none !important;
    min-height: auto !important;
}

.products-grid .product-item-photo {
    margin-bottom: 0.5rem !important;
}

.products-grid .product-info {
    padding: 0 0.3rem 0.6rem !important;
}

.products-grid .product-header-container {
    padding: 0.8rem 0.15rem 0.4rem !important;
    margin-bottom: 0.4rem !important;
}

.products-grid .tocart.btn-primary {
    padding: 0.55rem 0.9rem !important;
    font-size: 0.8rem !important;
}

/* Better alignment and spacing for product title/flag */
.products-grid .product-info .flex.px-2.pb-3,
.products-list .product-info .flex.px-2.pb-3,
.product-info .flex.px-2.pb-3 {
    padding: 0.8rem 0 0.4rem !important;
}

.products-grid .product-info .flex.px-2.pb-3 h3,
.products-list .product-info .flex.px-2.pb-3 h3,
.product-info .flex.px-2.pb-3 h3 {
    margin: 0 !important;
}

/* Compattezza generale per tutte le card */
.card-container.product-item {
    margin-bottom: 0.8rem !important;
}

/* Riduciamo ulteriormente gli spazi interni per massimizzare l'uso dello spazio */
.product-title {
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
}

.product-item-link {
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
}

/* Hover state refinements */
.products-grid .card-container.product-item::before,
.products-list .card-container.product-item::before,
.card-container.product-item::before {
    content: '' !important;
    position: absolute !important;
    top: -1px !important;
    left: -1px !important;
    width: calc(100% + 2px) !important;
    height: 6px !important;
    background: var(--brand-grey, #f9f9f9) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
    z-index: 1 !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset !important;
}

.products-grid .card-container.product-item::after,
.products-list .card-container.product-item::after,
.card-container.product-item::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 80%, rgba(255,255,255,0.05) 100%) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.products-grid .card-container.product-item:hover::before,
.products-list .card-container.product-item:hover::before,
.card-container.product-item:hover::before {
    opacity: 1 !important;
}

.products-grid .card-container.product-item:hover::after,
.products-list .card-container.product-item:hover::after,
.card-container.product-item:hover::after {
    opacity: 1 !important;
}

/* Ensure our styles have maximum specificity */
:where(.page-wrapper) .products :where(.card-container.product-item),
:where(.page-wrapper) .product-items :where(.card-container.product-item) {
    display: flex !important;
    flex-direction: column !important;
}

/* List view specific styles */
.product-item.list {
    grid-gap: 1rem;
}

.product-item.list .product-item-photo {
    height: 100%;
}

.product-item.list .product-info {
    padding: 1rem 0.5rem;
}

/* Override per immagini con larghezza fissa */
.product-item-photo img[width="360"],
.product-item-photo img[style*="width"],
.products-grid .product-item-photo img[width="360"],
.products-grid .product-item-photo img[style*="width"],
.products-list .product-item-photo img[width="360"],
.products-list .product-item-photo img[style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 160px !important;
}

/* Override completo per tutti gli attributi dimensionali dell'immagine */
.card-container img,
.card-container .product-item-photo img,
.card-container.product-item .product-item-photo img,
.product-item img,
.product-item .product-item-photo img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 160px !important;
    object-fit: contain !important;
}

/* Assicuriamo che il contenitore dell'immagine utilizzi tutto lo spazio disponibile */
.card-container .product-item-photo,
.card-container.product-item .product-item-photo {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .card-container.product-item {
        margin-bottom: 1rem;
    }
    
    .product-info {
        padding: 0.3rem;
    }
    
    .product-item-photo {
        min-height: 140px !important;
        padding: 0.03rem !important;
    }
    
    .product-item-photo img {
        max-height: 140px !important;
        width: calc(100% - 0.15rem) !important;
        max-width: calc(100% - 0.15rem) !important;
        margin: 0 0.075rem !important;
    }
    
    .product-item-photo img[width="360"],
    .product-item-photo img[style*="width"] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 140px !important;
    }
    
    /* Override mobile per tutti gli attributi dimensionali */
    .product-item-photo img[width],
    .product-item-photo img[height] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 140px !important;
    }
    
    .product-header-container {
        padding: 0.8rem 0.2rem 0.4rem !important;
        margin-bottom: 0.4rem !important;
    }
    
    .flag-badge {
        width: 18px !important;
        height: 18px !important;
    }
    
    .product-title-row {
        gap: 0.35rem !important;
        margin-bottom: 0.15rem !important;
    }
    
    .product-header-min-price {
        font-size: 0.68rem !important;
        padding-left: 1.4rem !important;
    }
}

/* Grid view refinements */
.product-item:not(.list) .product-info h3 {
    text-align: left;
    margin: 0;
}

.product-item:not(.list) .product-info .flex {
    justify-content: flex-start;
}

/* GFT-828 shine: riflesso una sola volta da sinistra a destra all'hover-in.
   Niente animazione di ritorno: la transition si applica solo nello stato
   :hover, allo stato default il pseudo-elemento torna istantaneamente fuori
   schermo a destra (non visibile all'uscita). */
.product-item-photo {
    position: relative;
    overflow: hidden;
}
.product-item-photo::after {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 60%;
    height: 100%;
    background: linear-gradient(120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.6) 50%,
        transparent 100%);
    transform: skewX(-20deg);
    pointer-events: none;
    z-index: 2;
}
.product-item.card:hover .product-item-photo::after {
    left: 125%;
    transition: left 0.8s ease;
}
/* ===========================================================================
   BRAND TOKENS — unica sorgente dei colori e del font del tema.
   ===========================================================================

   Per ribrandizzare il tema si modificano SOLO i valori qui sotto:
   nessun altro file CSS deve contenere un colore di brand scritto a mano.

   Vanno tenuti allineati a mano (non esiste build che li generi):
     - web/tailwind/tailwind.config.js  -> const brand = { ... }
     - web/css/source/_theme.less       -> @theme__color__primary (email)

   NOTA: nel checkout vale l'omonimo file del tema roadhouse_checkout;
   i due temi sono separati e non possono condividere asset.
   ======================================================================== */

:root {
    /* --- Colore primario di brand ------------------------------------- */
    --brand-primary: #9C1E32;        /* bordeaux */
    --brand-primary-light: #B8283E;  /* hover / active */
    --brand-primary-dark: #7A1626;   /* stati premuti, fasce scure */
    --brand-primary-xlight: color-mix(in srgb, var(--brand-primary) 10%, white);

    /* Fascia utility in cima alla pagina. */
    --brand-top-bar: var(--brand-primary-dark);

    /* --- Superfici ------------------------------------------------------ */
    /* Lo sfondo pagina non e' bianco ma crema: e' il tratto che piu'
       caratterizza l'identita' visiva, i contenuti stanno su card bianche. */
    --page-bg: #F5F0E4;
    --surface: #FFFFFF;

    /* Superficie dei pannelli di contenuto (carrello, box, card).
       Non bianca: appena piu' chiara del fondo pagina, cosi' i riquadri si
       staccano senza il salto di contrasto del bianco pieno. */
    --surface-soft: color-mix(in srgb, var(--page-bg) 50%, white);

    /* Linea di separazione, calda come il resto della tavolozza: i grigi
       neutri su fondo crema tirano al freddo. */
    --border-soft: color-mix(in srgb, var(--eerie-black) 12%, var(--page-bg));

    /* Superficie dei controlli in stato "spento" (toggle, switch). I grigi
       neutri di Tailwind (gray-200/300) sul crema tirano al freddo: questo e'
       abbastanza scuro da far staccare il pomello bianco e da reggere una
       scritta scura sopra. */
    --control-off: color-mix(in srgb, var(--eerie-black) 28%, var(--alabaster));

    /* --- Colori di accento ---------------------------------------------
       Usati dai blocchi a colore pieno (card promo, riquadri CTA, sezioni
       full-bleed). Sono pensati per essere abbinati a testo bianco. */
    --accent-yellow: #E9C93F;
    /* Tinta chiara del giallo: fondo degli avvisi di servizio
       (es. la consegna posticipata nel carrello). */
    --accent-yellow-xlight: color-mix(in srgb, var(--accent-yellow) 22%, white);
    --accent-lime: #C7D64B;
    --accent-green: #2F6B45;
    --accent-orange: #E2703A;
    --accent-brown: #5A3A1E;
    --accent-purple: #6B4FA0;

    /* --- Grigi complementari ------------------------------------------ */
    --brand-grey: #202129;
    --brand-grey-medium: color-mix(in srgb, var(--brand-grey) 15%, white);
    --brand-grey-light: color-mix(in srgb, var(--brand-grey) 5%, white);

    /* --- Colori di base ------------------------------------------------ */
    /* Grigio caldo per i testi secondari: i grigi di Tailwind sono freddi
       (tendono al blu) e sul crema stonano. */
    --text-muted: #5F574C;

    --white: #FEFEFE;         /* bianco, per sfondi e testo secondario */
    --alabaster: #E2E3D9;     /* grigio caldo chiaro, per sezioni o card */
    --tea-green: #DDE6BE;     /* verde chiaro pastello, per sfondi o hover soft */
    --eerie-black: #1A1F12;   /* quasi nero, testo primario e forte contrasto */

    /* --- Tipografia -----------------------------------------------------
       Due famiglie: uno slab per i titoli (voce del brand) e un sans neutro
       per il corpo. I font sono caricati in
       Magento_Theme/layout/default_head_blocks.xml. */
    --font-display: 'Bitter', Georgia, 'Times New Roman', serif;
    --font-body: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
    --font-family: var(--font-body); /* alias storico usato da custom_static.css */

    /* --- Forma -----------------------------------------------------------
       I blocchi grandi (footer, sezioni full-bleed) sono "schede" appoggiate
       sullo sfondo crema: angoli arrotondati e un margine laterale che lascia
       vedere --page-bg ai lati. */
    --radius-card: 14px;
    --radius-section: 28px;
    --radius-button: 4px;   /* rettangolo con angoli appena smussati */
    --radius-pill: 999px;
    --section-inset: 1rem;   /* margine laterale dei blocchi full-bleed */

    /* Spazio fra il breadcrumb e il primo blocco di contenuto. */
    --space-hero-top: 0.5rem;
}
/*===============
   GLOBAL SETTINGS
   =============== */

/* I token --brand-* / --font-family sono definiti in css/brand-tokens.css,
   caricato prima di questo file da Magento_Theme/layout/default_head_blocks.xml.
   Non riscrivere qui i colori di brand: vanno cambiati solo li'. */


body {font-family: var(--font-family); color: var(--brand-grey);}
address {font-style: normal;}

/* Colors */

.brand-color {color: var(--brand-primary);}

.bg-primary {background-color: var(--brand-grey);}
.bg-brand-color {background-color: var(--brand-primary);}
.bg-brand-color-light {background-color: var(--brand-primary-light);}
.border-brand,
.border-primary, .border.border-primary {border-color: var(--brand-primary);}
.bg-container-light {background-color:var(--brand-grey-light);}
.bg-container-xlight {background-color:var(--brand-primary-xlight);}

.border-primary:hover, .border.border-primary:hover {border-color: var(--brand-primary-light);}

.border, .border-2 {border-color:var(--brand-grey-medium);}

::-moz-selection {color: #856404;background: #fff3cd;}
::selection {color: #856404;background: #fff3cd;}

/* ===============
   BUTTONS
   =============== */

.pagebuilder-column-group a, .text-secondary,
.pagebuilder-column-group a span, .text-secondary span {color: var(--brand-primary)!important;}
.prose a {color: var(--brand-primary)!important;}

/* primary */
a.pagebuilder-button-primary,
.btn-primary,
.actions-toolbar .primary button {background-color: var(--brand-primary); border:none;border-radius: var(--radius-button);transition: 0.2s;}

a.pagebuilder-button-primary,
a.pagebuilder-button-primary span,
.btn-primary span,
.pagebuilder-column-group .btn-primary span,
.actions-toolbar .primary button span {color: #FFFFFF!important}

.button-big a.pagebuilder-button-primary {font-size:18px; padding: 17px 25px; }

.btn-primary:hover,
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover,
.actions-toolbar .primary button:hover {background: var(--brand-primary-light);}

.hero-container .btn-primary{color: #FFFFFF!important;}

/* Secondary */
.btn-secondary, .pagebuilder-column-group a.btn-secondary
{border-color: var(--brand-primary);color: var(--brand-primary)!important;background:#FFF!important;border-radius: var(--radius-button);transition: 0.2s;}
.btn-secondary:hover, a.btn-secondary:hover, .pagebuilder-column-group a.btn-secondary:hover
{border-color: #FFF;background:var(--brand-primary)!important;color: #FFF!important;}

/* Success Message */

.success.message {position: relative;}


/* nice link */
a.nice-link {position: relative;color: var(--brand-primary);text-decoration: none;}
a.nice-link:hover {color: var(--brand-primary);}
a.nice-link::before {content: "";position: absolute;display: block;width: 100%;height: 2px;bottom: 0;left: 0;background-color: var(--brand-primary);transform: scaleX(0);transition: transform 0.3s ease;}
a.nice-link:hover::before {transform: scaleX(1);}

/* multiline */

a.multipath-link{background: linear-gradient(0deg,  var(--brand-primary-light),  var(--brand-primary-light)) no-repeat right bottom / 0 var(--bg-h);transition: background-size 350ms;--bg-h: 100%;color: var(--brand-grey)!important;}
a.multipath-link:where(:hover, :focus-visible) {background-size: 100% var(--bg-h);background-position-x: left;}
a.multiline-link {text-decoration: none;background-image: linear-gradient(var(--brand-primary), var(--brand-primary));background-position: 0% 100%;background-repeat: no-repeat;background-size: 0% 2px;transition: background-size .3s;}
a.multiline-link:hover, a.multiline-link:focus {background-size: 100% 2px;}


/* ===============
   INTERFACE
   =============== */

/* form */

[multiple]:focus,
[type=date]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
select:focus,
.form-input:focus, .form-multiselect:focus, .form-select:focus, .form-textarea:focus {border-color: var(--brand-grey-medium);}
form .date-options .form-select {border-color: var(--brand-grey);}

#limiter {font-size: .8rem;width: 4rem;height: 1.8rem;}
.field .messages {background: #ffdede;border-radius: 5px;padding: 7px 10px;color: red;border: 1px solid #fdd1d1;display: inline-block;margin-top: 10px;}

/* breadcrumbs */
.breadcrumbs a {color: var(--brand-primary);}

.prose ul, .prose ol {font-size: 1rem!important; line-height: 1.75!important;}

/* --- Toggle / FAQ -------------------------------------------------------
   Fisarmonica in <details>/<summary>: il markup sta nei blocchi CMS, quindi i
   nomi delle classi (.toggle-container, .inner-content) NON si toccano.

   Prima ogni voce era un riquadro rosa (--brand-primary-xlight) con la
   risposta incorniciata su tre lati di bordeaux: due elementi estranei alla
   tavolozza, che sul crema stonavano. Ora ogni voce e' una scheda come le
   altre del tema — superficie chiara, bordo caldo, raggio di card — e il
   bordeaux resta l'accento della voce aperta. */

.toggle-container details {
    background-color: var(--surface-soft);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-card);
    margin-bottom: 0.75rem;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.toggle-container details[open] {
    border-color: var(--brand-primary);
}

.toggle-container summary {
    color: var(--brand-grey);
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.4;
    /* Toglie il triangolo di sistema: `summary` e' display: list-item, quindi
       il marker si spegne da qui (il vecchio ::-webkit-details-marker da solo
       non basta piu' sui browser aggiornati, ed e' per quello che i triangoli
       si vedevano ancora). */
    list-style: none;
    outline: 0;
    padding: 0.875rem 3rem 0.875rem 1.25rem;
    position: relative;
    text-align: left;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.toggle-container summary::-webkit-details-marker {
    display: none;
}

.toggle-container summary:hover {
    background-color: color-mix(in srgb, var(--brand-primary) 7%, var(--surface-soft));
}

.toggle-container details[open] > summary,
.toggle-container details[open] > summary:hover {
    background-color: var(--brand-primary);
    color: var(--surface);
}

/* Chevron disegnato con i bordi: eredita il colore del testo, quindi diventa
   bianco da aperto senza una regola dedicata. */
.toggle-container summary::after {
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
    height: 0.5rem;
    margin-top: -0.35rem;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    width: 0.5rem;
}

.toggle-container details[open] > summary::after {
    transform: rotate(-135deg);
}

/* Il padding va al figlio diretto, qualunque elemento sia: nei blocchi CMS la
   risposta a volte e' un <div class="inner-content">, a volte un <div> nudo.
   Mirando al figlio diretto il padding non si somma se .inner-content e'
   annidato piu' in fondo. */
.toggle-container details > *:not(summary) {
    padding: 1rem 1.25rem;
}

.toggle-container details > *:not(summary) a {
    color: var(--brand-primary);
    text-decoration: underline;
}

.hero-container  {border-radius: 20px; overflow: hidden;}
.hero-container .img-content {position: relative;top: -2px;width: 100%;height: 21vw;overflow: hidden;}
.hero-container .img-content img {transition: transform 0.25s;width: 100%;}
.hero-container .img-content:hover img {transform: scale(1.1);}

/* Fix to hide WelPixel button*/
.product-info .mt-auto.pt-3.flex.flex-wrap.justify-center.items-center {display: none;}

/* tool tip */

a.tooltip{
    position: relative;
    display: inline;
}
a.tooltip:after{font-size: 12px;font-weight: normal;display: block;visibility: hidden;position: absolute;bottom: 0;left: 20%;opacity: 0;content: attr(tool-tips); /* might also use attr(title) */height: auto;min-width: 220px;padding: 15px 8px;z-index: 999;color: #fff;text-decoration: none;text-align: center;background: rgba(0,0,0,0.85);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
a.tooltip:before {position: absolute;visibility: hidden;width: 0;height: 0;left: 50%;bottom: 0px;opacity: 0;content: "";border-style: solid;border-width: 6px 6px 0 6px;border-color: rgba(0,0,0,0.85) transparent transparent transparent;}

a.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }

/* tips on bottom */
a.tooltip.bottom:before {border-width: 0 5px 8.7px 5px;border-color: transparent transparent rgba(0,0,0,0.85) transparent;top: 0px}
a.tooltip.bottom:hover:before { top: 20px; }
a.tooltip.bottom:after { bottom: auto; top: 0; }
a.tooltip.bottom:hover:after { top: 28px; }


/* tips on the right */
a.tooltip.right:before {border-width: 5px 10px 5px 0;border-color: transparent rgba(0,0,0,0.85) transparent transparent;left: 95%;bottom: 40%;}
a.tooltip.right:hover:before { left: 108%; }
a.tooltip.right:after { left: 100%; bottom: -20%; }
a.tooltip.right:hover:after { left: 111%; }


/* tips on the left */
a.tooltip.left:before {border-width: 5px 0 5px 10px;border-color: transparent transparent transparent rgba(0,0,0,0.85);left: auto;right: 90%;bottom: 20%;}
a.tooltip.left:hover:before { right: 100%;}
a.tooltip.left:after { left: auto; right: 100%; bottom: -70%; }
a.tooltip.left:hover:after { right: 110%; }


/* tooltip colors (add your own!) */
a.tooltip.red:after { background:var(--brand-primary-light); }
a.tooltip.red:before { border-color: var(--brand-primary-light) transparent transparent transparent; }
a.tooltip.bottom.red:before{ border-color: transparent transparent var(--brand-primary-light) transparent; }
a.tooltip.right.red:before { border-color: transparent var(--brand-primary-light) transparent transparent; }
a.tooltip.left.red:before { border-color: transparent transparent transparent var(--brand-primary-light); }



a.tooltip.animationTips:after, a.tooltip.animationTips:before {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* bullet point list */

ul.nice-bullet {display: block;margin-left: 22px;}
ul.nice-bullet li {display: block;position: relative;}
ul.nice-bullet li + li {margin-top: .5em;}
ul.nice-bullet li:before {content: "";position: absolute;top: 1.2em;left: -22px;margin-top: -.9em;background: var(--brand-primary-light);height: 12px;width: 12px;border-radius: 50%;}
ol.nice-list li {list-style-type: none;counter-increment: item;}
ol.nice-list li + li {margin-top: .5em;}
ol.nice-list li:before {content: counter(item);margin-right: 5px;font-size: 80%;background-color: var(--brand-primary-light);color: #FFF;font-weight: bold;padding: 3px 8px;border-radius: 3px;}

/* Striscia legale a tutta larghezza sotto al footer (contenitore .copyright di
   Magento, testo da Design > Footer > Copyright). Era sul grigio scuro del tema:
   ora sulla tinta scura di brand, come la striscia interna al footer. */
.copyright {padding: 0 0 20px;background: var(--brand-primary-dark); color: var(--surface); width: 100%;text-align: center;}

/* reviews */

#review_field {height: 160px;}

/* ===============
   SECTIONS
   =============== */

/* Home page */

body.cms-index-index .page-main, body main {margin-top: 0;}
body.cms-gt-giftiamo-home-page .swiper-wrapper {margin: 0 auto; max-width:1920px;}

.cms-index-index .page-main .main .block-static-block {margin-bottom: 0;}

/* Gift Panel */

.show-giftfriend-field-container .bg-primary {background-color: var(--brand-primary);}

/* Form regalo Hyva in PDP (Amilon_GiftPlatform, hyva/gift_config.phtml).
   Il template usa le utility "primary" di Tailwind, che qui non sono di brand:
   - `text-primary` e' il grigio del testo (tailwind.config -> textColor.primary
     = gray-800), non il bordeaux: i titoli di sezione restavano scuri;
   - `.bg-primary` e' riportato a --brand-grey dalla regola globale in cima a
     questo file: toggle e bottoni pieni uscivano neri;
   - le varianti hover:/focus: di primary non esistono nemmeno nel build di
     Tailwind (il content non scansiona i template dei moduli vendor).
   L'override e' circoscritto al form: fuori di qui `text-primary` deve
   continuare a essere il colore del testo, non un colore di brand. */
.amilon-gift-platform-hyva .text-primary {color: var(--brand-primary);}
.amilon-gift-platform-hyva .bg-primary {background-color: var(--brand-primary);}
.amilon-gift-platform-hyva .border-primary {border-color: var(--brand-primary);}
.amilon-gift-platform-hyva .ring-primary {--tw-ring-color: var(--brand-primary);}

.amilon-gift-platform-hyva .hover\:bg-primary:hover {background-color: var(--brand-primary-light);}
.amilon-gift-platform-hyva .hover\:bg-primary-dark:hover {background-color: var(--brand-primary-dark);}
.amilon-gift-platform-hyva .hover\:border-primary:hover {border-color: var(--brand-primary);}
.amilon-gift-platform-hyva .focus\:border-primary:focus {border-color: var(--brand-primary);}
.amilon-gift-platform-hyva .focus\:ring-primary:focus {--tw-ring-color: var(--brand-primary);}

/* Titolo del selettore di consegna: nel template e' un <p class="font-bold
   text-gray-800">, non un heading, quindi non lo prende la regola dei titoli. */
.amilon-gift-platform-hyva p.font-bold.text-gray-800 {color: var(--brand-primary);}

/* Toggle "E' un regalo?" da spento: il template usa `bg-gray-300` (grigio
   freddo) e la scritta OFF e' bianca per CSS del modulo, quindi si leggeva
   appena. Fondo caldo e scritta scura; da acceso resta bordeaux + testo bianco. */
.amilon-gift-platform-hyva .amilon-gift-switch-track.bg-gray-300 {background-color: var(--control-off);}
.amilon-gift-platform-hyva .amilon-gift-switch-label--off {color: var(--eerie-black);}

/* Bottone info accanto al toggle: nel template del modulo non ha una classe
   propria, solo `bg-gray-200 text-gray-500` — grigi freddi che stonano sul
   crema. Si aggancia a quelle due utility perche' e' l'unico elemento del form
   che le porta entrambe. */
.amilon-gift-platform-hyva button.bg-gray-200.text-gray-500 {
    background-color: var(--brand-primary-xlight);
    color: var(--brand-primary);
}

.amilon-gift-platform-hyva button.bg-gray-200.text-gray-500:hover {
    background-color: var(--brand-primary);
    color: var(--surface);
}

/* ===HEADER=== */

#header {}

.logo img {width: 220px;}

.nav-desktop  {background-color: var(--brand-primary)}
.nav-desktop a.level-0 {opacity: 1; transition: 0.2s;}
.nav-desktop a.level-0:hover {opacity: .8; }

/* top bar background: top-header.css */
#search_mobile, #search {border-radius: 300px; border-color: var(--brand-primary);font-size:16px;}
#search_mobile {width: 300px;}

.top-header .form-select {background: transparent;padding: 0;}

.magnify-icon {border-radius: 20px; position: relative; left: -30px;transition: 0.2s;}
.magnify-icon:hover {background-color: var(--brand-primary-light);}

#customer-menu, #menu-cart-icon {opacity: 1; transition: 0.2s;}
#customer-menu:hover, #menu-cart-icon:hover {opacity: 1}

.icon-profile {width: 30px}
.icon-hopping-cart {width: 30px}

.inner-menu {border-bottom-width: 4px;}
.inner-menu a {opacity: 1;transition: 0.2s;}
.inner-menu a:hover {opacity: .6}

.nav-desktop .absolute a:hover {background: var(--brand-grey-light);}
.nav-desktop .absolute a.block.underline {background: var(--brand-grey-medium);text-decoration: none;}
.nav-desktop .absolute a.block.underline span.text-sm.text-gray-700{color:var(--brand-grey);}

.nav-mobile.fixed {background: var(--brand-primary);}
.current-page {background-color: var(--brand-primary-dark);}
.current-page > span > a {font-weight: normal;}
.current-page a {text-decoration: none;}

.nav-mobile  > nav > div.current-page > div > a.underline {background:  var(--brand-grey-medium);}


/* ===MAIN=== */

.catalog-category-view #category-view-container {padding-top: 0;padding-bottom: 0;margin-bottom: 0;margin-top: 0;}

.catalog-product-view #maincontent>.title { padding-left: 1.5rem;  padding-right: 1.5rem;  max-width: 1540px;}

.svg-container {width: 40px;height: 40px;overflow: hidden;opacity: 1;transition: opacity .2s; }
.svg-container:hover {opacity: .8;}
.social-share {width: 80px;height: 80px;overflow: hidden; }

div table.styled-table tbody tr:last-of-type {border-bottom-color:var(--brand-primary-light);}

.order-container-account .nav.item.current {cursor: default;}
.order-links li.current {color:var(--brand-primary) }
.order-total {font-size: 1.2em;}

/* ORDER STATUS */

.order-status:hover{opacity: .8;}

.order-status.complete,
.order-status.complete_postponed,
.complete_mybank {background-color: #36b77f}

.order-status.processing,
.order-status.received,
.order-status.payment_accepted,
.order-status.payment_review,
.order-status.holded,
.order-status.pending,
.order-status.pending_paypal,
.order-status.not_verified,
.order-status.pending_payment,
.order-status.payment_pa,
.order-status.paypal_reversed  {background-color: #f5870a}

.order-status.canceled,
.fraud,
.rejected,
.canceled,
.closed,
.paypal_canceled_reversal {background-color: #e22205}

/*  */

.gift-suggesiton {}
.gift-suggesiton li + li {margin-top: 30px;}

.gift-suggesiton li {margin: 0;list-style: none; padding-left: 55px;list-style: none;background-repeat: no-repeat;background-position: left center;    background-size: 35px;margin-top: 20px;}

.gift-suggesiton li.cart {background-image: url("/media/wysiwyg/Icon_metro-cart_2x.png");}
.gift-suggesiton li.envelope {background-image: url("/media/wysiwyg/Icon_ionic-md-mail-open_2x.png");}
.gift-suggesiton li.credit-card {background-image: url("/media/wysiwyg/Icon_material-payment_2x.png");}



/* ===SLIDER=== */
.products-grid .product-item-photo {padding-top:0%}
.product-item-photo {padding-top:65%}

.product-item-photo div.logo-hover {opacity: 1;transition: opacity .2s;z-index: 1;background-color: var(--surface-soft);background-repeat: no-repeat;background-size:cover;background-size: 55%;background-position: center; }
.product-item-photo:hover div.logo-hover {opacity: 0;}

/* Slider Home page */
.pagebuilder-slider .carousel-nav {background: transparent; bottom: 20px;background: transparent;margin-bottom: 0;}
.glider-dot {background-color: #FFFFFF;opacity: 1}
.glider-dot.active {background-color: var(--brand-primary);opacity: 1}




/* ===CARD CONTAINER=== */

.card-container { overflow: hidden; padding: 0 8px;text-align: center;margin:0 10px; background: var(--surface-soft); border:1px solid var(--brand-grey-medium); border-radius: 20px;}
.nations-container > div {border-radius:1.5em;}
.nations-container a > img {opacity: 1; transition: 0.2s;}
.nations-container a:hover > img {opacity: .8}

.nations-container .bg-brand-color {transition: 0.2s;}
.nations-container .bg-brand-color:hover {background-color: var(--brand-primary-light);}

.spec-sep {color: var(--brand-grey-medium); padding: 0 5px;}

/* ===QUANTITY-CONTAINER=== */

.quantity-container {}
.quantity-container .minus, .quantity-container .plus {transition: 0.2s;}
.quantity-container .minus:hover, .quantity-container .plus:hover {background-color: var(--brand-primary-light)}
.quantity-container .minus {border-radius: 20px 0px 0px 20px;}
.quantity-container .plus {border-radius: 0px 20px 20px 0px;}

.catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option {transition: 0.2s;}
.catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option:hover {background-color: var(--brand-primary-light);color: white;}
.catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option.active-option {color: white; background-color: var(--brand-primary);}

/* CART */

.cart-empty, .cart-form {    margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
    padding: 1rem 1.5rem;
}

/* PRODUCT PAGE */

.catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option {border-radius: 15px;font-weight: bold;}
.max-w-brandLogo {width: 150px;}
.addictioonal-description a {text-decoration:underline;color:var(--brand-primary) }

/* ===ACCOUNT=== */

.account-nav ul li {margin-bottom: 0; margin-top: 0;    padding-top: .5rem;padding-bottom: .5rem; padding-left: .5rem;transition: 0.2s;}
.account-nav ul li a {display: block;width: 100%;}
.account-nav-content .nav.items {margin-top: 20px;}
.account-nav-content .nav.items .item.current, .account-nav-content .nav.items .item:hover {background:  var(--brand-grey-light);}
.account-nav-content .nav.items .item.current strong {border-bottom:0;font-weight: bold;}

/* Account edit save button: keep Hyva-like pill sizing even when global button resets apply */
.customer-account-edit .form-edit-account .actions-toolbar .primary .action.save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 1.5rem;
    border: 0;
    border-radius: 9999px;
    background-color: var(--brand-primary);
    color: #fff;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.customer-account-edit .form-edit-account .actions-toolbar .primary .action.save:hover,
.customer-account-edit .form-edit-account .actions-toolbar .primary .action.save:focus {
    background-color: var(--brand-primary-light);
    color: #fff;
}

/* Account edit actions alignment like Giftiamo:
   "Go back" on the left, "Save" on the right */
.customer-account-edit .form-edit-account .actions-toolbar {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    flex-wrap: wrap;
}

.customer-account-edit .form-edit-account .actions-toolbar .primary {
    margin-left: auto;
}


/* ===TOGGLE=== */

.toggle[type=checkbox] {
    background-color: var(--brand-grey-light);
    border: none;
}

.toggle[type=checkbox]:checked {
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: var(--brand-grey-light);
    background-image: none;
}

.toggle[type=checkbox]:focus {box-shadow: none;}

.toggle[type=checkbox]:before {
    content: '';
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    top: 6px;
    left:  7px;
    right: 0;
    transform: scale(1.1);
    /* box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2); */
    background-color: white;
    transition: .2s ease-in-out;
}

.toggle[type=checkbox]:checked:before {
    left: 60%;
    background-color: var(--brand-primary);
}

/* ===MODALE=== */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 30; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 90%;
    max-width: 720px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 10px;
}

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

#acceptModal {text-decoration: none!important;color: #FFF!important}

/* ===BLOG=== */

div.amblog-element-block {border:0;}

.amblog-element-block a.amblog-headline:hover,
.amblog-element-block .amblog-categories a.amblog-link:hover,
.amblog-post-container .amblog-widget-container a.amblog-headline:hover,
.amblog-grid-list > .amblog-item .amblog-widget-container a.amblog-headline:hover,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container a.amblog-headline:hover,
.amblog-post-container .amblog-widget-container .amblog-categories a.amblog-link:hover,
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-categories a.amblog-link:hover,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-categories a.amblog-link:hover,
.amblog-index-index a.amblog-ref, .amblog-index-post a.amblog-ref, .amblog-index-author a.amblog-ref{color: var(--brand-primary-light);}

.amblog-index-index a.amblog-ref, .amblog-index-post a.amblog-ref, .amblog-index-author a.amblog-ref {color: var(--brand-primary);font-size: 1rem;padding-left: 5px;}
.amblog-index-index a.amblog-ref:hover, .amblog-index-post a.amblog-ref:hover, .amblog-index-author a.amblog-ref:hover  {color: var(--brand-primary-light);}

.card-interactive {border-radius: 20px;overflow: hidden;}
.amblog-recent-post div.amblog-recent-post-image-wrapper {margin-right: 0;border-radius: 20px;overflow: hidden;}
.amblog-recent-post div.amblog-recent-post-image-wrapper .thumbnail img {width: 100%;}
div.amblog-pager-container a.amblog-link {background-color: var(--brand-primary);}
div.amblog-pager-container a.amblog-link:hover {background-color: var(--brand-primary-light);}

.amblog-recent-post div.amblog-recent-post-image-wrapper .thumbnail img {opacity: 1;transition: 0.2s;}
.amblog-recent-post div.amblog-recent-post-image-wrapper .thumbnail:hover  img { opacity: .8}
.amblog-grid-list.container .amblog-wrapper a img {opacity: 1;transition: 0.2s;}
.amblog-grid-list.container .amblog-wrapper a:hover img { opacity: .8}

/* ===FOOTER=== */
.page-footer {background-color: var(--brand-grey-light);}
.container-top-footer-links {gap:0;}
.icon-share {/* border-radius: 55px;background: #555555;padding: 4px;width: 28px; */}

/* ===iframe=== */

.iframe-container {border-radius: 20px;overflow: hidden;}

body.catalog-category-view .page-main {margin-bottom: 0;margin-top: 0;}

/* ===Print=== */

body.page-print .title.container {display: none;}

/* ===CheckOut=== */

.checkout-onepage-success a.flex.logo.py-6 {display: none;}


/* ===FAQ=== */

/* Riquadro delle FAQ: era un grigio freddo scritto a mano (#eee), qui prende
   la stessa superficie e lo stesso bordo delle altre schede del tema. */
.faq-container {
    background: var(--surface-soft);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-card);
    margin-top: 15px;
    padding: 1.25rem;
}

/* ===============
   RESPONISVE
   =============== */

.hide-on-mobile {display: inline-block;}

@media (max-width: 1024px) {
    .cms-index-index .page-header>#header>div {height: 4rem;}
    .logo img {width: 120px;padding-bottom: 12px;}
    .hide-on-mobile {display: none;}

    .hero-container .img-content {height: 25vw;}
    #html-body  [data-content-type=slide] .pagebuilder-slide-wrapper {min-height: 68vw;}

    .catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option { margin-left: 6px}

}

@media (min-width: 768px) {
    .amblog-post-container .amblog-title,
    ul.amblog-grid-list > .amblog-item .amblog-title,
    ul.amblog-grid-list .slick-slide .amblog-item .amblog-title {height: 85px;}

}

/* GFT-864 — merchant funnel (PDP Gift Card).
   Regole esplicite per non dipendere dal rebuild Tailwind. */
.merchant-funnel-intro p {max-width: 42rem;}            /* forza descrizione su due righe */
.merchant-funnel-step > span {
    width: 6.5rem;
    height: 6.5rem;
    background: #fff;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .10), 0 2px 4px rgba(0, 0, 0, .06);
    border-radius: 1.25rem;
}
.merchant-funnel-step > span svg {width: 3.25rem; height: 3.25rem;}
.merchant-funnel-step p.brand-color {font-size: 1.375rem; line-height: 1.3;}   /* titolo card */
.merchant-funnel-step p.text-gray-500 {font-size: 1rem; line-height: 1.4;}      /* descrizione card */

/* CSS is poetry */
/* ===========================================================================
   IDENTITA' VISIVA DEL TEMA
   ===========================================================================

   Livello di sola presentazione: sfondo pagina, tipografia, header, footer,
   bottoni, card. Non contiene un solo colore scritto a mano — tutto arriva
   dai token di css/brand-tokens.css.

   E' caricato per ultimo in Magento_Theme/layout/default_head_blocks.xml, cosi'
   sovrascrive sia custom_static.css sia le utility Tailwind gia' compilate in
   css/styles.css (che non vengono rigenerate a ogni modifica dei token).

   Per tornare all'aspetto precedente basta rimuovere la riga <css> che lo
   carica: nessun template dipende da questo file.
   ======================================================================== */


/* ===========================================================================
   1. SFONDO PAGINA
   ======================================================================== */

/* Il Tailwind gia' compilato in css/styles.css applica al body un
   `background-color: rgb(250 250 250)` (quasi bianco) — e' l'`@apply
   bg-container-lighter` di Hyva. Quella regola ha selettore `body`, quindi
   stessa specificita' della nostra: vincerebbe solo per ordine di
   caricamento. `html body` alza la specificita' e rende il crema
   indipendente dall'ordine dei fogli. */
html,
html body,
.page-wrapper {
    background-color: var(--page-bg);
}

/* Il footer e' una scheda: dietro e ai lati deve vedersi il crema, non una
   superficie chiara propria. */
.page-footer {
    background-color: transparent;

    /* Distanza fra le colonne del footer. La usano sia la griglia esterna
       (brand + link) sia quella interna del menu: devono avere lo stesso
       valore, altrimenti le tre colonne non risultano larghe uguali. */
    --footer-gap: 3rem;
}

/* Nessuna superficie bianca nel sito: tutto quello che sarebbe bianco (o
   quasi) diventa --surface-soft, appena piu' chiaro del fondo pagina.

   Sono le utility Tailwind che portano il bianco:
     .bg-white             -> #fff
     .bg-container-lighter -> colors.white       (tailwind.config.js)
     .bg-container         -> neutral-50, #fafafa
   Restano fuori .bg-container-darker e i .bg-gray-* : sono grigi voluti
   (righe alternate, stati hover), non bianco.

   Header e footer non sono toccati: le loro regole sono piu' specifiche
   (#header, .page-footer ...) e restano nel colore di brand. */
.bg-white,
.bg-container-lighter,
.bg-container,
.card,
.customer-account-edit-card {
    background-color: var(--surface-soft);
}

/* Questi due hanno selettori piu' pesanti nel CSS compilato: vanno ripetuti
   con la stessa forma, altrimenti restano bianchi.
     - riga dispari delle tabelle a griglia
     - linguetta attiva dei tab di Page Builder */
.table-row-items > div.table-row-item:nth-child(odd),
[data-content-type="tabs"] .tabs-navigation li.tab-header.active {
    background-color: var(--surface-soft);
}

/* Il focus sui campi li riportava a bianco pieno */
.focus\:bg-white:focus {
    background-color: var(--surface-soft);
}

/* Campi di form: stessa superficie. Restano riconoscibili per il bordo.
   Per rimetterli bianchi basta cancellare questo blocco. */
.form-input,
.form-select,
.form-textarea,
.form-multiselect,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea {
    background-color: var(--surface-soft);
}


/* ===========================================================================
   2. TIPOGRAFIA
   ======================================================================== */

body {
    font-family: var(--font-body);
}

h1, h2, h3, h4,
.font-title,
.font-display {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.15;
}

/* Titoli di sezione nel colore del brand, come nel riferimento */
#maincontent h1,
#maincontent h2,
#maincontent h3 {
    color: var(--brand-primary);
}

/* ...tranne quando stanno sopra un fondo pieno */
#maincontent .bg-brand-color h1,
#maincontent .bg-brand-color h2,
#maincontent .bg-brand-color h3,
#maincontent .bg-brand-color-light h1,
#maincontent .bg-brand-color-light h2,
#maincontent .bg-brand-color-light h3 {
    color: var(--surface);
}


/* ===========================================================================
   3. HEADER
   ===========================================================================
   L'header passa a fondo pieno di brand. Serve anche a rendere leggibile il
   logo del tema, che e' la variante bianca (web/images/logo-white.png) e su
   fondo chiaro risultava invisibile.
   ======================================================================== */

#header {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary-dark);
}

/* Solo gli elementi della barra: i pannelli sovrapposti (dropdown cliente,
   drawer carrello, popup di login, ricerca mobile) sono nodi separati e
   restano su fondo chiaro con il loro testo scuro.
   Il colore va messo anche sui discendenti del menu cliente: lo span che
   avvolge l'icona utente ha `text-primary` (il template la pensa su header
   chiaro), che su fondo bordeaux la rende quasi invisibile. */
#header #menu-mobile-search-icon,
#header #menu-cart-icon,
#header #customer-menu,
#header #customer-menu * {
    color: var(--surface);
}

/* Hover: solo il testo (e le icone, che ereditano da `currentColor`) passa al
   giallo di accento, nessuna campitura. `background-color: transparent` va
   scritto per forza: senza, tornerebbero a valere le utility Tailwind sui
   bottoni (`hover:bg-primary/10`, `hover:bg-gray-100`). */
#header #menu-mobile-search-icon:hover,
#header #menu-cart-icon:hover,
#header #customer-menu:hover {
    background-color: transparent;
    color: var(--accent-yellow);
}

/* Nome cliente, subtotale e icone hanno il colore messo sui discendenti dalle
   regole sopra: sull'hover va ripetuto li'. */
#header #menu-cart-icon:hover *,
#header #customer-menu:hover * {
    color: var(--accent-yellow);
}

/* Il badge del carrello resta giallo pieno con il numero scuro. */
#header #menu-cart-icon:hover .bg-primary {
    color: var(--brand-grey);
}

/* Campo di ricerca: su fondo bordeaux serve una superficie chiara */
#header #search,
#header #search_mobile {
    background-color: var(--surface-soft);
    border-color: var(--surface-soft);
}

/* Il subtotale accanto al carrello ha `text-gray-700`, che su bordeaux resta
   scuro: il colore va messo anche sui discendenti, non solo sul bottone. */
#header #menu-cart-icon * {
    color: var(--surface);
}

/* Il badge contatore e' posizionato in assoluto con offset negativo e con
   `gap-1` finiva sopra al subtotale: serve piu' spazio fra i due. */
#header #menu-cart-icon {
    gap: 0.75rem;
}

/* Il badge e' bg-primary: su header bordeaux sparirebbe */
#header #menu-cart-icon .bg-primary {
    background-color: var(--accent-yellow);
    color: var(--brand-grey);
}


/* ===========================================================================
   4. FOOTER
   ======================================================================== */

/* Il footer e' una scheda appoggiata sullo sfondo crema: angoli superiori
   arrotondati, margine laterale, e resta a filo del bordo inferiore della
   pagina. `overflow: hidden` serve a far seguire la curva alla striscia del
   copyright, che e' un figlio a tutta larghezza.
   Per arrotondare anche gli angoli inferiori: sostituire lo shorthand con
   `border-radius: var(--radius-section);` e aggiungere un margine sotto. */
.page-footer .bg-container-darker {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    border-radius: var(--radius-section) var(--radius-section) 0 0;
    overflow: hidden;
    margin-left: var(--section-inset);
    margin-right: var(--section-inset);
}

/* Striscia del copyright, in fondo alla scheda del footer.
   Ha una classe propria (assegnata in Magento_Theme/templates/html/footer.phtml)
   invece delle utility bg-container / border-container: quelle sono contese da
   altre regole del tema, questa no e vince senza bisogno di !important. */
.footer-copyright-bar {
    background-color: var(--brand-primary-dark);
    border-top: 1px solid color-mix(in srgb, var(--surface) 15%, transparent);
}

/* Riga legale ("servizio offerto da...") dentro la striscia scura. Il markup
   arriva da Design > Footer > Miscellaneous HTML ed e' scritto per il fondo
   crema in cui Hyva lo stampava (testo scuro, logo Amilon a colori): qui va
   riportato su fondo bordeaux. Regole senza !important: se il blocco ha colori
   inline vincono comunque loro, e in quel caso la cosa giusta e' togliere i
   colori dall'HTML in admin, non rincorrerli da qui. */
.footer-copyright-bar .footer-legal,
.footer-copyright-bar .footer-legal * {
    color: var(--surface);
}

.footer-copyright-bar .footer-legal a {
    text-decoration: underline;
}

.footer-copyright-bar .footer-legal a:hover {
    color: var(--accent-yellow);
}

/* Il logo Amilon e' l'asset a colori per fondo chiaro: qui viene reso in
   bianco pieno. Se si carica una variante bianca nel blocco, togliere il
   filtro. */
.footer-copyright-bar .footer-legal img {
    display: block;
    filter: brightness(0) invert(1);
    height: auto;
    margin: 0 auto 0.75rem;
    max-height: 2rem;
    width: auto;
}

.footer-legal__copyright {
    margin-top: 0.5rem;
    opacity: 0.85;
}

/* Ereditata dal markup precedente: se la utility resta su qualche pagina,
   il colore e' comunque quello giusto. */
.page-footer .bg-container {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-dark);
}

.page-footer,
.page-footer a,
.page-footer .text-gray-500,
.page-footer .text-gray-700,
.page-footer .text-gray-900 {
    color: var(--surface);
}

.page-footer a:hover {
    color: var(--accent-yellow);
}

/* Titoli di colonna in evidenza */
.page-footer h3,
.page-footer h4,
.page-footer .title-font {
    font-family: var(--font-display);
    color: var(--surface);
}


/* --- Impaginazione a 3 colonne ----------------------------------------
   Colonna 1: logo + social. Colonne 2 e 3: le voci del menu.
   La struttura arriva da Magento_Theme/templates/html/footer.phtml, che
   sovrascrive quello di Amilon/base solo per raccogliere i figli in una
   colonna accanto al brand. */

.footer-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}

/* Tre colonne di uguale larghezza: il brand ne occupa una, il menu le altre
   due. L'area dei link e' un'unica cella che ne attraversa due, e al suo
   interno si divide con lo stesso gap: cosi' ogni traccia interna misura
   esattamente quanto quella del brand. */
@media (min-width: 1024px) {
    .footer-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--footer-gap);
        align-items: start;
    }

    .footer-links {
        grid-column: span 2;
    }
}

.footer-brand__logo {
    display: inline-block;
}

.footer-brand__logo img {
    height: auto;
    max-width: 13rem;
    width: 100%;
}

/* I social arrivano da un blocco CMS che usa classi Tailwind arbitrarie
   (`text-[var(--brand-primary-dark)]`): Tailwind non legge il database,
   quindi quelle classi non esistono nel CSS compilato e il colore va dato
   qui. */
.page-footer .footer-brand [data-content-type="html"] {
    margin-top: 1.5rem;
}

.page-footer .footer-brand a svg {
    height: 1.5rem;
    width: 1.5rem;
}

.page-footer .footer-brand a {
    color: var(--surface);
}

.page-footer .footer-brand a:hover {
    color: var(--accent-yellow);
}


/* --- Menu del footer (Snowdog Menu) -----------------------------------
   Il menu e' gestito da admin in Content > Menu, non da un blocco CMS. Il
   modulo stampa un markup con classi Tailwind proprie che vanno corrette:

     - il contenitore ha `text-primary-darker`, quindi su fondo bordeaux il
       testo usciva scuro e quasi illeggibile;
     - la riga delle colonne ha `lg:justify-between` con `flex-1` su ogni
       voce, quindi due sole colonne si spalmavano su tutta la larghezza;
     - Amilon/base css/snowdog-menu.css mette `line-height: 2rem` sui link,
       che sommato a `space-y-2` dava circa 40px fra una voce e l'altra.

   Le regole sono agganciate a .page-footer per stare sopra le utility
   Tailwind a parita' di peso. */

.page-footer .snowdog-menu-footer,
.page-footer .snowdog-menu-footer a,
.page-footer .snowdog-menu-footer span,
.page-footer .snowdog-menu-footer button {
    color: var(--surface);
}

/* Due colonne di link esatte (griglia, non flex `justify-between`): sommate
   alla colonna del brand danno le 3 colonne del footer. Se un domani il menu
   avesse piu' di due voci di primo livello, andrebbero a capo restando
   incolonnate. */
@media (min-width: 1024px) {
    .page-footer .snowdog-menu-footer > ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--footer-gap);
        justify-content: start;
    }

    /* Niente max-width qui: limiterebbe la colonna e le tre smetterebbero
       di essere larghe uguali. */
    .page-footer .snowdog-menu-footer > ul > li {
        flex: 0 1 auto;
    }
}

/* Titolo di colonna */
.page-footer .snowdog-menu-footer > ul > li > div > span {
    font-family: var(--font-display);
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

/* Voci: interlinea compatta e peso deciso, come nel riferimento */
.page-footer .snowdog-menu-footer .snowdog-menu-link {
    display: inline-block;
    font-weight: 600;
    line-height: 1.4;
    padding: 0.125rem 0;
    text-decoration: none;
}

.page-footer .snowdog-menu-footer .snowdog-menu-link:hover {
    color: var(--accent-yellow);
    text-decoration: underline;
}

/* Il modulo Snowdog applica al link anche la variante group-hover di Tailwind
   (`@apply hover:snowdog-menu-text-hover group-hover:snowdog-menu-text-hover`
   in view/frontend/tailwind/tailwind-source.css), che il build compila in
   `.group:hover .snowdog-menu-link{color:#1D4ED8}`. Ogni voce del footer e'
   avvolta da un <div class="group"> a tutta larghezza
   (hyva-menu-footer/menu.phtml), quindi bastava passare accanto al testo —
   senza toccarlo — per vedere il link diventare blu.

   Quel selettore pesa (0,0,3,0) e batteva `.page-footer .snowdog-menu-footer a`
   (0,0,2,1), da cui il blu. Il `:not(:hover)` serve a non rubare la precedenza
   all'hover vero, che resta giallo. */
.page-footer .snowdog-menu-footer .group:hover .snowdog-menu-link:not(:hover) {
    color: var(--surface);
}

/* Separatori fra colonne su mobile: sul bordeaux servono chiari */
.page-footer .snowdog-menu-footer .divide-container > li {
    border-color: color-mix(in srgb, var(--surface) 25%, transparent);
}

/* Chevron di apertura su mobile */
.page-footer .snowdog-menu-footer svg.text-gray-500 {
    color: var(--surface);
}

/* --- Social del footer -------------------------------------------------
   Classe semantica per il blocco CMS "footer_content" (logo + social +
   pulsanti). Non sono utility Tailwind di proposito: Tailwind genera il CSS
   leggendo i file del tema, non il database, quindi le utility scritte in un
   blocco CMS verrebbero eliminate dal purge. */

.footer-social {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--surface);
    border-radius: var(--radius-pill);
    color: var(--surface);
}

.footer-social a:hover {
    background-color: var(--surface-soft);
    color: var(--brand-primary);
}


/* ===========================================================================
   5. BOTTONI
   ======================================================================== */

/* Forma unica per tutti i bottoni: rettangolo con angoli appena smussati,
   testo bianco bold maiuscolo leggermente spaziato, padding generoso.

   `.btn` va incluso esplicitamente: e' il componente Hyva
   (web/tailwind/components/button.css) e porta lui forma, bordo e padding
   (`rounded-lg` = .5rem, `border-2`, `px-4 py-2`), mentre `.btn-primary` si
   limita a impostare le variabili --btn-*. Ridefinire solo `.btn-primary`
   lasciava quindi il raggio di Hyva.
   custom_static.css disegna invece a pillola (border-radius: 40px) i bottoni
   Page Builder: coperti anche quelli.
   `.button-big a.pagebuilder-button-primary` ha specificita' maggiore e
   continua a vincere: la variante grande resta. */
/* Il raggio vale per TUTTI i bottoni, incluso il componente .btn di Hyva */
.btn,
.btn-primary,
.btn-secondary,
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary,
.actions-toolbar .primary button,
.action.primary,
.btn-on-color {
    border-radius: var(--radius-button);
}

/* Tipografia e ingombro dei bottoni di azione.

   Il blocco e' avvolto in `:where()`, che azzera la specificita': cosi' le
   utility Tailwind messe sul singolo elemento vincono sempre su queste
   impostazioni. Serve perche' in Hyva i bottoni-icona sono `btn btn-primary`
   con un `p-2` accanto (vedi il minicart): senza `:where()` il padding da CTA
   li gonfiava. Per lo stesso motivo restano valide `.btn-size-sm` e
   `.btn-size-lg`, senza doverle riscrivere.

   Colore di fondo e raggio NON stanno qui: devono invece vincere su `.btn`,
   quindi sono in regole a specificita' normale. */
:where(
    .btn-primary,
    a.pagebuilder-button-primary,
    button.pagebuilder-button-primary,
    div.pagebuilder-button-primary,
    .actions-toolbar .primary button,
    .action.primary,
    .btn-on-color
) {
    align-items: center;
    border-style: solid;
    border-width: 1px;
    display: inline-flex;
    font-family: var(--font-body);
    font-size: 0.9375rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 0.06em;
    line-height: 1.15;
    padding: 0.9375rem 1.75rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Pieno di brand */
.btn-primary,
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary,
.actions-toolbar .primary button,
.action.primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--surface);
}

.btn-primary:hover,
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover,
.actions-toolbar .primary button:hover,
.action.primary:hover {
    background-color: var(--brand-primary-light);
    border-color: var(--brand-primary-light);
    color: var(--surface);
}

/* Contorno, stessa forma del pieno.
   custom_static.css usa `!important` su background e color di .btn-secondary,
   quindi qui servono altrettanto per ridisegnarlo. */
.btn-secondary,
.pagebuilder-column-group a.btn-secondary {
    align-items: center;
    background-color: transparent !important;
    border: 1px solid var(--brand-primary);
    border-radius: var(--radius-button);
    color: var(--brand-primary) !important;
    display: inline-flex;
    justify-content: center;
    font-family: var(--font-body);
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.15;
    padding: 0.9375rem 1.75rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.btn-secondary:hover,
a.btn-secondary:hover,
.pagebuilder-column-group a.btn-secondary:hover {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary);
    color: var(--surface) !important;
}

/* --- Carrello ----------------------------------------------------------
   Hyva alterna il fondo delle righe (`bg-white even:bg-container-darker`).
   Qui le righe sono tutte sulla stessa superficie e si distinguono con una
   linea: piu' vicino al riferimento e piu' leggibile sul crema.
   Il bordo su <tbody> si vede perche' il reset Tailwind imposta
   `border-collapse: collapse` sulle tabelle. */

#shopping-cart-table tbody.item {
    background-color: var(--surface-soft);
}

#shopping-cart-table tbody.item + tbody.item {
    border-top: 1px solid var(--border-soft);
}

/* Separatori e cornici della pagina carrello nella tinta calda */
.checkout-cart-index #maincontent .border-gray-300,
.checkout-cart-index #maincontent .border-container,
.checkout-cart-index #maincontent .border-container-darker {
    border-color: var(--border-soft);
}


/* --- Minicart ----------------------------------------------------------
   La riga di chiusura ha "Checkout", "o" e il link al carrello affiancati con
   `space-x-4`, che aggiunge margini fra elementi inline: appena il link va a
   capo l'allineamento si rompe. Con flex + gap resta ordinata su piu' righe. */
.cart-drawer__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
}

/* Annulla i margini di `space-x-4`, che con flex+gap si sommerebbero */
.cart-drawer__actions > * + * {
    margin-left: 0;
}

/* --- Riquadro del regalo -------------------------------------------------
   Riepilogo di destinatario, consegna e dedica di una gift card. Lo usano il
   minicart (Magento_Theme/templates/html/cart/cart-drawer.phtml) e la riga
   prodotto della pagina carrello (Magento_Checkout/templates/php-cart/item/
   default.phtml): stesso componente, stesse classi, dati diversi — nel
   minicart c'e' anche l'anteprima della card, che nel carrello non serve
   perche' l'immagine prodotto ha gia' una colonna sua.

   Nel minicart arrivava dal tema base con tutta la grafica scritta in
   `style=""` e una tavolozza azzurra (sky di Tailwind) che sul crema stonava e
   non seguiva i token. Qui e' una card come le altre: superficie tinta di
   brand, filo sottile tutt'intorno, titolo nel font display. Il bordo
   bordeaux a sinistra resta solo alla dedica, che e' una citazione.

   Le regole stanno in questo file e non in Tailwind perche' css/styles.css
   non viene ricompilato a ogni modifica: utility nuove non finirebbero nel
   build (servirebbe un `npm run build` in web/tailwind). */
.gift-summary {
    margin-top: 0.5rem;
    padding: 0.625rem 0.75rem;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-card);
    background-color: var(--brand-primary-xlight);
}

.gift-summary__thumb {
    margin-bottom: 0.625rem;
    border: 1px solid var(--border-soft);
    border-radius: calc(var(--radius-card) - 6px);
    overflow: hidden;
    background-color: var(--surface);
}

.gift-summary__thumb img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.gift-summary__title {
    align-items: center;
    color: var(--brand-primary);
    display: flex;
    font-family: var(--font-display);
    font-size: 0.8125rem;
    font-weight: 700;
    gap: 0.375rem;
    line-height: 1.2;
    margin: 0 0 0.5rem;
}

.gift-summary__icon {
    flex-shrink: 0;
}

/* Due colonne: etichetta a contenuto, valore a riempire. */
.gift-summary__details {
    color: var(--eerie-black);
    display: grid;
    font-size: 0.75rem;
    gap: 0.2rem 0.5rem;
    grid-template-columns: auto 1fr;
    line-height: 1.35;
}

.gift-summary__label {
    color: var(--text-muted);
    font-weight: 600;
}

/* Gli indirizzi lunghi devono spezzarsi: la colonna del drawer e' stretta */
.gift-summary__email {
    word-break: break-all;
}

.gift-summary__message {
    background-color: var(--surface);
    border-left: 3px solid var(--brand-primary);
    border-radius: var(--radius-button);
    margin-top: 0.5rem;
    padding: 0.375rem 0.625rem;
}

.gift-summary__message p {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-style: italic;
    line-height: 1.4;
    margin: 0;
}


/* I link dentro il riquadro — oggi solo la mail del destinatario. Nel tema
   base erano `text-blue-600 hover:text-blue-800`, l'unico blu della riga. */
.gift-summary a {
    color: var(--brand-primary);
    text-decoration: underline;
}

.gift-summary a:hover {
    color: var(--brand-primary-light);
}

/* Nella pagina carrello il riquadro segue il nome del prodotto e vuole piu'
   aria che nel minicart, dove e' incolonnato con le altre righe di dettaglio. */
.cart .product-item-details .gift-summary {
    margin-top: 1rem;
}


/* Variante larga: la usa la pagina carrello, dove il riquadro sta in un <tr>
   a tutta larghezza. C'e' spazio per due colonne di dati e per l'anteprima a
   lato, quindi le etichette vanno sopra il valore invece che accanto. */
.gift-summary--wide {
    padding: 1rem;
}

.gift-summary--wide .gift-summary__title {
    border-bottom: 1px solid var(--border-soft);
    font-size: 0.9375rem;
    margin-bottom: 0.875rem;
    padding-bottom: 0.625rem;
}

.gift-summary__body {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
}

.gift-summary__thumb-wrap {
    flex-shrink: 0;
    width: 160px;
}

.gift-summary--wide .gift-summary__thumb {
    margin-bottom: 0;
}

.gift-summary__thumb-caption {
    color: var(--brand-primary);
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0.375rem 0 0;
    text-align: center;
}

.gift-summary__fields {
    flex: 1;
    min-width: 0;
}

.gift-summary__grid {
    display: grid;
    gap: 0.75rem 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gift-summary__field {
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
    min-width: 0;
}

/* Micro-etichetta in maiuscoletto, grigio caldo come le altre etichette del
   componente: cambia la posizione, non il ruolo. */
.gift-summary__field-label {
    color: var(--text-muted);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.gift-summary__field-value {
    align-items: center;
    color: var(--eerie-black);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    gap: 0.375rem;
}

.gift-summary__field-value--strong {
    font-weight: 600;
}

/* Le icone di consegna e data prendono il colore di brand, come quella del
   titolo: nel modulo erano azzurre e scritte nel markup. */
.gift-summary__field-value svg {
    color: var(--brand-primary);
    flex-shrink: 0;
}

.gift-summary__field-sep {
    color: var(--text-muted);
}

/* Il flex spezzerebbe la mail per parole: qui serve il taglio a carattere. */
.gift-summary__field-value.gift-summary__email {
    display: block;
    word-break: break-all;
}

.gift-summary--wide .gift-summary__message {
    margin-top: 0.875rem;
    padding: 0.625rem 0.875rem;
}

.gift-summary--wide .gift-summary__message p {
    font-size: 0.8125rem;
    line-height: 1.5;
    margin-top: 0.25rem;
}

/* Sotto i 640px le due colonne non entrano e l'anteprima passa sopra */
@media (max-width: 639px) {
    .gift-summary__body {
        flex-direction: column;
    }

    .gift-summary__thumb-wrap {
        width: 100%;
    }

    .gift-summary__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* --- Avviso della consegna posticipata -----------------------------------
   Compare al posto del riquadro quando nel carrello c'e' un regalo con invio
   programmato. E' un messaggio di servizio, non un riepilogo: resta giallo
   d'accento per distinguersi, ma con i token del tema al posto degli ambra di
   Tailwind scritti nel template del modulo. */
.gift-notice {
    align-items: flex-start;
    background-color: var(--accent-yellow-xlight);
    border: 1px solid var(--accent-yellow);
    border-radius: var(--radius-card);
    display: flex;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
}

.gift-notice__icon {
    color: var(--accent-brown);
    flex-shrink: 0;
    margin-top: 1px;
}

.gift-notice__title {
    color: var(--accent-brown);
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
}

.gift-notice__text {
    color: var(--text-muted);
    font-size: 0.75rem;
    line-height: 1.4;
    margin: 0.25rem 0 0;
}


/* Bottone chiaro, per i blocchi su fondo pieno di colore */
.btn-on-color {
    background-color: var(--surface-soft);
    border-color: var(--surface-soft);
    color: var(--brand-primary);
}

.btn-on-color:hover {
    background-color: var(--accent-yellow);
    border-color: var(--accent-yellow);
    color: var(--brand-grey);
}


/* ===========================================================================
   6. CARD E BLOCCHI A COLORE
   ===========================================================================
   Classi di utilita' pensate per essere usate dai blocchi CMS / Page Builder,
   cosi' le sezioni a colore pieno del layout si costruiscono da backoffice
   senza aggiungere CSS.
   ======================================================================== */

.brand-card {
    background-color: var(--surface-soft);
    border-radius: var(--radius-card);
    overflow: hidden;
    box-shadow: 0 4px 16px rgb(0 0 0 / 8%);
}

.brand-card img {
    display: block;
    width: 100%;
    height: auto;
}

.bg-accent-yellow { background-color: var(--accent-yellow); }
.bg-accent-lime   { background-color: var(--accent-lime); }
.bg-accent-green  { background-color: var(--accent-green); }
.bg-accent-orange { background-color: var(--accent-orange); }
.bg-accent-brown  { background-color: var(--accent-brown); }
.bg-accent-purple { background-color: var(--accent-purple); }

.bg-accent-green,
.bg-accent-orange,
.bg-accent-brown,
.bg-accent-purple {
    color: var(--surface);
}

.bg-accent-yellow,
.bg-accent-lime {
    color: var(--brand-grey);
}

/* Sezione a tutta larghezza trattata come scheda: stesso raggio e stesso
   margine laterale del footer, cosi' i blocchi della pagina sono allineati. */
.brand-section {
    border-radius: var(--radius-section);
    overflow: hidden;
    margin-left: var(--section-inset);
    margin-right: var(--section-inset);
}


/* ===========================================================================
   7. BREADCRUMB E FUNNEL PRODOTTO
   ======================================================================== */

.breadcrumbs {
    background-color: transparent;
    box-shadow: none;
}

.breadcrumbs a {
    color: var(--brand-primary);
}

/* Ritmo verticale sopra il primo blocco di contenuto.
   Lo spazio non viene da un margine dei titoli (il reset li azzera) ma dai
   contenitori impilati: `py-4` sulla lista del breadcrumb, `padding-top: 1.5rem`
   su #maincontent (brand-custom.css) e il contenitore dei messaggi, che resta
   in pagina con `padding: .75rem 0` anche quando non ci sono messaggi.
   Non lo nascondo: i messaggi vengono iniettati via JS dopo il primo paint. */
.catalog-product-view .breadcrumbs .items {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.catalog-product-view #maincontent.page-main,
.catalog-product-view #maincontent.page-main-full-width {
    padding-top: var(--space-hero-top);
}

.merchant-funnel-step > span {
    background-color: var(--surface-soft);
    border-radius: var(--radius-card);
}

.merchant-funnel-step p.brand-color,
.merchant-funnel-intro h2 {
    font-family: var(--font-display);
    color: var(--brand-primary);
}

/* Titolo e sottotitolo dell'intro: il sottotitolo usa `text-gray-500`, un
   grigio freddo che sul crema tira all'azzurro. */
.merchant-funnel-intro h2 {
    font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem);
    margin-bottom: 1rem;
}

.merchant-funnel-intro p {
    color: var(--text-muted);
    font-size: 1.0625rem;
    line-height: 1.6;
}

.merchant-funnel-step p.text-gray-500 {
    color: var(--text-muted);
}


/* ===========================================================================
   8. PANNELLO "CARTA REGALO" NEL DETTAGLIO ORDINE
   ===========================================================================

   Il pannello e' disegnato con stili INLINE dentro un pacchetto Composer:
   vendor/amilon/mod_m2_amilon_gift_platform/view/frontend/templates/order/items.phtml
   (ramo `$fullGift`, righe ~195-290). Porta una tavolozza azzurra scritta a
   mano — gradiente #f0f9ff→#dbeafe, bordi #bae6fd, testi #0c4a6e / #0369a1 /
   #64748b, barra della dedica #0ea5e9 — che non esiste nei token del tema e
   sul crema stona.

   Perche' da CSS e non modificando il template: quel file contiene 340 righe
   di logica di raggruppamento dei regali. Copiarlo nel tema o applicarci una
   patch significherebbe congelare o dover riallineare quella logica a ogni
   aggiornamento del modulo, per un intervento che e' di soli colori.

   PREZZO DA PAGARE, da tenere presente: gli elementi non hanno classi, quindi
   i selettori sotto sono ancorati a `.group-order` (classe del vendor) e poi
   scendono per posizione fra i `div[style]`. Se il modulo cambia la struttura
   del pannello queste regole smettono di agganciarsi in silenzio: il pannello
   torna azzurro, senza errori. In quel caso si riparte da qui.
   `!important` e' necessario: senza, gli stili inline vincono sempre.
   ======================================================================== */

/* --- Pannello -------------------------------------------------------------
   Stessa ricetta delle altre schede del tema (cfr. .faq-container). */
.order-items .group-order > div[style] > div[style] {
    background: var(--surface-soft) !important;
    border-color: var(--border-soft) !important;
    border-radius: var(--radius-card) !important;
}

/* --- Colonna miniatura ----------------------------------------------------
   La colonna dell'immagine c'e' solo se la gift card ha una copertina, quindi
   e' identificata come "non ultimo figlio": l'ultimo e' sempre il blocco dei
   dettagli. */
.order-items .group-order > div[style] > div[style] > div[style]:not(:last-child) > div[style] {
    background: var(--surface) !important;
    border-color: var(--border-soft) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: 0 1px 3px rgb(26 31 18 / 8%) !important;
}

/* Titolo sotto la miniatura */
.order-items .group-order > div[style] > div[style] > div[style]:not(:last-child) > p[style] {
    color: var(--brand-primary) !important;
}

/* --- Intestazione "Carta Regalo" ------------------------------------------ */
.order-items .group-order > div[style] > div[style] > div[style]:last-child > div[style]:first-child {
    border-bottom-color: var(--border-soft) !important;
}

.order-items .group-order > div[style] > div[style] > div[style]:last-child > div[style]:first-child > svg {
    color: var(--brand-primary) !important;
}

.order-items .group-order > div[style] > div[style] > div[style]:last-child > div[style]:first-child > span {
    color: var(--brand-primary) !important;
    font-family: var(--font-display);
}

/* --- Etichette dei campi --------------------------------------------------
   Le cinque etichettine maiuscole (DESTINATARIO, CONSEGNA, INVIO PROGRAMMATO,
   STATO, DEDICA) sono gli unici elementi del pannello con `text-transform` fra
   gli stili inline: e' il loro tratto distintivo, piu' stabile della
   posizione. Grigio caldo al posto dello slate freddo. */
.order-items .group-order div[style*="uppercase"] {
    color: var(--text-muted) !important;
}

/* --- Valori dei campi -----------------------------------------------------
   Struttura: griglia dei campi > cella > righe. La prima riga di ogni cella e'
   l'etichetta maiuscola (sopra), la seconda il valore, la terza — solo per il
   destinatario — la mail. */
.order-items .group-order > div[style] > div[style] > div[style]:last-child div[style] > div > div:nth-child(2) {
    color: var(--eerie-black) !important;
}

/* Mail del destinatario: informazione di servizio, tono piu' basso. */
.order-items .group-order > div[style] > div[style] > div[style]:last-child div[style] > div > div:nth-child(3) {
    color: var(--text-muted) !important;
}

/* Iconcine dentro ai valori (busta, calendario, consegna a mano) */
.order-items .group-order > div[style] > div[style] > div[style]:last-child div[style] > div > div > svg {
    color: var(--brand-primary) !important;
}

/* --- Dedica ---------------------------------------------------------------
   Unico blocco del pannello con una barra laterale: `border-left` lo
   identifica meglio della posizione, perche' compare solo se c'e' un
   messaggio. */
.order-items .group-order div[style*="border-left"] {
    background: var(--surface) !important;
    border-left-color: var(--brand-primary) !important;
    border-radius: var(--radius-button) !important;
    backdrop-filter: none !important;
}

.order-items .group-order div[style*="border-left"] > p {
    color: var(--eerie-black) !important;
}

/* --- Pillole di stato -----------------------------------------------------
   Queste hanno classi Tailwind, non stili inline: bastano i selettori, senza
   !important. I gialli e i verdi di Tailwind sono freddi e sul crema stonano;
   qui passano agli accenti del tema. Il rosso di "Failed" resta quello di
   Tailwind: e' un colore di errore, non un colore di brand, e il bordeaux lo
   confonderebbe con l'identita' visiva. */
.order-items .group-order .bg-yellow-100 {
    background-color: var(--accent-yellow-xlight);
}

.order-items .group-order .text-yellow-800 {
    color: var(--accent-brown);
}

.order-items .group-order .bg-green-100 {
    background-color: color-mix(in srgb, var(--accent-green) 15%, white);
}

.order-items .group-order .text-green-800 {
    color: var(--accent-green);
}
.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}.slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin:0 auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-slide,.slick-slide.slick-loading img{display:none}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px;vertical-align:middle}[dir=rtl] .slick-slide{float:right}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{position:relative;background:0 0}.slick-loading .slick-list:before{position:absolute;top:50%;left:50%;display:block;content:'';border-radius:100%;border-style:solid;border-width:3px;height:25px;width:25px;border-color:rgba(0,0,0,.2);border-top-color:#5c5c5c;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);animation:loading 1s infinite linear}@keyframes loading{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(359.9deg);transform:translate(-50%,-50%) rotate(359.9deg)}}.slick-next.slick-disabled,.slick-prev.slick-disabled{opacity:.25}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;left:0;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button,.slick-slider .slick-arrow{display:block;cursor:pointer;outline:0;box-shadow:none}.slick-dots li button{font-size:0;line-height:0;width:20px;height:20px;padding:5px;color:transparent;border:0;background:0 0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:16px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;padding:0 20px}.slick-slider .slick-arrow{position:absolute;top:50%;padding:0;width:15px;height:22px;font-size:0;line-height:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:transparent;border:none;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+) center no-repeat !important;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease}.slick-slider .slick-arrow:after,.slick-slider .slick-arrow:before{content:''}.slick-slider .slick-arrow:hover{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+) center no-repeat}.slick-slider .slick-arrow.slick-next{right:0}.slick-slider .slick-arrow.slick-prev{left:0;-webkit-transform:rotate(180deg) translate(0,50%);-moz-transform:rotate(180deg) translate(0,50%);-ms-transform:rotate(180deg) translate(0,50%);transform:rotate(180deg) translate(0,50%)}.slick-initialized .slick-slide{float:none!important;display:inline-block!important;height:auto;}.product-items.slick-slider>.slick-list{padding:15px 0}.product-items.slick-slider .slick-slide .product-item{display:block!important;margin:auto!important;max-width:205px}.sidebar.sidebar-additional{width:100%}/**
 * Sella Payment Module
 *
 * @author      iPlusService S.r.l. <assistenza@iplusservice.it>
 * @category    Payment Module
 * @package     Ecommerce Sella
 * @version     1.7.1
 * @copyright   2024 Banca Sella
 * @license     GNU General Public License v3.0
 */

div.sella-payment-method-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

div.card-logos-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    column-gap: 10px;
    row-gap: 10px;
}

div.card-logos-container img {
    height: 20px;
}

div.sella-card-form {
    display: grid;
    grid-column-gap: 10px;
    max-width: 350px;
    margin-bottom: 30px;
    grid-template-areas:
        "number number"
        "expiration security";
}

div.sella-card-form div.field-container:first-of-type {
    grid-area: number;
    margin-bottom: 10px;
}

div.sella-card-form div.field-container:nth-of-type(2) {
    grid-area: expiration;
}

div.sella-card-form  div.field-container:nth-of-type(3) {
    grid-area: security;
}

div.sella-card-form div.field-container {
    position: relative;
}

div.sella-card-form svg.ccicon {
    height: 42px;
    position: absolute;
    right: 5px;
    top: calc(50% - 11px);
    width: 37px;
}

div.sella-error-form-message-container span {
    color: #f9423a;
}
#google-ad-manager {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Placeholder for future global styles if needed */
/* autocomplete.css */

/* Stili per il contenitore dei suggerimenti */
.suggestions-container {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 90%; /* Larghezza massima del 90% della larghezza della pagina */
    max-width: 600px; /* Specifica una larghezza massima assoluta, ad esempio 600px */
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

/* Stili per la lista dei suggerimenti */
.suggestion-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* Stili per ciascun elemento di suggerimento */
.suggestion-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ddd; /* Righe sottili tra gli elementi */
}

/* Stili per l'elemento di suggerimento attivo o selezionato */
.suggestion-item.active {
    background-color: #f0f0f0;
}

/* Stili per righe alternate zebrate */
.suggestion-item:nth-child(even) {
    background-color: #f9f9f9; /* Colore di sfondo per righe pari */
}

.no-results-message{
    padding: 5px;
    color: red;
}

.order-info{
    padding: 10px;
}

.order-info h2{
    font-size: 1.25rem;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    /* Stili responsive per schermi più piccoli */
    .suggestions-container {
        max-height: 150px; /* Altezza massima ridotta per schermi più piccoli */
    }
}.cloudflare-turnstile {
    font-weight: bold;
    color: #c00;
    margin-top: 1rem;
}

.cf-turnstile-manual {
    margin-top: 0;
    min-height: 65px;
}

.cloudflare-turnstile .cf-turnstile {
    margin-top: 0;
}
/* GFT-863 — personalizzazioni di layout del tema.
   I colori arrivano dai token in css/brand-tokens.css. */

/* Stacca il corpo pagina dall'header (era troppo attaccato) */
#maincontent.page-main-full-width,
#maincontent.page-main {
    padding-top: 1.5rem;
}

/* Un filo di respiro sotto il breadcrumb */
.breadcrumbs {
    margin-bottom: 1rem;
}

/* Footer sempre in fondo (sticky bottom) anche con poco contenuto */
.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-wrapper > #maincontent {
    flex: 1 0 auto;
}

.page-wrapper > .page-footer {
    flex-shrink: 0;
    margin-top: auto;
}

#my-gifts-intro,
#my-gifts-rules,
#my-gifts-table .gift-dedication,
#my-gifts-table .gift-resend-counter {
    color: var(--eerie-black) !important;
}

.amilon-landing__card-wrap {
    margin-bottom: 96px !important;
}

.amilon-landing__buttons {
    margin-top: 8px !important;
}

.amilon-landing__btn {
    background: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    border-radius: 5px !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 15px 36px !important;
}

.amilon-landing__btn:hover,
.amilon-landing__btn:focus {
    background: var(--brand-primary-light) !important;
    border-color: var(--brand-primary-light) !important;
    color: #FFFFFF !important;
}
/* Amilon 2FA Module - Simple Hyvä Theme Styling */

/* Simple form step transition */
.form-step {
    transition: opacity 0.2s ease;
}

/* Loading spinner animation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .form-step {
        transition: none;
    }
}

/* Readonly telephone field styling */
input[name="telephone"][readonly],
input[name="telephone"].readonly-field {
    background-color: #f3f4f6;
    cursor: not-allowed;
    opacity: 0.7;
    border-color: #d1d5db;
}

input[name="telephone"][readonly]:focus,
input[name="telephone"].readonly-field:focus {
    outline: none;
    border-color: #d1d5db;
    box-shadow: none;
}/* GFT-818: pagina /customer/account/create — pulsante "Crea account" a destra.
   Inverte l'ordine di .primary (button) e .secondary (link Back) nella
   actions-toolbar. Applicato in base cosi tutti i child ereditano. */

.form-create-account .actions-toolbar {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}

.form-create-account .actions-toolbar .secondary {
    margin-left: 0;
}