/** Shopify CDN: Minification failed Line 3425:210 Unexpected "\\n\\n" Line 3425:404 Expected ":" Line 3425:430 Expected ":" Line 3425:458 Expected ":" Line 3425:496 Expected ":" Line 3425:530 Expected ":" Line 3425:563 Expected ":" Line 3425:597 Expected ":" Line 3425:622 Expected ":" Line 3425:1027 Expected ":" ... and 28 more hidden warnings **/ /* ========================================================= NEXCARTA COLLECTION — CLEAN PREMIUM Extracted from the successful console test Scoped only to Collection List section ========================================================= */ #shopify-section-template--23777732198640__collection_list_qBRGzD{ position:relative!important; background:linear-gradient(180deg,#fffefa 0%,#faf7f0 100%)!important; padding-top:28px!important; padding-bottom:32px!important; overflow:hidden!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list-title{ position:relative!important; width:100%!important; margin:0 0 30px!important; padding:0 0 12px!important; color:#24211e!important; font-family:Georgia,"Times New Roman",serif!important; font-size:32px!important; line-height:1.2!important; font-weight:700!important; letter-spacing:-.02em!important; text-align:center!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list-title::after{ content:""!important; display:block!important; width:72px!important; height:2px!important; margin:12px auto 0!important; background:linear-gradient(90deg,transparent,#b99850,#d8bd72,#b99850,transparent)!important; border-radius:999px!important; box-shadow:0 1px 5px rgba(185,152,80,.20)!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list{ width:100%!important; gap:22px!important; justify-content:center!important; align-items:stretch!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item{ position:relative!important; text-align:center!important; transition:transform .35s cubic-bezier(.2,.7,.2,1)!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item .card-wrapper, #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item .card{ position:relative!important; height:auto!important; min-height:0!important; padding:8px!important; background:linear-gradient(180deg,#ffffff 0%,#fbf7ee 100%)!important; border:1px solid rgba(210,188,137,.48)!important; border-radius:20px!important; box-shadow:0 7px 22px rgba(55,45,30,.055)!important; transition:border-color .35s ease,box-shadow .35s ease,background .35s ease!important; overflow:hidden!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover{ transform:translateY(-7px)!important; z-index:10!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover .card-wrapper, #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover .card{ border-color:rgba(185,150,70,.88)!important; background:linear-gradient(180deg,#ffffff 0%,#faf5e8 100%)!important; box-shadow:0 20px 38px rgba(59,48,31,.13),0 7px 16px rgba(178,142,55,.09)!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card-wrapper::before, #shopify-section-template--23777732198640__collection_list_qBRGzD .card-wrapper::after, #shopify-section-template--23777732198640__collection_list_qBRGzD .card__media::before, #shopify-section-template--23777732198640__collection_list_qBRGzD .card__media::after{ content:none!important; display:none!important; background:none!important; opacity:0!important; box-shadow:none!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__inner{ position:relative!important; width:112px!important; height:112px!important; min-width:112px!important; min-height:112px!important; aspect-ratio:1 / 1!important; overflow:hidden!important; border-radius:50%!important; background:#f5f1e8!important; box-shadow:0 4px 14px rgba(55,45,30,.06)!important; transition:box-shadow .35s ease!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__media{ position:relative!important; width:112px!important; height:112px!important; min-width:112px!important; min-height:112px!important; aspect-ratio:1 / 1!important; display:block!important; overflow:hidden!important; border-radius:50%!important; background:#f5f1e8!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__media img{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center center!important; transform:none!important; transition:transform .5s cubic-bezier(.2,.7,.2,1)!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover .card__media img{ transform:none!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__content{ padding:14px 7px 9px!important; background:transparent!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__information{ padding:0!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__heading{ margin:0!important; text-align:center!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__heading a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; color:#302c26!important; font-family:Arial,Helvetica,sans-serif!important; font-size:14px!important; line-height:1.3!important; font-weight:700!important; letter-spacing:.01em!important; text-decoration:none!important; transition:color .3s ease,letter-spacing .3s ease!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover .card__heading a{ color:#98752c!important; letter-spacing:.02em!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__heading .icon-wrap{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:15px!important; height:15px!important; color:#a27c2d!important; opacity:.72!important; transition:transform .28s ease,opacity .28s ease!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover .card__heading .icon-wrap{ transform:translateX(3px)!important; opacity:1!important; } @media(max-width:749px){ #shopify-section-template--23777732198640__collection_list_qBRGzD{ padding-top:22px!important; padding-bottom:26px!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list-title{ font-size:25px!important; margin-bottom:22px!important; padding-bottom:10px!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list{ gap:16px!important; justify-content:flex-start!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item .card-wrapper, #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item .card{ padding:6px!important; border-radius:17px!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover{ transform:none!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover .card-wrapper, #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover .card{ border-color:rgba(210,188,137,.48)!important; box-shadow:0 7px 22px rgba(55,45,30,.055)!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item:hover .card__media img{ transform:none!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__content{ padding:4px 2px 6px!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__inner, #shopify-section-template--23777732198640__collection_list_qBRGzD .card__media{ width:90px!important; height:90px!important; min-height:90px!important; border-radius:50%!important; overflow:hidden!important; margin-left:auto!important; margin-right:auto!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .slider-buttons{ width:100%!important; display:flex!important; justify-content:center!important; align-items:center!important; margin-left:auto!important; margin-right:auto!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .slider-counter{ margin-left:auto!important; margin-right:auto!important; text-align:center!important; position:relative!important; top:10px!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item .card-wrapper:focus, #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item .card-wrapper:focus-visible, #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item .card:focus, #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item .card:focus-visible{ outline:none!important; box-shadow:none!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item a:focus, #shopify-section-template--23777732198640__collection_list_qBRGzD .collection-list__item a:focus-visible{ outline:none!important; box-shadow:none!important; } } /* ========================================================= NEXCARTA COLLECTION — MOBILE PERFECT CIRCLE Added exactly from the successful console test ========================================================= */ @media(max-width:749px){ #shopify-section-template--23777732198640__collection_list_qBRGzD .card__inner, #shopify-section-template--23777732198640__collection_list_qBRGzD .card__media{ width:90px!important; height:90px!important; min-width:90px!important; min-height:90px!important; aspect-ratio:1 / 1!important; border-radius:50%!important; overflow:hidden!important; clip-path:circle(50% at 50% 50%)!important; } #shopify-section-template--23777732198640__collection_list_qBRGzD .card__media img{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center center!important; transform:none!important; border-radius:50%!important; clip-path:circle(50% at 50% 50%)!important; } } /* ========================================================= NEXCARTA — NEW ARRIVALS PREMIUM Section: #shopify-section-template--23777732198640__featured_collection_febV9V ========================================================= */ /* ---------- Section ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V{ padding:42px 0 48px!important; background:linear-gradient(180deg,#fbfaf7 0%,#f6f3ed 100%)!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .page-width{ max-width:1320px!important; } /* ---------- Heading ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .title{ position:relative!important; display:block!important; width:max-content!important; margin:0 auto 40px!important; font-family:Georgia,"Times New Roman",serif!important; font-size:38px!important; line-height:1.15!important; font-weight:500!important; letter-spacing:.075em!important; text-transform:none!important; color:#171717!important; text-align:center!important; text-rendering:optimizeLegibility!important; -webkit-font-smoothing:antialiased!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .title::after{ content:""!important; display:block!important; width:72px!important; height:2px!important; margin:15px auto 0!important; background:linear-gradient(90deg,#9f7422,#d7b15a,#9f7422)!important; border-radius:999px!important; box-shadow:0 1px 5px rgba(184,138,45,.16)!important; } /* ---------- Product Grid ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .product-grid{ row-gap:30px!important; column-gap:24px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .grid__item{ min-width:0!important; } /* ---------- Remove NEXCARTA wrapper corner/shadow effect ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper{ height:100%!important; transform:none!important; box-shadow:none!important; } /* ---------- Premium Card ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card{ height:100%!important; overflow:hidden!important; background:#fff!important; border:1px solid rgba(184,138,45,.16)!important; border-radius:20px!important; box-shadow:0 10px 32px rgba(25,20,10,.07)!important; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card:hover{ transform:translateY(-6px)!important; border-color:rgba(184,138,45,.42)!important; box-shadow:0 18px 42px rgba(25,20,10,.12)!important; } /* ---------- Image ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card__inner{ overflow:hidden!important; background:#f4f2ed!important; border-radius:20px 20px 0 0!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__media{ background:linear-gradient(145deg,#f7f5f0,#ece8df)!important; overflow:hidden!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__media img{ transition:transform .45s ease!important; } /* ---------- New Arrivals — Image + Premium Hover + Visibility Fix ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .product-grid{ overflow:visible!important; perspective:1800px!important; perspective-origin:center center!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .grid__item{ overflow:visible!important; } /* ---------- Image Area — Keep Shopify Media Structure ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card__inner{ position:relative!important; overflow:hidden!important; z-index:2!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__media{ position:absolute!important; inset:0!important; display:block!important; overflow:hidden!important; z-index:3!important; background:linear-gradient(145deg,#f7f5f0,#ece8df)!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__media .media{ position:relative!important; width:100%!important; height:100%!important; overflow:hidden!important; } /* ---------- Primary Image ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card__media img.nexcarta-hover-primary{ display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; opacity:1!important; visibility:visible!important; z-index:10!important; object-fit:contain!important; object-position:center center!important; transform:none!important; filter:none!important; mix-blend-mode:normal!important; clip-path:none!important; mask-image:none!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transition:opacity .3s ease!important; } /* ---------- Secondary Image ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card__media img.nexcarta-hover-secondary{ display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; opacity:0!important; visibility:visible!important; z-index:11!important; object-fit:contain!important; object-position:center center!important; transform:none!important; filter:none!important; mix-blend-mode:normal!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; transition:opacity .3s ease!important; } /* ---------- Hover — Second Image ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover .card__media img.nexcarta-hover-primary{ opacity:0!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover .card__media img.nexcarta-hover-secondary{ opacity:1!important; } /* ---------- Product Information Layer Fix ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card__content{ position:relative!important; z-index:4!important; background:transparent!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__information{ position:relative!important; z-index:5!important; background:#fff!important; } /* ---------- Approved Clean Luxury Pop-Out ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper{ position:relative!important; z-index:1!important; transform:none!important; filter:none!important; transition: transform .4s cubic-bezier(.16,1,.3,1), filter .4s ease!important; will-change:transform!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover{ transform: translateY(-13px) scale(1.028)!important; filter: drop-shadow(0 28px 32px rgba(25,20,10,.15)) drop-shadow(0 6px 12px rgba(184,138,45,.07))!important; z-index:100!important; } /* ---------- Premium Card Depth ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card{ position:relative!important; box-shadow: 0 10px 30px rgba(25,20,10,.07)!important; border-color: rgba(184,138,45,.17)!important; transition: box-shadow .4s ease, border-color .4s ease!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover .card{ box-shadow: 0 30px 58px rgba(20,16,8,.17), 0 8px 18px rgba(184,138,45,.08)!important; border-color: rgba(184,138,45,.52)!important; } /* ---------- Luxury Gold Inner Edge ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card::after{ content:""!important; position:absolute!important; inset:0!important; border-radius:inherit!important; pointer-events:none!important; border:1px solid rgba(184,138,45,0)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important; opacity:0!important; transition:opacity .4s ease!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover .card::after{ opacity:1!important; border-color:rgba(184,138,45,.38)!important; } /* ---------- Keep Images Sharp ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card__media img{ transform:none!important; filter:none!important; } /* ---------- Mobile ---------- */ @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper, #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover{ transform:none!important; filter:none!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover .card{ box-shadow: 0 10px 30px rgba(25,20,10,.07)!important; border-color: rgba(184,138,45,.17)!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover .card::after{ opacity:0!important; } } /* ---------- Product Information ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card__content{ background:#fff!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__information{ padding:18px 18px 20px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__heading{ margin:0 0 9px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__heading a{ font-size:15px!important; line-height:1.4!important; font-weight:600!important; letter-spacing:.01em!important; color:#1b1b1b!important; } /* ---------- Price ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .price{ margin-top:4px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .price-item--regular, #shopify-section-template--23777732198640__featured_collection_febV9V .price-item--sale{ font-size:17px!important; font-weight:700!important; letter-spacing:.01em!important; color:#171717!important; } /* NOTE: `.nx-new-arrivals-test-btn` is retained only for preview compatibility. The real Shopify `.collection__view-all a` is styled identically. */ /* ---------- Real Shopify View More Button ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .collection__view-all{ display:block!important; width:100%!important; margin:42px auto 0!important; text-align:center!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .collection__view-all a, #shopify-section-template--23777732198640__featured_collection_febV9V .nx-new-arrivals-test-btn{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; min-width:218px!important; height:52px!important; padding:0 25px!important; box-sizing:border-box!important; background:linear-gradient(180deg,#fffefa 0%,#fdfbf6 100%)!important; color:#6f5018!important; border:1px solid #c9a34f!important; border-radius:999px!important; font-size:12px!important; font-weight:700!important; letter-spacing:.115em!important; text-transform:uppercase!important; line-height:1!important; text-decoration:none!important; box-shadow:0 5px 14px rgba(66,49,18,.07),inset 0 0 0 1px rgba(255,255,255,.75)!important; transform:none!important; transition:none!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .collection__view-all a::before, #shopify-section-template--23777732198640__featured_collection_febV9V .nx-new-arrivals-test-btn::before{ content:""!important; position:absolute!important; inset:4px!important; border:1px solid rgba(201,163,79,.18)!important; border-radius:999px!important; pointer-events:none!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .collection__view-all a:hover, #shopify-section-template--23777732198640__featured_collection_febV9V .collection__view-all a:focus, #shopify-section-template--23777732198640__featured_collection_febV9V .collection__view-all a:active, #shopify-section-template--23777732198640__featured_collection_febV9V .nx-new-arrivals-test-btn:hover, #shopify-section-template--23777732198640__featured_collection_febV9V .nx-new-arrivals-test-btn:focus, #shopify-section-template--23777732198640__featured_collection_febV9V .nx-new-arrivals-test-btn:active{ background:linear-gradient(180deg,#fffefa 0%,#fdfbf6 100%)!important; color:#6f5018!important; border-color:#c9a34f!important; box-shadow:0 5px 14px rgba(66,49,18,.07),inset 0 0 0 1px rgba(255,255,255,.75)!important; transform:none!important; } /* ---------- Mobile ---------- */ @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_febV9V{ padding:28px 0 34px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .title{ font-size:27px!important; margin-bottom:30px!important; letter-spacing:.065em!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .product-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:10px!important; row-gap:14px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card{ border-radius:15px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__inner{ border-radius:15px 15px 0 0!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__information{ padding:12px 11px 14px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__heading{ margin-bottom:6px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__heading a{ font-size:13px!important; line-height:1.3!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .price-item--regular, #shopify-section-template--23777732198640__featured_collection_febV9V .price-item--sale{ font-size:15px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .collection__view-all{ margin-top:28px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .collection__view-all a, #shopify-section-template--23777732198640__featured_collection_febV9V .nx-new-arrivals-test-btn{ min-width:196px!important; height:47px!important; padding:0 20px!important; font-size:10px!important; letter-spacing:.105em!important; } } /* ---------- New Arrivals — Image / Content Layer Fix ---------- */ /* ---------- New Arrivals — Product Left Position ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .product-grid{ overflow:visible!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .grid__item{ position:relative!important; left:-137px!important; } @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_febV9V .grid__item{ left:-137px!important; } } /* ========================================================= NEXCARTA — NEW ARRIVAL MOBILE PRICE LAYOUT FIX ========================================================= */ @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_febV9V .price{ position:relative!important; left:0!important; width:100%!important; max-width:100%!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; column-gap:6px!important; row-gap:4px!important; overflow:visible!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } /* DISCOUNT */ #shopify-section-template--23777732198640__featured_collection_febV9V .nexcarta-price-discount{ position:relative!important; left:0!important; flex:0 0 auto!important; margin:0!important; font-size:13px!important; line-height:1.1!important; white-space:nowrap!important; } /* PRICE SALE WRAPPER */ #shopify-section-template--23777732198640__featured_collection_febV9V .price__sale{ position:relative!important; left:0!important; flex:1 1 auto!important; min-width:0!important; width:auto!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; flex-wrap:wrap!important; column-gap:6px!important; row-gap:2px!important; overflow:visible!important; } /* SALE PRICE */ #shopify-section-template--23777732198640__featured_collection_febV9V .price-item--sale{ position:relative!important; left:0!important; font-size:14px!important; line-height:1.15!important; white-space:nowrap!important; flex:0 0 auto!important; } /* COMPARE PRICE */ #shopify-section-template--23777732198640__featured_collection_febV9V .price-item--regular{ position:relative!important; left:0!important; font-size:10px!important; line-height:1.15!important; white-space:nowrap!important; flex:0 0 auto!important; } } /* ========================================================= NEXCARTA — HIDE NATIVE NEW ARRIVAL HEADING Custom Liquid heading will replace it ========================================================= */ #shopify-section-template--23777732198640__featured_collection_febV9V .collection__title, #shopify-section-template--23777732198640__featured_collection_febV9V .title-wrapper-with-link{ display:none!important; } /* ========================================================= NEXCARTA — NEW ARRIVALS SAME LAYOUT AS TRENDING NOW ========================================================= */ #shopify-section-template--23777732198640__featured_collection_febV9V .product-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; column-gap:24px!important; row-gap:24px!important; width:100%!important; overflow:visible!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .grid__item{ width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; left:0!important; justify-self:stretch!important; } @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_febV9V .product-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:10px!important; row-gap:14px!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .grid__item{ left:0!important; } } /* ---------- New Arrivals — Image / Content Layer Fix ---------- */ #shopify-section-template--23777732198640__featured_collection_febV9V .card__inner{ position:relative!important; z-index:2!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__media{ z-index:3!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__content{ position:relative!important; z-index:4!important; background:transparent!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__information{ position:relative!important; z-index:5!important; background:#fff!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__media img.nexcarta-hover-primary{ z-index:10!important; opacity:1!important; visibility:visible!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card__media img.nexcarta-hover-secondary{ z-index:11!important; opacity:0!important; visibility:visible!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover .card__media img.nexcarta-hover-primary{ opacity:0!important; } #shopify-section-template--23777732198640__featured_collection_febV9V .card-wrapper:hover .card__media img.nexcarta-hover-secondary{ opacity:1!important; } /* ========================================================= NEXCARTA — TRENDING NOW Final permanent premium category navigation ========================================================= */ .nx-trending-now { width: 100% !important; margin: 0 !important; padding: 4px 0 18px !important; background: linear-gradient(180deg, #ffffff 0%, #fffdf9 100%) !important; border-top: 1px solid #f1ece3 !important; border-bottom: 1px solid #eee7dc !important; box-sizing: border-box !important; } .nx-trending-now .nx-trending-now-inner { width: min(1500px, calc(100% - 56px)) !important; margin: 0 auto !important; text-align: center !important; box-sizing: border-box !important; } /* Heading — slightly left of center by final design */ .nx-trending-now .nx-trending-now-title { position: relative !important; display: inline-block !important; width: fit-content !important; margin: 0 0 22px !important; padding: 0 0 11px !important; transform: translateX(-28px) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; color: #24211e !important; text-align: center !important; box-sizing: border-box !important; } /* Premium gold underline */ .nx-trending-now .nx-trending-now-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; transform: translateX(-50%) !important; width: 58px !important; height: 3px !important; border-radius: 999px !important; background: linear-gradient(90deg, #c29a43, #e0c47b, #c29a43) !important; box-shadow: 0 1px 5px rgba(176, 132, 46, 0.16) !important; } /* Horizontal pill navigation */ .nx-trending-now .nx-trending-pills { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 2px 8px 10px !important; margin: 0 auto !important; scrollbar-width: none !important; box-sizing: border-box !important; } .nx-trending-now .nx-trending-pills::-webkit-scrollbar { display: none !important; } /* All / category pills — all equal premium treatment */ .nx-trending-now .nx-trend-pill, .nx-trending-now .nx-trend-pill.is-active { flex: 0 0 auto !important; min-height: 72px !important; min-width: auto !important; padding: 16px 42px !important; border: 1px solid #ddd5c9 !important; border-radius: 38px !important; outline: none !important; background: linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%) !important; color: #272421 !important; font-size: 20px !important; font-weight: 650 !important; line-height: 1.08 !important; letter-spacing: 0.005em !important; white-space: nowrap !important; box-sizing: border-box !important; box-shadow: 0 3px 10px rgba(52, 43, 31, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease !important; } /* Prevent black active state */ .nx-trending-now .nx-trend-pill.is-active { color: #272421 !important; background: linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%) !important; border: 1px solid #ddd5c9 !important; } .nx-trending-now .nx-trend-pill:hover { transform: translateY(-2px) !important; border-color: #c9ac68 !important; box-shadow: 0 7px 18px rgba(66, 51, 28, 0.10) !important; } .nx-trending-now .nx-trend-pill:focus, .nx-trending-now .nx-trend-pill:focus-visible { outline: none !important; } /* Keep Commitments and Flash Deals at zero section gap */ #shopify-section-template--23777732198640__multicolumn_AMegzP { margin-bottom: 0 !important; padding-bottom: 0 !important; } #shopify-section-template--23777732198640__custom_liquid_EMLEat { margin-top: 0 !important; padding-top: 0 !important; } /* Mobile */ @media screen and (max-width: 749px) { .nx-trending-now { padding: 5px 0 13px !important; } .nx-trending-now .nx-trending-now-inner { width: calc(100% - 28px) !important; } .nx-trending-now .nx-trending-now-title { font-size: 27px !important; margin-bottom: 17px !important; padding-bottom: 10px !important; transform: translateX(-8px) !important; } .nx-trending-now .nx-trending-now-title::after { width: 48px !important; height: 2.5px !important; } .nx-trending-now .nx-trending-pills { justify-content: flex-start !important; gap: 9px !important; padding-left: 2px !important; padding-right: 2px !important; } .nx-trending-now .nx-trend-pill, .nx-trending-now .nx-trend-pill.is-active { min-height: 62px !important; min-width: auto !important; padding: 14px 28px !important; font-size: 16px !important; border-radius: 34px !important; } } /* ========================================================= NEXCARTA — TRENDING NOW ========================================================= */ .nx-trending-now { width: 100% !important; margin: 0 !important; padding: 8px 0 18px !important; background: linear-gradient( 180deg, #fff 0%, #fffdf9 100% ) !important; border-top: 1px solid #f1ece3 !important; border-bottom: 1px solid #eee7dc !important; box-sizing: border-box !important; } .nx-trending-now-inner { width: min( 1500px, calc(100% - 56px) ) !important; margin: 0 auto !important; text-align: center !important; box-sizing: border-box !important; } .nx-trending-now-title { position: relative !important; display: inline-block !important; margin: 0 0 22px !important; padding: 0 0 11px !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; color: #24211e !important; text-align: center !important; transform: translateX(-28px) !important; } .nx-trending-now-title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; transform: translateX(-50%) !important; width: 58px !important; height: 3px !important; border-radius: 999px !important; background: linear-gradient( 90deg, #c29a43, #e0c47b, #c29a43 ) !important; } /* ========================================================= TRENDING PILLS ========================================================= */ .nx-trending-pills { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 2px 8px 10px !important; margin: 0 auto !important; scrollbar-width: none !important; box-sizing: border-box !important; } .nx-trending-pills::-webkit-scrollbar { display: none !important; } .nx-trend-pill, .nx-trend-pill.is-active { flex: 0 0 auto !important; min-height: 72px !important; min-width: auto !important; padding: 16px 42px !important; border-radius: 38px !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfaf7 100% ) !important; color: #272421 !important; border: 1px solid #ddd5c9 !important; outline: none !important; font-size: 20px !important; font-weight: 650 !important; line-height: 1.08 !important; white-space: nowrap !important; box-sizing: border-box !important; box-shadow: 0 3px 10px rgba(52,43,31,.055) !important; } .nx-trend-pill:hover { transform: translateY(-2px) !important; border-color: #c9ac68 !important; box-shadow: 0 7px 18px rgba(66,51,28,.10) !important; } /* ========================================================= TRENDING PRODUCTS ========================================================= */ .nx-trending-products { width: min( 1500px, calc(100% - 56px) ) !important; margin: 28px auto 0 !important; } .nx-trending-products-head { display: flex !important; align-items: center !important; justify-content: flex-start !important; margin: 0 0 18px !important; } .nx-trending-products-count { color: #5e584f !important; font-size: 13px !important; font-weight: 600 !important; } .nx-trending-products-grid { display: grid !important; grid-template-columns: repeat( 4, minmax(0,1fr) ) !important; gap: 24px !important; } /* ========================================================= PRODUCT CARD ========================================================= */ .nx-test-product-card { position: relative !important; width: 300px !important; min-width: 0 !important; max-width: 300px !important; overflow: hidden !important; background: #fff !important; border: 1px solid #e7e0d5 !important; border-radius: 18px !important; box-shadow: 0 6px 22px rgba(44,34,22,.055) !important; transform-style: preserve-3d !important; perspective: 1000px !important; will-change: transform !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } .nx-test-product-card:hover { transform: perspective(1000px) translateY(-8px) scale(1.03) rotateX(1.5deg) rotateY(-1.5deg) translateZ(18px) !important; border-color: #ceb878 !important; box-shadow: 0 22px 45px rgba(44,34,22,.16) !important; z-index: 20 !important; } .nx-test-product-link { display: block !important; color: inherit !important; text-decoration: none !important; } .nx-test-product-image { position: relative !important; width: 100% !important; aspect-ratio: 1 / 1 !important; background: #f8f6f1 !important; overflow: hidden !important; } .nx-test-product-image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: contain !important; } .nx-test-product-image .nx-hover-secondary { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .25s ease !important; } .nx-test-product-card:hover .nx-test-product-image { transform: translateZ(12px) !important; } .nx-test-product-image:hover > img:first-child { opacity: 0 !important; } .nx-test-product-image:hover .nx-hover-secondary { opacity: 1 !important; } .nx-test-product-info { padding: 17px 17px 19px !important; background: #fff !important; } .nx-test-product-title { margin: 0 0 9px !important; color: #26231f !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1.35 !important; } .nx-test-product-price { display: flex !important; align-items: center !important; gap: 9px !important; flex-wrap: wrap !important; } .nx-test-price { color: #24211e !important; font-size: 17px !important; font-weight: 750 !important; } .nx-test-compare { color: #999187 !important; font-size: 13px !important; text-decoration: line-through !important; } /* ========================================================= VIEW MORE ========================================================= */ .nx-trending-view-more-wrap { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; margin: 28px 0 6px !important; } .nx-trending-view-more { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 50px !important; padding: 0 25px !important; border: 1px solid #cdb878 !important; border-radius: 999px !important; background: linear-gradient( 180deg, #fffdf8, #faf6ed ) !important; color: #76591d !important; text-decoration: none !important; font-size: 14px !important; font-weight: 700 !important; box-shadow: 0 5px 16px rgba(79,60,24,.07) !important; } .nx-trending-view-more span { color: #b58a2a !important; } /* ========================================================= EMPTY STATE ========================================================= */ .nx-trending-empty { grid-column: 1 / -1 !important; padding: 45px 20px !important; text-align: center !important; background: #fffdf8 !important; border: 1px solid #e7e0d5 !important; border-radius: 16px !important; color: #686158 !important; } .nx-trending-empty strong { display: block !important; margin-bottom: 6px !important; color: #292622 !important; font-size: 17px !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 749px) { .nx-trending-now { padding: 5px 0 13px !important; } .nx-trending-now-inner { width: calc(100% - 28px) !important; } .nx-trending-now-title { font-size: 27px !important; margin-bottom: 17px !important; transform: translateX(-8px) !important; } .nx-trending-now-title::after { width: 48px !important; height: 2.5px !important; } .nx-trending-pills { justify-content: flex-start !important; gap: 8px !important; } .nx-trend-pill, .nx-trend-pill.is-active { min-height: 62px !important; padding: 14px 28px !important; font-size: 16px !important; } .nx-trending-products { width: calc(100% - 28px) !important; margin-top: 20px !important; } .nx-trending-products-grid { grid-template-columns: repeat( 2, minmax(0,1fr) ) !important; gap: 12px !important; } .nx-test-product-info { padding: 12px 12px 14px !important; } .nx-test-product-title { font-size: 13px !important; } .nx-test-price { font-size: 15px !important; } } /* ========================================================= NEXCARTA — TRENDING NOW LUXURY / HIGH-END FINAL OVERRIDE Existing CSS preserved; only Trending Now refinements. ========================================================= */ .nx-trending-now{ position:relative!important; isolation:isolate!important; padding:16px 0 34px!important; background: radial-gradient(circle at 50% -15%,rgba(214,177,88,.11),transparent 36%), linear-gradient(180deg,#fff 0%,#fcfaf5 52%,#f8f4eb 100%)!important; border-top:1px solid rgba(184,138,45,.14)!important; border-bottom:1px solid rgba(184,138,45,.18)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 28px rgba(48,38,20,.035)!important; } .nx-trending-now::before{ content:""!important; position:absolute!important; top:0!important; left:50%!important; transform:translateX(-50%)!important; width:min(860px,72%)!important; height:1px!important; background:linear-gradient(90deg,transparent,rgba(184,138,45,.34),transparent)!important; pointer-events:none!important; } .nx-trending-now .nx-trending-now-inner{ width:min(1500px,calc(100% - 56px))!important; } .nx-trending-now .nx-trending-now-title{ margin:0 auto 23px!important; padding:0 0 13px!important; transform:none!important; font-family:Georgia,"Times New Roman",serif!important; font-size:38px!important; font-weight:500!important; line-height:1.1!important; letter-spacing:.055em!important; color:#1d1a17!important; text-shadow:0 1px 0 rgba(255,255,255,.85)!important; text-rendering:optimizeLegibility!important; } .nx-trending-now .nx-trending-now-title::after{ width:68px!important; height:2px!important; background:linear-gradient(90deg,#9f7422 0%,#d7b15a 50%,#9f7422 100%)!important; box-shadow:0 1px 6px rgba(184,138,45,.22),0 0 18px rgba(215,177,90,.08)!important; } .nx-trending-now .nx-trending-pills{ gap:11px!important; padding:2px 4px 13px!important; } .nx-trending-now .nx-trend-pill, .nx-trending-now .nx-trend-pill.is-active{ position:relative!important; min-height:58px!important; padding:13px 29px!important; border:1px solid rgba(156,125,66,.28)!important; border-radius:999px!important; background:linear-gradient(180deg,#fff 0%,#fbf8f1 100%)!important; color:#302a22!important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:15px!important; font-weight:650!important; line-height:1!important; letter-spacing:.015em!important; box-shadow:0 4px 12px rgba(54,43,24,.045),inset 0 1px 0 rgba(255,255,255,.95)!important; overflow:hidden!important; transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease!important; } .nx-trending-now .nx-trend-pill::before{ content:""!important; position:absolute!important; inset:1px!important; border-radius:inherit!important; border:1px solid rgba(255,255,255,.72)!important; pointer-events:none!important; } .nx-trending-now .nx-trend-pill:hover{ transform:translateY(-3px)!important; border-color:rgba(184,138,45,.55)!important; background:linear-gradient(180deg,#fffefa 0%,#f8f1df 100%)!important; color:#5f4619!important; box-shadow:0 10px 24px rgba(70,53,24,.10),0 2px 7px rgba(184,138,45,.08)!important; } .nx-trending-now .nx-trend-pill.is-active{ border-color:#bc9441!important; background:linear-gradient(180deg,#fffdf8 0%,#f6edd9 100%)!important; color:#654916!important; box-shadow:0 8px 20px rgba(93,69,27,.10),inset 0 1px 0 rgba(255,255,255,.95)!important; } /* Product area supports current standalone and legacy names */ .nx-trending-products, .nx-standalone-products{ width:min(1355px,calc(100% - 56px))!important; margin:32px auto 0!important; box-sizing:border-box!important; } .nx-trending-products-head{ margin:0 0 18px!important; } .nx-trending-products-count, .nx-standalone-products-count{ display:inline-flex!important; align-items:center!important; min-height:30px!important; padding:0 12px!important; border:1px solid rgba(184,138,45,.16)!important; border-radius:999px!important; background:rgba(255,253,248,.8)!important; color:#76644a!important; font-size:11px!important; font-weight:700!important; letter-spacing:.08em!important; text-transform:uppercase!important; } .nx-trending-products-grid, .nx-standalone-products-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; column-gap:24px!important; row-gap:24px!important; width:100%!important; overflow:visible!important; } .nx-test-product-card{ position:relative!important; width:100%!important; min-width:0!important; max-width:none!important; overflow:hidden!important; background:linear-gradient(180deg,#fff 0%,#fdfbf7 100%)!important; border:1px solid rgba(184,138,45,.20)!important; border-radius:20px!important; box-shadow:0 10px 28px rgba(35,28,17,.055),0 2px 7px rgba(35,28,17,.035)!important; transform:none!important; filter:none!important; transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s ease,border-color .38s ease!important; } .nx-test-product-card:hover{ transform:translateY(-11px) scale(1.018)!important; filter:none!important; border-color:rgba(184,138,45,.50)!important; box-shadow:0 26px 52px rgba(33,27,17,.13),0 8px 20px rgba(184,138,45,.075)!important; z-index:20!important; } .nx-product-collection-label{ position:relative!important; z-index:5!important; display:block!important; width:100%!important; min-height:34px!important; padding:9px 14px 8px!important; box-sizing:border-box!important; background:linear-gradient(180deg,#fffefa 0%,#faf5e9 100%)!important; border-bottom:1px solid rgba(184,138,45,.16)!important; color:#8a6926!important; font-family:Georgia,"Times New Roman",serif!important; font-size:11px!important; font-weight:600!important; line-height:1.2!important; letter-spacing:.105em!important; text-transform:uppercase!important; text-align:left!important; } .nx-test-product-image{ position:relative!important; width:100%!important; aspect-ratio:1/1!important; background:radial-gradient(circle at 50% 40%,#fffdf8 0%,#f6f1e7 78%)!important; overflow:hidden!important; } .nx-test-product-image::after{ content:""!important; position:absolute!important; inset:0!important; border:1px solid rgba(255,255,255,.60)!important; pointer-events:none!important; } .nx-test-product-image img{ display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; transform:none!important; filter:none!important; backface-visibility:visible!important; -webkit-backface-visibility:visible!important; } .nx-test-product-image .nx-primary-image{ opacity:1!important; z-index:2!important; } .nx-test-product-image .nx-hover-secondary{ position:absolute!important; inset:0!important; opacity:0!important; z-index:3!important; pointer-events:none!important; transition:opacity .28s ease!important; } .nx-test-product-card:hover .nx-test-product-image .nx-primary-image{ opacity:0!important; } .nx-test-product-card:hover .nx-test-product-image .nx-hover-secondary{ opacity:1!important; } .nx-test-product-info{ padding:17px 17px 20px!important; background:#fff!important; } .nx-test-product-title{ margin:0 0 10px!important; color:#24201c!important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:15px!important; font-weight:650!important; line-height:1.4!important; letter-spacing:.005em!important; } .nx-test-product-price{ display:flex!important; align-items:center!important; gap:9px!important; flex-wrap:wrap!important; } .nx-test-price{ color:#181511!important; font-size:17px!important; font-weight:750!important; letter-spacing:.01em!important; } .nx-test-compare{ color:#a49a89!important; font-size:13px!important; text-decoration:line-through!important; } .nx-product-sold-badge{ position:absolute!important; top:12px!important; left:12px!important; z-index:12!important; padding:7px 10px!important; background:rgba(30,27,23,.92)!important; color:#fff!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:999px!important; font-size:10px!important; font-weight:750!important; line-height:1!important; letter-spacing:.06em!important; text-transform:uppercase!important; } .nx-trending-view-more-wrap, .nx-standalone-view-more-wrap{ display:flex!important; justify-content:center!important; align-items:center!important; width:100%!important; margin:30px 0 8px!important; } .nx-trending-view-more, .nx-standalone-view-more{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-width:214px!important; min-height:50px!important; padding:0 24px!important; border:1px solid #c6a152!important; border-radius:999px!important; background:linear-gradient(180deg,#fffefa 0%,#f8f0de 100%)!important; color:#6f521d!important; font-size:12px!important; font-weight:750!important; letter-spacing:.10em!important; text-transform:uppercase!important; text-decoration:none!important; box-shadow:0 7px 18px rgba(66,49,18,.07),inset 0 1px 0 rgba(255,255,255,.95)!important; transition:box-shadow .28s ease,border-color .28s ease,background .28s ease!important; } .nx-trending-view-more::before, .nx-standalone-view-more::before{ content:""!important; position:absolute!important; inset:4px!important; border:1px solid rgba(201,163,79,.18)!important; border-radius:inherit!important; pointer-events:none!important; } .nx-trending-view-more:hover, .nx-standalone-view-more:hover{ border-color:#b89038!important; background:linear-gradient(180deg,#fffefa 0%,#f6ebd2 100%)!important; box-shadow:0 10px 24px rgba(66,49,18,.10),inset 0 1px 0 rgba(255,255,255,.95)!important; } /* ---------- Luxury empty state ---------- */ .nx-trending-empty, .nx-standalone-empty{ grid-column:1/-1!important; padding:48px 24px!important; text-align:center!important; background:linear-gradient(180deg,#fffefa 0%,#faf6ed 100%)!important; border:1px solid rgba(184,138,45,.18)!important; border-radius:20px!important; color:#746958!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important; } .nx-trending-empty strong, .nx-standalone-empty strong{ display:block!important; margin-bottom:7px!important; color:#2a251f!important; font-family:Georgia,"Times New Roman",serif!important; font-size:18px!important; font-weight:500!important; } /* ---------- Mobile ---------- */ @media(max-width:749px){ .nx-trending-now{ padding:10px 0 22px!important; } .nx-trending-now .nx-trending-now-inner{ width:calc(100% - 28px)!important; } .nx-trending-now .nx-trending-now-title{ font-size:28px!important; margin-bottom:20px!important; letter-spacing:.045em!important; transform:none!important; } .nx-trending-now .nx-trending-now-title::after{ width:50px!important; height:2px!important; } .nx-trending-now .nx-trending-pills{ justify-content:flex-start!important; gap:8px!important; padding:2px 2px 10px!important; } .nx-trending-now .nx-trend-pill, .nx-trending-now .nx-trend-pill.is-active{ min-height:50px!important; padding:12px 21px!important; font-size:14px!important; } .nx-trending-products, .nx-standalone-products{ width:calc(100% - 28px)!important; margin-top:22px!important; } .nx-trending-products-grid, .nx-standalone-products-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:10px!important; row-gap:14px!important; } .nx-test-product-card:hover{ transform:none!important; box-shadow:0 10px 26px rgba(33,27,17,.07)!important; } .nx-product-collection-label{ min-height:31px!important; padding:8px 10px 7px!important; font-size:9px!important; letter-spacing:.07em!important; } .nx-test-product-info{ padding:12px 11px 14px!important; } .nx-test-product-title{ font-size:13px!important; line-height:1.35!important; } .nx-test-price{ font-size:15px!important; } .nx-standalone-view-more, .nx-trending-view-more{ min-width:196px!important; min-height:47px!important; padding:0 20px!important; font-size:10px!important; letter-spacing:.09em!important; } } /* ========================================================= NEXCARTA — TWO SMALL FINAL ADJUSTMENTS ONLY 1) Collection text perfectly centered / no underline 2) Product row moved upward ========================================================= */ /* ---------- Collection pill text ---------- */ .nx-trending-now .nx-trend-pill, .nx-trending-now .nx-trend-pill.is-active{ display:inline-flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; text-decoration:none!important; -webkit-text-decoration:none!important; vertical-align:middle!important; } /* ---------- Move 4-product area upward ---------- */ .nx-trending-products, .nx-standalone-products{ margin-top:12px!important; } .nx-trending-products-head{ margin-bottom:10px!important; } /* ========================================================= NEXCARTA — TRENDING PILL BORDER HOVER FIX Only fixes the disappearing top border on hover. ========================================================= */ .nx-trending-now .nx-trend-pill, .nx-trending-now .nx-trend-pill.is-active{ position:relative!important; overflow:visible!important; box-sizing:border-box!important; border:1px solid rgba(156,125,66,.40)!important; } .nx-trending-now .nx-trend-pill::before{ display:none!important; content:none!important; } .nx-trending-now .nx-trend-pill:hover{ transform:translateY(-2px)!important; border:1px solid #c9ac68!important; box-shadow: 0 10px 24px rgba(70,53,24,.10), 0 0 0 1px rgba(201,172,104,.08)!important; background: linear-gradient( 180deg, #fffefa 0%, #f8f1df 100% )!important; } .nx-trending-now .nx-trend-pill.is-active{ border:1px solid #bc9441!important; } .nx-trending-now .nx-trend-pill.is-active:hover{ border:1px solid #b88d34!important; } /* ========================================================= NEXCARTA — 4 PRODUCTS CAPSULE POSITION FIX Only requested adjustment. All previous CSS preserved. ========================================================= */ .nx-trending-products-count, .nx-standalone-products-count{ position:relative!important; top:-14px!important; margin-bottom:-14px!important; z-index:30!important; } /* ========================================================= NEXCARTA — FEATURED COLLECTION SAME PREMIUM SYSTEM AS BEST SELLERS ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi{ position:relative !important; padding:42px 0 48px !important; } /* ========================================================= GRID — SAME PREMIUM NEW ARRIVAL SYSTEM ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .product-grid{ display:grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap:30px 24px !important; overflow:visible !important; perspective:1800px !important; perspective-origin:center center !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .grid__item{ min-width:0 !important; overflow:visible !important; } /* ========================================================= CARD WRAPPER SAME AS NEW ARRIVAL ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper{ position:relative !important; z-index:1 !important; transform:none !important; filter:none !important; transition: transform .4s cubic-bezier(.16,1,.3,1), filter .4s ease !important; will-change:transform !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper:hover{ transform: translateY(-13px) scale(1.028) !important; filter: drop-shadow( 0 28px 32px rgba(25,20,10,.15) ) drop-shadow( 0 6px 12px rgba(184,138,45,.07) ) !important; z-index:100 !important; } /* ========================================================= CARD ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card{ position:relative !important; height:100% !important; overflow:hidden !important; background:#fff !important; border: 1px solid rgba(184,138,45,.17) !important; border-radius:20px !important; box-shadow: 0 10px 30px rgba(25,20,10,.07) !important; transition: box-shadow .4s ease, border-color .4s ease !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper:hover .card{ border-color: rgba(184,138,45,.52) !important; box-shadow: 0 18px 42px rgba(25,20,10,.12) !important; } /* ========================================================= IMAGE CONTAINER SAME NEW ARRIVAL IMAGE LAYER ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__inner{ position:relative !important; overflow:hidden !important; z-index:2 !important; background:#f4f2ed !important; border-radius: 20px 20px 0 0 !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media{ position:absolute !important; inset:0 !important; display:block !important; overflow:hidden !important; z-index:3 !important; background: linear-gradient( 145deg, #f7f5f0, #ece8df ) !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media .media{ position:relative !important; width:100% !important; height:100% !important; overflow:hidden !important; background:transparent !important; } /* ========================================================= PRIMARY IMAGE SAME NEW ARRIVAL ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media img.nexcarta-hover-primary{ display:block !important; position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; opacity:1 !important; visibility:visible !important; z-index:10 !important; object-fit:contain !important; object-position:center center !important; transform:none !important; filter:none !important; mix-blend-mode:normal !important; clip-path:none !important; mask-image:none !important; backface-visibility:visible !important; -webkit-backface-visibility:visible !important; transition: opacity .3s ease !important; } /* ========================================================= SECONDARY IMAGE SAME NEW ARRIVAL ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media img.nexcarta-hover-secondary{ display:block !important; position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; opacity:0 !important; visibility:visible !important; z-index:11 !important; object-fit:contain !important; object-position:center center !important; transform:none !important; filter:none !important; mix-blend-mode:normal !important; backface-visibility:visible !important; -webkit-backface-visibility:visible !important; transition: opacity .3s ease !important; } /* ========================================================= SECOND IMAGE HOVER ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper:hover .card__media img.nexcarta-hover-primary{ opacity:0 !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper:hover .card__media img.nexcarta-hover-secondary{ opacity:1 !important; } /* ========================================================= PRODUCT CONTENT LAYER SAME NEW ARRIVAL ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__content{ position:relative !important; z-index:4 !important; background:transparent !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__information{ position:relative !important; z-index:5 !important; background:#fff !important; padding:18px 18px 20px !important; } /* ========================================================= PRODUCT TITLE ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__heading{ margin: 0 0 9px !important; font-family: Assistant, sans-serif !important; font-size:32px !important; line-height:1.08 !important; font-weight:600 !important; color:#1b1b1b !important; } /* ========================================================= PRICE ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .price{ margin-top:4px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--sale{ font-family: Assistant, sans-serif !important; font-size:17px !important; font-weight:700 !important; color:#171717 !important; } /* ========================================================= EXISTING PREMIUM DISCOUNT EXACT NEW ARRIVAL SYSTEM ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-price-discount{ display:inline-block !important; color: rgb(22,163,74) !important; font-size:19px !important; font-weight:700 !important; margin-right:10px !important; } /* ========================================================= COMPARE PRICE ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--regular{ font-family: Assistant, sans-serif !important; font-size:17px !important; font-weight:700 !important; } /* ========================================================= EXISTING PREMIUM SOLD OUT SAME SYSTEM ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-badges{ position:absolute !important; top:8px !important; left:8px !important; z-index:21 !important; pointer-events:auto !important; background:transparent !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-badge.badge-sold-out{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:4px 10px !important; border-radius:6px !important; font-family: Assistant, sans-serif !important; font-size:14px !important; font-weight:700 !important; color:#fff !important; background: rgb(220,38,38) !important; box-shadow: 0 2px 8px rgba(0,0,0,.12) !important; } /* ========================================================= REMOVE DEFAULT SHOPIFY SOLD OUT ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__badge .badge.badge--bottom-left{ display:none !important; } /* ========================================================= REMOVE EXTRA TEST ELEMENTS ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-featured-rank, #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-featured-bestseller-tag, #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-featured-bottom-line{ display:none !important; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_UAKFYi{ padding: 32px 0 40px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .product-grid{ grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 14px 10px !important; overflow:visible !important; perspective:none !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .grid__item{ overflow:visible !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper:hover{ transform: translateY(-6px) scale(1.01) !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card{ border-radius:17px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__inner{ border-radius: 17px 17px 0 0 !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__information{ padding: 12px 12px 14px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__heading{ font-size:14px !important; line-height:1.25 !important; margin-bottom:9px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--sale{ font-size:15px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-price-discount{ font-size:15px !important; margin-right:6px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--regular{ font-size:11px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-badges{ top:9px !important; left:9px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-badge.badge-sold-out{ padding: 6px 9px !important; font-size:9px !important; } } /* ========================================================= NEXCARTA — BEST SELLERS FINAL MEASURED-SIZE OVERRIDE Matched to audited New Arrival dimensions ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .page-width{ width:100% !important; max-width:1320px !important; padding-left:50px !important; padding-right:50px !important; box-sizing:border-box !important; margin-left:auto !important; margin-right:auto !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .product-grid{ width:1220px !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; grid-template-columns: repeat(4,287px) !important; column-gap:24px !important; row-gap:24px !important; overflow:visible !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .grid__item{ width:287px !important; min-width:287px !important; max-width:287px !important; padding:0 !important; overflow:visible !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper{ width:287px !important; max-width:287px !important; height:384px !important; min-height:384px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card{ width:287px !important; max-width:287px !important; height:384px !important; min-height:384px !important; box-sizing:border-box !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__inner{ width:285px !important; height:285px !important; min-height:285px !important; aspect-ratio:1 / 1 !important; box-sizing:border-box !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media, #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media .media{ width:285px !important; height:285px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media img.nexcarta-hover-primary, #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media img.nexcarta-hover-secondary{ width:100% !important; height:100% !important; max-width:none !important; object-fit:contain !important; object-position:center center !important; transform:none !important; filter:none !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__content{ width:100% !important; box-sizing:border-box !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__information{ width:285px !important; max-width:285px !important; box-sizing:border-box !important; padding:18px 18px 20px !important; overflow:visible !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .price{ width:100% !important; max-width:249px !important; display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:7px !important; overflow:visible !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--sale, #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--regular, #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-price-discount{ white-space:nowrap !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-badges{ top:8px !important; left:8px !important; right:auto !important; bottom:auto !important; z-index:30 !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__badge .badge.badge--bottom-left{ display:none !important; } @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_UAKFYi .page-width{ max-width:none !important; padding-left:16px !important; padding-right:16px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .product-grid{ width:100% !important; max-width:100% !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-gap:10px !important; row-gap:14px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .grid__item{ width:auto !important; min-width:0 !important; max-width:none !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper, #shopify-section-template--23777732198640__featured_collection_UAKFYi .card{ width:100% !important; max-width:none !important; height:auto !important; min-height:0 !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__inner, #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media, #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__media .media{ width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:1 / 1 !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card__information{ width:100% !important; max-width:none !important; padding:12px 12px 14px !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .price{ width:100% !important; max-width:100% !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-badges{ top:9px !important; left:9px !important; } } /* ========================================================= NEXCARTA — BEST SELLERS PRICE LEFT SHIFT FINAL 10px ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .price{ position:relative !important; left:-10px !important; width:calc(100% + 10px) !important; max-width:none !important; padding-left:0 !important; overflow:visible !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .price__sale{ margin-left:0 !important; padding-left:0 !important; overflow:visible !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--sale{ position:relative !important; left:-3px !important; white-space:nowrap !important; overflow:visible !important; } /* ========================================================= NEXCARTA — BEST SELLERS CLEAN CARD REMOVE OUTSIDE CORNER / SHADOW ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper, #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper:hover, #shopify-section-template--23777732198640__featured_collection_UAKFYi .card{ box-shadow:none !important; filter:none !important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .card-wrapper:hover .card{ box-shadow:none !important; }\n\n/* =========================================================\n NEXCARTA — BEST SELLERS PREMIUM HEADER\n CENTER + GOLD LINE + VIEW MORE\n ========================================================= */\n\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.collection__title,\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.title-wrapper-with-link{\n width:100% !important;\n display:flex !important;\n justify-content:center !important;\n align-items:center !important;\n text-align:center !important;\n margin:0 auto 14px !important;\n padding:0 !important;\n}\n\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.collection__title .title,\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.title-wrapper-with-link .title,\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.title-wrapper-with-link h2,\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.collection__title h2{\n display:flex !important;\n flex-direction:column !important;\n align-items:center !important;\n justify-content:center !important;\n width:max-content !important;\n max-width:100% !important;\n margin:0 auto !important;\n padding:0 !important;\n text-align:center !important;\n font-weight:800 !important;\n font-size:32px !important;\n line-height:1.1 !important;\n letter-spacing:.2px !important;\n color:#171717 !important;\n}\n\n/* GOLD LINE DIRECTLY UNDER BEST SELLERS */\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.collection__title .title::after,\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.title-wrapper-with-link .title::after,\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.title-wrapper-with-link h2::after{\n content:\"\" !important;\n display:block !important;\n width:64px !important;\n height:2px !important;\n margin:7px auto 0 !important;\n border-radius:999px !important;\n background:linear-gradient(\n 90deg,\n #a97818 0%,\n #e4c15d 50%,\n #a97818 100%\n ) !important;\n box-shadow:0 1px 5px rgba(184,138,45,.18) !important;\n}\n\n/* PRODUCTS A LITTLE CLOSER TO HEADER */\n#shopify-section-template--23777732198640__featured_collection_UAKFYi\n.collection{\n padding-top:0 !important;\n}\n\n/* ========================================================= VIEW MORE PRODUCTS — PREMIUM COPIED FROM NEW ARRIVALS PREMIUM SYSTEM ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all{ display:block!important; width:100%!important; margin:42px auto 0!important; text-align:center!important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; min-width:218px!important; height:52px!important; padding:0 25px!important; box-sizing:border-box!important; background:linear-gradient(180deg,#fffefa 0%,#fdfbf6 100%)!important; color:#6f5018!important; border:1px solid #c9a34f!important; border-radius:999px!important; font-size:12px!important; font-weight:700!important; letter-spacing:.115em!important; text-transform:uppercase!important; line-height:1!important; text-decoration:none!important; box-shadow:0 5px 14px rgba(66,49,18,.07),inset 0 0 0 1px rgba(255,255,255,.75)!important; transform:none!important; transition:none!important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a::before{ content:""!important; position:absolute!important; inset:4px!important; border:1px solid rgba(201,163,79,.18)!important; border-radius:999px!important; pointer-events:none!important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a:hover, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a:focus, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a:active{ background:linear-gradient(180deg,#fffefa 0%,#fdfbf6 100%)!important; color:#6f5018!important; border-color:#c9a34f!important; box-shadow:0 5px 14px rgba(66,49,18,.07),inset 0 0 0 1px rgba(255,255,255,.75)!important; transform:none!important; } /* ---------- Mobile ---------- */ @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all{ margin-top:28px!important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a{ min-width:196px!important; height:47px!important; padding:0 20px!important; font-size:10px!important; letter-spacing:.105em!important; } } /* ========================================================= NEXCARTA — BEST SELLERS FINAL VIEW MORE PRODUCTS NEW ARRIVALS PREMIUM STYLE + CENTER + 42px GAP ========================================================= */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-bs-view-more, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all{ width:100%!important; display:flex!important; justify-content:center!important; align-items:center!important; margin:42px auto 0!important; padding:0!important; text-align:center!important; } /* ---------- REAL SHOPIFY VIEW MORE BUTTON ---------- */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-bs-view-more a, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; min-width:218px!important; height:52px!important; padding:0 25px!important; box-sizing:border-box!important; background: linear-gradient( 180deg, #fffefa 0%, #fdfbf6 100% )!important; color:#6f5018!important; border:1px solid #c9a34f!important; border-radius:999px!important; font-size:12px!important; font-weight:700!important; letter-spacing:.115em!important; text-transform:uppercase!important; line-height:1!important; text-decoration:none!important; box-shadow: 0 5px 14px rgba(66,49,18,.07), inset 0 0 0 1px rgba(255,255,255,.75)!important; transform:none!important; transition:none!important; } /* ---------- INNER GOLD OUTLINE ---------- */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-bs-view-more a::before, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a::before{ content:""!important; position:absolute!important; inset:4px!important; border:1px solid rgba(201,163,79,.18)!important; border-radius:999px!important; pointer-events:none!important; } /* ---------- HOVER / FOCUS ---------- */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-bs-view-more a:hover, #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-bs-view-more a:focus, #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-bs-view-more a:active, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a:hover, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a:focus, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a:active{ background: linear-gradient( 180deg, #fffefa 0%, #fdfbf6 100% )!important; color:#6f5018!important; border-color:#c9a34f!important; box-shadow: 0 5px 14px rgba(66,49,18,.07), inset 0 0 0 1px rgba(255,255,255,.75)!important; transform:none!important; } /* ---------- MOBILE ---------- */ @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-bs-view-more, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all{ margin-top:28px!important; } #shopify-section-template--23777732198640__featured_collection_UAKFYi .nx-bs-view-more a, #shopify-section-template--23777732198640__featured_collection_UAKFYi .collection__view-all a{ min-width:196px!important; height:47px!important; padding:0 20px!important; font-size:10px!important; letter-spacing:.105em!important; } } /* ========================================================= NEXCARTA — BEST SELLERS MOBILE PRICE LAYOUT FIX ========================================================= */ @media(max-width:749px){ #shopify-section-template--23777732198640__featured_collection_UAKFYi .price{ position:relative!important; left:0!important; width:100%!important; max-width:100%!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; column-gap:6px!important; row-gap:4px!important; overflow:visible!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } /* DISCOUNT */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .nexcarta-price-discount{ position:relative!important; left:0!important; flex:0 0 auto!important; margin:0!important; font-size:13px!important; line-height:1.1!important; white-space:nowrap!important; } /* PRICE SALE WRAPPER */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .price__sale{ position:relative!important; left:0!important; flex:1 1 auto!important; min-width:0!important; width:auto!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; flex-wrap:wrap!important; column-gap:6px!important; row-gap:2px!important; overflow:visible!important; } /* SALE PRICE */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--sale{ position:relative!important; left:0!important; font-size:14px!important; line-height:1.15!important; white-space:nowrap!important; flex:0 0 auto!important; } /* COMPARE PRICE */ #shopify-section-template--23777732198640__featured_collection_UAKFYi .price-item--regular{ position:relative!important; left:0!important; font-size:10px!important; line-height:1.15!important; white-space:nowrap!important; flex:0 0 auto!important; } } /* ========================================================= NEXCARTA — KITCHEN PRODUCT CARD SAFE PREMIUM HOVER — PERMANENT CSS Section: #shopify-section-template--23777731936496__product-grid ========================================================= */ #shopify-section-template--23777731936496__product-grid .card-wrapper{ position:relative!important; overflow:visible!important; z-index:1!important; transform:none!important; filter:none!important; box-shadow:none!important; } #shopify-section-template--23777731936496__product-grid .card{ position:relative!important; overflow:hidden!important; z-index:1!important; border-radius:18px!important; transform:none!important; transition: box-shadow .28s ease, border-color .28s ease!important; } /* SAFE HOVER — shadow + slight lift */ #shopify-section-template--23777731936496__product-grid .card-wrapper:hover{ z-index:2!important; transform:none!important; filter:none!important; } #shopify-section-template--23777731936496__product-grid .card-wrapper:hover .card{ transform:translateY(-2px)!important; border-color:rgba(184,138,45,.38)!important; box-shadow: 0 14px 30px rgba(25,20,10,.12)!important; } /* Image hover remains active */ #shopify-section-template--23777731936496__product-grid .card-wrapper:hover .card__media img{ transform:scale(1.04)!important; } /* Keep Filter / Sort above product cards */ #shopify-section-template--23777731936496__product-grid .facets, #shopify-section-template--23777731936496__product-grid .facets-container{ position:relative!important; z-index:20!important; } @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&display=swap'); /* ========================================================= NEXCARTA — PREMIUM LUXURY HEADER ========================================================= */ /* ========================================================= HEADER BASE ========================================================= */ .header-wrapper { background: rgba(255, 255, 255, 0.96) !important; border-bottom: 1px solid rgba(184, 145, 76, 0.28) !important; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.045) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .header { min-height: 82px !important; align-items: center !important; } /* ========================================================= NEXCARTA WORDMARK ========================================================= */ .header__heading { min-width: max-content !important; } .header__heading-link { text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; width: max-content !important; max-width: none !important; min-width: max-content !important; white-space: nowrap !important; padding: 0 0 8px !important; flex-shrink: 0 !important; } .header__heading-link .h2, .header__heading .h2 { display: block !important; width: max-content !important; max-width: none !important; min-width: max-content !important; white-space: nowrap !important; font-family: "Cormorant Garamond", "Times New Roman", serif !important; font-size: 31px !important; font-weight: 500 !important; line-height: 0.92 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; background: linear-gradient( 105deg, #111111 0%, #242424 46%, #9c7637 67%, #c2a15f 78%, #171717 100% ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; transition: letter-spacing 0.35s ease, filter 0.35s ease !important; } /* ========================================================= SUBTLE LUXURY SIGNATURE LINE ========================================================= */ .header__heading-link::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 28px; height: 1px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, #b18a48, transparent ); opacity: 0.82; transition: width 0.35s ease, opacity 0.35s ease; } .header__heading-link:hover::after { width: 44px; opacity: 1; } /* ========================================================= NAVIGATION ========================================================= */ .header__inline-menu { margin-left: 34px !important; } .header__inline-menu a { font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 1.25px !important; text-transform: uppercase !important; text-decoration: none !important; color: #3c3c3c !important; position: relative !important; transition: color 0.3s ease !important; } /* NAV GOLD HOVER */ .header__inline-menu a:hover { color: #a78345 !important; } /* NAV UNDERLINE */ .header__inline-menu a::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 0; height: 1px; transform: translateX(-50%); background: #b38b48; transition: width 0.3s ease; } .header__inline-menu a:hover::after { width: 22px; } /* ACTIVE LINK */ .header__inline-menu .list-menu--inline .list-menu__item--active { color: #171717 !important; } /* ========================================================= HEADER ICONS ========================================================= */ .header__icons { gap: 8px !important; } .header__icon { width: 43px !important; height: 43px !important; border: 1px solid rgba(181, 145, 78, 0.24) !important; border-radius: 12px !important; background: rgba(255, 255, 255, 0.72) !important; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important; } .header__icon:hover { transform: translateY(-2px); border-color: rgba(181, 145, 78, 0.58) !important; background: #ffffff !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.07) !important; } .header__icon svg { width: 20px !important; height: 20px !important; stroke-width: 1.35 !important; } /* ========================================================= CART BADGE ========================================================= */ .cart-count-bubble { background: #b18a48 !important; color: #ffffff !important; border: 2px solid #ffffff !important; font-size: 9px !important; font-weight: 700 !important; } /* ========================================================= HEADER GOLD BASE LINE ========================================================= */ .header-wrapper::after { content: ""; display: block; width: 100%; height: 1px; background: linear-gradient( 90deg, transparent 0%, rgba(181, 145, 78, 0.55) 18%, rgba(181, 145, 78, 0.85) 50%, rgba(181, 145, 78, 0.55) 82%, transparent 100% ); opacity: 0.75; } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 749px) { .header { min-height: 68px !important; } /* MOBILE LOGO CONTAINER */ .header__heading { width: max-content !important; min-width: max-content !important; max-width: none !important; justify-self: center !important; } .header__heading-link { display: inline-flex !important; width: max-content !important; min-width: max-content !important; max-width: none !important; flex-shrink: 0 !important; white-space: nowrap !important; padding: 0 0 6px !important; } /* MOBILE LOGO TEXT */ .header__heading-link .h2, .header__heading .h2 { display: block !important; width: max-content !important; min-width: max-content !important; max-width: none !important; white-space: nowrap !important; font-size: 23px !important; font-weight: 500 !important; letter-spacing: 1px !important; line-height: 1 !important; transform: none !important; } /* MOBILE GOLD LINE */ .header__heading-link::after { width: 22px !important; bottom: 0 !important; } /* MOBILE ICONS */ .header__icons { gap: 5px !important; } .header__icon { width: 38px !important; height: 38px !important; border-radius: 10px !important; } .header__icon svg { width: 18px !important; height: 18px !important; } } /* ========================================================= NEXCARTA — MOBILE SEARCH PREMIUM SEARCH + CLOSE + CLEAR BUTTON ========================================================= */ @media screen and (max-width: 749px) { /* SEARCH FORM */ .search-modal__form { width: calc(100% - 48px) !important; max-width: none !important; margin-left: 16px !important; margin-right: 32px !important; box-sizing: border-box !important; } /* SEARCH INPUT */ #Search-In-Modal { width: 100% !important; box-sizing: border-box !important; padding-right: 58px !important; } /* SEARCH ICON BUTTON */ .search-modal__form .search__button { left: auto !important; right: 0 !important; z-index: 7 !important; } /* CLEAR SEARCH BUTTON — SMALL × */ .search-modal__form .reset__button { position: absolute !important; transform: translate(-11px, 3px) !important; z-index: 6 !important; } /* MAIN CLOSE BUTTON — LARGE × */ .search-modal__close-button { position: absolute !important; top: 10px !important; right: 10px !important; left: auto !important; width: 46px !important; height: 46px !important; z-index: 1000 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(181, 145, 78, 0.30) !important; border-radius: 12px !important; background: rgba(255, 255, 255, 0.97) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important; } /* MAIN CLOSE BUTTON HOVER */ .search-modal__close-button:hover { transform: translateY(-1px) !important; border-color: rgba(181, 145, 78, 0.60) !important; box-shadow: 0 7px 18px rgba(0, 0, 0, 0.08) !important; } /* MAIN CLOSE ICON */ .search-modal__close-button svg { width: 21px !important; height: 21px !important; stroke-width: 1.35 !important; } } /* ========================================================= NEXCARTA — WHY SHOP WITH US PREMIUM OUTER SECTION CARDS UNTOUCHED ========================================================= */ #shopify-section-template--23777732198640__multicolumn_6cDQib { position: relative !important; overflow: hidden !important; background: radial-gradient( circle at 50% 8%, rgba(205,170,98,.14) 0%, rgba(205,170,98,.055) 18%, transparent 42% ), radial-gradient( circle at 8% 72%, rgba(184,145,76,.055) 0%, transparent 32% ), radial-gradient( circle at 92% 72%, rgba(184,145,76,.055) 0%, transparent 32% ), linear-gradient( 180deg, #fbfaf7 0%, #f7f3eb 48%, #fbfaf7 100% ) !important; padding-top: 46px !important; padding-bottom: 48px !important; border-top: 1px solid rgba(184,145,76,.16) !important; border-bottom: 1px solid rgba(184,145,76,.16) !important; box-shadow: inset 0 18px 40px rgba(160,125,62,.025), inset 0 -18px 40px rgba(160,125,62,.025) !important; } /* ========================================================= PREMIUM TOP GOLD ACCENT ========================================================= */ #shopify-section-template--23777732198640__multicolumn_6cDQib::before { content: ""; position: absolute; top: 0; left: 50%; width: 180px; height: 1px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, rgba(181,145,78,.75), transparent ); opacity: .8; pointer-events: none; } /* ========================================================= WHY SHOP WITH US HEADING ========================================================= */ #shopify-section-template--23777732198640__multicolumn_6cDQib .multicolumn-title { position: relative !important; margin-top: 0 !important; margin-bottom: 28px !important; font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important; font-size: clamp(32px, 4vw, 48px) !important; font-weight: 600 !important; letter-spacing: .2px !important; line-height: 1.05 !important; color: #171717 !important; text-align: center !important; } /* ========================================================= HEADING GOLD ACCENT ========================================================= */ #shopify-section-template--23777732198640__multicolumn_6cDQib .multicolumn-title::after { content: ""; display: block; width: 42px; height: 1px; margin: 14px auto 0; background: linear-gradient( 90deg, transparent, #b9954d, transparent ); opacity: .9; } /* ========================================================= KEEP EXISTING CARDS UNTOUCHED ========================================================= */ /* IMPORTANT: .multicolumn-card .multicolumn-list__item .multicolumn-list ko yahan style nahi kiya gaya hai. */ /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 749px) { #shopify-section-template--23777732198640__multicolumn_6cDQib { padding-top: 34px !important; padding-bottom: 34px !important; } #shopify-section-template--23777732198640__multicolumn_6cDQib .multicolumn-title { font-size: 31px !important; margin-bottom: 24px !important; } #shopify-section-template--23777732198640__multicolumn_6cDQib .multicolumn-title::after { width: 36px; margin-top: 12px; } } /* ========================================================= NEXCARTA — FULL WIDTH LUXURY DIVIDER BETWEEN VIEW MORE PRODUCTS & SHOP BY VIDEO ========================================================= */ .nx-shop-video-heading::before { content: ""; display: block; width: 100vw; height: 45px; margin-left: 50%; transform: translateX(-50%); background: transparent; border-top: 1px solid rgba(225, 210, 178, 0.55); box-sizing: border-box; } /* Desktop spacing */ @media screen and (min-width: 750px) { .nx-shop-video-heading::before { margin-bottom: 8px; } } /* Mobile */ @media screen and (max-width: 749px) { .nx-shop-video-heading::before { height: 45px; margin-bottom: 5px; border-top: 1px solid rgba(225, 210, 178, 0.48); } } /* ========================================================= NEXCARTA — FOOTER ADD-ONLY PREMIUM SYSTEM Existing footer content remains untouched ========================================================= */ /* ========================================================= 01 — NEXCARTA BRAND BLOCK ========================================================= */ #nx-footer-brand-test { width: 100%; padding: 42px 20px 26px; box-sizing: border-box; text-align: center; background: linear-gradient( 180deg, rgba(255,255,255,.97), rgba(248,246,241,.84) ); position: relative; border-bottom: 1px solid rgba(198,168,107,.18); } #nx-footer-brand-test .nx-footer-brand-name { font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; font-size: 36px; font-weight: 600; letter-spacing: 3px; line-height: 1; color: #171717; text-transform: uppercase; } #nx-footer-brand-test .nx-footer-brand-tagline { margin-top: 9px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; color: #77736c; } #nx-footer-brand-test .nx-footer-brand-divider { width: 52px; height: 1px; margin: 16px auto 0; background: linear-gradient( 90deg, transparent, #c7a86b, transparent ); opacity: .8; } /* ========================================================= 02 — NEED HELP / SUPPORT STRIP ========================================================= */ #nx-contact-strip-test { width: 100%; box-sizing: border-box; padding: 15px 28px; background: linear-gradient( 90deg, rgba(248,246,241,.82), rgba(255,255,255,.97), rgba(248,246,241,.82) ); border-top: 1px solid rgba(198,168,107,.20); border-bottom: 1px solid rgba(198,168,107,.20); } #nx-contact-strip-test .nx-contact-strip-inner { max-width: 1200px; min-height: 48px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; } /* NEED HELP */ #nx-contact-strip-test .nx-contact-intro { display: flex; align-items: baseline; gap: 9px; white-space: nowrap; } #nx-contact-strip-test .nx-contact-label { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 2px; color: #b18a48; } #nx-contact-strip-test .nx-contact-intro strong { font-family: "Cormorant Garamond", Georgia, serif; font-size: 18px; font-weight: 600; color: #1b1b1b; } /* SUPPORT LINKS — EXACT CENTER */ #nx-contact-strip-test .nx-contact-links { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: max-content !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px; flex-wrap: nowrap; } #nx-contact-strip-test .nx-contact-links a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(198,168,107,.22); border-radius: 999px; background: rgba(255,255,255,.72); color: #5f5a53; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: .5px; transition: color .25s ease, border-color .25s ease, transform .25s ease, background .25s ease; } #nx-contact-strip-test .nx-contact-links a b { color: #b18a48; font-size: 12px; font-weight: 400; } #nx-contact-strip-test .nx-contact-links a:hover { color: #a78345; border-color: rgba(198,168,107,.55); background: #fff; transform: translateY(-1px); } /* BACK TO TOP */ #nx-contact-strip-test .nx-back-top { flex-shrink: 0; padding: 8px 14px; border: 1px solid rgba(198,168,107,.40); border-radius: 999px; background: #fff; color: #5f5a53; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: .7px; cursor: pointer; transition: color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease; } #nx-contact-strip-test .nx-back-top:hover { color: #a78345; border-color: rgba(198,168,107,.70); box-shadow: 0 6px 15px rgba(0,0,0,.06); transform: translateY(-1px); } /* ========================================================= 03 — LIVE CHAT + EMAIL + WE ACCEPT ========================================================= */ #nx-contact-payment-test { width: 100%; box-sizing: border-box; padding: 20px 28px; border-top: 1px solid rgba(198,168,107,.18); border-bottom: 1px solid rgba(198,168,107,.18); background: rgba(255,255,255,.32); } #nx-contact-payment-test .nx-cp-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.2fr 1.4fr; align-items: center; gap: 28px; } /* LIVE CHAT */ #nx-contact-payment-test .nx-cp-contact { display: flex; align-items: center; gap: 10px; } #nx-contact-payment-test .nx-cp-chat-icon { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #b9954d; border: 1px solid rgba(198,168,107,.32); border-radius: 50%; background: rgba(255,255,255,.82); } #nx-contact-payment-test .nx-cp-chat-icon svg { width: 18px; height: 18px; } #nx-contact-payment-test .nx-cp-contact strong { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .5px; color: #26231f; } #nx-contact-payment-test .nx-cp-contact small { display: block; margin-top: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; letter-spacing: .3px; color: #89837a; } /* EMAIL */ #nx-contact-payment-test .nx-cp-email { display: flex; align-items: center; justify-content: center; gap: 8px; color: #68635c; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: .45px; transition: color .25s ease; } #nx-contact-payment-test .nx-cp-email:hover { color: #a78345; } #nx-contact-payment-test .nx-cp-mail-icon { color: #b9954d; display: flex; align-items: center; } #nx-contact-payment-test .nx-cp-mail-icon svg { width: 17px; height: 17px; } /* WE ACCEPT */ #nx-contact-payment-test .nx-cp-payments { display: flex; align-items: center; justify-content: flex-end; gap: 12px; } #nx-contact-payment-test .nx-cp-payment-title { font-family: "Cormorant Garamond", Georgia, serif; font-size: 17px; font-weight: 600; color: #26231f; white-space: nowrap; } #nx-contact-payment-test .nx-cp-payment-icons { display: flex; align-items: center; gap: 5px; } #nx-contact-payment-test .nx-pay-svg { width: 47px; height: 28px; color: #6d675e; flex-shrink: 0; } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 749px) { /* BRAND */ #nx-footer-brand-test { padding: 32px 16px 22px; } #nx-footer-brand-test .nx-footer-brand-name { font-size: 29px; letter-spacing: 2.2px; } #nx-footer-brand-test .nx-footer-brand-tagline { font-size: 9px; letter-spacing: .7px; } #nx-footer-brand-test .nx-footer-brand-divider { width: 42px; margin-top: 13px; } /* SUPPORT STRIP */ #nx-contact-strip-test { padding: 16px; } #nx-contact-strip-test .nx-contact-strip-inner { min-height: auto; flex-direction: column; align-items: center; gap: 13px; text-align: center; } #nx-contact-strip-test .nx-contact-intro { justify-content: center; flex-wrap: wrap; } /* MOBILE — RETURN TO NORMAL FLOW */ #nx-contact-strip-test .nx-contact-links { position: static !important; left: auto !important; top: auto !important; transform: none !important; width: auto !important; margin: 0 !important; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 6px; } #nx-contact-strip-test .nx-contact-links a { padding: 7px 10px; font-size: 9px; } #nx-contact-strip-test .nx-back-top { font-size: 9px; } /* CONTACT + PAYMENT */ #nx-contact-payment-test { padding: 18px 15px; } #nx-contact-payment-test .nx-cp-inner { display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center; } #nx-contact-payment-test .nx-cp-contact { justify-content: center; } #nx-contact-payment-test .nx-cp-email { font-size: 10px; word-break: break-word; } #nx-contact-payment-test .nx-cp-payments { flex-wrap: wrap; justify-content: center; gap: 8px; } #nx-contact-payment-test .nx-cp-payment-title { width: 100%; font-size: 18px; } }/* ========================================================= NEXCARTA — FOOTER ADD-ONLY PREMIUM SYSTEM Existing footer content remains untouched ========================================================= */ /* ========================================================= 01 — NEXCARTA BRAND BLOCK ========================================================= */ #nx-footer-brand-test { width: 100%; padding: 42px 20px 26px; box-sizing: border-box; text-align: center; background: linear-gradient( 180deg, rgba(255,255,255,.97), rgba(248,246,241,.84) ); position: relative; border-bottom: 1px solid rgba(198,168,107,.18); } #nx-footer-brand-test .nx-footer-brand-name { font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; font-size: 36px; font-weight: 600; letter-spacing: 3px; line-height: 1; color: #171717; text-transform: uppercase; } #nx-footer-brand-test .nx-footer-brand-tagline { margin-top: 9px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; color: #77736c; } #nx-footer-brand-test .nx-footer-brand-divider { width: 52px; height: 1px; margin: 16px auto 0; background: linear-gradient( 90deg, transparent, #c7a86b, transparent ); opacity: .8; } /* ========================================================= 02 — NEED HELP / SUPPORT STRIP ========================================================= */ #nx-contact-strip-test { width: 100%; box-sizing: border-box; padding: 15px 28px; background: linear-gradient( 90deg, rgba(248,246,241,.82), rgba(255,255,255,.97), rgba(248,246,241,.82) ); border-top: 1px solid rgba(198,168,107,.20); border-bottom: 1px solid rgba(198,168,107,.20); } #nx-contact-strip-test .nx-contact-strip-inner { max-width: 1200px; min-height: 48px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; } /* NEED HELP */ #nx-contact-strip-test .nx-contact-intro { display: flex; align-items: baseline; gap: 9px; white-space: nowrap; } #nx-contact-strip-test .nx-contact-label { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 2px; color: #b18a48; } #nx-contact-strip-test .nx-contact-intro strong { font-family: "Cormorant Garamond", Georgia, serif; font-size: 18px; font-weight: 600; color: #1b1b1b; } /* SUPPORT LINKS — EXACT CENTER */ #nx-contact-strip-test .nx-contact-links { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: max-content !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px; flex-wrap: nowrap; } #nx-contact-strip-test .nx-contact-links a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(198,168,107,.22); border-radius: 999px; background: rgba(255,255,255,.72); color: #5f5a53; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: .5px; transition: color .25s ease, border-color .25s ease, transform .25s ease, background .25s ease; } #nx-contact-strip-test .nx-contact-links a b { color: #b18a48; font-size: 12px; font-weight: 400; } #nx-contact-strip-test .nx-contact-links a:hover { color: #a78345; border-color: rgba(198,168,107,.55); background: #fff; transform: translateY(-1px); } /* BACK TO TOP */ #nx-contact-strip-test .nx-back-top { flex-shrink: 0; padding: 8px 14px; border: 1px solid rgba(198,168,107,.40); border-radius: 999px; background: #fff; color: #5f5a53; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: .7px; cursor: pointer; transition: color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease; } #nx-contact-strip-test .nx-back-top:hover { color: #a78345; border-color: rgba(198,168,107,.70); box-shadow: 0 6px 15px rgba(0,0,0,.06); transform: translateY(-1px); } /* ========================================================= 03 — LIVE CHAT + EMAIL + WE ACCEPT ========================================================= */ #nx-contact-payment-test { width: 100%; box-sizing: border-box; padding: 20px 28px; border-top: 1px solid rgba(198,168,107,.18); border-bottom: 1px solid rgba(198,168,107,.18); background: rgba(255,255,255,.32); } #nx-contact-payment-test .nx-cp-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.2fr 1.4fr; align-items: center; gap: 28px; } /* LIVE CHAT */ #nx-contact-payment-test .nx-cp-contact { display: flex; align-items: center; gap: 10px; } #nx-contact-payment-test .nx-cp-chat-icon { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #b9954d; border: 1px solid rgba(198,168,107,.32); border-radius: 50%; background: rgba(255,255,255,.82); } #nx-contact-payment-test .nx-cp-chat-icon svg { width: 18px; height: 18px; } #nx-contact-payment-test .nx-cp-contact strong { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .5px; color: #26231f; } #nx-contact-payment-test .nx-cp-contact small { display: block; margin-top: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; letter-spacing: .3px; color: #89837a; } /* EMAIL */ #nx-contact-payment-test .nx-cp-email { display: flex; align-items: center; justify-content: center; gap: 8px; color: #68635c; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: .45px; transition: color .25s ease; } #nx-contact-payment-test .nx-cp-email:hover { color: #a78345; } #nx-contact-payment-test .nx-cp-mail-icon { color: #b9954d; display: flex; align-items: center; } #nx-contact-payment-test .nx-cp-mail-icon svg { width: 17px; height: 17px; } /* WE ACCEPT */ #nx-contact-payment-test .nx-cp-payments { display: flex; align-items: center; justify-content: flex-end; gap: 12px; } #nx-contact-payment-test .nx-cp-payment-title { font-family: "Cormorant Garamond", Georgia, serif; font-size: 17px; font-weight: 600; color: #26231f; white-space: nowrap; } #nx-contact-payment-test .nx-cp-payment-icons { display: flex; align-items: center; gap: 5px; } #nx-contact-payment-test .nx-pay-svg { width: 47px; height: 28px; color: #6d675e; flex-shrink: 0; } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width: 749px) { /* BRAND */ #nx-footer-brand-test { padding: 32px 16px 22px; } #nx-footer-brand-test .nx-footer-brand-name { font-size: 29px; letter-spacing: 2.2px; } #nx-footer-brand-test .nx-footer-brand-tagline { font-size: 9px; letter-spacing: .7px; } #nx-footer-brand-test .nx-footer-brand-divider { width: 42px; margin-top: 13px; } /* SUPPORT STRIP */ #nx-contact-strip-test { padding: 16px; } #nx-contact-strip-test .nx-contact-strip-inner { min-height: auto; flex-direction: column; align-items: center; gap: 13px; text-align: center; } #nx-contact-strip-test .nx-contact-intro { justify-content: center; flex-wrap: wrap; } /* MOBILE — RETURN TO NORMAL FLOW */ #nx-contact-strip-test .nx-contact-links { position: static !important; left: auto !important; top: auto !important; transform: none !important; width: auto !important; margin: 0 !important; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 6px; } #nx-contact-strip-test .nx-contact-links a { padding: 7px 10px; font-size: 9px; } #nx-contact-strip-test .nx-back-top { font-size: 9px; } /* CONTACT + PAYMENT */ #nx-contact-payment-test { padding: 18px 15px; } #nx-contact-payment-test .nx-cp-inner { display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center; } #nx-contact-payment-test .nx-cp-contact { justify-content: center; } #nx-contact-payment-test .nx-cp-email { font-size: 10px; word-break: break-word; } #nx-contact-payment-test .nx-cp-payments { flex-wrap: wrap; justify-content: center; gap: 8px; } #nx-contact-payment-test .nx-cp-payment-title { width: 100%; font-size: 18px; } } /* NEXCARTA — Balanced Premium Header */ @media screen and (min-width: 990px) { .header--middle-left { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) !important; column-gap: 24px !important; } .header--middle-left .header__heading { grid-area: heading; justify-self: start; } .header--middle-left .header__inline-menu { grid-area: navigation; justify-self: center; width: max-content; max-width: 100%; margin: 0 !important; } .header--middle-left .header__inline-menu .list-menu--inline { display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2vw, 32px); } .header--middle-left .header__icons { grid-area: icons; justify-self: end; } } /* NEXCARTA — Precisely Centered Desktop Navigation */ @media screen and (min-width: 990px) { .header.header--middle-left { position: relative !important; } .header.header--middle-left .header__heading { justify-self: start !important; } .header.header--middle-left .header__inline-menu { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: max-content; max-width: calc(100% - 340px); margin: 0 !important; z-index: 2; } .header.header--middle-left .list-menu--inline { display: flex !important; flex-wrap: nowrap; justify-content: center; align-items: center; gap: clamp(18px, 2vw, 30px); } .header.header--middle-left .list-menu__item { white-space: nowrap; } .header.header--middle-left .header__icons { justify-self: end !important; position: relative; z-index: 3; } } /* NEXCARTA — Luxury Header Refinement */ @media screen and (min-width: 990px) { .header-wrapper { box-shadow: 0 1px 0 rgba(184, 154, 98, 0.32); } .header.header--middle-left { min-height: 72px !important; } /* Wordmark */ .header__heading-link .h2 { font-size: 27px !important; font-weight: 400 !important; letter-spacing: 0.025em; } .header__heading-logo { max-width: 170px; } /* Navigation typography */ .header__inline-menu .header__menu-item { font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.075em; color: #292722; transition: color 0.2s ease; } .header__inline-menu .header__menu-item:hover { color: #a48853 !important; } /* Search, account and bag */ .header__icons { gap: 8px !important; } .header__icons .header__icon { width: 42px !important; height: 42px !important; border: 1px solid #e7e0d4; border-radius: 11px; transition: border-color 0.2s ease, background-color 0.2s ease; } .header__icons .header__icon:hover { border-color: #b89a62; background-color: #faf7f0; } .header__icons .header__icon .icon { width: 18px; height: 18px; } } /* ========================================================= NEXCARTA — PREMIUM HERO CONTENT PANEL ========================================================= */ @media screen and (min-width: 750px) { .slideshow .banner__box { background: rgba(18, 18, 18, 0.68) !important; border: 1px solid rgba(198, 166, 103, 0.55) !important; border-radius: 22px !important; box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 38px 40px !important; } .slideshow .banner__heading { margin-bottom: 16px !important; color: #f8f4eb !important; font-size: clamp(34px, 3.3vw, 54px) !important; line-height: 1.02 !important; letter-spacing: -0.025em !important; font-weight: 500 !important; } .slideshow .banner__heading::after { content: ""; display: block; width: 48px; height: 2px; margin-top: 17px; background: #c6a667; } .slideshow .banner__text { color: rgba(248, 244, 235, 0.88) !important; font-size: 15px !important; line-height: 1.65 !important; letter-spacing: 0.015em; } .slideshow .banner__buttons { margin-top: 24px !important; } .slideshow .banner__buttons .button { min-height: 48px !important; padding: 0 28px !important; border: 1px solid #c6a667 !important; border-radius: 999px !important; background: #f4eee2 !important; color: #191919 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.055em; box-shadow: 0 8px 24px rgba(0,0,0,.16); transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease !important; } .slideshow .banner__buttons .button:hover { transform: translateY(-2px); background: #ffffff !important; box-shadow: 0 12px 30px rgba(0,0,0,.20); } } /* Mobile */ @media screen and (max-width: 749px) { .slideshow .banner__box { background: rgba(18, 18, 18, 0.72) !important; border: 1px solid rgba(198, 166, 103, 0.42) !important; border-radius: 16px !important; padding: 24px 22px !important; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); } .slideshow .banner__heading { color: #f8f4eb !important; line-height: 1.08 !important; } .slideshow .banner__text { color: rgba(248, 244, 235, .88) !important; line-height: 1.5 !important; } .slideshow .banner__buttons .button { border-radius: 999px !important; background: #f4eee2 !important; color: #191919 !important; border: 1px solid #c6a667 !important; } }