.family-card{position:relative;cursor:pointer}.individual-product-link{display:flex;justify-content:space-between}.family-toggle-btn{width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:inherit;font-family:inherit;text-transform:uppercase;font-size:inherit;font-weight:inherit;line-height:inherit}.family-toggle-btn:hover{opacity:.8}.family-toggle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px;transition:transform .2s ease}.family-card.expanded .family-toggle-icon{transform:rotate(180deg)}.family-card.expanded .family-plus-icon{display:none}.family-card.expanded .family-minus-icon{display:block!important}.product-grid-wrapper{display:flex;flex-wrap:wrap;gap:6px;width:100%}.product-item{flex:0 0 calc(33.333% - 4px);max-width:calc(33.333% - 4px)}@media screen and (max-width: 989px){.product-grid-wrapper.grid--2-col-tablet-down .product-item{flex:0 0 calc(50% - .75rem);max-width:calc(50% - .75rem)}}@media screen and (max-width: 749px){.product-grid-wrapper.grid--1-col-tablet-down .product-item{flex:0 0 100%;max-width:100%}.product-grid-wrapper.grid--2-col-tablet-down .product-item{flex:0 0 calc(50% - .5rem);max-width:calc(50% - .5rem)}}.product-grid-wrapper.grid--2-col-desktop .product-item{flex:0 0 calc(50% - .75rem);max-width:calc(50% - .75rem)}.product-grid-wrapper.grid--4-col-desktop .product-item{flex:0 0 calc(25% - 1.125rem);max-width:calc(25% - 1.125rem)}.product-grid-wrapper.grid--5-col-desktop .product-item{flex:0 0 calc(20% - 1.2rem);max-width:calc(20% - 1.2rem)}.product-grid-wrapper.grid--6-col-desktop .product-item{flex:0 0 calc(16.666% - 1.25rem);max-width:calc(16.666% - 1.25rem)}@media screen and (max-width: 989px){.product-grid-wrapper.grid--4-col-desktop .product-item,.product-grid-wrapper.grid--5-col-desktop .product-item,.product-grid-wrapper.grid--6-col-desktop .product-item{flex:0 0 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem)}}.family-carousel-row-container{flex:0 0 100%;width:100%;max-width:100%;border-style:solid;border-width:1px 0 1px 0;border-color:#333;margin:0;opacity:0;max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.family-carousel-row-container.active{opacity:1;max-height:800px;margin:0}.family-carousel-row-container.animating-in{animation:slideDown .5s cubic-bezier(.4,0,.2,1) forwards}.family-carousel-row-container.animating-out{animation:slideUp .5s cubic-bezier(.4,0,.2,1) forwards}.family-carousel-wrapper{background:#fff;padding:2rem;box-shadow:0 4px 12px #0000001a;margin:0}@media screen and (max-width: 749px){.family-carousel-wrapper{margin:0;padding:1.5rem 1rem;overflow:hidden}.family-carousel{position:relative;overflow:hidden;width:100%}.family-carousel-track{display:flex;gap:1rem;transition:transform .3s ease;padding:0;width:fit-content}.family-carousel-item{flex:0 0 calc(85vw - 2rem);min-width:calc(85vw - 2rem);max-width:calc(85vw - 2rem);width:calc(85vw - 2rem);background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border-radius:0;box-sizing:border-box;border:1px solid rgba(139,111,71,.15)}.family-carousel-row-container .family-carousel-item{flex:0 0 calc(85vw - 2rem);min-width:calc(85vw - 2rem);max-width:calc(85vw - 2rem);width:calc(85vw - 2rem)}.family-carousel-item:hover{transform:none;box-shadow:none}.family-carousel-item:hover .family-carousel-item-image img{transform:none}.family-carousel-nav{position:absolute;top:40%;transform:translateY(-50%);width:35px;height:35px;background:#ffffffe6;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:3;box-shadow:0 2px 8px #00000026}.family-carousel-prev{left:.5rem}.family-carousel-next{right:.5rem}.family-carousel-item-content{padding:0;margin:0}.family-carousel-item-header{padding:1.2rem 1rem .8rem}.family-carousel-variant-options{padding:0 1rem;margin-bottom:1rem}.family-carousel-item-subtitle{padding:0 1rem}.family-carousel-item:not(:first-child){opacity:.7}.family-carousel-track{scroll-behavior:smooth}}.family-carousel-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem;padding-bottom:1rem}.family-carousel-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#333;text-transform:uppercase}.family-carousel-count{background:#fbf5ed;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;color:#666;font-weight:500}@media (max-width: 749px){.family-carousel-count{font-size:1.2rem}}.family-carousel{position:relative;overflow:hidden}.family-carousel-track{display:flex;gap:1.5rem;transition:transform .3s ease;padding:0;justify-content:center}.family-carousel-item{cursor:pointer;flex:0 0 calc(30% - 1rem);min-width:280px;background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border-radius:0}.family-carousel-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media screen and (max-width: 989px){.family-carousel-item{flex:0 0 calc(50% - .75rem);min-width:260px}}.family-carousel-item-image{position:relative;width:100%;max-height:500px;aspect-ratio:1;overflow:hidden}.family-carousel-item-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.family-carousel-item:hover .family-carousel-item-image img{transform:scale(1.05)}.family-carousel-item-content{background-color:#fff9f2}.family-carousel-item-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.6rem 1rem 1rem}.family-carousel-item-title{font-size:1.4rem;font-weight:600;margin:0;line-height:1.2;color:#333;text-transform:uppercase;letter-spacing:1px;flex:1}.family-carousel-item-title a{text-decoration:none;color:inherit}.family-carousel-item-title a:hover{color:#666}.family-carousel-item-subtitle{font-size:1rem;color:#666;margin-bottom:.75rem;text-transform:capitalize;padding:0 1rem}.family-carousel-item-price{font-size:1.4rem;font-weight:600;color:#333;text-align:right;flex-shrink:0;margin-left:1rem;font-family:var(--font-heading-family)}.family-carousel-item-price .compare-price{font-size:.9rem;color:#999;text-decoration:line-through;font-weight:400;margin-left:.5rem;display:block;margin-top:.25rem}.family-carousel-variant-options{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:0 1rem}.family-carousel-option-group{flex:1}.family-carousel-option-group[data-position=left]{order:1}.family-carousel-option-group[data-position=right]{order:2;text-align:right}.family-carousel-option-values{display:flex;flex-wrap:nowrap;gap:.5rem}.family-carousel-option-group[data-position=right] .family-carousel-option-values{justify-content:flex-end}.family-carousel-size-option{cursor:pointer;border-radius:0;transition:all .2s ease;display:block;background-color:transparent;border:1px solid transparent}.family-carousel-size-option:hover,.family-carousel-size-option.selected{border-color:#333}.family-carousel-size-option.selected .size-label{color:#333;border-color:#333;border:1px solid #333}.size-label{display:block;padding:.5rem;font-size:1.4rem;font-weight:500;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.5px;color:#333;transition:all .2s ease;min-width:35px;text-align:center}.family-carousel-color-option{cursor:pointer;border:2px solid transparent;transition:all .2s ease;display:block;width:35px;height:35px;padding:2px}.family-carousel-color-option:hover{border-color:#999}.family-carousel-color-option.selected{border-color:#333}.color-swatch{display:block;width:100%;height:100%;border:1px solid rgba(0,0,0,.1)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.family-carousel-item-actions{margin-top:1rem}.family-carousel-btn{width:100%;padding:1.6rem 1rem;border:none;background:#8b6f47;color:#fff;text-decoration:none;text-align:center;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:0;transition:all .2s ease;cursor:pointer;display:block}.family-carousel-btn:hover{background:#7a5f3f;color:#fff;text-decoration:none}.family-carousel-btn--secondary{background:#fff;color:#333;border:1px solid #ddd;margin-bottom:.5rem}.family-carousel-btn--secondary:hover{border-color:#333;color:#333;background:#f8f8f8}.family-carousel-btn--primary{background:#8b6f47;border:2px solid #8B6F47;color:#fff}.family-carousel-btn--primary:hover{background:#8b6f470d;color:#8b6f47}.family-carousel-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999}.family-carousel-btn:disabled:hover{background:#f5f5f5;color:#999}.family-carousel-btn.success{background:transparent;color:#333}.family-carousel-btn.error{background:#dc3545}.family-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2;box-shadow:0 2px 8px #0000001a}.family-carousel-nav:hover{background:#f8f8f8;border-color:#ccc;box-shadow:0 4px 12px #00000026}.family-carousel-nav:disabled{opacity:.5;cursor:not-allowed}.family-carousel-nav:disabled:hover{background:#fff;border-color:#ddd;box-shadow:0 2px 8px #0000001a}.family-carousel-prev{left:5px}.family-carousel-next{right:5px}@media screen and (max-width: 749px){.family-carousel-nav{display:none}}.family-carousel-item-badge{position:absolute;top:.75rem;left:.75rem;background:#f44;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:1}.family-carousel-item-badge--sale{background:#ff6b35}.family-carousel-item-badge--sold-out{background:#999}.family-carousel.loading{opacity:.6;pointer-events:none}.family-carousel.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid #f3f3f3;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:800px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:800px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-20px)}}@media screen and (max-width: 749px){.family-carousel{position:relative;overflow:hidden;width:100%;touch-action:pan-x;-webkit-overflow-scrolling:touch}.family-carousel-track{display:flex;gap:1rem;transition:transform .3s ease;padding:0;width:fit-content;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.family-carousel-track.dragging{transition:none;cursor:grabbing}.family-carousel-track.swiping{transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.family-carousel-item{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.family-carousel-item img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}}@media screen and (max-width: 749px){.family-carousel-variant-options{gap:.75rem;margin-bottom:1rem}.family-carousel-option-group[data-position=left],.family-carousel-option-group[data-position=right]{order:unset}.family-carousel-option-group[data-position=right]{text-align:left}.family-carousel-option-group[data-position=right] .family-carousel-option-values{justify-content:flex-end}.family-carousel-item-content{padding:0}.family-carousel-item-header{align-items:flex-start;gap:.25rem}.family-carousel-item-title{font-size:1.4rem}.family-carousel-item-price{text-align:left;margin-left:0}.family-carousel-nav{top:40%!important}.family-carousel-item:hover{box-shadow:none}}@media screen and (max-width: 480px){.family-carousel-wrapper{padding:1rem .5rem}.family-carousel-item,.family-carousel-row-container .family-carousel-item{flex:0 0 calc(80vw - 1.5rem);min-width:calc(80vw - 1.5rem);max-width:calc(80vw - 1.5rem);width:calc(80vw - 1.5rem)}.family-carousel-nav{width:32px;height:32px}.family-carousel-prev{left:.25rem}.family-carousel-next{right:.25rem}}@media screen and (max-width: 749px){.family-carousel-item{transition:opacity .3s ease,transform .3s ease}.family-carousel-item.current{opacity:1;transform:scale(1.02);z-index:1}}.family-carousel-track{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.family-carousel-row-container{width:100%;box-sizing:border-box}.family-carousel-row-container.active{overflow:visible}
/*# sourceMappingURL=/cdn/shop/t/3/assets/family-carousel.css.map */