/* AXIOMA all learning materials category · 2026-09-05 */
body.axioma-materials-hub{background:#f7f5f2;color:#111014}
body.axioma-materials-hub .title-container,
body.axioma-materials-hub .subcategory-images,
body.axioma-materials-hub .plugin__skcatimage,
body.axioma-materials-hub .category-desc{display:none!important}

.axmat-hero{position:relative;overflow:hidden;background:#111014;color:#fff;padding:76px max(36px,calc((100vw - 1440px)/2 + 38px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.78fr);gap:62px;align-items:center;min-height:560px}
.axmat-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 23%,rgba(244,64,126,.22),transparent 31%),radial-gradient(circle at 95% 78%,rgba(111,76,255,.10),transparent 30%);pointer-events:none}
.axmat-hero__copy,.axmat-hero__visual{position:relative;z-index:1}
.axmat-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#d8d2d8}
.axmat-kicker:before{content:"";width:34px;height:2px;background:#f4407e}
.axmat-hero h1{margin:24px 0 24px;font-size:clamp(64px,7vw,106px);line-height:.86;letter-spacing:-.065em;color:#fff}
.axmat-hero h1 em{display:block;font-style:normal;color:#f4407e}
.axmat-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.68);font-size:19px;line-height:1.58}
.axmat-hero__visual{min-height:410px}
.axmat-product-shot{position:absolute;background:#19171d;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px rgba(0,0,0,.42);overflow:hidden}
.axmat-product-shot img{display:block;width:100%;height:100%;object-fit:contain;background:#f3efeb}
.axmat-product-shot--a{width:44%;height:330px;left:0;top:38px;transform:rotate(-7deg);z-index:2}
.axmat-product-shot--b{width:43%;height:330px;right:5%;top:4px;transform:rotate(7deg);z-index:3}
.axmat-product-shot--c{width:42%;height:180px;left:28%;bottom:-8px;transform:rotate(-1deg);z-index:4}
.axmat-hero__label{position:absolute;right:2%;bottom:10px;color:rgba(255,255,255,.46);font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;z-index:6}

.axmat-directions{max-width:1440px;margin:0 auto;padding:68px 38px 26px}
.axmat-directions__head{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:end;margin-bottom:26px}
.axmat-eyebrow{display:block;margin-bottom:10px;color:#f4407e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.axmat-directions h2{margin:0;font-size:clamp(44px,5.4vw,76px);line-height:.93;letter-spacing:-.058em;color:#111014}
.axmat-directions__head p{margin:0;color:#756e75;font-size:16px;line-height:1.55}
.axmat-directions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.axmat-direction{position:relative;min-height:310px;border:1px solid rgba(17,16,20,.10);border-radius:28px;background:#fff;overflow:hidden;text-decoration:none;color:#111014;display:grid;grid-template-rows:178px auto;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.axmat-direction:hover{transform:translateY(-5px);box-shadow:0 24px 70px rgba(17,16,20,.12);border-color:transparent}
.axmat-direction__media{position:relative;background:#eeebe7;overflow:hidden}
.axmat-direction__media img{width:100%;height:100%;object-fit:contain;display:block;padding:20px;transition:transform .25s ease}
.axmat-direction:hover .axmat-direction__media img{transform:scale(1.035)}
.axmat-direction__body{padding:20px 22px 22px}
.axmat-direction__tag{display:block;margin-bottom:8px;color:#a39ba2;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.axmat-direction h3{margin:0 0 8px;font-size:25px;line-height:1.02;letter-spacing:-.035em}
.axmat-direction p{margin:0;color:#746d73;font-size:13px;line-height:1.45}
.axmat-direction__arrow{position:absolute;right:20px;bottom:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111014;color:#fff;font-size:18px}

body.axioma-materials-hub .category.container{max-width:1440px!important;width:calc(100% - 76px)!important;margin:0 auto!important;padding:58px 0 110px!important}
body.axioma-materials-hub .category__leftside{display:none!important}
body.axioma-materials-hub .category__rightside{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.axmat-catalog-head{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:end;margin:0 0 30px}
.axmat-catalog-head h2{margin:0;font-size:clamp(44px,5.2vw,72px);line-height:.93;letter-spacing:-.055em}
.axmat-catalog-head p{margin:0;color:#756e75;font-size:16px;line-height:1.55}
body.axioma-materials-hub #product-list>.ajax-category-count,
body.axioma-materials-hub #product-list>.ajax-category-count-mobile{display:none!important}
body.axioma-materials-hub .category__topbar{margin:0 0 18px!important;padding:0!important}
body.axioma-materials-hub .category__views{opacity:.5}

body.axioma-materials-hub .p-thumbs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
body.axioma-materials-hub .p-thumbs>[class*="p-thumbs__col-"]{display:block!important;float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
body.axioma-materials-hub .p-thumbs__inner{display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(17,16,20,.10)!important;border-radius:24px!important;box-shadow:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
body.axioma-materials-hub .p-thumbs__inner:hover{transform:translateY(-4px)!important;box-shadow:0 20px 60px rgba(17,16,20,.11)!important;border-color:transparent!important}
body.axioma-materials-hub .p-thumbs__img{position:relative!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;padding:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f0ede9!important;overflow:hidden!important}
body.axioma-materials-hub .p-thumbs__img a{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.axioma-materials-hub .p-thumbs__img img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;margin:0!important}
body.axioma-materials-hub .p-thumbs__text{display:flex!important;flex:1!important;flex-direction:column!important;min-height:230px!important;padding:20px 22px 22px!important;background:#fff!important}
body.axioma-materials-hub .p-thumbs__text-name{margin:0 0 12px!important}
body.axioma-materials-hub .p-thumbs__text-name a{display:block!important;color:#111014!important;font-size:18px!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.025em!important;text-decoration:none!important}
body.axioma-materials-hub .p-thumbs__summary{height:auto!important;margin:0 0 14px!important;color:#746d73!important;font-size:12px!important;line-height:1.42!important}
body.axioma-materials-hub .p-thumbs__text-status{font-size:10px!important;color:#8d858c!important;margin-bottom:9px!important}
body.axioma-materials-hub .p-thumbs__text-bottom{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-top:auto!important}
body.axioma-materials-hub .p-thumbs__price{color:#111014!important;font-size:21px!important;font-weight:900!important;line-height:1!important}
body.axioma-materials-hub .p-thumbs__button-col button{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;border:0!important;border-radius:50%!important;background:#111014!important;color:#fff!important;padding:0!important}
body.axioma-materials-hub .p-thumbs__button-col button:hover{background:#f4407e!important}
body.axioma-materials-hub .p-thumbs__add{display:none!important}

@media(max-width:1180px){
 .axmat-hero{grid-template-columns:1fr .78fr;padding-left:30px;padding-right:30px;gap:32px}
 .axmat-directions,.axmat-catalog-head{grid-template-columns:1fr}
 .axmat-directions__head{grid-template-columns:1fr;gap:14px}
 body.axioma-materials-hub .p-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.axioma-materials-hub .category.container{width:calc(100% - 48px)!important}
}
@media(max-width:820px){
 .axmat-hero{grid-template-columns:1fr;min-height:0;padding:58px 22px 52px;gap:28px}
 .axmat-hero h1{font-size:64px}
 .axmat-hero p{font-size:16px}
 .axmat-hero__visual{min-height:330px}
 .axmat-product-shot--a,.axmat-product-shot--b{height:255px}
 .axmat-product-shot--c{height:135px}
 .axmat-directions{padding:48px 20px 18px}
 .axmat-directions__grid{grid-template-columns:1fr}
 .axmat-direction{grid-template-rows:155px auto;min-height:270px}
 body.axioma-materials-hub .category.container{width:calc(100% - 32px)!important;padding:44px 0 76px!important}
 .axmat-catalog-head{grid-template-columns:1fr;gap:12px}
 body.axioma-materials-hub .p-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:520px){
 .axmat-hero h1{font-size:52px}
 .axmat-hero__visual{min-height:280px}
 .axmat-product-shot--a,.axmat-product-shot--b{height:220px}
 .axmat-product-shot--c{height:118px}
 body.axioma-materials-hub .p-thumbs{grid-template-columns:1fr!important}
 body.axioma-materials-hub .p-thumbs__img{aspect-ratio:4/3!important}
 body.axioma-materials-hub .p-thumbs__text{min-height:0!important}
}