/* School reference layout — scoped to /school. */
.horrad-school-page{background:#fffcf6!important;color:#103f40}
.horrad-school-page:before,.horrad-school-page:after{display:none!important}
.horrad-school-page .inner-main{padding-top:18px}
.horrad-school-page .container{max-width:1280px}
.horrad-school-page .school-site-header{background:#fffefc;box-shadow:0 4px 18px #173c3506;position:relative}
.school-site-header .header-row{min-height:82px;gap:26px}
.school-site-header .brand{flex-shrink:0}.school-site-header .brand img{max-width:155px;max-height:58px;object-fit:contain}
.school-header-search{display:flex;flex:1;min-width:0;border:1px solid #e9e6e8;border-radius:12px;overflow:hidden;background:#f7f6f6}
.school-header-search input{border:0;background:none;padding:13px 18px;width:100%;min-width:0;font:inherit;font-size:12px;color:#163d40}
.school-header-search button{background:none;border:0;font-size:30px;padding:0 14px;color:#103f40;cursor:pointer}
.school-site-header .header-actions{gap:14px}.school-site-header .header-actions .btn-ghost{background:#15544f;color:#fff;border:0;border-radius:24px;padding:12px 20px;font-size:12px}
.school-site-header .cart-btn{background:transparent;color:#103f40;box-shadow:none;border:0}
.school-site-header .header-actions .burger{display:none}
.school-topnav{display:flex;justify-content:center;align-items:center;gap:30px;padding-top:14px;padding-bottom:14px;overflow-x:auto;white-space:nowrap;border-top:1px solid #f2eeee}
.school-topnav a{font-size:12px;font-weight:700;color:#153c4c;text-decoration:none}.school-topnav .school-nav-sale{color:#d60d83}
.school-store{--school-ink:#104746;--school-lime:#f4f6ab;color:var(--school-ink);padding-bottom:35px}
.school-store *{box-sizing:border-box}.school-store h1,.school-store h2,.school-store h3{color:inherit}.school-store a{text-decoration:none}.school-store button,.school-store input,.school-store select{font-family:inherit}
.school-hero{position:relative;isolation:isolate;min-height:370px;aspect-ratio:3.3;overflow:hidden;border-radius:24px;background:#12453f;display:flex;align-items:center}
.school-hero-background{position:absolute;z-index:-1;inset:-18px 0;background-size:cover;background-position:center;transform:translate3d(0,var(--school-drift,0px),0);pointer-events:none}
.school-hero-copy{width:44%;margin-right:11%;padding:26px 0;text-align:center;color:#fffdf5}
.school-hero h1{font-size:clamp(25px,3.2vw,43px);font-weight:900;line-height:1.55;margin:0 0 18px;letter-spacing:-.6px}.school-hero h1 strong{display:block;color:#f5f4a1;font-size:1.13em}
.school-hero p{font-size:15px;line-height:2;max-width:400px;margin:0 auto 24px;color:#fff}
.school-primary{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--school-lime);color:#143d38!important;border:0;border-radius:40px;min-height:46px;padding:12px 24px;font-weight:800;font-size:13px;cursor:pointer}
.school-primary:hover{background:#faffc9}.school-hero-seal{position:absolute;right:2%;top:9%;border:1px solid #f2e56c;border-radius:50%;padding:15px 17px;color:#fff;font-size:15px;line-height:1.8;transform:rotate(16deg)}
.school-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#fffefb;border:1px solid #fcf1e4;box-shadow:0 10px 26px #d5b97b0d;border-radius:22px;margin:12px 0 34px;padding:17px 22px}
.school-services>div{display:flex;align-items:center;justify-content:center;gap:12px;border-inline-end:1px solid #f1eae2}.school-services>div:last-child{border:0}.school-service-icon{display:grid;place-items:center;flex-shrink:0;background:#edf1eb;border-radius:50%;width:48px;height:48px;font-size:35px}.school-services p{margin:0;line-height:1.8}.school-services strong{display:block;font-size:13px}.school-services small{display:block;color:#76808c;font-size:11px}
.school-section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 20px}.school-section-title h2{font-size:26px;line-height:1.6;font-weight:900;margin:0 0 5px;letter-spacing:-.4px}.school-section-title p,.school-section-title .school-kicker{font-size:12px;color:#758094;margin:0;line-height:1.9}.school-section-title .school-kicker{display:none}.school-section-title>a{background:#eef3ed;border:1px solid #d5e2dd;border-radius:30px;padding:10px 16px;white-space:nowrap;font-size:11px;font-weight:700;color:var(--school-ink)}
.school-category-section{scroll-margin-top:30px}.school-categories{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 70px)/6);gap:14px;overflow-x:auto;padding:2px 2px 15px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bed3c8 transparent}.school-categories:target{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto}
.school-category{display:flex;flex-direction:column;text-align:center;align-items:center;padding:5px 5px 14px;border:1px solid #f5eee5;border-radius:19px;background:white;color:var(--school-ink)!important;box-shadow:0 4px 16px #b9945d08;scroll-snap-align:start;transition:transform .2s,border-color .2s}.school-category:hover{transform:translateY(-3px);border-color:#bbd5c7}.school-category-art{width:100%;aspect-ratio:1;overflow:hidden;border-radius:15px;margin-bottom:14px}.school-category-art img{width:100%;height:100%;object-fit:contain}.school-category strong{font-size:13px;line-height:1.8}.school-category small{font-size:10px;color:#7f8693;margin-top:7px}
.school-sprite{display:block;background-image:url('../images/school/categories.png');background-size:300% 300%;background-position:100% 50%;width:100%;height:100%;aspect-ratio:1}
.school-sprite-cases{background-position:0 0}.school-sprite-bags{background-position:50% 0}.school-sprite-notebooks{background-position:100% 0}.school-sprite-bottles,.school-sprite-lunch{background-position:0 50%}.school-sprite-stationery{background-position:50% 50%}.school-sprite-art{background-position:100% 50%}.school-sprite-desks{background-position:0 100%}.school-sprite-educational{background-position:50% 100%}.school-sprite-board{background-position:100% 100%}
.school-products{scroll-margin-top:25px}.school-filter-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:23px;background:linear-gradient(110deg,#dcd2ec,#f1ebf9);padding:28px 30px 28px 29%;margin:12px 0 30px;min-height:280px}.school-filter-panel>.school-section-title{margin:0 0 20px}.school-filter-panel h2{font-size:25px;color:#143655}.school-filter-art{position:absolute;left:0;bottom:0;width:28%;aspect-ratio:1;z-index:-1;transform:translate3d(0,var(--school-drift,0px),0)}.school-filter-art .school-sprite{mix-blend-mode:multiply}
.school-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.school-filters label{min-width:0}.school-filters label span{display:block;font-size:11px;font-weight:700;color:#244052;margin-bottom:6px}.school-filters input,.school-filters select{width:100%;height:47px;background:#fff;border:1px solid #ece9ef;border-radius:12px;padding:8px 12px;font-size:12px;color:#294358}.school-filters>label:first-child{grid-column:1/-1}.school-filter-checks{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap}.school-filter-checks label{display:flex;align-items:center;gap:6px;font-size:11px;color:#455167}.school-filter-checks input{height:16px;width:16px;accent-color:#19544e}.school-filter-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:4px}.school-filter-actions .school-primary{background:linear-gradient(120deg,#226761,#10443f);color:white!important;border:1px solid #fff;border-radius:15px;min-width:55%;font-size:14px}.school-filter-actions>a{font-size:10px;color:#4d4c67}
.school-collection{margin:28px 0;background:none;padding:0;border:0}.school-collection .school-section-title{margin-top:0}.school-collection .school-kicker{color:#788193;font-size:12px}.school-collection .school-section-title>span{display:none}
.school-carousel{position:relative;contain:layout paint;overflow-x:auto;max-width:100%;min-width:0;direction:rtl;scroll-snap-type:x mandatory;scroll-padding-inline:3px;scrollbar-width:thin;scrollbar-color:#bad0c7 transparent;padding:4px 3px 14px;border-radius:18px;overscroll-behavior-x:contain}
.school-store ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0!important;margin:0!important;list-style:none}.school-store ul.products:before,.school-store ul.products:after{display:none!important}.school-store .school-carousel ul.products{display:flex!important;flex-wrap:nowrap!important;gap:16px}.school-store ul.products li.product{position:relative;float:none!important;width:auto!important;min-width:0;margin:0!important;padding:13px!important;display:flex;flex-direction:column;background:#fff;border:1px solid #f0eeee;border-radius:20px;box-shadow:0 3px 14px #b9945d05;scroll-snap-align:start}.school-store .school-carousel ul.products li.product{flex:0 0 calc((100% - 48px)/4)}
.school-store ul.products li.product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px;background:white;margin-bottom:10px}.school-store ul.products li.product .woocommerce-loop-product__title{font-size:13px;line-height:1.9;font-weight:800;color:#15374d;padding:0;margin:10px 0}.school-store ul.products li.product .price{font-size:14px;font-weight:800;color:#123c49;display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px;line-height:1.8}.school-store ul.products li.product .price del{font-size:11px;color:#88909b}.school-store ul.products li.product .price ins{background:none;text-decoration:none}.school-store ul.products li.product .button{display:block;background:linear-gradient(120deg,#1c635c,#124740);color:#fff;padding:11px 7px;border-radius:12px;text-align:center;font-size:11px;line-height:1.8;min-height:44px;margin-top:auto;text-decoration:none;border:0}.school-store ul.products li.product .onsale{position:absolute;top:10px;right:10px;left:auto;min-width:0;min-height:0;padding:5px 10px;line-height:1.5;font-size:10px;border-radius:20px;background:#d20d7b;color:white}.school-store ul.products li.product .star-rating{color:#eaa72d}
.school-carousel-controls{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin:0 3px 8px}.school-carousel-controls[hidden]{display:none}.school-carousel-controls button{width:34px;height:34px;border:1px solid #d6e1dc;border-radius:50%;background:#fff;color:#124640;font-size:18px;cursor:pointer}.school-carousel-controls button:disabled{opacity:.3;cursor:default}.school-carousel-position{margin-inline-end:auto;color:#788693;font-size:10px}
.school-sale-banner{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:10px;align-items:center;position:relative;overflow:hidden;border-radius:23px;min-height:180px;margin:10px 0 20px;background:linear-gradient(90deg,#d9edca,#fff4e3);padding:22px 28px}.school-sale-banner>div{z-index:1}.school-sale-banner h2{font-size:25px;line-height:1.7;margin:0;font-weight:900}.school-sale-banner p{font-size:12px;line-height:1.9}.school-sale-banner>div:first-child{font-size:20px;color:#314b87;text-align:center}.school-sale-banner .school-primary{padding:9px 18px;min-height:38px;font-size:11px}.school-sale-art{align-self:stretch;background-image:url('../images/school/hero.png');background-size:cover;background-position:left center;border-radius:16px;min-height:150px;transform:translate3d(0,var(--school-drift,0px),0)}
.school-promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:35px}.school-promo{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;background:#e6e0f6;color:#253d6a;border-radius:20px;padding:20px 14px;min-height:180px}.school-promo-educational{background:#ffe0e8;color:#772761}.school-promo-stationery{background:#dceff6}.school-promo>.school-sprite{width:43%;flex-shrink:0;height:auto;border-radius:16px;mix-blend-mode:multiply;order:2}.school-promo h3{font-size:18px;line-height:1.7;margin:0 0 7px}.school-promo p{font-size:11px;line-height:1.9;margin:0 0 14px}.school-promo-button{background:#fff;padding:9px 12px;border-radius:22px;font-size:10px;display:inline-block;font-weight:700}
.school-category-empty,.school-empty{padding:24px;background:#f8f6f1;border:1px dashed #e1e4df;border-radius:18px;text-align:center;line-height:2;color:#697c79;font-size:13px}.school-category-empty>span svg{height:42px;width:42px}.school-admin-hint{font-size:11px}.school-result-count{font-size:12px;color:#6c7c82}.school-pagination{display:flex;justify-content:center;gap:8px;margin:22px 0;flex-wrap:wrap}.school-pagination .page-numbers{padding:8px 13px;background:#edf2eb;border-radius:9px;color:#174b45}.school-pagination .current{background:#174b45;color:white}.school-page-content{margin-top:30px}
.school-store :is(a,button,input,select):focus-visible,.school-carousel:focus-visible,.school-site-header :is(a,button,input):focus-visible{outline:3px solid #cb972a;outline-offset:3px}
@keyframes school-arrive{from{opacity:.8;translate:0 14px}to{opacity:1;translate:0 0}}.school-enter{animation:school-arrive .5s ease-out both}.school-enter:focus-within{animation:none}
@media(max-width:1000px){.school-site-header .header-row{gap:15px}.school-topnav{gap:20px;justify-content:flex-start}.school-hero{min-height:310px}.school-hero-copy{margin-right:9%;width:44%}.school-hero h1{font-size:29px}.school-hero p{font-size:12px}.school-hero-seal{font-size:12px;right:1%;padding:10px}.school-services{padding:14px 10px}.school-services strong{font-size:11px}.school-services small{font-size:10px}.school-service-icon{width:35px;height:35px;font-size:27px}.school-categories{grid-auto-columns:calc((100% - 42px)/4)}.school-categories:target{grid-template-columns:repeat(4,minmax(0,1fr))}.school-store .school-carousel ul.products li.product{flex-basis:calc((100% - 32px)/3)}.school-promo-grid{gap:10px}.school-promo{padding:15px 10px}.school-promo h3{font-size:15px}}
@media(max-width:650px){.school-site-header .header-row{display:flex;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.school-site-header .brand{margin-inline-end:auto}.school-site-header .brand img{max-width:112px}.school-site-header .header-actions{gap:6px}.school-site-header .header-actions .btn-ghost{font-size:10px;padding:9px 12px}.school-header-search{flex-basis:100%;order:3}.school-header-search input{font-size:11px}.school-site-header .header-actions .fav-btn{display:none}.school-topnav{gap:20px;padding:12px 16px}.school-topnav a{font-size:11px}.horrad-school-page .inner-main{padding-top:12px}.school-hero{min-height:440px;aspect-ratio:auto;display:block;border-radius:20px}.school-hero-background{background-size:auto 250px;background-position:left bottom;background-repeat:no-repeat;inset:0;background-color:#064338}.school-hero-copy{margin:0;width:100%;padding:25px 20px 210px;text-align:center;background:linear-gradient(#104740 42%,#10474000 68%)}.school-hero h1{font-size:25px;margin-bottom:10px}.school-hero p{font-size:12px;margin-bottom:15px;max-width:280px}.school-hero .school-primary{min-height:38px;font-size:11px;padding:10px 18px}.school-hero-seal{display:none}.school-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 8px;margin-bottom:22px;border-radius:18px}.school-services>div{justify-content:flex-start;gap:8px;border:0}.school-services strong{font-size:10px}.school-services small{font-size:9px}.school-service-icon{width:32px;height:32px;font-size:23px}.school-section-title{margin:22px 0 14px;gap:10px;align-items:flex-start}.school-section-title h2{font-size:19px}.school-section-title p{font-size:10px}.school-section-title>a{font-size:9px;padding:8px 10px;white-space:normal;flex-shrink:0;max-width:110px;text-align:center}.school-categories{grid-auto-columns:calc((100% - 20px)/2.35);gap:10px}.school-categories:target{grid-template-columns:repeat(2,minmax(0,1fr))}.school-category{border-radius:15px}.school-category strong{font-size:11px}.school-category small{font-size:9px}.school-category-art{margin-bottom:9px;border-radius:12px}.school-filter-panel{padding:20px 16px;min-height:0;border-radius:20px}.school-filter-art{display:none}.school-filter-panel h2{font-size:20px}.school-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.school-filters input,.school-filters select{padding:8px;font-size:11px}.school-filters label span{font-size:10px}.school-filter-checks{gap:12px}.school-filter-actions{flex-direction:column;gap:10px}.school-filter-actions .school-primary{width:100%;font-size:13px}.school-store .school-carousel ul.products{gap:12px}.school-store .school-carousel ul.products li.product{flex-basis:78%}.school-store ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.school-store ul.products li.product{padding:10px!important;border-radius:17px}.school-store ul.products li.product .woocommerce-loop-product__title{font-size:12px}.school-sale-banner{grid-template-columns:1fr 1fr;gap:12px;padding:22px 16px}.school-sale-art{display:none}.school-sale-banner h2{font-size:20px}.school-sale-banner p{font-size:10px}.school-sale-banner>div:first-child{font-size:17px}.school-promo-grid{grid-template-columns:1fr;gap:12px}.school-promo{padding:20px;min-height:150px;gap:18px}.school-promo h3{font-size:19px}.school-promo>.school-sprite{width:38%;max-width:140px}.school-promo p{font-size:12px}.school-promo-button{font-size:11px}.school-collection{margin:24px 0}}
@media(prefers-reduced-motion:reduce){.school-store *{--school-drift:0px!important;animation:none!important;transition:none!important}}
.school-store .school-fav{position:absolute;left:10px;top:10px;z-index:2;display:grid;place-items:center;background:#fffffff2;border:0;border-radius:50%;width:34px;height:34px;color:#17394b;cursor:pointer}.school-fav svg{width:21px;height:21px}.school-store .school-fav[aria-pressed="true"]{color:#cc137a}.school-fav[aria-pressed="true"] svg{fill:#cc137a}
.school-site-header .header-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center;min-width:0}
.school-site-header .header-row .brand{grid-column:1!important;grid-row:1!important;font-size:20px;line-height:1.4;font-weight:900;color:#104746;max-width:170px!important}
.school-site-header .school-header-search{grid-column:2!important;grid-row:1!important}
.school-site-header .header-row .header-actions{grid-column:3!important;grid-row:1!important}
.school-site-header .header-actions .btn-ghost{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}
.school-service-icon svg{width:27px;height:27px}
@media(max-width:650px){.school-site-header .header-row{grid-template-columns:minmax(0,1fr) auto!important;padding-inline:16px}.school-site-header .header-row .brand{font-size:16px;max-width:140px!important}.school-site-header .header-row .header-actions{grid-column:2!important;grid-row:1!important}.school-site-header .school-header-search{grid-column:1/-1!important;grid-row:2!important}.school-site-header .header-actions .btn-ghost{padding:8px 10px;font-size:9px}.school-service-icon svg{width:21px;height:21px}}
.school-site-header .brand-fallback{font:inherit!important;color:#104746!important;line-height:1.4!important;overflow-wrap:anywhere}
.school-sale-art{background-image:url('../images/school/categories.png');background-size:300% 300%;background-position:100% 50%;aspect-ratio:1.7;min-height:0;align-self:center;mix-blend-mode:multiply}
/* Keep storefront cards compact inside school catalogue carousels. */
.school-store .school-carousel ul.products li.product>.prod{width:100%;min-width:0;min-height:0;padding:0!important;gap:8px;box-shadow:none}
.school-store .school-carousel .prod-img{width:100%;aspect-ratio:1/1;min-height:0;flex:none}
.school-store .school-carousel .prod-img img,.school-store .school-carousel .prod-img svg.art{width:100%;height:100%;max-height:none;object-fit:contain}
.school-store .school-carousel .prod b{min-height:0;max-height:4.8em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.6}
.school-store .school-carousel .prod .rate{min-height:20px}
.school-store .school-carousel .prod .add svg,.school-store .school-carousel .prod .compare-trigger svg{width:16px!important;height:16px!important;max-width:16px!important;flex:none}
.school-store .school-carousel .prod .add,.school-store .school-carousel .prod .compare-trigger{width:100%;min-height:40px;margin-top:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}
@media(max-width:700px){.school-store .school-carousel ul.products li.product{flex:0 0 164px!important;min-height:0;align-self:stretch;padding:9px!important;border-radius:14px}.school-store .school-carousel ul.products li.product img{height:144px!important;width:100%!important;object-fit:contain!important;aspect-ratio:auto}.school-carousel-controls{display:none!important}.school-store ul.products li.product .woocommerce-loop-product__title{font-size:12px;line-height:1.7}.school-store ul.products li.product .price{font-size:12px}.school-store ul.products li.product .button{font-size:10px;white-space:normal}}