.school-product-section{background-color:var(--yooni-bg);color:var(--yooni-text)}.school-product-section .school-product{display:flex;flex-direction:column;gap:var(--yooni-space-5);min-width:0}.school-product__back{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--yooni-space-2);min-height:var(--minimum-touch-target, 44px);color:var(--yooni-text);font-weight:var(--yooni-fw-semibold);text-decoration:none;transition:color var(--yooni-dur-fast) var(--yooni-ease)}.school-product__back:hover{color:var(--yooni-accent)}.school-product__back:hover span{text-decoration:underline}.school-product__back svg{flex:none;width:8px;height:12px;transition:transform var(--yooni-dur-fast) var(--yooni-ease)}.school-product__back:hover svg{transform:translate(calc(-3px * var(--yooni-lift-on)))}.school-product__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--yooni-space-6);align-items:start}@media screen and (min-width:750px){.school-product__layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yooni-space-7)}.school-product__layout--media-right .school-product__media{order:2}}.school-product__media{display:flex;flex-direction:column;gap:var(--yooni-space-3);min-width:0}@media screen and (min-width:750px){.school-product__layout--sticky .school-product__media{position:sticky;top:calc(var(--yooni-sticky-top, 0px) + var(--yooni-space-5))}}.school-product__featured,.school-product__thumbnail{overflow:hidden;aspect-ratio:var(--school-product-image-ratio, 1 / 1);background-color:var(--yooni-tile)}.school-product__slide{height:100%}.school-product__featured{position:relative;cursor:zoom-in}.school-product .school-product__zoom{--yooni-icon-size: 40px;position:absolute;right:12px;bottom:12px;z-index:2;padding:10px}.school-product__lightbox .yooni-icon-btn{--yooni-icon-size: 44px;--yooni-icon-btn-bg: var(--yooni-bg);--yooni-icon-btn-icon: var(--yooni-text);padding:11px;border:0;box-shadow:0 2px 10px #00000040}.school-product__lightbox .school-product__lightbox-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border-radius:0;background-color:rgb(var(--yooni-text-rgb) / .96);color:var(--yooni-bg);overflow:hidden}.school-product__lightbox-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;margin:0;padding:64px 16px 24px;box-sizing:border-box}.school-product__lightbox-image{display:block;max-width:100%;max-height:calc(100% - 32px);width:auto;height:auto;object-fit:contain;border-radius:calc(12px * var(--yooni-radius-scale))}.school-product__lightbox-counter{font-size:calc(.8125rem * var(--yooni-small-scale, 1));font-weight:var(--yooni-fw-semibold);color:inherit;opacity:.85}.school-product .school-product__lightbox-close{position:absolute;top:16px;right:16px;z-index:2}.school-product .school-product__lightbox-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%)}.school-product .school-product__lightbox-arrow--prev{left:12px}.school-product .school-product__lightbox-arrow--next{right:12px}@media screen and (max-width:749px){.school-product__lightbox-figure{padding:64px 8px 24px}}.school-product .school-product__thumbnail-button{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer}.school-product__thumbnail-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow var(--yooni-dur-fast) var(--yooni-ease);pointer-events:none}.school-product__thumbnail-button:hover:after{box-shadow:inset 0 0 0 2px rgb(var(--yooni-text-rgb) / .3)}.school-product__thumbnail-button[aria-current=true]:after{box-shadow:inset 0 0 0 2px var(--yooni-text)}.school-product__thumbnail-button:focus-visible{outline:2px solid var(--yooni-accent);outline-offset:-2px}.school-product__featured{border-radius:calc(32px * var(--yooni-radius-scale))}.school-product__thumbnail{border-radius:calc(16px * var(--yooni-radius-scale))}.school-product__featured img,.school-product__featured svg,.school-product__thumbnail img{display:block;width:100%;height:100%;object-fit:var(--school-product-image-fit, cover)}.school-product__placeholder{fill:var(--yooni-text-soft)}.school-product__thumbnails{display:grid;grid-template-columns:repeat(var(--school-product-thumbnails, 4),minmax(0,1fr));gap:var(--yooni-space-3);margin:0;padding:0;list-style:none}.school-product__media--thumbs-left .school-product__thumbnails{display:flex;gap:var(--yooni-space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.school-product__media--thumbs-left .school-product__thumbnails::-webkit-scrollbar{display:none;width:0;height:0}.school-product__media--thumbs-left .school-product__thumbnail{flex:0 0 var(--school-product-thumb, 80px);scroll-snap-align:start}@media screen and (min-width:750px){.school-product__media--thumbs-left{display:grid;grid-template-columns:var(--school-product-thumb, 80px) minmax(0,1fr);align-items:start}.school-product__media--thumbs-left .school-product__thumbnails{order:-1;flex-direction:column;align-self:stretch;height:0;min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y proximity}.school-product__media--thumbs-left .school-product__thumbnail{flex:none}}.school-product__info{display:flex;flex-direction:column;gap:var(--yooni-space-5);min-width:0}.school-product .school-product__title{margin:0;overflow-wrap:anywhere}.school-product .school-product__title--standard{font-size:clamp(1.625rem,1.2rem + 1.2vw,2rem);font-weight:var(--yooni-fw-bold);line-height:1.2;letter-spacing:normal;text-transform:none;color:var(--yooni-heading)}.school-product .school-store__product-form{height:auto}.school-product .school-product__delivery{margin:0;font-size:calc(.875rem * var(--yooni-small-scale, 1));line-height:1.4;color:var(--yooni-text-muted)}.school-product__description{color:var(--yooni-text-muted)}.school-product__description>:first-child{margin-block-start:0}.school-product__description>:last-child{margin-block-end:0}@media(prefers-reduced-motion:reduce){.school-product__back,.school-product__back svg{transition:none}.school-product__back:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/school-product.css.map */