/* NOVRI content pages, directories and native catalog listings. */
#school-uniforms-landing .np-main{max-width:1360px;padding-bottom:96px}
#school-uniforms-landing .np-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding-top:28px;color:var(--school-muted);font-size:11px;line-height:1.7}
#school-uniforms-landing .np-heading{max-width:960px;margin:64px 0 48px}
#school-uniforms-landing .np-heading h1{font-size:clamp(32px,4vw,54px);font-weight:400;line-height:1.18;letter-spacing:-.04em;margin:18px 0 20px}
#school-uniforms-landing .np-heading>p:last-child,#school-uniforms-landing .np-description{max-width:780px;font:16px/1.8 Arial,sans-serif;color:var(--school-muted)}
#school-uniforms-landing .np-description p{margin:0 0 12px}
#school-uniforms-landing .np-main h2{font-size:clamp(22px,2.3vw,30px);font-weight:400;line-height:1.35;letter-spacing:-.025em;margin:0 0 24px}
#school-uniforms-landing .np-main h3{font-size:17px;font-weight:500;line-height:1.5;margin:0 0 18px}
#school-uniforms-landing .np-contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);gap:clamp(40px,7vw,96px)}
#school-uniforms-landing .np-field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#school-uniforms-landing .np-field{min-width:0;margin-bottom:24px}
#school-uniforms-landing .np-field label{display:block;font-size:11px;line-height:1.6;margin-bottom:10px}
#school-uniforms-landing .np-field label span{color:var(--school-muted)}
#school-uniforms-landing .np-field input,#school-uniforms-landing .np-field select,#school-uniforms-landing .np-field textarea{display:block;width:100%;min-width:0;min-height:54px;padding:14px;border:1px solid #babbb4;border-radius:0;background:transparent;font:16px/1.5 Arial,sans-serif;color:var(--school-ink)}
#school-uniforms-landing .np-field textarea{resize:vertical}
#school-uniforms-landing .np-field :is(input,select,textarea):focus,#school-uniforms-landing .np-button:focus-visible{outline:2px solid var(--school-ink);outline-offset:3px}
#school-uniforms-landing .np-consent{display:flex;align-items:flex-start;gap:12px;font:14px/1.7 Arial,sans-serif;margin:10px 0 24px}
#school-uniforms-landing .np-consent input{flex-shrink:0;width:17px;height:17px;margin-top:4px;accent-color:var(--school-ink)}
#school-uniforms-landing .np-consent a{text-decoration:underline;text-underline-offset:3px}
#school-uniforms-landing .np-button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;min-height:58px;padding:18px 24px;background:var(--school-ink);color:white;border:1px solid var(--school-ink);font:500 12px/1.6 var(--school-font);cursor:pointer}
#school-uniforms-landing .np-button>span{font:24px/1 Arial,sans-serif}
#school-uniforms-landing .np-button:hover{background:#363831}
#school-uniforms-landing .np-form-panel .np-button{width:100%}
#school-uniforms-landing .np-contact-details{padding:36px;background:#eaeae4;align-self:start}
#school-uniforms-landing .np-contact-details h2{margin-top:22px}
#school-uniforms-landing .np-contact-details dl{margin:32px 0}
#school-uniforms-landing .np-contact-details dl>div{padding:20px 0;border-top:1px solid #cccdc5}
#school-uniforms-landing .np-contact-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
#school-uniforms-landing .np-contact-details dd{font:16px/1.7 Arial,sans-serif;margin:0;overflow-wrap:anywhere}
#school-uniforms-landing .np-contact-help{padding-top:26px;border-top:1px solid #cccdc5}
#school-uniforms-landing .np-contact-help p{font:15px/1.7 Arial,sans-serif;color:var(--school-muted)}
#school-uniforms-landing .np-text-link{display:flex;justify-content:space-between;gap:20px;padding:18px 0 12px;border-bottom:1px solid var(--school-ink);font-size:11px}
#school-uniforms-landing .np-alert{padding:18px 22px;margin:0 0 26px;background:#f2e7e2;border-left:3px solid #874738;font:15px/1.7 Arial,sans-serif;color:#763a2e}
#school-uniforms-landing .np-error{font:14px/1.6 Arial,sans-serif;color:#873d30;margin-top:8px}
#school-uniforms-landing .np-link-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
#school-uniforms-landing .np-link-list{list-style:none;padding:0;margin:0}
#school-uniforms-landing .np-link-list>li{border-bottom:1px solid var(--school-line)}
#school-uniforms-landing .np-link-list>li>a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:18px 0;font:15px/1.6 Arial,sans-serif}
#school-uniforms-landing .np-link-list a:hover{text-decoration:underline;text-underline-offset:4px}
#school-uniforms-landing .np-link-list a>span{flex-shrink:0}
#school-uniforms-landing .np-nested-links{list-style:none;padding:0 0 14px 18px;font:14px/1.8 Arial,sans-serif}
#school-uniforms-landing .np-nested-links a{display:block;padding:5px 0}
#school-uniforms-landing .np-directory{margin-top:64px;padding-top:40px;border-top:1px solid var(--school-line)}
#school-uniforms-landing .np-directory>h2{margin-top:18px;margin-bottom:32px}
#school-uniforms-landing .np-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:36px 0}
#school-uniforms-landing .np-hub-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border:1px solid var(--school-line);background:#eeeee8;font-size:18px;line-height:1.5}
#school-uniforms-landing .np-hub-card:hover{border-color:var(--school-ink)}
#school-uniforms-landing .np-category-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 40px}
#school-uniforms-landing .np-category-links a{padding:12px 18px;border:1px solid var(--school-line);font:14px/1.5 Arial,sans-serif}
#school-uniforms-landing .np-catalog-toolbar{display:flex;align-items:end;gap:24px;margin-bottom:30px;padding-top:26px;border-top:1px solid var(--school-line)}
#school-uniforms-landing .np-catalog-toolbar>p{flex:1;font:14px/1.6 Arial,sans-serif;color:var(--school-muted)}
#school-uniforms-landing .np-catalog-toolbar .np-field{margin:0}
#school-uniforms-landing .np-catalog-toolbar select{min-height:46px;padding:10px 14px;font-size:14px}
#school-uniforms-landing .np-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 26px}
#school-uniforms-landing .np-product-image{aspect-ratio:4/5;overflow:hidden;background:#eeeee8}
#school-uniforms-landing .np-product-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}
#school-uniforms-landing .np-product-card:hover img{transform:scale(1.025)}
#school-uniforms-landing .np-product-card h2{font-size:12px;line-height:1.6;letter-spacing:0;margin:18px 0 7px}
#school-uniforms-landing .np-product-price{font:16px/1.6 Arial,sans-serif}
#school-uniforms-landing .np-product-price del{font-size:14px;color:var(--school-muted);margin-right:8px}
#school-uniforms-landing .np-product-action{display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:10px;text-transform:uppercase}
#school-uniforms-landing .np-pagination{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;font:14px/1.6 Arial,sans-serif}
#school-uniforms-landing .np-pagination ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
#school-uniforms-landing .np-pagination li>a,#school-uniforms-landing .np-pagination li>span{display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid var(--school-line)}
#school-uniforms-landing .np-pagination .active>span{background:var(--school-ink);color:white}
#school-uniforms-landing .np-empty{padding:44px;background:#eeeee8;max-width:800px}
#school-uniforms-landing .np-empty p{font:16px/1.8 Arial,sans-serif;color:var(--school-muted);margin-bottom:24px}
@media(max-width:760px){
#school-uniforms-landing .np-main{padding-bottom:60px}
#school-uniforms-landing .np-heading{margin:40px 0 32px}
#school-uniforms-landing .np-contact-grid,#school-uniforms-landing .np-link-columns{grid-template-columns:1fr;gap:36px}
#school-uniforms-landing .np-field-row{grid-template-columns:1fr;gap:0}
#school-uniforms-landing .np-contact-details{padding:28px 24px}
#school-uniforms-landing .np-hub-grid{grid-template-columns:1fr;gap:14px}
#school-uniforms-landing .np-hub-card{padding:24px;font-size:16px}
#school-uniforms-landing .np-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}
#school-uniforms-landing .np-catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
#school-uniforms-landing .np-catalog-toolbar>p{grid-column:1/-1}
#school-uniforms-landing .np-pagination{display:block}
#school-uniforms-landing .np-empty{padding:30px 24px}
}

#school-uniforms-landing details.np-description{margin-top:28px;border-top:1px solid var(--school-line);border-bottom:1px solid var(--school-line)}
#school-uniforms-landing .np-description>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;padding:18px 0;font:500 12px/1.6 var(--school-font);color:var(--school-ink);list-style:none}
#school-uniforms-landing .np-description>summary::-webkit-details-marker{display:none}
#school-uniforms-landing .np-description[open]>summary span{transform:rotate(45deg)}
#school-uniforms-landing .np-description>div{padding:4px 0 24px;font:15px/1.8 Arial,sans-serif}
#school-uniforms-landing .np-description h3{font:400 18px/1.5 var(--school-font);margin:12px 0}