/* P80 | ORTHYNE Collection visual identity shared with Connect. Dark, accessible, RTL. */
html body.pd.c70{
 --k:#f7f9ff;--k2:#d0daeb;--k3:#a9b8cf;--line:#273b56;--soft:#101b2d;
 --acc:#7aebd4;--g1:#75eebf;--g2:#6ca4fc;--cm-ink:#f7f9ff;--cm-line:#2b3c55;--cm-blue:#83c7ff;--cm-bg:#080f1c;
 background:#080e19!important;color:#f3f7ff!important;color-scheme:dark;
}
html body.pd.c70 .c70-top{background:#060b16!important;border-color:#25334c!important;box-shadow:0 4px 18px #0005}
html body.pd.c70 .c70-brand .c70-wm{color:#6aeac8}
html body.pd.c70 .c70-brand img{filter:brightness(0) invert(1)}
html body.pd.c70 .c70-cerca,html body.pd.c70 .c70-top .lwrap,html body.pd.c70 .c70-acc,html body.pd.c70 .c70-acci{background:#101c2e!important;border:1px solid #34445c!important;color:#f3f7ff!important}
html body.pd.c70 .c70-cerca input,html body.pd.c70 .c70-top .lwrap *,html body.pd.c70 .c70-acci svg{color:#f4f8ff!important;stroke:#e7efff}
html body.pd.c70 .c70-cerca input::placeholder{color:#b8c7d9!important}
html body.pd.c70 .c70-cerca svg{fill:#abc4db}
html body.pd.c70 .c70-cat,html body.pd.c70 .cm-quick{background:#0c1423!important;border-color:#233651!important}
html body.pd.c70 .c70-catw .c70-chip{color:#d2dced!important}
html body.pd.c70 .c70-catw .c70-chip.on{color:#fff!important;box-shadow:inset 0 -3px 0 #78a6ff}
html body.pd.c70 .c70-catw .c70-chip:hover{background:#182a40}
html body.pd.c70 .cm-quick a{background:#111b2b!important;border:1px solid #2c4358!important;color:#f7fbff!important;box-shadow:inset 0 1px 0 #ffffff0a}
html body.pd.c70 .cm-quick a:hover,html body.pd.c70 .cm-quick a:focus-visible{background:#1a2940!important;border-color:#63ddcb!important}
html body.pd.c70 .cm-quick strong{color:#f7fbff!important}
html body.pd.c70 .cm-quick .cm-symbol{background:#182a3e;color:#80e6d6}
html body.pd.c70 .cm-quick a:first-child .cm-symbol{background:#103b41;color:#7df5d0}
html body.pd.c70 .cm-quick a:nth-child(3) .cm-symbol{background:#302744;color:#c8b1ff}
html body.pd.c70 .c70-hero{background:radial-gradient(circle at 85% 8%,#183453 0,transparent 38%),linear-gradient(135deg,#0b1423,#10233e)!important;border-color:#23344b}
html body.pd.c70 .c70-vis{opacity:.45}
html body.pd.c70 .c70-hcard{background:linear-gradient(135deg,#0e1b2e,#111f33)!important;border:1px solid #2b465f!important;box-shadow:0 12px 38px #0005;color:#fff}
html body.pd.c70 .c70-eye{color:#7eeed2!important}
html body.pd.c70 .c70-hcard h1,html body.pd.c70 main h1,html body.pd.c70 main h2,html body.pd.c70 main h3,html body.pd.c70 .c71-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.pd.c70 .c70-hsub,html body.pd.c70 .c71-sub{color:#cdd9ea!important}
html body.pd.c70 .c70-btn,html body.pd.c70 .c70-big,html body.pd.c70 .c70-vendi{background:linear-gradient(100deg,#75f0c2,#6a9ef8)!important;color:#071725!important}
html body.pd.c70 .c70-btn:hover{filter:brightness(1.09)}
html body.pd.c70 .c70-btn2,html body.pd.c70 .cm-secondary{background:#121d2e!important;color:#f5f8ff!important;border:1px solid #5f9d9f!important}
html body.pd.c70 .c70-link,html body.pd.c70 main a:not(.c70-card):not(.c70-tile):not(.c70-btn):not(.c70-btn2):not(.cm-secondary):not(.c68-card):not(.c71-cta),html body.pd.c70 .c70-tutti{color:#8fd5fb!important}
html body.pd.c70 .cm-promise{background:#0a1422}
html body.pd.c70 .cm-promise div{color:#c6d7e8}
html body.pd.c70 .cm-promise b{color:#7bf2cf}
html body.pd.c70 .c70-info{background:#142f31;border-color:#2b605d}
html body.pd.c70 .c70-info p,html body.pd.c70 .c70-x{color:#defdf5}
html body.pd.c70 .c70-main{background:#080e19}
html body.pd.c70 .c70-nota,html body.pd.c70 main p,html body.pd.c70 main li{color:#c6d5e9!important}
html body.pd.c70 .cm-filter button{background:#132136!important;color:#dfebf7!important;border:1px solid #37536c!important}
html body.pd.c70 .cm-filter button[aria-pressed=true]{background:#75dfc3!important;border-color:#75dfc3!important;color:#061727!important}
html body.pd.c70 .c70-card,html body.pd.c70 .c71-card{background:#101c2d!important;border:1px solid #2a3d58!important;color:#f7fbff!important;box-shadow:0 5px 20px #0003}
html body.pd.c70 .c70-ph{background:#192a3e}
html body.pd.c70 .c70-ct,html body.pd.c70 .c70-pr,html body.pd.c70 .c71-bd h3,html body.pd.c70 .c71-pr{color:#f4f8ff!important}
html body.pd.c70 .c70-pr small,html body.pd.c70 .c71-dt,html body.pd.c70 .c71-id,html body.pd.c70 .c71-m{color:#b9cbe1!important}
html body.pd.c70 .c70-tile{background:#15243a!important;border-color:#30465e!important;color:#eff7ff!important}
html body.pd.c70 .c70-tile:hover{border-color:#7ceacc}
html body.pd.c70 .c70-bdg{color:#101c2b}
html body.pd.c70 .cm-no-match{background:#122438;border:1px dashed #426179;color:#d6e7f7}
html body.pd.c70 .c71-fr,html body.pd.c70 .c71-t-pk .c71-fr,html body.pd.c70 .c71-t-mtg .c71-fr,html body.pd.c70 .c71-t-mon .c71-fr,html body.pd.c70 .c71-t-ban .c71-fr{background:linear-gradient(140deg,#1a2d42,#18233e)!important;border-color:#30465e}
html body.pd.c70 .c71-bd,html body.pd.c70 .c71-bd *{background-color:transparent}
html body.pd.c70 .c71-rg,html body.pd.c70 .c71-src,html body.pd.c70 .c71-nota{color:#c9d7e8!important}
html body.pd.c70 .c68-card,html body.pd.c70 .c68-passi li{background:#111f32!important;border-color:#2b405b!important;color:#eff5ff!important}
html body.pd.c70 .c68-ct b{color:#fff!important}
html body.pd.c70 .c68-ct>span{color:#c0d4e8!important}
html body.pd.c70 .c68-cic{background:#16343e;border-color:#3b756e}
html body.pd.c70 .c68-ic{stroke:#8bead1}
html body.pd.c70 .c70-val{background:linear-gradient(140deg,#102738,#17213c)!important;border-color:#34516a!important}
html body.pd.c70 .c70-valn{color:#bddef0!important}
html body.pd.c70 .pd-col-regole p{background:#162333!important;color:#d9e9f8!important}
html body.pd.c70 .c70-cta{background:linear-gradient(130deg,#102b32,#172a4c)!important;border:1px solid #355067}
html body.pd.c70 .c70-cta h2{color:#fff!important}
html body.pd.c70 footer{background:#070c16!important;color:#b9c9df!important;border-color:#27354a!important}
html body.pd.c70 footer *,html body.pd.c70 footer b{color:#ceddec!important}
html body.pd.c70 footer a{color:#92c7ff!important}
html body.pd.c70 :is(a,button,input,select):focus-visible{outline:3px solid #7bf0cf!important;outline-offset:3px}
/* Dedicated standalone routes: same design tokens as logged-in Collection. */
html body.cm-page{color-scheme:dark;background:#070d18!important;color:#f4f8ff!important}
html body.cm-page .cm-header{background:#060b16;border-bottom:1px solid #29374b}
html body.cm-page .cm-logo{color:#f6f9ff}
html body.cm-page .cm-logo span{color:#72ecd0}
html body.cm-page .cm-header .cm-login{color:#9cdef5}
html body.cm-page .cm-header nav a{color:#c8d8e9}
html body.cm-page .cm-header nav a[aria-current=page],html body.cm-page .cm-header nav a:hover{background:#132f3a;color:#8af3d7}
html body.cm-page .cm-breadcrumb,html body.cm-page .cm-small{color:#b2c5d8}
html body.cm-page .cm-breadcrumb a,html body.cm-page .cm-foot a{color:#9dcdf9}
html body.cm-page h1,html body.cm-page h2,html body.cm-page h3{color:#fff}
html body.cm-page .cm-lead{color:#c9daed}
html body.cm-page .cm-panel{background:#101d30;border:1px solid #293f59;box-shadow:0 12px 28px #0003}
html body.cm-page .cm-steps li{background:#17273e;border:1px solid #35506b}
html body.cm-page .cm-button,html body.cm-page .c70-cerca button{background:linear-gradient(100deg,#75ebc1,#70a5f7);border:0;color:#0c1c2a}
html body.cm-page .cm-button.alt{background:#152739;border:1px solid #487c87;color:#edfaff}
html body.cm-page .c70-cerca{background:#152238;border:1px solid #38536e}
html body.cm-page .c70-cerca input{color:#f4f7ff}
html body.cm-page .c70-cerca input::placeholder{color:#b5c7dd}
html body.cm-page .c70-card{color:#fff;background:#132138;border-color:#34485e}
html body.cm-page .c70-ph{background:#1a3047}
html body.cm-page .c70-tiles a{color:#f0f7ff;border-color:#3b536d;background:#18283f}
html body.cm-page .cm-foot{background:#070c15;border-color:#2c3d55;color:#b9c8dd}
html body.cm-page :is(a,button,input):focus-visible{outline:3px solid #77efd0;outline-offset:3px}
/* Shared music strip: actual playback state reflected in the button, never misleading autoplay claims. */
.cm-audio{font-family:system-ui,-apple-system,sans-serif;color:#d8e8f6;background:#0b1727;border-block:1px solid #254057}
.cm-audio .cm-audio-inner{max-width:1200px;min-height:50px;box-sizing:border-box;margin:auto;padding:6px 16px;display:flex;align-items:center;gap:11px}
.cm-audio .cm-audio-mark{color:#75edcd;font-size:20px;flex:none}
.cm-audio .cm-audio-title{font-size:12px;line-height:1.35;flex:1;min-width:0}
.cm-audio .cm-audio-title b{display:block;color:#f6f9ff;font-size:12px}
.cm-audio .cm-audio-title span{display:block;color:#b4cbe1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cm-audio .cm-audio-toggle{flex:none;min-width:105px;min-height:40px;border-radius:12px;border:1px solid #6596ab;background:#1b2c42;color:#eefaff;font:700 12px/1.2 system-ui;cursor:pointer}
.cm-audio .cm-audio-toggle[aria-pressed=true]{background:#74e3c2;color:#071a26;border-color:#74e3c2}
.cm-audio .cm-audio-toggle:focus-visible{outline:3px solid #8bf9e2;outline-offset:2px}
html body.cm-page .cm-audio{border-top:0}
@media(max-width:760px){
 html body.pd.c70 .c70-hero{background:linear-gradient(145deg,#101d2f,#172e45)!important}
 html body.pd.c70 .c70-hero .c70-hcard{background:#0e1b2e!important}
 html body.pd.c70 .cm-quick a{background:#111d30!important}
 html body.pd.c70 .c70-top{box-shadow:none}
 html body.pd.c70 .c70-bar{gap:6px}
 .cm-audio .cm-audio-inner{min-height:45px;padding:5px 11px}
 .cm-audio .cm-audio-title{font-size:11px}
 .cm-audio .cm-audio-title b{font-size:11px}
 .cm-audio .cm-audio-toggle{min-width:92px;min-height:38px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){html body.pd.c70 .c70-carte,html body.pd.c70 .c70-vin,html body.pd.c70 .c70-monete{animation:none!important}}


/* P120: one accessible music control on the left, no separate right-side action. */
.cm-audio .cm-audio-control{
 appearance:none;-webkit-appearance:none;width:100%;max-width:1200px;
 border:0;background:transparent;color:inherit;cursor:pointer;text-align:start;
 font:inherit;border-radius:10px;transition:background-color .15s ease;
}
.cm-audio .cm-audio-control:hover{background:rgba(122,235,212,.095)}
.cm-audio .cm-audio-control:focus-visible{outline:3px solid #8bf9e2;outline-offset:-3px}
.cm-audio .cm-audio-control[aria-pressed="true"] .cm-audio-mark{color:#7cf3c8}
.cm-audio .cm-audio-control[aria-pressed="false"] .cm-audio-mark{color:#a9b8cf}
html[dir="rtl"] .cm-audio .cm-audio-control{text-align:right}
@media(prefers-reduced-motion:reduce){.cm-audio .cm-audio-control{transition:none}}


/* P122: Collection music in the top section, immediately below the product title.
   In normal document flow: never covers category filters, content, modals, or bottom navigation. */
.cxt .cm-audio{display:none}
html body .cxt.p68-on .p68-col.cxt-colcat > .cm-audio:not([hidden]){
 display:block;position:relative;inset:auto;bottom:auto;top:auto;
 box-sizing:border-box;width:100%;max-width:100%;min-width:0;
 margin:4px 0 6px;z-index:auto;flex:none;
 border:1px solid rgba(124,243,200,.36);border-radius:12px;
 background:linear-gradient(100deg,rgba(23,52,65,.93),rgba(15,34,55,.9));
 box-shadow:none;overflow:hidden;
}
html body .cxt.p68-on .p68-col.cxt-colcat > .cm-audio .cm-audio-inner{
 width:100%;max-width:none;min-height:46px;justify-content:flex-start;
 box-sizing:border-box;padding:7px 12px;margin:0;gap:10px;
}
html body .cxt.p68-on .p68-col.cxt-colcat > .cm-audio .cm-audio-title{font-size:12px;min-width:0;text-align:start}
html body .cxt.p68-on .p68-col.cxt-colcat > .cm-audio .cm-audio-title b{font-size:12px}
@media(min-width:900px){
 html body .cxt.p68-on .p68-col.cxt-colcat > .cm-audio:not([hidden]){
   align-self:stretch;max-width:100%;
 }
}