.section-carousel{overflow-x:hidden}.carousel{display:block}.carousel-wrapper{width:100%}.carousel__header{margin-bottom:3.2rem}.carousel__header-inner{align-items:center;display:flex;position:relative;justify-content:space-between}.carousel__preheading{display:none;font-size:1.6rem;line-height:1.4rem}.carousel__description{display:none;max-width:55rem}.carousel__grid{z-index:2}.carousel__wrapper{position:relative;z-index:2}.carousel__slides{column-gap:var(--carousel-horizontal-spacing-mobile);display:flex;flex-wrap:nowrap;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides-slide{align-items:flex-start;color:var(--color-text);display:flex;justify-content:center;position:relative}.carousel__slides-slide:not(.grid__item){min-width:100%;max-width:100%;scroll-snap-align:start}.carousel__slides-slide>div{height:100%;width:100%}.carousel__slides-slide picture{align-items:center;display:flex}.carousel__slides-slide picture,.carousel__slides-slide img,.carousel__slides-slide .media{width:100%}.carousel__content{margin-bottom:4rem;max-width:50rem}.carousel__controls{display:flex;gap:3.2rem;justify-content:center;margin-top:3.2rem}.carousel__nav{align-items:center;display:flex;justify-content:space-between;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}.carousel__nav-button{align-items:center;background-color:var(--color-white);border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;height:4rem;justify-content:center;outline:none;padding:0;pointer-events:auto;transform:translate(-50%);transition:var(--duration-default) ease opacity;width:4rem}.carousel__nav-button--next{transform:translate(50%)}.carousel__nav-button[disabled]{cursor:not-allowed;opacity:.2}.carousel__nav-button--dark{background-color:var(--color-primary);color:var(--color-white)}.carousel__nav-button .icon{color:var(--color-text);height:2.4rem;min-width:1.2rem;width:1.2rem}.carousel__nav-button--dark .icon{color:var(--color-white)}.carousel__tracker{background-color:var(--color-grey-medium);border-radius:.4rem;display:flex;height:.4rem;margin:3.2rem auto 0;overflow:hidden}.carousel__tracker--dark .carousel__tracker-part{border-color:var(--color-primary)}.carousel__tracker--dark .carousel__tracker-part.active{background-color:var(--color-primary)}.carousel__tracker-part{background-color:transparent;border:.2rem solid var(--color-white);flex:1;height:100%;opacity:0;transition:all var(--duration-long)}.carousel__tracker-part.active{opacity:1}.carousel__progress{display:none;height:.4rem;width:7rem}.carousel__progress span{display:block;height:100%;width:0}.carousel--text-title .section__header-title-text{font-family:var(--font-body-family);font-size:1.8rem;font-weight:var(--font-body-weight);text-transform:none}.carousel--padded-section{padding-bottom:6rem;padding-top:6rem}.carousel--has-content .section__header{margin-bottom:.8rem}.carousel--dots .carousel__tracker{background-color:transparent;height:1.2rem;margin:0;width:auto;z-index:15}.carousel--dots .carousel__tracker .carousel__tracker-part{border-radius:100%;height:1.2rem;margin:0 .4rem;opacity:1;width:1.2rem;max-width:1.2rem}.carousel--dots .carousel__tracker .carousel__tracker-part.active{background-color:var(--color-white)}.carousel--dots .carousel__tracker--dark .carousel__tracker-part.active{background-color:var(--color-primary)}@media screen and (max-width: 749px){.carousel--show-to-edge:not(.carousel--no-mobile){max-width:100%;padding:0}.carousel--show-to-edge:not(.carousel--no-mobile) .carousel__slides{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.carousel--show-to-edge:not(.carousel--no-mobile) .carousel__slides-slide{scroll-margin-left:var(--carousel-horizontal-spacing-mobile)}.carousel--show-to-edge:not(.carousel--no-mobile) .carousel__slides-slide:first-of-type{margin-left:var(--carousel-horizontal-spacing-mobile);scroll-margin-left:var(--carousel-horizontal-spacing-mobile)}.carousel--show-to-edge:not(.carousel--no-mobile) .carousel__slides-slide:last-of-type{margin-right:var(--carousel-horizontal-spacing-mobile);scroll-margin-right:var(--carousel-horizontal-spacing-mobile)}.carousel--no-mobile .carousel__slides{padding:0 var(--page-width-padding)}.carousel__nav,.carousel--no-mobile .carousel__controls{display:none}}@media screen and (max-width: 2000px){.carousel--show-to-edge{padding:0;max-width:100%}.carousel--show-to-edge .carousel__slides{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.carousel--show-to-edge .carousel__slides-slide{scroll-margin-left:var(--carousel-horizontal-spacing)}.carousel--show-to-edge .carousel__slides-slide:first-of-type{margin-left:var(--page-width-padding);scroll-margin-left:var(--page-width-padding)}.carousel--show-to-edge .carousel__slides-slide:last-of-type{margin-right:var(--page-width-padding);scroll-margin-right:var(--page-width-padding)}}@media screen and (min-width: 750px){.carousel--no-tablet .carousel__slides{padding:0 var(--page-width-padding)}.carousel__preheading{display:block;font-size:1.7rem;line-height:1.7rem}.carousel__heading{margin:0}.carousel__progress{display:block}.carousel__slides{column-gap:var(--carousel-horizontal-spacing)}}@media screen and (min-width: 750px) and (max-width: 1599px){.carousel--show-to-edge:not(.carousel--no-tablet){max-width:100%;padding:0}.carousel--show-to-edge:not(.carousel--no-tablet) .carousel__slides{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.carousel--show-to-edge:not(.carousel--no-tablet) .carousel__slides-slide{scroll-margin-left:var(--carousel-horizontal-spacing)}.carousel--show-to-edge:not(.carousel--no-tablet) .carousel__slides-slide:first-of-type{margin-left:var(--page-width-padding);scroll-margin-left:var(--page-width-padding)}.carousel--show-to-edge:not(.carousel--no-tablet) .carousel__slides-slide:last-of-type{margin-right:var(--page-width-padding);scroll-margin-right:var(--page-width-padding)}.carousel--no-tablet .carousel__nav,.carousel--no-tablet .carousel__controls{display:none}}@media screen and (min-width: 990px){.carousel__header-inner{align-items:flex-end}.carousel__description{display:block;margin-top:3.2rem}}@media screen and (min-width: 1600px){.carousel--no-desktop .carousel__nav,.carousel--no-desktop .carousel__controls{display:none}}@media screen and (min-width: 1600px) and (max-width: 2000px){.carousel--no-desktop .carousel__slides{padding:0 var(--page-width-padding)}.carousel--show-to-edge:not(.carousel--no-desktop){max-width:100%;padding:0}.carousel--show-to-edge:not(.carousel--no-desktop) .carousel__slides{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.carousel--show-to-edge:not(.carousel--no-desktop) .carousel__slides-slide:first-of-type{scroll-margin-left:calc(50vw - 75rem)}.carousel--show-to-edge:not(.carousel--no-desktop) .carousel__slides-slide:last-of-type{margin-right:var(--carousel-horizontal-spacing);scroll-margin-right:var(--carousel-horizontal-spacing)}}@media screen and (min-width: 2001px){.carousel__header,.carousel__nav{padding:0}}.store-bunnahabhain .carousel__nav-button,.store-tobermory .carousel__nav-button{border-radius:0}.store-bunnahabhain .carousel__preheading{font-size:1.2rem;font-family:var(--font-body-family);font-weight:500;letter-spacing:.096rem;line-height:1.4rem;text-align:left}.store-bunnahabhain .carousel__heading{text-align:left}.store-bunnahabhain .carousel__progress{background-color:gray}.store-bunnahabhain .carousel--dots .carousel__tracker{height:.2rem}.store-bunnahabhain .carousel--dots .carousel__tracker .carousel__tracker-part{border-radius:0;height:.2rem;margin:0 .8rem 0 0;opacity:.5;width:1.6rem}.store-bunnahabhain .carousel--dots .carousel__tracker .carousel__tracker-part.active{opacity:1}@media screen and (min-width: 750px){.store-bunnahabhain .carousel__preheading{font-size:1.4rem;letter-spacing:.112rem;line-height:1.6rem}.store-bunnahabhain .carousel--dots .carousel__tracker{height:.3rem}.store-bunnahabhain .carousel--dots .carousel__tracker .carousel__tracker-part{height:.3rem;margin:0 .4rem 0 0;width:2.6rem}}.store-tobermory .carousel__header-inner{gap:1.6rem}.store-tobermory .carousel__preheading{font-size:1.2rem;line-height:1.6rem}.store-tobermory .carousel__description{max-width:86.5rem}@media screen and (min-width: 750px){.store-tobermory .carousel__preheading{font-size:1.4rem;line-height:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/carousel.css.map */