/* CRINEO catalogue experience | deep navy, warm gold, editorial product discovery */
.catalog-page{background:#f4f6f8}
.catalog-page .catalog-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:clamp(48px,7vw,86px) 0 clamp(46px,6vw,70px);background:radial-gradient(ellipse at 77% 22%,rgba(33,85,137,.48),transparent 33%),linear-gradient(124deg,#06172b 0%,#0b2a49 55%,#071a34 100%)}
.catalog-page .catalog-hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.28;background-image:linear-gradient(120deg,transparent 0 62%,rgba(220,185,111,.16) 62.1%,transparent 62.3%),radial-gradient(circle at 75% 48%,transparent 0 180px,rgba(215,174,84,.12) 181px 182px,transparent 183px);pointer-events:none}
.catalog-page .catalog-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.78fr);column-gap:clamp(35px,7vw,100px);align-items:center}
.catalog-page .catalog-hero-copy{max-width:720px}
.catalog-page .catalog-hero .breadcrumbs{margin-bottom:38px;color:#bdc9d5;font-size:13px}
.catalog-page .catalog-hero .breadcrumbs span{padding:0 8px;color:#d9b763}
.catalog-page .catalog-hero .breadcrumbs a{color:#f0d999}
.catalog-page .catalog-hero .eyebrow{color:#e8c878;letter-spacing:.19em;font-size:12px}
.catalog-page .catalog-hero h1{font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:760px;margin:16px 0 18px;font-size:clamp(43px,6.2vw,76px);line-height:1.04;letter-spacing:-.055em}
.catalog-page .catalog-hero h1 em{font-style:normal;color:#e8c878}
.catalog-page .catalog-hero-copy>p{max-width:570px;margin:0;color:#d4deea;font-size:18px;line-height:1.65}
.catalog-page .catalog-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.catalog-page .btn-gold{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid #e4c675;border-radius:4px;background:linear-gradient(135deg,#f2d991,#d7ae54);color:#071a34;text-decoration:none;font-weight:850;box-shadow:0 9px 28px rgba(215,174,84,.18)}
.catalog-page .catalog-hero-link{color:#fff;text-decoration:none;font-weight:750;border-bottom:1px solid rgba(232,200,120,.65);padding:8px 0}
.catalog-page .catalog-hero-foot{display:flex;align-items:center;gap:13px;margin-top:48px;color:#b5c4d4;font-size:11px;font-weight:800;letter-spacing:.14em}
.catalog-page .catalog-hero-rule{width:30px;height:1px;background:#d7ae54;opacity:.75}
.catalog-page .catalog-hero-visual{position:relative;display:block;width:100%;min-height:0;height:auto;aspect-ratio:1.37;overflow:hidden;border:1px solid rgba(238,211,143,.55);border-radius:3px 3px 72px 3px;color:#fff;text-decoration:none;background:#f8f8f6;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.catalog-page .catalog-hero-visual:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(0deg,rgba(3,12,24,.92),transparent)}
.catalog-page .catalog-hero-visual img{width:100%;height:100%;object-fit:contain;background:#f8f8f6;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.catalog-page .catalog-hero-visual:hover img{transform:scale(1.035)}
.catalog-page .catalog-visual-index,.catalog-page .catalog-visual-caption,.catalog-page .catalog-visual-open{position:absolute;z-index:1;left:25px;right:25px}
.catalog-page .catalog-visual-index{top:24px;font-size:11px;letter-spacing:.14em;font-weight:850}
.catalog-page .catalog-visual-index i{padding:0 7px;color:#e8c878;font-style:normal}
.catalog-page .catalog-visual-caption{bottom:52px;font-size:clamp(27px,3vw,38px);font-weight:850;letter-spacing:-.03em}
.catalog-page .catalog-visual-caption b{color:#e8c878;font-weight:500}
.catalog-page .catalog-visual-open{bottom:23px;color:#eed995;font-size:10px;letter-spacing:.16em;font-weight:850}
.catalog-page .catalog-hero-note{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:32px;color:#b8c8d7;font-size:13px}
.catalog-page .catalog-note-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(232,200,120,.6);border-radius:50%;color:#e8c878;font-family:Georgia,serif;font-weight:700}
.catalog-page .catalog-browser{order:2;padding:58px 0 82px;background:#f4f6f8}
.catalog-page .catalog-controls{gap:20px;margin-bottom:24px}
.catalog-page .catalog-filter-row{grid-template-columns:minmax(0,1fr) minmax(210px,260px);gap:14px}
.catalog-page .catalog-search input,.catalog-page .catalog-brand-filter select{min-height:56px;border-radius:5px;border-color:#d5dce5;background:#fff;box-shadow:0 5px 18px rgba(8,29,52,.045)}
.catalog-page .catalog-search input:focus,.catalog-page .catalog-brand-filter select:focus{outline:3px solid rgba(215,174,84,.25);border-color:#b58c39}
.catalog-page .catalog-toolbar{gap:9px;margin:0;padding:0 0 20px;border-bottom:1px solid #dce2e9}
.catalog-page .catalog-toolbar button{padding:10px 15px;border:1px solid #d7dee6;border-radius:4px;background:transparent;color:#25374b;font-size:14px;transition:background .18s,border-color .18s,color .18s}
.catalog-page .catalog-toolbar button:hover{border-color:#b58c39;color:#071a34}
.catalog-page .catalog-toolbar button.active{border-color:#0b2a49;background:#0b2a49;color:#fff}
.catalog-page .catalog-summary{margin:21px 0 24px;color:#536478;font-size:14px}
.catalog-page .catalog-summary a{color:#174c77}
.catalog-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.catalog-page .product-card{position:relative;overflow:hidden;min-height:390px;padding:18px;border:1px solid #e2e7ed;border-radius:7px;background:#fff;box-shadow:0 7px 23px rgba(8,29,52,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.catalog-page .product-card:hover{transform:translateY(-4px);border-color:#d0ad5f;box-shadow:0 18px 38px rgba(8,29,52,.11)}
.catalog-page .product-card .product-icon{height:190px;margin-bottom:17px;border-radius:4px;background:linear-gradient(145deg,#edf2f6,#f8f4e9)}
.catalog-page .product-card h3{font-size:19px;line-height:1.3;letter-spacing:-.02em}
.catalog-page .product-card p{font-size:14px;line-height:1.55}
.catalog-page .product-price{color:#0b2a49}
.catalog-page .mode-badge{font-size:11px;border-radius:3px;letter-spacing:.04em}
.catalog-page .mode-badge.buy{background:#eaf3ed;color:#245d39}
.catalog-page .product-card .product-actions{gap:8px;padding-top:16px}
.catalog-page .product-card .product-actions a,.catalog-page .product-card .product-actions button{min-height:43px;border-radius:4px}
.catalog-page .recent-products-section{margin-top:62px;padding-top:32px;border-top:1px solid #dce2e9}
.catalog-page main{display:flex;flex-direction:column}
.catalog-page #ceiling-fan-catalogue{order:3}
.catalog-page #salon-beauty-catalogue{order:4}
.catalog-page #hairdressing-tools-catalogue{order:5}
.catalog-page #industrial-steel-catalogue{order:6}
.catalog-page .cta{order:7}
.catalog-page .salon-catalogue-feature{position:relative;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1fr);gap:clamp(28px,5vw,68px);align-items:center;max-width:1080px;padding:25px;border:1px solid #e1e6ec;border-radius:8px;background:#fff;box-shadow:0 15px 42px rgba(8,29,52,.07)}
.catalog-page .section-white{padding:30px 0;background:#f4f6f8}
.catalog-page .salon-catalogue-cover{display:block;overflow:hidden;min-height:245px;border-radius:4px;background:#e9edf0}
.catalog-page .salon-catalogue-cover img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1400/810;object-fit:contain;object-position:center;background:#071a34;transition:transform .5s}
.catalog-page .salon-catalogue-cover:hover img{transform:scale(1.025)}
.catalog-page .salon-catalogue-feature .eyebrow{color:#97752d;font-size:11px;letter-spacing:.17em}
.catalog-page .salon-catalogue-feature h2{margin:8px 0 13px;color:#0b2a49;font-size:clamp(27px,3vw,38px);line-height:1.12;letter-spacing:-.04em}
.catalog-page .salon-catalogue-feature p{max-width:570px;color:#526174;font-size:16px;line-height:1.6}
.catalog-page .salon-catalogue-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.catalog-page .salon-catalogue-actions .btn-blue{min-height:45px;border-radius:4px;background:#0b2a49}
.catalog-page .salon-catalogue-view-note{font-size:13px;color:#67768a}
.catalog-page .cta{padding:68px 0;background:linear-gradient(115deg,#071a34,#0d3555);color:#fff}
.catalog-page .cta-inner{align-items:center}
.catalog-page .cta h2{color:#fff}
.catalog-page .cta p{color:#d4deea}
.catalog-page .cta .btn{border-radius:4px}
@media(max-width:900px){
 .catalog-page .catalog-hero-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:30px}
 .catalog-page .catalog-hero-visual{width:100%;min-height:0;height:auto;aspect-ratio:1.2}
 .catalog-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-page .salon-catalogue-feature{gap:28px}
}
@media(max-width:680px){
 .catalog-page .catalog-hero{padding:32px 0 40px}
 .catalog-page .catalog-hero-inner{grid-template-columns:1fr;gap:26px}
 .catalog-page .catalog-hero .breadcrumbs{margin-bottom:24px}
 .catalog-page .catalog-hero h1{font-size:clamp(41px,12vw,60px)}
 .catalog-page .catalog-hero-copy>p{font-size:17px}
 .catalog-page .catalog-hero-foot{margin-top:33px;font-size:10px;gap:8px}
 .catalog-page .catalog-hero-rule{width:16px}
 .catalog-page .catalog-hero-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1.1}
 .catalog-page .catalog-hero-note{margin-top:0;font-size:12px}
 .catalog-page .catalog-browser{padding:38px 0 52px}
 .catalog-page .catalog-filter-row{grid-template-columns:1fr}
 .catalog-page .catalog-toolbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:15px;scrollbar-width:thin}
 .catalog-page .catalog-toolbar button{flex:0 0 auto}
 .catalog-page .catalog-summary{align-items:flex-start;flex-direction:column;gap:7px}
 .catalog-page .product-grid{grid-template-columns:1fr}
 .catalog-page .product-card{min-height:0}
 .catalog-page .product-card .product-icon{height:210px}
 .catalog-page .section-white{padding:21px 0}
 .catalog-page .salon-catalogue-feature{grid-template-columns:1fr;gap:19px;padding:16px}
 .catalog-page .salon-catalogue-cover{min-height:0}
 .catalog-page .salon-catalogue-cover img{min-height:0}
 .catalog-page .salon-catalogue-feature h2{font-size:30px}
 .catalog-page .cta{padding:48px 0}
}
@media(prefers-reduced-motion:reduce){.catalog-page *, .catalog-page *:before, .catalog-page *:after{scroll-behavior:auto!important;transition:none!important}}

.catalog-page .catalog-empty{grid-column:1/-1;position:relative;overflow:hidden;padding:clamp(24px,4vw,42px);border:1px solid #dce3e9;border-left:4px solid #d7ae54;border-radius:6px;background:linear-gradient(112deg,#fff 0%,#fff 68%,#f1f5f8 100%);text-align:left;box-shadow:0 10px 28px rgba(8,29,52,.055)}
.catalog-page .catalog-empty:after{content:"";position:absolute;right:-50px;top:-90px;width:240px;height:240px;border:1px solid rgba(215,174,84,.3);border-radius:50%;box-shadow:0 0 0 26px rgba(215,174,84,.055),0 0 0 52px rgba(215,174,84,.035);pointer-events:none}
.catalog-page .catalog-empty .eyebrow{color:#97752d;font-size:11px;letter-spacing:.16em}
.catalog-page .catalog-empty h3{position:relative;z-index:1;max-width:700px;margin:10px 0;color:#0b2a49;font-size:clamp(23px,3vw,32px);line-height:1.2;letter-spacing:-.035em}
.catalog-page .catalog-empty p{position:relative;z-index:1;max-width:640px;color:#526174;font-size:16px;line-height:1.6}
.catalog-page .catalog-empty-actions{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.catalog-page .catalog-empty-actions .btn-blue{min-height:46px;border-radius:4px;background:#0b2a49}
.catalog-page .catalog-empty-link{color:#174c77;font-weight:800;text-decoration:underline;text-decoration-color:#d7ae54;text-underline-offset:5px}
