CHANGE LOCATION

This is a Coach Insider exclusive product. Sign Up or Sign In to purchase.

recommendations

ratingAndReviews

recentlyViewed

pdpContentAreaOne

pdpContentAreaTwo

pdpContentAreaThree

pdpCloserLookSection

userGeneratedContent

Global life and style house filled with handbags, clothing, jewelry &amp; more.

Kate Spade

Kate Spade New York

Tapestry, Inc.

Please click the icon below to continue messaging us through text

Great to meet you! We will connect you with an in-store stylist now. You can also switch to texting at any time by selecting SMS from the menu. Standard messaging fees apply.

Hey there! Thanks for getting in touch. Our stylists are available Monday through Friday from 11AM–9PM EST. What’s your name?

name

<div class="promo-item"> <a href="https://www.katespade.com/signup" data-event="internal_promotion" data-promotion-id="id-Global-Text-Banner" data-promotion-name="Sign Up" data-creative-name="NO_IMAGE" data-location-id="open_html" data-creative-slot="1"> Enjoy 15% off your first order when you sign up for email &amp; SMS! SEE DETAILS &gt; </a> </div>

<div class="promo-item"> <a href="https://www.katespade.com/shop/new/view-all" data-event="internal_promotion" data-promotion-id="id-Global-Text-Banner" data-promotion-name="Free Shipping" data-creative-name="NO_IMAGE" data-location-id="open_html" data-creative-slot="2"> FREE SHIPPING &amp; RETURNS TO ALL 50 STATES IS HERE. SHOP NOW &gt; </a> </div>

<div id="override-content"> <style> .reviews-info-details + div:not([data-qa]) { display: none; } .pdpv5_1 div:has(> .reviews-info-details) + div { background: none; } .pdpv5_1 div:has(> .reviews-info-details) + div > *:not(a) { display: none; } #social-section:not(#wyng-content #social-section):not(:empty) { min-height: 558px; } div#social-section { margin-bottom: 0px } .buy-now-button { color: #ffffff } [data-qa="qv_attribute_wrapper"] .variant-image-swatch:not(.activeColorSwatch) { border-color: white; } .chakra-modal__content-container:has([data-qa="visually_similar_llm_title"]) div:has(> .pdpprimarytag.pdp-callout) {display:none;} #view-similar div:has(> .pdp-callout) {display:none;} #visually-similar-section div:has(> .pdp-callout) {display:none;} .pdp-price-badge-container .pdp-active-price .active-price { color: #D50032 !important; } .pdp-price-badge-container .discount-percent .old-price{ color: #6D6D6D !important; } .pdp-price-badge-container .discount-text{ color: #6D6D6D !important; } .pdp-price-info-wrapper:has(.pdp-active-price):not(:has(.discount-percent, .discount-text)) .active-price { color: #000 !important; } @media screen and (min-width: 768px) { #pdpv5_1 [data-qa="cm_txt_pdt_price"]{ color: #D50032 !important; } #pdpv5_1 .regular-price, #pdpv5_1 .discount-rate { color: #6D6D6D !important; } #pdpv5_1:has(.css-is6eik):not(:has(.regular-price, .discount-rate)) [data-qa="cm_txt_pdt_price"]{ color: #000 !important; } } @media screen and (max-width: 769px) { #pdpv6 [data-qa="cm_txt_pdt_price"] { color: #D50032 !important; } #pdpv6 .regular-price, #pdpv6 .discount-rate { color: #6D6D6D !important; } #pdpv6:has(.css-1wemjfx):not(:has(.regular-price, .discount-rate)) [data-qa="cm_txt_pdt_price"]{ color: #000 !important; } #compareToolWrapper { background: transparent; } #compareToolWrapper [data-qa="compareTool-waysToWearIt"] p { text-align: center; } #compareToolWrapper [data-qa="compareTool-gradient"] { background: linear-gradient(to bottom, transparent 3%, var(--color-neutral-light-1) 100%); } } </style> </div>

YOUR PICK

SIMILAR TO

Customer FAQs

What our customers think

Welcome Back!

Still interested?

in your words...

Still searching?

Thanks for being an Insider. In honor of Black History Month, Coach will donate {donationAmount} of your purchase to support the cause of your choice. Use the search function to find organizations that make a difference in your community.

Insiders Give Back

Check your spelling or use a more general search term and try again.

Shop {searchKeyword} from Kate Spade New York. Find unique styles with free shipping &amp; returns in the U.S.

RECENT SEARCHES

We think you'll love these selections curated by AI. Or you can try a new search.

Bag Charms & Keychains

Handbags

Jewelry Gift Guide

GIFTS

Accessories

Sunglasses & Reading Glasses

Hats, Scarves & Belts

Tech Accessories

iPhone and AirPod Cases

View All

Fragrance

Bridal Dresses & Pajamas

Bridal & Wedding Guide

Bridal Shoes

Bridal Jewelry & Accessories

Wedding & Engagement Gifts

Wedding Guest

Clothing

Bottoms

Dresses & Jumpsuits

Jackets & Coats

Pajamas

Swimwear

Tops

Coffee & Tea Accessories

HOME DÉCOR

Kitchen & Dining

Deco

Featured

Explore The Campaign

Shop The Campaign

Gifts by Price Point

Gift Cards

$100 & Under

$200 & Under

$50 & Under

Gifts For Him

Gifts by Recipient

Bestselling Gifts

Gifts for Daughter

Gifts for Friend

Gifts for The Hostess

Gifts for Mom

Gifts for Significant Other

Gifts for Sister

Gifts for Women Who Have Everything

Self Gifting

Trending Gifts

Backpacks & Beltbags

Crossbody Bags

Satchels & Top Handles

Shoulder Bags

Tote Bags

Work Totes & Laptop Bags

Home Accents & Décor

Drinkware & Bar

Dinnerware & Flatware

Office Supplies and Stationery

Kate Spade New York X Paperless Post

Jewelry & Watches

Apple Watch Bands

Bracelets

Earrings

Necklaces

Charm & Initial Jewelry

Rings

Watches

Kitchen Accessories & Appliances

Luxury Gifts

Shoes

View all

Wallets

Lunar New Year

The Novelty Shop

Pet Accessories

Sale

Shop by Price

Jewelry

Just Reduced

Boots & Booties

Flats & Loafers

Heels

Sneakers

Spring Essentials

Cardholders

Crossbody Wallets

Wristlets & Pouches

Shop View All from Kate Spade New York. Find unique styles with free shipping &amp; returns in the U.S.

Featured | Kate Spade New York

Deco Crossbody Tote Bag

PDP Charms Test

<span data-otd="true"> Accessorize Your Handbag. <a class="certona-drawer" data-event="internal_promotion" data-promotion-id="id-PDPCallout-BagCharmsDrawer" data-promotion-name="Accessorize Your Handbag" data-drawer-scheme="{&quot;PDP&quot;:{&quot;recommenders&quot;:[&quot;product7_rr&quot;]}}"> <u>Shop Bag Charms ➤</u> </a> </span>

<div class="pdpprimarytag pdp-callout" style="background: transparent; color: black; border: 1px solid black;"> <span data-otd="true"> Accessorize Your Handbag. <a class="certona-drawer" data-event="internal_promotion" data-promotion-id="id-PDPCallout-BagCharmsDrawer" data-promotion-name="Accessorize Your Handbag" data-drawer-scheme="{&quot;PDP&quot;:{&quot;recommenders&quot;:[&quot;product7_rr&quot;]}}"> <u>Shop Bag Charms ➤</u> </a> </span> </div>

default

Grace Convertible Shoulder Bag

Ava Pochette Bag

Sam Icon Ksnyl Mini Tote Bag

Key To My Heart Bag Charm

Daina Sunglasses

Grace Shoulder Bag

Genell Sunglasses

Sammy Bag Charm

Liv Large Hobo Bag

Deco Quilted Chain Shoulder Bag

Do It All Large Tote

Deco Eyelet Mini Crossbody

COLOR

CATEGORY TYPE

ITEM TYPE

PRICE

MATERIAL

Price Low To High

Price High To Low

Best Sellers

Just Added

Top Rated

<div id="category_top_content_slot"> <style> .amp-page-acc-f6da684c440948a38664536d14f300b0 > .inside-frame { border: 0; } </style> <div class="amp-page-acc amp-page-acc-f6da684c440948a38664536d14f300b0"> <div class="components-wrapper noBackgroundPadding"> <div class="component-block component-block-0 page-section" data-qa="site_promo_page-section_wrapper"> </div> <div class="for-desktop component-block component-block-1 page-section" data-qa="site_promo_page-section_wrapper"> <style> .plp-filter-0700abbc425f44428647ed3a4d7cb206 { background-color: #f0f0f0; } </style> <div class="mol-plp-visual-filter container-fluid plp-filter-0700abbc425f44428647ed3a4d7cb206" data-qa="site_promo_plp-visual-filter_wrapper" style="--m-aspect-ratio:1/1;--d-aspect-ratio:75/94;"> <div class="row"> <div class="mol-plp-filter-container col-sm-12 p-0 text-center"> <div class="at-plp-filter-card" data-qa="site_promo_plp-filter-card_wrapper"> <a class="plp-filter-card-link" title="Bestsellers" href="/shop/new/shops/bestsellers" data-event="internal_promotion" data-promotion-id="id-VisualFilter-ShopsContent" data-promotion-name="Bestsellers" data-creative-name="vf-shops-1-v15" data-location-id="plp_visual_filter" data-creative-slot="1"> <div class="plp-filter-card-img-wrapper"> <div class="amps-aspect-ratio-box"> <picture class="u-full-cover-element m-d-ratio-defined"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 1200px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 1200px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 769px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 769px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=200&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=400&amp;fmt=webp 2x" width="375" height="375" media="(max-width: 768px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=200&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-1-v15?$poi$&amp;w=400&amp;fmt=jpg 2x" width="375" height="375" media="(max-width: 768px)" type="image/jpeg"> <img class="plp-filter-card-img" src="https://cms.katespade.com/i/katespade/vf-shops-1-v15?w=200" fetchpriority="low" alt="Shops - Bestsellers"> </picture> </div> </div> <div class="plp-filter-card-title">Bestsellers</div> </a> </div> <div class="at-plp-filter-card" data-qa="site_promo_plp-filter-card_wrapper"> <a class="plp-filter-card-link" title="Matching Handbags &amp; Wallets" href="/shop/handbags/shops/matching-handbags-wallets" data-event="internal_promotion" data-promotion-id="id-VisualFilter-ShopsContent" data-promotion-name="Matching Handbags &amp; Wallets" data-creative-name="vf-shops-2-v12" data-location-id="plp_visual_filter" data-creative-slot="2"> <div class="plp-filter-card-img-wrapper"> <div class="amps-aspect-ratio-box"> <picture class="u-full-cover-element m-d-ratio-defined"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 1200px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 1200px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 769px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 769px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=200&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=400&amp;fmt=webp 2x" width="375" height="375" media="(max-width: 768px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=200&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-2-v12?$poi$&amp;w=400&amp;fmt=jpg 2x" width="375" height="375" media="(max-width: 768px)" type="image/jpeg"> <img class="plp-filter-card-img" src="https://cms.katespade.com/i/katespade/vf-shops-2-v12?w=200" fetchpriority="low" alt="Shops - Matching Handbags &amp; Wallets"> </picture> </div> </div> <div class="plp-filter-card-title">Matching Handbags &amp; Wallets</div> </a> </div> <div class="at-plp-filter-card" data-qa="site_promo_plp-filter-card_wrapper"> <a class="plp-filter-card-link" title="Novelty" href="/shop/new/shops/the-novelty-shop" data-event="internal_promotion" data-promotion-id="id-VisualFilter-ShopsContent" data-promotion-name="Novelty" data-creative-name="vf-shops-3-v16" data-location-id="plp_visual_filter" data-creative-slot="3"> <div class="plp-filter-card-img-wrapper"> <div class="amps-aspect-ratio-box"> <picture class="u-full-cover-element m-d-ratio-defined"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 1200px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 1200px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 769px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 769px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=200&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=400&amp;fmt=webp 2x" width="375" height="375" media="(max-width: 768px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=200&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-3-v16?$poi$&amp;w=400&amp;fmt=jpg 2x" width="375" height="375" media="(max-width: 768px)" type="image/jpeg"> <img class="plp-filter-card-img" src="https://cms.katespade.com/i/katespade/vf-shops-3-v16?w=200" fetchpriority="low" alt="Shops - Novelty"> </picture> </div> </div> <div class="plp-filter-card-title">Novelty</div> </a> </div> <div class="at-plp-filter-card" data-qa="site_promo_plp-filter-card_wrapper"> <a class="plp-filter-card-link" title="Fall Essentials" href="/shop/fall-essentials" data-event="internal_promotion" data-promotion-id="id-VisualFilter-ShopsContent" data-promotion-name="Fall Essentials" data-creative-name="vf-shops-4-v20" data-location-id="plp_visual_filter" data-creative-slot="4"> <div class="plp-filter-card-img-wrapper"> <div class="amps-aspect-ratio-box"> <picture class="u-full-cover-element m-d-ratio-defined"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 1200px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 1200px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 769px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 769px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=200&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=400&amp;fmt=webp 2x" width="375" height="375" media="(max-width: 768px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=200&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-shops-4-v20?$poi$&amp;w=400&amp;fmt=jpg 2x" width="375" height="375" media="(max-width: 768px)" type="image/jpeg"> <img class="plp-filter-card-img" src="https://cms.katespade.com/i/katespade/vf-shops-4-v20?w=200" fetchpriority="low" alt="Shops - Fall Essentials"> </picture> </div> </div> <div class="plp-filter-card-title">Fall Essentials</div> </a> </div> <div class="at-plp-filter-card" data-qa="site_promo_plp-filter-card_wrapper"> <a class="plp-filter-card-link" title="Bridal &amp; Wedding Guide" href="/shop/gifts/occasions/bridal-wedding-guide/view-all" data-event="internal_promotion" data-promotion-id="id-VisualFilter-ShopsContent" data-promotion-name="Bridal &amp; Wedding Guide" data-creative-name="vf-gifts-5-v12" data-location-id="plp_visual_filter" data-creative-slot="5"> <div class="plp-filter-card-img-wrapper"> <div class="amps-aspect-ratio-box"> <picture class="u-full-cover-element m-d-ratio-defined"> <source srcset="https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 1200px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 1200px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=150&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=300&amp;fmt=webp 2x" width="75" height="94" media="(min-width: 769px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=150&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=300&amp;fmt=jpg 2x" width="75" height="94" media="(min-width: 769px)" type="image/jpeg"> <source srcset="https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=200&amp;fmt=webp 1x, https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=400&amp;fmt=webp 2x" width="375" height="375" media="(max-width: 768px)" type="image/webp"> <source srcset="https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=200&amp;fmt=jpg 1x, https://cms.katespade.com/i/katespade/vf-gifts-5-v12?$poi$&amp;w=400&amp;fmt=jpg 2x" width="375" height="375" media="(max-width: 768px)" type="image/jpeg"> <img class="plp-filter-card-img" src="https://cms.katespade.com/i/katespade/vf-gifts-5-v12?w=200" fetchpriority="low" alt="Shops - Bridal &amp; Wedding Guide"> </picture> </div> </div> <div class="plp-filter-card-title">Bridal &amp; Wedding Guide</div> </a> </div> </div> </div> </div> </div> <div class="component-block component-block-2 page-section" data-qa="site_promo_page-section_wrapper"> <div class="mol-html-editor-f7150843bf844f2a94003bb2f336f0e5 amp-container container-fluid p-0" data-qa="site_promo_html-editor_wrapper"> <p> <style> /* ==== Global CSS Styling ==== */ /* === Custom Variables === */ :root { --ks-kate-serif-regular: KateSerifRegular, Baskerville, Georgia, serif; --ks-kate-serif-italic: KateSerifItalic, Baskerville, Georgia, serif; --ks-maison-neue-regular: MaisonNeueBook, Arial, sans-serif; --ks-maison-neue-medium: MaisonNeueMedium, Arial, sans-serif; --ks-maison-neue-light: MaisonNeueLight, Arial, sans-serif; --ks-vf-padding: 2rem 0rem; --ks-vf-headline-margin: 0 auto 2.5rem; --ks-vf-headline-font-size: 2.25rem; --ks-vf-headline-line-height: 100%; --ks-vf-cta-font-size: 0.75rem; --ks-vf-cta-line-height: 120%; --ks-vf-card-padding: 0rem 1rem; --ks-vf-card-width: 12rem; --ks-vf-card-title-margin: 0.5rem; } /* === Banner === */ .amp-page-acc .mol-banner .banner-container { min-height: unset; } /* === Visual Filter === */ .amp-page-acc .mol-plp-visual-filter { padding: var(--ks-vf-padding); max-width: 1920px; min-height: auto; width: 100%; overflow: hidden; } .amp-page-acc .mol-plp-visual-filter .mol-plp-filter-container { padding-bottom: 0rem !important; display: flex; align-items: stretch; justify-content: center; } .amp-page-acc .mol-plp-visual-filter .mol-header-block { margin: var(--ks-vf-headline-margin); } .amp-page-acc .mol-plp-visual-filter .mol-header-block .at-headline-text { margin: 0rem; font-size: var(--ks-vf-headline-font-size); line-height: var(--ks-vf-headline-line-height); } .amp-page-acc .mol-plp-visual-filter .at-plp-filter-card { padding: var(--ks-vf-card-padding) !important; width: var(--ks-vf-card-width); margin: 0rem !important; } .amp-page-acc .mol-plp-visual-filter .at-plp-filter-card .plp-filter-card-title { margin-top: var(--ks-vf-card-title-margin); font-family: var(--ks-maison-neue-regular); font-size: var(--ks-vf-cta-font-size); line-height: var(--ks-vf-cta-line-height); } .amp-page-acc .mol-plp-visual-filter .at-plp-filter-card .plp-filter-card-link { border: none !important; text-decoration: underline !important; } .amp-page-acc .mol-plp-visual-filter .at-plp-filter-card .plp-filter-card-img-wrapper { width: 100%; } .amp-page-acc .mol-plp-visual-filter .at-plp-filter-card .plp-filter-card-img-wrapper .amps-aspect-ratio-box { aspect-ratio: 1 / 1; border-radius: 60%; background: #ffffff; padding: 0rem 0.5rem 0rem; overflow: hidden; } .amp-page-acc .mol-plp-visual-filter .at-plp-filter-card .plp-filter-card-img { width: 100%; height: auto; } @media only screen and (max-width: 1150px) { /* ==== Global CSS Styling ==== */ /* === Custom Variables === */ :root { --ks-vf-padding: 2vw 0rem; --ks-vf-headline-margin: 0 auto 2.5vw; --ks-vf-headline-font-size: 2.25vw; --ks-vf-headline-line-height: 100%; --ks-vf-cta-font-size: 1vw; --ks-vf-cta-line-height: 130%; --ks-vf-card-padding: 0rem 1.5vw; --ks-vf-card-width: 13vw; --ks-vf-card-title-margin: 0.5vw; } } @media only screen and (max-width: 768px) { /* ==== Global CSS Styling ==== */ /* === Custom Variables === */ :root { --ks-vf-padding: 4vw 0rem; --ks-vf-headline-margin: 0 auto 2.5vw; --ks-vf-headline-font-size: 2.25vw; --ks-vf-headline-line-height: 100%; --ks-vf-cta-font-size: 3.2vw; --ks-vf-cta-line-height: 130%; --ks-vf-card-padding: 0rem 1.5vw; --ks-vf-card-width: 40vw; --ks-vf-card-title-margin: 0.5vw; } /* === Visual Filter === */ .amp-page-acc .mol-plp-visual-filter .mol-plp-filter-container { display: block; align-items: center; padding: 0rem 5vw !important; } } </style> </p> </div> </div> </div> </div> </div>