/* purgecss start ignore */ /* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: VogueHighlineSans, Helvetica Neue, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 rgba(0,0,0,0); } [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { outline: 2px solid transparent; 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: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } input::-moz-placeholder, textarea::-moz-placeholder { color: #6b7280; opacity: 1; } 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-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.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-image: initial; background-position: 0 0; background-position: initial; background-repeat: repeat; background-repeat: initial; background-size: auto auto; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: inherit; print-color-adjust: inherit; } [type='checkbox'],[type='radio'] { -webkit-appearance: none; -moz-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; -moz-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 rgba(0,0,0,0); } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; 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: /*!*/ /*!*/ 0 0 0 2px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='checkbox']:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='radio']:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { [type='checkbox']:indeterminate { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; background: initial; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: inherit; line-height: inherit; } [type='file']:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } *, ::before, ::after { --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: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); --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: ; } ::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: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0); --tw-ring-shadow: 0 0 rgba(0,0,0,0); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); --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: ; } .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-textarea,.form-select,.form-multiselect { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 rgba(0,0,0,0); } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { outline: 2px solid transparent; 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: /*!*/ /*!*/ 0 0 0 0px #fff, /*!*/ /*!*/ 0 0 0 calc(1px + 0px) #2563eb, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .form-input::-moz-placeholder, .form-textarea::-moz-placeholder { color: #6b7280; opacity: 1; } .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-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } .form-select { background-image: url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.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-image: initial; background-position: 0 0; background-position: initial; background-repeat: repeat; background-repeat: initial; background-size: auto auto; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: inherit; print-color-adjust: inherit; } .form-checkbox,.form-radio { -webkit-appearance: none; -moz-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; -moz-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 rgba(0,0,0,0); } .form-checkbox { border-radius: 0px; } .form-radio { border-radius: 100%; } .form-checkbox:focus,.form-radio:focus { outline: 2px solid transparent; 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: /*!*/ /*!*/ 0 0 0 2px #fff, /*!*/ /*!*/ 0 0 0 calc(2px + 2px) #2563eb, var(--tw-shadow); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .form-checkbox:checked,.form-radio:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-checkbox:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .form-radio:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-radio:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus { border-color: transparent; background-color: currentColor; } .form-checkbox:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { .form-checkbox:indeterminate { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus { border-color: transparent; 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: 0.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: 0.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: 0.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: 0.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(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: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-right: 0.375em; padding-bottom: 0.1875em; padding-left: 0.375em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.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: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.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: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-right: 1.1428571em; padding-bottom: 0.8571429em; padding-left: 1.1428571em; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; 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; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.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: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.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: baseline; } .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(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: 0.875em; line-height: 1.4285714; margin-top: 0.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: rgba(0, 0, 0, 0.5); --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(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > *: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: 0.75em; margin-bottom: 0.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: 0.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-top: 0.5714286em; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.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; gap: 0.5rem; } .swatch-option { margin: 0px; display: flex; justify-content: center; overflow: hidden; border-radius: 0px; border-width: 1px; min-width: 40px; } .swatch-option:focus-within { outline: 1px solid #4f3e35; outline-offset: 2px; } /* Native radio must never paint over the custom swatch UI */ .swatch-option .product-option-value-input { border-width: 0; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; accent-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swatch-option.type-text[data-checked="true"] { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .swatch-option.type-text:hover:not([data-disabled]) { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .swatch-option.type-color[data-checked="true"], .swatch-option.type-image[data-checked="true"] { outline: 1px solid #4f3e35; outline-offset: 2px; } .btn { display: flex; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { .btn { padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; } } @media (min-width: 1280px) { .btn { font-size: 1rem; line-height: 1.5rem; } } .btn svg { display: inline-flex; } /* Only direct children — nested .price spans must keep their own display (iOS Safari) */ .btn > span { vertical-align: middle; display: inline-flex; align-items: center; -webkit-text-decoration: none !important; text-decoration: none !important; -webkit-text-decoration: none !important; } .btn:hover { --tw-bg-opacity: 1; background-color: rgba(110, 91, 81, 1); background-color: rgba(110, 91, 81, var(--tw-bg-opacity)); } .btn:focus { border-color: transparent; outline: 2px solid transparent; outline-offset: 2px; --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) rgba(79, 62, 53, 0.5), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-color: rgba(79, 62, 53, var(--tw-ring-opacity)); --tw-ring-opacity: 0.5; } .btn-primary { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .btn-primary:hover { --tw-bg-opacity: 1; background-color: rgba(110, 91, 81, 1); background-color: rgba(110, 91, 81, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .btn-secondary { border-width: 2px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity)); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .btn-secondary:hover { --tw-border-opacity: 1; border-color: rgba(30, 64, 175, 1); border-color: rgba(30, 64, 175, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .btn-secondary:focus { border-width: 2px; border-color: transparent; } .account .actions-toolbar .primary button, .actions-toolbar .primary button { display: inline-flex; height: 2.75rem; min-width: 11rem; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account .actions-toolbar .primary button:hover, .actions-toolbar .primary button:hover { opacity: 0.8; } .account .actions-toolbar .primary button, .actions-toolbar .primary button { border-radius: 0 !important; } input[type="range"] { --hv-fill-min: var(--tw-range-fill-min, 0); --hv-fill: var(--tw-range-fill-max, 0); --hv-fill-color: var(--tw-range-fill-color, #4f3e35); --hv-track-size: var(--tw-range-track-size, 0.5rem); --hv-thumb-size: var(--tw-range-thumb-size, 1.5rem); --hv-thumb-color: var(--tw-range-thumb-color, #fff); --hv-track: linear-gradient( to right, currentcolor 0%, currentcolor calc(var(--hv-fill-min) * 1%), var(--hv-fill-color) calc(var(--hv-fill-min) * 1%), var(--hv-fill-color) calc(var(--hv-fill) * 1%), currentcolor calc(var(--hv-fill) * 1%), currentcolor 100% ); -webkit-appearance: none; -moz-appearance: none; appearance: none; --tw-text-opacity: 1; color: rgba(226, 232, 240, 1); color: rgba(226, 232, 240, var(--tw-text-opacity)); } input[type="range"]:focus { outline: 2px solid transparent; outline-offset: 2px; } input[type="range"] { height: var(--hv-thumb-size); } input[type="range"]:hover { --hv-thumb-color: rgba(79, 62, 53, .3); } input[type="range"]:focus { --hv-thumb-color: #4f3e35; } input[type="range"]:focus::-webkit-slider-thumb { --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } input[type="range"]:focus::-moz-range-thumb { --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } input[type="range"]::-webkit-slider-runnable-track { width: 100%; border-radius: 0.5rem; height: var(--hv-track-size); background: var(--hv-track); } input[type="range"]::-moz-range-track { width: 100%; border-radius: 0.5rem; height: var(--hv-track-size); background: var(--hv-track); } input[type="range"]::-webkit-slider-thumb { cursor: pointer; -webkit-appearance: none; appearance: none; border-radius: 9999px; border-width: 3px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity)); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; width: var(--hv-thumb-size); height: var(--hv-thumb-size); margin-top: calc( 0.5 * (var(--hv-track-size) - var(--hv-thumb-size)) ); margin-top: calc( 0.5 * calc(var(--hv-track-size) - var(--hv-thumb-size)) ); background-color: var(--hv-thumb-color); } input[type="range"]::-moz-range-thumb { box-sizing: border-box; cursor: pointer; -moz-appearance: none; appearance: none; border-radius: 9999px; border-width: 3px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity)); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); -moz-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; width: var(--hv-thumb-size); height: var(--hv-thumb-size); background-color: var(--hv-thumb-color); } #category-view-container { margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-items: center; padding-left: 0px; padding-right: 0px; padding-top: 1rem; padding-bottom: 1rem; } /* Toolbar / pager — Feminine Editorial Minimal */ .pager-toolbar, .toolbar-products, .account-pager .pager-toolbar, .account-pager { display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: space-between; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 0.75rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .toolbar-amount, .pager-toolbar .toolbar-amount, .account-pager .toolbar-amount { margin: 0px; font-size: 11px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); } .toolbar-amount .toolbar-number { --tw-numeric-spacing: tabular-nums; font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction); 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) tabular-nums 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); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .limiter, .pager-toolbar .limiter, .account-pager .limiter { margin: 0px; display: flex; align-items: center; justify-content: flex-end; } .limiter__label { margin: 0px; display: inline-flex; cursor: pointer; align-items: center; gap: 0.625rem; } .limiter__text { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); } .limiter__select, .limiter select.form-select, .pager-toolbar .limiter select, .account-pager .limiter select, .toolbar-products .limiter select { margin: 0px; height: 2.25rem; min-width: 3.75rem; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; padding-left: 0.625rem; padding-right: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; --tw-numeric-spacing: tabular-nums; font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction); 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) tabular-nums 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); letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .limiter__select:focus, .limiter select.form-select:focus, .pager-toolbar .limiter select:focus, .account-pager .limiter select:focus, .toolbar-products .limiter select:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .limiter__select, .limiter select.form-select, .pager-toolbar .limiter select, .account-pager .limiter select, .toolbar-products .limiter select { border-radius: 0 !important; } .pager-pages { display: flex; min-width: 0px; flex: 1 1 0%; justify-content: center; } .pager-pages--empty { display: none; } @media (min-width: 640px) { .pager-pages--empty { display: flex; } } .pages { display: inline-flex; } .pages-items { position: relative; z-index: 0; margin: 0px; display: inline-flex; list-style-type: none; align-items: center; gap: 0px; padding: 0px; } .pages-items .item { margin: 0px; } .pages-items .page, .pages-items .page-nav { display: inline-flex; height: 2.25rem; min-width: 2.25rem; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; border-color: transparent; background-color: transparent; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; --tw-numeric-spacing: tabular-nums; font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction); 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) tabular-nums 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); letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .pages-items .page:hover, .pages-items .page-nav:hover { opacity: 0.6; } .pages-items .page--current { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); opacity: 1; pointer-events: none; } .pages-items .page-nav--disabled { pointer-events: none; opacity: 0.3; } .pages-items .page--jump { letter-spacing: 0em; } .toolbar-products { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .toolbar-products { margin-bottom: 1.25rem; } } .toolbar-products .modes-mode { height: 1.5rem; width: 1.5rem; } .toolbar-products .modes-mode span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .toolbar-products .modes-mode.mode-grid { background-image: url('data:image/svg+xml;utf8,'); } .toolbar-products .modes-mode.mode-list { background-image: url('data:image/svg+xml;utf8, '); } .toolbar-products .toolbar-sorter { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .toolbar-products .toolbar-sorter__label { margin: 0px; display: inline-flex; align-items: center; gap: 0.625rem; } .toolbar-products .toolbar-sorter__text { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); } .toolbar-products .toolbar-sorter .form-select, .toolbar-products .toolbar-sorter .sorter-options { height: 2.25rem; min-width: 8rem; border-radius: 0px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .toolbar-products .toolbar-sorter .form-select:focus, .toolbar-products .toolbar-sorter .sorter-options:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, 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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .toolbar-products .toolbar-sorter .form-select, .toolbar-products .toolbar-sorter .sorter-options { border-radius: 0 !important; } .toolbar-products .sorter-action { display: inline-flex; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .toolbar-products .sorter-action:hover { opacity: 0.6; } /* Magento core marks secondary regular price as no-display; keep it hidden in Hyvä. */ .no-display, .sly-old-price { display: none !important; } .price-including-tax + .price-excluding-tax { font-size: 0.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; } .checkout-cart-index .cart-totals .price-excluding-tax .price,.checkout-cart-index .cart-totals .price-including-tax .price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; } .price-excluding-tax { display: block; } [data-content-type$='block'] .price-excluding-tax p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .price-excluding-tax.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .price-excluding-tax.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .price-excluding-tax.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .price-excluding-tax.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .price-excluding-tax.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .price-excluding-tax.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .price-excluding-tax.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .price-excluding-tax.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .price-container.price-tier_price { display: flex; gap: 0.25rem; } .price-container.price-tier_price > .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .price-container.price-tier_price > .price-including-tax + .price-excluding-tax:after { content: ')'; } /* Cart — aligned with /shipping editorial language */ .checkout-cart-index .page-footer { display: none; } @media (min-width: 768px) { .checkout-cart-index .page-footer { display: block; } } .checkout-cart-index .page-main { /* Room for floating checkout card on mobile */ margin-top: 0px; padding-bottom: 13rem; } @media (min-width: 1024px) { .checkout-cart-index .page-main { padding-bottom: 0px; } } /* * Center title + columns as one compact track. * Do not @apply `container` on Magento's title `.container` — circular dependency. */ .checkout-cart-index .page-main > .container, .checkout-cart-index .columns { width: 100%; max-width: 72rem; /* max-w-6xl */ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px) { .checkout-cart-index .page-main > .container, .checkout-cart-index .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .checkout-cart-index .page-main > .container { margin-top: 0.75rem; margin-bottom: 0.75rem; } @media (min-width: 768px) { .checkout-cart-index .page-main > .container { margin-top: 1.25rem; margin-bottom: 1.5rem; } } .checkout-cart-index .page-title-wrapper, .checkout-cart-index .page-title { margin: 0px; text-align: left; } .checkout-cart-index .page-title span, .checkout-cart-index h1.page-title, .checkout-cart-index .page-title { margin: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .checkout-cart-index .page-title span, .checkout-cart-index h1.page-title, .checkout-cart-index .page-title { font-size: 1.125rem; line-height: 1.75rem; } } /* Empty state */ .checkout-cart-index .cart-empty { display: flex; min-height: 42vh; flex-direction: column; align-items: center; justify-content: center; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 4rem; padding-bottom: 4rem; text-align: center; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .checkout-cart-index .cart-empty { padding-top: 6rem; padding-bottom: 6rem; } } .checkout-cart-index .cart-empty__panel { display: flex; max-width: 28rem; flex-direction: column; align-items: center; } .checkout-cart-index .cart-empty__icon { margin-bottom: 1.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .cart-empty__svg { display: block; } [data-content-type$='block'] .checkout-cart-index .cart-empty__svg p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .checkout-cart-index .cart-empty__svg.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-empty__svg.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .checkout-cart-index .cart-empty__svg.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-empty__svg.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .checkout-cart-index .cart-empty__svg.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-empty__svg.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .checkout-cart-index .cart-empty__svg.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-empty__svg.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .checkout-cart-index .cart-empty__svg { stroke-width: 1.25; } .checkout-cart-index .cart-empty__text { margin: 0px; margin-bottom: 2rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.625; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .checkout-cart-index .cart-empty__text { font-size: 1rem; line-height: 1.5rem; } } .checkout-cart-index .cart-empty__cta { display: inline-flex; height: 2.75rem; min-width: 12.5rem; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); text-decoration-line: none; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .checkout-cart-index .cart-empty__cta:hover { opacity: 0.8; } .checkout-cart-index .cart-empty__cta:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .checkout-cart-index .cart-empty__cta { border-radius: 0 !important; } /* Layout — narrower product column, wider checkout panel */ .checkout-cart-index .cart-layout { display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 1rem; } @media (min-width: 1024px) { .checkout-cart-index .cart-layout { flex-direction: row; justify-content: space-between; gap: 2rem; } } .checkout-cart-index .cart-layout__items { width: 100%; min-width: 0px; padding-left: 0px; padding-right: 0px; } @media (min-width: 1024px) { .checkout-cart-index .cart-layout__items { min-width: 0px; max-width: 36rem; flex: 1 1 0%; } } .checkout-cart-index .cart-layout__summary { margin-top: 0px; width: 100%; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 1024px) { .checkout-cart-index .cart-layout__summary { width: 26rem; max-width: 26rem; flex-shrink: 0; align-self: flex-start; } } .checkout-cart-index .cart-items { display: flex; flex-direction: column; gap: 0px; } /* Desktop summary — bordered panel like selected address card */ @media (min-width: 1024px) { .checkout-cart-index .cart-layout__summary { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding: 1.25rem; } } .checkout-cart-index .cart.actions { margin-top: 0.5rem; margin-bottom: 0.5rem; } @media (min-width: 1024px) { .checkout-cart-index .cart.actions { margin-top: 1rem; margin-bottom: 1rem; } } /* —— Line item —— */ .checkout-cart-index .cart-item { margin-bottom: 0px; display: flex; flex-direction: column; border-radius: 0px; border-width: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; padding-top: 1rem; padding-bottom: 1rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } @media (min-width: 768px) { .checkout-cart-index .cart-item { padding-top: 1.25rem; padding-bottom: 1.25rem; } } .checkout-cart-index .cart-item__main { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0.75rem; } @media (min-width: 768px) { .checkout-cart-index .cart-item__main { gap: 1.25rem; } } .checkout-cart-index .cart-item__photo-wrap { width: 5.5rem; flex-shrink: 0; } @media (min-width: 640px) { .checkout-cart-index .cart-item__photo-wrap { width: 6rem; } } @media (min-width: 768px) { .checkout-cart-index .cart-item__photo-wrap { width: 7rem; } } .checkout-cart-index .cart-item__photo, .checkout-cart-index .cart-item .product-item-photo { display: block; height: 100%; width: 100%; overflow: hidden; border-radius: 0px; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } [data-content-type$='block'] .checkout-cart-index .cart-item__photo p:last-child,[data-content-type$='block'] .checkout-cart-index .cart-item .product-item-photo p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .checkout-cart-index .cart-item__photo.widget.block-products-list,.cms-index-index .checkout-cart-index .cart-item .product-item-photo.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-item__photo.widget.block-products-list,.cms-index-index .checkout-cart-index .cart-item .product-item-photo.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .checkout-cart-index .cart-item__photo.widget.block-products-list .block-title,.cms-index-index .checkout-cart-index .cart-item .product-item-photo.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-item__photo.widget.block-products-list .block-title,.cms-index-index .checkout-cart-index .cart-item .product-item-photo.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .checkout-cart-index .cart-item__photo.widget.block-products-list .block-title strong,.cms-index-index .checkout-cart-index .cart-item .product-item-photo.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-item__photo.widget.block-products-list .block-title strong,.cms-index-index .checkout-cart-index .cart-item .product-item-photo.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .checkout-cart-index .cart-item__photo.widget.block-products-list .block-content .grid,.cms-index-index .checkout-cart-index .cart-item .product-item-photo.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-item__photo.widget.block-products-list .block-content .grid,.cms-index-index .checkout-cart-index .cart-item .product-item-photo.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .checkout-cart-index .cart-item__photo img, .checkout-cart-index .cart-item__photo .product-image-photo, .checkout-cart-index .cart-item__photo .product-image-wrapper, .checkout-cart-index .cart-item .product-item-photo img, .checkout-cart-index .cart-item .product-item-photo .product-image-photo, .checkout-cart-index .cart-item .product-item-photo .product-image-wrapper { height: 100%; min-height: 7.5rem; width: 100%; border-radius: 0px; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .checkout-cart-index .cart-item__photo img, .checkout-cart-index .cart-item__photo .product-image-photo, .checkout-cart-index .cart-item__photo .product-image-wrapper, .checkout-cart-index .cart-item .product-item-photo img, .checkout-cart-index .cart-item .product-item-photo .product-image-photo, .checkout-cart-index .cart-item .product-item-photo .product-image-wrapper { min-height: 9rem; } } .checkout-cart-index .cart-item__body { display: flex; min-width: 0px; flex-grow: 1; flex-direction: column; justify-content: space-between; gap: 0.75rem; } .checkout-cart-index .cart-item__details, .checkout-cart-index .cart-item .product-item-details { display: flex; min-width: 0px; flex-direction: column; gap: 0.25rem; } .checkout-cart-index .cart-item__name, .checkout-cart-index .cart-item .product-item-details > a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; line-height: 1.375; letter-spacing: 0.02em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } [data-content-type$='block'] .checkout-cart-index .cart-item__name p:last-child,[data-content-type$='block'] .checkout-cart-index .cart-item .product-item-details > a p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .checkout-cart-index .cart-item__name.widget.block-products-list,.cms-index-index .checkout-cart-index .cart-item .product-item-details > a.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-item__name.widget.block-products-list,.cms-index-index .checkout-cart-index .cart-item .product-item-details > a.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .checkout-cart-index .cart-item__name.widget.block-products-list .block-title,.cms-index-index .checkout-cart-index .cart-item .product-item-details > a.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-item__name.widget.block-products-list .block-title,.cms-index-index .checkout-cart-index .cart-item .product-item-details > a.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .checkout-cart-index .cart-item__name.widget.block-products-list .block-title strong,.cms-index-index .checkout-cart-index .cart-item .product-item-details > a.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-item__name.widget.block-products-list .block-title strong,.cms-index-index .checkout-cart-index .cart-item .product-item-details > a.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .checkout-cart-index .cart-item__name.widget.block-products-list .block-content .grid,.cms-index-index .checkout-cart-index .cart-item .product-item-details > a.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .checkout-cart-index .cart-item__name.widget.block-products-list .block-content .grid,.cms-index-index .checkout-cart-index .cart-item .product-item-details > a.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .checkout-cart-index .cart-item__name:hover, .checkout-cart-index .cart-item .product-item-details > a:hover { opacity: 0.7; } .checkout-cart-index .cart-item .item-options { margin: 0px; display: flex; flex-direction: column; gap: 0.125rem; padding: 0px; font-size: 11px; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .checkout-cart-index .cart-item .item-options { font-size: 0.75rem; line-height: 1rem; } } .checkout-cart-index .cart-item .item-options__row { margin: 0px; display: flex; flex-wrap: wrap; align-items: baseline; -moz-column-gap: 0.375rem; column-gap: 0.375rem; } .checkout-cart-index .cart-item .item-options__label { margin: 0px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(79, 62, 53, .8); } .checkout-cart-index .cart-item .item-options__label::after { content: ':'; } .checkout-cart-index .cart-item .item-options__value { margin: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .cart-item__price { margin-top: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .cart-item__price .price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; letter-spacing: 0.025em; } .checkout-cart-index .cart-item__error { margin-top: 0.25rem; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(142, 8, 38, 1); color: rgba(142, 8, 38, var(--tw-text-opacity)); } .checkout-cart-index .cart-item__toolbar { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; } .checkout-cart-index .cart-item__actions { margin: 0px; display: flex; align-items: center; gap: 0.125rem; padding: 0px; } .checkout-cart-index .cart-item__actions .action { display: inline-flex; height: 2.25rem; width: 2.25rem; align-items: center; justify-content: center; border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .checkout-cart-index .cart-item__actions .action:hover { opacity: 0.6; } .checkout-cart-index .cart-item__qty { flex-shrink: 0; } /* Qty control */ .checkout-cart-index .item-qty { display: inline-flex; align-items: stretch; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .item-qty .item-action { display: inline-flex; height: 2rem; width: 2rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 400; line-height: 1; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .checkout-cart-index .item-qty .item-action:hover { opacity: 0.7; } .checkout-cart-index .item-qty .item-action:active { opacity: 1; } .checkout-cart-index .item-qty .control.qty { margin-left: 0px; margin-right: 0px; border-left-width: 1px; border-right-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); } .checkout-cart-index .item-qty .control.qty input, .checkout-cart-index .item-qty .control.qty .qty, .checkout-cart-index .item-qty .control.qty .form-input { height: 2rem; width: 2.25rem; border-radius: 0px; border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: center; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .checkout-cart-index .item-qty .control.qty input:focus, .checkout-cart-index .item-qty .control.qty .qty:focus, .checkout-cart-index .item-qty .control.qty .form-input:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .checkout-cart-index .item-qty .control.qty input, .checkout-cart-index .item-qty .control.qty .qty, .checkout-cart-index .item-qty .control.qty .form-input { -moz-appearance: textfield; } .checkout-cart-index .item-qty .control.qty input::-webkit-inner-spin-button, .checkout-cart-index .item-qty .control.qty input::-webkit-outer-spin-button, .checkout-cart-index .item-qty .control.qty .qty::-webkit-inner-spin-button, .checkout-cart-index .item-qty .control.qty .qty::-webkit-outer-spin-button, .checkout-cart-index .item-qty .control.qty .form-input::-webkit-inner-spin-button, .checkout-cart-index .item-qty .control.qty .form-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Coupon — above sticky summary on mobile, keep in items column */ .checkout-cart-index .cart-discount { margin-bottom: 0.5rem; } @media (min-width: 1024px) { .checkout-cart-index .cart-discount { margin-bottom: 0px; } } .checkout-cart-index .coupon-form { margin-top: 0.75rem; margin-bottom: 0px; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; } .checkout-cart-index .coupon-form #discount-form-toggle { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .checkout-cart-index .coupon-form #discount-form-toggle:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .coupon-form .form-input, .checkout-cart-index .coupon-form #coupon_code { height: 2.75rem; border-radius: 0px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .checkout-cart-index .coupon-form .form-input:focus, .checkout-cart-index .coupon-form #coupon_code:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .checkout-cart-index .coupon-form .form-input:disabled, .checkout-cart-index .coupon-form #coupon_code:disabled { pointer-events: none; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); opacity: 0.6; } .checkout-cart-index .coupon-form .form-input, .checkout-cart-index .coupon-form #coupon_code { border-radius: 0 !important; } .checkout-cart-index .coupon-form .btn, .checkout-cart-index .coupon-form .btn-primary { height: 2.75rem; min-height: 2.75rem; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .checkout-cart-index .coupon-form .btn:hover, .checkout-cart-index .coupon-form .btn-primary:hover { opacity: 0.8; } .checkout-cart-index .coupon-form .btn, .checkout-cart-index .coupon-form .btn-primary { border-radius: 0 !important; } /* Summary / shipping / totals */ .checkout-cart-index .cart-summary { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .cart-layout__summary > .cart-summary { display: flex; flex-direction: column; gap: 0px; } .checkout-cart-index .estimate-shipping-form { display: none; margin-top: 0px; margin-bottom: 0px; flex-direction: column; border-width: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 1rem; } .checkout-cart-index .estimate-shipping-form .title button, .checkout-cart-index .estimate-shipping-form #shipping-estimate-toggle { display: flex; width: 100%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: space-between; white-space: nowrap; font-size: 0.75rem; line-height: 1rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .checkout-cart-index .estimate-shipping-form .title button:hover, .checkout-cart-index .estimate-shipping-form #shipping-estimate-toggle:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .estimate-shipping-form .content, .checkout-cart-index .estimate-shipping-form .card { margin-top: 1rem; margin-bottom: 1rem; border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .checkout-cart-index .estimate-shipping-form .field.note { margin-bottom: 1rem; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .checkout-cart-index .estimate-shipping-form .label { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .estimate-shipping-form .form-select, .checkout-cart-index .estimate-shipping-form .form-input { margin-top: 0.375rem; height: 2.75rem; border-radius: 0px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .checkout-cart-index .estimate-shipping-form .form-select:focus, .checkout-cart-index .estimate-shipping-form .form-input:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .checkout-cart-index .estimate-shipping-form .form-select, .checkout-cart-index .estimate-shipping-form .form-input { border-radius: 0 !important; } @media (min-width: 1024px) { .checkout-cart-index .estimate-shipping-form { display: flex; } } .checkout-cart-index .cart-totals { position: relative; border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; padding-top: 0px; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } @media (min-width: 768px) { .checkout-cart-index .cart-totals { font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 1024px) { .checkout-cart-index .cart-totals { padding-top: 0.5rem; } } .checkout-cart-index .cart-totals .font-semibold { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; } .checkout-cart-index .cart-totals__row { color: rgba(79, 62, 53, .8); border: 0 !important; box-shadow: none !important; } .checkout-cart-index .cart-totals__row .cart-totals__value { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .cart-totals__shipping-method { display: none; } /* Single separator — only before grand total */ .checkout-cart-index .cart-totals__row--grand { margin-top: 0.5rem; padding-top: 0.75rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); border: 0 !important; border-top: 1px solid rgba(79, 62, 53, 0.14) !important; box-shadow: none !important; } .checkout-cart-index .cart-totals__row--grand .cart-totals__label { font-size: 0.72rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .checkout-cart-index .cart-totals__row--grand .cart-totals__label { font-size: 0.875rem; line-height: 1.25rem; } } .checkout-cart-index .cart-totals__row--grand .cart-totals__value { font-size: 1rem; line-height: 1.5rem; font-weight: 500; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .checkout-cart-index .cart-totals__row--grand .cart-totals__value { font-size: 1.125rem; line-height: 1.75rem; } } /* Checkout CTA */ .checkout-cart-index .checkout-methods-items { margin: 0px; margin-top: 0.625rem; list-style-type: none; padding: 0px; } @media (min-width: 1024px) { .checkout-cart-index .checkout-methods-items { margin-top: 0.75rem; } } .checkout-cart-index .checkout-methods-items .item { margin: 0px; padding: 0px; } .checkout-cart-index a.checkout, .checkout-cart-index #checkout-link-button { margin-top: 0.75rem; margin-bottom: 0px; display: inline-flex; height: 3rem; min-height: 3rem; width: 100%; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .checkout-cart-index a.checkout:hover, .checkout-cart-index #checkout-link-button:hover { opacity: 0.9; } .checkout-cart-index a.checkout:focus, .checkout-cart-index #checkout-link-button:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .checkout-cart-index a.checkout, .checkout-cart-index #checkout-link-button { border-radius: 0 !important; font-size: 0.75rem !important; } /* Cross-sell below cart */ .checkout-cart-index .product-slider { margin-top: 2rem; } @media (min-width: 768px) { .checkout-cart-index .product-slider { margin-top: 3.5rem; } } /* Totals rows — shared compact styling */ .checkout-cart-index .cart-totals .totals { padding-top: 0.375rem; padding-bottom: 0.375rem; } @media (min-width: 1024px) { .checkout-cart-index .cart-totals .totals { padding-top: 0.625rem; padding-bottom: 0.625rem; } } .checkout-cart-index .cart-totals .grand { padding-top: 0.5rem; padding-bottom: 0.5rem; } @media (min-width: 1024px) { .checkout-cart-index .cart-totals .grand { padding-top: 0.75rem; padding-bottom: 0.75rem; } } /* * Mobile floating checkout — same language as .ship-dock: * edge-to-edge bar, hairline top, no soft floating shadow. */ @media (max-width: 1023px) { .checkout-cart-index .page-main { padding-bottom: 12rem; } .checkout-cart-index .cart-layout__summary { position: fixed; z-index: 35; left: 0; right: 0; bottom: 0; width: auto; max-width: none; padding: 0.85rem 0.625rem; padding-bottom: calc(0.85rem + env(safe-area-inset-bottom, 0px)); margin: 0; background: #fff; border: 0; border-top: 1px solid rgba(79, 62, 53, 0.14); border-radius: 0; box-shadow: none; } .checkout-cart-index .cart-layout__summary > .cart-summary { display: flex; flex-direction: column; gap: 0; } .checkout-cart-index .cart-layout__summary .estimate-shipping-form { display: none !important; } .checkout-cart-index .cart-totals { padding: 0; margin: 0; background: transparent; } .checkout-cart-index .cart-totals > div:empty { display: none; } /* Kill every divider inside totals — only grand keeps a top rule */ .checkout-cart-index .cart-totals, .checkout-cart-index .cart-totals > div, .checkout-cart-index .cart-totals [class*="border"], .checkout-cart-index .cart-totals__row { border-top: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; } .checkout-cart-index .cart-totals__row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; width: 100%; margin: 0 !important; padding: 0.15rem 0 !important; font-size: 0.7rem; letter-spacing: 0.08em; color: rgba(79, 62, 53, 0.62); } .checkout-cart-index .cart-totals__row .cart-totals__label { flex: 1 1 auto; min-width: 0; padding-right: 0; } .checkout-cart-index .cart-totals__row .cart-totals__value { flex-shrink: 0; font-size: 0.75rem; letter-spacing: 0.04em; color: #4f3e35; white-space: nowrap; } .checkout-cart-index .cart-totals__row--shipping .cart-totals__label { display: flex; flex-direction: column; gap: 0.1rem; overflow: hidden; } .checkout-cart-index .cart-totals__shipping-method { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.6rem; letter-spacing: 0.06em; color: rgba(79, 62, 53, 0.48); text-transform: none; } .checkout-cart-index .cart-totals__row--grand { align-items: center; margin-top: 0.4rem !important; padding-top: 0.55rem !important; padding-bottom: 0 !important; border-top: 1px solid rgba(79, 62, 53, 0.14) !important; color: #4f3e35; } .checkout-cart-index .cart-totals__row--grand .cart-totals__label { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; overflow: visible; } .checkout-cart-index .cart-totals__row--grand .cart-totals__value { font-size: 1.05rem; font-weight: 500; letter-spacing: 0.03em; } .checkout-cart-index .checkout-methods-items { margin-top: 0.8rem; margin-bottom: 0; padding-top: 0; } .checkout-cart-index a.checkout, .checkout-cart-index #checkout-link-button { min-height: 2.85rem; height: 2.85rem; margin: 0; border-radius: 0 !important; box-shadow: none; letter-spacing: 0.16em; text-transform: uppercase; } } #customer-login-container { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; grid-row-gap: 2rem; row-gap: 2rem; padding-top: 2rem; padding-bottom: 2rem; } .cms-index-index .block.widget.block-products-list .block-content #customer-login-container { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content #customer-login-container { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } #customer-login-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /** * different styles can be found at https://tailwindcss-forms.vercel.app/ **/ .form-input, .form-email, .form-select, .form-multiselect, .form-textarea { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .form-input:focus, .form-email:focus, .form-select:focus, .form-multiselect:focus, .form-textarea:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .page.messages { position: sticky; top: 0px; z-index: 20; } .page.messages .messages section#messages { width: 100%; margin-right: auto; margin-left: auto; 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: 0.75rem; padding-bottom: 0.75rem; } .checkout-cart-index .page-main > .page.messages .messages section#messages { width: 100%; max-width: 72rem; /* max-w-6xl */ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px) { .checkout-cart-index .page-main > .page.messages .messages section#messages { padding-left: 1.5rem; padding-right: 1.5rem; } } .checkout-cart-index .page-main > .page.messages .messages section#messages { margin-top: 0.75rem; margin-bottom: 0.75rem; } @media (min-width: 768px) { .checkout-cart-index .page-main > .page.messages .messages section#messages { margin-top: 1.25rem; margin-bottom: 1.5rem; } } .shipping-index-index .page-main > .page.messages .messages section#messages { width: 100%; max-width: 36rem; margin-left: auto; margin-right: auto; margin-top: 0.75rem; margin-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .shipping-index-index .page-main > .page.messages .messages section#messages { margin-top: 1.25rem; margin-bottom: 1.5rem; } } @media (min-width: 1024px) { .shipping-index-index .page-main > .page.messages .messages section#messages { padding-left: 1.5rem; padding-right: 1.5rem; } } .catalog-filters .catalog-filters__mobile-title > .page.messages .messages section#messages { min-width: 0px; max-width: 100%; overflow: hidden; padding-left: 0px; padding-right: 0px; } .catalog-filters .catalog-filters__mobile-title .page.messages .messages section#messages { padding-left: 0px; padding-right: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; } .catalog-filters .catalog-filters__desktop-title .page.messages .messages section#messages { padding-left: 0px; padding-right: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } @media (min-width: 768px) { .catalog-filters .catalog-filters__desktop-title .page.messages .messages section#messages { font-size: 1.125rem; line-height: 1.75rem; } } .cms-contacts .content-container .content > .page.messages .messages section#messages { margin: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; width: 100%; max-width: none; } @media (max-width: 767px) { .cms-contacts .content-container .content > .page.messages .messages section#messages { gap: 1.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; } .cms-contacts .content-container .content > .page.messages .messages section#messages:last-child { border-bottom-width: 0px; padding-bottom: 0px; } } .message { margin-bottom: 0.5rem; display: flex; width: 100%; align-items: center; justify-content: space-between; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); padding: 0.5rem; padding-left: 1.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .message.error { border-width: 2px; --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(254, 242, 242, 1); background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); } .message.success { border-width: 2px; --tw-border-opacity: 1; border-color: rgba(16, 185, 129, 1); border-color: rgba(16, 185, 129, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(236, 253, 245, 1); background-color: rgba(236, 253, 245, var(--tw-bg-opacity)); } .message.info, .message.notice { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } .message.warning { border-width: 2px; --tw-border-opacity: 1; border-color: rgba(245, 158, 11, 1); border-color: rgba(245, 158, 11, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 251, 235, 1); background-color: rgba(255, 251, 235, var(--tw-bg-opacity)); } .message a { text-decoration-line: underline; } /* Homepage hero overlays — soft editorial vignette over the full image */ .banner-image { overflow: hidden; } /* Disable legacy pseudo overlays on hero — real DOM overlay is used instead */ .home-hero .banner-image::before, .home-hero .banner-image::after { content: none; display: none; } /* * Full-bleed overlay: must track the slide box (not the visual viewport). * Explicit width/height avoid mobile 100vh / toolbar resize gaps. */ .banner-image__overlay { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; min-height: 100%; pointer-events: none; background: linear-gradient( 180deg, rgba(28, 27, 26, 0.4) 0%, rgba(28, 27, 26, 0.12) 28%, rgba(28, 27, 26, 0.04) 50%, rgba(28, 27, 26, 0) 70% ), linear-gradient( 0deg, rgba(28, 27, 26, 0.6) 0%, rgba(28, 27, 26, 0.32) 35%, rgba(28, 27, 26, 0.12) 65%, rgba(28, 27, 26, 0.04) 85%, rgba(28, 27, 26, 0) 100% ); } .main-categories::after, .home-categories__featured::after, .home-categories__card::after { content: ""; position: absolute; bottom: 0; z-index: 1; left: 0; right: 0; height: 55%; background: linear-gradient( 0deg, rgba(28, 27, 26, 0.55) 0%, rgba(28, 27, 26, 0.18) 45%, rgba(28, 27, 26, 0) 100% ); pointer-events: none; } /* Legacy class kept for any remaining markup */ .drop-shadow-banner { text-shadow: 0 2px 24px rgba(0, 0, 0, 0.4); filter: none; } .product-item .price-container { display: block; } [data-content-type$='block'] .product-item .price-container p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .product-item .price-container.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .product-item .price-container.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .product-item .price-container.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .product-item .price-container.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .product-item .price-container.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .product-item .price-container.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .product-item .price-container.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .product-item .price-container.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .product-item .price-container .price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; letter-spacing: 0.025em; } .product-item .price-container .price-label { font-size: 0.75rem; line-height: 1rem; } .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 { color: rgba(79, 62, 53, .8); } .product-item .old-price .price-container .price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; text-decoration-line: line-through; } .product-slider .product-item, .catalog-product-grid .product-item, .products-grid .product-item { gap: 0px; } .product-slider .product-item-photo, .catalog-product-grid .product-item-photo, .products-grid .product-item-photo { border-radius: 0px; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } .product-slider .product-item-photo > div, .catalog-product-grid .product-item-photo > div, .products-grid .product-item-photo > div { height: auto; } /* Catalog card image slider */ .catalog-card-gallery { position: relative; width: 100%; overflow: hidden; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } .catalog-card-gallery__track { position: relative; display: flex; width: 100%; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; aspect-ratio: 3 / 4; aspect-ratio: var(--gallery-ratio, 3 / 4); scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } .catalog-card-gallery__track::-webkit-scrollbar { display: none; width: 0; height: 0; } .catalog-card-gallery__slide { position: relative; margin: 0px; height: 100%; width: 100%; flex-shrink: 0; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } .catalog-card-gallery__img { pointer-events: none; display: block; height: 100%; width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-object-fit: cover; object-fit: cover; } [data-content-type$='block'] .catalog-card-gallery__img p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .catalog-card-gallery__img.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-card-gallery__img.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .catalog-card-gallery__img.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .catalog-card-gallery__img.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .catalog-card-gallery__img.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .catalog-card-gallery__img.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .catalog-card-gallery__img.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-card-gallery__img.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .catalog-card-gallery__zones { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1; display: none; } @media (min-width: 768px) { .catalog-card-gallery__zones { display: block; } } .catalog-card-gallery__progress { pointer-events: none; position: absolute; left: 0px; right: 0px; bottom: 0.375rem; z-index: 2; display: flex; align-items: stretch; gap: 0.25rem; padding-left: 0.375rem; padding-right: 0.375rem; } .catalog-card-gallery__bar { height: 1px; flex: 1 1 0%; background-color: rgba(255, 255, 255, 0.3); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .catalog-card-gallery__bar.is-active { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .product-slider .product-info, .catalog-product-grid .product-info, .products-grid .product-info { padding-left: 0.125rem; padding-right: 0.125rem; padding-top: 0.75rem; } .product-slider .product-item-link, .catalog-product-grid .product-item-link, .products-grid .product-item-link { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.375; letter-spacing: 0.025em; } .product-slider .product-item-wishlist, .catalog-product-grid .product-item-wishlist, .products-grid .product-item-wishlist { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .product-slider .product-item-wishlist svg, .catalog-product-grid .product-item-wishlist svg, .products-grid .product-item-wishlist svg { fill: none; } .product-slider .product-item-swatches span, .catalog-product-grid .product-item-swatches span, .products-grid .product-item-swatches span { border-radius: 0px; } .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: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, 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: 0px; } .cms-index-index .page-product-bundle .price-final_price .price-from .price-container.widget.block-products-list,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .page-product-bundle .price-final_price .price-from .price-container.widget.block-products-list,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .page-product-bundle .price-final_price .price-from .price-container.widget.block-products-list .block-title,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .page-product-bundle .price-final_price .price-from .price-container.widget.block-products-list .block-title,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .page-product-bundle .price-final_price .price-from .price-container.widget.block-products-list .block-title strong,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .page-product-bundle .price-final_price .price-from .price-container.widget.block-products-list .block-title strong,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .page-product-bundle .price-final_price .price-from .price-container.widget.block-products-list .block-content .grid,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .page-product-bundle .price-final_price .price-from .price-container.widget.block-products-list .block-content .grid,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .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: 0px; } .cms-index-index .page-product-bundle .price-final_price .price-from .price-container .price-label.widget.block-products-list,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container .price-label.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .page-product-bundle .price-final_price .price-from .price-container .price-label.widget.block-products-list,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container .price-label.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .page-product-bundle .price-final_price .price-from .price-container .price-label.widget.block-products-list .block-title,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container .price-label.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .page-product-bundle .price-final_price .price-from .price-container .price-label.widget.block-products-list .block-title,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container .price-label.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .page-product-bundle .price-final_price .price-from .price-container .price-label.widget.block-products-list .block-title strong,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container .price-label.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .page-product-bundle .price-final_price .price-from .price-container .price-label.widget.block-products-list .block-title strong,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container .price-label.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .page-product-bundle .price-final_price .price-from .price-container .price-label.widget.block-products-list .block-content .grid,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container .price-label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .page-product-bundle .price-final_price .price-from .price-container .price-label.widget.block-products-list .block-content .grid,.cms-index-index .page-product-bundle .price-final_price .price-to .price-container .price-label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .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: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .checkout-cart-index .cart-totals .page-product-bundle .price-final_price .price-from .price-container .price,.checkout-cart-index .cart-totals .page-product-bundle .price-final_price .price-to .price-container .price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; } .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: 0.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; color: rgba(79, 62, 53, .8); } /* Keep options in place — highlight + scroll, do not float as bottom sheet */ .swatch-attribute { scroll-margin-top: 5rem; scroll-margin-bottom: 6.5rem; } .swatch-attribute.invalid-swatch { position: relative; } .swatch-attribute.invalid-swatch .product-option-label { font-weight: 500; } .swatch-invalid-hint { margin: 0px; margin-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .swatch-attribute.invalid-swatch .swatch-attribute-options { gap: 0.625rem; } .swatch-attribute.invalid-swatch .swatch-option.type-text:not([data-disabled]) { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); animation: swatch-option-attention 0.9s ease-out 1; } .swatch-attribute.invalid-swatch--pulse .swatch-option.type-text:not([data-disabled]), .swatch-attribute.invalid-swatch--pulse .swatch-option.type-color:not([data-disabled]), .swatch-attribute.invalid-swatch--pulse .swatch-option.type-image:not([data-disabled]) { animation: swatch-option-attention 0.9s ease-out 1; } .product-custom-select-field { scroll-margin-top: 5rem; scroll-margin-bottom: 6.5rem; } .product-custom-select-field.invalid-swatch label, .product-custom-select-field.invalid-swatch .label { font-weight: 500; } .product-custom-select-field.invalid-swatch .product-custom-select__trigger, .product-custom-select-field.invalid-swatch--pulse .product-custom-select__trigger { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); animation: swatch-option-attention 0.9s ease-out 1; } @keyframes swatch-option-attention { 0% { transform: translateX(0); } 15% { transform: translateX(-3px); } 30% { transform: translateX(3px); } 45% { transform: translateX(-2px); } 60% { transform: translateX(2px); } 75% { transform: translateX(-1px); } 100% { transform: translateX(0); } } /* Compact text notice — flush above sticky ATC (appended into .product-atc-bar) */ #swatch-invalid-notice { position: absolute; left: 0px; right: 0px; z-index: 15; display: flex; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: center; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { #swatch-invalid-notice { font-size: 0.75rem; line-height: 1rem; } } #swatch-invalid-notice { bottom: 100%; } @media (min-width: 768px) { #swatch-invalid-notice { position: fixed; bottom: 0; } body.has-swatch-invalid-notice { padding-bottom: 2.75rem; } } .advanced-info-table table td { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; } /* Wishlist widget (outside account) */ .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; } .wishlist-widget .price-box .old-price { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .modal { /* * TODO: add tailwind classes used for the cart and modal styles. * This will make the modal and off-canvas styles theme specific and more adjustable. */ } .backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); --tw-bg-opacity: 0.25; } .snap { scroll-snap-type: x mandatory; -ms-overflow-style: none; scroll-behavior: smooth; scrollbar-width: none; } .snap::-webkit-scrollbar { display: none; } .snap > div { scroll-snap-align: start; } :where(html) { scrollbar-gutter: stable; } body { overflow-y: scroll; } .clearfix::after { content: ""; display: block; clear: both; } .page-main { margin-top: 2rem; margin-bottom: 2rem; } .catalogsearch-result-index .page-main, .catalog-category-view .page-main { margin-top: 0.5rem; } @media (min-width: 768px) { .catalogsearch-result-index .page-main, .catalog-category-view .page-main { margin-top: 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)); grid-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; grid-row-gap: 1rem; row-gap: 1rem; padding-left: 0.375rem; padding-right: 0.375rem; } .checkout-cart-index .page-main > .columns { width: 100%; max-width: 72rem; /* max-w-6xl */ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px) { .checkout-cart-index .page-main > .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .checkout-cart-index .page-main > .columns { margin-top: 0.75rem; margin-bottom: 0.75rem; } @media (min-width: 768px) { .checkout-cart-index .page-main > .columns { margin-top: 1.25rem; margin-bottom: 1.5rem; } } .shipping-index-index .page-main > .columns { width: 100%; max-width: 36rem; margin-left: auto; margin-right: auto; margin-top: 0.75rem; margin-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .shipping-index-index .page-main > .columns { margin-top: 1.25rem; margin-bottom: 1.5rem; } } @media (min-width: 1024px) { .shipping-index-index .page-main > .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .catalog-filters .catalog-filters__mobile-title > .columns { min-width: 0px; max-width: 100%; overflow: hidden; padding-left: 0px; padding-right: 0px; } .catalog-filters .catalog-filters__mobile-title .columns { padding-left: 0px; padding-right: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; } .catalog-filters .catalog-filters__desktop-title .columns { padding-left: 0px; padding-right: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } @media (min-width: 768px) { .catalog-filters .catalog-filters__desktop-title .columns { font-size: 1.125rem; line-height: 1.75rem; } } .cms-index-index .block.widget.block-products-list .block-content .columns { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .columns { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .cms-contacts .content-container .content > .columns { margin: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; width: 100%; max-width: none; } @media (max-width: 767px) { .cms-contacts .content-container .content > .columns { gap: 1.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; } .cms-contacts .content-container .content > .columns:last-child { border-bottom-width: 0px; padding-bottom: 0px; } } .columns { 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: 0px; padding-right: 0px; } .catalog-product-view .page-main { margin-top: 0px; } .catalog-product-view .page-main .columns { padding-left: 0px; padding-right: 0px; } @media (min-width: 768px) { .catalog-product-view .page-main .columns { padding-left: 0.375rem; padding-right: 0.375rem; } } .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; } .page-layout-2columns-left .columns .sidebar, .page-layout-2columns-right .columns .sidebar, .page-layout-3columns .columns .sidebar { order: 3; } .account .columns .sidebar-main, .page-with-filter .columns .sidebar-main { order: 1; 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-3columns .columns .sidebar ~ .sidebar-additional { order: 3; } .page-layout-2columns-right .sidebar-main, .page-layout-2columns-right.page-with-filter .sidebar-main { 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%; } *:focus-visible { outline: none; } body { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } #cart-drawer { --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity)); } [x-cloak] { display: none !important; } .input { margin-right: 0.5rem; width: auto; border-radius: 0.25rem; border-width: 1px; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; line-height: 1.5rem; } @media (min-width: 768px) { .input { margin-right: 1rem; } } @media (min-width: 1024px) { .input { margin-right: 0px; } } @media (min-width: 1280px) { .input { margin-right: 1rem; } } .input-light { --tw-border-opacity: 1; border-color: rgba(156, 163, 175, 1); border-color: rgba(156, 163, 175, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .input-light:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .card { border-radius: 0.125rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 1rem; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-order-view .card { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .card-interactive:hover { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .duration-200 { transition-duration: 200ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .transition { transition: transform 250ms ease, color 250ms ease; } .transform-180 { transform: rotate(-180deg); } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-size: 1rem; line-height: 1.5rem; line-height: 1.5; letter-spacing: 0em; --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity)); } @font-face { font-family: 'VogueHighlineSans'; src: url('../fonts/VogueHighlineSans-Regular.woff2'); font-style: normal; font-weight: normal; font-display:swap } @font-face { font-family: 'QuincyCF'; src: url('../fonts/QuincyCF-Regular.woff2'); font-style: normal; font-weight: normal; font-display:swap } @font-face { font-family: 'CeraProLight'; src: url('../fonts/cerapro/CeraPro-Light.ttf'); font-style: normal; font-weight: normal; } @font-face { font-family: 'CeraProRegular'; src: url('../fonts/cerapro/CeraPro-Regular.ttf'); font-style: normal; font-weight: normal; } @font-face { font-family: 'CeraProMedium'; src: url('../fonts/cerapro/CeraPro-Medium.ttf'); font-style: normal; font-weight: normal; } /** * Hyvä Themes - https://hyva.io * Copyright © Hyvä Themes 2020-present. All rights reserved. * This product is licensed per Magento install * See https://hyva.io/license */ /** * Layout */ /* Rows */ [data-content-type='row'] { box-sizing: border-box; } [data-content-type='row'] > div { margin-bottom: 0.625rem; padding: 0.625rem; } [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'] { background-attachment: scroll !important; } [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; } } .checkout-cart-index .page-main > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { width: 100%; max-width: 72rem; /* max-w-6xl */ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px) { .checkout-cart-index .page-main > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { padding-left: 1.5rem; padding-right: 1.5rem; } } .checkout-cart-index .page-main > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { margin-top: 0.75rem; margin-bottom: 0.75rem; } @media (min-width: 768px) { .checkout-cart-index .page-main > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { margin-top: 1.25rem; margin-bottom: 1.5rem; } } .shipping-index-index .page-main > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { width: 100%; max-width: 36rem; margin-left: auto; margin-right: auto; margin-top: 0.75rem; margin-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .shipping-index-index .page-main > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { margin-top: 1.25rem; margin-bottom: 1.5rem; } } @media (min-width: 1024px) { .shipping-index-index .page-main > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { padding-left: 1.5rem; padding-right: 1.5rem; } } .catalog-filters .catalog-filters__mobile-title > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { min-width: 0px; max-width: 100%; overflow: hidden; padding-left: 0px; padding-right: 0px; } .catalog-filters .catalog-filters__mobile-title [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { padding-left: 0px; padding-right: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; } .catalog-filters .catalog-filters__desktop-title [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { padding-left: 0px; padding-right: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } @media (min-width: 768px) { .catalog-filters .catalog-filters__desktop-title [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { font-size: 1.125rem; line-height: 1.75rem; } } .cms-contacts .content-container .content > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { margin: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; width: 100%; max-width: none; } @media (max-width: 767px) { .cms-contacts .content-container .content > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { gap: 1.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; } .cms-contacts .content-container .content > [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner:last-child { border-bottom-width: 0px; padding-bottom: 0px; } } /* Column Groups (both needed for pagebuider backwards compatibiliy) */ [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; } } /* Columns */ [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 } } /* Tabs/Tab Item */ [data-content-type='tabs'] .tabs-navigation { margin-bottom: -1px; display: block; padding: 0px; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } [data-content-type$='block'] [data-content-type='tabs'] .tabs-navigation p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index [data-content-type='tabs'] .tabs-navigation.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index [data-content-type='tabs'] .tabs-navigation.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index [data-content-type='tabs'] .tabs-navigation.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index [data-content-type='tabs'] .tabs-navigation.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index [data-content-type='tabs'] .tabs-navigation.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index [data-content-type='tabs'] .tabs-navigation.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index [data-content-type='tabs'] .tabs-navigation.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index [data-content-type='tabs'] .tabs-navigation.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } [data-content-type='tabs'] .tabs-navigation li.tab-header { position: relative; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: -1px; display: inline-block; max-width: 100%; word-wrap: break-word; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-width: 1px; border-bottom-width: 0px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); } [data-content-type='tabs'] .tabs-navigation li.tab-header:first-child { margin-left: 0px; } [data-content-type='tabs'] .tabs-navigation li.tab-header.active { z-index: 20; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); border-bottom: 1px solid white; } [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title { position: relative; display: block; cursor: pointer; white-space: normal; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.25rem; padding-right: 1.25rem; vertical-align: middle; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } .checkout-cart-index .cart-totals [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; } [data-content-type$='block'] [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } [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: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity)); } .checkout-cart-index .cart-totals [data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; } [data-content-type='tabs'] .tabs-content { position: relative; z-index: 10; box-sizing: border-box; overflow: hidden; border-radius: 0.125rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-order-view [data-content-type='tabs'] .tabs-content { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), 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; } /** * Elements */ /* Text */ [data-content-type='text'] { word-wrap: break-word; } /* Heading */ [data-content-type='heading'] { word-wrap: break-word; } /* Buttons/Button Item */ [data-content-type='buttons'] { max-width: 100%; } [data-content-type='buttons'] [data-content-type='button-item'] { margin-right: 0.5rem; margin-bottom: 0.5rem; max-width: 100%; } [data-content-type='buttons'] [data-content-type='button-item'] [data-element='link'], [data-content-type='buttons'] [data-content-type='button-item'] [data-element='empty_link'] { max-width: 100%; word-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 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), 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 { display: flex; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary { padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; } } @media (min-width: 1280px) { a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary { font-size: 1rem; line-height: 1.5rem; } } a.pagebuilder-button-primary svg, button.pagebuilder-button-primary svg, div.pagebuilder-button-primary svg { display: inline-flex; } a.pagebuilder-button-primary > span, button.pagebuilder-button-primary > span, div.pagebuilder-button-primary > span { vertical-align: middle; display: inline-flex; align-items: center; -webkit-text-decoration: none; text-decoration: none; -webkit-text-decoration: none; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover { --tw-bg-opacity: 1; background-color: rgba(110, 91, 81, 1); background-color: rgba(110, 91, 81, var(--tw-bg-opacity)); } a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus { border-color: transparent; outline: 2px solid transparent; outline-offset: 2px; --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) rgba(79, 62, 53, 0.5), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-color: rgba(79, 62, 53, var(--tw-ring-opacity)); --tw-ring-opacity: 0.5; } a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover { --tw-bg-opacity: 1; background-color: rgba(110, 91, 81, 1); background-color: rgba(110, 91, 81, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .checkout-cart-index .coupon-form a.pagebuilder-button-primary,.checkout-cart-index .coupon-form button.pagebuilder-button-primary,.checkout-cart-index .coupon-form div.pagebuilder-button-primary { height: 2.75rem; min-height: 2.75rem; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .checkout-cart-index .coupon-form a.pagebuilder-button-primary:hover,.checkout-cart-index .coupon-form button.pagebuilder-button-primary:hover,.checkout-cart-index .coupon-form div.pagebuilder-button-primary:hover { opacity: 0.8; } .checkout-cart-index .coupon-form a.pagebuilder-button-primary, .checkout-cart-index .coupon-form button.pagebuilder-button-primary, .checkout-cart-index .coupon-form div.pagebuilder-button-primary { height: 2.75rem; min-height: 2.75rem; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .checkout-cart-index .coupon-form a.pagebuilder-button-primary:hover, .checkout-cart-index .coupon-form button.pagebuilder-button-primary:hover, .checkout-cart-index .coupon-form div.pagebuilder-button-primary:hover { opacity: 0.8; } .checkout-cart-index .coupon-form a.pagebuilder-button-primary,.checkout-cart-index .coupon-form button.pagebuilder-button-primary,.checkout-cart-index .coupon-form div.pagebuilder-button-primary { border-radius: 0; } .checkout-cart-index .coupon-form a.pagebuilder-button-primary, .checkout-cart-index .coupon-form button.pagebuilder-button-primary, .checkout-cart-index .coupon-form div.pagebuilder-button-primary { border-radius: 0; } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { display: flex; align-items: center; justify-content: center; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; } } @media (min-width: 1280px) { a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { font-size: 1rem; line-height: 1.5rem; } } a.pagebuilder-button-secondary svg, button.pagebuilder-button-secondary svg, div.pagebuilder-button-secondary svg { display: inline-flex; } a.pagebuilder-button-secondary > span, button.pagebuilder-button-secondary > span, div.pagebuilder-button-secondary > span { vertical-align: middle; display: inline-flex; align-items: center; -webkit-text-decoration: none; text-decoration: none; -webkit-text-decoration: none; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover { --tw-bg-opacity: 1; background-color: rgba(110, 91, 81, 1); background-color: rgba(110, 91, 81, var(--tw-bg-opacity)); } a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus { border-color: transparent; outline: 2px solid transparent; outline-offset: 2px; --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) rgba(79, 62, 53, 0.5), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); --tw-ring-color: rgba(79, 62, 53, var(--tw-ring-opacity)); --tw-ring-opacity: 0.5; } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { border-width: 2px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity)); --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover { --tw-border-opacity: 1; border-color: rgba(30, 64, 175, 1); border-color: rgba(30, 64, 175, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus { border-width: 2px; border-color: transparent; } .checkout-cart-index .coupon-form a.pagebuilder-button-secondary,.checkout-cart-index .coupon-form button.pagebuilder-button-secondary,.checkout-cart-index .coupon-form div.pagebuilder-button-secondary { height: 2.75rem; min-height: 2.75rem; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .checkout-cart-index .coupon-form a.pagebuilder-button-secondary:hover,.checkout-cart-index .coupon-form button.pagebuilder-button-secondary:hover,.checkout-cart-index .coupon-form div.pagebuilder-button-secondary:hover { opacity: 0.8; } .checkout-cart-index .coupon-form a.pagebuilder-button-secondary,.checkout-cart-index .coupon-form button.pagebuilder-button-secondary,.checkout-cart-index .coupon-form div.pagebuilder-button-secondary { border-radius: 0; } /* HTML Code */ [data-content-type='html'] { word-wrap: break-word; } /** * Media */ /* Image */ [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: block; } [data-content-type='image'] .pagebuilder-mobile-only { display: none; } } [data-content-type='image'] figcaption { word-wrap: break-word; } /* Video */ [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: 0px; top: 0px; height: 100%; width: 100%; } /* Banner */ [data-content-type='banner'] > [data-element='link'], [data-content-type='banner'] > [data-element='empty_link'] { color: inherit; text-decoration: inherit; } [data-content-type='banner'] > [data-element='link']:hover, [data-content-type='banner'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } [data-content-type='banner'] .pagebuilder-banner-wrapper { box-sizing: border-box; word-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: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition: transform 250ms ease, color 250ms ease; } [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: 0px; margin-top: 1.25rem; display: inline-block; max-width: 100%; word-wrap: break-word; transition-property: opacity; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.4, 0, 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; } /* Slider */ [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: #000; color: initial; padding: 10px; -webkit-text-decoration: none; text-decoration: none; } [data-content-type='slider'] .carousel-nav { position: absolute; bottom: 0px; margin-bottom: 0.5rem; background-color: rgba(249, 250, 251, 0.75); background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); --tw-bg-opacity: 0.75; left: 50%; transform: translateX(-50%); } /* Slide */ [data-content-type='slide'] { box-sizing: border-box; overflow: hidden; line-height: 1.25rem; min-height: inherit; } [data-content-type='slide'] > [data-element='link'], [data-content-type='slide'] > [data-element='empty_link'] { color: inherit; min-height: inherit; text-decoration: inherit; } [data-content-type='slide'] > [data-element='link']:hover, [data-content-type='slide'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } [data-content-type='slide'] + [data-content-type='slide'] { height: 0px; min-height: 0px; } [data-content-type='slide'] .pagebuilder-slide-wrapper { box-sizing: border-box; word-wrap: break-word; border-radius: inherit; min-height: inherit; } [data-content-type='slide'] .pagebuilder-slide-wrapper .jarallax-viewport-element { position: absolute; top: 0px; z-index: 50; height: 100%; width: 0.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'] > img, [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video, [data-content-type='slide'] .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe { 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(0.4, 0, 0.2, 1); transition-duration: 150ms; 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: 0px; margin-top: 1.25rem; max-width: 100%; word-wrap: break-word; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; 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; } /* Map */ [data-content-type='map'] { box-sizing: border-box; height: 18rem; } /** * Add Content */ /* Block */ [data-content-type$='block'] .block p:last-child { margin-bottom: 1rem; margin-top: 0px; } /* Dynamic Block */ [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; } /* Products */ [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] { grid-template-columns: repeat(100, calc(50% - 1rem)); } @media (min-width: 768px) { [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] { grid-template-columns: repeat(100, calc(33% - 1rem)) } } @media (min-width: 1024px) { [data-content-type='products'][data-appearance='carousel'] [data-role='glider-content'] { grid-template-columns: repeat(100, calc(25% - 1rem)) } } /** * Glider */ .glider-contain { position: relative; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 100%; } .glider { overflow-y: hidden; } .glider.draggable { -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: grab; } .glider.draggable .glider-slide img { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .glider.drag { cursor: grabbing; } .glider::-webkit-scrollbar { height: 0px; opacity: 0; } .glider .glider-track { z-index: 10; margin: 0px; display: flex; width: 100%; padding: 0px; } .glider-slide { margin: 0.5rem; width: 100%; -webkit-user-select: none; -moz-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-prev.disabled, .glider-next.disabled { cursor: default; --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity)); opacity: 0.25; } .glider-dot { margin: 0.25rem; display: block; height: 0.75rem; width: 0.75rem; cursor: pointer; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); opacity: 0.25; --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } [data-content-type$='block'] .glider-dot p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .glider-dot.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .glider-dot.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .glider-dot.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .glider-dot.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .glider-dot.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .glider-dot.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .glider-dot.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .glider-dot.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .glider-dot.active { opacity: 1; } @media (max-width: 36em) { .glider::-webkit-scrollbar { height: 0.25rem; width: 0.5rem; -webkit-appearance: none; appearance: none; opacity: 1; } .glider::-webkit-scrollbar-thumb { opacity: 1; border-radius: 99px; background-color: rgba(156, 156, 156, .25); box-shadow: 0 0 1px rgba(255, 255, 255, .25); } } [data-show-arrows='false'] .glider-prev, [data-show-arrows='false'] .glider-next { display: none; } [data-show-dots='false'] .glider-dots { display: none; } /* /shipping — mobile-first, simplified address flow */ .shipping-index-index { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .shipping-index-index .page-footer { display: none; } @media (min-width: 768px) { .shipping-index-index .page-footer { display: block; } } .shipping-index-index .page-main { margin-top: 0px; padding-bottom: 6rem; } @media (min-width: 768px) { .shipping-index-index .page-main { padding-bottom: 2rem; } } .shipping-index-index .columns { width: 100%; max-width: none; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px) { .shipping-index-index .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } /* * Title sits in Magento's page.messages/title container (sibling of .columns). * Match .ship-page (max-w-xl) so the heading sits directly above the cards. */ .shipping-index-index .page-main > .container { width: 100%; max-width: 36rem; margin-left: auto; margin-right: auto; margin-top: 0.75rem; margin-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .shipping-index-index .page-main > .container { margin-top: 1.25rem; margin-bottom: 1.5rem; } } @media (min-width: 1024px) { .shipping-index-index .page-main > .container { padding-left: 1.5rem; padding-right: 1.5rem; } } .shipping-index-index h1.page-title, .shipping-index-index .page-title { margin: 0px; text-align: left; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .shipping-index-index h1.page-title, .shipping-index-index .page-title { font-size: 1.125rem; line-height: 1.75rem; } } .ship-page { margin-left: auto; margin-right: auto; width: 100%; max-width: 36rem; } .ship-page__main { display: flex; flex-direction: column; gap: 1rem; } .ship-page__label { margin-bottom: 0.375rem; display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .ship-page__label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .ship-page__label.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .ship-page__label.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .ship-page__label.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .ship-page__label.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .ship-page__label.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .ship-page__label.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .ship-page__label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .ship-page__label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .ship-page__input { height: 3rem; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .ship-page__input::-moz-placeholder { color: rgba(79, 62, 53, .8); } .ship-page__input::placeholder { color: rgba(79, 62, 53, .8); } .ship-page__input:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } @media (min-width: 768px) { .ship-page__input { font-size: 0.875rem; line-height: 1.25rem; } } .ship-page__input { border-radius: 0 !important; } .ship-page__search { position: relative; } .ship-page__search-icon { pointer-events: none; position: absolute; left: 0.75rem; top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); color: rgba(79, 62, 53, .8); } .ship-page__search .ship-page__input { padding-left: 2.5rem; padding-right: 2.5rem; } /* Hide native search clear — we render our own */ .ship-page__search .ship-page__input::-webkit-search-cancel-button, .ship-page__search .ship-page__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; } .ship-page__search-clear { position: absolute; right: 0.5rem; top: 50%; height: 2.25rem; width: 2.25rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); border-width: 0px; background-color: transparent; font-size: 1.125rem; line-height: 1.75rem; line-height: 1; color: rgba(79, 62, 53, .8); } .ship-page__search-clear:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-page__suggest { margin: 0px; margin-top: 0.25rem; max-height: 12rem; list-style-type: none; overflow-y: auto; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 0px; scrollbar-width: none; } .ship-page__suggest::-webkit-scrollbar { display: none; } .ship-page__suggest li { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .ship-page__suggest li:last-child { border-width: 0px; } .ship-page__suggest button { min-height: 2.75rem; width: 100%; border-width: 0px; background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-page__suggest button:hover { background-color: rgba(79,62,53,0.04); } .ship-page__suggest button:active { background-color: rgba(79,62,53,0.06); } .ship-page__suggest--city { position: absolute; left: 0px; right: 0px; z-index: 20; margin-top: 0.25rem; max-height: 13rem; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .ship-page__link { margin-top: 0.25rem; display: inline-flex; min-height: 2.5rem; cursor: pointer; align-items: center; align-self: flex-start; border-width: 0px; background-color: transparent; padding: 0px; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-page__link:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-page__back { display: inline-flex; min-height: 2.75rem; cursor: pointer; align-items: center; gap: 0.375rem; align-self: flex-start; border-width: 0px; background-color: transparent; padding: 0px; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-page__back:hover { opacity: 0.7; } .ship-page__hint { margin: 0px; margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .ship-page__error { margin: 0px; margin-top: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; color: #8E0826; } .ship-page__cta { display: inline-flex; height: 3rem; min-height: 3rem; width: 100%; cursor: pointer; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); text-decoration-line: none; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-page__cta:hover { opacity: 0.8; } .ship-page__cta { border-radius: 0 !important; } .ship-page__cta--outline { margin-top: 0.75rem; background-color: transparent; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-page__cta--outline:hover { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 1; } .ship-page__cta--inline { margin-top: 0.75rem; } .ship-page__cta.is-disabled { pointer-events: none; opacity: 0.4; } /* City — field inside “new address” step */ .ship-city { position: relative; z-index: 30; margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } .ship-city__btn { display: flex; min-height: 2.75rem; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.75rem; border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; text-align: left; } .ship-city__meta { display: flex; min-width: 0px; flex-direction: column; gap: 0.125rem; } .ship-city__label { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); } .ship-city__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; line-height: 1.5rem; font-weight: 500; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-city__chevron { flex-shrink: 0; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-city__chevron.is-open { transform: rotate(180deg); } .ship-city__panel { position: relative; margin-top: 0.5rem; } .ship-city__hint { margin: 0px; margin-top: 0.375rem; font-size: 11px; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } /* Home — selected address (same language as .ship-addr.is-selected) */ .ship-home__card { display: flex; flex-direction: column; gap: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 1rem; } @media (min-width: 768px) { .ship-home__card { padding: 1.25rem; } } .ship-home__eyebrow { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); } .ship-home__body { display: flex; flex-direction: column; gap: 0.375rem; } .ship-home__type { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-home__text { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.375; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .ship-home__text { font-size: 1rem; line-height: 1.5rem; } } .ship-home__footer { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; } .ship-home__change { display: inline-flex; min-height: 2.75rem; width: 100%; cursor: pointer; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); background-color: transparent; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-home__change:hover { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .ship-home__change { border-radius: 0 !important; } .ship-home__empty { display: flex; flex-direction: column; gap: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .ship-home__empty-text { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } /* Step headers */ .ship-step__head { margin-bottom: 1rem; display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; } .ship-step__title { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* Saved list */ .ship-list__items { display: flex; flex-direction: column; gap: 0.5rem; } .ship-list__add { margin-top: 1rem; } .ship-addr { width: 100%; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-addr:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .ship-addr { border-radius: 0 !important; } .ship-addr.is-selected { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .ship-addr.is-confirm-delete { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .ship-addr__row { display: flex; align-items: stretch; } .ship-addr__main { display: flex; min-height: 4.5rem; min-width: 0px; flex: 1 1 0%; cursor: pointer; flex-direction: column; align-items: stretch; gap: 0.375rem; border-width: 0px; background-color: transparent; padding: 1rem; text-align: left; } .ship-addr__top { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; } .ship-addr__type { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-addr__status { flex-shrink: 0; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-addr__text { text-align: left; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.375; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .ship-addr.is-selected .ship-addr__text { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-addr__delete { display: inline-flex; width: 3.5rem; min-width: 3.5rem; flex-shrink: 0; cursor: pointer; align-items: center; justify-content: center; align-self: stretch; border-width: 0px; border-left-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-addr__delete:hover { background-color: rgba(79,62,53,0.06); } .ship-addr__confirm { display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem; } .ship-addr__confirm-text { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-addr__confirm-actions { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; } .ship-addr__confirm-cancel { min-height: 2.5rem; cursor: pointer; border-width: 0px; background-color: transparent; padding: 0px; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); } .ship-addr__confirm-cancel:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-addr__confirm-yes { display: inline-flex; min-height: 2.5rem; cursor: pointer; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); border-radius: 0 !important; } /* New address */ .ship-new__method { margin-bottom: 0.75rem; } .ship-new__method .ship-page__label { margin-bottom: 0.5rem; } .ship-new__method-hint { margin: 0px; margin-top: 0.5rem; font-size: 11px; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } /* Compact 3-way segmented control */ .ship-seg { display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .cms-index-index .block.widget.block-products-list .block-content .ship-seg { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .ship-seg { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .ship-seg__btn { display: flex; min-height: 3.25rem; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 0.125rem; border-radius: 0px; border-width: 0px; background-color: transparent; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-seg__btn:hover { background-color: rgba(79,62,53,0.04); } .ship-seg__btn { border-radius: 0 !important; } .ship-seg__btn + .ship-seg__btn { border-left-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); } .ship-seg__btn.is-selected { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .ship-seg__btn.is-selected .ship-seg__sub { color: rgba(255, 255, 255, 0.75); } .ship-seg__title { font-size: 11px; font-weight: 500; text-transform: uppercase; line-height: 1.25; letter-spacing: 0.1em; } .ship-seg__sub { font-size: 10px; text-transform: none; line-height: 1.25; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .ship-new__body { margin-top: 0.25rem; } .ship-chip { display: inline-flex; min-height: 2.5rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); background-color: transparent; padding-left: 1rem; padding-right: 1rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ship-chip:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .ship-chip { border-radius: 0 !important; } .ship-chip.is-selected { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .ship-chip--sm { min-height: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 10px; } /* Sticky dock — CTA only */ .ship-dock { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 30; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 768px) { .ship-dock { position: static; margin-top: 1.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } } .ship-dock { padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0)); } /* PVZ */ .ship-pvz__toolbar { margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; } .ship-pvz__count { font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .ship-pvz__view { display: flex; gap: 0.375rem; } .ship-pvz__search { margin-bottom: 0.75rem; } .ship-pvz--map .ship-pvz__toolbar { margin-bottom: 0.5rem; } .ship-pvz--map .ship-pvz__map-wrap { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .ship-pvz__list-wrap { max-height: min(55dvh,26rem); overflow-y: auto; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); scrollbar-width: none; } .ship-pvz__list-wrap::-webkit-scrollbar { display: none; } .ship-pvz__loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 1rem; } .ship-pvz__spinner { display: inline-block; width: 1.5rem; height: 1.5rem; border-radius: 9999px; border: 1.5px solid rgba(79, 62, 53, 0.15); border-top-color: #4f3e35; animation: ship-pvz-spin 0.8s linear infinite; } @keyframes ship-pvz-spin { to { transform: rotate(360deg); } } .ship-pvz__loading-text { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(79, 62, 53, .8); } .ship-pvz__skeleton { margin-top: 0.5rem; display: flex; width: 100%; flex-direction: column; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .ship-pvz__skeleton-row { display: inline-block; height: 0.75rem; margin: 1rem 0.75rem; background: linear-gradient( 90deg, rgba(79, 62, 53, 0.06) 0%, rgba(79, 62, 53, 0.12) 50%, rgba(79, 62, 53, 0.06) 100% ); background-size: 200% 100%; animation: ship-pvz-shimmer 1.4s ease-in-out infinite; } .ship-pvz__skeleton-row:first-child { width: 88%; } .ship-pvz__skeleton-row:nth-child(2) { width: 72%; } .ship-pvz__skeleton-row:nth-child(3) { width: 80%; } @keyframes ship-pvz-shimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } .ship-pvz__empty { margin: 0px; padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 2rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .ship-pvz__list { margin: 0px; list-style-type: none; padding: 0px; } .ship-pvz__item { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .ship-pvz__item:last-child { border-width: 0px; } .ship-pvz__item-btn { display: flex; min-height: 3.5rem; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.75rem; border-width: 0px; background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.875rem; padding-bottom: 0.875rem; text-align: left; } .ship-pvz__item-btn:active { background-color: rgba(79,62,53,0.05); } .ship-pvz__item-name { font-size: 0.875rem; line-height: 1.25rem; line-height: 1.375; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-pvz__item-action { flex-shrink: 0; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ship-pvz__map-wrap { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); } .ship-pvz__map { width: 100%; height: min(55dvh, 26rem); } @media (min-width: 768px) { .ship-pvz__map { height: 28rem } } /* Courier */ .ship-courier { display: flex; flex-direction: column; gap: 0.5rem; } .ship-courier__details { margin-top: 0.5rem; display: flex; flex-direction: column; gap: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; } .ship-courier__row { display: flex; flex-direction: column; gap: 0.375rem; } .ship-courier__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 0.75rem; gap: 0.75rem; } .cms-index-index .block.widget.block-products-list .block-content .ship-courier__grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .ship-courier__grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } /* Map clusters */ .ship-pvz__cluster { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: -20px 0 0 -20px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #4f3e35; color: #fff; font-family: inherit; font-size: 11px; font-weight: 500; letter-spacing: 0.04em; cursor: pointer; box-shadow: 0 1px 4px rgba(79, 62, 53, 0.28); } .ship-pvz__cluster--lg { width: 48px; height: 48px; margin: -24px 0 0 -24px; font-size: 12px; } /* Map markers / popups */ .my-marker { transform: translate(-3px, -28px); } .my-marker__pin { position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; margin: -2.2em 0 0 -1.1em; padding: 0 3px 3px 0; cursor: pointer; border: solid 2px #fff; border-radius: 50% 50% 50% 0; background: #4F3E35; transform: perspective(40px) rotateX(20deg) rotateZ(-45deg); } .my-marker__beacon { position: absolute; z-index: -1; width: 3em; transform: translateX(-50%); } #yandex-map-pvz-list .popup { position: absolute; border-radius: 0; background: #fff; border: 1px solid #dbd7d2; transform: translate(-90px, calc(-105%)); box-shadow: none; } #yandex-map-pvz-list .popup__text { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 170px; padding: 14px 18px; text-align: center; background-color: white; font-size: 12px; letter-spacing: 0.04em; color: #4F3E35; } #yandex-map-pvz-list .popup__alert-btn { margin-top: 10px; font-family: inherit; cursor: pointer; border: 1px solid #4F3E35; border-radius: 0; color: #fff; background: #4F3E35; padding: 10px 14px; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; } #yandex-map-pvz-list .popup__close { cursor: pointer; background-color: transparent; color: #4F3E35; border: none; position: absolute; top: 0; right: 0; width: 28px; height: 28px; } /* purgecss end ignore */ .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: sticky; } .inset-0 { top: 0px; right: 0px; bottom: 0px; left: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-x-4 { left: 1rem; right: 1rem; } .inset-y-0 { top: 0px; bottom: 0px; } .bottom-0 { bottom: 0px; } .bottom-2 { bottom: 0.5rem; } .bottom-4 { bottom: 1rem; } .end-0 { right: 0px; } .left-0 { left: 0px; } .left-3 { left: 0.75rem; } .right-0 { right: 0px; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .start-0 { left: 0px; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-2 { top: 0.5rem; } .top-\[65\%\] { top: 65%; } .top-full { top: 100%; } .isolate { isolation: isolate; } .-z-10 { z-index: -10; } .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-\[11\] { z-index: 11; } .z-\[1\] { z-index: 1; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .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-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .row-start-1 { grid-row-start: 1; } .-m-2 { margin: -0.5rem; } .m-0 { margin: 0px; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .m-auto { margin: auto; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.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; } .\!mb-3 { margin-bottom: 0.75rem !important; } .\!mb-8 { margin-bottom: 2rem !important; } .\!mr-0 { margin-right: 0px !important; } .\!mr-2 { margin-right: 0.5rem !important; } .-ml-1 { margin-left: -0.25rem; } .-ml-px { margin-left: -1px; } .-mr-1 { margin-right: -0.25rem; } .-mt-1 { margin-top: -0.25rem; } .-mt-2 { margin-top: -0.5rem; } .-mt-6 { margin-top: -1.5rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-12 { margin-bottom: 3rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-10 { margin-left: 2.5rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mr-6 { margin-right: 1.5rem; } .mr-auto { margin-right: auto; } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-auto { margin-top: auto; } .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; } .hidden { display: none; } .aspect-\[var\(--gallery-ratio\)\] { aspect-ratio: var(--gallery-ratio); } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .size-4 { width: 1rem; height: 1rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-64 { height: 16rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[18rem\] { height: 18rem; } .h-\[600px\] { height: 600px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[min\(70vh\2c 520px\)\] { max-height: min(70vh,520px); } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .min-h-14 { min-height: 3.5rem; } .min-h-16 { min-height: 4rem; } .min-h-\[10rem\] { min-height: 10rem; } .min-h-\[20px\] { min-height: 20px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[48px\] { min-height: 48px; } .min-h-a11y { min-height: 44px; } .w-0 { width: 0px; } .w-1\/2 { width: 50%; } .w-1\/4 { width: 25%; } .w-10 { width: 2.5rem; } .w-12 { width: 3rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-4\/12 { width: 33.333333%; } .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-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-96 { width: 24rem; } .w-\[48px\] { width: 48px; } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-screen { width: 100vw; } .\!min-w-0 { min-width: 0px !important; } .min-w-0 { min-width: 0px; } .min-w-20 { min-width: 5rem; } .min-w-40 { min-width: 10rem; } .min-w-48 { min-width: 12rem; } .min-w-\[3\.5rem\] { min-width: 3.5rem; } .min-w-\[48px\] { min-width: 48px; } .max-w-3xl { max-width: 48rem; } .max-w-72 { max-width: 18rem; } .max-w-\[var\(--gallery-width\)\] { max-width: var(--gallery-width); } .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-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-none { flex: none; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .table-auto { table-layout: auto; } .origin-top-left { transform-origin: top left; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(-50%, 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)); 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; transform: translate(-1.25rem, 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)); 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-full { --tw-translate-x: -100%; transform: translate(-100%, 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)); 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 { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), -0.25rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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-8 { --tw-translate-y: -2rem; transform: translate(var(--tw-translate-x), -2rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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%; transform: translate(var(--tw-translate-x), -100%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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-0 { --tw-translate-x: 0px; transform: translate(0px, 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)); 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-full { --tw-translate-x: 100%; transform: translate(100%, 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)); 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; transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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%; transform: translate(var(--tw-translate-x), 100%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); } .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(360deg); } } .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; -moz-user-select: none; user-select: none; } .resize { resize: both; } .snap-start { scroll-snap-align: start; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .grid-flow-row { grid-auto-flow: row; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .place-items-center { align-items: center; justify-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; } .gap-0 { gap: 0px; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-x-1 { -moz-column-gap: 0.25rem; column-gap: 0.25rem; } .gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-6 { row-gap: 1.5rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * 0); margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * (1 - 0)); margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(0.25rem * calc(1 - 0)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * 0); margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * (1 - 0)); margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))); margin-left: calc(1rem * calc(1 - 0)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * (1 - 0)); margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.25rem * calc(1 - 0)); margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * 0); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * (1 - 0)); margin-top: calc(0.375rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.375rem * calc(1 - 0)); margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * 0); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * (1 - 0)); margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.5rem * calc(1 - 0)); margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * 0); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * (1 - 0)); margin-top: calc(0.625rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.625rem * calc(1 - 0)); margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * 0); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * (1 - 0)); margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.75rem * calc(1 - 0)); margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * 0); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * (1 - 0)); margin-top: calc(2rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(2rem * calc(1 - 0)); margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * 0); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .self-end { align-self: flex-end; } .self-center { align-self: center; } .justify-self-start { justify-self: start; } .justify-self-end { justify-self: end; } .justify-self-center { justify-self: center; } .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; } .overflow-y-scroll { overflow-y: scroll; } .overscroll-y-contain { overscroll-behavior-y: contain; } .overscroll-x-contain { overscroll-behavior-x: contain; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-nowrap { white-space: nowrap; } .break-words { word-wrap: break-word; } .rounded { border-radius: 0.25rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .\!border-0 { border-width: 0px !important; } .\!border-2 { border-width: 2px !important; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .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: 0px; } .border-l-2 { border-left-width: 2px; } .border-l-4 { border-left-width: 4px; } .border-r-0 { border-right-width: 0px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-t-2 { border-top-width: 2px; } .border-solid { border-style: solid; } .border-black { --tw-border-opacity: 1; border-color: rgba(0, 0, 0, 1); border-color: rgba(0, 0, 0, var(--tw-border-opacity)); } .border-blue-500 { --tw-border-opacity: 1; border-color: rgba(59, 130, 246, 1); border-color: rgba(59, 130, 246, var(--tw-border-opacity)); } .border-blue-600 { --tw-border-opacity: 1; border-color: rgba(37, 99, 235, 1); border-color: rgba(37, 99, 235, var(--tw-border-opacity)); } .border-container { --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); } .border-container-darker { --tw-border-opacity: 1; border-color: rgba(182, 182, 182, 1); border-color: rgba(182, 182, 182, var(--tw-border-opacity)); } .border-container-lighter { --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .border-current { border-color: currentColor; } .border-gray-200 { --tw-border-opacity: 1; border-color: rgba(229, 231, 235, 1); border-color: rgba(229, 231, 235, var(--tw-border-opacity)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgba(209, 213, 219, 1); border-color: rgba(209, 213, 219, var(--tw-border-opacity)); } .border-gray-400 { --tw-border-opacity: 1; border-color: rgba(156, 163, 175, 1); border-color: rgba(156, 163, 175, var(--tw-border-opacity)); } .border-gray-900 { --tw-border-opacity: 1; border-color: rgba(17, 24, 39, 1); border-color: rgba(17, 24, 39, var(--tw-border-opacity)); } .border-green-400 { --tw-border-opacity: 1; border-color: rgba(52, 211, 153, 1); border-color: rgba(52, 211, 153, var(--tw-border-opacity)); } .border-primary { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .border-primary-lighter { --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity)); } .border-slate-200 { --tw-border-opacity: 1; border-color: rgba(226, 232, 240, 1); border-color: rgba(226, 232, 240, var(--tw-border-opacity)); } .border-slate-300 { --tw-border-opacity: 1; border-color: rgba(203, 213, 225, 1); border-color: rgba(203, 213, 225, var(--tw-border-opacity)); } .border-transparent { border-color: transparent; } .border-white\/40 { border-color: rgba(255, 255, 255, 0.4); } .border-zinc-100 { --tw-border-opacity: 1; border-color: rgba(244, 244, 245, 1); border-color: rgba(244, 244, 245, var(--tw-border-opacity)); } .border-zinc-200 { --tw-border-opacity: 1; border-color: rgba(228, 228, 231, 1); border-color: rgba(228, 228, 231, var(--tw-border-opacity)); } .bg-black { --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } .bg-black\/20 { background-color: rgba(0, 0, 0, 0.2); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgba(239, 246, 255, 1); background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgba(37, 99, 235, 1); background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); } .bg-container { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-container-darker { --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } .bg-container-lighter { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgba(229, 231, 235, 1); background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, 1); background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgba(17, 24, 39, 1); background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgba(16, 185, 129, 1); background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); } .bg-primary { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgba(254, 242, 242, 1); background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgba(239, 68, 68, 1); background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgba(241, 245, 249, 1); background-color: rgba(241, 245, 249, var(--tw-bg-opacity)); } .bg-slate-200 { --tw-bg-opacity: 1; background-color: rgba(226, 232, 240, 1); background-color: rgba(226, 232, 240, var(--tw-bg-opacity)); } .bg-slate-50 { --tw-bg-opacity: 1; background-color: rgba(248, 250, 252, 1); background-color: rgba(248, 250, 252, var(--tw-bg-opacity)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-white\/40 { background-color: rgba(255, 255, 255, 0.4); } .bg-white\/60 { background-color: rgba(255, 255, 255, 0.6); } .bg-white\/70 { background-color: rgba(255, 255, 255, 0.7); } .bg-opacity-100 { --tw-bg-opacity: 1; } .bg-opacity-25 { --tw-bg-opacity: 0.25; } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .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)); } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-black\/60 { --tw-gradient-from: rgba(0, 0, 0, 0.6) var(--tw-gradient-from-position); --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .fill-black\/20 { fill: rgba(0, 0, 0, 0.2); } .fill-current { fill: currentColor; } .fill-primary { fill: #4f3e35; } .stroke-current { stroke: currentColor; } .stroke-primary { stroke: #4f3e35; } .stroke-white { stroke: #fff; } .stroke-white\/75 { stroke: rgba(255, 255, 255, 0.75); } .stroke-2 { stroke-width: 2; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-top { -o-object-position: top; object-position: top; } .\!p-0 { padding: 0px !important; } .p-0 { padding: 0px; } .p-1 { padding: 0.25rem; } .p-10 { padding: 2.5rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-12 { padding-left: 3rem; padding-right: 3rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .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: 0px; padding-bottom: 0px; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .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-1 { padding-bottom: 0.25rem; } .pb-10 { padding-bottom: 2.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-24 { padding-bottom: 6rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pl-1 { padding-left: 0.25rem; } .pl-10 { padding-left: 2.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-6 { padding-left: 1.5rem; } .pr-1 { padding-right: 0.25rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-6 { padding-right: 1.5rem; } .pr-8 { padding-right: 2rem; } .ps-3 { padding-left: 0.75rem; } .pt-0 { padding-top: 0px; } .pt-1 { padding-top: 0.25rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-start { text-align: left; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .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-\[11px\] { font-size: 11px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction); 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) tabular-nums 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-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-7 { line-height: 1.75rem; } .leading-none { line-height: 1; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-\[0\.08em\] { letter-spacing: 0.08em; } .tracking-\[0\.12em\] { letter-spacing: 0.12em; } .tracking-\[0\.14em\] { letter-spacing: 0.14em; } .tracking-\[0\.1em\] { letter-spacing: 0.1em; } .tracking-\[0\.2em\] { letter-spacing: 0.2em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-widest { letter-spacing: 0.1em; } .text-black { --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity)); } .text-blue-400 { --tw-text-opacity: 1; color: rgba(96, 165, 250, 1); color: rgba(96, 165, 250, var(--tw-text-opacity)); } .text-blue-700 { --tw-text-opacity: 1; color: rgba(29, 78, 216, 1); color: rgba(29, 78, 216, var(--tw-text-opacity)); } .text-current { color: currentColor; } .text-gray-200 { --tw-text-opacity: 1; color: rgba(229, 231, 235, 1); color: rgba(229, 231, 235, var(--tw-text-opacity)); } .text-gray-300 { --tw-text-opacity: 1; color: rgba(209, 213, 219, 1); color: rgba(209, 213, 219, var(--tw-text-opacity)); } .text-gray-400 { --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity)); } .text-gray-500 { --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity)); } .text-gray-600 { --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity)); } .text-gray-700 { --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity)); } .text-gray-800 { --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity)); } .text-gray-900 { --tw-text-opacity: 1; color: rgba(17, 24, 39, 1); color: rgba(17, 24, 39, var(--tw-text-opacity)); } .text-orange-400 { --tw-text-opacity: 1; color: rgba(251, 146, 60, 1); color: rgba(251, 146, 60, var(--tw-text-opacity)); } .text-primary { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .text-primary-lighter { color: rgba(79, 62, 53, .8); } .text-red { --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity)); } .text-red-600 { --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity)); } .text-secondary { --tw-text-opacity: 1; color: rgba(75, 85, 99, 1); color: rgba(75, 85, 99, var(--tw-text-opacity)); } .text-secondary-darker { --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity)); } .text-slate-500 { --tw-text-opacity: 1; color: rgba(100, 116, 139, 1); color: rgba(100, 116, 139, var(--tw-text-opacity)); } .text-slate-700 { --tw-text-opacity: 1; color: rgba(51, 65, 85, 1); color: rgba(51, 65, 85, var(--tw-text-opacity)); } .text-slate-800 { --tw-text-opacity: 1; color: rgba(30, 41, 59, 1); color: rgba(30, 41, 59, var(--tw-text-opacity)); } .text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .text-yellow-400 { --tw-text-opacity: 1; color: rgba(251, 191, 36, 1); color: rgba(251, 191, 36, var(--tw-text-opacity)); } .text-zinc-800 { --tw-text-opacity: 1; color: rgba(39, 39, 42, 1); color: rgba(39, 39, 42, var(--tw-text-opacity)); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .decoration-primary-lighter { text-decoration-color: rgba(79, 62, 53, .3); } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-25 { opacity: 0.25; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .shadow { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 25px 50px -12px rgba(0, 0, 0, 0.25); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.32\)\] { --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.32); --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), inset 0 0 0 1px rgba(0,0,0,0.32); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline-offset-2 { outline-offset: 2px; } .outline-offset-4 { outline-offset: 4px; } .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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .ring-2 { --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .ring-blue-500\/50 { --tw-ring-color: rgba(59, 130, 246, 0.5); } .ring-gray-900 { --tw-ring-opacity: 1; --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); } .ring-primary { --tw-ring-opacity: 1; --tw-ring-color: rgba(79, 62, 53, var(--tw-ring-opacity)); } .ring-red-500 { --tw-ring-opacity: 1; --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); } .ring-opacity-50 { --tw-ring-opacity: 0.5; } .ring-offset-2 { --tw-ring-offset-width: 2px; } .blur { --tw-blur: blur(8px); filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color, background-color, border-color, 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(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100 { transition-duration: 100ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .will-change-transform { will-change: transform; } /* This class only exists for backwards compatibility, */ /* The default is applied in tailwind.config.js since Hyvä 1.2.0 */ .page-footer .page-footer-inner { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .account-order-view .page-footer .page-footer-inner { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .page-footer .footer-main { width: 100%; } .page-footer .footer-grid { display: grid; width: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); } .cms-index-index .block.widget.block-products-list .block-content .page-footer .footer-grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .page-footer .footer-grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .page-footer .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: flex-start; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } @media (min-width: 1024px) { .page-footer .footer-grid { -moz-column-gap: 4rem; column-gap: 4rem; } } } .page-footer .footer-col { width: 100%; min-width: 0px; } .page-footer .footer-col:not(:last-child) { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } @media (min-width: 768px) { .page-footer .footer-col:not(:last-child) { border-bottom-width: 0 } } .page-footer .footer-collapse { width: 100%; } .page-footer .footer-collapse__trigger { display: flex; min-height: 52px; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.75rem; border-width: 0px; background-color: transparent; padding: 0px; padding-top: 0px; padding-bottom: 0px; text-align: left; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .page-footer .footer-collapse__trigger:disabled { pointer-events: none; margin-bottom: 1.25rem; min-height: 0px; cursor: default; justify-content: flex-start; opacity: 1; } .page-footer .footer-heading { margin: 0px; display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0.16em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .page-footer .footer-heading p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .page-footer .footer-heading.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-heading.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .page-footer .footer-heading.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-heading.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .page-footer .footer-heading.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .page-footer .footer-heading.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .page-footer .footer-heading.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-heading.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .page-footer .footer-collapse__icon { display: inline-flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } @media (min-width: 768px) { .page-footer .footer-collapse__icon { display: none !important } } .page-footer .footer-collapse__icon.is-open { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); } .page-footer .footer-collapse__panel { display: none; } .page-footer .footer-collapse__panel.is-open { display: block; } .page-footer .footer-collapse__body { padding-bottom: 1rem; } @media (min-width: 768px) { .page-footer .footer-collapse__body { padding-bottom: 0px; } } .page-footer .footer-nav__list { margin: 0px; list-style-type: none; padding: 0px; } .page-footer .footer-link { display: block; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.375; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } [data-content-type$='block'] .page-footer .footer-link p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .page-footer .footer-link.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-link.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .page-footer .footer-link.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-link.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .page-footer .footer-link.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .page-footer .footer-link.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .page-footer .footer-link.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-link.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .page-footer .footer-link:hover { opacity: 0.55; } .page-footer .footer-bottom__inner { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 768px) { .page-footer .footer-bottom__inner { min-height: 72px; flex-direction: row; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } } .page-footer .footer-logo img { margin-left: auto; margin-right: auto; display: block; height: auto; width: 2.75rem; } [data-content-type$='block'] .page-footer .footer-logo img p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .page-footer .footer-logo img.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-logo img.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .page-footer .footer-logo img.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-logo img.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .page-footer .footer-logo img.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .page-footer .footer-logo img.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .page-footer .footer-logo img.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .page-footer .footer-logo img.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .page-footer .footer-logo img { margin-left: 0px; margin-right: 0px; } } .page-footer .footer-copy { margin: 0px; text-align: center; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; line-height: 1; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .page-footer .footer-copy { text-align: right; } } .page-header .header { border-bottom-width: 1px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .account-order-view .page-header .header { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .page-header .header .header-inner { align-items: center; } /* Keep columns fixed even when the logo is display:none on PDP */ .page-header .header .header-start { grid-column-start: 1; display: flex; align-items: center; gap: 0px; justify-self: start; } .page-header .header .logo-wrapper { grid-column-start: 2; justify-self: center; } .page-header .header .header-end { grid-column-start: 3; display: flex; align-items: center; gap: 0px; justify-self: end; } .page-header .header .header-nav-mobile { height: 2.5rem; align-items: center; } .page-header .header .header-mobile-panel { height: 100dvh; max-height: 100dvh; } .page-header .header .header-mobile-panel__scroll { position: relative; min-height: 0px; flex: 1 1 0%; } .page-header .header .header-mobile-panel__scroll-body { height: 100%; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: none; -ms-overflow-style: none; } .page-header .header .header-mobile-panel__scroll-body::-webkit-scrollbar { display: none; width: 0; height: 0; } .page-header .header .header-mobile-panel__scroll-fade { pointer-events: none; position: absolute; left: 0px; right: 0px; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; height: 3rem; z-index: 2; } .page-header .header .header-mobile-panel__scroll-fade.is-visible { opacity: 1; } .page-header .header .header-mobile-panel__scroll-fade--top { top: 0; background: linear-gradient( to bottom, #fff 0%, rgba(255, 255, 255, 0) 100% ); } .page-header .header .header-mobile-panel__scroll-fade--bottom { bottom: 0; background: linear-gradient( to top, #fff 0%, rgba(255, 255, 255, 0) 100% ); } .page-header .header .header-action { display: inline-flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0px; padding: 0px; line-height: 1; outline-offset: 2px; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .page-header .header .header-action:hover { opacity: 0.6; } .page-header .header .header-action svg.header-icon { display: block; height: 1.25rem; width: 1.25rem; } [data-content-type$='block'] .page-header .header .header-action svg.header-icon p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .page-header .header .header-action svg.header-icon.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-action svg.header-icon.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .page-header .header .header-action svg.header-icon.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-action svg.header-icon.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .page-header .header .header-action svg.header-icon.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .page-header .header .header-action svg.header-icon.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .page-header .header .header-action svg.header-icon.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-action svg.header-icon.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .page-header .header #menu-search-icon-mobile { display: inline-flex; } @media (min-width: 1024px) { .page-header .header #menu-search-icon-mobile { display: none !important } } .page-header .header #menu-search-icon { display: none !important; } @media (min-width: 1024px) { .page-header .header #menu-search-icon { display: inline-flex !important } } .page-header .header .header-search-input { font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.025em; } @media (min-width: 1024px) { .page-header .header .header-search-input { font-size: 0.875rem; line-height: 1.25rem; } } .page-header .header .header-search-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; width: 14px; height: 14px; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234f3e35'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); cursor: pointer; } .page-header .header .header-search-dropdown { scrollbar-width: thin; scrollbar-color: #cfc6bd transparent; } .page-header .header .header-search-dropdown::-webkit-scrollbar { width: 4px; } .page-header .header .header-search-dropdown::-webkit-scrollbar-thumb { background: #cfc6bd; } .page-header .header .header-search-dropdown::-webkit-scrollbar-track { background: transparent; } .page-header .header .header-search-section { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .page-header .header .header-search-section:last-child { border-bottom-width: 0px; } .page-header .header .header-search-section__title { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 0.5rem; text-align: left; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em; color: rgba(79, 62, 53, .8); } .page-header .header .header-search-section__list { margin: 0px; list-style-type: none; padding: 0px; } .page-header .header .header-search-section__item { margin: 0px; } .page-header .header .header-search-term { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .page-header .header .header-search-term:hover { opacity: 0.6; } .page-header .header .header-search-term__label { min-width: 0px; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .page-header .header .header-search-term__count, .page-header .header .header-search-term__meta { flex-shrink: 0; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .page-header .header .header-search-product { display: flex; align-items: center; gap: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .page-header .header .header-search-product:hover { opacity: 0.7; } .page-header .header .header-search-product__media { width: 56px; flex-shrink: 0; overflow: hidden; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } @media (min-width: 640px) { .page-header .header .header-search-product__media { width: 64px; } } .page-header .header .header-search-product__media img { display: block; aspect-ratio: 3/4; height: auto; width: 100%; -o-object-fit: cover; object-fit: cover; } [data-content-type$='block'] .page-header .header .header-search-product__media img p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .page-header .header .header-search-product__media img.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-search-product__media img.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .page-header .header .header-search-product__media img.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-search-product__media img.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .page-header .header .header-search-product__media img.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .page-header .header .header-search-product__media img.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .page-header .header .header-search-product__media img.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-search-product__media img.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .page-header .header .header-search-product__info { display: flex; min-width: 0px; flex-direction: column; gap: 0.25rem; } .page-header .header .header-search-product__title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .page-header .header .header-search-product__price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .page-header .header .header-search-product__price .price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .page-header .header .header-search-product__price .old-price, .page-header .header .header-search-product__price .price-wrapper[data-price-type="oldPrice"] { margin-right: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 400; color: rgba(79, 62, 53, .8); text-decoration-line: line-through; } .page-header .header .form.minisearch .search-input-icon { fill: #4f3e35; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .page-header .header .header-nav-desktop__list { margin: 0px; display: flex; list-style-type: none; flex-wrap: wrap; align-items: center; -moz-column-gap: 1.5rem; column-gap: 1.5rem; padding: 0px; } @media (min-width: 1280px) { .page-header .header .header-nav-desktop__list { -moz-column-gap: 2rem; column-gap: 2rem; } } .page-header .header .header-nav-desktop__item { margin: 0px; /* no position:relative — megamenu is fixed to viewport */ } .page-header .header .header-nav-desktop__trigger { margin: 0px; display: inline-flex; height: 4rem; align-items: center; white-space: nowrap; padding-top: 0px; padding-bottom: 0px; text-decoration-line: none; } .page-header .header .nav-label { border-bottom-width: 1px; border-color: transparent; padding-bottom: 0.125rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } .page-header .header .nav-label:hover { opacity: 0.6; } @media (min-width: 1280px) { .page-header .header .nav-label { font-size: 0.875rem; line-height: 1.25rem; } } .page-header .header .header-nav-desktop__trigger.is-open .nav-label { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); opacity: 1; } .page-header .header .nav-label--accent { font-weight: 500; } .page-header .header .header-megamenu-backdrop { /* Start below header bar (h-14 / lg:h-16) so the top strip stays undimmed */ pointer-events: none; position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 40; background-color: rgba(79, 62, 53, 0.25); top: 3.5rem; /* .header-inner h-14 */ -webkit-backdrop-filter: none; backdrop-filter: none; } @media (min-width: 1024px) { .page-header .header .header-megamenu-backdrop { top: 4rem /* .header-inner lg:h-16 */ } } .page-header .header .header-megamenu { position: fixed; left: 0px; right: 0px; z-index: 50; width: 100%; max-width: none; border-top-width: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-order-view .page-header .header .header-megamenu { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .page-header .header .header-megamenu { top: 4rem; /* matches .header-inner lg:h-16 */ } .page-header .header .header-megamenu__inner { margin-left: auto; margin-right: auto; display: flex; align-items: flex-start; gap: 2.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 1280px) { .page-header .header .header-megamenu__inner { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 640px) { .page-header .header .header-megamenu__inner { max-width: 640px; } } @media (min-width: 768px) { .page-header .header .header-megamenu__inner { max-width: 768px; } } @media (min-width: 1024px) { .page-header .header .header-megamenu__inner { max-width: 1024px; } } @media (min-width: 1280px) { .page-header .header .header-megamenu__inner { max-width: 1280px; } } @media (min-width: 1536px) { .page-header .header .header-megamenu__inner { max-width: 1536px; } } } @media (min-width: 1024px) { .page-header .header .header-megamenu__inner { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1280px) { .page-header .header .header-megamenu__inner { gap: 3.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } } .page-header .header .header-megamenu__main { display: flex; min-width: 0px; flex-grow: 1; flex-direction: column; } .page-header .header .header-megamenu__list { margin: 0px; display: grid; list-style-type: none; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; grid-row-gap: 0px; row-gap: 0px; padding: 0px; } .cms-index-index .block.widget.block-products-list .block-content .page-header .header .header-megamenu__list { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .page-header .header .header-megamenu__list { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } @media (min-width: 1280px) { .page-header .header .header-megamenu__list { grid-template-columns: repeat(3, minmax(0, 1fr)); -moz-column-gap: 3rem; column-gap: 3rem; } } .page-header .header .header-megamenu__item { margin: 0px; } .page-header .header .header-megamenu__link { margin: 0px; display: block; border-bottom-width: 1px; border-color: transparent; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.04em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } [data-content-type$='block'] .page-header .header .header-megamenu__link p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .page-header .header .header-megamenu__link.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-megamenu__link.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .page-header .header .header-megamenu__link.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-megamenu__link.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .page-header .header .header-megamenu__link.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .page-header .header .header-megamenu__link.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .page-header .header .header-megamenu__link.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .page-header .header .header-megamenu__link.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .page-header .header .header-megamenu__link:hover { opacity: 0.6; } .page-header .header .header-megamenu__link--accent { font-weight: 500; } .page-header .header .header-megamenu__footer { margin-top: 1.5rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1rem; } .page-header .header .header-megamenu__view-all { display: inline-flex; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); padding-bottom: 0.125rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .page-header .header .header-megamenu__view-all:hover { opacity: 0.7; } .page-header .header .header-megamenu__editorial { display: none; width: 34%; max-width: 24rem; flex-shrink: 0; } @media (min-width: 1024px) { .page-header .header .header-megamenu__editorial { display: block; } } .page-header .header svg.header-icon { height: 1.25rem; width: 1.25rem; flex-shrink: 0; fill: #4f3e35; } .page-header .header svg.header-icon path { stroke: #4f3e35; stroke-width: 0; } .page-header .header .cart-summary-count { pointer-events: none; position: absolute; top: 0.125rem; right: 0.125rem; z-index: 1; display: inline-flex; height: 14px; min-width: 14px; align-items: center; justify-content: center; border-radius: 0px; --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 3px; padding-right: 3px; font-size: 9px; font-weight: 500; --tw-numeric-spacing: tabular-nums; font-feature-settings: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) tabular-nums var(--tw-numeric-fraction); 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) tabular-nums 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); line-height: 1; letter-spacing: -0.025em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .page-header .header .logo-wrapper a { content: url(../images/logo-black.svg); width: 100%; display: block; } .page-header .header.opacity-theme, .page-header .header.opacity-product-theme { border-color: transparent; background-color: transparent; } .page-header .header.opacity-theme .nav-label, .page-header .header.opacity-product-theme .nav-label { --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .page-header .header.opacity-theme .nav-label:hover, .page-header .header.opacity-product-theme .nav-label:hover { opacity: 0.7; } .page-header .header.opacity-theme svg.header-icon, .page-header .header.opacity-product-theme svg.header-icon { fill: #fff; } .page-header .header.opacity-theme svg.header-icon path, .page-header .header.opacity-product-theme svg.header-icon path { stroke: #fff; } .page-header .header.opacity-theme .form.minisearch .search-input-icon, .page-header .header.opacity-product-theme .form.minisearch .search-input-icon { fill: #4f3e35; } .page-header .header.opacity-theme .form.minisearch input, .page-header .header.opacity-product-theme .form.minisearch input { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .page-header .header.opacity-theme .form.minisearch input::-moz-placeholder, .page-header .header.opacity-product-theme .form.minisearch input::-moz-placeholder { color: rgba(79, 62, 53, .8); } .page-header .header.opacity-theme .form.minisearch input::placeholder, .page-header .header.opacity-product-theme .form.minisearch input::placeholder { color: rgba(79, 62, 53, .8); } .page-header .header.opacity-theme .logo-wrapper a { content: url(../images/logo-white.svg); width: 100%; } .page-header .header.opacity-theme .cart-summary-count { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .page-header .header.opacity-product-theme { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } } /* * Mobile PDP (unscrolled): menu left + cart right only — hide logo/search/ * account/wishlist so chrome does not cover the gallery. After scroll the * class is removed and the full solid header returns. */ .page-header .header.opacity-product-theme .logo-wrapper { display: none; } @media (min-width: 768px) { .page-header .header.opacity-product-theme .logo-wrapper { display: block; } } .page-header .header.opacity-product-theme #menu-search-icon-mobile { display: none; } @media (min-width: 768px) { .page-header .header.opacity-product-theme #menu-search-icon-mobile { display: inline-flex; } } .page-header .header.opacity-product-theme #header-customer, .page-header .header.opacity-product-theme #header-wishlist { display: none; } @media (min-width: 768px) { .page-header .header.opacity-product-theme #header-customer, .page-header .header.opacity-product-theme #header-wishlist { display: inline-flex; } } .page-header .header.opacity-product-theme .logo-wrapper a { content: url(../images/logo-white.svg); width: 100%; display: block; } @media (min-width: 768px) { .page-header .header.opacity-product-theme .logo-wrapper a { content: url(../images/logo-black.svg) } } .page-header .header.opacity-product-theme .nav-label { --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { .page-header .header.opacity-product-theme .nav-label { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } } .page-header .header.opacity-product-theme svg.header-icon { fill: #fff; } @media (min-width: 768px) { .page-header .header.opacity-product-theme svg.header-icon { fill: #4f3e35; } } .page-header .header.opacity-product-theme svg.header-icon path { stroke: #fff; } @media (min-width: 768px) { .page-header .header.opacity-product-theme svg.header-icon path { stroke: #4f3e35; } } .page-header .header.opacity-product-theme .cart-summary-count { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .page-header .header.opacity-product-theme .cart-summary-count { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } } .page-wrapper { display: flex; min-height: 100vh; flex-direction: column; } .page-main { flex-grow: 1; } .table-row-items > div.table-row-item { --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } .table-row-items > div.table-row-item:nth-child(2n + 1) { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .account-order-view .table-row-items > div.table-row-item:nth-child(2n + 1) { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .description-block { margin-left: 0px; margin-right: 0px; margin-top: 2.5rem; margin-bottom: 2.5rem; width: 100%; max-width: none; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 0px; padding-right: 0px; padding-top: 2.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .description-block { margin-top: 4rem; margin-bottom: 4rem; padding-top: 3.5rem; } } .description-block h1, .description-block h2, .description-block h3, .description-block h4 { margin-bottom: 1.25rem; text-align: center; font-size: 1rem; line-height: 1.5rem; font-weight: 500; line-height: 1.375; letter-spacing: 0.06em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .description-block h1, .description-block h2, .description-block h3, .description-block h4 { margin-bottom: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; } } .description-block h1, .description-block h2, .description-block h3, .description-block h4 { margin-top: 0; } .description-block p { margin-bottom: 1rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); margin-top: 0; } .description-block ul, .description-block ol { margin-bottom: 1rem; list-style-type: none; padding-left: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .description-block li { position: relative; margin-bottom: 0.5rem; padding-left: 0px; } .description-block li:last-child { margin-bottom: 0px; } .description-block a { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: underline; text-underline-offset: 2px; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .description-block a:hover { opacity: 0.6; } .description-block strong, .description-block b { font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .description-block > *:first-child { margin-top: 0px; } .description-block > *:last-child { margin-bottom: 0px; } /* Sticky ATC must not cover the site footer on mobile */ .catalog-product-view .page-footer { padding-bottom: 6rem; } @media (min-width: 768px) { .catalog-product-view .page-footer { padding-bottom: 0px; } } .catalog-product-view .product-info__title { font-weight: 400; } .catalog-product-view .product-info__price .price-wrapper, .catalog-product-view .product-info__price .price { font-size: 1rem; line-height: 1.5rem; font-weight: 500; letter-spacing: 0.025em; } @media (min-width: 768px) { .catalog-product-view .product-info__price .price-wrapper, .catalog-product-view .product-info__price .price { font-size: 1.125rem; line-height: 1.75rem; } } .catalog-product-view .product-info__price .old-price .price-wrapper, .catalog-product-view .product-info__price .old-price .price { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: rgba(79, 62, 53, .8); } .catalog-product-view .product-atc-bar { z-index: 20; /* Avoid compositor lag / jump when Chrome mobile UI resizes */ backface-visibility: hidden; } .catalog-product-view .product-atc-bar #product-addtocart-button, .catalog-product-view .product-atc-bar .product-atc { border-radius: 0px; border-width: 0px; text-decoration-line: none; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); -webkit-text-decoration: none !important; text-decoration: none !important; /* Tailwind's outline-none = 2px transparent outline + offset; that paints a hover hairline */ outline: 0 !important; outline-offset: 0 !important; box-shadow: none !important; } .catalog-product-view .product-atc-bar #product-addtocart-button:focus, .catalog-product-view .product-atc-bar #product-addtocart-button:focus-visible, .catalog-product-view .product-atc-bar #product-addtocart-button:active, .catalog-product-view .product-atc-bar #product-addtocart-button:hover, .catalog-product-view .product-atc-bar .product-atc:focus, .catalog-product-view .product-atc-bar .product-atc:focus-visible, .catalog-product-view .product-atc-bar .product-atc:active, .catalog-product-view .product-atc-bar .product-atc:hover { border-width: 0px; --tw-bg-opacity: 1; background-color: rgba(110, 91, 81, 1); background-color: rgba(110, 91, 81, var(--tw-bg-opacity)); text-decoration-line: none; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -webkit-text-decoration: none !important; text-decoration: none !important; outline: 0 !important; outline-offset: 0 !important; box-shadow: none !important; } .catalog-product-view .product-atc-bar #product-addtocart-button > span, .catalog-product-view .product-atc-bar .product-atc > span { -webkit-text-decoration: none !important; text-decoration: none !important; -webkit-text-decoration: none !important; line-height: 1.2; } /* Do not !important display here — breaks md:!hidden on the price */ .catalog-product-view .product-atc-bar #product-addtocart-button > .product-atc__label, .catalog-product-view .product-atc-bar #product-addtocart-button > .product-atc__price, .catalog-product-view .product-atc-bar .product-atc > .product-atc__label, .catalog-product-view .product-atc-bar .product-atc > .product-atc__price { display: inline-flex; align-items: center; } .catalog-product-view .product-atc-bar #product-addtocart-button .price-box, .catalog-product-view .product-atc-bar #product-addtocart-button .price-container, .catalog-product-view .product-atc-bar #product-addtocart-button .final-price, .catalog-product-view .product-atc-bar #product-addtocart-button .price-wrapper, .catalog-product-view .product-atc-bar .product-atc .price-box, .catalog-product-view .product-atc-bar .product-atc .price-container, .catalog-product-view .product-atc-bar .product-atc .final-price, .catalog-product-view .product-atc-bar .product-atc .price-wrapper { display: inline-flex; align-items: baseline; line-height: 1.2; } .catalog-product-view .product-atc-bar #product-addtocart-button .price, .catalog-product-view .product-atc-bar #product-addtocart-button .price-wrapper, .catalog-product-view .product-atc-bar .product-atc .price, .catalog-product-view .product-atc-bar .product-atc .price-wrapper { font-size: 0.75rem; line-height: 1rem; font-weight: 500; letter-spacing: 0.14em; color: inherit; text-decoration-line: none; -webkit-text-decoration: none !important; text-decoration: none !important; } @media (max-width: 767px) { .catalog-product-view .product-atc-bar { /* Background fills to the screen edge; inner padding stays on the actions row */ padding-bottom: env(safe-area-inset-bottom, 0px); } } .catalog-product-view .product-drawer__panel { box-shadow: none; } /* Scrollable area: hide native scrollbars, hint via edge fades */ .catalog-product-view .product-drawer__scroll { position: relative; min-height: 0px; flex: 1 1 0%; } .catalog-product-view .product-drawer__content, .catalog-product-view .product-stock__body { height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; -ms-overflow-style: none; } .catalog-product-view .product-drawer__content::-webkit-scrollbar, .catalog-product-view .product-stock__body::-webkit-scrollbar { display: none; width: 0; height: 0; } .catalog-product-view .product-drawer__scroll-fade { pointer-events: none; position: absolute; left: 0px; right: 0px; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; height: 3rem; z-index: 2; } .catalog-product-view .product-drawer__scroll-fade.is-visible { opacity: 1; } .catalog-product-view .product-drawer__scroll-fade--top { top: 0; background: linear-gradient( to bottom, #fff 0%, rgba(255, 255, 255, 0) 100% ); } .catalog-product-view .product-drawer__scroll-fade--bottom { bottom: 0; background: linear-gradient( to top, #fff 0%, rgba(255, 255, 255, 0) 100% ); } .catalog-product-view .product-drawer__head { position: relative; margin-bottom: 2rem; display: flex; min-height: 2rem; flex-shrink: 0; align-items: center; justify-content: center; } .catalog-product-view .product-drawer__close { position: absolute; left: 0px; top: 50%; margin-left: -0.25rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); cursor: pointer; padding: 0.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .product-drawer__close:hover { opacity: 0.6; } .catalog-product-view .product-drawer__close:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .catalog-product-view .product-drawer__title { margin: 0px; padding-left: 2.5rem; padding-right: 2.5rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .catalog-product-view .product-drawer__title { font-size: 1rem; line-height: 1.5rem; } } .catalog-product-view .product-stock__status { color: rgba(79, 62, 53, .8); } .catalog-product-view .product-stock__status::before { content: ''; margin-right: 0.5rem; display: inline-block; height: 0.375rem; width: 0.375rem; background-color: currentColor; vertical-align: middle; } .catalog-product-view .product-stock__status--ok { color: #2f6b4f; } .catalog-product-view .product-stock__status--low { color: #a16207; } .catalog-product-view .product-stock__status--last { color: #b42318; } .catalog-product-view .product-stock__status--out { color: rgba(79, 62, 53, .8); } .catalog-product-view .advanced-info-table p { margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-product-view .advanced-info-table p:last-child { margin-bottom: 0px; } .catalog-product-view .advanced-info-table ul, .catalog-product-view .advanced-info-table ol { margin-bottom: 1rem; list-style-type: none; } .catalog-product-view .advanced-info-table ul > :not([hidden]) ~ :not([hidden]), .catalog-product-view .advanced-info-table ol > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * (1 - 0)); margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.5rem * calc(1 - 0)); margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * 0); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .catalog-product-view .advanced-info-table ul, .catalog-product-view .advanced-info-table ol { padding-left: 0px; } .catalog-product-view .advanced-info-table li { padding-left: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-product-view .advanced-info-table table { width: 100%; border-collapse: collapse; font-size: 0.875rem; line-height: 1.25rem; } .catalog-product-view .advanced-info-table table td, .catalog-product-view .advanced-info-table table th { border-width: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-product-view .advanced-info-table table th { border-top-width: 1px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .catalog-product-view .advanced-info-table table tr:last-child td { border-bottom-width: 0px; } /* Size chart drawer content */ .catalog-product-view .product-sizes { width: 100%; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-product-view .product-sizes__tabs { position: relative; margin-bottom: 1.5rem; display: flex; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); scrollbar-width: none; -ms-overflow-style: none; } .catalog-product-view .product-sizes__tabs::-webkit-scrollbar { display: none; width: 0; height: 0; } .catalog-product-view .product-sizes__tab { position: relative; flex: 1 1 0%; cursor: pointer; border-width: 0px; border-bottom-width: 2px; border-color: transparent; background-color: transparent; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: center; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(79, 62, 53, .8); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .product-sizes__tab:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } @media (min-width: 768px) { .catalog-product-view .product-sizes__tab { font-size: 0.75rem; line-height: 1rem; } } .catalog-product-view .product-sizes__tab { margin-bottom: -1px; } .catalog-product-view .product-sizes__tab.is-active { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-product-view .product-sizes__tab:hover:not(.is-active) { opacity: 0.7; } .catalog-product-view .product-sizes__panels { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-product-view .product-sizes__table-wrap { width: 100%; overflow-x: auto; } .catalog-product-view .product-sizes__table, .catalog-product-view .product-sizes__default table { width: 100%; min-width: 18rem; border-collapse: collapse; font-size: 0.875rem; border: 0 !important; } .catalog-product-view .product-sizes__table th, .catalog-product-view .product-sizes__table td, .catalog-product-view .product-sizes__default table th, .catalog-product-view .product-sizes__default table td { text-align: center; vertical-align: middle; padding: 0.75rem 0.375rem; border: 0 !important; border-bottom: 1px solid rgba(235, 230, 225, 1) !important; background: transparent !important; box-shadow: none !important; } .catalog-product-view .product-sizes__table th, .catalog-product-view .product-sizes__default table th { font-size: 11px; font-weight: 500 !important; letter-spacing: 0.1em; text-transform: uppercase !important; color: rgba(79, 62, 53, 0.65) !important; border-top: 1px solid rgba(235, 230, 225, 1) !important; } .catalog-product-view .product-sizes__table td, .catalog-product-view .product-sizes__default table td { font-size: 0.875rem; font-weight: 400 !important; letter-spacing: 0.02em; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; color: rgba(79, 62, 53, 1) !important; } .catalog-product-view .product-sizes__table tbody tr:last-child td, .catalog-product-view .product-sizes__default table tbody tr:last-child td { border-bottom: 0 !important; } .catalog-product-view .product-sizes__default { margin-bottom: 0.25rem; } .catalog-product-view .product-sizes__note { margin: 0px; margin-top: 1rem; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .catalog-product-view .product-sizes__note sup { margin-right: 0.125rem; text-transform: none; } .catalog-product-view .product-sizes__figure { margin: 0px; margin-top: 1.25rem; } .catalog-product-view .product-sizes__image { margin-left: auto; margin-right: auto; display: block; height: auto; width: 100%; } [data-content-type$='block'] .catalog-product-view .product-sizes__image p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .catalog-product-view .product-sizes__image.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-product-view .product-sizes__image.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .catalog-product-view .product-sizes__image.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .catalog-product-view .product-sizes__image.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .catalog-product-view .product-sizes__image.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .catalog-product-view .product-sizes__image.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .catalog-product-view .product-sizes__image.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-product-view .product-sizes__image.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .catalog-product-view .product-sizes__help { margin-top: 2rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.5rem; text-align: center; } .catalog-product-view .product-sizes__help-text { margin: 0px; text-align: center; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.03em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-product-view .product-sizes__contacts { margin-top: 1.25rem; display: flex; align-items: center; justify-content: center; gap: 1.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-product-view .product-sizes__contact { display: inline-flex; height: 2.25rem; width: 2.25rem; align-items: center; justify-content: center; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .product-sizes__contact:hover { opacity: 0.6; } .catalog-product-view .product-sizes__contact svg { height: 1.25rem; width: 1.25rem; } /* Custom dropdown for non-swatch configurable attributes (e.g. Length) */ .catalog-product-view .product-custom-select { position: relative; width: 100%; } .catalog-product-view .product-custom-select__trigger { display: flex; min-height: 2.75rem; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.75rem; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); background-color: transparent; padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .product-custom-select__trigger:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .catalog-product-view .product-custom-select__trigger { border-radius: 0 !important; } .catalog-product-view .product-custom-select__trigger.is-open { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .catalog-product-view .product-custom-select__value { display: block; min-width: 0px; flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .catalog-product-view .product-custom-select__value p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .catalog-product-view .product-custom-select__value.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-product-view .product-custom-select__value.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .catalog-product-view .product-custom-select__value.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .catalog-product-view .product-custom-select__value.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .catalog-product-view .product-custom-select__value.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .catalog-product-view .product-custom-select__value.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .catalog-product-view .product-custom-select__value.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-product-view .product-custom-select__value.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .catalog-product-view .product-custom-select__value.is-placeholder { color: rgba(79, 62, 53, .8); } .catalog-product-view .product-custom-select__chevron { display: inline-flex; flex-shrink: 0; color: rgba(79, 62, 53, .8); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .product-custom-select__trigger.is-open .product-custom-select__chevron { transform: rotate(180deg); } .catalog-product-view .product-custom-select__menu { position: absolute; left: 0px; right: 0px; top: calc(100% + 2px); z-index: 30; margin: 0px; max-height: 15rem; list-style-type: none; overflow-y: auto; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-order-view .catalog-product-view .product-custom-select__menu { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .catalog-product-view .product-custom-select__menu { scrollbar-width: thin; } .catalog-product-view .product-custom-select__option { display: flex; min-height: 2.75rem; width: 100%; cursor: pointer; border-width: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-product-view .product-custom-select__option:last-child { border-bottom-width: 0px; } .catalog-product-view .product-custom-select__option:hover { background-color: rgba(79,62,53,0.04); } .catalog-product-view .product-custom-select__option:focus { background-color: rgba(79,62,53,0.06); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .catalog-product-view .product-custom-select__option.is-selected { background-color: rgba(79,62,53,0.08); font-weight: 500; } .catalog-product-view .product-custom-select__native { width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; position: absolute !important; } /* ATC bar is moved to on mobile — keep resets outside .catalog-product-view */ #product-addtocart-button.product-atc, .product-atc-bar #product-addtocart-button, .product-atc-bar .product-atc { -webkit-text-decoration: none !important; text-decoration: none !important; outline: 0 !important; outline-offset: 0 !important; box-shadow: none !important; border: 0 !important; } #product-addtocart-button.product-atc:hover, #product-addtocart-button.product-atc:focus, #product-addtocart-button.product-atc:focus-visible, #product-addtocart-button.product-atc:active, .product-atc-bar #product-addtocart-button:hover, .product-atc-bar #product-addtocart-button:focus, .product-atc-bar #product-addtocart-button:focus-visible, .product-atc-bar #product-addtocart-button:active, .product-atc-bar .product-atc:hover, .product-atc-bar .product-atc:focus, .product-atc-bar .product-atc:focus-visible, .product-atc-bar .product-atc:active { -webkit-text-decoration: none !important; text-decoration: none !important; outline: 0 !important; outline-offset: 0 !important; box-shadow: none !important; border: 0 !important; } #product-addtocart-button.product-atc > span, .product-atc-bar #product-addtocart-button > span, .product-atc-bar .product-atc > span { -webkit-text-decoration: none !important; text-decoration: none !important; -webkit-text-decoration: none !important; line-height: 1.2; } #product-addtocart-button.product-atc > .product-atc__label, #product-addtocart-button.product-atc > .product-atc__price, .product-atc-bar #product-addtocart-button > .product-atc__label, .product-atc-bar #product-addtocart-button > .product-atc__price, .product-atc-bar .product-atc > .product-atc__label, .product-atc-bar .product-atc > .product-atc__price { display: inline-flex; align-items: center; } #product-addtocart-button.product-atc .price-box, #product-addtocart-button.product-atc .price-container, #product-addtocart-button.product-atc .final-price, #product-addtocart-button.product-atc .price-wrapper, .product-atc-bar #product-addtocart-button .price-box, .product-atc-bar #product-addtocart-button .price-container, .product-atc-bar #product-addtocart-button .final-price, .product-atc-bar #product-addtocart-button .price-wrapper, .product-atc-bar .product-atc .price-box, .product-atc-bar .product-atc .price-container, .product-atc-bar .product-atc .final-price, .product-atc-bar .product-atc .price-wrapper { display: inline-flex; align-items: baseline; line-height: 1.2; } /* Catalog / PLP — Feminine Editorial Minimal */ .catalog-category-view .page-main, .catalogsearch-result-index .page-main { margin-top: 0px; } @media (min-width: 768px) { .catalog-category-view .page-main, .catalogsearch-result-index .page-main { margin-top: 1rem; } } .catalog-category-view .columns, .catalogsearch-result-index .columns { -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 0px; padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .catalog-category-view .columns, .catalogsearch-result-index .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .catalog-category-view .columns, .catalogsearch-result-index .columns { -moz-column-gap: 2.5rem; column-gap: 2.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .catalog-category-view .sidebar-main, .catalogsearch-result-index .sidebar-main { max-width: none; } .catalog-category-view .breadcrumbs .items, .catalogsearch-result-index .breadcrumbs .items { padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; } .catalog-category-view .page-title, .catalogsearch-result-index .page-title { font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-category-view .catalog-product-grid .product-item, .catalogsearch-result-index .catalog-product-grid .product-item { margin-bottom: 0px; } /* Override default Magento/Hyvä alert box if still present */ .catalog-category-view .message.info.empty, .catalogsearch-result-index .message.info.empty { margin-bottom: 0px; display: block; border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } [data-content-type$='block'] .catalog-category-view .message.info.empty p:last-child,[data-content-type$='block'] .catalogsearch-result-index .message.info.empty p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .catalog-category-view .message.info.empty.widget.block-products-list,.cms-index-index .catalogsearch-result-index .message.info.empty.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-category-view .message.info.empty.widget.block-products-list,.cms-index-index .catalogsearch-result-index .message.info.empty.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .catalog-category-view .message.info.empty.widget.block-products-list .block-title,.cms-index-index .catalogsearch-result-index .message.info.empty.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .catalog-category-view .message.info.empty.widget.block-products-list .block-title,.cms-index-index .catalogsearch-result-index .message.info.empty.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .catalog-category-view .message.info.empty.widget.block-products-list .block-title strong,.cms-index-index .catalogsearch-result-index .message.info.empty.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .catalog-category-view .message.info.empty.widget.block-products-list .block-title strong,.cms-index-index .catalogsearch-result-index .message.info.empty.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .catalog-category-view .message.info.empty.widget.block-products-list .block-content .grid,.cms-index-index .catalogsearch-result-index .message.info.empty.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-category-view .message.info.empty.widget.block-products-list .block-content .grid,.cms-index-index .catalogsearch-result-index .message.info.empty.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .catalog-category-view .category-description, .catalog-category-view .category-cms, .catalog-category-view .catalog-category-seo, .catalogsearch-result-index .category-description, .catalogsearch-result-index .category-cms, .catalogsearch-result-index .catalog-category-seo { grid-column: 1 / -1; margin-top: 2.5rem; margin-bottom: 1.5rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 2.5rem; } @media (min-width: 768px) { .catalog-category-view .category-description, .catalog-category-view .category-cms, .catalog-category-view .catalog-category-seo, .catalogsearch-result-index .category-description, .catalogsearch-result-index .category-cms, .catalogsearch-result-index .catalog-category-seo { margin-top: 4rem; margin-bottom: 2.5rem; padding-top: 3.5rem; } } .catalog-category-view .catalog-category-seo__inner, .catalog-category-view .category-description, .catalogsearch-result-index .catalog-category-seo__inner, .catalogsearch-result-index .category-description { margin-left: 0px; margin-right: 0px; width: 100%; max-width: none; padding-left: 0px; padding-right: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* Neutralize PageBuilder row wrappers around HTML content */ .catalog-category-view .catalog-category-seo__inner [data-content-type='row'], .catalog-category-view .catalog-category-seo__inner [data-element='inner'], .catalog-category-view .catalog-category-seo__inner [data-content-type='html'], .catalog-category-view .category-description [data-content-type='row'], .catalog-category-view .category-description [data-element='inner'], .catalog-category-view .category-description [data-content-type='html'], .catalogsearch-result-index .catalog-category-seo__inner [data-content-type='row'], .catalogsearch-result-index .catalog-category-seo__inner [data-element='inner'], .catalogsearch-result-index .catalog-category-seo__inner [data-content-type='html'], .catalogsearch-result-index .category-description [data-content-type='row'], .catalogsearch-result-index .category-description [data-element='inner'], .catalogsearch-result-index .category-description [data-content-type='html'] { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .catalog-category-view .catalog-category-seo__inner h1, .catalog-category-view .catalog-category-seo__inner h2, .catalog-category-view .catalog-category-seo__inner h3, .catalog-category-view .catalog-category-seo__inner h4, .catalog-category-view .category-description h1, .catalog-category-view .category-description h2, .catalog-category-view .category-description h3, .catalog-category-view .category-description h4, .catalogsearch-result-index .catalog-category-seo__inner h1, .catalogsearch-result-index .catalog-category-seo__inner h2, .catalogsearch-result-index .catalog-category-seo__inner h3, .catalogsearch-result-index .catalog-category-seo__inner h4, .catalogsearch-result-index .category-description h1, .catalogsearch-result-index .category-description h2, .catalogsearch-result-index .category-description h3, .catalogsearch-result-index .category-description h4 { margin-bottom: 1.25rem; text-align: center; font-size: 1rem; line-height: 1.5rem; font-weight: 500; line-height: 1.375; letter-spacing: 0.06em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .catalog-category-view .catalog-category-seo__inner h1, .catalog-category-view .catalog-category-seo__inner h2, .catalog-category-view .catalog-category-seo__inner h3, .catalog-category-view .catalog-category-seo__inner h4, .catalog-category-view .category-description h1, .catalog-category-view .category-description h2, .catalog-category-view .category-description h3, .catalog-category-view .category-description h4, .catalogsearch-result-index .catalog-category-seo__inner h1, .catalogsearch-result-index .catalog-category-seo__inner h2, .catalogsearch-result-index .catalog-category-seo__inner h3, .catalogsearch-result-index .catalog-category-seo__inner h4, .catalogsearch-result-index .category-description h1, .catalogsearch-result-index .category-description h2, .catalogsearch-result-index .category-description h3, .catalogsearch-result-index .category-description h4 { margin-bottom: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; } } .catalog-category-view .catalog-category-seo__inner h1, .catalog-category-view .catalog-category-seo__inner h2, .catalog-category-view .catalog-category-seo__inner h3, .catalog-category-view .catalog-category-seo__inner h4, .catalog-category-view .category-description h1, .catalog-category-view .category-description h2, .catalog-category-view .category-description h3, .catalog-category-view .category-description h4, .catalogsearch-result-index .catalog-category-seo__inner h1, .catalogsearch-result-index .catalog-category-seo__inner h2, .catalogsearch-result-index .catalog-category-seo__inner h3, .catalogsearch-result-index .catalog-category-seo__inner h4, .catalogsearch-result-index .category-description h1, .catalogsearch-result-index .category-description h2, .catalogsearch-result-index .category-description h3, .catalogsearch-result-index .category-description h4 { margin-top: 0; } .catalog-category-view .catalog-category-seo__inner p, .catalog-category-view .category-description p, .catalogsearch-result-index .catalog-category-seo__inner p, .catalogsearch-result-index .category-description p { margin-bottom: 1rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .catalog-category-view .catalog-category-seo__inner ul, .catalog-category-view .catalog-category-seo__inner ol, .catalog-category-view .category-description ul, .catalog-category-view .category-description ol, .catalogsearch-result-index .catalog-category-seo__inner ul, .catalogsearch-result-index .catalog-category-seo__inner ol, .catalogsearch-result-index .category-description ul, .catalogsearch-result-index .category-description ol { margin-bottom: 1rem; list-style-type: none; padding-left: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .catalog-category-view .catalog-category-seo__inner li, .catalog-category-view .category-description li, .catalogsearch-result-index .catalog-category-seo__inner li, .catalogsearch-result-index .category-description li { position: relative; margin-bottom: 0.5rem; padding-left: 0px; } .catalog-category-view .catalog-category-seo__inner li:last-child, .catalog-category-view .category-description li:last-child, .catalogsearch-result-index .catalog-category-seo__inner li:last-child, .catalogsearch-result-index .category-description li:last-child { margin-bottom: 0px; } .catalog-category-view .catalog-category-seo__inner li, .catalog-category-view .category-description li, .catalogsearch-result-index .catalog-category-seo__inner li, .catalogsearch-result-index .category-description li { /* Content already includes leading dashes from admin HTML */ } .catalog-category-view .catalog-category-seo__inner a, .catalog-category-view .category-description a, .catalogsearch-result-index .catalog-category-seo__inner a, .catalogsearch-result-index .category-description a { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: underline; text-underline-offset: 2px; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-category-view .catalog-category-seo__inner a:hover, .catalog-category-view .category-description a:hover, .catalogsearch-result-index .catalog-category-seo__inner a:hover, .catalogsearch-result-index .category-description a:hover { opacity: 0.6; } .catalog-category-view .catalog-category-seo__inner strong, .catalog-category-view .catalog-category-seo__inner b, .catalog-category-view .category-description strong, .catalog-category-view .category-description b, .catalogsearch-result-index .catalog-category-seo__inner strong, .catalogsearch-result-index .catalog-category-seo__inner b, .catalogsearch-result-index .category-description strong, .catalogsearch-result-index .category-description b { font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-category-view .catalog-category-seo__inner > *:first-child, .catalogsearch-result-index .catalog-category-seo__inner > *:first-child { margin-top: 0px; } .catalog-category-view .catalog-category-seo__inner > *:last-child, .catalogsearch-result-index .catalog-category-seo__inner > *:last-child { margin-bottom: 0px; } .catalog-load-more-wrap { margin-top: 1.5rem; margin-bottom: 1rem; } @media (min-width: 768px) { .catalog-load-more-wrap { margin-top: 2rem; margin-bottom: 1.5rem; } } .catalog-load-more { display: inline-flex; height: 2.75rem; min-width: 12.5rem; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-load-more:hover { opacity: 0.8; } .catalog-load-more:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .catalog-load-more__loading { pointer-events: none; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; } .catalog-load-more__spinner { height: 1rem; width: 1rem; flex-shrink: 0; } @keyframes spin { to { transform: rotate(360deg); } } .catalog-load-more__spinner { animation: spin 1s linear infinite; } .catalog-empty { display: flex; min-height: 42vh; flex-direction: column; align-items: center; justify-content: center; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 5rem; padding-bottom: 5rem; text-align: center; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .catalog-empty { padding-top: 7rem; padding-bottom: 7rem; } } .catalog-empty__icon { margin-bottom: 1.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-empty__svg { display: block; } [data-content-type$='block'] .catalog-empty__svg p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .catalog-empty__svg.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-empty__svg.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .catalog-empty__svg.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .catalog-empty__svg.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .catalog-empty__svg.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .catalog-empty__svg.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .catalog-empty__svg.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .catalog-empty__svg.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .catalog-empty__svg { stroke-width: 1.25; } .catalog-empty__text { margin: 0px; max-width: 28rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.625; letter-spacing: 0.06em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .catalog-empty__text { font-size: 1rem; line-height: 1.5rem; } } .catalog-filters { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-filters .catalog-filters__mobile-bar { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; } @media (min-width: 768px) { .catalog-filters .catalog-filters__mobile-bar { display: none; } } .catalog-filters .catalog-filters__mobile-title { min-width: 0px; flex: 1 1 0%; overflow: hidden; } /* Title wrapper uses Tailwind `.container` + flex; without min-w-0/overflow, long headings ignore truncate and overlap the Filters control. */ .catalog-filters .catalog-filters__mobile-title > .container, .catalog-filters .catalog-filters__mobile-title > .page-title-wrapper { min-width: 0px; max-width: 100%; overflow: hidden; padding-left: 0px; padding-right: 0px; } .catalog-filters .catalog-filters__mobile-title .page-title, .catalog-filters .catalog-filters__mobile-title .container { padding-left: 0px; padding-right: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; } .catalog-filters .catalog-filters__mobile-title .page-title { min-width: 0px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .catalog-filters .catalog-filters__trigger { position: relative; z-index: 10; display: inline-flex; flex-shrink: 0; align-items: center; gap: 0.5rem; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-filters .catalog-filters__trigger:hover { opacity: 0.6; } .catalog-filters .catalog-filters__desktop-title { margin-bottom: 0.5rem; display: none; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 1rem; } @media (min-width: 768px) { .catalog-filters .catalog-filters__desktop-title { display: block; } } .catalog-filters .catalog-filters__desktop-title .page-title, .catalog-filters .catalog-filters__desktop-title .container { padding-left: 0px; padding-right: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } @media (min-width: 768px) { .catalog-filters .catalog-filters__desktop-title .page-title, .catalog-filters .catalog-filters__desktop-title .container { font-size: 1.125rem; line-height: 1.75rem; } } .catalog-filters .catalog-filters__option { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0px; padding-bottom: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-filters .catalog-filters__option:last-child { border-bottom-width: 0px; } .catalog-filters .catalog-filters__option-title { display: flex; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.75rem; padding-top: 0.875rem; padding-bottom: 0.875rem; outline-offset: 2px; } .catalog-filters .catalog-filters__option-title:focus { outline: 2px solid transparent; outline-offset: 2px; } .catalog-filters .catalog-filters__option-title h3 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; } .catalog-filters .catalog-filters__chevron { flex-shrink: 0; color: rgba(79, 62, 53, .8); } .catalog-filters .catalog-filters__option-content { padding-bottom: 1rem; } .catalog-filters .swatch-attribute-options, .catalog-filters .catalog-filter-swatches { clear: none; display: flex; flex-wrap: wrap; gap: 0.5rem; float: none; } .catalog-filters .catalog-filter-swatch { float: none; margin: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } /* * Visual/text sizes must live in CSS (not Alpine Tailwind utilities): * app/code templates are outside Tailwind content paths, so w-7/h-7 get purged. */ .catalog-filters .catalog-filter-swatch--visual { width: 1.75rem; height: 1.75rem; min-width: 1.75rem; padding: 0; } .catalog-filters .catalog-filter-swatch--text { width: auto; height: 2rem; min-width: 2.25rem; padding: 0 0.625rem; } .catalog-filters .catalog-filter-swatch--selected { outline: 1px solid #4f3e35; outline-offset: 2px; } .catalog-filters .catalog-filter-swatch--disabled { pointer-events: none; opacity: 0.3; } .catalog-filters .smile-es-range-slider .msg, .catalog-filters .smile-es-range-slider .msg-error { font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .catalog-filters .filter-current .catalog-filters__state-list, .catalog-filters .catalog-filters__state .catalog-filters__state-list { display: flex; flex-direction: column; gap: 0px; padding-bottom: 0.75rem; } .catalog-filters .filter-current .catalog-filters__state-list--chips, .catalog-filters .catalog-filters__state .catalog-filters__state-list--chips { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5rem; } .catalog-filters .filter-current .catalog-filters__state-item, .catalog-filters .catalog-filters__state .catalog-filters__state-item { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-filters .filter-current .catalog-filters__state-item:hover, .catalog-filters .catalog-filters__state .catalog-filters__state-item:hover { opacity: 0.6; } .catalog-filters .filter-current .catalog-filters__state-item--chip, .catalog-filters .catalog-filters__state .catalog-filters__state-item--chip { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.625rem; padding-right: 0.625rem; } .catalog-filters .filter-current .catalog-filters__state-item--chip:hover, .catalog-filters .catalog-filters__state .catalog-filters__state-item--chip:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); opacity: 0.7; } .catalog-filters .filter-current .catalog-filters__state-text, .catalog-filters .catalog-filters__state .catalog-filters__state-text { display: inline; min-width: 0px; font-size: 0; } .catalog-filters .filter-current .catalog-filters__state-label, .catalog-filters .catalog-filters__state .catalog-filters__state-label { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.06em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-filters .filter-current .catalog-filters__state-label.is-muted, .catalog-filters .catalog-filters__state .catalog-filters__state-label.is-muted { color: rgba(79, 62, 53, .8); } .catalog-filters .filter-current .catalog-filters__state-value, .catalog-filters .catalog-filters__state .catalog-filters__state-value { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); margin-left: 0.35em; } .catalog-filters .filter-current .catalog-filters__state-remove, .catalog-filters .catalog-filters__state .catalog-filters__state-remove { flex-shrink: 0; color: rgba(79, 62, 53, .8); stroke-width: 1.25; } .catalog-filters .filter-current .catalog-filters__state-clear-wrap, .catalog-filters .catalog-filters__state .catalog-filters__state-clear-wrap { margin-top: 0.25rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; } .catalog-filters .filter-current .catalog-filters__state-list--chips .catalog-filters__state-clear-wrap, .catalog-filters .catalog-filters__state .catalog-filters__state-list--chips .catalog-filters__state-clear-wrap { margin-top: 0px; width: 100%; border-top-width: 0px; padding-top: 0px; } .catalog-filters .filter-current .catalog-filters__state-clear, .catalog-filters .catalog-filters__state .catalog-filters__state-clear { display: inline-block; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(79, 62, 53, .8); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-filters .filter-current .catalog-filters__state-clear:hover, .catalog-filters .catalog-filters__state .catalog-filters__state-clear:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-filters .filter-current .catalog-filters__state-clear--chip, .catalog-filters .catalog-filters__state .catalog-filters__state-clear--chip { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.625rem; padding-right: 0.625rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-filters .filter-current .catalog-filters__state-clear--chip:hover, .catalog-filters .catalog-filters__state .catalog-filters__state-clear--chip:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } /* Shared scroll fades for filter panel (mobile modal + desktop sidebar) */ .catalog-filters__scroll-fade { pointer-events: none; position: absolute; left: 0px; right: 0px; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; height: 3rem; z-index: 2; } .catalog-filters__scroll-fade.is-visible { opacity: 1; } .catalog-filters__scroll-fade--top { top: 0; background: linear-gradient( to bottom, #fff 0%, rgba(255, 255, 255, 0) 100% ); } .catalog-filters__scroll-fade--bottom { bottom: 0; background: linear-gradient( to top, #fff 0%, rgba(255, 255, 255, 0) 100% ); } .catalog-filters__scroll-body { scrollbar-width: none; -ms-overflow-style: none; } .catalog-filters__scroll-body::-webkit-scrollbar { display: none; width: 0; height: 0; } @media (min-width: 768px) { /* * Sticky filters: height must fit the *visible* viewport from the sidebar's * current top (set via --catalog-filters-sidebar-height in JS). * Fixed 100vh-80px left the bottom (e.g. size filter) below the fold when * the page was not scrolled yet. */ .catalog-category-view .sidebar.scroll-navigation, .catalogsearch-result-index .sidebar.scroll-navigation { display: flex; flex-direction: column; } @media (min-width: 768px) { .catalog-category-view .sidebar.scroll-navigation, .catalogsearch-result-index .sidebar.scroll-navigation { align-self: flex-start; overflow: hidden; } } .catalog-category-view .sidebar.scroll-navigation, .catalogsearch-result-index .sidebar.scroll-navigation { top: 5rem; /* keep in sync with page_layout md:top-20 */ height: calc(100dvh - 5rem); height: var(--catalog-filters-sidebar-height, calc(100dvh - 5rem)); max-height: calc(100dvh - 5rem); max-height: var(--catalog-filters-sidebar-height, calc(100dvh - 5rem)); } .catalog-category-view .sidebar .catalog-filters, .catalogsearch-result-index .sidebar .catalog-filters { display: flex; height: 100%; min-height: 0px; flex: 1 1 0%; flex-direction: column; } .catalog-category-view .sidebar .catalog-filters__desktop-title, .catalogsearch-result-index .sidebar .catalog-filters__desktop-title { flex-shrink: 0; } .catalog-category-view .sidebar dialog.block-content.filter-content, .catalog-category-view .sidebar dialog.catalog-filters__panel, .catalogsearch-result-index .sidebar dialog.block-content.filter-content, .catalogsearch-result-index .sidebar dialog.catalog-filters__panel { position: static; margin: 0px; max-height: none; min-height: 0px; width: auto; max-width: none; flex: 1 1 0%; flex-direction: column; border-width: 0px; background-color: transparent; padding: 0px; display: flex !important; } .catalog-category-view .catalog-filters__scroll, .catalogsearch-result-index .catalog-filters__scroll { position: relative; min-height: 0px; flex: 1 1 0%; } .catalog-category-view .catalog-filters__scroll-body, .catalogsearch-result-index .catalog-filters__scroll-body { height: 100%; overflow-y: auto; overscroll-behavior: contain; } } @media (max-width: 767px) { .catalog-category-view .sidebar.scroll-navigation, .catalogsearch-result-index .sidebar.scroll-navigation { /* * Match .header-inner h-14 (56px) + header border-b (1px) = 57px, * minus 2px to close the sub-pixel gap that appears on real phones * (desktop device emulation usually does not show it). */ top: 55px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .account-order-view .catalog-category-view .sidebar.scroll-navigation, .account-order-view .catalogsearch-result-index .sidebar.scroll-navigation { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .catalog-category-view .sidebar.scroll-navigation, .catalogsearch-result-index .sidebar.scroll-navigation { z-index: 29; } .catalog-category-view .sidebar dialog.block-content.filter-content, .catalog-category-view .sidebar dialog.catalog-filters__panel, .catalogsearch-result-index .sidebar dialog.block-content.filter-content, .catalogsearch-result-index .sidebar dialog.catalog-filters__panel { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0px; width: 100%; overflow: hidden; border-width: 0px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 0px; } .account-order-view .catalog-category-view .sidebar dialog.block-content.filter-content, .account-order-view .catalog-category-view .sidebar dialog.catalog-filters__panel, .account-order-view .catalogsearch-result-index .sidebar dialog.block-content.filter-content, .account-order-view .catalogsearch-result-index .sidebar dialog.catalog-filters__panel { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .catalog-category-view .sidebar dialog.block-content.filter-content, .catalog-category-view .sidebar dialog.catalog-filters__panel, .catalogsearch-result-index .sidebar dialog.block-content.filter-content, .catalogsearch-result-index .sidebar dialog.catalog-filters__panel { z-index: 40; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; min-height: 100dvh; transform: translateX(-100%); transition: transform 0.25s ease; } .catalog-category-view .sidebar dialog.block-content.filter-content:not([open]), .catalog-category-view .sidebar dialog.catalog-filters__panel:not([open]), .catalogsearch-result-index .sidebar dialog.block-content.filter-content:not([open]), .catalogsearch-result-index .sidebar dialog.catalog-filters__panel:not([open]) { display: none; } .catalog-category-view .sidebar dialog.block-content.filter-content.is-open, .catalog-category-view .sidebar dialog.block-content.filter-content[open], .catalog-category-view .sidebar dialog.catalog-filters__panel.is-open, .catalog-category-view .sidebar dialog.catalog-filters__panel[open], .catalogsearch-result-index .sidebar dialog.block-content.filter-content.is-open, .catalogsearch-result-index .sidebar dialog.block-content.filter-content[open], .catalogsearch-result-index .sidebar dialog.catalog-filters__panel.is-open, .catalogsearch-result-index .sidebar dialog.catalog-filters__panel[open] { display: flex; flex-direction: column; transform: translateX(0); } .catalog-category-view .sidebar dialog.block-content.filter-content::backdrop, .catalog-category-view .sidebar dialog.catalog-filters__panel::backdrop, .catalogsearch-result-index .sidebar dialog.block-content.filter-content::backdrop, .catalogsearch-result-index .sidebar dialog.catalog-filters__panel::backdrop { background-color: rgba(79, 62, 53, 0.4); -webkit-backdrop-filter: none; backdrop-filter: none; } .catalog-category-view .catalog-filters__panel-header, .catalogsearch-result-index .catalog-filters__panel-header { position: sticky; top: 0px; z-index: 10; display: flex; height: 3.5rem; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; } .account-order-view .catalog-category-view .catalog-filters__panel-header, .account-order-view .catalogsearch-result-index .catalog-filters__panel-header { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .catalog-category-view .catalog-filters__scroll, .catalogsearch-result-index .catalog-filters__scroll { position: relative; min-height: 0px; flex: 1 1 0%; } .catalog-category-view .catalog-filters__scroll-body, .catalogsearch-result-index .catalog-filters__scroll-body { height: 100%; overflow-y: auto; overscroll-behavior: contain; } .catalog-category-view .catalog-filters__panel-title, .catalogsearch-result-index .catalog-filters__panel-title { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .catalog-category-view .catalog-filters__close, .catalogsearch-result-index .catalog-filters__close { display: inline-flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .catalog-category-view .catalog-filters__close:hover, .catalogsearch-result-index .catalog-filters__close:hover { opacity: 0.6; } .catalog-category-view .catalog-filters__option, .catalog-category-view .filter-current, .catalogsearch-result-index .catalog-filters__option, .catalogsearch-result-index .filter-current { padding-left: 1rem; padding-right: 1rem; } } /* Ajax add-to-cart success / error modal — Feminine Editorial Minimal */ dialog.ajax-cart-modal { width: min(100vw - 2rem, 36rem); max-width: 100%; margin: auto; padding: 0; border: 0; border-radius: 0; background: #fff; color: #4f3e35; box-shadow: none; outline: none; } dialog.ajax-cart-modal::backdrop { background: rgba(79, 62, 53, 0.4); -webkit-backdrop-filter: none; backdrop-filter: none; } .ajax-cart-modal__inner { display: flex; flex-direction: column; } .ajax-cart-modal__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 768px) { .ajax-cart-modal__header { padding-left: 1.5rem; padding-right: 1.5rem; } } .ajax-cart-modal__title { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .ajax-cart-modal__title { font-size: 1rem; line-height: 1.5rem; } } .ajax-cart-modal__close { margin-right: -0.5rem; margin-top: -0.25rem; display: inline-flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-width: 0px; background-color: transparent; padding: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ajax-cart-modal__close:hover { opacity: 0.6; } .ajax-cart-modal__body { display: flex; align-items: flex-start; gap: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (min-width: 768px) { .ajax-cart-modal__body { gap: 1.25rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .ajax-cart-modal__body--message { display: flex; flex-direction: row; align-items: center; gap: 0.75rem; } .ajax-cart-modal__icon { display: inline-flex; flex-shrink: 0; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ajax-cart-modal__icon-svg { display: block; } [data-content-type$='block'] .ajax-cart-modal__icon-svg p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .ajax-cart-modal__icon-svg.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .ajax-cart-modal__icon-svg.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .ajax-cart-modal__icon-svg.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .ajax-cart-modal__icon-svg.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .ajax-cart-modal__icon-svg.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .ajax-cart-modal__icon-svg.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .ajax-cart-modal__icon-svg.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .ajax-cart-modal__icon-svg.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .ajax-cart-modal__icon-svg { stroke-width: 1.25; } .ajax-cart-modal__media { width: 5rem; flex-shrink: 0; overflow: hidden; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } @media (min-width: 640px) { .ajax-cart-modal__media { width: 7rem; } } .ajax-cart-modal__image { display: block; aspect-ratio: 3/4; height: auto; width: 100%; -o-object-fit: cover; object-fit: cover; } [data-content-type$='block'] .ajax-cart-modal__image p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .ajax-cart-modal__image.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .ajax-cart-modal__image.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .ajax-cart-modal__image.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .ajax-cart-modal__image.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .ajax-cart-modal__image.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .ajax-cart-modal__image.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .ajax-cart-modal__image.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .ajax-cart-modal__image.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .ajax-cart-modal__details { display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 0.75rem; } .ajax-cart-modal__meta { display: flex; flex-direction: column; gap: 0.25rem; } @media (min-width: 640px) { .ajax-cart-modal__meta { flex-direction: row; align-items: baseline; justify-content: space-between; gap: 1rem; } } .ajax-cart-modal__name { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ajax-cart-modal__price { flex-shrink: 0; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ajax-cart-modal__price .price { font-weight: 500; } .ajax-cart-modal__options { margin: 0px; display: flex; flex-direction: column; gap: 0.375rem; } .ajax-cart-modal__option { display: grid; grid-template-columns: 5.5rem 1fr; grid-column-gap: 0.75rem; -moz-column-gap: 0.75rem; column-gap: 0.75rem; grid-row-gap: 0px; row-gap: 0px; font-size: 0.875rem; line-height: 1.25rem; } .cms-index-index .block.widget.block-products-list .block-content .ajax-cart-modal__option { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .ajax-cart-modal__option { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } @media (min-width: 640px) { .ajax-cart-modal__option { grid-template-columns: 7rem 1fr; } } .ajax-cart-modal__option dt { margin: 0px; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(79, 62, 53, .8); } .ajax-cart-modal__option dd { margin: 0px; font-weight: 400; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ajax-cart-modal__message { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .ajax-cart-modal__actions { display: flex; flex-direction: column-reverse; gap: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 640px) { .ajax-cart-modal__actions { flex-direction: row; justify-content: flex-end; } } @media (min-width: 768px) { .ajax-cart-modal__actions { padding-left: 1.5rem; padding-right: 1.5rem; } } .ajax-cart-modal__btn { display: inline-flex; min-height: 2.75rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0px; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ajax-cart-modal__btn:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .ajax-cart-modal__btn { border-radius: 0 !important; } .ajax-cart-modal__btn--ghost { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .ajax-cart-modal__btn--ghost:hover { opacity: 0.7; } .ajax-cart-modal__btn--primary { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .ajax-cart-modal__btn--primary:hover { opacity: 0.8; } .ajax-cart-modal--error .ajax-cart-modal__actions .ajax-cart-modal__btn { width: 100%; } @media (min-width: 640px) { .ajax-cart-modal--error .ajax-cart-modal__actions .ajax-cart-modal__btn { width: auto; min-width: 12.5rem; } } /* Geo city confirmation toast — Feminine Editorial Minimal */ .city-select { position: fixed; bottom: 1rem; right: 1rem; z-index: 50; width: min(100% - 2rem,24rem); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (max-width: 767px) { .city-select { left: 50%; right: auto; transform: translateX(-50%); width: min(100% - 2rem, 24rem); } } .city-select__panel { display: flex; max-height: 80vh; flex-direction: column; overflow: hidden; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-order-view .city-select__panel { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .city-select__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; } .city-select__title { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .city-select__title { font-size: 1rem; line-height: 1.5rem; } } .city-select__close { margin-right: -0.5rem; margin-top: -0.25rem; display: inline-flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; cursor: pointer; align-items: center; justify-content: center; border-width: 0px; background-color: transparent; padding: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .city-select__close:hover { opacity: 0.6; } .city-select__body { display: flex; flex-direction: column; gap: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } .city-select__text, .city-select__hint { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .city-select__confirm { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .city-select__city { font-weight: 500; } .city-select__link { margin-left: 0.25rem; display: inline; cursor: pointer; border-width: 0px; background-color: transparent; padding: 0px; vertical-align: baseline; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .city-select__link:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .city-select__search { position: relative; } .city-select__search-icon { pointer-events: none; position: absolute; left: 0.75rem; top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); color: rgba(79, 62, 53, .8); } .city-select__input { height: 3rem; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); background-color: transparent; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2.5rem; padding-right: 2.5rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .city-select__input::-moz-placeholder { color: rgba(79, 62, 53, .8); } .city-select__input::placeholder { color: rgba(79, 62, 53, .8); } .city-select__input:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .city-select__input { border-radius: 0 !important; } .city-select__search-clear { position: absolute; right: 0.5rem; top: 50%; height: 2.25rem; width: 2.25rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); cursor: pointer; border-width: 0px; background-color: transparent; font-size: 1.125rem; line-height: 1.75rem; line-height: 1; color: rgba(79, 62, 53, .8); } .city-select__search-clear:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .city-select__list { margin: 0px; max-height: 13rem; list-style-type: none; overflow-y: auto; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 0px; scrollbar-width: none; } .city-select__list::-webkit-scrollbar { display: none; } .city-select__list li { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .city-select__list li:last-child { border-width: 0px; } .city-select__option { min-height: 2.75rem; width: 100%; cursor: pointer; border-width: 0px; background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .city-select__option:hover { background-color: rgba(79,62,53,0.04); } .city-select__option:active { background-color: rgba(79,62,53,0.06); } .city-select__option.is-selected { background-color: rgba(79,62,53,0.08); font-weight: 500; } .city-select__selected { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .city-select__selected strong { font-weight: 500; } .city-select__error { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; color: #8E0826; } .city-select__actions { display: flex; flex-direction: column-reverse; gap: 0.75rem; padding-top: 0.25rem; } @media (min-width: 640px) { .city-select__actions { flex-direction: row; justify-content: flex-end; } } .city-select__btn { display: inline-flex; min-height: 2.75rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0px; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .city-select__btn:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .city-select__btn { border-radius: 0 !important; } .city-select__btn--ghost { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .city-select__btn--ghost:hover { opacity: 0.7; } .city-select__btn--primary { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .city-select__btn--primary:hover { opacity: 0.8; } /* Authentication side panel — Feminine Editorial Minimal */ .auth-popup { position: relative; z-index: 40; } .auth-popup__backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 40; background-color: rgba(79, 62, 53, 0.4); -webkit-backdrop-filter: none; backdrop-filter: none; } .auth-popup__dialog { position: fixed; top: 0px; bottom: 0px; right: 0px; z-index: 50; display: flex; max-width: 100%; } .auth-popup__panel { position: relative; display: flex; height: 100%; width: 100vw; max-width: 28rem; flex-direction: column; overflow-y: auto; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-order-view .auth-popup__panel { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .auth-popup__panel { scrollbar-width: none; -ms-overflow-style: none; } .auth-popup__panel::-webkit-scrollbar { display: none; width: 0; height: 0; } .auth-popup__loader { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 20; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.7); } .auth-popup__spinner { display: inline-block; width: 1.75rem; height: 1.75rem; border-radius: 9999px; border: 1.5px solid rgba(79, 62, 53, 0.15); border-top-color: #4f3e35; animation: auth-popup-spin 0.75s linear infinite; } @keyframes auth-popup-spin { to { transform: rotate(360deg); } } .auth-popup__btn:disabled, .auth-popup__link:disabled, .auth-popup__tab:disabled, .auth-popup__close:disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .auth-popup__header { position: sticky; top: 0px; z-index: 10; display: flex; height: 3.5rem; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; } .account-order-view .auth-popup__header { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } @media (min-width: 768px) { .auth-popup__header { padding-left: 1.5rem; padding-right: 1.5rem; } } .auth-popup__title { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .auth-popup__title { font-size: 1rem; line-height: 1.5rem; } } .auth-popup__close { margin-right: -0.5rem; display: inline-flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-width: 0px; background-color: transparent; padding: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .auth-popup__close:hover { opacity: 0.6; } .auth-popup__body { display: flex; flex-direction: column; gap: 1.5rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 768px) { .auth-popup__body { padding-left: 1.5rem; padding-right: 1.5rem; } } .auth-popup__tabs { display: flex; width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); } .auth-popup__tabs--sub { margin-top: 0.5rem; margin-bottom: 0.25rem; } .auth-popup__tab { min-height: 2.75rem; flex: 1 1 0%; cursor: pointer; border-radius: 0px; border-width: 0px; background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .auth-popup__tab:hover { opacity: 0.7; } .auth-popup__tab:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .auth-popup__tab + .auth-popup__tab { border-left-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); } #authentication-popup .switch-active, #authentication-popup .auth-switch-active, .auth-popup__tab.switch-active, .auth-popup__tab.auth-switch-active { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 1; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .auth-popup__form-wrap { width: 100%; } .auth-popup__fieldset { margin: 0px; display: flex; flex-direction: column; gap: 1rem; border-width: 0px; padding: 0px; } .auth-popup__field { margin: 0px; } .auth-popup__label { margin-bottom: 0.5rem; display: block; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .auth-popup__label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .auth-popup__label.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .auth-popup__label.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .auth-popup__label.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .auth-popup__label.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .auth-popup__label.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .auth-popup__label.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .auth-popup__label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .auth-popup__label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .auth-popup__input { /* text-base (16px): prevents iOS Safari zoom on focus */ height: 2.75rem; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(231, 231, 231, 1); border-color: rgba(231, 231, 231, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-order-view .auth-popup__input { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .auth-popup__input::-moz-placeholder { color: rgba(79, 62, 53, .8); } .auth-popup__input::placeholder { color: rgba(79, 62, 53, .8); } .auth-popup__input:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .auth-popup__input:disabled { cursor: not-allowed; opacity: 0.6; } .auth-popup__hint { margin: 0px; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .auth-popup__alert { margin-bottom: 0.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0px; padding-right: 0px; } .auth-popup__alert-text { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .auth-popup__actions { margin-top: 0.5rem; display: flex; flex-direction: column; gap: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1rem; } .auth-popup__actions--split { flex-direction: column-reverse; } @media (min-width: 640px) { .auth-popup__actions--split { flex-direction: row; align-items: center; justify-content: space-between; } } .auth-popup__actions-row { display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; } .auth-popup__btn { display: inline-flex; min-height: 2.75rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0px; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; text-decoration-line: none; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .auth-popup__btn:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .auth-popup__btn { border-radius: 0 !important; } .auth-popup__btn--primary { width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .auth-popup__btn--primary:hover { opacity: 0.8; } .auth-popup__btn--ghost { width: 100%; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .auth-popup__btn--ghost:hover { opacity: 0.7; } .auth-popup__link { display: inline-block; cursor: pointer; border-width: 0px; background-color: transparent; padding: 0px; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .auth-popup__link:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .auth-popup__legal { margin-top: 1rem; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .auth-popup__divider { margin-top: 1.5rem; margin-bottom: 1.5rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } /* Neutralize default Magento toolbar borders inside the popup */ .auth-popup .actions-toolbar { margin-top: 0px; border-width: 0px; padding-top: 0px; } /* Homepage — Feminine Editorial Minimal */ .cms-index-index .page-main { margin-top: 0px; } .cms-index-index .columns { row-gap: 0px; padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .cms-index-index .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .cms-index-index .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .cms-index-index .column.main { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* CMS home promo image / PageBuilder rows */ .cms-index-index .column.main > [data-content-type='row'], .cms-index-index .column.main > .widget { margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .column.main > [data-content-type='row'], .cms-index-index .column.main > .widget { margin-bottom: 3.5rem; } } .cms-index-index .column.main > div[class~='block'] { margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .column.main > div[class~='block'] { margin-bottom: 3.5rem; } } .cms-index-index .column.main img { border-radius: 0px; } /* PageBuilder text / HTML content on homepage */ .cms-index-index .column.main [data-content-type='text'], .cms-index-index .column.main [data-content-type='html'] { width: 100%; max-width: none; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .cms-index-index .column.main [data-content-type='text'] h1, .cms-index-index .column.main [data-content-type='text'] h2, .cms-index-index .column.main [data-content-type='text'] h3, .cms-index-index .column.main [data-content-type='text'] h4, .cms-index-index .column.main [data-content-type='html'] h1, .cms-index-index .column.main [data-content-type='html'] h2, .cms-index-index .column.main [data-content-type='html'] h3, .cms-index-index .column.main [data-content-type='html'] h4 { margin-bottom: 1.25rem; text-align: center; font-size: 1rem; line-height: 1.5rem; font-weight: 500; line-height: 1.375; letter-spacing: 0.06em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .column.main [data-content-type='text'] h1, .cms-index-index .column.main [data-content-type='text'] h2, .cms-index-index .column.main [data-content-type='text'] h3, .cms-index-index .column.main [data-content-type='text'] h4, .cms-index-index .column.main [data-content-type='html'] h1, .cms-index-index .column.main [data-content-type='html'] h2, .cms-index-index .column.main [data-content-type='html'] h3, .cms-index-index .column.main [data-content-type='html'] h4 { margin-bottom: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; } } .cms-index-index .column.main [data-content-type='text'] h1, .cms-index-index .column.main [data-content-type='text'] h2, .cms-index-index .column.main [data-content-type='text'] h3, .cms-index-index .column.main [data-content-type='text'] h4, .cms-index-index .column.main [data-content-type='html'] h1, .cms-index-index .column.main [data-content-type='html'] h2, .cms-index-index .column.main [data-content-type='html'] h3, .cms-index-index .column.main [data-content-type='html'] h4 { margin-top: 0; } .cms-index-index .column.main [data-content-type='text'] p, .cms-index-index .column.main [data-content-type='html'] p { margin-bottom: 1rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); margin-top: 0; } .cms-index-index .column.main [data-content-type='text'] ul, .cms-index-index .column.main [data-content-type='text'] ol, .cms-index-index .column.main [data-content-type='html'] ul, .cms-index-index .column.main [data-content-type='html'] ol { margin-bottom: 1rem; list-style-type: none; padding-left: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .cms-index-index .column.main [data-content-type='text'] li, .cms-index-index .column.main [data-content-type='html'] li { position: relative; margin-bottom: 0.5rem; padding-left: 0px; } .cms-index-index .column.main [data-content-type='text'] li:last-child, .cms-index-index .column.main [data-content-type='html'] li:last-child { margin-bottom: 0px; } .cms-index-index .column.main [data-content-type='text'] a, .cms-index-index .column.main [data-content-type='html'] a { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: underline; text-underline-offset: 2px; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .cms-index-index .column.main [data-content-type='text'] a:hover, .cms-index-index .column.main [data-content-type='html'] a:hover { opacity: 0.6; } .cms-index-index .column.main [data-content-type='text'] strong, .cms-index-index .column.main [data-content-type='text'] b, .cms-index-index .column.main [data-content-type='html'] strong, .cms-index-index .column.main [data-content-type='html'] b { font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* Text-only PageBuilder row — editorial SEO band like category description */ .cms-index-index .column.main > [data-content-type='row']:has(> [data-element='inner'] > [data-content-type='text']), .cms-index-index .column.main > [data-content-type='row']:has(> [data-element='inner'] > [data-content-type='html']) { margin-top: 2.5rem; margin-bottom: 1.5rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 2.5rem; } @media (min-width: 768px) { .cms-index-index .column.main > [data-content-type='row']:has(> [data-element='inner'] > [data-content-type='text']), .cms-index-index .column.main > [data-content-type='row']:has(> [data-element='inner'] > [data-content-type='html']) { margin-top: 4rem; margin-bottom: 2.5rem; padding-top: 3.5rem; } } .cms-index-index .column.main > [data-content-type='row']:has(> [data-element='inner'] > [data-content-type='text']) > [data-element='inner'], .cms-index-index .column.main > [data-content-type='row']:has(> [data-element='inner'] > [data-content-type='html']) > [data-element='inner'] { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* PageBuilder products / catalog widgets */ .cms-index-index .block.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .block.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .block.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .block.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } /* Category product sliders */ .cms-index-index .product-slider { margin-top: 2rem; margin-bottom: 2rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .product-slider { margin-top: 3rem; margin-bottom: 3rem; } } /* * Hero banner height must stay stable while scrolling. * 100dvh grows when the mobile URL bar hides → image "crawls" out from under the overlay. * 100svh = small viewport (with chrome) and does not change on scroll. */ .cms-index-index .home-hero { position: relative; width: 100%; overflow: hidden; height: 100vh; height: 100svh; } .cms-index-index .home-hero .splide__track, .cms-index-index .home-hero .splide__list, .cms-index-index .home-hero .splide__slide { height: 100%; } .cms-index-index .home-hero .splide__arrows { pointer-events: none; } .cms-index-index .home-hero .splide__arrow { pointer-events: auto; position: absolute; top: 50%; z-index: 20; display: inline-flex; height: 2.5rem; width: 2.5rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; border-color: rgba(255, 255, 255, 0.5); background-color: transparent; padding: 0px; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); opacity: 0.8; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .cms-index-index .home-hero .splide__arrow:hover { opacity: 1; } .cms-index-index .home-hero .splide__arrow:disabled { opacity: 0.2; } .cms-index-index .home-hero .splide__arrow--prev { left: 1rem; } .cms-index-index .home-hero .splide__arrow--next { right: 1rem; } .cms-index-index .home-hero .splide__pagination { bottom: 1.5rem; gap: 0.5rem; } .cms-index-index .home-hero .splide__pagination .splide__pagination__page { height: 1px; width: 1.5rem; border-radius: 0px; background-color: rgba(255, 255, 255, 0.4); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .cms-index-index .home-hero .splide__pagination .splide__pagination__page:hover { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .cms-index-index .home-hero .splide__pagination .splide__pagination__page[aria-selected="true"] { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .home-hero__slide { position: relative; width: 100%; overflow: hidden; height: 100%; min-height: 100%; } /* Outside .splide__track — required so title stays true white */ .home-hero__caption-layer { pointer-events: none; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 30; } .home-hero__caption-layer[hidden] { display: none !important; } .home-hero__caption { pointer-events: none; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 30; max-width: 36rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 3rem; padding-bottom: 4rem; text-align: left; text-transform: uppercase; } @media (min-width: 640px) { .home-hero__caption { padding-bottom: 5rem; } } @media (min-width: 768px) { .home-hero__caption { padding-left: 2.5rem; padding-right: 2.5rem; padding-bottom: 6rem; } } .home-hero__caption { color: #fff; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .home-hero__title { margin: 0px; margin-bottom: 0.5rem; font-family: QuincyCF, Georgia, serif; font-size: 1.875rem; line-height: 2.25rem; font-weight: 400; line-height: 1; letter-spacing: 0.08em; } @media (min-width: 640px) { .home-hero__title { font-size: 2.25rem; line-height: 2.5rem; } } @media (min-width: 768px) { .home-hero__title { margin-bottom: 0.75rem; font-size: 3rem; line-height: 1; } } .home-hero__title { color: #fff; -webkit-text-fill-color: #fff; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; /* Crisp contrast without the old 24px blur fog */ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); } .home-hero__eyebrow { margin: 0px; margin-bottom: 1rem; font-size: 11px; font-weight: 500; text-transform: none; letter-spacing: 0.16em; } @media (min-width: 768px) { .home-hero__eyebrow { margin-bottom: 1.25rem; font-size: 0.75rem; line-height: 1rem; } } .home-hero__eyebrow { color: #fff; -webkit-text-fill-color: #fff; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); } .home-hero__cta { pointer-events: auto; margin: 0px; display: inline-flex; align-items: center; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, var(--tw-border-opacity)); padding-bottom: 0.125rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em; text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .home-hero__cta:hover { opacity: 0.9; } @media (min-width: 768px) { .home-hero__cta { font-size: 0.75rem; line-height: 1rem; } } .home-hero__cta { color: #fff; -webkit-text-fill-color: #fff; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .home-hero__hit { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 10; } /* Categories promo grid (fallback template) */ .home-categories { margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 768px) { .home-categories { margin-top: 3rem; margin-bottom: 3rem; } } .home-categories__head { margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .home-categories__head { margin-bottom: 1.25rem; } } .home-categories__title { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .home-categories__title { font-size: 1rem; line-height: 1.5rem; } } .home-categories__link { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .home-categories__link:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .home-categories__featured { margin-bottom: 0.5rem; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 0.5rem; gap: 0.5rem; } .cms-index-index .block.widget.block-products-list .block-content .home-categories__featured { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .home-categories__featured { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .home-categories__featured { margin-bottom: 0.75rem; gap: 0.75rem; } } .home-categories__featured--split { grid-template-columns: repeat(1, minmax(0, 1fr)); } @media (min-width: 768px) { .home-categories__featured--split { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .home-categories__featured-item { position: relative; isolation: isolate; display: block; cursor: pointer; overflow: hidden; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); text-decoration-line: none; } [data-content-type$='block'] .home-categories__featured-item p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .home-categories__featured-item.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .home-categories__featured-item.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .home-categories__featured-item.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .home-categories__featured-item.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .home-categories__featured-item.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .home-categories__featured-item.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .home-categories__featured-item.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .home-categories__featured-item.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .home-categories__featured-item::after, .home-categories__card::after { content: ''; pointer-events: none; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 5; height: 40%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .home-categories__featured-img { height: 28rem; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } @media (min-width: 640px) { .home-categories__featured-img { height: 36rem; } } @media (min-width: 768px) { .home-categories__featured-img { height: 48rem; } .home-categories__featured--split .home-categories__featured-img { height: 44rem; } } .home-categories__featured-item:hover .home-categories__featured-img { opacity: 0.9; } .home-categories__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 0.5rem; gap: 0.5rem; } .cms-index-index .block.widget.block-products-list .block-content .home-categories__grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .home-categories__grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .home-categories__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; } } .home-categories__card { position: relative; isolation: isolate; display: grid; cursor: pointer; overflow: hidden; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .cms-index-index .block.widget.block-products-list .block-content .home-categories__card { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .home-categories__card { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .home-categories__card-img { grid-column-start: 1; grid-row-start: 1; height: 18rem; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } @media (min-width: 640px) { .home-categories__card-img { height: 24rem; } } @media (min-width: 1280px) { .home-categories__card-img { height: 30rem; } } .home-categories__card:hover .home-categories__card-img { opacity: 0.9; } .home-categories__caption { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 10; padding: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { .home-categories__caption { padding: 1.25rem; font-size: 1rem; line-height: 1.5rem; } } .home-categories__caption { text-shadow: 0 1px 16px rgba(0, 0, 0, 0.45); } .home-categories__caption-title { margin: 0px; margin-bottom: 0.25rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.08em; } @media (min-width: 768px) { .home-categories__caption-title { font-size: 1.875rem; line-height: 2.25rem; } } .home-categories__caption-cta { margin: 0px; font-size: 11px; letter-spacing: 0.14em; color: rgba(255, 255, 255, 0.85); } @media (min-width: 768px) { .home-categories__caption-cta { font-size: 0.75rem; line-height: 1rem; } } /* Editorial lookbook break between product rows */ .home-editorial { margin-top: 2.5rem; margin-bottom: 2.5rem; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); align-items: stretch; grid-gap: 0px; gap: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .cms-index-index .block.widget.block-products-list .block-content .home-editorial { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .home-editorial { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .home-editorial { margin-top: 4rem; margin-bottom: 4rem; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2rem; } } .home-editorial__media { position: relative; display: block; overflow: hidden; --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); text-decoration-line: none; } [data-content-type$='block'] .home-editorial__media p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .home-editorial__media.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .home-editorial__media.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .home-editorial__media.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .home-editorial__media.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .home-editorial__media.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .home-editorial__media.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .home-editorial__media.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .home-editorial__media.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .home-editorial__media { grid-column: span 7 / span 7; } } .home-editorial__img { height: 18rem; width: 100%; -o-object-fit: cover; object-fit: cover; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; } @media (min-width: 640px) { .home-editorial__img { height: 24rem; } } @media (min-width: 768px) { .home-editorial__img { height: 100%; min-height: 26rem; } } .home-editorial__media:hover .home-editorial__img { opacity: 0.9; } .home-editorial__copy { display: flex; flex-direction: column; justify-content: center; padding-left: 0px; padding-right: 0px; padding-top: 1.5rem; padding-bottom: 0.5rem; } @media (min-width: 768px) { .home-editorial__copy { grid-column: span 5 / span 5; padding-top: 2.5rem; padding-bottom: 2.5rem; padding-left: 0.5rem; padding-right: 1rem; } } .home-editorial__eyebrow { margin: 0px; margin-bottom: 0.5rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em; color: rgba(79, 62, 53, .8); } .home-editorial__title { margin: 0px; margin-bottom: 0.75rem; font-family: QuincyCF, Georgia, serif; font-size: 1.25rem; line-height: 1.75rem; font-weight: 400; text-transform: uppercase; line-height: 1; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .home-editorial__title { margin-bottom: 1rem; font-size: 1.875rem; line-height: 2.25rem; } } .home-editorial__text { margin: 0px; margin-bottom: 1.25rem; max-width: 28rem; font-size: 0.875rem; line-height: 1.25rem; text-transform: none; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .home-editorial__text { margin-bottom: 1.5rem; } } .home-editorial__link { margin: 0px; display: inline-flex; align-self: flex-start; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); padding-bottom: 0.125rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .home-editorial__link:hover { opacity: 0.7; } /* Homepage SEO / brand note */ .cms-index-index .description-block { margin-left: auto; margin-right: auto; margin-top: 2.5rem; margin-bottom: 2.5rem; max-width: 36rem; } @media (min-width: 768px) { .cms-index-index .description-block { margin-top: 3.5rem; margin-bottom: 3.5rem; max-width: 42rem; } } .cms-index-index .description-block h1, .cms-index-index .description-block h2, .cms-index-index .description-block h3, .cms-index-index .description-block h4 { margin-bottom: 1rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: 0.1em; } @media (min-width: 768px) { .cms-index-index .description-block h1, .cms-index-index .description-block h2, .cms-index-index .description-block h3, .cms-index-index .description-block h4 { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .description-block p { margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; line-height: 1.625; } @media (min-width: 768px) { .cms-index-index .description-block p { font-size: 0.875rem; line-height: 1.25rem; } } /* Soften long SEO wall on mobile */ @media (max-width: 767px) { .cms-index-index .description-block p:nth-of-type(n + 3) { display: none; } } /* PageBuilder homepage category banners (CMS block `homepage`) */ .cms-index-index .homepage-banner { position: relative; overflow: hidden; border-radius: 0px; } .cms-index-index .homepage-banner .pagebuilder-banner-wrapper, .cms-index-index .homepage-banner .pagebuilder-overlay, .cms-index-index .homepage-banner .pagebuilder-poster-overlay { border-radius: 0 !important; } .cms-index-index .homepage-banner .pagebuilder-poster-content { position: absolute; bottom: 1.25rem; left: 1.25rem; right: 1.25rem; text-align: left; } .cms-index-index .homepage-banner .pagebuilder-poster-content p, .cms-index-index .homepage-banner .pagebuilder-poster-content span { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .homepage-banner .pagebuilder-poster-content p, .cms-index-index .homepage-banner .pagebuilder-poster-content span { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .homepage-banner .pagebuilder-poster-content p, .cms-index-index .homepage-banner .pagebuilder-poster-content span { text-shadow: 0 1px 16px rgba(0, 0, 0, 0.45); } @media (max-width: 768px) { .cms-index-index .homepage-banner.homepage-banner-mobile .pagebuilder-poster-content { bottom: 1rem; left: 1rem; } .cms-index-index .homepage-banner .pagebuilder-poster-overlay { min-height: 22rem !important; } } /* Product slider section headers */ .home-slider__head { margin-bottom: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .home-slider__head { margin-bottom: 1rem; } } .home-slider__title { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .home-slider__title { font-size: 1rem; line-height: 1.5rem; } } .home-slider__link { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .home-slider__link:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .cms-index-index .js_slides { scrollbar-width: none; -ms-overflow-style: none; } .cms-index-index .js_slides::-webkit-scrollbar { display: none; width: 0; height: 0; } /* Lookbook — Feminine Editorial Minimal */ .lookbook-index, .lookbook-album { --lb-ink: #4f3e35; --lb-muted: rgba(79, 62, 53, 0.68); --lb-line: rgba(79, 62, 53, 0.14); --lb-gap: 0.5rem; color: #4f3e35; color: var(--lb-ink); } .lookbook-album { padding: 1rem 0 4.5rem; } .lookbook-index { padding: 2.25rem 0 5.5rem; } /* —— Index —— */ .lookbook-index__header { max-width: 28rem; margin: 0 0 2.75rem; animation: lookbook-fade-up 0.7s ease both; } .lookbook-index__eyebrow, .lookbook-album__eyebrow { margin: 0 0 0.75rem; font-size: 0.68rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--lb-muted); } .lookbook-index__title { margin: 0; font-family: QuincyCF, Georgia, serif; font-size: max(2.15rem, min(4.2vw, 3.15rem)); font-weight: 400; letter-spacing: 0.04em; line-height: 1.05; text-transform: uppercase; color: var(--lb-ink); } .lookbook-index__lede { margin: 0.9rem 0 0; max-width: 22rem; font-size: 0.95rem; line-height: 1.55; color: var(--lb-muted); } .lookbook-index__empty { margin-top: 1rem; color: var(--lb-muted); } /* Equal cards — same rhythm for 1 or many albums */ .lookbook-index__grid { display: grid; grid-template-columns: 1fr; grid-gap: 2.75rem; gap: 2.75rem; } @media (min-width: 768px) { .lookbook-index__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 2rem; align-items: stretch; } } /* Solo album: editorial row so the page does not look half-empty */ @media (min-width: 900px) { .lookbook-index--solo .lookbook-index__grid { grid-template-columns: 1fr; } .lookbook-index--solo .lookbook-index__card-link { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(15rem, 0.85fr); grid-gap: max(1.75rem, min(4vw, 3.25rem)); gap: max(1.75rem, min(4vw, 3.25rem)); align-items: center; } .lookbook-index--solo .lookbook-index__media { max-width: 36rem; } .lookbook-index--solo .lookbook-index__card-title { font-size: max(1.55rem, min(2.4vw, 2.15rem)); } .lookbook-index--solo .lookbook-index__card-text { -webkit-line-clamp: 5; } } .lookbook-index__card { min-width: 0; height: 100%; animation: lookbook-fade-up 0.8s ease both; } .lookbook-index__card:nth-child(1) { animation-delay: 0s; } .lookbook-index__card:nth-child(2) { animation-delay: 0.07s; } .lookbook-index__card:nth-child(3) { animation-delay: 0.14s; } .lookbook-index__card:nth-child(4) { animation-delay: 0.21s; } .lookbook-index__card-link { display: flex; flex-direction: column; height: 100%; gap: 1rem; color: inherit; -webkit-text-decoration: none; text-decoration: none; outline: none; } .lookbook-index__card-link:focus-visible .lookbook-index__media { outline: 1px solid var(--lb-ink); outline-offset: 3px; } .lookbook-index__media { display: block; flex-shrink: 0; overflow: hidden; width: 100%; background: rgba(79, 62, 53, 0.05); /* Locked frame — landscape/portrait covers crop the same */ aspect-ratio: 4 / 5; } .lookbook-index__img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); } @media (hover: hover) { .lookbook-index__card-link:hover .lookbook-index__img { transform: scale(1.035); } .lookbook-index__card-link:hover .lookbook-index__cta-arrow { transform: translateX(0.3rem); } .lookbook-index__card-link:hover .lookbook-index__cta { opacity: 0.7; } } .lookbook-index__copy { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 7.5rem; } .lookbook-index__card-title { display: block; margin: 0; font-family: QuincyCF, Georgia, serif; font-size: max(1.2rem, min(1.8vw, 1.4rem)); font-weight: 400; letter-spacing: 0.02em; line-height: 1.2; color: var(--lb-ink); } .lookbook-index__card-text { display: -webkit-box; margin: 0.55rem 0 0; color: var(--lb-muted); font-size: 0.88rem; line-height: 1.55; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .lookbook-index__cta { display: inline-flex; align-items: center; gap: 0.45rem; margin-top: auto; padding-top: 0.95rem; font-size: 0.68rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--lb-ink); border-bottom: 1px solid var(--lb-ink); padding-bottom: 0.12rem; transition: opacity 0.25s ease; } .lookbook-index__cta-arrow { display: inline-block; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .lookbook-album__crumbs a { display: inline-block; margin-top: 0.9rem; font-size: 0.68rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--lb-ink); -webkit-text-decoration: none; text-decoration: none; border-bottom: 1px solid var(--lb-ink); padding-bottom: 0.1rem; transition: opacity 0.25s ease; } .lookbook-album__crumbs a:hover { opacity: 0.65; } /* —— Crumbs —— */ .lookbook-album__crumbs { display: flex; flex-wrap: wrap; gap: 0.45rem; align-items: center; margin: 0 0 1.5rem; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--lb-muted); } .lookbook-album__crumbs a { margin-top: 0; border-bottom-color: transparent; } .lookbook-album__crumbs a:hover { border-bottom-color: currentColor; } .lookbook-album__crumbs-sep { opacity: 0.45; } /* —— Intro (orientation-aware) —— */ .lookbook-album__intro { display: grid; grid-template-columns: 1fr; grid-gap: 1.5rem; gap: 1.5rem; margin: 0 0 2.25rem; align-items: end; animation: lookbook-fade-up 0.75s ease both; } @media (min-width: 900px) { .lookbook-album__intro--portrait { grid-template-columns: minmax(0, 22rem) minmax(16rem, 1fr); gap: max(1.75rem, min(4vw, 3.5rem)); align-items: center; } .lookbook-album__intro--landscape, .lookbook-album__intro--square { grid-template-columns: minmax(0, 1.4fr) minmax(16rem, 0.85fr); gap: max(1.75rem, min(4vw, 3rem)); align-items: center; } .lookbook-album__intro--text-only { grid-template-columns: minmax(0, 40rem); } } .lookbook-album__intro-media { position: relative; display: block; width: 100%; max-width: 22rem; padding: 0; margin: 0; border: 0; overflow: hidden; background: rgba(79, 62, 53, 0.05); aspect-ratio: 4 / 5; aspect-ratio: var(--shot-ar, 4 / 5); cursor: zoom-in; text-align: left; } .lookbook-album__intro--landscape .lookbook-album__intro-media, .lookbook-album__intro--square .lookbook-album__intro-media { max-width: none; } .lookbook-album__intro-img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; animation: lookbook-fade 1s ease both; } .lookbook-album__intro-copy { display: flex; flex-direction: column; justify-content: center; max-width: 24rem; padding: 0.15rem 0 0; } @media (min-width: 900px) { .lookbook-album__intro-copy { padding: 1rem 0; } } .lookbook-album__title { margin: 0; font-family: QuincyCF, Georgia, serif; font-size: max(2rem, min(4vw, 3.25rem)); font-weight: 400; letter-spacing: 0.01em; line-height: 1.05; color: var(--lb-ink); } .lookbook-album__text { margin: 1.1rem 0 0; color: var(--lb-muted); font-size: 0.9rem; line-height: 1.7; max-width: 26rem; } /* —— Orientation-aware gallery —— Portraits/squares share equal columns; landscapes break as full-width bands. No nth-child span hacks — they left orphan cells and uneven rows. */ .lookbook-album__gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: dense; grid-gap: 0.55rem; gap: 0.55rem; width: 100%; align-items: start; } @media (min-width: 768px) { .lookbook-album__gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; } } @media (min-width: 1100px) { .lookbook-album__gallery { gap: 0.85rem; } } .lookbook-album__shot { margin: 0; min-width: 0; width: 100%; grid-column: span 1; } .lookbook-album__shot--landscape { grid-column: 1 / -1; } .lookbook-album__shot-frame { position: relative; display: block; width: 100%; overflow: visible; background: rgba(79, 62, 53, 0.04); aspect-ratio: 4 / 5; aspect-ratio: var(--shot-ar, 4 / 5); } .lookbook-album__shot-open { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; overflow: hidden; background: transparent; cursor: zoom-in; text-align: left; } /* Keep portrait rhythm even when source ratios differ slightly */ .lookbook-album__shot--portrait .lookbook-album__shot-frame { aspect-ratio: 2 / 3; } .lookbook-album__shot--square .lookbook-album__shot-frame { aspect-ratio: 1 / 1; } .lookbook-album__shot--landscape .lookbook-album__shot-frame { aspect-ratio: 16 / 9; aspect-ratio: var(--shot-ar, 16 / 9); } .lookbook-album__shot-img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease; } .lookbook-album__zoom-hint { position: absolute; left: 0.55rem; bottom: 0.55rem; z-index: 1; padding: 0.3rem 0.45rem; background: rgba(255, 255, 255, 0.9); font-size: 0.58rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--lb-ink); opacity: 0; transition: opacity 0.25s ease; pointer-events: none; } @media (hover: hover) { .lookbook-album__shot-open:hover .lookbook-album__shot-img, .lookbook-album__intro-media:hover .lookbook-album__intro-img { transform: scale(1.03); opacity: 0.96; } .lookbook-album__shot-open:hover .lookbook-album__zoom-hint, .lookbook-album__intro-media:hover .lookbook-album__zoom-hint { opacity: 1; } } @media (hover: none) { .lookbook-album__zoom-hint { opacity: 0.85; background: rgba(255, 255, 255, 0.82); } } /* —— Per-shot “products in photo” —— */ .lookbook-album__shot:has(.lookbook-shot-shop__trigger.is-open) { z-index: 5; } .lookbook-shot-shop { position: absolute; right: 0.55rem; bottom: 0.55rem; z-index: 3; display: flex; flex-direction: column; align-items: flex-end; gap: 0.45rem; max-width: calc(100% - 1.1rem); } .lookbook-shot-shop__trigger { display: inline-flex; align-items: center; gap: 0.45rem; max-width: 100%; min-height: 2.15rem; padding: 0.4rem 0.85rem 0.4rem 0.65rem; border: 0; border-radius: 999px; background: rgba(245, 241, 236, 0.92); color: #3f342c; box-shadow: 0 0.35rem 1rem rgba(40, 30, 22, 0.16); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); cursor: pointer; transition: background 0.2s ease, transform 0.2s ease; } .lookbook-shot-shop__trigger:hover, .lookbook-shot-shop__trigger.is-open { background: rgba(255, 255, 255, 0.96); } .lookbook-shot-shop__icon { display: inline-flex; flex-shrink: 0; } .lookbook-shot-shop__label { font-size: 0.68rem; letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lookbook-shot-shop__backdrop { display: none; } .lookbook-shot-shop__panel { width: min(18.5rem, calc(100vw - 2.5rem)); box-sizing: border-box; padding: 0.55rem; border-radius: 0.65rem; background: #fff; color: var(--lb-ink); box-shadow: 0 0.75rem 2rem rgba(40, 30, 22, 0.22); } .lookbook-shot-shop__panel-head { display: none; } .lookbook-shot-shop__close { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin: 0; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--lb-ink); font-size: 1.5rem; line-height: 1; cursor: pointer; } .lookbook-shot-shop__close:hover { background: rgba(79, 62, 53, 0.06); } .lookbook-shot-shop__item { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr) 2.15rem; grid-gap: 0.65rem; gap: 0.65rem; align-items: center; padding: 0.45rem; } .lookbook-shot-shop__item + .lookbook-shot-shop__item { border-top: 1px solid rgba(79, 62, 53, 0.08); } .lookbook-shot-shop__thumb { display: block; overflow: hidden; aspect-ratio: 3 / 4; background: rgba(79, 62, 53, 0.05); } .lookbook-shot-shop__thumb img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lookbook-shot-shop__info { min-width: 0; } .lookbook-shot-shop__name { display: block; font-size: 0.78rem; line-height: 1.25; color: var(--lb-ink); -webkit-text-decoration: none; text-decoration: none; } .lookbook-shot-shop__price { margin: 0.2rem 0 0; font-size: 0.78rem; color: var(--lb-muted); } .lookbook-shot-shop__wish { display: inline-block; margin-top: 0.25rem; font-size: 0.62rem; letter-spacing: 0.04em; color: var(--lb-muted); -webkit-text-decoration: none; text-decoration: none; border-bottom: 1px solid transparent; } .lookbook-shot-shop__wish:hover { border-bottom-color: currentColor; } .lookbook-shot-shop__bag { display: inline-flex; align-items: center; justify-content: center; width: 2.15rem; height: 2.15rem; border-radius: 999px; border: 1px solid rgba(79, 62, 53, 0.18); color: var(--lb-ink); -webkit-text-decoration: none; text-decoration: none; transition: background 0.2s ease; } .lookbook-shot-shop__bag:hover { background: rgba(79, 62, 53, 0.06); } @media (max-width: 699px) { .lookbook-shot-shop { right: 0.45rem; bottom: 0.45rem; max-width: none; } .lookbook-shot-shop__backdrop { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 55; margin: 0; padding: 0; border: 0; background: rgba(40, 30, 22, 0.35); cursor: pointer; -webkit-tap-highlight-color: transparent; } /* * Full-bleed sheet: shot column is too narrow for product rows. * Fixed to viewport so layout stays readable and on-screen. */ .lookbook-shot-shop__panel { position: fixed; left: 0.75rem; right: 0.75rem; bottom: max(0.75rem, env(safe-area-inset-bottom, 0px)); z-index: 60; width: auto; max-width: 28rem; margin-left: auto; margin-right: auto; max-height: min(70vh, 28rem); overflow: auto; padding-top: 0.35rem; } .lookbook-shot-shop__panel-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.2rem 0.35rem 0.45rem; border-bottom: 1px solid rgba(79, 62, 53, 0.08); margin-bottom: 0.15rem; } .lookbook-shot-shop__panel-title { font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--lb-muted); } .lookbook-shot-shop__trigger { width: 2.35rem; height: 2.35rem; min-height: 0; padding: 0; justify-content: center; } .lookbook-shot-shop__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .lookbook-album__zoom-hint { display: none; } } .lookbook-viewer .lookbook-shot-shop { position: absolute; right: 0.75rem; bottom: 0.75rem; z-index: 6; } .lookbook-viewer .lookbook-shot-shop__backdrop { z-index: 6; } .lookbook-viewer .lookbook-shot-shop__panel { z-index: 7; color: var(--lb-ink); } .lookbook-album__caption { margin: 0.4rem 0 0; font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lb-muted); } /* —— Lightbox viewer + zoom —— */ .lookbook-viewer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 80; display: none; flex-direction: column; align-items: stretch; justify-content: stretch; padding: 3.75rem 0.75rem 4.25rem; background: rgba(28, 22, 18, 0.94); color: #fff; overscroll-behavior: contain; touch-action: none; } .lookbook-viewer.is-open { display: flex; } .lookbook-viewer-open, .lookbook-viewer-open body { overflow: hidden; } .lookbook-viewer__toolbar { position: absolute; top: 0.65rem; right: 0.65rem; z-index: 5; display: flex; align-items: center; gap: 0.25rem; padding: 0.2rem; border-radius: 999px; /* Solid fill — backdrop-filter ghosts duplicate flex children on iOS Safari */ background: rgba(0, 0, 0, 0.55); transform: translateZ(0); isolation: isolate; backface-visibility: hidden; } .lookbook-viewer__tool { display: inline-flex; align-items: center; justify-content: center; min-width: 2.4rem; height: 2.4rem; padding: 0 0.45rem; border: 0; border-radius: 999px; background: transparent; color: #fff; font-size: 1.15rem; line-height: 1; cursor: pointer; transition: background 0.2s ease, opacity 0.2s ease; transform: translateZ(0); } .lookbook-viewer__tool.is-idle { visibility: hidden; width: 0; min-width: 0; max-width: 0; padding: 0; margin: 0; opacity: 0; overflow: hidden; pointer-events: none; border: 0; } .lookbook-viewer__tool:hover:not(:disabled) { background: rgba(255, 255, 255, 0.12); } .lookbook-viewer__tool:disabled { opacity: 0.35; cursor: default; } .lookbook-viewer__tool--close { font-size: 1.55rem; margin-left: 0.15rem; } .lookbook-viewer__zoom-label { min-width: 2.75rem; text-align: center; font-size: 0.68rem; letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.8); } .lookbook-viewer__figure { position: relative; flex: 1 1 auto; min-height: 0; margin: 0; width: 100%; max-width: none; max-height: none; display: flex; flex-direction: column; align-items: stretch; } .lookbook-viewer__stage { position: relative; flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; max-height: none; overflow: hidden; touch-action: none; } .lookbook-viewer__frame { position: relative; display: inline-flex; max-width: 100%; max-height: 100%; } .lookbook-viewer__img { display: block; max-width: min(96vw, 56rem); /* Viewport cap — stage itself is taller so zoom is not limited by image height */ max-height: calc(100dvh - 8.5rem); width: auto; height: auto; -o-object-fit: contain; object-fit: contain; transform-origin: center center; will-change: transform; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.35); transition: opacity 0.2s ease; } .lookbook-viewer__figure.is-landscape .lookbook-viewer__img { max-width: min(96vw, 78rem); } .lookbook-viewer__figure.is-portrait .lookbook-viewer__img { max-width: min(92vw, 42rem); } .lookbook-viewer.is-zoomed .lookbook-viewer__img { box-shadow: none; } .lookbook-viewer__video { display: block; width: min(96vw, 56rem); max-height: calc(100dvh - 8.5rem); aspect-ratio: 16 / 9; border: 0; background: #000; } .lookbook-viewer__frame.is-loading .lookbook-viewer__img { transition: opacity 0.15s ease; } .lookbook-viewer__loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: grid; align-items: center; justify-items: center; place-items: center; pointer-events: none; } .lookbook-viewer__loader::after { content: ""; width: 1.65rem; height: 1.65rem; border-radius: 999px; border: 1.5px solid rgba(255, 255, 255, 0.28); border-top-color: rgba(255, 255, 255, 0.92); animation: lookbook-spin 0.7s linear infinite; } @keyframes lookbook-spin { to { transform: rotate(360deg); } } /* Fixed to viewport bottom — does not jump with image height */ .lookbook-viewer__meta { position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0.55rem; z-index: 3; display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; align-items: baseline; justify-content: center; max-width: none; margin: 0; padding: 0.4rem 0.65rem; border-radius: 0.35rem; font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.72); text-align: center; background: rgba(20, 16, 14, 0.45); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); pointer-events: none; } /* Product sheet must sit above the fixed caption */ .lookbook-viewer.is-shop-open .lookbook-viewer__meta { opacity: 0; visibility: hidden; } .lookbook-viewer__caption { color: rgba(255, 255, 255, 0.9); } .lookbook-viewer__hint { display: none; width: 100%; opacity: 0.55; font-size: 0.58rem; letter-spacing: 0.06em; } @media (max-width: 767px) { .lookbook-viewer__hint { display: block; } } .lookbook-viewer__nav { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; margin: 0; padding: 0; border: 0; border-radius: 999px; background: transparent; color: #fff; line-height: 0; cursor: pointer; transition: opacity 0.2s ease, background 0.2s ease; } .lookbook-viewer__nav:hover { opacity: 0.85; } .lookbook-viewer__nav-icon { display: block; flex-shrink: 0; } .lookbook-viewer__nav--prev { left: 0.15rem; } .lookbook-viewer__nav--next { right: 0.15rem; } @media (min-width: 768px) { .lookbook-viewer { padding: 4.25rem 3.5rem 4.5rem; } .lookbook-viewer__nav--prev { left: 0.75rem; } .lookbook-viewer__nav--next { right: 0.75rem; } .lookbook-viewer__toolbar { top: 0.85rem; right: 0.85rem; } .lookbook-viewer__meta { left: 50%; right: auto; bottom: 0.85rem; width: min(36rem, calc(100% - 2rem)); transform: translateX(-50%); } } @media (max-width: 699px) { .lookbook-viewer { padding: 3.5rem 0.35rem 3.85rem; } .lookbook-viewer__toolbar { left: 0.5rem; right: 0.5rem; justify-content: flex-end; } /* Swipe navigation on mobile — arrows are noise */ .lookbook-viewer__nav { display: none; } .lookbook-viewer__figure { touch-action: pan-y; } .lookbook-viewer.is-zoomed .lookbook-viewer__figure { touch-action: none; } .lookbook-viewer__meta { bottom: max(0.45rem, env(safe-area-inset-bottom, 0px)); } } [x-cloak] { display: none !important; } /* —— Shop the look (Hyvä product slider) —— */ .lookbook-album__shop-wrap { margin: 3rem 0 0; padding-top: 2.5rem; border-top: 1px solid var(--lb-line); } .lookbook-album__shop-eyebrow { margin-bottom: 0.35rem; } .lookbook-album__shop.product-slider { margin-top: 0; } .lookbook-album__shop .home-slider__title { font-family: QuincyCF, Georgia, serif; font-size: max(1.4rem, min(2.4vw, 1.85rem)); font-weight: 400; letter-spacing: 0.03em; color: var(--lb-ink); text-transform: none; } @keyframes lookbook-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes lookbook-fade-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .lookbook-album__intro, .lookbook-album__intro-img, .lookbook-index__img, .lookbook-album__shot-img, .lookbook-album__shop-photo img { animation: none !important; transition: none !important; } } /* 404 — Feminine Editorial Minimal */ .cms-noroute-index .page-main, .cms-index-noroute .page-main { margin-top: 0px; } .cms-noroute-index .columns, .cms-index-noroute .columns { padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .cms-noroute-index .columns, .cms-index-noroute .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .cms-noroute-index .columns, .cms-index-noroute .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .page-404 { width: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .page-404 { padding-top: 2.5rem; padding-bottom: 2.5rem; } } .page-404__panel { display: flex; min-height: 42vh; flex-direction: column; align-items: center; justify-content: center; padding-left: 1rem; padding-right: 1rem; padding-top: 4rem; padding-bottom: 4rem; text-align: center; } @media (min-width: 768px) { .page-404__panel { padding-top: 6rem; padding-bottom: 6rem; } } .page-404__code { margin: 0px; margin-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .page-404__code { font-size: 0.875rem; line-height: 1.25rem; } } .page-404__title { margin: 0px; margin-bottom: 1rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .page-404__title { font-size: 1.5rem; line-height: 2rem; } } .page-404__text { margin: 0px; margin-bottom: 2rem; max-width: 28rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; line-height: 1.625; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .page-404__text { font-size: 1rem; line-height: 1.5rem; } } .page-404__cta { display: inline-flex; height: 2.75rem; min-width: 12.5rem; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); text-decoration-line: none; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .page-404__cta:hover { opacity: 0.8; } .page-404__cta:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .page-404__cta { border-radius: 0 !important; } .page-404__suggest { margin-top: 1rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 2.5rem; } @media (min-width: 768px) { .page-404__suggest { margin-top: 2rem; padding-top: 3.5rem; } } .page-404__suggest-head { margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .page-404__suggest-head { margin-bottom: 1.25rem; } } .page-404__suggest-title { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .page-404__suggest-title { font-size: 1rem; line-height: 1.5rem; } } .page-404__suggest-link { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .page-404__suggest-link:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* Status / confirm pages — same editorial empty language */ .status-page { display: flex; min-height: 36vh; width: 100%; flex-direction: column; align-items: center; justify-content: center; padding-left: 1rem; padding-right: 1rem; padding-top: 4rem; padding-bottom: 4rem; text-align: center; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .status-page { padding-top: 6rem; padding-bottom: 6rem; } } .status-page--secondary { margin-top: 0.5rem; min-height: 0px; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0px; padding-bottom: 4rem; } @media (min-width: 768px) { .status-page--secondary { margin-top: 1rem; padding-bottom: 6rem; } } .checkout-onepage-success .page-main, .checkout-onepage-failure .page-main, .paykeeper-checkout-payment .page-main, .paykeeper-redirect-fail .page-main, .paykeeper-redirect-success .page-main, .customer-account-logoutsuccess .page-main { margin-top: 0px; } .checkout-onepage-success .columns, .checkout-onepage-failure .columns, .paykeeper-checkout-payment .columns, .paykeeper-redirect-fail .columns, .paykeeper-redirect-success .columns, .customer-account-logoutsuccess .columns { padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .checkout-onepage-success .columns, .checkout-onepage-failure .columns, .paykeeper-checkout-payment .columns, .paykeeper-redirect-fail .columns, .paykeeper-redirect-success .columns, .customer-account-logoutsuccess .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .checkout-onepage-success .columns, .checkout-onepage-failure .columns, .paykeeper-checkout-payment .columns, .paykeeper-redirect-fail .columns, .paykeeper-redirect-success .columns, .customer-account-logoutsuccess .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .checkout-onepage-success .checkout-success { display: flex; min-height: 36vh; flex-direction: column; align-items: center; justify-content: center; padding-left: 1rem; padding-right: 1rem; padding-top: 4rem; padding-bottom: 4rem; text-align: center; } @media (min-width: 768px) { .checkout-onepage-success .checkout-success { padding-top: 6rem; padding-bottom: 6rem; } } .checkout-onepage-success .page-title-wrapper { display: none; } .paykeeper-checkout-payment #pay_form { margin: 0px; } /* Customer account — Feminine Editorial Minimal */ .account .page-main { margin-top: 0px; } .account .columns { row-gap: 1rem; padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .account .columns { row-gap: 1.5rem; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .account .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } /* * Title lives in columns.top (sibling of .columns). * Match .columns container width so the heading aligns with sidebar/content. */ .account .account-page-title-wrap { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 640px) { .account .account-page-title-wrap { max-width: 640px; } } @media (min-width: 768px) { .account .account-page-title-wrap { max-width: 768px; } } @media (min-width: 1024px) { .account .account-page-title-wrap { max-width: 1024px; } } @media (min-width: 1280px) { .account .account-page-title-wrap { max-width: 1280px; } } @media (min-width: 1536px) { .account .account-page-title-wrap { max-width: 1536px; } } .account .account-page-title-wrap { margin-left: auto; margin-right: auto; margin-top: 0.75rem; margin-bottom: 1.25rem; padding-left: 0.625rem; padding-right: 0.625rem; } .checkout-cart-index .page-main > .account .account-page-title-wrap { width: 100%; max-width: 72rem; /* max-w-6xl */ margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 1024px) { .checkout-cart-index .page-main > .account .account-page-title-wrap { padding-left: 1.5rem; padding-right: 1.5rem; } } .checkout-cart-index .page-main > .account .account-page-title-wrap { margin-top: 0.75rem; margin-bottom: 0.75rem; } @media (min-width: 768px) { .checkout-cart-index .page-main > .account .account-page-title-wrap { margin-top: 1.25rem; margin-bottom: 1.5rem; } } .shipping-index-index .page-main > .account .account-page-title-wrap { width: 100%; max-width: 36rem; margin-left: auto; margin-right: auto; margin-top: 0.75rem; margin-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .shipping-index-index .page-main > .account .account-page-title-wrap { margin-top: 1.25rem; margin-bottom: 1.5rem; } } @media (min-width: 1024px) { .shipping-index-index .page-main > .account .account-page-title-wrap { padding-left: 1.5rem; padding-right: 1.5rem; } } .catalog-filters .catalog-filters__mobile-title > .account .account-page-title-wrap { min-width: 0px; max-width: 100%; overflow: hidden; padding-left: 0px; padding-right: 0px; } .catalog-filters .catalog-filters__mobile-title .account .account-page-title-wrap { padding-left: 0px; padding-right: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; } .catalog-filters .catalog-filters__desktop-title .account .account-page-title-wrap { padding-left: 0px; padding-right: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } @media (min-width: 768px) { .catalog-filters .catalog-filters__desktop-title .account .account-page-title-wrap { font-size: 1.125rem; line-height: 1.75rem; } } .cms-contacts .content-container .content > .account .account-page-title-wrap { margin: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; width: 100%; max-width: none; } @media (max-width: 767px) { .cms-contacts .content-container .content > .account .account-page-title-wrap { gap: 1.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; } .cms-contacts .content-container .content > .account .account-page-title-wrap:last-child { border-bottom-width: 0px; padding-bottom: 0px; } } @media (min-width: 768px) { .account .account-page-title-wrap { margin-top: 1.25rem; margin-bottom: 1.5rem; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .account .account-page-title-wrap { padding-left: 1.5rem; padding-right: 1.5rem; } } /* css_class lands on the wrap in title.phtml — style the h1 inside */ .account .account-page-title-wrap h1.page-title, .account .account-page-title h1.page-title { margin: 0px; width: 100%; text-align: left; font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .account .account-page-title-wrap h1.page-title, .account .account-page-title h1.page-title { font-size: 1.5rem; line-height: 2rem; } } .account .account-page-title-wrap h1.page-title span.base, .account .account-page-title h1.page-title span.base { text-transform: uppercase; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); letter-spacing: inherit; font-weight: inherit; font-size: inherit; } .account .sidebar-main { margin-bottom: 0.5rem; } @media (min-width: 768px) { .account .sidebar-main { margin-bottom: 0px; } } .account .column.main { min-width: 0px; } /* Flatten legacy Hyvä cards inside account */ .account .card { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } /* —— Account navigation —— */ .account-nav { margin-bottom: 0.5rem; width: 100%; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } @media (min-width: 768px) { .account-nav { margin-bottom: 0px; } } .account-nav__toggle { display: flex; width: 100%; cursor: pointer; align-items: center; justify-content: space-between; gap: 0.75rem; border-width: 0px; background-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 0.875rem; padding-bottom: 0.875rem; text-align: left; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-nav__toggle:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } @media (min-width: 768px) { .account-nav__toggle { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; pointer-events: none; cursor: default; } } .account-nav__toggle-label { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; } @media (min-width: 768px) { .account-nav__toggle-label { font-size: 0.875rem; line-height: 1.25rem; } } .account-nav__chevron { display: inline-flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .account-nav__chevron { display: none; } } .account-nav__panel { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.75rem; } @media (min-width: 768px) { .account-nav__panel { padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 1rem; } } .account-nav__list, .account-nav ul.nav.items { margin: 0px; display: flex; list-style-type: none; flex-direction: column; padding: 0px; } .account-nav ul li.nav.item, .account-nav ul li { margin: 0px; border-width: 0px; padding: 0px; } .account-nav ul li a, .account-nav ul li strong { display: flex; width: 100%; align-items: center; justify-content: space-between; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 768px) { .account-nav ul li a, .account-nav ul li strong { padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 13px; } } .account-nav ul li a:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); opacity: 1; } .account-nav ul li strong, .account-nav ul li.current strong, .account-nav ul li a[aria-current="page"] { font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; box-shadow: inset 2px 0 0 #4f3e35; } .account-nav .delimiter, .account-nav ul li .delimiter { margin-top: 0.5rem; margin-bottom: 0.5rem; display: block; height: 1px; width: 100%; border-width: 0px; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } [data-content-type$='block'] .account-nav .delimiter p:last-child,[data-content-type$='block'] .account-nav ul li .delimiter p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .account-nav .delimiter.widget.block-products-list,.cms-index-index .account-nav ul li .delimiter.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .account-nav .delimiter.widget.block-products-list,.cms-index-index .account-nav ul li .delimiter.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .account-nav .delimiter.widget.block-products-list .block-title,.cms-index-index .account-nav ul li .delimiter.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .account-nav .delimiter.widget.block-products-list .block-title,.cms-index-index .account-nav ul li .delimiter.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .account-nav .delimiter.widget.block-products-list .block-title strong,.cms-index-index .account-nav ul li .delimiter.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .account-nav .delimiter.widget.block-products-list .block-title strong,.cms-index-index .account-nav ul li .delimiter.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .account-nav .delimiter.widget.block-products-list .block-content .grid,.cms-index-index .account-nav ul li .delimiter.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .account-nav .delimiter.widget.block-products-list .block-content .grid,.cms-index-index .account-nav ul li .delimiter.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .account-order-view .account-nav .delimiter, .account-order-view .account-nav ul li .delimiter { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } /* —— Dashboard —— */ .account-dash { margin-bottom: 2rem; width: 100%; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .account-dash { margin-bottom: 2.5rem; } } .account-dash__welcome { margin-bottom: 1.25rem; } @media (min-width: 768px) { .account-dash__welcome { margin-bottom: 1.5rem; } } .account-dash__eyebrow { margin: 0px; margin-bottom: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(79, 62, 53, .8); } .account-dash__hello { margin: 0px; margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .account-dash__hello { font-size: 1rem; line-height: 1.5rem; } } .account-dash__lede { margin: 0px; max-width: 36rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } .account-dash__quick { margin-left: -0.125rem; margin-right: -0.125rem; margin-bottom: 1.5rem; display: flex; gap: 0.5rem; overflow-x: auto; padding-left: 0.125rem; padding-right: 0.125rem; padding-bottom: 0.25rem; } @media (min-width: 768px) { .account-dash__quick { margin-bottom: 2rem; } } .account-dash__quick { -webkit-overflow-scrolling: touch; scrollbar-width: none; } .account-dash__quick::-webkit-scrollbar { display: none; } .account-dash__quick-link { display: inline-flex; height: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; padding-left: 1rem; padding-right: 1rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-dash__quick-link:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .account-section__head { margin-bottom: 1rem; display: flex; align-items: flex-end; justify-content: space-between; gap: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .account-section__head { margin-bottom: 1.25rem; } } .account-section__title { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .account-section__title { font-size: 1rem; line-height: 1.5rem; } } .account-section__link { flex-shrink: 0; border-bottom-width: 1px; border-color: transparent; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-section__link:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .account-section__link { font-size: 0.75rem; line-height: 1rem; } } .account-panel-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 0.75rem; gap: 0.75rem; } .cms-index-index .block.widget.block-products-list .block-content .account-panel-grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .account-panel-grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .account-panel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } } .account-panel-grid--single { max-width: 36rem; } @media (min-width: 768px) { .account-panel-grid--single { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .account-panel { display: flex; min-height: 8.5rem; flex-direction: column; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 1rem; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } @media (min-width: 768px) { .account-panel { padding: 1.25rem; } } .account-panel__head { margin-bottom: 0.75rem; display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; } .account-panel__title { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-panel__action { flex-shrink: 0; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-panel__action:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .account-panel__body { flex-grow: 1; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.03em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-panel__name { margin: 0px; margin-bottom: 0.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-panel__meta { margin: 0px; color: rgba(79, 62, 53, .8); } .account-panel__address { font-size: 0.875rem; line-height: 1.25rem; font-style: normal; line-height: 1.625; color: rgba(79, 62, 53, .8); } .account-panel__address a { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: underline; text-underline-offset: 2px; } .account-panel__footer { margin-top: 1rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; } .account-panel__text-link { display: inline-flex; cursor: pointer; align-items: center; gap: 0.375rem; border-width: 0px; background-color: transparent; padding: 0px; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-panel__text-link:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-panel__icon { display: inline-block; } /* —— Orders: mobile cards —— */ .account-orders-cards { display: flex; flex-direction: column; gap: 0.75rem; } .account-order-card { border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 1rem; } .account-order-card__row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.875rem; line-height: 1.25rem; } .account-order-card__row:last-child { border-width: 0px; } .account-order-card__label { flex-shrink: 0; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .account-order-card__value { text-align: right; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-card__value--strong { font-weight: 500; } .account-order-card__status { display: inline-block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-card__actions { margin-top: 0.75rem; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; } /* —— Orders: desktop table —— */ .account-orders-table-wrap { width: 100%; overflow-x: auto; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .account-orders-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-orders-table thead th { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .account-orders-table tbody th, .account-orders-table tbody td { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.875rem; padding-bottom: 0.875rem; text-align: left; vertical-align: middle; font-weight: 400; } .account-orders-table tbody tr:last-child th, .account-orders-table tbody tr:last-child td { border-bottom-width: 0px; } .account-orders-table tbody tr:hover { background: rgba(79, 62, 53, 0.03); } .account-orders-table__actions { text-align: right; } .account-orders-table__actions a, .account-orders-table__actions button, .account-orders-table__actions form { margin-left: 0.75rem; display: inline-flex; vertical-align: middle; } .account-orders-table__actions a:first-child, .account-orders-table__actions button:first-child, .account-orders-table__actions form:first-child { margin-left: 0px; } .account-empty { display: flex; flex-direction: column; align-items: flex-start; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 1rem; padding-right: 1rem; padding-top: 2.5rem; padding-bottom: 2.5rem; text-align: left; } @media (min-width: 768px) { .account-empty { align-items: center; text-align: center; } } .account-empty__text { margin: 0px; margin-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } .account-empty__cta { display: inline-flex; height: 2.75rem; min-width: 11rem; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-empty__cta:hover { opacity: 0.8; } .account-empty__cta { border-radius: 0 !important; } /* —— Forms / toolbars inside account —— */ .account .fieldset .legend, .account legend.legend { margin-bottom: 1rem; border-width: 0px; padding: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account .field { margin-bottom: 1rem; } .account .field .label, .account .field label.label { margin-bottom: 0.375rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account input.input-text, .account select, .account textarea { height: 2.75rem; border-radius: 0px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); border-radius: 0 !important; } .account input.input-text:focus, .account select:focus, .account textarea:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .account textarea { height: auto; min-height: 6rem; } .actions-toolbar { margin-top: 1.5rem; display: flex; flex-direction: column-reverse; gap: 0.75rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1rem; } @media (min-width: 640px) { .actions-toolbar { flex-direction: row; flex-direction: row-reverse; align-items: center; justify-content: space-between; } } .actions-toolbar a.back { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); text-decoration-line: none; } .actions-toolbar a.back:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* Address book / order history pages share account shell */ .account .block-addresses-default, .account .block-addresses-list, .account .table-wrapper.orders-recent, .account .table-wrapper.orders-history { border-width: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account .message.info.empty { border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } /* —— Auth status / forgot / reset password —— */ .customer-account-logoutsuccess .page-main, .customer-account-forgotpassword .page-main, .customer-account-createpassword .page-main { margin-top: 0px; } .customer-account-logoutsuccess .columns, .customer-account-forgotpassword .columns, .customer-account-createpassword .columns { padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .customer-account-logoutsuccess .columns, .customer-account-forgotpassword .columns, .customer-account-createpassword .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .customer-account-logoutsuccess .columns, .customer-account-forgotpassword .columns, .customer-account-createpassword .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .auth-page { display: flex; width: 100%; justify-content: center; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .auth-page { padding-top: 4rem; padding-bottom: 4rem; } } .auth-page__panel { display: flex; width: 100%; max-width: 28rem; flex-direction: column; align-items: center; text-align: center; } .auth-page__title { margin-bottom: 0.75rem; } .auth-page__text { margin-bottom: 2rem; } .auth-page__form { width: 100%; text-align: left; } .auth-page__fieldset { margin: 0px; border-width: 0px; padding: 0px; } .auth-page__field { margin-bottom: 1.25rem; } .auth-page__field .label, .auth-page__field label.label { margin-bottom: 0.375rem; display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .auth-page__field .label p:last-child,[data-content-type$='block'] .auth-page__field label.label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .auth-page__field .label.widget.block-products-list,.cms-index-index .auth-page__field label.label.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .auth-page__field .label.widget.block-products-list,.cms-index-index .auth-page__field label.label.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .auth-page__field .label.widget.block-products-list .block-title,.cms-index-index .auth-page__field label.label.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .auth-page__field .label.widget.block-products-list .block-title,.cms-index-index .auth-page__field label.label.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .auth-page__field .label.widget.block-products-list .block-title strong,.cms-index-index .auth-page__field label.label.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .auth-page__field .label.widget.block-products-list .block-title strong,.cms-index-index .auth-page__field label.label.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .auth-page__field .label.widget.block-products-list .block-content .grid,.cms-index-index .auth-page__field label.label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .auth-page__field .label.widget.block-products-list .block-content .grid,.cms-index-index .auth-page__field label.label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .auth-page__field .form-input, .auth-page__field input.form-input, .auth-page__field input.input-text { height: 2.75rem; width: 100%; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .auth-page__field .form-input:focus, .auth-page__field input.form-input:focus, .auth-page__field input.input-text:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .auth-page__field .form-input, .auth-page__field input.form-input, .auth-page__field input.input-text { border-radius: 0 !important; } .auth-page__password { position: relative; display: flex; align-items: center; } .auth-page__password .form-input { padding-right: 3rem; } .auth-page__eye { position: absolute; right: 0px; top: 0px; bottom: 0px; display: inline-flex; width: 2.75rem; cursor: pointer; align-items: center; justify-content: center; border-width: 0px; background-color: transparent; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .auth-page__eye:hover { opacity: 0.7; } .auth-page__eye:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .auth-page__actions { margin-top: 0.5rem; display: flex; flex-direction: column; align-items: stretch; gap: 1rem; } @media (min-width: 640px) { .auth-page__actions { align-items: center; } } .auth-page__submit { width: 100%; } @media (min-width: 640px) { .auth-page__submit { width: auto; } } .auth-page__back { text-align: center; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .auth-page__back:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .auth-status .page-404__cta { width: 100%; max-width: 20rem; } @media (min-width: 640px) { .auth-status .page-404__cta { width: auto; } } /* —— Address list / newsletter / wishlist —— */ .account-address-list { display: flex; flex-direction: column; gap: 0.75rem; } .account-address-card__actions { display: flex; flex-shrink: 0; align-items: center; gap: 0.75rem; } .account-address-card.is-confirm-delete { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .account-address-card__confirm { display: flex; flex-direction: column; gap: 0.75rem; } .account-address-card__confirm-text { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-address-card__confirm-actions { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; } .account-address-toolbar { margin-top: 1.5rem; display: flex; flex-direction: column; gap: 1rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1rem; } @media (min-width: 640px) { .account-address-toolbar { flex-direction: row; align-items: center; justify-content: space-between; } } .account-empty--compact { min-height: 0px; padding-top: 1.5rem; padding-bottom: 1.5rem; } .account-pager { margin-top: 1.25rem; margin-bottom: 0.25rem; width: 100%; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-pager .pager-toolbar { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; } /* When pager parts render without .pager-toolbar wrapper */ .account-pager > .toolbar-amount, .account-pager > .limiter, .account-pager > .pager-pages { align-self: center; } .account-pager--top { margin-top: 0px; margin-bottom: 1.25rem; } .account-pager--top .pager-toolbar { border-top-width: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; } .account-newsletter { width: 100%; max-width: 36rem; } .account-newsletter__lede { margin: 0px; margin-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } .account-newsletter__fieldset { margin: 0px; border-width: 0px; padding: 0px; } .account-newsletter__choice { display: flex; cursor: pointer; align-items: flex-start; gap: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding: 1rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-newsletter__choice:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .account-newsletter__checkbox { margin-top: 0.125rem; flex-shrink: 0; } .account-newsletter__choice-text { display: flex; flex-direction: column; gap: 0.25rem; text-align: left; } .account-newsletter__choice-title { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-newsletter__choice-hint { font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.03em; color: rgba(79, 62, 53, .8); } /* Wishlist — fashion editorial cards */ .account-dash--wishlist { text-align: left; } .account-dash--wishlist .toolbar.wishlist-toolbar { margin-bottom: 1.25rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); } .account-dash--wishlist .toolbar.wishlist-toolbar select, .account-dash--wishlist .toolbar.wishlist-toolbar .limiter select, .account-dash--wishlist .toolbar.wishlist-toolbar .limiter__select { height: 2.25rem; min-width: 3.75rem; border-radius: 0px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); border-radius: 0 !important; } .account-wishlist__list { margin: 0px; display: grid; list-style-type: none; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap: 0.75rem; -moz-column-gap: 0.75rem; column-gap: 0.75rem; grid-row-gap: 2rem; row-gap: 2rem; padding: 0px; } .cms-index-index .block.widget.block-products-list .block-content .account-wishlist__list { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .account-wishlist__list { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } @media (min-width: 640px) { .account-wishlist__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .account-wishlist__list { -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 2.5rem; } } @media (min-width: 1024px) { .account-wishlist__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .account-wishlist__item { margin: 0px; min-width: 0px; padding: 0px; } .wishlist-card, .account-wishlist__card.product-item-info { display: flex; height: 100%; flex-direction: column; align-items: stretch; border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); text-align: left !important; } .wishlist-card__media { position: relative; margin-bottom: 0.625rem; display: block; width: 100%; overflow: hidden; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); text-decoration-line: none; } [data-content-type$='block'] .wishlist-card__media p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .wishlist-card__media.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .wishlist-card__media.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .wishlist-card__media.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .wishlist-card__media.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .wishlist-card__media.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .wishlist-card__media.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .wishlist-card__media.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .wishlist-card__media.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .account-order-view .wishlist-card__media { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .wishlist-card__media { aspect-ratio: 3 / 4; } .wishlist-card__media .product-image-container, .wishlist-card__media .product-image-wrapper, .wishlist-card__media > div { display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; padding: 0 !important; margin: 0 !important; } .wishlist-card__media img, .wishlist-card__media .product-image-photo { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: transform 0.55s ease; } .wishlist-card__media:hover img, .wishlist-card__media:hover .product-image-photo { transform: scale(1.04); } .wishlist-card__name { margin: 0px; margin-bottom: 0.25rem; text-align: left !important; } .wishlist-card__name a, .wishlist-card__name .product-item-link { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; line-height: 1.375; letter-spacing: 0.06em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .wishlist-card__name a:hover, .wishlist-card__name .product-item-link:hover { opacity: 0.6; } @media (min-width: 768px) { .wishlist-card__name a, .wishlist-card__name .product-item-link { font-size: 13px; } } .wishlist-card__name a, .wishlist-card__name .product-item-link { text-align: left !important; } .wishlist-card__meta { margin-bottom: 0.75rem; text-align: left !important; } .wishlist-card__meta .price-box { margin: 0px; } .wishlist-card__meta .price { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-weight: 500; letter-spacing: 0.02em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .wishlist-card__meta .price { font-size: 0.875rem; line-height: 1.25rem; } } .wishlist-card__meta .old-price .price { margin-right: 0.5rem; font-weight: 400; color: rgba(79, 62, 53, .8); text-decoration-line: line-through; } .wishlist-card__meta .product-item-options, .wishlist-card__meta .tooltip, .wishlist-card__meta dl { margin-top: 0.375rem; font-size: 11px; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } .wishlist-card__meta a { border-bottom-width: 1px; border-color: transparent; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(79, 62, 53, .8); text-decoration-line: none; } .wishlist-card__meta a:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .wishlist-card__body.product-item-inner { margin-top: auto; display: flex; flex-direction: column; gap: 0.625rem; border-width: 0px; padding-top: 0px; } .wishlist-card__note { margin: 0px; display: inline; border-width: 0px; } .wishlist-card__note summary { display: inline; cursor: pointer; list-style-type: none; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .wishlist-card__note summary:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .wishlist-card__note summary::-webkit-details-marker { display: none; } .wishlist-card__links .wishlist-card__note { margin-top: 0.25rem; flex-basis: 100%; } .wishlist-card__links .wishlist-card__note[open] { display: block; width: 100%; } [data-content-type$='block'] .wishlist-card__links .wishlist-card__note[open] p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .wishlist-card__links .wishlist-card__note[open].widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .wishlist-card__links .wishlist-card__note[open].widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .wishlist-card__links .wishlist-card__note[open].widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .wishlist-card__links .wishlist-card__note[open].widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .wishlist-card__links .wishlist-card__note[open].widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .wishlist-card__links .wishlist-card__note[open].widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .wishlist-card__links .wishlist-card__note[open].widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .wishlist-card__links .wishlist-card__note[open].widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .wishlist-card__note-body { margin-top: 0.5rem; } .wishlist-card__textarea { min-height: 2.75rem; width: 100%; resize: vertical; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; padding: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .wishlist-card__textarea:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .wishlist-card__textarea { border-radius: 0 !important; } .wishlist-card__cart { margin: 0px; width: 100%; border-width: 0px; padding: 0px; } .wishlist-card__add { display: inline-flex; height: 2.25rem; width: 100%; cursor: pointer; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .wishlist-card__add:hover { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px) { .wishlist-card__add { font-size: 11px; } } .wishlist-card__add { border-radius: 0 !important; } .wishlist-card__stock { margin: 0px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .wishlist-card__stock.is-out { --tw-text-opacity: 1; color: rgba(142, 8, 38, 1); color: rgba(142, 8, 38, var(--tw-text-opacity)); } .wishlist-card__links.product-item-actions { margin-top: 0px; display: flex; flex-wrap: wrap; align-items: center; -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 0.25rem; border-width: 0px; padding-top: 0px; } .wishlist-card__link { margin: 0px; display: inline-flex; cursor: pointer; border-width: 0px; background-color: transparent; padding: 0px; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .wishlist-card__link:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .wishlist-card__link { font-size: 11px; } } .wishlist-toolbar-actions { margin-top: 2.5rem; display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.5rem; } .wishlist-toolbar-actions__primary { display: flex; width: 100%; flex-direction: column; gap: 0.75rem; } @media (min-width: 640px) { .wishlist-toolbar-actions__primary { flex-direction: row; flex-wrap: wrap; align-items: center; } } .wishlist-btn { display: inline-flex; min-height: 2.5rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0px; border-width: 0px; background-color: transparent; padding-left: 1.25rem; padding-right: 1.25rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; border-radius: 0 !important; } .wishlist-btn--primary { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wishlist-btn--primary:hover { opacity: 0.85; } .wishlist-btn--ghost { min-height: 0px; border-width: 0px; padding-left: 0px; padding-right: 0px; color: rgba(79, 62, 53, .8); text-underline-offset: 4px; } .wishlist-btn--ghost:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: underline; } .wishlist-toolbar-actions .auth-page__back { text-align: left; } .account .form-address-edit .actions-toolbar .primary button, .account .form-address-edit button.action.save.primary { width: 100%; } @media (min-width: 640px) { .account .form-address-edit .actions-toolbar .primary button, .account .form-address-edit button.action.save.primary { width: auto; } } /* —— Account edit form —— */ .account-edit__lede { margin-bottom: 1.5rem; } .account-edit-form { width: 100%; max-width: 36rem; } .account-edit-form__section { margin: 0px; border-width: 0px; padding: 0px; } .account-edit-form__grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; grid-row-gap: 0px; row-gap: 0px; } .cms-index-index .block.widget.block-products-list .block-content .account-edit-form__grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .account-edit-form__grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } @media (min-width: 640px) { .account-edit-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .account-edit-form .field { margin-bottom: 1.25rem; } .account-edit-form .field .label, .account-edit-form .field label.label { margin-bottom: 0.375rem; display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .account-edit-form .field .label p:last-child,[data-content-type$='block'] .account-edit-form .field label.label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .account-edit-form .field .label.widget.block-products-list,.cms-index-index .account-edit-form .field label.label.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .account-edit-form .field .label.widget.block-products-list,.cms-index-index .account-edit-form .field label.label.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .account-edit-form .field .label.widget.block-products-list .block-title,.cms-index-index .account-edit-form .field label.label.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .account-edit-form .field .label.widget.block-products-list .block-title,.cms-index-index .account-edit-form .field label.label.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .account-edit-form .field .label.widget.block-products-list .block-title strong,.cms-index-index .account-edit-form .field label.label.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .account-edit-form .field .label.widget.block-products-list .block-title strong,.cms-index-index .account-edit-form .field label.label.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .account-edit-form .field .label.widget.block-products-list .block-content .grid,.cms-index-index .account-edit-form .field label.label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .account-edit-form .field .label.widget.block-products-list .block-content .grid,.cms-index-index .account-edit-form .field label.label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .account-edit-form .form-input, .account-edit-form input.form-input, .account-edit-form input.input-text, .account-edit-form select { height: 2.75rem; width: 100%; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-edit-form .form-input:focus, .account-edit-form input.form-input:focus, .account-edit-form input.input-text:focus, .account-edit-form select:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .account-edit-form .form-input, .account-edit-form input.form-input, .account-edit-form input.input-text, .account-edit-form select { border-radius: 0 !important; } .account-edit-form__toggles { margin-bottom: 1.25rem; display: flex; flex-direction: column; gap: 0.5rem; } .account-edit-form__toggle { margin: 0px; display: flex; cursor: pointer; align-items: flex-start; gap: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding: 1rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-edit-form__toggle:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .account-edit-form__toggle .checkbox { margin-top: 0.125rem; flex-shrink: 0; } .account-edit-form__toggle-text { display: flex; min-width: 0px; flex-direction: column; gap: 0.25rem; text-align: left; } .account-edit-form__toggle-title { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-edit-form__toggle-hint { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.03em; color: rgba(79, 62, 53, .8); } .account-edit-form__secure { margin-bottom: 1.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; padding: 1rem; } @media (min-width: 768px) { .account-edit-form__secure { padding: 1.25rem; } } .account-edit-form__password { position: relative; display: flex; align-items: center; } .account-edit-form__password .form-input { padding-right: 3rem; } .account-edit-form__eye { position: absolute; right: 0px; top: 0px; bottom: 0px; display: inline-flex; width: 2.75rem; cursor: pointer; align-items: center; justify-content: center; border-width: 0px; background-color: transparent; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-edit-form__eye:hover { opacity: 0.7; } .account-edit-form__eye:focus { outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .account-edit-form__strength { margin-top: 0.5rem; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: rgba(79, 62, 53, .8); } .account-edit-form__actions { align-items: center; } .account-edit-form__legal { margin-top: 1rem; max-width: 36rem; font-size: 0.75rem; line-height: 1rem; color: rgba(79, 62, 53, .8); } .account-edit-form .field.choice, .account-edit-form .fieldset .field.choice { margin-bottom: 1rem; display: flex; align-items: flex-start; gap: 0.75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding: 1rem; } .account-edit-form .field.choice .label, .account-edit-form .fieldset .field.choice .label { margin: 0px; font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; text-transform: none; letter-spacing: 0.08em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-transform: uppercase; } /* —— Address edit (shipping-aligned) —— */ .account-address-edit { width: 100%; max-width: 42rem; } .account-address-edit__lede { margin: 0px; margin-bottom: 1.5rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.02em; color: rgba(79, 62, 53, .8); } .account-address-edit__form { width: 100%; } .account-address-edit__section { margin: 0px; margin-bottom: 2rem; min-width: 0px; border-width: 0px; padding: 0px; } .account-address-edit__legend { margin-bottom: 1rem; display: block; width: 100%; padding: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .account-address-edit__legend p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .account-address-edit__legend.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__legend.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .account-address-edit__legend.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__legend.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .account-address-edit__legend.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .account-address-edit__legend.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .account-address-edit__legend.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__legend.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .account-address-edit__grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; grid-row-gap: 0px; row-gap: 0px; } .cms-index-index .block.widget.block-products-list .block-content .account-address-edit__grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .account-address-edit__grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } @media (min-width: 640px) { .account-address-edit__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .account-address-edit__grid--address { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .account-address-edit__field { margin-bottom: 1.25rem; } .account-address-edit__label { margin-bottom: 0.375rem; display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .account-address-edit__label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .account-address-edit__label.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__label.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .account-address-edit__label.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__label.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .account-address-edit__label.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .account-address-edit__label.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .account-address-edit__label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .account-address-edit__search { position: relative; } .account-address-edit__search .form-input { padding-right: 2.5rem; } .account-address-edit__search .form-input::-webkit-search-cancel-button, .account-address-edit__search .form-input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; } .account-address-edit__clear { position: absolute; right: 0.375rem; top: 50%; height: 2.25rem; width: 2.25rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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)); cursor: pointer; border-width: 0px; background-color: transparent; padding: 0px; font-size: 1.25rem; line-height: 1.75rem; line-height: 1; color: rgba(79, 62, 53, .8); } .account-address-edit__clear:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-address-edit__suggest { margin: 0px; margin-top: 0.25rem; max-height: 13rem; list-style-type: none; overflow-y: auto; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 0px; } .account-address-edit__suggest li { margin: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .account-address-edit__suggest li:last-child { border-width: 0px; } .account-address-edit__suggest button { display: block; width: 100%; cursor: pointer; border-width: 0px; background-color: transparent; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.625rem; padding-bottom: 0.625rem; text-align: left; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .account-address-edit__suggest button p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .account-address-edit__suggest button.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__suggest button.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .account-address-edit__suggest button.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__suggest button.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .account-address-edit__suggest button.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .account-address-edit__suggest button.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .account-address-edit__suggest button.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit__suggest button.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .account-address-edit__suggest button:hover { background-color: rgba(79,62,53,0.04); } .account-address-edit__hint { margin: 0px; margin-top: 0.375rem; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.02em; color: rgba(79, 62, 53, .8); } .account-address-edit__hint--error { --tw-text-opacity: 1; color: rgba(142, 8, 38, 1); color: rgba(142, 8, 38, var(--tw-text-opacity)); } .account-address-edit__pickup { margin-bottom: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding: 1rem; } .account-address-edit__type { margin-bottom: 0.5rem; display: inline-block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-address-edit__pickup-text { margin: 0px; margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-address-edit__link { display: inline-flex; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; } .account-address-edit__link:hover { opacity: 0.7; } .account-address-edit__note { margin: 0px; margin-bottom: 1rem; font-size: 0.75rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.04em; color: rgba(79, 62, 53, .8); } .account-address-edit__choice { margin-bottom: 1.5rem; display: flex; cursor: pointer; align-items: flex-start; gap: 0.75rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-address-edit__choice .checkbox { margin-top: 0.125rem; flex-shrink: 0; } .account-address-edit__actions { margin-top: 0.5rem; justify-content: space-between; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.25rem; } .account-address-edit__actions .primary button { width: 100%; min-width: 11rem; } @media (min-width: 640px) { .account-address-edit__actions .primary button { width: auto; } } .account-address-edit .field { margin-bottom: 1.25rem; } .account-address-edit .field .label, .account-address-edit .field label.label { margin-bottom: 0.375rem; display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .account-address-edit .field .label p:last-child,[data-content-type$='block'] .account-address-edit .field label.label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .account-address-edit .field .label.widget.block-products-list,.cms-index-index .account-address-edit .field label.label.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit .field .label.widget.block-products-list,.cms-index-index .account-address-edit .field label.label.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .account-address-edit .field .label.widget.block-products-list .block-title,.cms-index-index .account-address-edit .field label.label.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit .field .label.widget.block-products-list .block-title,.cms-index-index .account-address-edit .field label.label.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .account-address-edit .field .label.widget.block-products-list .block-title strong,.cms-index-index .account-address-edit .field label.label.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .account-address-edit .field .label.widget.block-products-list .block-title strong,.cms-index-index .account-address-edit .field label.label.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .account-address-edit .field .label.widget.block-products-list .block-content .grid,.cms-index-index .account-address-edit .field label.label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .account-address-edit .field .label.widget.block-products-list .block-content .grid,.cms-index-index .account-address-edit .field label.label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .account-address-edit .form-input, .account-address-edit input.form-input, .account-address-edit input.input-text, .account-address-edit select.form-select, .account-address-edit select { height: 2.75rem; width: 100%; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-address-edit .form-input:focus, .account-address-edit input.form-input:focus, .account-address-edit input.input-text:focus, .account-address-edit select.form-select:focus, .account-address-edit select:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .account-address-edit .form-input, .account-address-edit input.form-input, .account-address-edit input.input-text, .account-address-edit select.form-select, .account-address-edit select { border-radius: 0 !important; } body > div > div.grecaptcha-badge { display: none; height: 0px !important; width: 0px !important; } /* Sales / order view — Feminine Editorial Minimal */ .order-links { margin: 0px; display: flex; list-style-type: none; flex-wrap: wrap; align-items: flex-end; -moz-column-gap: 1.25rem; column-gap: 1.25rem; row-gap: 0.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding: 0px; } /* Hide lonely "Order" tab when there are no invoices/shipments */ .order-links:not(:has(li:nth-child(2))) { display: none; } .order-links li { position: relative; margin: 0px; list-style-type: none; padding: 0px; } .order-links li a, .order-links li strong { display: inline-flex; align-items: center; padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(79, 62, 53, .8); text-decoration-line: none; } .order-links li a:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .order-links li.current strong, .order-links li.current a { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .order-links li.current::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } .order-date { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; color: rgba(79, 62, 53, .8); } /* —— Order view shell —— */ .account-order-view { display: flex; flex-direction: column; gap: 1.5rem; } @media (min-width: 768px) { .account-order-view { gap: 2rem; } } .account-order-view__header { display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 768px) { .account-order-view__header { flex-direction: row; align-items: center; justify-content: space-between; gap: 1.5rem; } } .account-order-view__sub { margin: 0px; display: flex; flex-wrap: wrap; align-items: center; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 0.5rem; } .account-order-view__date { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.02em; color: rgba(79, 62, 53, .8); } .account-order-view__date-label { margin-right: 0.25rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } .account-order-view__date-value { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-view__status { display: inline-block; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-view__actions { width: 100%; } @media (min-width: 768px) { .account-order-view__actions { width: auto; } } .account-order-view__btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } @media (min-width: 768px) { .account-order-view__btn-row { justify-content: flex-end; } } .account-order-view__form { display: inline-flex; } .account-order-view__btn { display: inline-flex; min-height: 2.75rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); padding-left: 1.25rem; padding-right: 1.25rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .account-order-view__btn:hover { opacity: 0.8; } .account-order-view__btn { border-radius: 0 !important; } .account-order-view__btn--ghost { --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-view__btn--ghost:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); opacity: 1; } .account-order-view__btn--pay { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .account-order-view__tabs:empty { display: none; } .account-order-view__body { display: flex; flex-direction: column; gap: 1.5rem; } @media (min-width: 768px) { .account-order-view__body { gap: 2rem; } } .account-order-view__items-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } .account-order-view__gift { border-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding: 1rem; } .account-order-view__gift-list { margin: 0px; margin-top: 0.75rem; } .account-order-view__gift-list > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * (1 - 0)); margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse))); margin-top: calc(0.5rem * calc(1 - 0)); margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * 0); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .account-order-view__gift-list { font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-view__gift-list dt { margin-right: 0.5rem; display: inline; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .account-order-view__gift-list dd { margin: 0px; display: inline; } .account-order-view__gift-message dd { margin-top: 0.5rem; display: block; color: rgba(79, 62, 53, .8); } [data-content-type$='block'] .account-order-view__gift-message dd p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .account-order-view__gift-message dd.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .account-order-view__gift-message dd.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .account-order-view__gift-message dd.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .account-order-view__gift-message dd.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .account-order-view__gift-message dd.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .account-order-view__gift-message dd.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .account-order-view__gift-message dd.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .account-order-view__gift-message dd.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } /* Back link stays left on order view (global toolbar is row-reverse) */ .account-order-view .actions-toolbar { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 0.5rem; padding-top: 1rem; border-top: 1px solid rgba(235, 230, 225, 1); gap: 0.75rem; } /* —— Info panels —— */ .account-order-info__grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 0.75rem; gap: 0.75rem; } .cms-index-index .block.widget.block-products-list .block-content .account-order-info__grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .account-order-info__grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } @media (min-width: 640px) { .account-order-info__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .account-order-info__grid { gap: 1rem; } } @media (min-width: 1280px) { .account-order-info__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .account-order-info__panel { height: 100%; min-height: 0px; } /* —— Comments —— */ .account-order-comments__list { margin: 0px; margin-top: 1rem; display: flex; list-style-type: none; flex-direction: column; gap: 0.75rem; padding: 0px; } .account-order-comments__item { border-left-width: 1px; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; } .account-order-comments__date { margin-bottom: 0.25rem; display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } [data-content-type$='block'] .account-order-comments__date p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .account-order-comments__date.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .account-order-comments__date.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .account-order-comments__date.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .account-order-comments__date.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .account-order-comments__date.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .account-order-comments__date.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .account-order-comments__date.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .account-order-comments__date.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .account-order-comments__text { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.02em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* —— Items —— */ .account-order-items { border-width: 1px; border-bottom-width: 0px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .account-order-items__head { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .account-order-items__col--end { text-align: right; } .account-order-items__row { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .account-order-items__child { margin-left: 0.5rem; border-bottom-width: 1px; border-left-width: 2px; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); --tw-border-opacity: 1; border-left-color: rgba(235, 230, 225, 1); border-left-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-left: 0.75rem; } .account-order-item { row-gap: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-item__name { margin: 0px; font-weight: 500; letter-spacing: 0.02em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-item__options { margin-top: 0.5rem; display: flex; flex-direction: column; gap: 0.25rem; } .account-order-item__option { display: flex; flex-wrap: wrap; -moz-column-gap: 0.375rem; column-gap: 0.375rem; font-size: 0.75rem; line-height: 1rem; color: rgba(79, 62, 53, .8); } .account-order-item__option-label { text-transform: uppercase; letter-spacing: 0.06em; } .account-order-item__option-label::after { --tw-content: ':'; content: ':'; content: var(--tw-content); } .account-order-item__option-value { text-transform: none; letter-spacing: 0em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-item__desc { margin: 0px; margin-top: 0.25rem; font-size: 0.75rem; line-height: 1rem; color: rgba(79, 62, 53, .8); } .account-order-item__cell { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; } @media (min-width: 1024px) { .account-order-item__cell { display: block; align-self: flex-start; } .account-order-item__cell--end { text-align: right; } } .account-order-item__label { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(79, 62, 53, .8); } .account-order-item__value { font-weight: 400; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .account-order-item__value .price, .account-order-item__value .price-excluding-tax .price, .account-order-item__value .price-including-tax .price { font-weight: 400; } .account-order-item__value--strong { font-weight: 500; } .account-order-item__value--strong .price { font-weight: 500; } .account-order-item__qty p { margin: 0px; } .account-order-item__qty-label { color: rgba(79, 62, 53, .8); } /* —— Totals —— */ .account-order-totals { display: flex; justify-content: flex-end; } .account-order-totals__inner { display: grid; grid-template-columns: 1fr auto; grid-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; grid-row-gap: 0.5rem; row-gap: 0.5rem; width: 100%; max-width: 22rem; border: 1px solid rgba(235, 230, 225, 1); padding: 1rem 1.25rem; font-size: 0.875rem; color: #4f3e35; } .account-order-totals__label { text-align: left; font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(79, 62, 53, 0.72); } .account-order-totals__value { text-align: right; color: #4f3e35; font-weight: 400; } .account-order-totals__value .price { font-weight: 400; } .account-order-totals__label--grand, .account-order-totals__value--grand { margin-top: 0.35rem; padding-top: 0.65rem; border-top: 1px solid rgba(235, 230, 225, 1); color: #4f3e35; } .account-order-totals__label--grand { font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; } .account-order-totals__value--grand { font-size: 1rem; font-weight: 500; } .account-order-totals__value--grand .price { font-weight: 500; } /* Flatten legacy zebra / card chrome inside order view */ .account-order-view .card, .account-order-view .bg-container-lighter { border-radius: 0px; border-width: 0px; background-color: transparent; padding: 0px; --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .account-order-view .order-items > div:nth-child(even) { background: transparent; } .order-items > div:nth-child(even) { background: transparent; } form .field, fieldset .field { margin-top: 0.25rem; } /* Reserve space for single line form validation messages */ form .field.field-reserved, fieldset .field.field-reserved { margin-bottom: 1.75rem; } form .field.field-reserved ul:last-of-type, fieldset .field.field-reserved ul:last-of-type { margin-bottom: -1.5rem; padding-bottom: 0.25rem; } form .field.field-reserved ul, fieldset .field.field-reserved ul { font-size: 0.875rem; line-height: 1.25rem; } form label, fieldset label { margin-bottom: 0.5rem; display: block; --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity)); } [data-content-type$='block'] form label p:last-child,[data-content-type$='block'] fieldset label p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index form label.widget.block-products-list,.cms-index-index fieldset label.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index form label.widget.block-products-list,.cms-index-index fieldset label.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index form label.widget.block-products-list .block-title,.cms-index-index fieldset label.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index form label.widget.block-products-list .block-title,.cms-index-index fieldset label.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index form label.widget.block-products-list .block-title strong,.cms-index-index fieldset label.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index form label.widget.block-products-list .block-title strong,.cms-index-index fieldset label.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index form label.widget.block-products-list .block-content .grid,.cms-index-index fieldset label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index form label.widget.block-products-list .block-content .grid,.cms-index-index fieldset label.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } form .field.choice, fieldset .field.choice { display: flex; align-items: center; } form .field.choice input, fieldset .field.choice input { margin-right: 1rem; } form .field.choice label, fieldset .field.choice label { margin-bottom: 0px; } form .field.field-error .messages, fieldset .field.field-error .messages { --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity)); max-width: -moz-fit-content; max-width: fit-content; } form legend, fieldset legend { margin-bottom: 0.75rem; font-size: 1.25rem; line-height: 1.75rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } form legend + br, fieldset legend + br { display: none; } fieldset ~ fieldset { margin-top: 2rem; } .field.required > label::after { position: relative; top: -0.25rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgba(239, 68, 68, 1); color: rgba(239, 68, 68, var(--tw-text-opacity)); content: var(--tw-content); --tw-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E"); --tw-icon-size: 1em; display: inline-block; width: 1em; width: var(--tw-icon-size); height: 1em; 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: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 6v12M17.196 9 6.804 15M6.804 9l10.392 6'/%3E%3C/svg%3E"); -webkit-mask-image: var(--tw-icon); mask-image: var(--tw-icon); } .multirange-slider { display: grid; } .cms-index-index .block.widget.block-products-list .block-content .multirange-slider { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .multirange-slider { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .multirange-slider { grid-template-areas: "stacked"; } .multirange-slider [type="range"] { pointer-events: none; grid-area: stacked; } .multirange-slider [type="range"]::-webkit-slider-thumb { pointer-events: auto; isolation: isolate; } .multirange-slider [type="range"]::-moz-range-thumb { pointer-events: auto; isolation: isolate; } /* For backwards compatibility */ .flex-columns-wrapper { display: flex; flex-direction: column; } @media (min-width: 768px) { .flex-columns-wrapper { flex-direction: row; } } /* Page scrollbar — miniature editorial */ html { scrollbar-width: thin; scrollbar-color: rgba(79, 62, 53, 0.35) transparent; } ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background-color: rgba(79, 62, 53, 0.35); border: 0; border-radius: 0; background-clip: border-box; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(79, 62, 53, 0.55); } ::-webkit-scrollbar-button { display: none; width: 0; height: 0; } ::-webkit-scrollbar-corner { background: transparent; } /* Auth popup tabs — keep class names for Alpine JS, sharp editorial look */ .switch-active, .auth-switch-active { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } /* Contacts CMS — Feminine Editorial Minimal */ .cms-contacts .page-main { margin-top: 0px; } .cms-contacts .columns { padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .cms-contacts .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .cms-contacts .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .cms-contacts .page-title-wrapper, .cms-contacts .page-title, .cms-contacts .breadcrumbs { display: none; } .cms-contacts .column.main { margin-left: auto; margin-right: auto; width: 100%; max-width: 56rem; padding-left: 0px; padding-right: 0px; padding-top: 1.5rem; padding-bottom: 4rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-contacts .column.main { padding-top: 2.5rem; padding-bottom: 6rem; } } .cms-contacts .column.main a { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: none; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .cms-contacts .column.main a:hover { opacity: 0.7; } .cms-contacts .content-container { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 100%; max-width: none; } .cms-contacts .content-container h1 { margin: 0px; margin-bottom: 2.5rem; text-align: center; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-contacts .content-container h1 { margin-bottom: 3.5rem; font-size: 1.125rem; line-height: 1.75rem; } } /* 2×2 editorial grid — equal columns, top-aligned */ .cms-contacts .content-container .content { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); align-items: flex-start; grid-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; grid-row-gap: 2.5rem; row-gap: 2.5rem; } .cms-index-index .block.widget.block-products-list .block-content .cms-contacts .content-container .content { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .block.widget.block-products-list .block-content .cms-contacts .content-container .content { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .cms-contacts .content-container .content { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 3rem; } } @media (min-width: 1024px) { .cms-contacts .content-container .content { -moz-column-gap: 4rem; column-gap: 4rem; } } .cms-contacts .content-container .content > .contacts-col, .cms-contacts .content-container .content > .container { margin: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; border-width: 0px; background-color: transparent; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; width: 100% !important; max-width: none !important; } .cms-contacts .content-container .title { margin: 0px; margin-bottom: 0.625rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(79, 62, 53, .8); } .cms-contacts .content-container .phone-block, .cms-contacts .content-container .mail-block, .cms-contacts .content-container .review-block, .cms-contacts .content-container .office-block, .cms-contacts .content-container .messengers-block-container, .cms-contacts .content-container .marketing-block-container { width: 100%; } .cms-contacts .content-container p { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-contacts .content-container p { font-size: 15px; } } .cms-contacts .content-container a { display: inline-block; border-bottom-width: 1px; border-color: transparent; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; letter-spacing: 0.02em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .cms-contacts .content-container a:hover { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } @media (min-width: 768px) { .cms-contacts .content-container a { font-size: 1rem; line-height: 1.5rem; } } /* Messengers — stacked vertically */ .cms-contacts .messengers-block-container .messengers-block > p { display: none; } .cms-contacts .messengers-block { margin: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; padding: 0px; } .cms-contacts .messengers-block > a { display: block; border-width: 0px; text-decoration-line: none; } [data-content-type$='block'] .cms-contacts .messengers-block > a p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .cms-contacts .messengers-block > a.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .cms-contacts .messengers-block > a.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .cms-contacts .messengers-block > a.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .cms-contacts .messengers-block > a.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .cms-contacts .messengers-block > a.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .cms-contacts .messengers-block > a.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .cms-contacts .messengers-block > a.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .cms-contacts .messengers-block > a.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } } .cms-contacts .messengers-block .messenger-container { margin: 0px; display: flex; align-items: center; gap: 0.625rem; } .cms-contacts .messengers-block .messenger-container svg { margin: 0px; height: 18px; width: 18px; flex-shrink: 0; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); fill: currentColor; } .cms-contacts .messengers-block .messenger-container p { margin: 0px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; letter-spacing: 0.02em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-contacts .messengers-block .messenger-container p { font-size: 1rem; line-height: 1.5rem; } } /* Phone / mail */ .cms-contacts .phone-block a, .cms-contacts .mail-block a { margin-bottom: 0px; } .cms-contacts .phone-block > p:not(.title) { margin-top: 0.375rem; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } /* Reviews */ .cms-contacts .review-block > p:not(.title) { margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; color: rgba(79, 62, 53, .8); } .cms-contacts .review-phone-mail { margin: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 0.375rem; } .cms-contacts .review-phone-mail span { display: none; } /* Office */ .cms-contacts .office-block .title { text-transform: uppercase; } .cms-contacts .office-block .address { margin-bottom: 0.375rem; } .cms-contacts .office-block .time { font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } /* Marketing */ .cms-contacts .marketing-block-container .mail { font-size: 0.875rem; line-height: 1.25rem; } @media (min-width: 768px) { .cms-contacts .marketing-block-container .mail { font-size: 1rem; line-height: 1.5rem; } } /* PageBuilder chrome */ .cms-contacts .column.main > [data-content-type='html'], .cms-contacts .column.main > [data-content-type='row'] { margin: 0px; border-width: 0px; background-color: transparent; padding: 0px; } @media (max-width: 767px) { .cms-contacts .content-container .content { gap: 0px; } .cms-contacts .content-container .content > .contacts-col, .cms-contacts .content-container .content > .container { gap: 1.5rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; } .cms-contacts .content-container .content > .contacts-col:last-child, .cms-contacts .content-container .content > .container:last-child { border-bottom-width: 0px; padding-bottom: 0px; } } /* Generic CMS pages */ .cms-page-view .column.main { --tw-text-opacity: 1 !important; color: rgba(79, 62, 53, 1) !important; color: rgba(79, 62, 53, var(--tw-text-opacity)) !important; } .cms-page-view .page-main-full-width { flex: 1 1 0%; } .cms-page-view .column.main p { margin-bottom: 1rem; } /* Legal details (реквизиты) — Feminine Editorial Minimal */ .cms-legal-details .page-main { margin-top: 0px; } .cms-legal-details .columns { padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .cms-legal-details .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .cms-legal-details .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .cms-legal-details .page-title-wrapper, .cms-legal-details .page-title { margin-bottom: 1.5rem; text-align: left; } @media (min-width: 768px) { .cms-legal-details .page-title-wrapper, .cms-legal-details .page-title { margin-bottom: 2.5rem; } } .cms-legal-details .page-title span, .cms-legal-details h1.page-title, .cms-legal-details .page-title { font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-legal-details .page-title span, .cms-legal-details h1.page-title, .cms-legal-details .page-title { font-size: 1.125rem; line-height: 1.75rem; } } .cms-legal-details .column.main { margin-left: auto; margin-right: auto; width: 100%; max-width: 56rem; padding-top: 0.5rem; padding-bottom: 3.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-legal-details .column.main { padding-top: 1rem; padding-bottom: 5rem; } } .cms-legal-details .legal-details { margin: 0px; display: flex; width: 100%; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 2rem; padding: 0px; } @media (min-width: 768px) { .cms-legal-details .legal-details { flex-direction: row; flex-wrap: wrap; gap: 2.5rem; } } @media (min-width: 1024px) { .cms-legal-details .legal-details { gap: 3.5rem; } } .cms-legal-details .legal-details__col { margin: 0px; min-width: 12rem; flex: 1 1 0%; padding: 0px; } .cms-legal-details .legal-details p, .cms-legal-details .column.main p { margin: 0px; margin-bottom: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .cms-legal-details .legal-details p:last-child, .cms-legal-details .column.main p:last-child { margin-bottom: 0px; } @media (min-width: 768px) { .cms-legal-details .legal-details p, .cms-legal-details .column.main p { font-size: 15px; } } .cms-legal-details .legal-details p strong, .cms-legal-details .column.main p strong { margin-bottom: 0.375rem; display: block; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; color: rgba(79, 62, 53, .8); } [data-content-type$='block'] .cms-legal-details .legal-details p strong p:last-child,[data-content-type$='block'] .cms-legal-details .column.main p strong p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .cms-legal-details .legal-details p strong.widget.block-products-list,.cms-index-index .cms-legal-details .column.main p strong.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .cms-legal-details .legal-details p strong.widget.block-products-list,.cms-index-index .cms-legal-details .column.main p strong.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .cms-legal-details .legal-details p strong.widget.block-products-list .block-title,.cms-index-index .cms-legal-details .column.main p strong.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .cms-legal-details .legal-details p strong.widget.block-products-list .block-title,.cms-index-index .cms-legal-details .column.main p strong.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .cms-legal-details .legal-details p strong.widget.block-products-list .block-title strong,.cms-index-index .cms-legal-details .column.main p strong.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .cms-legal-details .legal-details p strong.widget.block-products-list .block-title strong,.cms-index-index .cms-legal-details .column.main p strong.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .cms-legal-details .legal-details p strong.widget.block-products-list .block-content .grid,.cms-index-index .cms-legal-details .column.main p strong.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .cms-legal-details .legal-details p strong.widget.block-products-list .block-content .grid,.cms-index-index .cms-legal-details .column.main p strong.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .cms-legal-details .legal-details p strong, .cms-legal-details .column.main p strong { font-size: 0.75rem; line-height: 1rem; } } .cms-legal-details .column.main br { display: none; } @media (max-width: 767px) { .cms-legal-details .legal-details__col { border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 1.25rem; padding-bottom: 1.25rem; } .cms-legal-details .legal-details__col:last-child { border-bottom-width: 0px; padding-bottom: 0px; } } /* Public offer — Feminine Editorial Minimal */ .cms-public-offer .page-main { margin-top: 0px; } .cms-public-offer .columns { padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .cms-public-offer .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .cms-public-offer .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .cms-public-offer .page-title-wrapper, .cms-public-offer .page-title { display: none; } .cms-public-offer .column.main { margin-left: auto; margin-right: auto; width: 100%; max-width: 48rem; padding-top: 1.5rem; padding-bottom: 3.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-public-offer .column.main { padding-top: 2.5rem; padding-bottom: 5rem; } } .cms-public-offer .column.main a { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: underline; text-underline-offset: 2px; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .cms-public-offer .column.main a:hover { opacity: 0.7; } /* PageBuilder wrappers */ .cms-public-offer .column.main > [data-content-type='row'], .cms-public-offer .column.main > [data-content-type='html'] { margin: 0px; border-width: 0px; background-color: transparent; padding: 0px; } .cms-public-offer .column.main [data-content-type='row'] > [data-element='inner'] { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* Heading from PageBuilder */ .cms-public-offer h1[data-content-type='heading'], .cms-public-offer .column.main > h1, .cms-public-offer .rte > h1 { margin: 0px; margin-bottom: 2rem; text-align: center; font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-public-offer h1[data-content-type='heading'], .cms-public-offer .column.main > h1, .cms-public-offer .rte > h1 { margin-bottom: 2.5rem; font-size: 1.125rem; line-height: 1.75rem; } } .cms-public-offer h1[data-content-type='heading'], .cms-public-offer .column.main > h1, .cms-public-offer .rte > h1 { text-align: center !important; } .cms-public-offer .rte { width: 100%; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .cms-public-offer .rte { font-size: 15px; } } .cms-public-offer .rte p { margin: 0px; margin-bottom: 1rem; text-align: left; line-height: 1.7 !important; } .cms-public-offer .rte p:last-child { margin-bottom: 0px; } .cms-public-offer .rte br { display: none; } /* Section titles often as

TITLE

*/ .cms-public-offer .rte p > strong:only-child, .cms-public-offer .rte > p > strong:first-child:last-child { margin-top: 2rem; margin-bottom: 0.75rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .cms-public-offer .rte p > strong:only-child p:last-child,[data-content-type$='block'] .cms-public-offer .rte > p > strong:first-child:last-child p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .cms-public-offer .rte p > strong:only-child.widget.block-products-list,.cms-index-index .cms-public-offer .rte > p > strong:first-child:last-child.widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .cms-public-offer .rte p > strong:only-child.widget.block-products-list,.cms-index-index .cms-public-offer .rte > p > strong:first-child:last-child.widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .cms-public-offer .rte p > strong:only-child.widget.block-products-list .block-title,.cms-index-index .cms-public-offer .rte > p > strong:first-child:last-child.widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .cms-public-offer .rte p > strong:only-child.widget.block-products-list .block-title,.cms-index-index .cms-public-offer .rte > p > strong:first-child:last-child.widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .cms-public-offer .rte p > strong:only-child.widget.block-products-list .block-title strong,.cms-index-index .cms-public-offer .rte > p > strong:first-child:last-child.widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .cms-public-offer .rte p > strong:only-child.widget.block-products-list .block-title strong,.cms-index-index .cms-public-offer .rte > p > strong:first-child:last-child.widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .cms-public-offer .rte p > strong:only-child.widget.block-products-list .block-content .grid,.cms-index-index .cms-public-offer .rte > p > strong:first-child:last-child.widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .cms-public-offer .rte p > strong:only-child.widget.block-products-list .block-content .grid,.cms-index-index .cms-public-offer .rte > p > strong:first-child:last-child.widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .cms-public-offer .rte p > strong:only-child, .cms-public-offer .rte > p > strong:first-child:last-child { font-size: 1rem; line-height: 1.5rem; } } .cms-public-offer .rte > p:first-child > strong:only-child { margin-top: 0px; } .cms-public-offer .rte h2, .cms-public-offer .rte h3 { margin: 0px; margin-top: 2rem; margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-public-offer .rte h2, .cms-public-offer .rte h3 { font-size: 1rem; line-height: 1.5rem; } } .cms-public-offer .rte strong, .cms-public-offer .rte b { font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .cms-public-offer .rte ul, .cms-public-offer .rte ol { margin: 0px; margin-bottom: 1.25rem; list-style-type: none; padding-left: 0px; } .cms-public-offer .rte li { position: relative; margin: 0px; margin-bottom: 0.625rem; list-style-type: none; padding-left: 1rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .cms-public-offer .rte li::before { content: ''; position: absolute; left: 0px; top: 0.65em; height: 1px; width: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } /* Definition / terms tables */ .cms-public-offer .rte table { margin: 0px; margin-bottom: 1.5rem; width: 100%; border-collapse: collapse; border: 0; } .cms-public-offer .rte table td, .cms-public-offer .rte table th { border-width: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0px; padding-right: 0px; text-align: left; vertical-align: top; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); width: auto !important; } .cms-public-offer .rte table tr:last-child td, .cms-public-offer .rte table tr:last-child th { border-bottom-width: 0px; } .cms-public-offer .rte table td:first-child { width: 36%; padding-right: 1rem; font-weight: 500; letter-spacing: 0.04em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-public-offer .rte table td:first-child { width: 30%; } } .cms-public-offer .rte table td:last-child { width: 64%; padding-left: 0px; } @media (min-width: 768px) { .cms-public-offer .rte table td:last-child { width: 70%; } } .cms-public-offer .rte table p { margin: 0px; margin-bottom: 0px; } .cms-public-offer .rte table strong { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; } @media (min-width: 768px) { .cms-public-offer .rte table strong { font-size: 0.875rem; line-height: 1.25rem; } } /* Delivery / Returns CMS — Feminine Editorial Minimal */ .cms-vozvrat .page-main, .cms-dostavka .page-main { margin-top: 0px; } .cms-vozvrat .columns, .cms-dostavka .columns { padding-left: 0.625rem; padding-right: 0.625rem; } @media (min-width: 768px) { .cms-vozvrat .columns, .cms-dostavka .columns { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 1024px) { .cms-vozvrat .columns, .cms-dostavka .columns { padding-left: 1.5rem; padding-right: 1.5rem; } } .cms-vozvrat .page-title-wrapper, .cms-vozvrat .page-title, .cms-dostavka .page-title-wrapper, .cms-dostavka .page-title { display: none; } .cms-vozvrat .column.main, .cms-dostavka .column.main { margin-left: auto; margin-right: auto; width: 100%; max-width: 48rem; padding-top: 1.5rem; padding-bottom: 3.5rem; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-vozvrat .column.main, .cms-dostavka .column.main { padding-top: 2.5rem; padding-bottom: 5rem; } } .cms-vozvrat .column.main a, .cms-dostavka .column.main a { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); text-decoration-line: underline; text-underline-offset: 2px; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .cms-vozvrat .column.main a:hover, .cms-dostavka .column.main a:hover { opacity: 0.7; } /* Tab switcher: Доставка | Возврат */ .cms-vozvrat .delivery-and-return-header-container, .cms-dostavka .delivery-and-return-header-container { margin-bottom: 2rem; display: flex; align-items: center; justify-content: center; gap: 2rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 1rem; } @media (min-width: 768px) { .cms-vozvrat .delivery-and-return-header-container, .cms-dostavka .delivery-and-return-header-container { margin-bottom: 3rem; gap: 2.5rem; } } .cms-vozvrat .delivery-and-return-header-container .delivery, .cms-vozvrat .delivery-and-return-header-container .return, .cms-dostavka .delivery-and-return-header-container .delivery, .cms-dostavka .delivery-and-return-header-container .return { margin: 0px; border-bottom-width: 1px; border-color: transparent; padding-bottom: 0.25rem; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em; color: rgba(79, 62, 53, .8); text-decoration-line: none; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media (min-width: 768px) { .cms-vozvrat .delivery-and-return-header-container .delivery, .cms-vozvrat .delivery-and-return-header-container .return, .cms-dostavka .delivery-and-return-header-container .delivery, .cms-dostavka .delivery-and-return-header-container .return { font-size: 0.75rem; line-height: 1rem; } } .cms-vozvrat .delivery-and-return-header-container a, .cms-dostavka .delivery-and-return-header-container a { border-width: 0px; color: inherit; text-decoration-line: none; } .cms-vozvrat .delivery-and-return-header-container .delivery:hover, .cms-vozvrat .delivery-and-return-header-container .return:hover, .cms-dostavka .delivery-and-return-header-container .delivery:hover, .cms-dostavka .delivery-and-return-header-container .return:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* Content */ .cms-vozvrat .delivery-return-content, .cms-dostavka .delivery-return-content { margin-left: auto; margin-right: auto; margin-top: 0px; width: 100%; max-width: none; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } @media (min-width: 768px) { .cms-vozvrat .delivery-return-content, .cms-dostavka .delivery-return-content { font-size: 15px; } } .cms-vozvrat .delivery-return-content p, .cms-dostavka .delivery-return-content p { margin: 0px; margin-bottom: 1rem; text-align: left; line-height: 1.7 !important; } .cms-vozvrat .delivery-return-content p:last-child, .cms-dostavka .delivery-return-content p:last-child { margin-bottom: 0px; } /* Section titles (legacy or h2/h3) */ .cms-vozvrat .delivery-return-content h2, .cms-vozvrat .delivery-return-content h3, .cms-vozvrat .delivery-return-content .cms-section-title, .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'], .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'], .cms-dostavka .delivery-return-content h2, .cms-dostavka .delivery-return-content h3, .cms-dostavka .delivery-return-content .cms-section-title, .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'], .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'] { margin: 0px; margin-bottom: 0.75rem; margin-top: 2rem; display: block; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } [data-content-type$='block'] .cms-vozvrat .delivery-return-content h2 p:last-child,[data-content-type$='block'] .cms-vozvrat .delivery-return-content h3 p:last-child,[data-content-type$='block'] .cms-vozvrat .delivery-return-content .cms-section-title p:last-child,[data-content-type$='block'] .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'] p:last-child,[data-content-type$='block'] .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'] p:last-child,[data-content-type$='block'] .cms-dostavka .delivery-return-content h2 p:last-child,[data-content-type$='block'] .cms-dostavka .delivery-return-content h3 p:last-child,[data-content-type$='block'] .cms-dostavka .delivery-return-content .cms-section-title p:last-child,[data-content-type$='block'] .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'] p:last-child,[data-content-type$='block'] .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'] p:last-child { margin-bottom: 1rem; margin-top: 0px; } .cms-index-index .cms-vozvrat .delivery-return-content h2.widget.block-products-list,.cms-index-index .cms-vozvrat .delivery-return-content h3.widget.block-products-list,.cms-index-index .cms-vozvrat .delivery-return-content .cms-section-title.widget.block-products-list,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content h2.widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content h3.widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content .cms-section-title.widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list { margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 768px) { .cms-index-index .cms-vozvrat .delivery-return-content h2.widget.block-products-list,.cms-index-index .cms-vozvrat .delivery-return-content h3.widget.block-products-list,.cms-index-index .cms-vozvrat .delivery-return-content .cms-section-title.widget.block-products-list,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content h2.widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content h3.widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content .cms-section-title.widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list { margin-top: 3.5rem; margin-bottom: 3.5rem; } } .cms-index-index .cms-vozvrat .delivery-return-content h2.widget.block-products-list .block-title,.cms-index-index .cms-vozvrat .delivery-return-content h3.widget.block-products-list .block-title,.cms-index-index .cms-vozvrat .delivery-return-content .cms-section-title.widget.block-products-list .block-title,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-title,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content h2.widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content h3.widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content .cms-section-title.widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-title { margin-bottom: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); padding-bottom: 0.75rem; } @media (min-width: 768px) { .cms-index-index .cms-vozvrat .delivery-return-content h2.widget.block-products-list .block-title,.cms-index-index .cms-vozvrat .delivery-return-content h3.widget.block-products-list .block-title,.cms-index-index .cms-vozvrat .delivery-return-content .cms-section-title.widget.block-products-list .block-title,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-title,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content h2.widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content h3.widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content .cms-section-title.widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-title,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-title { margin-bottom: 1.25rem; } } .cms-index-index .cms-vozvrat .delivery-return-content h2.widget.block-products-list .block-title strong,.cms-index-index .cms-vozvrat .delivery-return-content h3.widget.block-products-list .block-title strong,.cms-index-index .cms-vozvrat .delivery-return-content .cms-section-title.widget.block-products-list .block-title strong,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-title strong,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content h2.widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content h3.widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content .cms-section-title.widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-title strong { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } @media (min-width: 768px) { .cms-index-index .cms-vozvrat .delivery-return-content h2.widget.block-products-list .block-title strong,.cms-index-index .cms-vozvrat .delivery-return-content h3.widget.block-products-list .block-title strong,.cms-index-index .cms-vozvrat .delivery-return-content .cms-section-title.widget.block-products-list .block-title strong,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-title strong,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content h2.widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content h3.widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content .cms-section-title.widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-title strong,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-title strong { font-size: 1rem; line-height: 1.5rem; } } .cms-index-index .cms-vozvrat .delivery-return-content h2.widget.block-products-list .block-content .grid,.cms-index-index .cms-vozvrat .delivery-return-content h3.widget.block-products-list .block-content .grid,.cms-index-index .cms-vozvrat .delivery-return-content .cms-section-title.widget.block-products-list .block-content .grid,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-content .grid,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content h2.widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content h3.widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content .cms-section-title.widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-content .grid { -moz-column-gap: 0.5rem; column-gap: 0.5rem; row-gap: 1.5rem; } @media (min-width: 768px) { .cms-index-index .cms-vozvrat .delivery-return-content h2.widget.block-products-list .block-content .grid,.cms-index-index .cms-vozvrat .delivery-return-content h3.widget.block-products-list .block-content .grid,.cms-index-index .cms-vozvrat .delivery-return-content .cms-section-title.widget.block-products-list .block-content .grid,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-content .grid,.cms-index-index .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content h2.widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content h3.widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content .cms-section-title.widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'].widget.block-products-list .block-content .grid,.cms-index-index .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'].widget.block-products-list .block-content .grid { -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 2rem; } .cms-vozvrat .delivery-return-content h2, .cms-vozvrat .delivery-return-content h3, .cms-vozvrat .delivery-return-content .cms-section-title, .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'], .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'], .cms-dostavka .delivery-return-content h2, .cms-dostavka .delivery-return-content h3, .cms-dostavka .delivery-return-content .cms-section-title, .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'], .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'] { font-size: 1rem; line-height: 1.5rem; } } .cms-vozvrat .delivery-return-content h2, .cms-vozvrat .delivery-return-content h3, .cms-vozvrat .delivery-return-content .cms-section-title, .cms-vozvrat .delivery-return-content p > span[style*='font-size: 20px'], .cms-vozvrat .delivery-return-content p > span[style*='font-size:20px'], .cms-dostavka .delivery-return-content h2, .cms-dostavka .delivery-return-content h3, .cms-dostavka .delivery-return-content .cms-section-title, .cms-dostavka .delivery-return-content p > span[style*='font-size: 20px'], .cms-dostavka .delivery-return-content p > span[style*='font-size:20px'] { font-size: 0.875rem !important; line-height: 1.35 !important; } .cms-vozvrat .delivery-return-content > p:first-child > span[style*='font-size'], .cms-vozvrat .delivery-return-content > h2:first-child, .cms-vozvrat .delivery-return-content > .cms-section-title:first-child, .cms-dostavka .delivery-return-content > p:first-child > span[style*='font-size'], .cms-dostavka .delivery-return-content > h2:first-child, .cms-dostavka .delivery-return-content > .cms-section-title:first-child { margin-top: 0px; } .cms-vozvrat .delivery-return-content span, .cms-dostavka .delivery-return-content span { color: inherit !important; font-size: inherit; } .cms-vozvrat .delivery-return-content ul, .cms-vozvrat .delivery-return-content ol, .cms-dostavka .delivery-return-content ul, .cms-dostavka .delivery-return-content ol { margin: 0px; margin-bottom: 1.25rem; list-style-type: none; padding-left: 0px; } .cms-vozvrat .delivery-return-content li, .cms-dostavka .delivery-return-content li { position: relative; margin: 0px; margin-bottom: 0.625rem; list-style-type: none; padding-left: 1rem; font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } .cms-vozvrat .delivery-return-content li::before, .cms-dostavka .delivery-return-content li::before { content: ''; position: absolute; left: 0px; top: 0.65em; height: 1px; width: 0.375rem; --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } .cms-vozvrat .delivery-return-content strong, .cms-vozvrat .delivery-return-content b, .cms-dostavka .delivery-return-content strong, .cms-dostavka .delivery-return-content b { font-weight: 500; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } /* Meta rows: Стоимость / Сроки */ .cms-vozvrat .delivery-return-content .cms-meta, .cms-vozvrat .delivery-return-content p[style*='line-height: 10px'], .cms-dostavka .delivery-return-content .cms-meta, .cms-dostavka .delivery-return-content p[style*='line-height: 10px'] { margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); line-height: 1.6 !important; } .cms-vozvrat .delivery-return-content .cms-note, .cms-vozvrat .delivery-return-content p:has(> span:only-child), .cms-dostavka .delivery-return-content .cms-note, .cms-dostavka .delivery-return-content p:has(> span:only-child) { font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; color: rgba(79, 62, 53, .8); } /* PageBuilder wrappers — strip PB chrome */ .cms-vozvrat .column.main > [data-content-type='row'], .cms-vozvrat .column.main > [data-content-type='html'], .cms-dostavka .column.main > [data-content-type='row'], .cms-dostavka .column.main > [data-content-type='html'] { margin: 0px; border-width: 0px; background-color: transparent; padding: 0px; } .cms-vozvrat .column.main [data-content-type='row'] > [data-element='inner'], .cms-dostavka .column.main [data-content-type='row'] > [data-element='inner'] { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* Active tab */ .cms-dostavka .delivery-and-return-header-container .delivery { cursor: default; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .cms-dostavka .delivery-and-return-header-container .return { cursor: pointer; } .cms-vozvrat .delivery-and-return-header-container .return { cursor: default; --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .cms-vozvrat .delivery-and-return-header-container .delivery { cursor: pointer; } @media (min-width: 768px) { .md\:container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 640px) { .md\:container { max-width: 640px; } } @media (min-width: 768px) { .md\:container { max-width: 768px; } } @media (min-width: 1024px) { .md\:container { max-width: 1024px; } } @media (min-width: 1280px) { .md\:container { max-width: 1280px; } } @media (min-width: 1536px) { .md\:container { max-width: 1536px; } } } @media (min-width: 1280px) { .xl\:container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 640px) { .xl\:container { max-width: 640px; } } @media (min-width: 768px) { .xl\:container { max-width: 768px; } } @media (min-width: 1024px) { .xl\:container { max-width: 1024px; } } @media (min-width: 1280px) { .xl\:container { max-width: 1280px; } } @media (min-width: 1536px) { .xl\:container { max-width: 1536px; } } } .placeholder\:text-primary-lighter::-moz-placeholder { color: rgba(79, 62, 53, .8); } .placeholder\:text-primary-lighter::placeholder { color: rgba(79, 62, 53, .8); } .backdrop\:bg-black\/15::backdrop { background-color: rgba(0, 0, 0, 0.15); } .backdrop\:bg-black\/20::backdrop { background-color: rgba(0, 0, 0, 0.2); } .backdrop\:backdrop-blur-sm::backdrop { --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: blur(4px) 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: blur(4px) 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); -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); } .before\:h-3::before { content: var(--tw-content); height: 0.75rem; } .before\:w-3::before { content: var(--tw-content); width: 0.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: rgba(16, 185, 129, 1); background-color: rgba(16, 185, 129, var(--tw-bg-opacity)); } .before\:bg-red-500::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgba(239, 68, 68, 1); background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:inset-1::after { content: var(--tw-content); top: 0.25rem; right: 0.25rem; bottom: 0.25rem; left: 0.25rem; } .after\:inset-\[3px\]::after { content: var(--tw-content); top: 3px; right: 3px; bottom: 3px; left: 3px; } .after\:rounded-full::after { content: var(--tw-content); border-radius: 9999px; } .after\:rounded-none::after { content: var(--tw-content); border-radius: 0px; } .after\:bg-primary::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } .after\:bg-white::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .after\:opacity-0::after { content: var(--tw-content); opacity: 0; } .after\:opacity-100::after { content: var(--tw-content); opacity: 1; } .after\:transition::after { content: var(--tw-content); 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(0.4, 0, 0.2, 1); transition-duration: 150ms; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:mb-6:last-child { margin-bottom: 1.5rem; } .last\:border-0:last-child { border-width: 0px; } .last\:border-b:last-child { border-bottom-width: 1px; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } .even\:bg-container-darker:nth-child(even) { --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .invalid\:ring-red-500:invalid { --tw-ring-opacity: 1; --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); } .empty\:hidden:empty { display: none; } .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); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .hover\:border-blue-300:hover { --tw-border-opacity: 1; border-color: rgba(147, 197, 253, 1); border-color: rgba(147, 197, 253, var(--tw-border-opacity)); } .hover\:border-gray-400:hover { --tw-border-opacity: 1; border-color: rgba(156, 163, 175, 1); border-color: rgba(156, 163, 175, var(--tw-border-opacity)); } .hover\:border-zinc-300:hover { --tw-border-opacity: 1; border-color: rgba(212, 212, 216, 1); border-color: rgba(212, 212, 216, var(--tw-border-opacity)); } .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgba(29, 78, 216, 1); background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); } .hover\:bg-container-darker:hover { --tw-bg-opacity: 1; background-color: rgba(245, 245, 245, 1); background-color: rgba(245, 245, 245, var(--tw-bg-opacity)); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); } .hover\:bg-primary:hover { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } .hover\:bg-red-300:hover { --tw-bg-opacity: 1; background-color: rgba(252, 165, 165, 1); background-color: rgba(252, 165, 165, var(--tw-bg-opacity)); } .hover\:bg-slate-200:hover { --tw-bg-opacity: 1; background-color: rgba(226, 232, 240, 1); background-color: rgba(226, 232, 240, var(--tw-bg-opacity)); } .hover\:bg-transparent:hover { background-color: transparent; } .hover\:text-black:hover { --tw-text-opacity: 1; color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, var(--tw-text-opacity)); } .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: rgba(37, 99, 235, 1); color: rgba(37, 99, 235, var(--tw-text-opacity)); } .hover\:text-gray-400:hover { --tw-text-opacity: 1; color: rgba(156, 163, 175, 1); color: rgba(156, 163, 175, var(--tw-text-opacity)); } .hover\:text-gray-500:hover { --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity)); } .hover\:text-primary:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .hover\:text-primary-darker:hover { --tw-text-opacity: 1; color: rgba(79, 62, 53, 1); color: rgba(79, 62, 53, var(--tw-text-opacity)); } .hover\:text-primary-lighter:hover { color: rgba(79, 62, 53, .8); } .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgba(220, 38, 38, 1); color: rgba(220, 38, 38, var(--tw-text-opacity)); } .hover\:text-red-800:hover { --tw-text-opacity: 1; color: rgba(153, 27, 27, 1); color: rgba(153, 27, 27, var(--tw-text-opacity)); } .hover\:text-secondary-darker:hover { --tw-text-opacity: 1; color: rgba(31, 41, 55, 1); color: rgba(31, 41, 55, var(--tw-text-opacity)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .hover\:text-yellow-500:hover { --tw-text-opacity: 1; color: rgba(245, 158, 11, 1); color: rgba(245, 158, 11, var(--tw-text-opacity)); } .hover\:text-zinc-900:hover { --tw-text-opacity: 1; color: rgba(24, 24, 27, 1); color: rgba(24, 24, 27, 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\:opacity-60:hover { opacity: 0.6; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .hover\:shadow-none:hover { --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .hover\:shadow-sm:hover { --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .hover\:shadow-primary\/30:hover { --tw-shadow-color: rgba(79, 62, 53, 0.3); --tw-shadow: var(--tw-shadow-colored); } .hover\:ring-2:hover { --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .hover\:ring-blue-300:hover { --tw-ring-opacity: 1; --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); } .hover\:ring-offset-2:hover { --tw-ring-offset-width: 2px; } .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-blue-300:focus { --tw-border-opacity: 1; border-color: rgba(147, 197, 253, 1); border-color: rgba(147, 197, 253, var(--tw-border-opacity)); } .focus\:border-primary:focus { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .focus\:border-primary-lighter:focus { --tw-border-opacity: 1; border-color: rgba(235, 230, 225, 1); border-color: rgba(235, 230, 225, var(--tw-border-opacity)); } .focus\:border-red-500:focus { --tw-border-opacity: 1; border-color: rgba(239, 68, 68, 1); border-color: rgba(239, 68, 68, var(--tw-border-opacity)); } .focus\:border-transparent:focus { border-color: transparent; } .focus\:bg-slate-200:focus { --tw-bg-opacity: 1; background-color: rgba(226, 232, 240, 1); background-color: rgba(226, 232, 240, var(--tw-bg-opacity)); } .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .focus\:text-red-800:focus { --tw-text-opacity: 1; color: rgba(153, 27, 27, 1); color: rgba(153, 27, 27, var(--tw-text-opacity)); } .focus\:shadow-primary\/30:focus { --tw-shadow-color: rgba(79, 62, 53, 0.3); --tw-shadow: var(--tw-shadow-colored); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:outline-red-300:focus { outline-color: #fca5a5; } .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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .focus\:ring-2: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .focus\:ring-blue-200:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity)); } .focus\:ring-blue-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(147, 197, 253, var(--tw-ring-opacity)); } .focus\:ring-gray-900:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity)); } .focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity)); } .focus\:ring-zinc-300\/25:focus { --tw-ring-color: rgba(212, 212, 216, 0.25); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .active\:border-blue-500:active { --tw-border-opacity: 1; border-color: rgba(59, 130, 246, 1); border-color: rgba(59, 130, 246, var(--tw-border-opacity)); } .active\:border-zinc-200:active { --tw-border-opacity: 1; border-color: rgba(228, 228, 231, 1); border-color: rgba(228, 228, 231, var(--tw-border-opacity)); } .active\:bg-blue-700:active { --tw-bg-opacity: 1; background-color: rgba(29, 78, 216, 1); background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); } .active\:bg-gray-100:active { --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); } .active\:bg-red-400:active { --tw-bg-opacity: 1; background-color: rgba(248, 113, 113, 1); background-color: rgba(248, 113, 113, var(--tw-bg-opacity)); } .active\:text-gray-500:active { --tw-text-opacity: 1; color: rgba(107, 114, 128, 1); color: rgba(107, 114, 128, var(--tw-text-opacity)); } .active\:text-gray-700:active { --tw-text-opacity: 1; color: rgba(55, 65, 81, 1); color: rgba(55, 65, 81, var(--tw-text-opacity)); } .active\:text-red-900:active { --tw-text-opacity: 1; color: rgba(127, 29, 29, 1); color: rgba(127, 29, 29, var(--tw-text-opacity)); } .active\:shadow:active { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .active\:shadow-none:active { --tw-shadow: 0 0 rgba(0,0,0,0); --tw-shadow-colored: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } .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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .active\:ring-2: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .active\:ring-blue-500:active { --tw-ring-opacity: 1; --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); } .active\:ring-offset-2:active { --tw-ring-offset-width: 2px; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:bg-gray-100:disabled { --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, 1); background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); } .disabled\:opacity-30:disabled { opacity: 0.3; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:opacity-75:disabled { opacity: 0.75; } .group[open] .group-open\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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\: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(1.1) scaleY(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\/filter:hover .group-hover\/filter\:border-primary { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .group\/filter:hover .group-hover\/filter\:bg-primary { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } .group\/filter:hover .group-hover\/filter\:text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .group:hover .group-hover\:opacity-90 { opacity: 0.9; } .group\/filter:hover .group-hover\/filter\:after\:opacity-100::after { content: var(--tw-content); opacity: 1; } .group\/filter:focus .group-focus\/filter\:border-primary { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .group\/filter:focus .group-focus\/filter\:bg-primary { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } .group\/filter:focus .group-focus\/filter\:text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .group\/filter:focus .group-focus\/filter\:after\:opacity-100::after { content: var(--tw-content); opacity: 1; } .group[aria-expanded="true"] .group-aria-expanded\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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-\[checked\=true\]\:border-primary[data-checked=true] { --tw-border-opacity: 1; border-color: rgba(79, 62, 53, 1); border-color: rgba(79, 62, 53, var(--tw-border-opacity)); } .data-\[checked\]\:border-blue-500[data-checked] { --tw-border-opacity: 1; border-color: rgba(59, 130, 246, 1); border-color: rgba(59, 130, 246, var(--tw-border-opacity)); } .data-\[checked\=true\]\:bg-primary[data-checked=true] { --tw-bg-opacity: 1; background-color: rgba(79, 62, 53, 1); background-color: rgba(79, 62, 53, var(--tw-bg-opacity)); } .data-\[checked\=true\]\:text-white[data-checked=true] { --tw-text-opacity: 1; color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, var(--tw-text-opacity)); } .data-\[checked\]\:text-blue-800[data-checked] { --tw-text-opacity: 1; color: rgba(30, 64, 175, 1); color: rgba(30, 64, 175, var(--tw-text-opacity)); } .data-\[checked\=true\]\:outline[data-checked=true] { outline-style: solid; } .data-\[checked\=true\]\:outline-1[data-checked=true] { outline-width: 1px; } .data-\[checked\=true\]\:outline-offset-2[data-checked=true] { outline-offset: 2px; } .data-\[checked\=true\]\:outline-primary[data-checked=true] { outline-color: #4f3e35; } .data-\[checked\]\:ring-2[data-checked] { --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .data-\[checked\]\:ring-blue-500[data-checked] { --tw-ring-opacity: 1; --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); } .data-\[checked\]\:focus\:border-blue-400:focus[data-checked] { --tw-border-opacity: 1; border-color: rgba(96, 165, 250, 1); border-color: rgba(96, 165, 250, var(--tw-border-opacity)); } .data-\[checked\]\:focus\:ring:focus[data-checked] { --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .data-\[checked\]\:focus\:ring-2:focus[data-checked] { --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-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 rgba(0,0,0,0); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0)); } .data-\[checked\]\:focus\:ring-blue-100:focus[data-checked] { --tw-ring-opacity: 1; --tw-ring-color: rgba(219, 234, 254, var(--tw-ring-opacity)); } .data-\[checked\]\:focus\:ring-blue-500:focus[data-checked] { --tw-ring-opacity: 1; --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); } .data-\[checked\]\:focus\:ring-offset-2:focus[data-checked] { --tw-ring-offset-width: 2px; } .data-\[checked\]\:focus\:ring-offset-blue-200:focus[data-checked] { --tw-ring-offset-color: #bfdbfe; } @media (min-width: 640px) { .sm\:order-2 { order: 2; } .sm\:order-3 { order: 3; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:ml-2 { margin-left: 0.5rem; } .sm\:ml-3 { margin-left: 0.75rem; } .sm\:mt-0 { margin-top: 0px; } .sm\:flex { display: flex; } .sm\:h-\[22rem\] { height: 22rem; } .sm\:w-1\/2 { width: 50%; } .sm\:w-20 { width: 5rem; } .sm\:w-48 { width: 12rem; } .sm\:w-\[52px\] { width: 52px; } .sm\:max-w-lg { max-width: 32rem; } .sm\:max-w-md { max-width: 28rem; } .sm\:max-w-sm { max-width: 24rem; } .sm\:max-w-xl { max-width: 36rem; } .sm\:max-w-xs { max-width: 20rem; } .sm\:table-fixed { table-layout: fixed; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:items-start { align-items: flex-start; } .sm\:gap-8 { gap: 2rem; } .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .sm\:text-right { text-align: right; } .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .sm\:duration-700 { transition-duration: 700ms; } } @media (min-width: 768px) { .md\:static { position: static; } .md\:sticky { position: sticky; } .md\:top-0 { top: 0px; } .md\:top-20 { top: 5rem; } .md\:top-\[57px\] { top: 57px; } .md\:z-40 { z-index: 40; } .md\:order-3 { order: 3; } .md\:col-span-1 { grid-column: span 1 / span 1; } .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-4 { margin-left: 1rem; margin-right: 1rem; } .md\:mx-auto { margin-left: auto; margin-right: auto; } .md\:my-0 { margin-top: 0px; margin-bottom: 0px; } .md\:my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .md\:mb-0 { margin-bottom: 0px; } .md\:mb-2 { margin-bottom: 0.5rem; } .md\:mb-5 { margin-bottom: 1.25rem; } .md\:mb-8 { margin-bottom: 2rem; } .md\:mr-5 { margin-right: 1.25rem; } .md\:mt-0 { margin-top: 0px; } .md\:mt-2 { margin-top: 0.5rem; } .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 !important; } .md\:hidden { display: none; } .md\:aspect-auto { aspect-ratio: auto; } .md\:h-24 { height: 6rem; } .md\:h-\[52px\] { height: 52px; } .md\:h-auto { height: auto; } .md\:w-1\/2 { width: 50%; } .md\:w-1\/3 { width: 33.333333%; } .md\:w-2\/3 { width: 66.666667%; } .md\:w-2\/6 { width: 33.333333%; } .md\:w-24 { width: 6rem; } .md\:w-\[480px\] { width: 480px; } .md\:w-\[52px\] { width: 52px; } .md\:w-\[550px\] { width: 550px; } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:shrink-0 { flex-shrink: 0; } .md\:-translate-x-1\/3 { --tw-translate-x: -33.333333%; transform: translate(-33.333333%, 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)); 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\:snap-align-none { scroll-snap-align: none; } .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-\[42\%_minmax\(0\2c _1fr\)\] { grid-template-columns: 42% minmax(0, 1fr); } .md\:grid-rows-\[min-content_minmax\(0\2c _1fr\)\] { grid-template-rows: min-content minmax(0, 1fr); } .md\:flex-row { flex-direction: row; } .md\:flex-wrap { flex-wrap: wrap; } .md\:items-center { align-items: center; } .md\:justify-start { justify-content: flex-start; } .md\:justify-center { justify-content: center; } .md\:justify-between { justify-content: space-between; } .md\:gap-1 { gap: 0.25rem; } .md\:gap-1\.5 { gap: 0.375rem; } .md\:gap-2 { gap: 0.5rem; } .md\:gap-2\.5 { gap: 0.625rem; } .md\:gap-3 { gap: 0.75rem; } .md\:gap-4 { gap: 1rem; } .md\:gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .md\:gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .md\:gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem; } .md\:gap-y-8 { row-gap: 2rem; } .md\:self-start { align-self: flex-start; } .md\:overflow-visible { overflow: visible; } .md\:border-0 { border-width: 0px; } .md\:\!bg-transparent { background-color: transparent !important; } .md\:bg-transparent { background-color: transparent; } .md\:p-0 { padding: 0px; } .md\:p-10 { padding: 2.5rem; } .md\:p-7 { padding: 1.75rem; } .md\:px-0 { padding-left: 0px; padding-right: 0px; } .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .md\:py-0 { padding-top: 0px; padding-bottom: 0px; } .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:pb-0 { padding-bottom: 0px; } .md\:pb-12 { padding-bottom: 3rem; } .md\:pt-12 { padding-top: 3rem; } .md\:text-left { text-align: left; } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .md\:text-xs { font-size: 0.75rem; line-height: 1rem; } .md\:\!text-current { color: currentColor !important; } .md\:opacity-0 { opacity: 0; } .md\:\!shadow-none { --tw-shadow: 0 0 rgba(0,0,0,0) !important; --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important; box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important; } .group:hover .md\:group-hover\:opacity-100 { opacity: 1; } } @media (min-width: 1024px) { .lg\: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; } .lg\:absolute { position: absolute; } .lg\:bottom-auto { bottom: auto; } .lg\:left-\[var\(--msrp-inline-offset\)\] { left: var(--msrp-inline-offset); } .lg\:right-auto { right: auto; } .lg\:top-\[65px\] { top: 65px; } .lg\:top-\[var\(--msrp-block-offset\)\] { top: var(--msrp-block-offset); } .lg\:order-2 { order: 2; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:mb-4 { margin-bottom: 1rem; } .lg\:ml-5 { margin-left: 1.25rem; } .lg\:mt-2 { margin-top: 0.5rem; } .lg\:mt-3 { margin-top: 0.75rem; } .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\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:h-16 { height: 4rem; } .lg\:w-1\/2 { width: 50%; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:w-1\/4 { width: 25%; } .lg\:w-2\/3 { width: 66.666667%; } .lg\:w-56 { width: 14rem; } .lg\:w-\[58px\] { width: 58px; } .lg\:max-w-xs { max-width: 20rem; } .lg\:table-auto { table-layout: auto; } .lg\:-translate-y-0 { --tw-translate-y: -0px; transform: translate(var(--tw-translate-x), -0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 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-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:grid-cols-\[58\%_minmax\(0\2c _1fr\)\] { grid-template-columns: 58% minmax(0, 1fr); } .lg\:flex-row { flex-direction: row; } .lg\:justify-start { justify-content: flex-start; } .lg\:gap-x-12 { -moz-column-gap: 3rem; column-gap: 3rem; } .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .lg\:shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); } } @media (min-width: 1280px) { .xl\:h-\[28rem\] { height: 28rem; } .xl\:w-1\/4 { width: 25%; } .xl\:w-1\/5 { width: 20%; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-\[repeat\(var\(--gallery-cols\)\2c _minmax\(0\2c _1fr\)\)\] { grid-template-columns: repeat(var(--gallery-cols), minmax(0, 1fr)); } .xl\:border-none { border-style: none; } .xl\:text-base { font-size: 1rem; line-height: 1.5rem; } } .rtl\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *) { --tw-translate-x: -100%; transform: translate(-100%, 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)); 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)); } .rtl\:translate-x-full:where([dir="rtl"], [dir="rtl"] *) { --tw-translate-x: 100%; transform: translate(100%, 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)); 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)); } @media (prefers-color-scheme: dark) { .dark\:border-zinc-700 { --tw-border-opacity: 1; border-color: rgba(63, 63, 70, 1); border-color: rgba(63, 63, 70, var(--tw-border-opacity)); } .dark\:border-zinc-800 { --tw-border-opacity: 1; border-color: rgba(39, 39, 42, 1); border-color: rgba(39, 39, 42, var(--tw-border-opacity)); } .dark\:bg-transparent { background-color: transparent; } .dark\:text-primary-lighter { color: rgba(79, 62, 53, .8); } .dark\:text-zinc-300 { --tw-text-opacity: 1; color: rgba(212, 212, 216, 1); color: rgba(212, 212, 216, var(--tw-text-opacity)); } .dark\:hover\:border-zinc-600:hover { --tw-border-opacity: 1; border-color: rgba(82, 82, 91, 1); border-color: rgba(82, 82, 91, var(--tw-border-opacity)); } .dark\:hover\:text-zinc-200:hover { --tw-text-opacity: 1; color: rgba(228, 228, 231, 1); color: rgba(228, 228, 231, var(--tw-text-opacity)); } .dark\:focus\:ring-zinc-600\/50:focus { --tw-ring-color: rgba(82, 82, 91, 0.5); } .dark\:active\:border-zinc-700:active { --tw-border-opacity: 1; border-color: rgba(63, 63, 70, 1); border-color: rgba(63, 63, 70, var(--tw-border-opacity)); } } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; } .\[\&\:active\:not\(\[data-checked\]\)\]\:ring-offset-2:active:not([data-checked]) { --tw-ring-offset-width: 2px; } .\[\&\:focus\:not\(\[data-checked\]\)\]\:ring-offset-2:focus:not([data-checked]) { --tw-ring-offset-width: 2px; } .\[\&\:hover\:not\(\[data-checked\]\)\]\:ring-offset-2:hover:not([data-checked]) { --tw-ring-offset-width: 2px; } .\[\&\>\:not\(\.loader\)\]\:invisible>:not(.loader) { visibility: hidden; } .\[\&\[data-checked\]\:not\(\:focus\)\]\:bg-blue-50[data-checked]:not(:focus) { --tw-bg-opacity: 1; background-color: rgba(239, 246, 255, 1); background-color: rgba(239, 246, 255, var(--tw-bg-opacity)); } .\[\&\[data-checked\]\:not\(\:focus\)\]\:ring-offset-2[data-checked]:not(:focus) { --tw-ring-offset-width: 2px; }