/** Shopify CDN: Minification failed

Line 739:0 Unexpected "}"
Line 1513:0 Unexpected "}"

**/
img {
    vertical-align: top;
}
/* Product page accordion tabs (Description/Product Features/Size & Fit/
   Fabric & Care/Shipping & Returns - the collapsible_tab block) and the
   "Complete the Look" complementary-products heading both render at Dawn's
   .h3/.h4 heading scale (1.5-1.8rem x the theme's heading scale setting) -
   too large for what's meant to be a compact tab/section label. 13px per
   adam's request (11px was too small). */
.product__accordion .accordion__title,
.complementary-products .accordion__title {
    font-size: 13px !important;
}
/* Dawn's own rule for this ("...media > .card__content .card__badge") uses a
   direct-child combinator that never actually matches here - .card__content
   is really a grandchild (nested one level deeper inside .card__inner), so
   that rule (and this override) must use a descendant combinator instead.
   The real reason SOLD OUT / ON SALE badges were invisible on collection-grid
   cards: .card__badge is plain position:static, while .card__media (the
   product photo) is position:absolute; z-index:2 - the opaque photo paints
   directly over the badge regardless of what "display" is set to. Needs its
   own position + z-index above the photo to actually show, in its configured
   position (settings.badge_position = "top right"). */
.card--card.card--media .card__content .card__badge {
    display: block;
    position: relative;
    z-index: 3;
}
/* Product page: lays price, the FINAL SALE/SOLD OUT badge, and the Fera
   rating widget (moved here by snippets/fera-rating-position.liquid) out in
   a row that hugs its own content instead of stretching the full grid
   column width - without width:fit-content the badge, as a flex child
   pinned to the row's end, ends up stranded far right of the price digits.
   This used to live in a late inline <style> tag inside
   fera-rating-position.liquid, rendered at the very bottom of the page -
   .price stayed in its default (non-flex) layout until the browser's parser
   reached that point, then snapped into this layout, causing a visible
   jump. Moved here (custom.css loads in <head>) so it's correct from first
   paint instead. */
.product__info-container .price {
    width: fit-content;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px 8px;
    margin-bottom: 24px;
}
.product__info-container .price__container {
    flex-shrink: 0;
}
.product__info-container .price__badge-sale,
.product__info-container .price__badge-sold-out {
    margin-left: auto;
}
.fera-rating--inline-price {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 10px;
    line-height: 1;
    margin: 0 !important;
    padding: 0 !important;
}
.fera-rating--inline-price .fera-averageRating {
    margin: 0 !important;
    padding: 0 !important;
    gap: 3px !important;
}
.fera-rating--inline-price .fera-averageRating-average-number,
.fera-rating--inline-price .fera-averageRating-count,
.fera-rating--inline-price .fera-stars {
    font-size: inherit !important;
}
.fera-productDetailRating-widget {
min-height: 15px;}
.fera-productDetailRating-widget .fera-averageRating-average-number {
top: .06em !important;
}
.fera-stars .fera-ratingFillSlot {
  position: relative;
}
.fera-stars .fera-ratingFill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}


/* Product-page FINAL SALE / SOLD OUT badge only (.price__badge-sale /
   .price__badge-sold-out, rendered by snippets/price.liquid's show_badges -
   only used on the product page, not collection-grid cards, which use a
   different .card__badge markup and keep their own existing smaller size).
   Desktop-only per adam's request; mobile keeps the normal .badge size. */
@media screen and (min-width: 750px) {
  .price__badge-sale,
  .price__badge-sold-out {
    font-size: 0.9rem;
    padding: 0.3rem 0.7rem;
  }
}
/* Card image carousel (multi-image swipe on collection-grid/featured-collection
   cards): both the nav arrow (0.55 opacity even at rest) and the position
   progress-line (2px, 40%-opacity white) are too subtle to read on load,
   especially against light/sandy photos - on touch devices there's no hover
   to reveal them further, so this is their only visible state. Raise the
   resting contrast; hover/focus state on the arrow is untouched. */
.card__media-carousel-arrow {
  opacity: 0.85;
  background: rgba(255, 255, 255, 0.85);
}
.card__media-carousel-progress {
  height: 3px;
  background: rgba(0, 0, 0, 0.25);
}
.card__media-carousel-progress-thumb {
  background: rgba(255, 255, 255, 0.95);
}
/* Uppercase product titles everywhere they appear, without changing the
   underlying Sentence-case data (SEO title tag, JSON-LD, copy/paste text
   all stay as-typed) - PDP heading, cards (collection grids, full search
   results page, related/complementary products, "You may also like"),
   cart items, and the live predictive search dropdown (product results
   only - #predictive-search-results-products-list scopes this out from
   the same dropdown's collection/page/article results, which share the
   same .predictive-search__item-heading class but aren't product names).
   The breadcrumb trail's "current page" crumb is an AI-generated block
   whose class name has a per-instance dynamic suffix (ai-breadcrumb-
   current-{id}), so it's matched by attribute-selector prefix instead
   of an exact class name. */
.product__info-container .product__title,
.card__heading,
.cart-item__name,
.collection-hero__title,
#predictive-search-results-products-list .predictive-search__item-heading,
[class*="ai-breadcrumb-current-"],
[class*="ai-breadcrumb-link-"],
[class*="ai-sticky-title-bar__title-"],
.sticky-atc-product-name {
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
h2, .h2 {
    font-size: 28px;
}
.product_variant_meta:not(:has(.product__variants .product__variant-swatch)) {
    display: none;
}
.section-collection-list .collection-list-wrapper, 
.featured-collection-section .collection--full-width .slider-component-full-width,
.collage-section .page-width,
.collection.page-width,
.product-page-width.page-width,
.blog-articles.page-width {
    padding-left: 0;
    padding-right: 0;
}
.title-wrapper,
.collection__title.title-wrapper--self-padded-tablet-down,
.collection__title.title-wrapper.page-width,
body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width,
.header:not(.drawer-menu).page-width {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.product-page-width.page-width {
    padding-right: 1.5rem;
}
.title-wrapper,
body .collection__title.title-wrapper{
  margin-bottom: 3rem;
}
.title-wrapper>.page-width {
    margin: 0;
    padding: 0;
}
.card--card .card__content,
body .card--card.card--media>.card__content { 
    margin: 0;
    padding: 0;
}
.card__content .card__information,
body .card--standard>.card__content .card__information { 
   padding: 1.5rem;
}
.collection__title {
  position:relative;
}
.featured-collection-section .slider-component-full-width .slider--desktop {
    scroll-padding-left: 22px;
} 
.featured-collection-section .slider-component-full-width .slider--desktop {
    scroll-padding-left: 0px;
} 
.featured-collection-section .slider-component-full-width .slider--desktop .slider__slide:first-child {
    margin-left: 0;
    scroll-margin-left: 0;
}

.announcement-bar-section .utility-bar--bottom-border {
    border: 0px;
}
.announcement-bar-section .utility-bar .list-social__link,
.announcement-bar-section .announcement-bar .slider-button,
.announcement-bar-section .announcement-bar__message {
  height: 3rem;
  min-height: 0;
} 
.announcement-bar-section .announcement-bar__message {
    font-size: 12px;
    padding: 7px 0;
}
.product__info-wrapper .icon-with-text.icon-with-text--vertical {
    display: flex;
    column-gap: 30px;
    flex-flow: wrap;
}
.product__info-wrapper .icon-with-text--vertical .icon-with-text__item { 
  margin-bottom: 0;
  margin-top: 4px;
}
.product__info-wrapper .icon-with-text.icon-with-text--vertical .inline-richtext {
    font-size: 12px;
}
.product__info-wrapper .icon-with-text--vertical img,
.product__info-wrapper .icon-with-text--vertical svg { 
    width: 22px;
    height: auto;
}
.icon-with-text--vertical img,
.icon-with-text--vertical svg {
    margin-right: var(--icon-spacing);
}
.icon-with-text__item:first-child img {
    width: 18px;
    margin-top: -2px;
}
.product__accordion .accordion__content ul {
    margin: 0;
    padding: 0;
}
.product__accordion .accordion__content,
.product__accordion .accordion__content p,
.product__accordion .accordion__content * {
    font-size: 12px;
}
.product__accordion .accordion__content p:last-child {
    margin-bottom: 0;
}
body .product__accordion .accordion__content { 
    padding: 0;
} 
.form__label-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
:is(.product-form__input--pill, .product-form__input--swatch) .form__label {
    margin-bottom: 8px;
}
.quick-add-modal .size-chart-popup-btn {
    display: none;
}
.product__info-container .product__size-chart {
    margin: -39px 0 0 0;
}
/* Swatch outline bleeds outside its box; the sticky-scroll column clips it without this padding */
.swatch-list {
    padding-left: 3px;
}
/* Card price row: compare-at + sale price are two differently-sized inline-blocks,
   so on narrow mobile cards they wrap/baseline-shift and the sale price no longer
   sits on the same line as a regular (non-sale) card's price. */
@media screen and (max-width: 749px) {
    .card .price--on-sale .price__sale {
        display: flex;
        flex-wrap: nowrap;
        align-items: baseline;
    }
    .card .price--on-sale .price__sale .price-item {
        white-space: nowrap;
    }
}
.product__size-chart .product-form__input {
    margin: 0;
    text-align: right;
}
.product__size-chart .form__label {
    margin: 0;
}

/* popup css */ 
.popup-btn {
    cursor: pointer;
}
.popup-main-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}
.popup-main-wrap.active {
    display: block;
}
.popup-modal-overlay { 
  backdrop-filter: blur(1.5px);
  position: fixed; 
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  transition: all .5s;
}
.popup-main-wrap.active .popup-modal-overlay {
    background-color: rgba(0,0,0,0.4);
}
.popup-modal-inner {
    width: 1060px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
    pointer-events: none;
}
.popup-modal-content { 
    pointer-events: auto;
}
.popup-modal-content {
    background-color: #fff;
    padding: 24px;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    position: relative;
}
.popup-btn-close-custom {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #e8e8e8; */
    border-radius: 30px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.popup-btn-close-custom .icon {
    height: auto;
    width: 14px;
}  
.popup-modal__header {
    margin-bottom: 20px;
}
.popup-modal__header h2 {
    margin: 0;
} 
.popup-main-wrap.product-size-chart-wrap {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.popup-main-wrap.product-size-chart-wrap.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.product-size-chart-wrap .popup-modal-content { 
    height: 100%; 
}
.product-size-chart-wrap .popup-modal-inner {
    width: 590px;
    padding: 0 16px 0 0;
    position: absolute;
    left: auto;
    right: -590px;
    top: 0;
    transition: all 0.5s;
}
.product-size-chart-wrap.active .popup-modal-inner {
    right: -16px;
}
.product-size-chart-wrap .popup-btn-close-custom {
    right: 13px;
    top: 8px;
    width: 24px;
    height: 24px;
    background-color: transparent;
}
/* popup end css */ 


.card--card .card__inner .quick-add {
    position: absolute;
    right: 14px;
    bottom: 44px;
    margin: 0;
    z-index: 9;
}
.card--card .card__inner .card__media { 
    margin: 0;
    width: 100%;
}
.card__inner .quick-add__submit {
    padding: 0;
    min-height: 0;
    border: 0px;
    border-radius: 100%;
    width: 42px;
    height: 42px;
    outline: none!important;
    background: #fffc;
}
.card__inner .quick-add__submit:after, .card__inner .quick-add__submit:before {
    box-shadow: none !important;
    display: none;
} 
.card__inner .quick-add__submit svg,
.card__inner .quick-add__submit .loading__spinner {
    width: 22px;
    height: 22px;
}

.product__variants {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-flow: wrap;
    margin: 0px;
}
.product__variant-swatch {
    list-style: none;
} 
.product__variant-swatch a {
    list-style: none;
    background: white;
    width: 54px;
    height: 80px; 
    border: 0px solid #bababa;
    margin: 4px .30rem;
    display: block;
    background-size: cover;
} 
.product__variant-swatch a.active {
    box-shadow: 0 0 0 1px #000;
    border: 2px solid #fff;
}
.header__icon.header__icon--search {
    width: auto;
} 
.article-card__excerpt.rte-width {
    margin: 14px 0 0 0;
    max-width: 100%;
}
body .article-template__hero-container { 
    max-width: 100%;
}
variant-selects .product-form__input { 
    max-width: calc(44rem - 70px);
    min-width: 0;
}
body .collage-card.product-card-wrapper { 
    padding: 0; 
}
body .slider.slider--desktop .scroll-trigger.animate--slide-in { 
    margin-left: 0;
}
.product__accordion summary .icon-caret {
    right: 3px;
}
.product__info-container .product__title,
.product__info-container .product__tax,
.product__info-container .product__text,
.product__info-container .product__description,
.product__info-wrapper .icon-with-text.icon-with-text--vertical,
.product__accordion,
.product__info-container .share-button { 
    max-width: 44rem;
}
.popup-modal__header h2 {
    font-size: 24px;
}
.size-chart-table-wrap {
    margin-bottom: 30px;
  overflow: auto;
}
.size-chart-table-wrap table {
    border-collapse: separate;
}
.size-chart-table-wrap .tg  {border-collapse:collapse;border-spacing:0; border-collapse: separate;}
.size-chart-table-wrap .tg td {
    overflow: hidden;
    padding: 1px;
    word-break: normal;
    background: #fff;
    border-left: 1px solid grey;
    border-bottom: 1px solid grey;
}
.size-chart-table-wrap .tg th {
    overflow: hidden;
    word-break: normal;
    border-left: 1px solid grey;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
}
.size-chart-table-wrap .tg .tg-doeh{border-color:inherit;font-size:12px;font-weight:bold;text-align:center;vertical-align:top}
.size-chart-table-wrap .tg .tg-91w8{font-size:12px;text-align:center;vertical-align:top}
.size-chart-table-wrap .tg .tg-ek70 {
    background-color: #fae7e3;
    border-color: inherit;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    padding: 4px;
    width: 180px;
}
.size-chart-table-wrap th:first-child {
    width: 100px !important;
}
.size-chart-table-wrap th:last-child, .size-chart-table-wrap td:last-child {
    border-right: 1px solid grey;
}
.size-chart-table-wrap thead th:first-child, .size-chart-table-wrap tr td:first-child {
    background: #fff;
    position: sticky;
    left: 0;
    z-index: 1;
    outline: 1px solid grey;
}
.size-chart-table-wrap table {
    width: 100%;
}  
.collection__title.title-wrapper .title,
.collection__title.title-wrapper .collection__description {
    padding-right: 150px;
}
.collection__title .slider-buttons {
    position: absolute;
    bottom: 0;
    left: auto;
    right: 1rem;
}
.collection__title .slider-button { 
    height: 29px; 
}
.collection__title.title-wrapper .title+.slider-buttons {
    bottom: 2px;
}

.facets-wrapper .facets__heading { 
    margin-top: -7px;
}
.facets-wrapper .facets__summary { 
    margin-bottom: 7px;
}
.facets-wrapper {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #ffffff;
}
@media screen and (min-width: 990px) {
  .facets-wrapper {
    top: var(--header-height, 0px);
  }
}
.facets-wrapper .facet-checkbox {
    line-height: 14px;
}
.facets-wrapper .facet-checkbox {
    line-height: 16px;
    padding: 0.8rem 2rem 0.8rem 0;
}
.facets-wrapper .facet-checkbox .icon-checkmark { 
    top: 1.3rem;
}
.product-grid-container  ul#product-grid {
    margin-top: -8px;
}
.product-grid li.grid__item {
    transform: translateY(0rem);
}
.facets-container .active-facets {
    margin-bottom: 4px;
}
.active-facets-desktop .active-facets__button-wrapper *, .active-facets-desktop span.active-facets__button-inner {
  font-size: 12px;
}
.active-facets-desktop span.active-facets__button-inner {
  padding: 0.35rem 0.7rem;
}
.facets-container .active-facets__button {
    margin-right: 0.8rem;
} 
.footer .footer-block__details-content .list-menu__item--active {
    color: inherit;
    text-decoration: none;
}
 
.footer__blocks-wrapper.grid--4-col-tablet .footer-block {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    flex: 0.5;
}
.footer__blocks-wrapper.grid--4-col-tablet .footer-block:first-child {
    flex: auto;
}
.footer .footer-block-image, .footer-block-image+.footer-block__details-content {
    padding-right: 60px;
    max-width: 600px;
}
.footer-block-image+.footer-block__details-content.center {
    margin: 0 auto;
}
.footer-block-image+.footer-block__details-content.right {
    margin-right: 0;
    margin-left: auto;
}
.footer .footer-block__details-content .list-menu__item--link:hover,
.footer .copyright__content a:hover { 
    text-decoration: none;
}
.header__icon--cart svg {
    width: 24px;
    height: auto;
}

body .quantity__button:focus,
body .quantity__input:focus {
    background-color: rgb(var(--color-background));
    z-index: 2;
    background-color: transparent;
}

.cart-item__quantity .quantity.cart-quantity {
    max-width: 100px;
    min-height: 40px;
}

.cart-item__quantity .cart-quantity .quantity__button {
    width: 32px; 
    height: auto;
}
.cart-item__quantity .cart-quantity .quantity__input[type=number] {
    font-size: 14px;
}
.cart-drawer .cart-items .cart-item__media {
     
}
.cart-drawer .cart-item__details>* {
    margin: 0; 
}
.cart-drawer .product-option, .cart-drawer .product-option+.product-option {
    margin: 0;
}
.footer .list-menu__item--link,
.footer .footer-block__details-content .list-menu__item--link,
.footer .footer-block__details-content>:first-child .list-menu__item--link {
    padding-bottom: 1px;
    padding-top: 1px;
}
.footer .footer-block__brand-info .footer__list-social.list-social {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
}
.footer .list-social__link { 
    padding: 1.1rem 0.8rem;
}
.quick-add-modal .quick-add-modal__content-info { 
    padding: 16px;
}
.cart__ctas_link {
    text-align: center;
    padding: 10px 10px 0px 10px;
}
.cart-drawer .cart-item { 
    padding-bottom: 1.7rem;
    border-bottom: 1px solid #ddd;
}
.cart-drawer .drawer__footer { 
    border-top-color: #ddd;
}
.cart-drawer .cart-item:last-child { 
    /* padding-bottom: 0;
    border-bottom: 0px; */
}
.product-option dt {
    display: none;
}
.cart-drawer .totals>h2, .cart-drawer .drawer__footer .totals__total-value {
    font-weight: bold;
}
.cart-drawer .cart-items td.cart-item__media {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
}
.cart-drawer .cart-items td.cart-item__details, .cart-drawer .cart-items td.cart-item__quantity {
    padding-left: 0;
}
.cart-drawer .cart-items td.cart-item__details { 
    grid-column: 2 / 9;
}
.cart-drawer .cart-items td.cart-item__quantity { 
    grid-column: 2 / 10;
}
.cart-drawer .cart-item { 
    row-gap: 0.4em;
}
.cart-drawer .cart-item cart-remove-button { 
    height: 40px;
  margin-top: 0;
} 
div#reviews {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

}
div#reviews .text-link {
    color: #5c5c5c;
}
quick-add-modal .product__media-item:nth-child(2) {
    display: block !important;
}
body quick-add-modal .quick-add-modal__content-info .product .product__media-wrapper {
    width: calc(100% - 332px);
    max-width: calc(100% - 332px);
}
body quick-add-modal .product:not(.product--no-media) .product__info-wrapper {
    padding-left: 20px;
    max-width: 332px;
    width: 332px;
}
quick-add-modal .product__media-list {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    padding: 0;
    column-gap: 16px;
    row-gap: 0;
} 
body quick-add-modal .product__column-sticky .product__media-list .product__media-item, body quick-add-modal .product--columns .product__media-item:not(.product__media-item--single):not(:only-child),
quick-add-modal .product--columns .product__media-item {
    max-width: 100%;
    width: 100%;
      margin: 0;
    padding: 0;
}
body quick-add-modal .product__media-item:nth-child(2) {
    display: block !important;
}
.quick-add-modal__content-info .product-form__input input[type='radio'] + label {
    margin-top: 6px !important;
}
.quick-add-modal .quick-add-modal__content { 
    width: 1000px;
    max-width: calc(100% - 32px);
}
.quick-add-modal .quick-add-modal__content .product-page-width.page-width {
    padding-right: 0;
    padding-left: 0;
}
.quick-add-modal .quick-add-modal__content .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
    margin-left: 0;
    margin-right: 0;
}
.quick-add-modal .quick-add-modal__content .product__column-sticky,
.quick-add-modal .quick-add-modal__content .product__media-wrapper slider-component,
.quick-add-modal .quick-add-modal__content .product__media-list,
.quick-add-modal .product-media-container,
.quick-add-modal .product-media-container .product__modal-opener,
.quick-add-modal .product-media-container .media {
  height:100%
}

.custom-media-pagination {
    display: flex;
    align-items: center;
}
.product media-gallery .slider-buttons .slider-counter span {
    display: none;
}
.product media-gallery .slider-buttons .slider-counter .custom-media-pagination span {
    background: #d4d4d4;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 5px;
    font-size: 0px;
    line-height: 0px;
}
.product media-gallery .slider-buttons .slider-counter .custom-media-pagination span.active {
    background: #4c4c4c;
}
.product media-gallery .slider-buttons .slider-counter .custom-media-pagination span:last-child {
    display: none;
}
.facets .facets__wrapper {
    justify-content: right;
    flex-wrap: nowrap;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.facets .facets__wrapper::-webkit-scrollbar {
    display: none;
    height: 0;
}
/* overflow-x:auto above forces overflow-y:auto too (CSS spec quirk when only
   one axis is non-visible), which clips the FABRIC/COLOUR/SORT dropdown
   panels to the trigger row's height instead of letting them show below it.
   Restore visible overflow whenever a filter is open so the panel isn't cut off. */
.facets .facets__wrapper:has(details[open]) {
    overflow: visible;
}
.facets .facets__display {
    left: auto;
    right: -1.2rem;
    width: 30rem;
}
.facets .facets__form {
    gap: 0;
  margin:0px;
}
.facets .facet-filters {
    padding-left: 0;
    padding-right: 6px;
  margin-top: -1px;
}
aside.facets-wrapper {
    display: flex;
    justify-content: flex-end;
    flex-flow: nowrap;
}
.facets-container .active-facets {
    margin-bottom: 4px;
    justify-content: right;
    padding-right: 236px;
    padding-right: 0;
}

.custom-select {
  position: relative; 
} 
.custom-select select {
  display: none; /*hide original SELECT element:*/
} 
.select-selected:hover {
    text-decoration: underline;
    text-underline-offset: .3rem;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
      display: none;
} 
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
} 
/*style the items (options), including the selected item:*/
.select-selected {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    color: rgba(var(--color-foreground), .85);
    font-size: 1.4rem;
      width: 100%;
}
.select-items div {
    border-color: transparent transparent rgba(0,0,0,.1) transparent;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-bottom: 0px solid rgba(var(--color-foreground), .2);
    padding: 0.5rem 2rem;
    position: relative;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    word-break: break-word;
}
.select-items div.same-as-selected {
    pointer-events: none;
    color: rgba(var(--color-foreground), 1); 
}
.select-items div:hover {
    color: rgba(var(--color-foreground), 1);
    text-decoration: underline;
}
/*style items (options):*/
.select-items {
    position: absolute;
    top: calc(100% + 6px);
    left: auto;
    right: 0;
    z-index: 99;
    width: 230px;
    border-width: var(--popup-border-width);
    border-style: solid;
    border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
    border-radius: var(--popup-corner-radius);
    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
    background-color: rgb(var(--color-background));
    padding: 8px 0;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
} 
.facet-filters__field .select.custom-select {
    width: 66px;
}

/* .select-selected, .select-items {
    display: none;
}
.custom-select select {
  display: block; 
}  */


.quick-add-modal .product__info-wrapper .icon-with-text.icon-with-text--vertical { 
    column-gap: 6px; 
  margin: 0;
    padding: 0;
}
.quick-add-modal .product__info-wrapper .icon-with-text--vertical .icon-with-text__item { 
    margin-top: 0;
    padding: 0;
}
.quick-add-modal .product__info-wrapper .icon-with-text--vertical .icon-with-text__item:after {
    content: "|";
    margin: 0px 0 0 5px;
    color: #cfcfcf;
} 
quick-add-modal .product__title>a { 
    padding-right: 20px; 
}
.quick-add-modal .product__info-wrapper .icon-with-text--vertical .icon-with-text__item:last-child:after { 
    display: none;
}
.quick-add-modal .icon-with-text__item img {
    display: none;
}
body:not(.template-index) .utility-bar {
    display: none;
}
.facet-filters .facet-filters__label, .facets-wrapper .facets__heading { 
    display: none;
}
.cart-drawer .cart-item:last-child {
    border-bottom: 0px solid #ddd;
}
.facets__wrapper .facets__disclosure {
    margin-right: 1.5rem;
}
.facet-filters .facet-filters__sort+.icon-caret { 
    margin-top: -1px;
}
.cart-item__error:has(> small:empty) {
    display: none;
}
.drawer__cart-items-wrapper .cart-drawer .cart-items thead {
    margin-bottom: 0;
}
.announcement-bar-section .announcement-bar .slider-button,
.announcement-bar__link .icon-arrow {
    display: none;
}
.card .card__heading .icon-wrap {
    display: none;
}
.image-with-text .global-media-settings { 
    border: 0px !important;
}
.accordion__content .size-chart-table-wrap {
    margin-top: 10px;
}
.product-media-container.media-type-image {
    border: 0px;
}


/* new d r */
@media (min-width: 750px) and (max-height: 760px) {
  .quick-add-modal .quick-add-modal__content {
    --modal-height-offset: 2.2rem;
  }
}
@media (min-width: 750px) {
  .quick-add-modal .quick-add-modal__content {
    width: 80%;
  }
}
@media (min-width: 1600px) {
  .quick-add-modal .quick-add-modal__content {
    width: 65%;
  }
}
@media(max-width: 1300px) {
  .product__info-wrapper .icon-with-text.icon-with-text--vertical { 
    column-gap: 16px;
  }
}
/* 1300 e */


@media(max-width: 1200px) {
  .product__info-wrapper .icon-with-text.icon-with-text--vertical {
      column-gap: 6px;
  }
 .product__info-wrapper .icon-with-text--vertical .icon-with-text__item { 
      margin-top: 0;
      padding: 0;
  }
 .icon-with-text--vertical .icon-with-text__item:after {
      content: "|";
      margin: 0px 0 0 5px;
      color: #cfcfcf;
  }
 .icon-with-text--vertical .icon-with-text__item:last-child:after { 
      display: none;
  }
 .icon-with-text__item img {
      display: none;
  }
}
/* 1200 e */


@media(max-width: 989px) {
  .facets-wrapper .facets-container {
    padding-bottom: 0.5rem;
    column-gap: 0;
    display: flex;
        flex-flow: column;
  }
  .mobile-facets__wrapper { 
    display: flex; 
    justify-content: right;
  }
  .active-facets-desktop span.active-facets__button-inner {
    padding: 6px 14px;
  }
  .facets-container .active-facets {
    margin-bottom: 4px;
    margin: 0 -6px 0px -6px;
  }
  .facets-container .active-facets__button, .facets-container .active-facets__button-remove {
    margin: 0;
    padding: 6px;
  }
  .footer .footer-block-image, .footer-block-image+.footer-block__details-content {
    padding-right: 40px; 
  }
  .footer__blocks-wrapper.grid--4-col-tablet .footer-block { 
    flex: 0.7;
  }
  body .header {
    padding: 6px 3rem 4px 3rem; 
  }
  details-modal.header__search { 
    width: 3.6rem;
  }
  .header__icon .icon.icon-search {
    height: 2.2rem;
    width: 2.2rem;
    margin-top: 2px;
  }

  .quick-add-modal .quick-add-modal__content .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
  margin-left: 0;
  margin-right: 0;
  align-items: center;
  display: flex;
  justify-content: center;
}
.quick-add-modal .quick-add-modal__content .product__media-list {
  text-align: left;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  display: flex; 
  flex-flow: nowrap;
}
body quick-add-modal .product__column-sticky .product__media-list .product__media-item, body quick-add-modal .product--columns .product__media-item:not(.product__media-item--single):not(:only-child), quick-add-modal .product--columns .product__media-item {
  flex: 0 0 100%;
  width: 100%;  
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
}

.quick-add-modal .product-media-container .media {
  padding: 0;
}
.quick-add-modal .product-media-container .media img {
  /* max-height: 530px; */
  /* object-fit: contain; */
  /* object-position: top; */
  position: relative;
}
.quick-add-modal .quick-add-modal__content { 
  max-width: 740px;
}
body quick-add-modal .quick-add-modal__content-info .product .product__media-wrapper {
  width: calc(100% - 350px);
  max-width: calc(100% - 350px);
}
body quick-add-modal .product:not(.product--no-media) .product__info-wrapper {
  padding-left: 20px;
  max-width: 350px;
  width: 350px;
}
.quick-add-modal .quick-add-modal__content .product__column-sticky, .quick-add-modal .quick-add-modal__content .product__media-wrapper slider-component, .quick-add-modal .quick-add-modal__content .product__media-list, .quick-add-modal .product-media-container, .quick-add-modal .product-media-container .product__modal-opener, .quick-add-modal .product-media-container .media {
    max-height: 460px;
}
}
/* 989 e */


@media(max-width: 749px) {
  .grid {
    /* column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing); */
  }
  .product-page-width.page-width {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .collection__title .slider-button {
    height: 27px;
  }
  .collection__title .slider-buttons { 
    bottom: 0px; 
  }
  .collection__title.title-wrapper .title+.slider-buttons {
    bottom: -1px;
  }
  .collection__title .slider-button { 
    width: 30px; 
  }
  body .slider-button .icon { 
    height: 8px;
  }
  .facets-wrapper .facets-container {
    padding-bottom: 0.5rem;
    width: 100%;
  }
  .facets-wrapper { 
    z-index: 4; 
  }
  .mobile-facets__wrapper .mobile-facets__main {
      padding-top: 0;
  }
  .mobile-facets__wrapper .mobile-facets__summary {
      padding: 1rem 2.5rem;
      border-bottom: 1px solid #ececec;
  } 
  .details-mobile-sortby .mobile-facets__summary {
      padding-top: 0;
      padding-bottom: 0;
  }
  .facets-wrapper .mobile-facets__footer {
      padding-top: 16px;
      padding-bottom: 16px;
  }
  .mobile-facets__sort .select__select {
      font-size: 1.4rem;
      box-shadow: none !important;
      border: none !important;
      outline: none !important;
  }
  .mobile-facets__item .mobile-facets__label {
      padding: 0.6rem 2rem 0.6rem 2.5rem;
      line-height: 14px;
  } 
  .mobile-facets__wrapper .mobile-facets__close-button {
      margin-top: 0;
      border-bottom: 1px solid #ececec;
      margin-bottom: 10px;
      padding: 1rem 2.5rem;
  }
  .mobile-facets__wrapper .mobile-facets__label .icon-checkmark {
      position: absolute;
      top: 1rem;
      left: 2.8rem;
      visibility: hidden;
  }
  .mobile-facets__wrapper .mobile-facets__highlight { 
      background-color: transparent;
  }
  .mobile-facets__wrapper .mobile-facets__close svg {
      width: 1.4rem;
  }
  .active-facets-mobile .active-facets {
      margin-left: 0;
      margin-right: 0;
  }
  .active-facets-mobile .active-facets__button {
      padding: 8px 3px 0px 3px;
  }
.active-facets-mobile .active-facets__button .active-facets__button-inner {
    font-size: 11px;
    padding: 5px 12px;
    letter-spacing: 0.5px;
}
  .active-facets-mobile .active-facets__button-remove span {
      font-size: 1.2rem;
  }
  .active-facets-mobile .active-facets__button-remove {
      padding: 7px;
  }
.card__inner .quick-add__submit { 
    width: 32px; 
    height: 32px;
    background-color: rgba(255,255,255,0.8);
}
.card__inner .quick-add__submit svg, .card__inner .quick-add__submit .loading__spinner {
    width: 16px;
    height: 16px;
    background-color: transparent;
}
  .card--card .card__inner .quick-add {
    right: 12px;
    bottom: 44px;
    display: none;
  }
  .footer .footer__content-top { 
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .footer .footer-block__details-content {
    display: none;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #e0dfdf;
    padding: 0 0 8px 0;
  }
  .footer .footer-block__heading.active+.footer-block__details-content {
    display: block;
  }
  .footer .footer-block__details-content .list-menu__item--link {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  .footer .footer-block.grid__item {
    margin: 0;
    padding: 0;
  }
  .footer .footer-block__heading {
    border-bottom: 1px solid #e0dfdf;
    padding: 14px 0;
    margin: 0;
    font-size: 14px;
    position: relative;
  }
  .footer__blocks-wrapper.grid--4-col-tablet .footer-block {
    width: 100%;
  }
  .footer .footer-block-image, .footer-block-image+.footer-block__details-content {
    padding-right: 0px;
    max-width: 100%;
    margin: 0;
    display:block;
    padding: 0;
  }
  .footer .footer-block-image {
    border-bottom: 0px solid #e0dfdf;
  }
  .footer-block-image+.footer-block__details-content {
    padding: 16px 0 18px 0;
    margin-bottom: 0px;
  }
  .footer-block-image .footer-block__image-wrapper {
    margin-bottom: 0;
  }

  .footer-block__brand-info .footer-block__heading {
    border-bottom: 0px solid #e0dfdf;
    padding: 2px 0;
    margin-top: 20px;
  }
  .footer .footer__blocks-wrapper {
    margin-bottom: 0;
  }
  .footer .footer-block__heading:after, .footer .footer-block__heading:before {
    content: "";
    position: absolute;
    background-color: #8d8d8d;
    transition: transform 0.25s ease-out;
  }
  .footer .footer-block__heading:after {
      top: 50%;
      width: 14px;
      height: 2px;
      margin-top: -1px;
      left: auto;
      right: 4px;
  }
  .footer .footer-block__heading:before {
      top: 16px;
      width: 2px;
      height: 14px;
      margin-left: 0;
      left: auto;
      right: 10px;
  }
  .footer .footer-block__heading.active:after {
    transform: rotate(180deg);
    opacity: 0;
  }
  .footer .footer-block__heading.active:before {
    transform: rotate(90deg);
  }
  .footer-block__brand-info .footer-block__heading:after, .footer-block__brand-info .footer-block__heading:before {
    display: none;
  }
  .size-chart-table-wrap th:first-child {
    width: 82px!important;
  }
  .product media-gallery .slider.slider--mobile {
    margin-bottom: 0;
    scroll-padding-left: 0;
  }
  .product media-gallery .product__media-list .product__media-item {
    margin-left: 0;
    width: 100%;
    padding: 0;
  }
  .cart-drawer .cart-item__image {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 2 / 3;
    height: auto;
    object-fit: cover;
  }
  
  body quick-add-modal .quick-add-modal__content-info .product .product__media-wrapper, body quick-add-modal .product:not(.product--no-media) .product__info-wrapper {
    width: 100%;
    max-width: 100%;
  }
  .quick-add-modal .quick-add-modal__content .product__column-sticky, .quick-add-modal .quick-add-modal__content .product__media-wrapper slider-component, .quick-add-modal .quick-add-modal__content .product__media-list, .quick-add-modal .product-media-container, .quick-add-modal .product-media-container .product__modal-opener, .quick-add-modal .product-media-container .media {
    height: auto;
    max-height: 100%;
  }

  aside.facets-wrapper {
    margin: 0px 0 4px 0;
    align-items: flex-start;
  }
  .quick-add-modal .quick-add-modal__content {
    max-width: 560px;
  }
  body quick-add-modal .product:not(.product--no-media) .product__info-wrapper {
    padding-left: 0px; 
    padding-top: 12px;
  }
  .facets-container .mobile-facets__wrapper {
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .facets-container .active-facets {
    margin: 0; 
    justify-content: center;
    /* border-top: 1px solid #e3e3e3;
    padding-top: 10px; */
  }
  .product__accordion .accordion__content p {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  /* .product__accordion .accordion__content, .product__accordion .accordion__content p, .product__accordion .accordion__content * { 
    line-height: 22px;
  } */
  .product__info-wrapper .icon-with-text.icon-with-text--vertical { 
    justify-content: center;
  }
  body .section-collection-list .collection-list,
  body .section-collection-list .collection-list:not(.slider) {
    padding-left: 0;
    padding-right: 0;
  }
  .featured-collection-section .slider-counter {
    display: none;
  }
  .featured-collection-section .collection .slider--tablet.product-grid {
    scroll-padding-left: 0;
  }
  .featured-collection-section .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - 8px);
    max-width: 50%;
  } 
  .product-media-container.media-type-image { 
    max-width: 100%;
  }
  .cart-drawer .product-option {
    font-size: 11px;
    line-height: 14px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .collection__title.title-wrapper .title, .collection__title.title-wrapper .collection__description {
    padding-right: 60px;
  }

  .product media-gallery .slider-buttons { 
      padding-right: 1.5rem;
      padding-left: 1.5rem; 
  }
  .product media-gallery .slider-buttons .slider-counter .custom-media-pagination {
    padding: 14px 0 20px 0;
    flex-flow: wrap;
    justify-content: center;
  }
  .product media-gallery .slider-buttons .slider-counter .custom-media-pagination span { 
      width: 8px;
      height: 8px; 
      margin: 4px; 
  }
  .product__media-wrapper .slider-buttons .slider-button {
    display: none;
  }
}
/* 749 e */

@media(max-width: 600px) {
  .quick-add-modal .quick-add-modal__content {
    max-width: 560px;
    max-width: calc(100% - 30px);
    --modal-height-offset: 2.2rem;
  }
}
@media(max-width: 550px) {
  .cart-drawer .cart-items td.cart-item__details, .cart-drawer .cart-items td.cart-item__quantity {
    padding-left: 1rem; 
  }
}
/* 550 e */

@media(max-width: 389px) {
  .product__info-wrapper .icon-with-text.icon-with-text--vertical .inline-richtext {
    font-size: 11px;
  }
}

@media(max-width: 359px) {
  .announcement-bar-section .announcement-bar__message {
    font-size: 10px;
    padding: 9px 0 9px;
  }
  .announcement-bar__link .icon-arrow {
    display: none;
  }
}
@media (min-width: 750px) {
  .rich-text__text {
    font-size: 1.0rem !important;
  }
}
/* 2A Collection Grid — underline button, hover colour change */
[class*="collections-button-"] {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  border: 0 !important;
  background: transparent !important;
}

[class*="collections-button-"]:hover {
  text-decoration-color: #1a1a1aff; /* change to your preferred hover colour */
}
[class*="collections-button-"] {
  font-style: italic !important;

}
}

/* Shopify's native cookie/privacy consent banner (Settings > Customer
   privacy) — not part of the theme, so this targets Shopify's own banner
   markup directly. Unofficial/unsupported: Shopify could rename these
   classes in a future platform update, which would silently stop this
   override from applying. */
/* #id#id repeated on the same element doubles the ID specificity without
   changing what it matches — needed since Shopify's own internal styles
   for this banner also use !important, so plain specificity is the only
   remaining tiebreaker. */
#shopify-pc__banner#shopify-pc__banner,
#shopify-pc__banner#shopify-pc__banner * {
  font-size: 9px !important;
  line-height: 1.3 !important;
}
#shopify-pc__banner {
  padding: 8px 12px !important;
}
#shopify-pc__banner p,
#shopify-pc__banner div {
  margin: 0 !important;
}
#shopify-pc__banner__btn-accept,
#shopify-pc__banner__btn-decline,
#shopify-pc__banner__btn-manage-settings {
  padding: 4px 8px !important;
}

/* Dawn's own .product__info-container > * + * rule (section-main-product.css)
   uses "margin: 1.5rem 0" rather than margin-top only, so the LAST block in
   the product info column (Share) also gets a trailing margin-bottom with
   nothing to justify it — it then stacks with the main-product section's own
   bottom padding and the product-faq section's top padding, producing a
   large gap on mobile between "Share" and the Product FAQ card below it.
   Zero out just that trailing margin rather than editing the core Dawn file. */
@media screen and (max-width: 749px) {
  .product__info-container > .share-button:last-child {
    margin-bottom: 0;
  }
}

/* Checkout / Add to bag button hover/active states — base.css only transitions
   box-shadow, so hover/click previously looked identical to the static black
   button. .product-form__submit is scoped to .button--primary only, since it
   can also render as the outline .button--secondary variant when dynamic
   checkout buttons (Shop Pay, etc.) are shown separately. */
.cart__checkout-button,
.product-form__submit.button--primary,
.contact__button .button {
  transition: background-color 0.2s ease, transform 0.1s ease, box-shadow var(--duration-short) ease;
}
.cart__checkout-button:hover,
.product-form__submit.button--primary:hover,
.contact__button .button:hover {
  background-color: #2a2a2a;
}
.cart__checkout-button:active,
.cart__checkout-button.tap-active,
.product-form__submit.button--primary:active,
.product-form__submit.button--primary.tap-active,
.contact__button .button:active,
.contact__button .button.tap-active {
  background-color: #000000;
  transform: scale(0.98);
}

/* Desktop cart drawer: per-item price and the subtotal value sit flush
   against .drawer__inner's edge padding, reading as too close to the
   drawer's right edge. Nudge them in without touching mobile (which
   right-aligns differently — see component-cart-items.css mobile rules). */
@media screen and (min-width: 750px) {
  .cart-drawer .cart-item__totals {
    padding-right: 1rem;
  }
  .cart-drawer .totals {
    padding-right: 1rem;
  }
  .cart-drawer .cart-items thead th.right {
    padding-right: 1rem;
  }
}





/* Klaviyo's "Get $20 off" teaser circle - hidden on product pages only.
   Klaviyo's own display rules can only include/exclude the WHOLE form
   (popup + teaser) per URL, so the per-page teaser hide has to live here.
   On product pages the circle sat on top of the colour swatches, the SIZE
   label and the sticky Add to Bag bar's size text. The popup itself still
   shows on its normal Klaviyo timing. body[class*="template-product"]
   matches every product template (template-product, template-product-
   sale-items-template, ...). Unofficial: "kl-teaser-" is Klaviyo's internal
   class prefix; if Klaviyo renames it the circle quietly reappears.
   NOT display:none (bug found 28 Sep): closing the popup animates it into
   the teaser, and Klaviyo waits for that animation to finish before removing
   its full-screen overlay. A display:none teaser never animates, so the
   overlay stayed on screen invisibly (opacity 0, z-index 90000) with page
   scrolling locked, and nothing on the page could be clicked. Hide it
   visually instead so it still renders and the animation completes. */
body[class*="template-product"] [class*="kl-teaser-"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Klaviyo "GET $20 OFF*" teaser restyled from the 84px see-through circle into a slim black pill in the
   bottom-left corner (adam chose mock-up A, #106, 8 Oct 2026; the text itself is set in Klaviyo).
   Style only: never display:none on the teaser (see the note above). Tapping still opens the form. */
[class*="kl-teaser-"] { width: auto !important; height: auto !important; margin: 0 !important; left: 12px !important; bottom: 12px !important; }
[class*="kl-teaser-"] > div { width: auto !important; height: auto !important; }
[class*="kl-teaser-"] [class*="Teaser-pointer"] { width: auto !important; height: 30px !important; border-radius: 15px !important; background: rgba(76, 76, 76, .9) !important; padding: 0 46px 0 14px !important; position: relative !important; display: flex !important; align-items: center !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .18) !important; }
[class*="kl-teaser-"] [class*="Teaser-pointer"] * { color: #fff !important; font-size: 11px !important; line-height: 30px !important; letter-spacing: .06em !important; text-transform: uppercase !important; white-space: nowrap !important; width: auto !important; height: auto !important; font-weight: 500 !important; }
[class*="kl-teaser-"] [class*="Teaser-pointer"] p, [class*="kl-teaser-"] [class*="Teaser-pointer"] span { display: inline !important; }
/* Hover feedback (adam, 12 Oct 2026): the pill turns solid black, text stays white. Mouse screens only. */
[class*="kl-teaser-"] [class*="Teaser-pointer"] { transition: background-color .2s ease !important; }
@media (hover: hover) { [class*="kl-teaser-"] [class*="Teaser-pointer"]:hover { background: #000 !important; } }
/* Close (x) sits inside the right end of the pill as its own tap zone (adam 9 Oct: easy to close without tapping the photo behind or opening the form). Matches the Shop chat button grey #4c4c4c. */
[class*="kl-teaser-"] button.klaviyo-close-form { position: absolute !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: auto !important; width: 38px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: 0 !important; border-left: 1px solid rgba(255,255,255,.35) !important; border-radius: 0 15px 15px 0 !important; z-index: 2 !important; cursor: pointer !important; }
[class*="kl-teaser-"] button.klaviyo-close-form::after { content: "" !important; position: absolute !important; top: -10px !important; bottom: -10px !important; left: 0 !important; right: -8px !important; }
[class*="kl-teaser-"] button.klaviyo-close-form svg { width: 14px !important; height: 14px !important; }
[class*="kl-teaser-"] button.klaviyo-close-form svg circle { fill: transparent !important; stroke: transparent !important; }
[class*="kl-teaser-"] button.klaviyo-close-form svg path { stroke: #fff !important; stroke-width: 1.6 !important; }
/* Invisible safety margin behind the pill (phones): a near-miss tap is absorbed instead of opening the product photo behind it, and it is outside Klaviyo's teaser so it never opens the form (adam 9 Oct). Only while the pill is showing; not on product pages (pill hidden there). Teaser z-index is 90000. */
@media screen and (max-width: 749px) { body:not([class*="template-product"]):has([class*="kl-teaser-"])::after { content: "" !important; display: block !important; position: fixed !important; left: 0 !important; bottom: 0 !important; width: 165px !important; height: 50px !important; z-index: 89999 !important; pointer-events: auto !important; background: transparent !important; } }
@media screen and (max-width: 749px) { [class*="kl-teaser-"] { left: 10px !important; bottom: 12px !important; } }

/* Desktop product page: keep the product title visible while the right-hand
   column is scrolled (master list #12c, 28 Sep 2026). On desktop the info
   column (product-info.product__column-sticky) is its own scroll box
   (overflow-y: auto), so opening an accordion makes it scroll internally and
   the title used to slide out of view. position: sticky; top: 0 pins it to
   the top of that scroll box. Full column width + white background so the
   blocks scrolling underneath (reviews, wider Add to Bag) can't show beside
   it; the text itself keeps the 44rem limit. Mobile keeps its own
   StickyTitle:AI bar; quick-add modals are excluded. */
@media screen and (min-width: 990px) {
  .product__info-container.product__column-sticky > .product__title {
    position: sticky;
    top: 0;
    z-index: 3;
    max-width: none;
    margin-top: 0;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    background: #ffffff;
  }
  .product__info-container.product__column-sticky > .product__title > h1 {
    max-width: 44rem;
  }
  quick-add-modal .product__info-container.product__column-sticky > .product__title {
    position: static;
    padding-top: 0;
    padding-bottom: 0;
  }
}


/* Collection grid, desktop: second image fades in on hover (master list #39,
   28 Sep 2026). assets/card-media-carousel.js adds an overlay copy of image 2
   inside slide 1 and toggles .is-hover-preview on mouse enter/leave. Mobile
   keeps the swipe carousel only. */
.card__media-carousel-hover-img {
  display: none;
}
@media screen and (min-width: 990px) and (hover: hover) {
  card-media-carousel[data-hover-preview] .card__media-carousel-slide:first-child {
    position: relative;
  }
  card-media-carousel[data-hover-preview] .card__media-carousel-slide .card__media-carousel-hover-img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
  }
  card-media-carousel.is-hover-preview .card__media-carousel-slide .card__media-carousel-hover-img {
    opacity: 1;
  }
}

/* Empty bag drawer: "Looking for ideas? / Discover our BEST SELLERS" heading
   above the collection photo, top left (adam, 28 Sep 2026). */
.cart-drawer__collection-heading {
  text-align: left;
  margin: 0 0 12px;
}
.cart-drawer__collection-title {
  margin: 0 0 4px;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.03em;
  color: rgb(var(--color-foreground));
}
.cart-drawer__collection-subtitle {
  font-size: 12px;
  letter-spacing: 0.05em;
  color: rgba(var(--color-foreground), 0.75);
  text-decoration: none;
}
.cart-drawer__collection-subtitle:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Homepage "4xProduct (ImageGridPro)" (29 Sep, adam): a soft dark fade behind the
   white product name only, so it stays readable on light photos. It sits on the
   title itself (just its height plus a short fade above), not a fixed band of
   the photo. Hover no longer washes the photo white (that hid the white text);
   the fade deepens slightly instead. Scoped to this one section. */
[class^="image-title-"][class$="__ss_image_grid_pro_qEPVeq"]::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -6px;
  right: -6px;
  bottom: -6px;
  top: -10px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.65;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  [class^="image-title-"][class$="__ss_image_grid_pro_qEPVeq"]::before {
    left: -8px;
    right: -8px;
    bottom: -8px;
    top: -14px;
  }
}
[class^="image-item-"][class$="__ss_image_grid_pro_qEPVeq"]:hover::after {
  background-color: transparent;
}
[class^="image-item-"][class$="__ss_image_grid_pro_qEPVeq"]:hover [class^="image-title-"]::before {
  opacity: 0.85;
}

/* Reviews page "LOOK WHAT OTHER WOMEN HAD TO SAY" (29 Sep, adam): now a real <h2>
   for search engines (was a <p>). A blanket `h2 { font-size: 16px !important }`
   elsewhere in the theme overrode the section's own sizes, so keep them here:
   14px mobile / 16px desktop, the section's settings (its desktop breakpoint is 1024px). */
[class^="text-block-heading-"][class$="__ss_text_block_2_9MgKJh"] h2 {
  font-size: 14px !important;
}
@media (min-width: 1024px) {
  [class^="text-block-heading-"][class$="__ss_text_block_2_9MgKJh"] h2 {
    font-size: 16px !important;
  }
}

/* Product page COLOUR swatches (Custom Liquid block, .swatch-list gap 8px): a little more
   space between them on mobile so the right colour is easier to tap (29 Sep, adam, #67). */
@media screen and (max-width: 749px) {
  .custom-color-swatches .swatch-list {
    gap: 14px;
  }
}

/* Product page review slider under ADD TO BAG (SS - Product reviews): its arrows sit half
   outside the slider (left: -9px). On desktop the product info column is a scroll box
   (overflow hidden), which cut off half of the LEFT arrow once you moved to review 2.
   Tuck it just inside on desktop (30 Sep, adam, #62). */
@media screen and (min-width: 990px) {
  .product__info-container [class^="reviews-btn-prev-"] {
    left: 2px !important;
  }
}

/* Product page icon row: the new fine-line delivery trucks (30 Sep, adam, #50) are shown 10%
   bigger than the 32px icons beside them. A scale keeps the layout, so the labels stay aligned. */
.icon-with-text-v2__item img[src*="free-express-delivery"],
.icon-with-text-v2__item img[src*="/express-delivery"] {
  transform: scale(1.1);
}

/* #78 (5 Oct 2026): underline the active option in the SORT list so shoppers can see which order is applied. */
.select-items div.same-as-selected {
  color: rgba(var(--color-foreground), 1);
  text-decoration: underline;
  text-underline-offset: .3rem;
}

/* #79 (5 Oct 2026): colour filter names are now a <label> for the swatch input; keep the layout unchanged and show they're tappable. */
.facets__swatch-text { display: contents; cursor: pointer; }

/* #82 (5 Oct 2026): mobile menu only. Dark-grey underline on the top-level SHOP BY to draw attention to it. */
#HeaderDrawer-shop-by {
  text-decoration: underline;
  text-decoration-color: #6b6b6b;
  text-decoration-thickness: 1px;
  text-underline-offset: .45rem;
}

/* Alt text of an image that fails to load: small and muted instead of large body text (adam, 6 Oct 2026). */
img { font-size: 1.1rem; line-height: 1.4; letter-spacing: 0; color: rgba(var(--color-foreground), .55); }

/* Hero "Shop Now" button (adam, 6 Oct 2026):
   - hover (mouse only): dark grey text + 1px light grey outline, 1px rounded corners
   - click/tap: solid black box with white text
   The box is drawn with ::after (behind the text) so the button never moves: it has 60px bottom padding for spacing. */
[class^="ai-hero-"] [class$="__button"] { position: relative; z-index: 0; transition: color .2s ease; -webkit-tap-highlight-color: transparent; }
[class^="ai-hero-"] [class$="__button"]::after { content: ""; position: absolute; z-index: -1; left: -34px; right: -34px; top: -4px; height: calc(1.8em + 8px); border: 1px solid transparent; border-radius: 1px; background: transparent; transition: border-color .2s ease, background-color .1s ease; pointer-events: none; }
@media (hover: hover) {
  [class^="ai-hero-"] [class$="__button"]:hover { color: #4a4a4a !important; text-decoration: none; }
  [class^="ai-hero-"] [class$="__button"]:hover::after { border-color: #000; } /* outline grey -> black, all markets (adam, 7 Oct 2026) */
}
[class^="ai-hero-"] [class$="__button"]:active { color: #fff !important; text-decoration: none; }
[class^="ai-hero-"] [class$="__button"]:active::after { background: #000; border-color: #000; }

/* WIP DS (adam, 12 Oct 2026): homepage header back to the white logo + white menu in every market, as before 6 Oct.
   The 6 Oct black-header rules (still on LIVE) were removed from this theme only. */
/* Default market (Australia / NZ): soft drop shadow on the white menu text, icons and logo while the header sits
   see-through over the hero, so they read on light photos. Off once the header turns white (hover / scroll). */
.template-index:not(.lp-mkt-orig-header) .header-wrapper:not(:hover):not(.scrolled-past-header .header-wrapper) .list-menu__item, .template-index:not(.lp-mkt-orig-header) .header-wrapper:not(:hover):not(.scrolled-past-header .header-wrapper) .header__menu-item, .template-index:not(.lp-mkt-orig-header) .header-wrapper:not(:hover):not(.scrolled-past-header .header-wrapper) .header__active-menu-item { text-shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 0 10px rgba(0, 0, 0, .35); }
.template-index:not(.lp-mkt-orig-header) .header-wrapper:not(:hover):not(.scrolled-past-header .header-wrapper) .header__icon svg, .template-index:not(.lp-mkt-orig-header) .header-wrapper:not(:hover):not(.scrolled-past-header .header-wrapper) .header__heading-logo-wrapper.desktop img { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5)) drop-shadow(0 0 6px rgba(0, 0, 0, .3)); }
.template-index:not(.lp-mkt-orig-header) .header-wrapper:not(:hover):not(.scrolled-past-header .header-wrapper) .header__heading-logo-wrapper img { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .6)) drop-shadow(0 0 8px rgba(0, 0, 0, .45)); }

/* Hero sub-text, desktop/tablet: keep white but add a strong black drop shadow so it reads over the
   light wall as well as the dark dress (adam, 6 Oct 2026). Phones unchanged. */
@media screen and (min-width: 750px) {
  [class^="ai-hero-"] [class$="__subtext"], [class^="ai-hero-"] [class$="__subtext"] * { text-shadow: 0 1px 3px rgba(0, 0, 0, .8), 0 0 12px rgba(0, 0, 0, .55) !important; }
}
/* "Shop Now" in its normal white state gets the same shadow; removed on hover / click (adam, 6 Oct 2026). */
@media screen and (min-width: 750px) {
  [class^="ai-hero-"] [class$="__button"] { text-shadow: 0 1px 3px rgba(0, 0, 0, .8), 0 0 12px rgba(0, 0, 0, .55); }
  [class^="ai-hero-"] [class$="__button"]:hover, [class^="ai-hero-"] [class$="__button"]:active { text-shadow: none; }
}

/* Sustainability certification ticker: GRS is a wide logo; size it by height so it balances the round logos (6 Oct 2026). */
.image-content__image[src*="lp-cert-grs"] { width: auto !important; height: 70px !important; max-width: none !important; }
@media screen and (max-width: 749px) { .image-content__image[src*="lp-cert-grs"] { height: 62px !important; } }
.image-content__image[src*="lp-cert-gots"] { width: 114px !important; height: auto !important; }
@media screen and (max-width: 749px) { .image-content__image[src*="lp-cert-gots"] { width: 97px !important; } }
/* Certification ticker: let each repeating logo strip size to its contents so every gap is equal (GOTS/GRS are wider than 100px). */
[id$="ss_scrolling_logo_cloud_JzRQyF"] [class*="track-horizontal"] { width: auto !important; flex: 0 0 auto !important; }
/* Certification ticker on phones: slightly smaller logos (adam, 6 Oct 2026). */
@media screen and (max-width: 749px) {
  [id$="ss_scrolling_logo_cloud_JzRQyF"] .image-content__image { width: 66px !important; height: auto !important; }
  [id$="ss_scrolling_logo_cloud_JzRQyF"] .image-content__image[src*="lp-cert-gots"] { width: 76px !important; }
  [id$="ss_scrolling_logo_cloud_JzRQyF"] .image-content__image[src*="lp-cert-grs"] { width: auto !important; height: 48px !important; }
}
@media screen and (max-width: 749px) {
  [id$="ss_scrolling_logo_cloud_JzRQyF"] [class*="track-horizontal"] > * { width: auto !important; flex: 0 0 auto !important; }
  [id$="ss_scrolling_logo_cloud_JzRQyF"] [class*="track-horizontal"] { gap: 28px !important; padding-left: 28px !important; }
}

/* Sustainability page: smaller labels on the scrolling collection tiles ("SHOP DRESSES" etc.) (adam, 6 Oct 2026). */
[id$="ss_collection_5_6cQKL3"] h2[class*="collections-title-"] { font-size: 13px !important; letter-spacing: .12em; text-shadow: 0 1px 3px rgba(0, 0, 0, .8), 0 0 12px rgba(0, 0, 0, .55); }
@media screen and (max-width: 749px) {
  [id$="ss_collection_5_6cQKL3"] h2[class*="collections-title-"] { font-size: 12px !important; }
}

/* Homepage PANTS tile only: same black drop shadow as the hero text so the white label reads on the white-pants photo (adam, 6 Oct 2026). */
.template-index a[class*="collections-button-template"][href$="/collections/pants"] { text-shadow: 0 1px 3px rgba(0, 0, 0, .8), 0 0 12px rgba(0, 0, 0, .55); }

/* #88 cart drawer (Oct 2026): reassurance list (AU), express checkout spacing, and hide the chat bubble while the bag is open. */
cart-drawer .lp-bag-trust { list-style: none; margin: 1.2rem 0 .6rem; padding: 1rem 1.2rem; background: rgba(var(--color-foreground), .04); display: grid; gap: .5rem; }
cart-drawer .lp-bag-trust li { display: flex; align-items: center; gap: .8rem; font-size: 1.3rem; line-height: 1.4; letter-spacing: .02em; color: rgb(var(--color-foreground)); }
cart-drawer .lp-bag-trust strong { font-weight: 600; }
cart-drawer .lp-bag-trust svg { flex: 0 0 auto; }
cart-drawer .lp-bag-express { margin-top: 1rem; }
cart-drawer .lp-bag-express .shopify-cleanslate, cart-drawer .lp-bag-express ul { margin: 0 !important; }
body:has(cart-drawer.active) shopify-chat, body:has(cart-drawer.active) #ShopifyChat { display: none !important; }

/* Hero sub-text, default market only (not Canada/UK/USA), narrow phones under 375px: hide the word "featherlight" (wrapped in .lp-sub-hide-narrow by the hero block) so it stays on 2 lines at the normal 14px, down to 320px wide (adam, 7 Oct 2026). */
@media screen and (max-width: 374px) {
  body:not(.lp-mkt-orig-header) .lp-sub-hide-narrow { display: none; }
}

/* Homepage reviews heading (rich-text section reviews_heading) sits directly above the Fera widget: white-to-sky gradient that ends in the colour at the top of Fera's cloud photo, so the two blend (adam, 8 Oct 2026). Fera's own heading is switched off in Fera. */
[id$="__reviews_heading"] .rich-text { background: linear-gradient(to bottom, #ffffff 0%, rgb(233, 242, 240) 100%); }
[id$="__reviews_heading"] .rich-text__heading { font-family: Helvetica, Arial, sans-serif !important; font-weight: 400 !important; font-size: 14px !important; letter-spacing: .06em; text-transform: uppercase; color: #000; margin: 0; }
[id$="__1756429199629e164a"] [data-fera-container="all_reviews"] { margin-top: 0 !important; }
[id$="__reviews_heading"] .rich-text.content-container, [id$="__reviews_heading"] .isolate { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; }
[id$="__reviews_heading"] .content-container::after, [id$="__reviews_heading"] .content-container::before { display: none !important; }
[id$="__reviews_heading"], [id$="__reviews_heading"] + .shopify-section { margin-top: 0 !important; }
@media screen and (max-width: 749px) {
  [id$="__reviews_heading"] .rich-text { background: linear-gradient(to bottom, #ffffff 0%, rgb(220, 225, 232) 100%); }
  [id$="__reviews_heading"] .rich-text__heading { font-size: 15px !important; }
}

/* Size guide popup on phones (#111b, 10 Oct 2026): (10 Oct v2: panel rule removed, it shifted the panel left on iPhone Safari;
   the panel was already flush right by design.) The "how to measure" table had a fixed 400px width (440px of columns). */
@media screen and (max-width: 749px) {
  #size_chart_popup table.tg:has(img) { width: 100% !important; table-layout: fixed !important; }
  #size_chart_popup table.tg:has(img) col:first-child { width: 34% !important; }
  #size_chart_popup table.tg:has(img) col:last-child { width: 66% !important; }
  #size_chart_popup table.tg:has(img) img { max-width: 100% !important; height: auto !important; }
}

/* Close X black, not Safari's default button blue (adam, 10 Oct). */
#size_chart_popup .popup-btn-close-custom { color: #000 !important; }
#size_chart_popup .popup-btn-close-custom svg, #size_chart_popup .popup-btn-close-custom svg * { color: #000 !important; fill: currentColor; }

/* Size guide CM / INCH switch (#112, 10 Oct 2026): assets/lp-size-units.js marks each chart cell as cm or inch;
   one unit shows at a time (CM by default). With half the columns gone the chart fits phones, so it fills the
   width and the figures go from 10px to 13px. */
.lp-unit-switch { display: inline-flex; margin: 0 0 12px; border: 1px solid #000; border-radius: 15px; overflow: hidden; }
.lp-unit-switch button { font: inherit; font-size: 11px; letter-spacing: .08em; line-height: 1; height: 28px; min-width: 64px; padding: 0 14px; margin: 0; border: 0; border-radius: 0; background: #fff; color: #000; cursor: pointer; -webkit-appearance: none; appearance: none; }
.lp-unit-switch button[aria-pressed="true"] { background: #4c4c4c; color: #fff; } /* selected unit: dark grey, same as the GET $20 OFF pill and chat icon (adam, 12 Oct) */
table.lp-show-cm [data-lp-unit="inch"], table.lp-show-inch [data-lp-unit="cm"] { display: none !important; }
/* The CM / INCH heading cells are hidden: the switch names the unit and the chart name spans the first row (adam, 12 Oct). */
table[data-lp-units="on"] [data-lp-unit-head] { display: none !important; }
.size-chart-table-wrap table[data-lp-units="on"] { width: 100% !important; table-layout: auto !important; }
.size-chart-table-wrap table[data-lp-units="on"] col { width: auto !important; }
.size-chart-table-wrap table[data-lp-units="on"] th, .size-chart-table-wrap table[data-lp-units="on"] td { font-size: 13px !important; padding: 7px 4px !important; }
/* First column (BUST, WAIST, LENGTH (FRONT) ...) always on one line; the measurement columns share what is left (adam, 12 Oct). The chart title cell above it may still wrap. */
.size-chart-table-wrap table[data-lp-units="on"] tbody tr > :first-child { white-space: nowrap !important; padding-left: 8px !important; padding-right: 8px !important; }

/* Phones: slightly smaller chart text so the one-line first column and the measurements fit (adam, 12 Oct).
   Fits iPhone 13 and Pro Max for every chart; on an iPhone SE the widest charts can be swiped sideways. */
@media screen and (max-width: 749px) {
  .size-chart-table-wrap table[data-lp-units="on"] th, .size-chart-table-wrap table[data-lp-units="on"] td { font-size: 12px !important; padding: 7px 3px !important; letter-spacing: 0 !important; }
  .size-chart-table-wrap table[data-lp-units="on"] tbody tr > :first-child { font-size: 11px !important; padding-left: 6px !important; padding-right: 6px !important; }
}

/* Chart name row filled with the charts' own light grey (#F5F6FA, the CM/INCH header colour in the chart HTML) (adam, 12 Oct). */
table[data-lp-units="on"] .lp-chart-title { background-color: #f5f6fa !important; }
/* Sizes row (XS, S, M, L) in bold (adam, 12 Oct). */
table[data-lp-units="on"] .lp-size-row > * { font-weight: 700 !important; }
/* Option B (adam, 12 Oct): the old name row is hidden; the sizes row carries the chart name and XS, S, M, L, all bold on light grey. The name may wrap so long style names do not widen the first column. */
table[data-lp-units="on"] .lp-head-row { display: none !important; }
table[data-lp-units="on"] .lp-size-row > * { background-color: #f5f6fa !important; }
table[data-lp-units="on"] tr > .lp-chart-title { white-space: normal !important; font-weight: 700 !important; }
/* Border on all four sides of the chart and every cell, same grey as the existing lines (adam, 12 Oct). */
.size-chart-table-wrap table[data-lp-units="on"] { border-collapse: collapse !important; border: 1px solid #808080 !important; }
.size-chart-table-wrap table[data-lp-units="on"] th, .size-chart-table-wrap table[data-lp-units="on"] td { border: 1px solid #808080 !important; }
/* The older pinned first column (position: sticky) doubles the borders; not needed on these tables (adam, 12 Oct). */
.size-chart-table-wrap table[data-lp-units="on"] tr > :first-child { position: static !important; outline: 0 !important; }

/* Steady columns when switching CM / INCH (adam, 12 Oct): first column only as wide as its longest label; size columns equal shares (--lp-col set by lp-size-units.js). */
.size-chart-table-wrap table[data-lp-units="on"] tr > :first-child { width: 1% !important; }
.size-chart-table-wrap table[data-lp-units="on"] [data-lp-unit] { width: var(--lp-col, 25%) !important; }

/* Homepage "EXPLORE LINEN" link over the photo (reviews + image split): same strong drop shadow as the hero
   sub-text so the white text reads on the light linen photo (adam, 13 Oct 2026; WIP DS Copy). */
[id$="reviews_image_split_agNDLF"] .reviews-image-split__button { text-shadow: 0 1px 2px rgba(0, 0, 0, .8), 0 0 5px rgba(0, 0, 0, .6), 0 0 12px rgba(0, 0, 0, .45); } /* darker 13 Oct; reduced a little 14 Oct (adam) */

/* Product page reviews (ss-product-reviews), phones: author name + location on its own line with the stars underneath,
   so longer names like "Lavinia - Lemontree Passage, NSW" no longer wrap into two overlapping lines (adam, 15 Oct 2026). */
@media screen and (max-width: 749px) {
  [class*="reviews-top-"][class*="ss_product_reviews"] { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 4px; height: auto; }
  [class*="reviews-author-"][class*="ss_product_reviews"] { line-height: 1.4; height: auto; }
}

/* Homepage video + image hero (video_image_hero_1): same black drop shadow as the earlier hero, on the SHOP NOW link
   and the sub-text, so the white text reads over light video frames and photos (adam, 15 Oct 2026). */
.template-index [class^="vih-subtext-"], .template-index [class^="vih-subtext-"] * { text-shadow: 0 1px 3px rgba(0, 0, 0, .8), 0 0 12px rgba(0, 0, 0, .55) !important; }
.template-index a[class^="vih-button-"] { text-shadow: 0 1px 3px rgba(0, 0, 0, .8), 0 0 12px rgba(0, 0, 0, .55); }

/* Desktop footer (adam, 16 Oct 2026): bold column headings (SUPPORT, DISCOVER, FOLLOW US) and underline menu links on hover.
   Overrides the older ".footer ... :hover { text-decoration: none }" rule above. Phones/tablets unchanged. */
@media screen and (min-width: 750px) and (hover: hover) {
  .footer .footer-block__heading { font-weight: 700; }
  .footer .footer-block__details-content .list-menu__item--link:hover {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
}