.jewelry-categories-banner{padding-top:var(--top-spacer, 60px);padding-bottom:var(--bottom-spacer, 60px)}.section-container.jewelry-categories-banner-section{max-width:100%;width:100%}.jewelry-categories-wrapper{width:100%;max-width:var(--section-max-width, 100%);margin:0 auto;padding:0 20px}.jewelry-categories-wrapper .row{margin:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:0}.jewelry-categories-wrapper .row>[class*=col-]{padding:0 15px}@media(min-width:992px){.jewelry-categories-wrapper.layout-right .row>.banner-column{order:2}.jewelry-categories-wrapper.layout-right .row>.categories-column{order:1}}.banner-column{flex:0 0 50%;max-width:50%}.promotional-banner-link{display:block;width:100%;text-decoration:none;color:inherit}.promotional-banner-link:hover{text-decoration:none;color:inherit}.categories-column{flex:0 0 50%;max-width:50%}.promotional-banner{width:100%;max-width:var(--banner-width, 1080px);height:var(--banner-height, 1300px)!important;min-height:var(--banner-height, 1300px)!important;max-height:var(--banner-height, 1300px)!important;display:flex;flex-direction:column;border-radius:0;overflow:hidden}.banner-upper-section{flex:1;position:relative;background:#d4c4a8;height:calc(var(--banner-height, 1300px) * .7);min-height:calc(var(--banner-height, 1300px) * .7)}.banner-image-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.banner-image-container img,.banner-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.banner-lower-section{background:#000;padding:20px 25px;min-height:80px;display:flex;align-items:center;justify-content:flex-start}.banner-heading-link{text-decoration:none;color:inherit;display:block}.banner-heading-link:hover{text-decoration:none;color:inherit}.banner-heading{margin:0;color:#fff;text-align:left;cursor:pointer;transition:opacity .3s ease}.banner-heading-link:hover .banner-heading{opacity:.8}.banner-heading.h1{font-size:2rem}.banner-heading.h2{font-size:1.75rem}.banner-heading.h3{font-size:1.5rem}.banner-heading.h4{font-size:1.25rem}.banner-heading.h5{font-size:1.1rem}.banner-heading.h6{font-size:1rem}.banner-content,.banner-text,.banner-button-wrapper{display:none}.categories-grid-container{width:100%;padding-left:20px;height:100%}.categories-grid{display:grid;grid-template-columns:repeat(var(--cards-per-row-desktop, 2),1fr);gap:20px;height:var(--banner-height, 1300px);min-height:var(--banner-height, 1300px)}.category-card-item{padding:0;height:100%}.category-card-link{text-decoration:none;color:inherit;display:block;height:100%}.category-card-link:hover{text-decoration:none;color:inherit}.category-image-link{text-decoration:none;color:inherit;display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden}.category-image-link:hover{text-decoration:none;color:inherit}.category-card{background:#fff;border-radius:0;overflow:hidden;box-shadow:none;transition:all .3s ease;cursor:pointer;height:100%;position:relative;border:1px solid rgba(0,0,0,.05)}.category-card:hover{transform:none;box-shadow:0 2px 8px #0000001a}.category-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;padding:0}.category-image-wrapper.image-size-small,.category-image-wrapper.image-size-medium,.category-image-wrapper.image-size-large{padding:0}.category-image-wrapper img,.category-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.category-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%}.category-card:hover .category-image{transform:none}.category-title-link{text-decoration:none;color:inherit;display:block}.category-title-link:hover{text-decoration:none;color:inherit}.category-title{margin:0;padding:12px;text-align:center;background:#fff;border-top:1px solid rgba(0,0,0,.05);position:absolute;bottom:0;left:0;right:0;width:100%;cursor:pointer;transition:opacity .3s ease;z-index:2}.category-title-link:hover .category-title{opacity:.7}.category-title.h1{font-size:2rem}.category-title.h2{font-size:1.75rem}.category-title.h3{font-size:1.5rem}.category-title.h4{font-size:1.25rem}.category-title.h5{font-size:1.1rem}.category-title.h6{font-size:1rem}@media screen and (max-width:991px){.jewelry-categories-wrapper{padding:0 15px}.jewelry-categories-wrapper .row>[class*=col-]{padding:0}.banner-column,.categories-column{flex:0 0 100%;max-width:100%}.promotional-banner:not(.banner-adopt-image-size){height:calc(var(--banner-height, 600px) * .85)!important;min-height:calc(var(--banner-height, 600px) * .85)!important;max-height:calc(var(--banner-height, 600px) * .85)!important}.promotional-banner{margin-bottom:20px}.promotional-banner:not(.banner-adopt-image-size) .banner-upper-section{height:calc(var(--banner-height, 600px) * .55)!important;min-height:calc(var(--banner-height, 600px) * .55)!important}.banner-lower-section{padding:18px 20px;min-height:70px}.categories-grid-container{padding-left:0}.categories-grid{height:calc(var(--banner-height, 1300px) * .85);min-height:calc(var(--banner-height, 1300px) * .85)}}@media screen and (max-width:767px){.jewelry-categories-banner{padding-top:var(--top-spacer, 40px);padding-bottom:var(--bottom-spacer, 40px)}.jewelry-categories-wrapper{padding:0 15px}.promotional-banner:not(.banner-adopt-image-size){height:calc(var(--banner-height, 600px) * .75)!important;min-height:calc(var(--banner-height, 600px) * .75)!important;max-height:calc(var(--banner-height, 600px) * .75)!important}.promotional-banner:not(.banner-adopt-image-size) .banner-upper-section{height:calc(var(--banner-height, 600px) * .45)!important;min-height:calc(var(--banner-height, 600px) * .45)!important}.banner-lower-section{padding:15px 18px;min-height:60px}.categories-grid{grid-template-columns:repeat(var(--cards-per-row-desktop, 2),1fr);height:auto;min-height:0;grid-auto-rows:auto;gap:15px}.category-card-item{height:auto}.category-card{display:flex;flex-direction:column;height:auto}.category-image-link{position:relative;height:auto}.category-image-wrapper{height:auto;aspect-ratio:auto;padding:0}.category-image-wrapper img,.category-image-wrapper .category-image{position:relative;width:100%;height:auto;object-fit:contain;object-position:center}.category-title{position:relative;padding:15px 12px}}@media screen and (max-width:575px){.promotional-banner:not(.banner-adopt-image-size){height:calc(var(--banner-height, 600px) * .65)!important;min-height:calc(var(--banner-height, 600px) * .65)!important;max-height:calc(var(--banner-height, 600px) * .65)!important}.promotional-banner:not(.banner-adopt-image-size) .banner-upper-section{height:calc(var(--banner-height, 600px) * .4)!important;min-height:calc(var(--banner-height, 600px) * .4)!important}.banner-lower-section{padding:12px 15px;min-height:50px}.categories-grid{grid-template-columns:repeat(var(--cards-per-row-desktop, 1),1fr);height:auto;min-height:0}.category-card{height:auto}.category-title{padding:12px 10px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/jewelry-categories-banner.css.map */