/* FISCHRAINE Phase 140 — unified premium polish: Collection + Value + Studio */
:root{--fr140-rule:rgba(11,11,11,.16)}

/* Collection — calmer editorial rhythm and tactile category navigation */
.category-panel{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,filter .32s ease!important;overflow:hidden!important}
.category-panel:hover{transform:translateY(-7px)!important;box-shadow:0 22px 46px rgba(0,0,0,.13)!important;filter:saturate(1.04)}
.category-panel h3{transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.category-panel:hover h3{transform:translateX(5px)}
.category-explore{display:inline-flex!important;align-items:center!important;gap:8px!important}
.curated-set{transition:transform .28s ease,background .28s ease!important}
.curated-set:hover{transform:translateY(-4px)}

/* Value — make the intelligence page read as one coherent dashboard */
#collectionValueView .value-section{padding-top:clamp(64px,7vw,104px)!important;padding-bottom:clamp(64px,7vw,104px)!important}
#collectionValueView .value-section-head{display:grid!important;grid-template-columns:minmax(280px,.82fr) minmax(320px,1.18fr)!important;gap:clamp(32px,7vw,120px)!important;align-items:end!important;margin-bottom:clamp(32px,4vw,58px)!important}
#collectionValueView .value-section-head h2{max-width:680px!important}
#collectionValueView .value-section-head p{max-width:660px!important;justify-self:end!important}
#collectionValueChart>.value-chart-card{border:1px solid var(--fr140-rule)!important;padding:clamp(22px,3vw,42px)!important;background:transparent!important}
#collectionValueChart .value-chart-card-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;padding-bottom:24px!important;border-bottom:1px solid var(--fr140-rule)!important}
#collectionValueChart .value-chart-wrap-pro{margin-top:18px!important}
#collectionValueChart .value-chart-pro{height:clamp(270px,30vw,430px)!important}
#collectionValueView .value-chart-controls{display:flex;justify-content:flex-end;gap:8px;margin:-22px 0 22px}
#collectionValueView .value-range-btn{min-width:58px;min-height:48px;transition:background .2s ease,color .2s ease,border-color .2s ease}

/* Collection's Studio advert — tighter premium hierarchy */
.studio-ad-benefits{gap:0!important}
.studio-ad-benefit{min-height:172px!important}
.studio-ad-benefit p{max-width:36ch!important}
.studio-ad-showcase{transition:opacity .25s ease}
.studio-ad-showcase:hover{opacity:.94}

/* Studio — conversion polish and consistent interaction language */
.cb-page .cb-btn{transition:background .2s ease,color .2s ease,transform .2s ease!important}
.cb-page .cb-btn:hover{transform:translateY(-2px)}
.cb-page .cb-btn:not(.primary):hover{background:#0b0b0b;color:#f2efe8}
.cb-live-grid a{position:relative;overflow:hidden}
.cb-live-grid a:after{content:"";position:absolute;left:30px;right:30px;bottom:18px;height:1px;background:#0b0b0b;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.cb-live-grid a:hover:after{transform:scaleX(1)}
.cb-section{scroll-margin-top:88px}

@media(max-width:980px){
 #collectionValueView .value-section-head{grid-template-columns:1fr!important;gap:20px!important}
 #collectionValueView .value-section-head p{justify-self:start!important}
 #collectionValueView .value-chart-controls{margin:0 0 18px!important;justify-content:flex-start!important}
 .studio-ad-benefit{min-height:155px!important}
}
@media(max-width:640px){
 .category-panel:hover,.curated-set:hover,.cb-page .cb-btn:hover{transform:none!important}
 #collectionValueView .value-section{padding-top:58px!important;padding-bottom:58px!important}
 #collectionValueChart>.value-chart-card{padding:18px 14px 10px!important}
 #collectionValueChart .value-chart-card-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding-bottom:16px!important}
 #collectionValueChart .value-chart-pro{height:230px!important}
 #collectionValueView .value-chart-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}
 #collectionValueView .value-range-btn{min-width:0!important;width:100%!important;min-height:46px!important}
 .studio-ad-benefit{min-height:0!important}
}
@media(hover:none){.category-panel:hover,.curated-set:hover,.cb-page .cb-btn:hover{transform:none!important}}