/* NOVERA V183 — prodajna početna i stabilne ton karte */

/* Početna: odmah katalog, kategorije i proizvodi. */
.home-page #main{display:flex!important;flex-direction:column!important}
.home-page .section.cats{order:-6!important;padding:28px 0 30px!important;border-bottom:1px solid #dde2e6!important}
.home-page .home-featured{order:-5!important;padding:32px 0 38px!important}
.home-page .home-service-rail{order:-4!important;padding:0 0 30px!important}
.home-page .home-brand-story{order:-3!important}
.home-page .section-head.center{display:flex;align-items:end;justify-content:space-between;gap:20px;text-align:left!important}
.home-page .section-head.center:after{content:"Otvori cijeli shop →";display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:5px;background:#22272b;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}
.home-page .cat-grid{display:flex!important;gap:8px!important;overflow-x:auto;padding:2px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.home-page .cat{position:relative;flex:0 0 185px!important;min-height:118px!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-decoration:none;scroll-snap-align:start}
.home-page .cat h3{margin:0;color:#17202a!important}.home-page .cat small{margin-top:auto;color:#6d747a;font-size:10px;font-weight:750}.home-page .cat:hover{border-color:#f36a16!important;transform:translateY(-2px)}
.home-page .featured-track{align-items:stretch}.home-page .featured-product>a{height:100%;text-decoration:none}

/* Ton karte: ista širina, header i navigacija kao ostatak shopa. */
.tones-page{overflow-x:hidden;background:#f4f5f6!important}
.tones-page .header-inner{width:min(100% - 32px,1480px)!important}
.tones-page .novera-catalog-panel{top:150px!important}
.tones-page #tones-main{display:block;min-height:60vh;background:#f4f5f6}
.tones-page .tones-hero{padding:42px 0 34px!important;background:#fff!important}
.tones-page .tones-hero .wrap,.tones-page .tones-catalog>.wrap{width:min(100% - 32px,1480px)!important}
.tones-page .tones-catalog{padding:28px 0 55px!important;background:#f4f5f6!important}
.tones-page .tone-brand-slider{display:flex!important;gap:8px;overflow-x:auto;padding:0 0 15px;scrollbar-width:none}
.tones-page .tone-brand-slider button{flex:0 0 auto;min-height:46px;padding:0 22px;border:1px solid #d7dcdf;border-radius:5px;background:#fff;color:#20272c;font-weight:850}
.tones-page .tone-brand-slider button.active{border-color:#f36a16;background:#f36a16;color:#fff}
.tones-page .tone-search-panel{display:grid!important;grid-template-columns:1fr minmax(280px,440px);align-items:end;gap:24px;padding:24px!important;border:1px solid #dfe3e6!important;background:#fff!important}
.tones-page .tone-search-controls input{width:100%;min-height:46px;border:1px solid #cfd5d9;border-radius:5px;background:#fff;color:#17202a;padding:0 14px}
.tones-page .public-palette-tabs{display:flex;gap:8px;overflow-x:auto;padding:16px 0}.tones-page .public-palette-tabs button{flex:0 0 auto}
.tones-page .tone-family-section{padding:20px!important;border:1px solid #dfe3e6!important;background:#fff!important}
.tones-page .public-tone-families{display:flex!important;gap:8px;overflow-x:auto;padding:12px 0 3px;scrollbar-width:thin}
.tones-page .tone-family-card{flex:0 0 145px!important;min-width:145px!important}
.tones-page .public-tone-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px}
.tones-page .public-tone-card{min-width:0;border:1px solid #dfe3e6!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
.tones-page .public-tone-swatch{display:block;width:100%;height:105px;background-size:cover;background-position:center}
.tones-page .public-tone-card>div{padding:11px}.tones-page .public-tone-card b,.tones-page .public-tone-card span,.tones-page .public-tone-card small{overflow:hidden;text-overflow:ellipsis}
.tones-page .tones-shop-cta{margin-top:24px!important;border:1px solid #dfe3e6!important;background:#22272b!important;color:#fff!important}

@media(max-width:1050px){.tones-page .public-tone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){
  .home-page .section-head.center{display:block}.home-page .section-head.center:after{display:none}
  .product-page .novera-main-nav,.tones-page .novera-main-nav{display:none!important;top:116px!important}.product-page .novera-main-nav.open,.tones-page .novera-main-nav.open{display:flex!important}
  .product-page .novera-catalog-panel,.tones-page .novera-catalog-panel{top:116px!important}
  .tones-page .tone-search-panel{grid-template-columns:1fr}.tones-page .public-tone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:580px){
  .home-page .section.cats{padding:21px 0 22px!important}.home-page .home-featured{padding:24px 0 28px!important}.home-page .cat{flex-basis:155px!important;min-height:105px!important}
  .tones-page .tones-hero{padding:25px 0 20px!important}.tones-page .tones-hero h1{font-size:34px!important}.tones-page .tones-catalog{padding-top:16px!important}.tones-page .tone-search-panel,.tones-page .tone-family-section{padding:15px!important}.tones-page .public-tone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tones-page .public-tone-swatch{height:92px}.tones-page .tones-shop-cta{display:grid!important;gap:14px;padding:18px!important}
}