.cmrtat-image,.cmrtat-table,.cmrtat-card,.cmrtat-search,.cmrtat-nav{--accent:#436800;--line:#deded7;font-family:inherit}
.cmrtat-image{position:relative}
.cmrtat-image img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}
.cmrtat-search input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:9px 12px}
.cmrtat-table-inner{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.cmrtat-table table{width:100%;border-collapse:collapse}
.cmrtat-table th{background:var(--accent);color:#fff;text-align:left}
.cmrtat-table th,.cmrtat-table td{border-bottom:1px solid var(--line);padding:10px;vertical-align:middle}
.cmrtat-table tr{cursor:pointer}
.cmrtat-table tr:hover,.cmrtat-table tr.is-active{background:#eef4e4}
.cmrtat-table .marker{font-size:18px;font-weight:900;color:var(--accent);text-align:center}
.cmrtat-table small{display:block;color:#666}
.cmrtat-table .buy,.cmrtat-table .quote{display:inline-block;border-radius:7px;padding:7px 10px;text-decoration:none!important;font-weight:800;white-space:nowrap}
.cmrtat-table .buy{background:var(--accent);color:#fff!important}
.cmrtat-table .quote{border:1px solid var(--accent);color:var(--accent)!important;background:#fff}
.cmrtat-hidden{display:none!important}
.cmrtat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}
.cmrtat-card-head{display:flex;gap:12px;align-items:center}
.cmrtat-card-head span{min-width:38px;min-height:38px;padding:0 10px;border-radius:19px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;white-space:nowrap;line-height:1;box-sizing:border-box}
.cmrtat-card h3{margin:0;font-size:18px}
.cmrtat-card .en{display:block;color:#666;margin:8px 0 18px}
.cmrtat-card label{font-size:12px;text-transform:uppercase;font-weight:900;color:#555}
.cmrtat-card .ref{font-size:32px;font-weight:900;color:var(--accent);margin:5px 0 12px}
.cmrtat-card .status{display:inline-flex;border-radius:7px;padding:8px 12px;font-weight:900}
.cmrtat-card .status.ok{background:#edf8e8;color:#248000}
.cmrtat-card .status.ko{background:#fff4e3;color:#bd6900}
.cmrtat-card h4{text-transform:uppercase;font-size:15px;margin:22px 0 10px}
.cmrtat-card .compat{display:flex;gap:8px;flex-wrap:wrap}
.cmrtat-card .compat span{border:1px solid var(--line);border-radius:7px;padding:8px 12px;font-weight:800}
.cmrtat-card .action{display:block;text-align:center;margin-top:20px;background:var(--accent);color:#fff!important;text-decoration:none;border-radius:8px;padding:13px 16px;font-weight:900}
.cmrtat-card .action.quote{background:#fff;color:var(--accent)!important;border:1px solid var(--accent)}
.cmrtat-nav{display:grid;gap:10px}
.cmrtat-nav-group{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}
.cmrtat-nav-group>strong{display:block;margin-bottom:8px;color:#222}
.cmrtat-nav-subitem{display:block;padding:9px 10px;border-radius:7px;text-decoration:none!important;color:#222;font-weight:700}
.cmrtat-nav-subitem:hover,.cmrtat-nav-subitem.is-active{background:var(--accent);color:#fff!important}
.cmrtat-nav-subitem.is-hidden-editor{opacity:.55;border:1px dashed #c77900} .cmrtat-nav-category{
display:block;
margin-bottom:8px;
padding:9px 10px;
border-radius:7px;
text-decoration:none!important;
color:#222;
font-weight:900;
}
.cmrtat-nav-category:hover,
.cmrtat-nav-category.is-active{
background:#eef4e4;
color:var(--accent)!important;
}
.cmrtat-nav-subitems{
display:grid;
gap:4px;
} .cmrtat-table{
--w-marker:70px;
--w-ref:130px;
--w-name:40%;
--w-compat:170px;
--w-action:120px;
}
.cmrtat-table table{
table-layout:fixed;
}
.cmrtat-table .col-marker{
width:var(--w-marker);
}
.cmrtat-table .col-ref{
width:var(--w-ref);
}
.cmrtat-table .col-name{
width:var(--w-name);
}
.cmrtat-table .col-compat{
width:var(--w-compat);
}
.cmrtat-table .col-action{
width:var(--w-action);
}
.cmrtat-table td,
.cmrtat-table th{
overflow-wrap:anywhere;
} .cmrtat-card.is-sticky{
position:sticky;
top:var(--sticky-offset,20px);
}
@media(max-width:767px){
.cmrtat-card.is-sticky{
position:static;
}
.cmrtat-card{
display:none;
}
.cmrtat-table th,
.cmrtat-table td{
padding:9px 7px;
font-size:13px;
}
.cmrtat-table .col-compat,
.cmrtat-table .col-action{
display:none;
}
.cmrtat-table .col-marker{
width:48px!important;
}
.cmrtat-table .col-ref{
width:96px!important;
}
.cmrtat-table .col-name{
width:auto!important;
}
}
.cmrtat-sheet{
position:fixed;
inset:0;
z-index:999999;
}
.cmrtat-sheet-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.38);
}
.cmrtat-sheet-panel{
position:absolute;
left:0;
right:0;
bottom:0;
max-height:82vh;
overflow:auto;
background:#fff;
border-radius:18px 18px 0 0;
padding:18px 18px 22px;
box-shadow:0 -16px 45px rgba(0,0,0,.28);
transform:translateY(100%);
transition:transform .18s ease-out;
}
.cmrtat-sheet.is-open .cmrtat-sheet-panel{
transform:translateY(0);
}
.cmrtat-sheet-handle{
width:52px;
height:5px;
border-radius:999px;
background:#d8d8d8;
margin:0 auto 14px;
}
.cmrtat-sheet-close{
position:absolute;
right:12px;
top:10px;
width:36px;
height:36px;
border:0;
border-radius:999px;
background:#f0f0ea;
font-size:26px;
line-height:1;
cursor:pointer;
}
.cmrtat-sheet-marker{
display:inline-flex;
background:#436800;
color:#fff;
border-radius:999px;
padding:7px 12px;
font-weight:900;
margin-bottom:10px;
white-space:nowrap;
}
.cmrtat-sheet h2{
margin:0;
color:#243713;
font-size:24px;
line-height:1.08;
padding-right:36px;
}
.cmrtat-sheet small{
display:block;
color:#666;
margin:7px 0 14px;
}
.cmrtat-sheet label{
text-transform:uppercase;
font-weight:900;
font-size:12px;
color:#555;
}
.cmrtat-sheet-ref{
color:#436800;
font-size:30px;
font-weight:900;
margin:4px 0 12px;
}
.cmrtat-sheet h3{
text-transform:uppercase;
font-size:14px;
margin:18px 0 8px;
}
.cmrtat-sheet-compat{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.cmrtat-sheet-compat span{
border:1px solid #deded7;
border-radius:7px;
padding:8px 12px;
font-weight:800;
}
.cmrtat-sheet-action{
display:block;
text-align:center;
margin-top:20px;
background:#436800;
color:#fff!important;
text-decoration:none;
border-radius:8px;
padding:13px 16px;
font-weight:900;
}
.cmrtat-sheet-action.quote{
background:#fff;
color:#436800!important;
border:1px solid #436800;
}
body.cmrtat-sheet-open{
overflow:hidden;
}
@media(min-width:768px){
.cmrtat-sheet{
display:none!important;
}
} .cmrtat-table,
.cmrtat-table-inner,
.cmrtat-card,
.cmrtat-search,
.cmrtat-nav{
box-sizing:border-box;
min-width:0;
max-width:100%;
}
.cmrtat-table-inner{
width:100%;
max-width:100%;
}
.cmrtat-card{
width:100%;
max-width:100%;
min-width:0;
overflow:hidden;
overflow-wrap:anywhere;
word-break:normal;
align-self:flex-start;
}
.cmrtat-card *{
box-sizing:border-box;
max-width:100%;
}
.cmrtat-card-head{
min-width:0;
}
.cmrtat-card-head > div{
min-width:0;
}
.cmrtat-card h3,
.cmrtat-card .en,
.cmrtat-card .ref,
.cmrtat-card p,
.cmrtat-card .compat{
min-width:0;
max-width:100%;
overflow-wrap:anywhere;
}
.cmrtat-card .compat span{
max-width:100%;
overflow-wrap:anywhere;
}
.cmrtat-card .action{
max-width:100%;
white-space:normal;
} .elementor-widget-cmrtat_card,
.elementor-widget-cmrtat_table,
.elementor-widget-cmrtat_search,
.elementor-widget-cmrtat_image,
.elementor-widget-cmrtat_nav,
.elementor-widget-cmrtat_data{
min-width:0;
max-width:100%;
box-sizing:border-box;
} .cmrtat-card.is-sticky{
width:100%;
max-width:100%;
min-width:0;
justify-self:stretch;
} @media (min-width:768px){
.cmrtat-card.is-sticky{
position:relative;
top:auto;
width:100%;
max-width:100%;
min-width:0;
}
.cmrtat-card.cmrtat-sticky-fixed{
position:fixed !important;
top:var(--sticky-offset,20px) !important;
z-index:50;
}
.cmrtat-card.cmrtat-sticky-absolute{
position:absolute !important;
z-index:50;
}
.cmrtat-sticky-placeholder{
display:block;
width:100%;
visibility:hidden;
pointer-events:none;
}
} .cmrtat-table .cmrtat-result-cat{
display:block;
margin-top:2px;
font-size:11px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.02em;
opacity:.65;
}
.cmrtat-table tr.cmrtat-no-results td{
text-align:center;
padding:24px 10px;
opacity:.7;
font-style:italic;
} .cmrtat-quote-fab{
position:fixed;
right:20px;
bottom:20px;
z-index:9998;
display:flex;
align-items:center;
gap:8px;
padding:12px 18px;
border:none;
border-radius:999px;
background:var(--accent,#1a1a1a);
color:#fff;
font-size:14px;
font-weight:600;
cursor:pointer;
box-shadow:0 6px 20px rgba(0,0,0,.25);
}
.cmrtat-quote-fab .cmrtat-quote-count{
background:#fff;
color:var(--accent,#1a1a1a);
border-radius:999px;
min-width:20px;
height:20px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:12px;
padding:0 6px;
}
.cmrtat-quote-panel{
position:fixed;
inset:0;
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
}
.cmrtat-quote-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
}
.cmrtat-quote-box{
position:relative;
background:#fff;
border-radius:14px;
padding:24px;
width:min(440px,92vw);
max-height:85vh;
overflow:auto;
box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.cmrtat-quote-close{
position:absolute;
top:12px;
right:14px;
border:none;
background:none;
font-size:22px;
line-height:1;
cursor:pointer;
color:#666;
}
.cmrtat-quote-box h3{margin:0 0 14px;font-size:18px}
.cmrtat-quote-item{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
padding:10px 0;
border-bottom:1px solid #eee;
}
.cmrtat-quote-item small{display:block;opacity:.6;font-size:12px;margin-top:2px}
.cmrtat-quote-remove{
border:none;
background:#f2f2f2;
border-radius:999px;
width:26px;
height:26px;
flex:0 0 auto;
cursor:pointer;
font-size:15px;
color:#666;
}
.cmrtat-quote-empty{opacity:.6;font-style:italic;padding:12px 0}
.cmrtat-quote-next,
.cmrtat-quote-submit{
width:100%;
margin-top:16px;
padding:12px;
border:none;
border-radius:8px;
background:var(--accent,#1a1a1a);
color:#fff;
font-weight:600;
cursor:pointer;
}
.cmrtat-quote-next:disabled,
.cmrtat-quote-submit:disabled{opacity:.6;cursor:default}
.cmrtat-quote-back{
border:none;
background:none;
color:#666;
font-size:13px;
cursor:pointer;
padding:0 0 12px;
}
.cmrtat-quote-form label{
display:block;
font-size:13px;
font-weight:600;
margin-top:12px;
}
.cmrtat-quote-form .req{color:#c0392b}
.cmrtat-quote-form input,
.cmrtat-quote-form textarea{
width:100%;
margin-top:4px;
padding:9px 10px;
border:1px solid #ddd;
border-radius:6px;
font-size:14px;
font-family:inherit;
box-sizing:border-box;
}
.cmrtat-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cmrtat-quote-status{margin-top:10px;font-size:13px}
.cmrtat-quote-status.error{color:#c0392b}
a.quote.cmrtat-quote-added{opacity:.85;pointer-events:none}
@media(max-width:767px){
.cmrtat-quote-fab{ bottom:calc(20px + env(safe-area-inset-bottom,0px)); }
} .cmrtat-table th.cmrtat-sortable{
cursor:pointer;
user-select:none;
white-space:nowrap;
}
.cmrtat-table th.cmrtat-sortable:hover{opacity:.75} .cmrtat-search-hint{
margin:0 0 6px;
font-size:12px;
opacity:.65;
line-height:1.4;
}
.cmrtat-quote-onboarding{
position:fixed;
z-index:9997;
max-width:240px;
background:#1a1a1a;
color:#fff;
padding:12px 14px;
border-radius:10px;
font-size:13px;
line-height:1.4;
box-shadow:0 8px 24px rgba(0,0,0,.3);
right:20px;
bottom:84px;
}
.cmrtat-quote-onboarding:after{
content:'';
position:absolute;
bottom:-6px;
right:28px;
width:12px;
height:12px;
background:#1a1a1a;
transform:rotate(45deg);
}
.cmrtat-quote-onboarding button{
display:block;
margin-top:8px;
border:none;
background:rgba(255,255,255,.15);
color:#fff;
padding:5px 10px;
border-radius:6px;
font-size:12px;
cursor:pointer;
}
@media(max-width:767px){
.cmrtat-quote-onboarding{
right:12px;
left:12px;
max-width:none;
bottom:calc(84px + env(safe-area-inset-bottom,0px));
}
} .cmrtat-search-count{
margin:6px 0 0;
font-size:12px;
opacity:.6;
}
.cmrtat-quote-item{
flex-wrap:wrap;
gap:8px;
}
.cmrtat-quote-qty{
display:flex;
align-items:center;
gap:6px;
flex:0 0 auto;
}
.cmrtat-quote-qty button{
width:24px;
height:24px;
border:1px solid #ddd;
background:#fff;
border-radius:6px;
cursor:pointer;
font-size:14px;
line-height:1;
}
.cmrtat-quote-qty span{
min-width:18px;
text-align:center;
font-weight:600;
font-size:13px;
} .cmrtat-image-inner{ position:relative; }
.cmrtat-image-zones{ position:absolute; inset:0; pointer-events:none; }
.cmrtat-image-zone{
position:absolute;
transform:translate(-50%,-50%);
width:26px;
height:26px;
border-radius:50%;
border:2px solid #fff;
background:rgba(26,26,26,.85);
color:#fff;
font-size:11px;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
pointer-events:auto;
box-shadow:0 2px 6px rgba(0,0,0,.35);
padding:0;
line-height:1;
}
.cmrtat-image-zone:hover{ background:rgba(26,26,26,1); transform:translate(-50%,-50%) scale(1.15); }
.cmrtat-image-zone.is-active{ background:var(--accent,#c0392b); }
@media(max-width:767px){
.cmrtat-image-zone{
width:16px;
height:16px;
font-size:8px;
border-width:1px;
}
} .cmrtat-zone-tool{
position:absolute;
top:8px;
left:8px;
z-index:20;
display:flex;
flex-direction:column;
gap:6px;
align-items:flex-start;
}
.cmrtat-zone-tool-toggle{
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
background:#1a1a1a;
color:#fff;
border:none;
border-radius:50%;
padding:0;
font-size:16px;
line-height:1;
cursor:pointer;
box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.cmrtat-zone-tool-toggle.is-active{
background:#c0392b;
}
.cmrtat-image.cmrtat-zone-placing .cmrtat-image-inner{ cursor:crosshair; } .cmrtat-zone-panel{
position:fixed;
top:70px;
right:20px;
z-index:100000;
background:#fff;
border:1px solid #ddd;
border-radius:10px;
padding:10px;
width:260px;
max-height:70vh;
overflow:auto;
box-shadow:0 6px 20px rgba(0,0,0,.25);
font-size:12px;
}
.cmrtat-zone-drag-handle{
cursor:move;
background:#f2f2f2;
border-radius:6px;
padding:6px 8px;
margin:-10px -10px 8px;
font-size:11px;
font-weight:600;
letter-spacing:.03em;
color:#666;
user-select:none;
}
.cmrtat-zone-panel textarea{
width:100%;
box-sizing:border-box;
font-family:monospace;
font-size:11px;
margin-top:6px;
}
.cmrtat-zone-panel .cmrtat-zone-actions{
display:flex;
gap:6px;
margin-top:6px;
}
.cmrtat-zone-panel button{
font-size:11px;
padding:5px 8px;
border-radius:6px;
border:1px solid #ccc;
background:#f7f7f7;
cursor:pointer;
} .cmrtat-zone-inline-form{
position:absolute;
transform:translate(-50%,-50%);
display:flex;
gap:4px;
background:#fff;
padding:4px;
border-radius:8px;
box-shadow:0 4px 14px rgba(0,0,0,.3);
z-index:30;
}
.cmrtat-zone-inline-form input{
width:50px;
padding:4px 6px;
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
}
.cmrtat-zone-inline-form button{
padding:4px 8px;
border:none;
background:#1a1a1a;
color:#fff;
border-radius:4px;
font-size:12px;
cursor:pointer;
}
.cmrtat-zone-preview{
position:absolute;
transform:translate(-50%,-50%);
width:22px;
height:22px;
border-radius:50%;
background:#2ecc71;
color:#fff;
font-size:10px;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
border:2px solid #fff;
z-index:25;
} .cmrtat-variant-toggle{
border:1px solid var(--line,#ddd);
background:#fff;
border-radius:6px;
padding:5px 10px;
font-size:12px;
font-weight:600;
cursor:pointer;
}
.cmrtat-variant-toggle:hover{ background:#f5f5f5; }
.cmrtat-table tr.cmrtat-variant-row td{
background:#fafaf8;
padding:10px 14px;
}
.cmrtat-variants{
display:flex;
flex-direction:column;
gap:8px;
}
.cmrtat-variant-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:6px 8px;
border:1px solid var(--line,#eee);
border-radius:8px;
background:#fff;
}
.cmrtat-variant-item small{
display:block;
opacity:.6;
font-size:11px;
margin-top:1px;
}
.cmrtat-sort-icon{
display:inline-block;
margin-left:3px;
font-size:10px;
opacity:.4;
}
.cmrtat-sort-icon.is-active{
opacity:1;
color:var(--accent,#436800);
font-weight:700;
} .cmrtat-search{ position:relative; }
.cmrtat-search-global-results{
position:absolute;
left:0;
right:0;
top:100%;
margin-top:4px;
background:#fff;
border:1px solid var(--line,#ddd);
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
max-height:340px;
overflow:auto;
z-index:50;
}
.cmrtat-global-result{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 12px;
border-bottom:1px solid var(--line,#eee);
text-decoration:none;
color:inherit;
}
.cmrtat-global-result:last-child{ border-bottom:none; }
.cmrtat-global-result:hover{ background:#f7f7f5; }
.cmrtat-global-result strong{ display:block; font-size:13px; }
.cmrtat-global-result small{ display:block; opacity:.6; font-size:11px; margin-top:2px; }
.cmrtat-global-page{
font-size:11px;
opacity:.55;
white-space:nowrap;
flex:0 0 auto;
}
.cmrtat-global-loading,
.cmrtat-global-empty{
padding:12px;
font-size:12px;
opacity:.6;
margin:0;
} .cmrtat-zoom-hint{ display:none; }
.cmrtat-image.cmrtat-touch-zoom-ui{
overflow:hidden;
}
.cmrtat-image.cmrtat-touch-zoom-ui .cmrtat-image-inner{
touch-action:pan-y;
will-change:transform;
}
.cmrtat-image.cmrtat-touch-zoom-ui.is-zoomed .cmrtat-image-inner{
touch-action:none;
}
.cmrtat-image.cmrtat-touch-zoom-ui .cmrtat-image-inner img{
-webkit-user-drag:none;
user-select:none;
-webkit-user-select:none;
} .cmrtat-image.cmrtat-touch-zoom-ui:not(.is-zoomed) .cmrtat-image-zone{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
} .cmrtat-image.cmrtat-touch-zoom-ui.is-zoomed .cmrtat-image-zone{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
} .cmrtat-image.cmrtat-touch-zoom-ui.cmrtat-has-zones:not(.is-zoomed) .cmrtat-zoom-hint{
position:absolute;
left:50%;
bottom:12px;
z-index:15;
transform:translateX(-50%);
display:flex;
align-items:center;
justify-content:center;
gap:6px;
max-width:calc(100% - 24px);
padding:8px 12px;
border-radius:999px;
background:rgba(26,26,26,.82);
color:#fff;
font-size:12px;
font-weight:700;
line-height:1.2;
text-align:center;
white-space:nowrap;
box-shadow:0 2px 8px rgba(0,0,0,.25);
pointer-events:none;
}
.cmrtat-image.cmrtat-touch-zoom-ui.is-zoomed .cmrtat-zoom-hint{
display:none!important;
} .elementor-editor-active .cmrtat-zoom-hint{
display:none!important;
}
.elementor-editor-active .cmrtat-image .cmrtat-image-zone{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
} .cmrtat-table tr.cmrtat-filter-reset-row td{
text-align:center;
padding:14px;
}
.cmrtat-clear-single-filter{
border:1px solid var(--line,#ddd);
background:#fff;
border-radius:8px;
padding:8px 14px;
font-size:13px;
font-weight:600;
cursor:pointer;
}
.cmrtat-clear-single-filter:hover{ background:#f5f5f5; } .cmrtat-search-reset{
color:var(--accent,#436800);
text-decoration:underline;
font-weight:600;
} .cmrtat-nav-group.is-hidden-editor{
opacity:.55;
border-style:dashed;
} .cmrtat-mobile-stock-dot,
.cmrtat-mobile-stock-legend{
display:none;
}
@media(max-width:767px){ .cmrtat-image.cmrtat-mobile-marker-focus.is-zoomed .cmrtat-image-zone:not(.is-active){
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.cmrtat-image.cmrtat-mobile-marker-focus.is-zoomed .cmrtat-image-zone.is-active{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
} .cmrtat-mobile-stock-dot{
display:inline-block;
width:8px;
height:8px;
min-width:8px;
border-radius:50%;
margin-right:6px;
vertical-align:1px;
box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.cmrtat-mobile-stock-dot.is-available{ background:#248000; }
.cmrtat-mobile-stock-dot.is-unavailable{ background:#c0392b; }
.cmrtat-mobile-stock-legend{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:10px;
margin:0 2px 6px;
color:#666;
font-size:10px;
line-height:1.2;
}
.cmrtat-mobile-stock-legend span{
display:inline-flex;
align-items:center;
white-space:nowrap;
}
.cmrtat-mobile-stock-legend .cmrtat-mobile-stock-dot{
margin-right:4px;
}
}