/** Shopify CDN: Minification failed

Line 387:31 Expected identifier but found whitespace
Line 393:78 Unterminated string token
Line 394:73 Unterminated string token
Line 3385:6 Expected identifier but found whitespace

**/
/* GENERATED by scripts/homepage-css.mjs from assets/altenew.css (source 96e735ad1e44). Do not edit:
   edit assets/altenew.css, then run node scripts/homepage-css.mjs. Loaded on index templates only. */




:root {
    --brand-custom-gold: #8e7005;
    --brand-custom-gray: #e6e6e6;
    --brand-cream: #edddc3;
    --brand-gold-light: #f2ca80;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-blue-54: #2196f3;
    --color-black-a20: rgba(0, 0, 0, 0.2);
    --gray-11: #1d1d1d;
    --color-blue-25: #303e4e;
    --gray-95: #f1f1f1;
    --gray-41: #676868;
    --color-blue-12: #081d33;
    --color-black-a30: rgba(0, 0, 0, 0.3);
    --gray-83: #d3d3d3;
    --gray-24: #3c3c3c;
    --color-purple-92: #e7dcf9;
    --gray-92: #eaeaea;
    --gray-13: #222222;
    --color-orange-90: #ede8dd;
    --gray-6: #111010;
    --gray-93: #eeeeee;
    --color-orange-61: #d2ae67;
    --color-orange-33: #a84e02;
    --color-blue-7: #0c0d19;
    --color-orange-51: #cc9b36;
    --gray-30: #4d4d4d;
    --color-white-2: #f6f6f6;
    --gray-63: #a0a0a0;
    --gray-82: #d0d0d0;
    --gray-73: #b9b9b9;
    --gray-80: #cccccc;
    --color-red-50: #ff0000;
    --gray-27: #444444;
    --gray-86: #dbdbdb;
    --color-yellow-88: #f4f2cd;
    --gray-47: #777777;
    --gray-87: #dddddd;
    --gray-71: #b2b7b7;
    --color-green-42: #7ab91b;
    --color-red-47: #e80606;
    --color-orange-61-2: #d1af66;
    --color-black-a40: rgba(0, 0, 0, 0.4);
    --gray-39-a80: rgba(100, 100, 100, 0.8);
    --color-black-a50: rgba(0, 0, 0, 0.5);
    --gray-29: #4b4a4a;
    --gray-86-2: #dddada;
    --gray-65: #a9a4a4;
    --gray-95-2: #f2f2f2;
    --gray-91: #e7e7e7;
    --gray-94: #efefef;
    --color-orange-61-3: #d2ad67;
    --color-blue-29: #3a4e5b;
    --color-red-45: #8f5654;
    --gray-83-2: #d4d4d4;
    --gray-75: #c0c0c0;
    --color-orange-88: #e5e1dd;
    --color-black-a10: rgba(0, 0, 0, 0.1);
    --gray-34: #565656;
    --gray-69: #b0b0b0;
    --color-orange-98: #fffaf5;
    --color-green-25: #0a7832;
    --gray-41-2: #6a6767;
    --gray-44: #717171;
    --color-orange-32: #816821;
    --color-green-24: #4a7a02;
    --color-teal-32: #386b6b;
    --color-black-a90: rgba(0, 0, 0, 0.9);
    --gray-73-2: #bbbbbb;
    --color-orange-57: #cda658;
    --color-blue-92: #e6eaf1;
    --color-orange-50: #ff9500;
    --color-orange-62: #d2ae68;
    --color-yellow-55: #f7c324;
    --color-green-89: #e7f5d2;
    --color-red-95: #fcebf3;
    --color-orange-92: #f7eedf;
    --color-orange-67: #dfbd79;
    --color-orange-67-a16: rgba(223, 189, 121, 0.161);
    --color-red-69: #f16e6e;
    --gray-60: #999898;
    --gray-95-3: #f3f3f3;
    --color-red-66: #f27360;
    --color-red-46: #d82f13;
    --color-yellow-26: #816504;
    --color-green-48: #8aa84b;
    --color-red-55: #cd4a5a;
    --color-orange-50-2: #c69038;
    --color-red-62: #e05e98;
    --color-blue-40: #4f5d7e;
    --color-orange-61-4: #d2ad66;
    --color-orange-54: #c09b54;
    --color-orange-61-5: #d1ad67;
    --color-red-56: #e83434;
    --color-orange-50-3: #ffa500;
    --color-yellow-31: #90720d;
    --gray-93-2: #ededed;
    --gray-48: #7b7b7b;
    --gray-53: #888888;
    --gray-15-a37: rgba(41, 36, 34, 0.369);
    --gray-96: #f4f4f4;
    --gray-20: #333333;
    --color-orange-96: #fdf6ee;
    --color-blue-91: #e5e7eb;
    --color-orange-94: #fcf6e5;
    --color-orange-31: #a04000;
    --color-orange-80: #f5cda2;
    --color-black-a5: rgba(0, 0, 0, 0.05);
    --color-yellow-90: #fff3cd;
    --color-orange-27: #856404;
    --color-yellow-86: #ffeeba;
    --color-black-a4: rgba(0, 0, 0, 0.04);
    --color-yellow-17: #533f03;
    --color-yellow-29-a20: rgba(142, 112, 5, 0.2);
    --color-black-a8: rgba(0, 0, 0, 0.08);
    --color-yellow-29-a12: rgba(142, 112, 5, 0.12);
    --color-white-a95: rgba(255, 255, 255, 0.95);
    --gray-86-a50: rgba(220, 220, 220, 0.5);
    --color-black-a12: rgba(0, 0, 0, 0.12);
    --color-black-a42: rgba(0, 0, 0, 0.42);
    --color-white-a14: rgba(255, 255, 255, 0.14);
    --color-white-a28: rgba(255, 255, 255, 0.28);
    --color-red-65: #ff4d6d;
    --color-red-65-a45: rgba(255, 77, 109, 0.45);
    --color-red-65-a15: rgba(255, 77, 109, 0.15);
    --color-yellow-29-a25: rgba(142, 112, 5, 0.25);
    --color-yellow-29-a6: rgba(142, 112, 5, 0.06);
    --color-yellow-29-a14: rgba(142, 112, 5, 0.14);
    --gray-10: #1a1a1a;
    --color-black-a25: rgba(0, 0, 0, 0.25);
    --color-white-a88: rgba(255, 255, 255, 0.88);
    --color-white-a40: rgba(255, 255, 255, 0.4);
    --color-yellow-29-a15: rgba(142, 112, 5, 0.15);
    --color-yellow-29-a5: rgba(142, 112, 5, 0.05);
    --color-orange-89: #f4ebd2;
    --color-black-a45: rgba(0, 0, 0, 0.45);
    --color-white-a15: rgba(255, 255, 255, 0.15);
    --color-black-a15: rgba(0, 0, 0, 0.15);
    --color-white-a12: rgba(255, 255, 255, 0.12);
    --color-white-a20: rgba(255, 255, 255, 0.2);
    --color-black-a22: rgba(0, 0, 0, 0.22);
    --color-orange-98-2: #fcfaf8;
    --color-white-a85: rgba(255, 255, 255, 0.85);
    --color-white-a90: rgba(255, 255, 255, 0.9);
    --color-orange-55: #d4a843;
    --gray-46: #6b7280;
    --gray-65-2: #9ca3af;
    --color-orange-88-2: #e7e2da;
    --gray-50: #737b8c;
    --gray-50-2: #808080;
    --color-blue-20: #29303d;
    --gray-27-2: #3e434e;
    --gray-60-2: #9096a0;
    --color-orange-54-2: #ca9b49;
    --color-orange-30: #7e5d1b;
    --color-orange-58: #c9a65e;
    --color-black-a28: rgba(0, 0, 0, 0.28);
    --gray-15-a72: rgba(40, 38, 36, 0.72);
    --gray-94-2: #f1f0ee;
    --color-white-a50: rgba(255, 255, 255, 0.5);
    --color-white-3: #f9f9f9;
    --color-white-a30: rgba(255, 255, 255, 0.3);
    --color-white-a80: rgba(255, 255, 255, 0.8);
    --color-orange-94-2: #f5f1ea;
    --color-black-a70: rgba(0, 0, 0, 0.7);
    --color-orange-94-3: #f5f0e8;
    --gray-60-3: #999999;
    --color-orange-84: #e0d8cc;
    --color-black-a80: rgba(0, 0, 0, 0.8);
    --gray-33: #555555;
    --gray-47-a40: rgba(120, 120, 120, 0.4);
    --gray-40: #666666;
    --gray-90: #e5e5e5;
    --gray-45: #737373;
    --gray-63-2: #a1a1a1;
    --color-black-a77: rgba(10, 10, 10, 0.769);
    --gray-89: #e3e5e5;
    --color-yellow-51: #fbcd0a;
    --color-orange-53: #c79a45;
    --color-yellow-90-2: #e8e8e1;
    --color-orange-62-2: #ccaf70;
    --color-blue-33: #444f65;
    --color-red-70: #fe7a69;
    --color-red-45-2: #b6412f;
    --color-red-35: #ac0606;
    --gray-71-2: #adb5bd;
    --color-green-29: #39771f;
    --color-magenta-34: #a30c5a;

    /* --------------------------------------------------------------------
       DESIGN-SYSTEM TOKENS  —  WCAG AA text colours

       The sections use these as `var(--color-primary-100, #8e7005)`, but the
       tokens themselves were never declared anywhere, so every call fell
       through to its literal fallback. Declaring them here is what makes them
       tokens: one value, ~300 call sites, no find-and-replace.

       The values are the fallbacks nudged just past 4.5:1. Each is annotated
       with the pairing that was failing, measured against the actual rendered
       background — see the audit note below. Keep them in sync if the palette
       moves; anything lighter than these fails AA again.

         gold  #8e7005 -> #866805   4.18:1 -> 4.67:1  on #f5f1eb (lightest use)
         green #3a8e05 -> #357f05   4.16:1 -> 5.01:1  reversed out in white
         black-60  .60 -> .65       4.48:1 -> 5.25:1  on white
         gray-60   .60 -> .70       3.79:1 -> 5.10:1  on white
         white-80  .80 -> .92       3.62:1 -> 4.73:1  on the gold trust banner
       -------------------------------------------------------------------- */
    --color-primary-100: #866805;
    --color-green-100: #357f05;
    --color-black-60: rgba(29, 29, 29, 0.65);
    --color-gray-60: rgba(48, 48, 48, 0.7);
    --color-white-80: rgba(255, 255, 255, 0.92);
}

img {
    height: auto;
}


































































body .site-nav a badge-counter.badge-counter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    min-width: 22px !important;
    min-height: 22px !important;
    width: 22px !important;
    height: auto !important;
    padding: 3px !important;
    font-size: 12px !important;
    border: none;
    left: 1rem;
}


body .site-nav a badge-counter.cart-link__bubble:not(.cart-link__bubble--visible) {
    display: none !important;
}



























































ul.site-nav.site-navigation.small--hide .site-nav__dropdown.megamenu.text-left {
    padding-bottom: 29px;
}

 that renders AFTER the markup.
   On the live storefront the CSSOM is built from the full HTML before first
   paint, so this is invisible. But in the theme editor the section/block
   re-renders and is injected via JS, so the links briefly paint in the global
   inline-block layout (.site-nav__item{display:inline-block} + 15px link
   padding) and then JUMP to flex when the inline style applies. Duplicating the
   block's DEFAULT layout here (render-blocking) puts the links in their final
   position before the inline style loads, so there's nothing to jump to.
   The block's #hnav-<id> rules (ID specificity) still win, so a merchant's
   per-instance gap/alignment/uppercase changes override this base. */
.header-modern .header-nav .site-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    margin: 0;
    padding: 0;
}
.header-modern .header-nav .site-nav__item {
    display: flex;
    align-items: center;
}
.header-modern .header-nav .site-nav__link {
    padding: 10px 0;
    text-transform: uppercase;
}


.site-nav--has-dropdown .site-nav__link--underline:after {
    border-bottom-color: var(--brand-custom-gold);
}


div#HeaderWrapper a[href*="/collections/early-black-friday-deals"],
.mobile-nav__item a[href*="/collections/early-black-friday-deals"],
div#HeaderWrapper a[href*="/collections/early-black-friday-sale"],
.mobile-nav__item a[href*="/collections/early-black-friday-sale"],
div#HeaderWrapper a[href*="/collections/black-friday-sale"],
.mobile-nav__item a[href*="/collections/black-friday-sale"],
div#HeaderWrapper a[href*="/collections/super-weekend-sale"],
.mobile-nav__item a[href*="/collections/super-weekend-sale"],
div#HeaderWrapper a[href*="/collections/cyber-monday-sale"],
.mobile-nav__item a[href*="/collections/cyber-monday-sale"] {
    color: var(--color-black);
}

div#HeaderWrapper a[href*="/collections/early-black-friday-deals"]:after,
div#HeaderWrapper a[href*="/collections/early-black-friday-sale"]:after,
div#HeaderWrapper a[href*="/collections/black-friday-sale"]:after,
div#HeaderWrapper a[href*="/collections/super-weekend-sale"]:after,
div#HeaderWrapper a[href*="/collections/cyber-monday-sale"]:after {
    border-bottom-color: var(--color-black) !important;
}



.free-shipping-bar {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    height: 40px;
    color: var(--color-white);
    font-size: 16px;
    z-index: 29;
    margin: 0 auto;
}

free-shipping-bar {
    max-width: 1450px;
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
}

div.free-shipping-bar-section {
    background-color: var(--brand-cream);
    height: 40px;
    width: 100%;
    top: 0px;
    position: fixed;
    z-index: 999;
}

.sister-brand.main.active a,
.sister-brand a:hover,
.sister-brand.secondary.active a {
    color: var(--color-black);
}

.sister-brand a {
    color: var(--color-black);
}

.sister-brand span.divider {
    /*color: #676868;*/
    color: var(--color-white);
}

span.divider {
    color: var(--gray-41);
}

div#new-to-altenew-top a {
    font-size: 19px;
    font-family: "-apple-system", BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: 600;
}




ul.site-nav.site-navigation.small--hide li a:hover {
    color: var(--brand-custom-gold);
}





.site-header {
    --site-header-gutter: 18px;
    padding: 0 var(--site-header-gutter);
}






div#StickyHeaderWrap {
    min-height: 98px !important;
}















.icon-bag-minimal circle,
.icon-bag-minimal ellipse,
.icon-bag-minimal g,
.icon-bag-minimal line,
.icon-bag-minimal path,
.icon-bag-minimal polygon,
.icon-bag-minimal polyline,
.icon-bag-minimal rect,
.icon-bag circle,
.icon-bag ellipse,
.icon-bag g,
.icon-bag line,
.icon-bag path,
.icon-bag polygon,
.icon-bag polyline,
.icon-bag rect,
.icon-cart circle,
.icon-cart ellipse,
.icon-cart g,
.icon-cart line,
.icon-cart path,
.icon-cart polygon,
.icon-cart polyline,
.icon-cart rect,
.icon-chevron-down circle,
.icon-chevron-down ellipse,
.icon-chevron-down g,
.icon-chevron-down line,
.icon-chevron-down path,
.icon-chevron-down polygon,
.icon-chevron-down polyline,
.icon-chevron-down rect,
.icon-circle-checkmark circle,
.icon-circle-checkmark ellipse,
.icon-circle-checkmark g,
.icon-circle-checkmark line,
.icon-circle-checkmark path,
.icon-circle-checkmark polygon,
.icon-circle-checkmark polyline,
.icon-circle-checkmark rect,
.icon-close circle,
.icon-close ellipse,
.icon-close g,
.icon-close line,
.icon-close path,
.icon-close polygon,
.icon-close polyline,
.icon-close rect,
.icon-email circle,
.icon-email ellipse,
.icon-email g,
.icon-email line,
.icon-email path,
.icon-email polygon,
.icon-email polyline,
.icon-email rect,
.icon-filter circle,
.icon-filter ellipse,
.icon-filter g,
.icon-filter line,
.icon-filter path,
.icon-filter polygon,
.icon-filter polyline,
.icon-filter rect,
.icon-gift circle,
.icon-gift ellipse,
.icon-gift g,
.icon-gift line,
.icon-gift path,
.icon-gift polygon,
.icon-gift polyline,
.icon-gift rect,
.icon-globe circle,
.icon-globe ellipse,
.icon-globe g,
.icon-globe line,
.icon-globe path,
.icon-globe polygon,
.icon-globe polyline,
.icon-globe rect,
.icon-hamburger circle,
.icon-hamburger ellipse,
.icon-hamburger g,
.icon-hamburger line,
.icon-hamburger path,
.icon-hamburger polygon,
.icon-hamburger polyline,
.icon-hamburger rect,
.icon-heart circle,
.icon-heart ellipse,
.icon-heart g,
.icon-heart line,
.icon-heart path,
.icon-heart polygon,
.icon-heart polyline,
.icon-heart rect,
.icon-leaf circle,
.icon-leaf ellipse,
.icon-leaf g,
.icon-leaf line,
.icon-leaf path,
.icon-leaf polygon,
.icon-leaf polyline,
.icon-leaf rect,
.icon-lock circle,
.icon-lock ellipse,
.icon-lock g,
.icon-lock line,
.icon-lock path,
.icon-lock polygon,
.icon-lock polyline,
.icon-lock rect,
.icon-package circle,
.icon-package ellipse,
.icon-package g,
.icon-package line,
.icon-package path,
.icon-package polygon,
.icon-package polyline,
.icon-package rect,
.icon-phone circle,
.icon-phone ellipse,
.icon-phone g,
.icon-phone line,
.icon-phone path,
.icon-phone polygon,
.icon-phone polyline,
.icon-phone rect,
.icon-ribbon circle,
.icon-ribbon ellipse,
.icon-ribbon g,
.icon-ribbon line,
.icon-ribbon path,
.icon-ribbon polygon,
.icon-ribbon polyline,
.icon-ribbon rect,
.icon-search circle,
.icon-search ellipse,
.icon-search g,
.icon-search line,
.icon-search path,
.icon-search polygon,
.icon-search polyline,
.icon-search rect,
.icon-shield circle,
.icon-shield ellipse,
.icon-shield g,
.icon-shield line,
.icon-shield path,
.icon-shield polygon,
.icon-shield polyline,
.icon-shield rect,
.icon-size-chart circle,
.icon-size-chart ellipse,
.icon-size-chart g,
.icon-size-chart line,
.icon-size-chart path,
.icon-size-chart polygon,
.icon-size-chart polyline,
.icon-size-chart rect,
.icon-tag circle,
.icon-tag ellipse,
.icon-tag g,
.icon-tag line,
.icon-tag path,
.icon-tag polygon,
.icon-tag polyline,
.icon-tag rect,
.icon-tcwi-bills circle,
.icon-tcwi-bills ellipse,
.icon-tcwi-bills g,
.icon-tcwi-bills line,
.icon-tcwi-bills path,
.icon-tcwi-bills polygon,
.icon-tcwi-bills polyline,
.icon-tcwi-bills rect,
.icon-tcwi-calendar circle,
.icon-tcwi-calendar ellipse,
.icon-tcwi-calendar g,
.icon-tcwi-calendar line,
.icon-tcwi-calendar path,
.icon-tcwi-calendar polygon,
.icon-tcwi-calendar polyline,
.icon-tcwi-calendar rect,
.icon-tcwi-cart circle,
.icon-tcwi-cart ellipse,
.icon-tcwi-cart g,
.icon-tcwi-cart line,
.icon-tcwi-cart path,
.icon-tcwi-cart polygon,
.icon-tcwi-cart polyline,
.icon-tcwi-cart rect,
.icon-tcwi-charity circle,
.icon-tcwi-charity ellipse,
.icon-tcwi-charity g,
.icon-tcwi-charity line,
.icon-tcwi-charity path,
.icon-tcwi-charity polygon,
.icon-tcwi-charity polyline,
.icon-tcwi-charity rect,
.icon-tcwi-chat circle,
.icon-tcwi-chat ellipse,
.icon-tcwi-chat g,
.icon-tcwi-chat line,
.icon-tcwi-chat path,
.icon-tcwi-chat polygon,
.icon-tcwi-chat polyline,
.icon-tcwi-chat rect,
.icon-tcwi-gears circle,
.icon-tcwi-gears ellipse,
.icon-tcwi-gears g,
.icon-tcwi-gears line,
.icon-tcwi-gears path,
.icon-tcwi-gears polygon,
.icon-tcwi-gears polyline,
.icon-tcwi-gears rect,
.icon-tcwi-gift circle,
.icon-tcwi-gift ellipse,
.icon-tcwi-gift g,
.icon-tcwi-gift line,
.icon-tcwi-gift path,
.icon-tcwi-gift polygon,
.icon-tcwi-gift polyline,
.icon-tcwi-gift rect,
.icon-tcwi-globe circle,
.icon-tcwi-globe ellipse,
.icon-tcwi-globe g,
.icon-tcwi-globe line,
.icon-tcwi-globe path,
.icon-tcwi-globe polygon,
.icon-tcwi-globe polyline,
.icon-tcwi-globe rect,
.icon-tcwi-open-envelope circle,
.icon-tcwi-open-envelope ellipse,
.icon-tcwi-open-envelope g,
.icon-tcwi-open-envelope line,
.icon-tcwi-open-envelope path,
.icon-tcwi-open-envelope polygon,
.icon-tcwi-open-envelope polyline,
.icon-tcwi-open-envelope rect,
.icon-tcwi-package circle,
.icon-tcwi-package ellipse,
.icon-tcwi-package g,
.icon-tcwi-package line,
.icon-tcwi-package path,
.icon-tcwi-package polygon,
.icon-tcwi-package polyline,
.icon-tcwi-package rect,
.icon-tcwi-phone circle,
.icon-tcwi-phone ellipse,
.icon-tcwi-phone g,
.icon-tcwi-phone line,
.icon-tcwi-phone path,
.icon-tcwi-phone polygon,
.icon-tcwi-phone polyline,
.icon-tcwi-phone rect,
.icon-tcwi-plant circle,
.icon-tcwi-plant ellipse,
.icon-tcwi-plant g,
.icon-tcwi-plant line,
.icon-tcwi-plant path,
.icon-tcwi-plant polygon,
.icon-tcwi-plant polyline,
.icon-tcwi-plant rect,
.icon-tcwi-recycle circle,
.icon-tcwi-recycle ellipse,
.icon-tcwi-recycle g,
.icon-tcwi-recycle line,
.icon-tcwi-recycle path,
.icon-tcwi-recycle polygon,
.icon-tcwi-recycle polyline,
.icon-tcwi-recycle rect,
.icon-tcwi-ribbon circle,
.icon-tcwi-ribbon ellipse,
.icon-tcwi-ribbon g,
.icon-tcwi-ribbon line,
.icon-tcwi-ribbon path,
.icon-tcwi-ribbon polygon,
.icon-tcwi-ribbon polyline,
.icon-tcwi-ribbon rect,
.icon-tcwi-sales-tag circle,
.icon-tcwi-sales-tag ellipse,
.icon-tcwi-sales-tag g,
.icon-tcwi-sales-tag line,
.icon-tcwi-sales-tag path,
.icon-tcwi-sales-tag polygon,
.icon-tcwi-sales-tag polyline,
.icon-tcwi-sales-tag rect,
.icon-tcwi-shield circle,
.icon-tcwi-shield ellipse,
.icon-tcwi-shield g,
.icon-tcwi-shield line,
.icon-tcwi-shield path,
.icon-tcwi-shield polygon,
.icon-tcwi-shield polyline,
.icon-tcwi-shield rect,
.icon-tcwi-stopwatch circle,
.icon-tcwi-stopwatch ellipse,
.icon-tcwi-stopwatch g,
.icon-tcwi-stopwatch line,
.icon-tcwi-stopwatch path,
.icon-tcwi-stopwatch polygon,
.icon-tcwi-stopwatch polyline,
.icon-tcwi-stopwatch rect,
.icon-tcwi-store circle,
.icon-tcwi-store ellipse,
.icon-tcwi-store g,
.icon-tcwi-store line,
.icon-tcwi-store path,
.icon-tcwi-store polygon,
.icon-tcwi-store polyline,
.icon-tcwi-store rect,
.icon-tcwi-thumbs-up circle,
.icon-tcwi-thumbs-up ellipse,
.icon-tcwi-thumbs-up g,
.icon-tcwi-thumbs-up line,
.icon-tcwi-thumbs-up path,
.icon-tcwi-thumbs-up polygon,
.icon-tcwi-thumbs-up polyline,
.icon-tcwi-thumbs-up rect,
.icon-tcwi-trophy circle,
.icon-tcwi-trophy ellipse,
.icon-tcwi-trophy g,
.icon-tcwi-trophy line,
.icon-tcwi-trophy path,
.icon-tcwi-trophy polygon,
.icon-tcwi-trophy polyline,
.icon-tcwi-trophy rect,
.icon-tcwi-truck circle,
.icon-tcwi-truck ellipse,
.icon-tcwi-truck g,
.icon-tcwi-truck line,
.icon-tcwi-truck path,
.icon-tcwi-truck polygon,
.icon-tcwi-truck polyline,
.icon-tcwi-truck rect,
.icon-tcwi-wallet circle,
.icon-tcwi-wallet ellipse,
.icon-tcwi-wallet g,
.icon-tcwi-wallet line,
.icon-tcwi-wallet path,
.icon-tcwi-wallet polygon,
.icon-tcwi-wallet polyline,
.icon-tcwi-wallet rect,
.icon-truck circle,
.icon-truck ellipse,
.icon-truck g,
.icon-truck line,
.icon-truck path,
.icon-truck polygon,
.icon-truck polyline,
.icon-truck rect,
.icon-user circle,
.icon-user ellipse,
.icon-user g,
.icon-user line,
.icon-user path,
.icon-user polygon,
.icon-user polyline,
.icon-user rect {
    fill: none !important;
    stroke-width: 3px;
    stroke: currentColor !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}



a.site-nav__link--icon .icon-heart {
    color: var(--color-black);
    stroke: var(--color-black);
}

a.site-nav__link--icon .icon-user *,
a.site-nav__link--icon .icon-heart path {
    stroke-width: 2px;
}

a.site-nav__link--icon .icon-bag * {
    stroke-width: 4px;
}

a#Wishlist:hover i, a.site-nav__link--icon:hover svg.icon-heart path {
    color: var(--color-black);
    fill: var(--brand-gold-light) !important;
}

a.site-nav__link--icon:hover .icon-user *,
a.site-nav__link--icon:hover .icon-bag {
    fill: var(--brand-gold-light) !important;
    color: var(--color-black);
}

.cart-link__bubble {
    display: none;
}































.site-header__search-btn--submit .icon {
    color: var(--color-white);
}













































p[data-spam-detection-disclaimer],
div#shop-hcaptcha-badge-container {
    display: none;
}


.grid__item.medium-up--one-fifth.appear-animation.appear-delay-5 .h5 img {
    /* width: 15%;
    float: inline-end; */
    width: 15%;
    /* margin-top: 27px; */
}



























































































a#Wishlist:hover i,
a.site-nav__link--icon:hover svg {
    color: var(--brand-gold-light);
    fill: var(--brand-gold-light) !important;
}

body a.site-nav__link--icon:hover .cart-link svg,
a#Wishlist:hover i,
body a.site-nav__link--icon:hover .cart-link g {
    color: var(--color-blue-7) !important;
    fill: var(--color-blue-7) !important;
}

a#Wishlist:hover i,
a.site-nav__link--icon:hover .cart-link svg path {
    color: var(--brand-gold-light);
    fill: var(--brand-gold-light) !important;
    stroke: var(--color-blue-7) !important;
}

a#Wishlist:hover i,
a.site-nav__link--icon:hover .cart-link svg path:first-child {
    color: var(--color-white);
    fill: var(--brand-gold-light) !important;
    stroke: var(--color-blue-7) !important;
}



.hc-hover-black-to-orange:hover svg {
    filter: invert(79%) sepia(30%) saturate(569%) hue-rotate(359deg);
}















































































div#\37 A9A1V2W7O5O1R5 {
    max-width: 1500px;
    margin: auto;
}


























a.site-nav__link[href="/collections/featured-collection"] {
    color: var(--color-red-47);
}







































.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 .h5 {
    display: none;
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div {
    display: inline-block;
    width: 18%;
    margin: 0 4px;
    padding: 7px;
    background-color: var(--color-black);
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 {
    width: 100%;
    padding: 0px;
    margin-top: 15px;
    display: none;
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div a {
    text-align: center;
    text-transform: uppercase;
    color: var(--color-white);
    background: var(--color-black);
    border: 3px solid var(--color-white);
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div a:hover {
    background: var(--color-white);
    color: var(--color-black);
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 img {
    height: 95px;
    margin: 0px;
    padding: 0px;
}



































































































































































































.site-nav__dropdown.megamenu .grid__item.medium-up--one-fifth.shop {
    width: 16.5%;
}

.shop-all-container {
    text-align: center;
    padding: 10px 0;
}

.site-nav__dropdown a.btn {
    background: var(--colorBtnPrimary);
}

.site-header .h5 a {
    color: var(--color-black);
}

.site-header .h5 {
    border-bottom: none;
    letter-spacing: 0.03em;
}

.site-nav__dropdown.megamenu {
    background-color: var(--gray-95-2);
}

.site-nav__dropdown.megamenu .grid__item {
    border-left: 1px solid var(--gray-91);
}

.site-nav__dropdown.megamenu .grid__item:first-child {
    border-left: none;
    padding-right: 20px;
}

.site-nav__dropdown a {
    background-color: transparent;
}

.grid__item-featured-link {
    color: var(--color-white) !important;
    padding: 7.5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 10px;
}

.grid__item-featured-link:hover {
    text-decoration: underline;
}

.grid__item.medium-up--one-fifth.shop:has(.featured-tab-elements) {
    display: none;
}



















































































































































































































































html:not(.alt-ios):not(.alt-editor) [class*="eab-payment-methods-"][class*="elevateabtestingpaymentlogosmdgnjl"] {
    display: none !important;
}


@media screen and (max-width: 749px) {
    [class*="eab-payment-methods-icon-"][class*="elevateabtestingpaymentlogosmdgnjl"] {
        width: 80px;
        height: auto;
    }
}


[id$="__product_group_MFwffG"] > .shopify-block,
[id$="__product_group_MFwffG"] > .shopify-block > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
}







































































































.site-header__search-input {
    border: 2px solid var(--brand-custom-gold) !important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.site-header__search-input::placeholder {
    color: var(--color-black);
    opacity: unset;
    font-size: 16px;
}











fieldset {
    border: none;
}





































.h-wishlist-icon .wishlist-h-count,
.site-nav__link .hc-total-not {
    font-weight: 500;
    text-align: center;
    margin: auto;
}





















































































































































ul.site-nav.site-navigation.small--hide li a[href="https://altenew.com/pages/monthly-subscription-plans"],
li.mobile-nav__item a[href="https://altenew.com/pages/monthly-subscription-plans"] {
    font-weight: 700;
}





















































































[data-loop-widget-selling-plan-group] {
    border: 1px solid transparent !important;
}

[data-loop-widget-onetime-purchase-option] {
    border-radius: 8px 8px 0px 0px !important;
}



















































.template-collection span.wishlist-icon path,
.template-index span.wishlist-icon path {
    stroke: var(--color-white);
    fill: var(--color-black);
}









































































































































































@media only screen and (min-width: 769px) {
    

    
    

    

    

    

    

    

    
    

    
    

    

    .grid__item-featured-link {
        height: 55px;
        padding: 0;
    }
}





#new-to-altenew-top {
    text-decoration: underline;
}






























































.hc-submenu-wrapper::after {
    content: '';
    position: absolute;
    left: 100px;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--gray-87);
}

.hc-submenu-wrapper ul li a:hover {
    color: var(--brand-custom-gold);
}




























.sister-brand.new-to-altenew {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
































.hc-account-wrapper {
    position: relative;
    display: inline-block;
}

.hc-account-wrapper:hover .hc-submenu-wrapper {
    display: block;
}


















































































.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(2),
.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(2) a {
    background: var(--color-green-48);
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(3),
.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(3) a {
    background: var(--color-red-55);
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(4),
.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(4) a {
    background: var(--color-orange-50-2);
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(5),
.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(5) a {
    background: var(--color-red-62);
}

.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(6),
.grid__item.medium-up--one-fifth.appear-animation.appear-delay-6 div:nth-child(6) a {
    background: var(--color-blue-40);
}














































































































































































div[data-product-blocks] {
    display: flex;
    flex-direction: column;
}





.collapsible-content__inner h3 {
    margin-top: 25px;
}


















































































.site-nav__icons {
    display: flex;
    justify-content: center;
    align-items: self-start;
}

.h-wishlist-icon svg {
    width: 24px !important;
    height: 24px !important;
}

@media only screen and (min-width: 769px) {
    .site-nav__link--icon .icon {
        width: 24px;
        height: 24px;
    }
}





.hc-submenu-wrapper {
    display: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background: var(--color-white);
    border: 1px solid var(--gray-87);
    padding: 10px;
    z-index: 10;
    border-radius: 5px;
    box-shadow: 0 6px 8px 0 var(--gray-15-a37);
}

span.hc-account-wrapper:hover .hc-submenu-wrapper {
    display: block;
}

.hc-submenu-wrapper ul {
    list-style: none;
    margin: 10px;
}

.site-nav .tooltip {
    font-size: 16px;
    font-family: Ubuntu, sans-serif;
    display: none;
    position: absolute;
    top: -50%;
    background: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--gray-87);
    padding: 3px 10px;
    z-index: 10;
}

.tooltip {
    font-size: 16px;
    font-family: Ubuntu, sans-serif;
}

&:hover > .tooltip {
    display: block;
}































@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
    }
}

@keyframes zoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}


.left-text-links {
    position: absolute;
    left: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    /* space between links */
}

































@font-face {
    font-family: Oswald;
    src: url(/cdn/shop/files/Oswald-Regular.ttf?v=1762146403);
}

@font-face {
    font-family: OswaldBold;
    src: url(/cdn/shop/files/Oswald-SemiBold.ttf?v=1762146403);
}

@font-face {
    font-family: PoppinsRegular;
    src: url(/cdn/shop/files/Poppins-Regular.ttf?v=1762148333);
}

@font-face {
    font-family: PoppinsSemiBold;
    src: url(/cdn/shop/files/Poppins-SemiBold.ttf?v=1762148333);
}

@font-face {
    font-family: PoppinsBold;
    src: url(/cdn/shop/files/Poppins-Bold.ttf?v=1762148334);
}

@font-face {
    font-family: LatoBlack;
    src: url(/cdn/shop/files/Lato-Black.ttf?v=1763702837);
}

@font-face {
    font-family: TheYoungest;
    src: url(/cdn/shop/files/The-Youngest-Serif-D.ttf?v=1771519018);
}

@font-face {
    font-family: RadleyItalic;
    src: url(/cdn/shop/files/Radley-Italic.ttf?v=1771519033);
}

@font-face {
    font-family: RadleyRegular;
    src: url(/cdn/shop/files/Radley-Regular.ttf?v=1771519029);
}



































.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}







































@keyframes story-img-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}









a.site-nav__dropdown-link.site-nav__dropdown-link--top-level {
    white-space: nowrap;
}



























 tags. Loaded on every page, but
   the .header-modern class only exists when the "Use modern header" theme
   setting is on.
   ========================================================================== */
.header-modern {
    display: block;
}


.header-modern > .shopify-block {
    display: block;
}

.header-modern .header-group {
    box-sizing: border-box;
}


.header-modern .header-group.page-width {
    margin-left: auto;
    margin-right: auto;
}

.header-modern .header-logo {
    line-height: 0;
}

.header-modern .header-nav .site-nav {
    list-style: none;
}

.header-modern .header-nav .site-nav__item {
    margin: 0;
}


#SiteHeader > .shopify-block:has(.header-nav) {
    position: relative;
}


.header-modern .header-nav .site-nav__dropdown {
    top: 100%;
    left: calc(var(--site-header-gutter, 18px) * -1);
    right: calc(var(--site-header-gutter, 18px) * -1);
}

.header-modern .header-icons .site-nav__link--icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0;
}

.header-modern .header-search .site-header__search-input {
    height: 42px;
    border-radius: var(--global-radius, 4px) 0 0 var(--global-radius, 4px);
    border: 2px solid var(--color-primary-100, #8e7005);
    background: var(--color-white-100, #fff);
    color: var(--color-gray-60, rgba(48, 48, 48, 0.6));
    font-size: var(--global-font-size-desktop-base-sm, 14px);
    font-weight: 400;
    line-height: 160%;
}

.header-modern .header-search .site-header__search-btn--submit {
    height: 42px;
    flex: 0 0 auto;
    /* The legacy gold submit fill is keyed to form#HeaderSearchForm, which this
       block's form doesn't carry, so restate it here. Without this the white
       search icon sits on a transparent button and looks missing. */
    padding: 0 15px;
    background-color: var(--brand-custom-gold);
    border: 1px solid var(--brand-custom-gold);
    border-radius: 0 5px 5px 0;
}








[data-newsletter-state="probing"] [data-newsletter-fallback],
[data-newsletter-state="provider"] [data-newsletter-fallback] {
    display: none;
}


[data-newsletter-state="fallback-locked"] [data-newsletter-embed] {
    display: none;
}
























































































@supports (font-size: attr(data-csm-ada-font-size px)) {
    [data-csm-ada-font-size]:not(#_):not(#_) {
        font-size: calc(var(--csm-ada-font-size-multiplier, 1) * attr(data-csm-ada-font-size px)) !important;
    }

    [data-csm-ada-ls]:not(#_):not(#_) {
        letter-spacing: attr(data-csm-ada-ls rem, inherit) !important;
    }

    [data-csm-ada-ws]:not(#_):not(#_) {
        word-spacing: attr(data-csm-ada-ws rem, inherit) !important;
    }

    [data-csm-ada-lh-ratio]:not(#_):not(#_) {
        line-height: attr(data-csm-ada-lh-ratio em, attr(data-csm-ada-lh-original em, inherit)) !important;
    }
}

[data-csm-ada-ta]:not(#_):not(#_) {
    text-align: var(--csm-ada-ta, inherit) !important;
}