product-recommendations.complementary-products .complementary-products__container{display:flex;flex-direction:column}product-recommendations:not(.is-accordion) .complementary-products__container{margin-top:1.5rem}.complementary-products__container>details[open]{padding-bottom:1.5rem}.complementary-products__container>.summary__title{display:flex;line-height:1;padding-bottom:1.5rem;font-weight:900;font-size:1.6rem;font-family:var(--font-body-family);letter-spacing:.1rem}.quick-add-modal .complementary-products,.quick-add-modal product-recommendations{display:none !important}.complementary-cards{display:flex;flex-wrap:wrap;gap:12px}.complementary-cards--house-flow{gap:12px}.complementary-card{width:calc(25% - 9px);text-decoration:none;color:inherit;display:block;max-width:95px}@media screen and (max-width: 750px){.complementary-card{max-width:85px}}.complementary-card__inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;border-radius:8px;border:1px solid #000;background-color:#fff;padding-bottom:4px;box-sizing:content-box;transition:border-color .2s ease,background-color .2s ease}.complementary-card__inner:after{content:"";height:4px;display:block;width:100%}.complementary-card__media{flex:1;display:flex;align-items:center;justify-content:center;flex-grow:0;width:100%;aspect-ratio:1}@media screen and (max-width: 750px){.complementary-card__media{max-height:85px}}.complementary-card__image{max-width:calc(100% - 2px);max-height:100%;object-fit:contain;aspect-ratio:1}@media screen and (max-width: 990px){.complementary-card__image{max-width:calc(100% - 6px)}}@media screen and (max-width: 750px){.complementary-card__image{max-width:100%}}.complementary-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.complementary-card__placeholder svg{width:40px;height:40px;opacity:.5}.complementary-card__title{display:flex;margin-top:8px;font-size:1.4rem;font-weight:400;line-height:1.2;color:#000;text-align:center;height:fit-content;justify-content:center;align-items:center;margin:auto 0;padding:8px 2px 0px;width:fit-content;letter-spacing:0;word-break:break-word;hyphens:auto}.complementary-card--house .complementary-card__media{max-height:85px}@media screen and (max-width: 750px){.complementary-card--house .complementary-card__media{max-height:77px}}.complementary-card--house .complementary-card__house-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;max-height:65px}.complementary-card--house .complementary-card__house-icon img{max-width:100%;max-height:100%;object-fit:contain}.complementary-card--house .complementary-card__house-icon svg.house-crest{width:100%;height:100%;max-width:65px;max-height:65px}.complementary-card--house .complementary-card__inner{padding-bottom:0px}.complementary-card--house:not(.complementary-card--active) .complementary-card__inner{border:1px solid #000;background-color:#fff}.complementary-card--house:not(.complementary-card--active) .complementary-card__title{color:#000;font-weight:500;font-size:1.4rem;letter-spacing:0rem;padding:0px;border-radius:4px;background-color:#fff;color:#000;width:fit-content;max-width:calc(100% - 14px)}.complementary-card--house:not(.complementary-card--active):hover .complementary-card__inner{border-color:#000}.complementary-card--active .complementary-card__inner{border:1px solid #000}.complementary-card--house.complementary-card--active .complementary-card__inner{box-shadow:0px 0px 0px 3px #000}.complementary-card--house.complementary-card--active.complementary-card--gryffindor .complementary-card__inner{background-color:#de554b}.complementary-card--house.complementary-card--active.complementary-card--slytherin .complementary-card__inner{background-color:#086c5c}.complementary-card--house.complementary-card--active.complementary-card--ravenclaw .complementary-card__inner{background-color:#265caa}.complementary-card--house.complementary-card--active.complementary-card--hufflepuff .complementary-card__inner{background-color:#fcb542}.complementary-card--house.complementary-card--active .complementary-card__title{background-color:#fff;color:#000;padding:4px 4px 0px 4px;border-radius:4px;font-weight:500;width:calc(100% - 16px);max-width:calc(100% - 16px)}.complementary-card:not(.complementary-card--house) .complementary-card__inner{background-color:#fff}.complementary-card:not(.complementary-card--house).complementary-card--active .complementary-card__inner{box-shadow:0px 0px 0px 3px #000;padding:0px;background-color:#000}.complementary-card:not(.complementary-card--house).complementary-card--active .complementary-card__title{color:#fff}.complementary-card:not(.complementary-card--house).complementary-card--active .complementary-card__media{background-color:#fff;border-radius:8px}@media screen and (max-width: 749px){.complementary-card:not(.complementary-card--house).complementary-card--active .complementary-card__media{border-radius:4px}}@media screen and (max-width: 749px){.complementary-cards{gap:10px}.complementary-card{width:calc(25% - 8px)}.complementary-card__inner{padding:0px;border-radius:6px}.complementary-card__title{font-size:1.27rem;padding-top:6px}.complementary-card--house.complementary-card--active .complementary-card__title{padding:3px 3px 2px 3px;font-size:1.27rem;max-width:calc(100% - 14px);width:calc(100% - 14px)}.complementary-card--house .complementary-card__house-icon svg.house-crest{max-width:58.1px;max-height:58.1px}}.complementary-slider{margin-top:0;gap:0}.complementary-slide{--shadow-padding-sides: calc((var(--shadow-horizontal-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));--shadow-padding-sides-negative: calc((var(--shadow-horizontal-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible))}.complementary-slide>ul{display:flex;flex-direction:column;gap:var(--grid-mobile-vertical-spacing)}.complementary-slide.complementary-slide--standard>ul{gap:calc(var(--grid-mobile-vertical-spacing) + 8px)}.complementary-slide.grid__item{width:100%;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom));padding-right:max(var(--focus-outline-padding),var(--shadow-padding-sides));padding-left:max(var(--focus-outline-padding),var(--shadow-padding-sides-negative))}.complementary-slide .card-wrapper{height:auto}@media screen and (min-width: 750px){.complementary-slide>ul{gap:var(--grid-desktop-vertical-spacing)}.complementary-slide.complementary-slide--standard>ul{gap:calc(var(--grid-desktop-vertical-spacing) + 8px)}}.complementary-products__container .card--card .card__content{padding:0}.complementary-products__container .card--horizontal .card__information{padding:0}.complementary-products__container .card--horizontal .card__inner{max-width:20%}@media screen and (min-width: 750px)and (max-width: 1200px){.complementary-products__container .card--horizontal .card__inner{max-width:25%}}.complementary-slide .card--text .card__content{grid-template-rows:minmax(0, 1fr) max-content auto}.complementary-products__container .card--card.card--media>.card__content{margin-top:0}.complementary-products-contains-quick-add .underline-links-hover:hover a{text-decoration:initial}.complementary-products-contains-quick-add .card__heading:hover a{text-decoration:underline}.complementary-products__container .card--card .card__inner .card__media{border-radius:calc(var(--corner-radius) - var(--border-width) - var(--image-padding))}.complementary-products__container .card--horizontal .quick-add{margin:0;max-width:20rem}.complementary-products__container .quick-add__submit,.complementary-products__container .add__submit{padding:1.5rem 0;min-height:inherit}.complementary-products__container .quick-add__submit .icon-plus,.complementary-products__container .add__submit .icon-plus{width:1.2rem}.complementary-products__container .icon-wrap{display:flex}.complementary-products .sold-out-message:not(.hidden)+.icon-wrap{display:none}.complementary-products__container .quick-add__submit:not(.animate-arrow) .icon-wrap,.complementary-products__container .add__submit:not(.animate-arrow) .icon-wrap{transition:transform var(--duration-short) ease}.complementary-products__container .quick-add__submit:not(.animate-arrow):hover .icon-wrap,.complementary-products__container .add__submit:not(.animate-arrow):hover .icon-wrap{transform:rotate(90deg)}.complementary-products__container .quick-add__submit:after,.complementary-products__container .quick-add__submit:hover:after,.complementary-products__container .add__submit:after,.complementary-products__container .add__submit:hover:after{box-shadow:none}.complementary-products__container .card--horizontal .quick-add,.complementary-products__container .card__badge{justify-self:var(--text-alignment)}.product--no-media .complementary-products__container .price{text-align:var(--text-alignment)}@media screen and (min-width: 750px){.complementary-products__container .price--on-sale .price-item--regular{font-size:1.3rem}}