.abrsm-featured-products{--abrsm-red: #ff364e;--abrsm-gold: #CBA135;--abrsm-navy: #1E2A39;--abrsm-ink: #111318;--abrsm-soft: #F6F6F7;--font-heading-family: "Campton", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body-family: "Whitney", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.abrsm-featured-products.section--with-divider{border-bottom:1px solid rgba(0,0,0,.06)}.abrsm-featured-products .section-header{margin-bottom:clamp(16px,2vw,24px)}.abrsm-featured-products .section-header__title{margin:0 0 .25rem;color:var(--abrsm-ink);line-height:var(--heading-line-height, 1.2);font-family:var(--font-heading-family);font-weight:var(--heading-font-weight, 700);font-size:var(--heading-font-size, 20px);letter-spacing:var(--heading-letter-spacing, 0px);text-transform:var(--heading-text-transform, none)}@media(min-width:990px){.abrsm-featured-products.afp-reference-headings .section-header__title{font-size:30px;font-weight:600;line-height:1.1;letter-spacing:0;text-transform:none}}.abrsm-featured-products .section-header__link{align-items:center;border-radius:999px;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;letter-spacing:0;line-height:1;min-height:40px;padding:0 16px;text-align:center;text-transform:none}.abrsm-featured-products .page-width{padding-inline:var(--abrsm-wide-gutter, clamp(16px, 3vw, 24px))}.abrsm-featured-products .page-width--flush-small{padding-inline:var(--abrsm-wide-gutter, clamp(16px, 3vw, 24px))!important}.abrsm-featured-products .afp-grid{display:grid;gap:var(--gutter, 16px);grid-template-columns:repeat(var(--cols-mobile, 2),minmax(0,1fr));padding:var(--pad-block) var(--pad-inline);align-items:stretch}@media(min-width:750px){.abrsm-featured-products .afp-grid{grid-template-columns:repeat(var(--cols-tablet, 2),minmax(0,1fr))}}@media(min-width:990px){.abrsm-featured-products .afp-grid{grid-template-columns:repeat(var(--cols-desktop, 4),minmax(0,1fr))}}.abrsm-featured-products .afp-grid--scroll{grid-auto-flow:column;grid-auto-columns:minmax(260px,84%);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.abrsm-featured-products .afp-grid--scroll>*{scroll-snap-align:start}@media(min-width:750px){.abrsm-featured-products .afp-grid--scroll{grid-auto-flow:initial;grid-auto-columns:initial;overflow:visible;scroll-snap-type:none}}.abrsm-featured-products .afp-carousel-enabled.afp-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--gutter, 16px);align-items:stretch}.abrsm-featured-products .afp-carousel-enabled.afp-grid>*{scroll-snap-align:start;box-sizing:border-box;flex:0 0 calc((100% - (var(--gutter) * (var(--cols-mobile) - 1))) / var(--cols-mobile))}@media(min-width:750px){.abrsm-featured-products .afp-carousel-enabled.afp-grid>*{flex:0 0 calc((100% - (var(--gutter) * (var(--cols-tablet) - 1))) / var(--cols-tablet))}}@media(min-width:990px){.abrsm-featured-products .afp-carousel-enabled.afp-grid>*{flex:0 0 calc((100% - (var(--gutter) * (var(--cols-desktop) - 1))) / var(--cols-desktop))}}@media(max-width:989px){.abrsm-featured-products .section-header{margin-bottom:10px}.abrsm-featured-products .section-header__title{font-size:clamp(32px,4.6vw,44px);line-height:1.08}.abrsm-featured-products .afp-grid{gap:max(var(--gutter, 16px),16px);padding:4px 0 0}.abrsm-featured-products .afp-carousel-enabled.afp-grid{gap:16px}.abrsm-featured-products .afp-carousel-enabled.afp-grid>*{flex-basis:calc((100% - 16px)/2);min-width:0}.abrsm-featured-products .afp-card__info{padding:.95rem .95rem 1rem}}@media(max-width:749px){.abrsm-featured-products .page-width,.abrsm-featured-products .page-width--flush-small{padding-inline:12px!important}.abrsm-featured-products .section-header__title{font-size:clamp(26px,6vw,34px)}.abrsm-featured-products .afp-grid--scroll{grid-auto-columns:minmax(250px,86%)}.abrsm-featured-products .afp-grid,.abrsm-featured-products .afp-carousel-enabled.afp-grid{gap:12px}.abrsm-featured-products .afp-carousel-enabled.afp-grid>*{flex-basis:calc((100% - 12px)/2)}}.abrsm-featured-products .afp-grid--scroll,.abrsm-featured-products .afp-carousel-enabled.afp-grid{scrollbar-color:var(--abrsm-red) rgba(17,19,24,.08);scrollbar-width:thin}.abrsm-featured-products .afp-grid--scroll::-webkit-scrollbar,.abrsm-featured-products .afp-carousel-enabled.afp-grid::-webkit-scrollbar{height:10px}.abrsm-featured-products .afp-grid--scroll::-webkit-scrollbar-track,.abrsm-featured-products .afp-carousel-enabled.afp-grid::-webkit-scrollbar-track{background:#11131814;border-radius:999px}.abrsm-featured-products .afp-grid--scroll::-webkit-scrollbar-thumb,.abrsm-featured-products .afp-carousel-enabled.afp-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--abrsm-red),color-mix(in srgb,var(--abrsm-red) 78%,#ffffff));border:2px solid #ffffff;border-radius:999px}.abrsm-featured-products .afp-card{display:flex;flex-direction:column;position:relative;border-radius:var(--radius, 16px);overflow:hidden;background:#fff;box-shadow:var(--shadow, 0 6px 18px rgba(0,0,0,.06));transition:transform .3s ease,box-shadow .3s ease;height:100%}.abrsm-featured-products .afp-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000001f}.abrsm-featured-products .afp-card--skeleton .afp-skel{position:relative;overflow:hidden;border-radius:8px;background:#eee}.abrsm-featured-products .afp-card--skeleton .afp-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:abrsm-featured-shine 1.2s infinite}.abrsm-featured-products .afp-skel--image{height:0;padding-bottom:calc(100% / (var(--aspect, 4 / 5)))}.abrsm-featured-products .afp-skel--text{height:14px;margin:8px 0}.abrsm-featured-products .afp-skel--btn{height:36px;width:140px;margin-top:10px;border-radius:999px}@keyframes abrsm-featured-shine{to{transform:translate(100%)}}.abrsm-featured-products .afp-card__media{display:block;position:relative;z-index:0;text-decoration:none;color:inherit}.abrsm-featured-products .afp-card__image-mask{aspect-ratio:var(--aspect, 4 / 5);background:#f4f4f4;position:relative;flex:0 0 auto}.abrsm-featured-products .afp-card__img{width:100%;height:100%;object-fit:cover;display:block}.abrsm-featured-products .afp-card__img--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.abrsm-featured-products .afp-card:hover .afp-card__img--secondary{opacity:1}.abrsm-featured-products .afp-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay, rgba(0,0,0,0));opacity:var(--overlay-opacity, 0);transition:opacity .35s ease;z-index:1;pointer-events:none}.abrsm-featured-products .afp-card:hover .afp-card__overlay{opacity:calc(var(--overlay-opacity, 0) * .7)}.abrsm-featured-products .afp-card__badges{position:absolute;top:.75rem;left:.75rem;z-index:2;display:flex;gap:.35rem}.abrsm-featured-products .afp-badge{background:var(--badge-bg, var(--abrsm-gold));color:var(--badge-color, #1a1a1a);font-size:12px;padding:.25rem .5rem;border-radius:999px;box-shadow:0 1px 2px #0000001f}.abrsm-featured-products .afp-card__info{position:relative;z-index:2;padding:.85rem .9rem 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto}.abrsm-featured-products .afp-card__vendor{font-family:var(--font-body-family);font-weight:var(--vendor-weight, 400);font-size:var(--vendor-size, 12px);text-transform:var(--vendor-transform, none);color:#111318b3;margin-bottom:.25rem}.abrsm-featured-products .afp-card__title{margin:0 0 .35rem;font-size:var(--title-size, 16px);line-height:var(--title-lh, 1.2);color:var(--abrsm-ink);font-weight:var(--title-weight, 700);font-family:var(--font-heading-family);letter-spacing:var(--title-letter-spacing, 0px);text-transform:var(--title-transform, none);display:-webkit-box;-webkit-line-clamp:var(--title-line-clamp, 2);-webkit-box-orient:vertical;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;word-break:break-word}@media(min-width:990px){.abrsm-featured-products .afp-card__title{min-height:calc(var(--title-size, 16px) * var(--title-lh, 1.2) * var(--title-line-clamp, 2))}}.abrsm-featured-products .afp-card__title a{color:inherit;text-decoration:none}.abrsm-featured-products .afp-card__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.abrsm-featured-products .afp-card__price{font-size:var(--price-size, 15px);font-weight:var(--price-weight, 700);color:var(--abrsm-ink);text-transform:var(--price-transform, none)}.abrsm-featured-products .afp-card__price--compare{text-decoration:line-through;color:#1113188a;font-weight:500}.abrsm-featured-products .afp-card__cta{display:flex;margin-top:auto}.abrsm-featured-products .afp-quick-add{display:flex;width:100%}.abrsm-featured-products .afp-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .85rem;border-radius:999px;background:var(--cta-bg, var(--abrsm-red));color:var(--cta-color, #fff);font-size:var(--cta-size, 14px);font-weight:var(--cta-weight, 600);border:1px solid transparent;text-transform:var(--cta-transform, none);white-space:nowrap;transition:background-color .25s ease,color .25s ease,transform .25s ease;overflow:hidden}.abrsm-featured-products .afp-card__cta .afp-btn{width:100%}.abrsm-featured-products .afp-btn.is-loading{opacity:.72;pointer-events:none}.abrsm-featured-products .afp-btn:hover,.abrsm-featured-products .afp-btn:focus{background:var(--cta-bg-hover, #ff364e);color:var(--cta-color-hover, #fff);transform:translateY(-1px);outline:3px solid var(--accent, var(--abrsm-gold));outline-offset:2px}.abrsm-featured-products .afp-btn--ghost{background:transparent;color:var(--abrsm-navy);border-color:currentColor}.abrsm-featured-products.glint-enabled .afp-btn:after{content:"";position:absolute;top:-20%;right:-60%;bottom:-20%;left:-60%;pointer-events:none;background:linear-gradient(120deg,#fff0 10%,#ffffff73,#fff0 60%);transform:translate(-120%) skew(-12deg);transition:transform .65s ease;mix-blend-mode:screen}.abrsm-featured-products.glint-enabled .afp-btn:hover:after,.abrsm-featured-products.glint-enabled .afp-btn:focus-visible:after{transform:translate(120%) skew(-12deg)}@media(prefers-reduced-motion:reduce){.abrsm-featured-products.glint-enabled .afp-btn:after{transition:none}}.abrsm-featured-products .afp-carousel-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:.75rem}.abrsm-featured-products .afp-carousel-prev,.abrsm-featured-products .afp-carousel-next{background:var(--abrsm-soft);border:1px solid rgba(0,0,0,.06);border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.abrsm-featured-products .afp-carousel-prev:focus,.abrsm-featured-products .afp-carousel-next:focus{outline:3px solid var(--accent, var(--abrsm-gold));outline-offset:2px}.abrsm-featured-products .afp-carousel-dots{display:flex;gap:.35rem;align-items:center}.abrsm-featured-products .afp-carousel-dots button{position:relative;width:28px;height:28px;border-radius:999px;border:none;background:transparent;padding:0}.abrsm-featured-products .afp-carousel-dots button:after{content:"";position:absolute;inset:50% auto auto 50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#0000001f}.abrsm-featured-products .afp-carousel-dots button[aria-pressed=true]:after{background:var(--abrsm-navy)}.abrsm-featured-products .afp-view-all{grid-column:1 / -1;text-align:center;margin-top:1rem}.abrsm-featured-products .afp-view-all__link{display:inline-block;font-weight:600;color:var(--abrsm-navy);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:.15rem;text-transform:none}.abrsm-featured-products .afp-view-all__link:hover{color:var(--abrsm-red)}@media(min-width:990px){.abrsm-featured-products.afp-home-encore .afp-scroll-wrap{width:calc((((100% - (var(--gutter, 12px) * 5)) / 6) * 4) + (var(--gutter, 12px) * 3));max-width:100%;margin-inline:auto}}body.template-index .main-content .abrsm-featured-products.afp-home-piano{margin-bottom:0}body.template-index .main-content .shopify-section.index-section:has(>.afp-home-piano){margin-bottom:16px!important}.abrsm-featured-products.afp-home-encore .afp-card--encore-plus-book-1-grades-initial-1-2 .afp-btn{--cta-bg: #087a6b;--cta-bg-hover: #056356;--cta-color: #ffffff;--cta-color-hover: #ffffff;--accent: #111827}.abrsm-featured-products.afp-home-encore .afp-card--encore-plus-book-4-grades-7-8 .afp-btn{--cta-bg: #006fa8;--cta-bg-hover: #075985;--cta-color: #ffffff;--cta-color-hover: #ffffff;--accent: #111827}.abrsm-featured-products.afp-home-encore .afp-card--encore-plus-book-2-grades-3-4 .afp-btn{--cta-bg: #f3ad2f;--cta-bg-hover: #e19616;--cta-color: #111827;--cta-color-hover: #111827;--accent: #111827}.abrsm-featured-products.afp-home-encore .afp-card--encore-plus-book-3-grades-5-6 .afp-btn{--cta-bg: #c72647;--cta-bg-hover: #a91635;--cta-color: #ffffff;--cta-color-hover: #ffffff;--accent: #111827}@media(prefers-reduced-motion:reduce){.abrsm-featured-products .afp-card,.abrsm-featured-products .afp-card__img--secondary{transition:none!important}.abrsm-featured-products .afp-grid{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/abrsm-featured-collection.css.map */