/* Fabrexa FX ribbon — presentation only. Source, quote and polling remain unchanged.
   Load after fabrexa-finance-ui.css. Every rule is storefront-strip scoped. */
.fabrexa-fx-strip {
    --fx-ribbon-ink:#fff5eb;
    --fx-ribbon-muted:#bac7d6;
    --fx-ribbon-warm:#ffac78;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:0;
    border-top:1px solid #ffc29a55;
    border-bottom:1px solid #ffffff13;
    background:
        radial-gradient(ellipse at 10% 50%,#ff9b6210,transparent 40%),
        radial-gradient(ellipse at 88% 15%,#ff9b6213,transparent 37%),
        linear-gradient(110deg,#0d1d32 0%,#14263d 57%,#102137 100%);
    box-shadow:inset 0 1px 0 #ffffff07,0 8px 24px #0d1d320e;
}
.fabrexa-fx-strip::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    background:repeating-linear-gradient(122deg,transparent 0 10px,#ffffff03 10px 11px);
    mask-image:linear-gradient(90deg,#000,transparent 40%,#000);
}
.fabrexa-fx-strip::after {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    width:35%;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 20%,#ffdfc610 50%,transparent 80%);
    transform:translateX(-130%);
    animation:fabrexaFxRibbonSheen 1.4s .4s ease-out both;
}
.fabrexa-fx-strip > .container {
    position:relative;
    min-height:84px;
    display:flex;
    align-items:center;
    justify-content:initial;
}
.fabrexa-fx-strip .fabrexa-fx-chip {
    position:relative;
    isolation:isolate;
    display:flex;
    align-items:center;
    justify-content:initial;
    flex-wrap:nowrap;
    gap:20px;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:82px;
    padding:12px 0;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--fx-ribbon-ink);
    box-shadow:none;
    line-height:1.4;
    text-align:start;
    animation:fabrexaFxRibbonEnter .55s cubic-bezier(.2,.7,.3,1) both;
}
.fabrexa-fx-strip .fabrexa-fx-chip::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    background:url('/themes/basic/images/site_logo_light.png') 47% center / 220px auto no-repeat;
    opacity:.045;
}
.fabrexa-fx-strip .fabrexa-fx-chip__icon {
    position:relative;
    display:grid;
    place-items:center;
    flex:0 0 58px;
    width:58px;
    height:58px;
    border:1px solid #ffd0acb3;
    border-radius:18px;
    background:linear-gradient(145deg,#ffd9b3 0%,#ffad78 45%,#f78751 100%);
    color:#10233b;
    font-size:31px;
    font-weight:500;
    line-height:1;
    box-shadow:inset 0 1px 0 #fff8ee9c,0 7px 22px #ff965a20;
}
.fabrexa-fx-strip .fabrexa-fx-chip__icon::before {
    content:"";
    position:absolute;
    inset:-5px;
    border:1px solid #ffd6b421;
    border-radius:22px;
    pointer-events:none;
}
.fabrexa-fx-strip .fabrexa-fx-chip__icon::after {
    content:"";
    position:absolute;
    right:8px;
    bottom:8px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#fff9ee;
    box-shadow:0 0 8px #fff4e5a1;
}
.fabrexa-fx-strip .fabrexa-fx-chip__copy {
    display:grid;
    flex:1 1 auto;
    grid-template-columns:minmax(0,1fr) minmax(220px,auto);
    align-items:center;
    gap:5px 28px;
    min-width:0;
}
.fabrexa-fx-strip .fabrexa-fx-chip__label {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;
    grid-column:1;
    grid-row:1;
    min-width:0;
    color:var(--fx-ribbon-warm);
    font-size:10px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.12em;
}
.fabrexa-fx-strip .fabrexa-fx-chip__label > span {
    display:inline-flex;
    align-items:center;
    min-height:19px;
    padding:2px 7px;
    border:1px solid #ffffff19;
    border-radius:5px;
    background:#ffffff05;
    color:#c4cdd9;
    font-size:9px;
    font-weight:400;
    line-height:1.3;
    letter-spacing:0;
}
.fabrexa-fx-strip .fabrexa-fx-chip__rate {
    grid-column:1;
    grid-row:2;
    min-width:0;
    color:var(--fx-ribbon-ink);
    font-size:23px;
    font-weight:600;
    line-height:1.25;
    letter-spacing:-.025em;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
    direction:ltr;
    unicode-bidi:isolate;
    text-shadow:0 1px 0 #00000014;
}
.fabrexa-fx-strip .fabrexa-fx-chip__copy small {
    display:block;
    grid-column:2;
    grid-row:1 / 3;
    min-width:0;
    max-width:360px;
    margin:0;
    padding:10px 15px;
    border:1px solid #ffffff11;
    border-radius:12px;
    background:linear-gradient(120deg,#ffffff06,#ffffff02);
    color:var(--fx-ribbon-muted);
    font-size:11px;
    font-weight:400;
    line-height:1.5;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:start;
    font-variant-numeric:tabular-nums;
    direction:ltr;
    unicode-bidi:isolate;
}
.fabrexa-fx-strip .fabrexa-fx-chip__copy small::before {
    content:"KAYNAK · VERİ ZAMANI";
    display:block;
    margin-bottom:4px;
    color:#d8c1af;
    font-size:8px;
    font-weight:600;
    line-height:1.25;
    letter-spacing:.10em;
}
.fabrexa-fx-strip .fabrexa-fx-chip__status {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    flex:0 0 auto;
    gap:6px;
    min-width:0;
    min-height:31px;
    padding:7px 11px;
    border:1px solid #d0deec29;
    border-radius:10px;
    background:#d0deec0c;
    color:#cbd6e3;
    font-size:10px;
    font-weight:500;
    line-height:1.3;
    letter-spacing:0;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
    direction:ltr;
    unicode-bidi:isolate;
}
.fabrexa-fx-strip .fabrexa-fx-chip__status::before {
    content:"";
    display:block;
    flex:0 0 4px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#a4b4c7;
}
.fabrexa-fx-strip .fabrexa-fx-chip__status:is(.is-up,.is-down)::before {
    content:"Son değişim";
    display:inline;
    flex:0 0 auto;
    width:auto;
    height:auto;
    border-radius:0;
    background:none;
    font-size:9px;
    font-weight:400;
}
.fabrexa-fx-strip .fabrexa-fx-chip__status.is-up {
    border-color:#72dca53d;
    background:#5cb99112;
    color:#a1efc5;
}
.fabrexa-fx-strip .fabrexa-fx-chip__status.is-down {
    border-color:#ffa89c36;
    background:#ed847315;
    color:#ffc0b7;
}
.fabrexa-fx-strip .fabrexa-fx-chip.is-offline .fabrexa-fx-chip__status {
    border-color:#ffd09e3d;
    background:#ffb26a12;
    color:#ffd29e;
}
.fabrexa-fx-strip .fabrexa-fx-chip.is-offline .fabrexa-fx-chip__status::before {
    content:"";
    display:block;
    flex:0 0 4px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#ffd29e;
}
.fabrexa-fx-strip .fabrexa-fx-chip__manage {
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    border:1px solid #ffffff21;
    border-radius:12px;
    background:#ffffff05;
    color:#e1c4af;
    text-decoration:none;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.fabrexa-fx-strip .fabrexa-fx-chip__manage:hover {
    border-color:#ffac785c;
    background:#ffac7810;
    color:#fff3e5;
}
.fabrexa-fx-strip .fabrexa-fx-chip__manage:focus-visible {
    outline:2px solid #ffba88;
    outline-offset:3px;
}
@media (max-width:1199px) and (min-width:768px) {
    .fabrexa-fx-strip .fabrexa-fx-chip { gap:15px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy { grid-template-columns:minmax(0,1fr) minmax(195px,auto); gap:5px 20px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__rate { font-size:21px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy small { max-width:280px; padding:9px 12px; font-size:10.5px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__status:is(.is-up,.is-down)::before { display:none; }
}
@media (max-width:991px) and (min-width:768px) {
    .fabrexa-fx-strip .fabrexa-fx-chip { gap:12px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__icon { flex-basis:50px; width:50px; height:50px; border-radius:16px; font-size:27px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__icon::before { border-radius:20px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy { grid-template-columns:minmax(0,1fr) minmax(180px,auto); gap:5px 14px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__rate { font-size:19px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__label { gap:6px; font-size:9px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__status { padding:6px 8px; font-size:10px; }
}
@media (max-width:767px) {
    .fabrexa-fx-strip > .container { min-height:112px; }
    .fabrexa-fx-strip .fabrexa-fx-chip {
        display:grid;
        grid-template-columns:44px minmax(0,1fr);
        column-gap:14px;
        row-gap:4px;
        min-height:110px;
        padding:12px 0;
    }
    .fabrexa-fx-strip .fabrexa-fx-chip::before { background-position:right center; background-size:190px auto; opacity:.035; }
    .fabrexa-fx-strip .fabrexa-fx-chip__icon {
        grid-column:1;
        grid-row:1 / 5;
        align-self:center;
        width:44px;
        height:48px;
        border-radius:14px;
        font-size:26px;
    }
    .fabrexa-fx-strip .fabrexa-fx-chip__icon::before { inset:-4px; border-radius:18px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__icon::after { right:6px; bottom:6px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy { display:contents; }
    .fabrexa-fx-strip .fabrexa-fx-chip__label {
        grid-column:2;
        grid-row:1;
        gap:7px;
        font-size:9px;
        letter-spacing:.09em;
    }
    .fabrexa-fx-strip .fabrexa-fx-chip__label > span { min-height:16px; padding:1px 5px; font-size:8.5px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__rate {
        grid-column:2;
        grid-row:2;
        font-size:19px;
        letter-spacing:-.025em;
        white-space:normal;
        overflow-wrap:anywhere;
    }
    .fabrexa-fx-strip .fabrexa-fx-chip__status {
        grid-column:2;
        grid-row:3;
        justify-self:start;
        min-height:22px;
        padding:3px 7px;
        border-radius:6px;
        font-size:9.5px;
        white-space:normal;
        overflow-wrap:anywhere;
    }
    .fabrexa-fx-strip .fabrexa-fx-chip__status:is(.is-up,.is-down)::before { display:inline; font-size:9px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy small {
        grid-column:2;
        grid-row:4;
        max-width:none;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
        font-size:10px;
        line-height:1.4;
        text-align:start;
    }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy small::before { display:none; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) { grid-template-columns:44px minmax(0,1fr) 44px; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__label,
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__rate,
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__status { grid-column:2; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__status { grid-row:3; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__copy small { grid-column:2 / 4; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__icon { grid-row:1 / 5; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__manage { grid-column:3; grid-row:1 / 4; align-self:center; width:44px; height:44px; margin:0; }
}
@media (max-width:359px) {
    .fabrexa-fx-strip .fabrexa-fx-chip { column-gap:11px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__rate { font-size:18px; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__label { grid-column:2 / 4; padding-inline-end:0; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__rate { grid-column:2 / 4; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__status { grid-column:2; grid-row:3; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__copy small { grid-column:2; grid-row:4; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__manage { grid-column:3; grid-row:3 / 5; align-self:center; }
}
@keyframes fabrexaFxRibbonEnter {
    from { opacity:0; transform:translateY(5px); }
    to { opacity:1; transform:translateY(0); }
}
@keyframes fabrexaFxRibbonSheen {
    from { transform:translateX(-130%); opacity:0; }
    22% { opacity:1; }
    to { transform:translateX(420%); opacity:0; }
}
@media (prefers-reduced-motion:reduce) {
    .fabrexa-fx-strip::after { display:none; animation:none; }
    .fabrexa-fx-strip .fabrexa-fx-chip { animation:none; }
    .fabrexa-fx-strip .fabrexa-fx-chip__manage { transition:none; }
}

/* Editorial v2: edge-to-edge mobile ribbon; full-width truthful footer. */
.fabrexa-fx-strip { background:linear-gradient(110deg,#0d1d32,#15273e 60%,#102136); }
.fabrexa-fx-strip .fabrexa-fx-chip__icon { flex-basis:54px; width:54px; height:54px; border-radius:50%; box-shadow:inset 0 1px 0 #fff8eea8,0 5px 18px #ff965a16; }
.fabrexa-fx-strip .fabrexa-fx-chip__icon::before,
.fabrexa-fx-strip .fabrexa-fx-chip__icon::after { content:none; }
.fabrexa-fx-strip .fabrexa-fx-chip::before { background-position:50% center; background-size:190px auto; opacity:.025; }
.fabrexa-fx-strip .fabrexa-fx-chip__label { font-size:11px; font-weight:600; letter-spacing:.09em; }
.fabrexa-fx-strip .fabrexa-fx-chip__label > span { display:inline; min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:#b9c7d7; font-size:10.5px; }
.fabrexa-fx-strip .fabrexa-fx-chip__rate { font-family:NexaDisplay,SofiaText,Arial,sans-serif; font-size:26px; line-height:1.2; }
.fabrexa-fx-strip .fabrexa-fx-chip__copy small { padding:9px 0 9px 22px; border:0; border-inline-start:1px solid #ffffff16; border-radius:0; background:transparent; color:#c3cedb; font-size:11.5px; line-height:1.6; }
.fabrexa-fx-strip .fabrexa-fx-chip__copy small::before { font-size:8.5px; font-weight:500; }
.fabrexa-fx-strip .fabrexa-fx-chip__status { min-height:30px; padding:6px 10px; border-radius:7px; font-size:10.5px; font-weight:400; }
.fabrexa-fx-strip .fabrexa-fx-chip__manage { border-radius:50%; color:#ffba8c; }
@media (max-width:1199px) and (min-width:768px) {
    .fabrexa-fx-strip .fabrexa-fx-chip__rate { font-size:24px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy small { padding-inline-start:17px; font-size:11px; }
}
@media (max-width:991px) and (min-width:768px) {
    .fabrexa-fx-strip .fabrexa-fx-chip__icon { flex-basis:46px; width:46px; height:46px; font-size:25px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__rate { font-size:21px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__label { gap:7px; font-size:10px; }
}
@media (max-width:767px) {
    .fabrexa-fx-strip { padding:0; border-top:1px solid #ffc29a55; border-bottom:1px solid #ffffff13; background:linear-gradient(120deg,#0d1d32,#172940); box-shadow:none; }
    .fabrexa-fx-strip::after { display:none; }
    .fabrexa-fx-strip > .container { width:100%; max-width:none; min-height:0; margin:0; padding:0; }
    .fabrexa-fx-strip .fabrexa-fx-chip {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        column-gap:12px;
        row-gap:7px;
        min-height:120px;
        padding:18px 20px 16px;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .fabrexa-fx-strip .fabrexa-fx-chip::before { display:none; background-image:none; }
    .fabrexa-fx-strip .fabrexa-fx-chip__icon { display:none; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy { display:contents; }
    .fabrexa-fx-strip .fabrexa-fx-chip__label { grid-column:1; grid-row:1; align-self:center; gap:4px 9px; font-size:10.5px; letter-spacing:.065em; }
    .fabrexa-fx-strip .fabrexa-fx-chip__label > span { font-size:10px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__rate { grid-column:1 / 3; grid-row:2; font-size:25px; line-height:1.15; letter-spacing:-.025em; white-space:normal; overflow-wrap:anywhere; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy small {
        grid-column:1 / 3;
        grid-row:3;
        max-width:none;
        margin-top:2px;
        padding:10px 0 0;
        border:0;
        border-top:1px solid #ffffff15;
        background:transparent;
        font-size:10.5px;
        line-height:1.5;
        text-align:start;
    }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy small::before { display:none; }
    .fabrexa-fx-strip .fabrexa-fx-chip__status { grid-column:2; grid-row:1; justify-self:end; align-self:center; max-width:120px; min-height:25px; padding:4px 7px; border-radius:6px; font-size:10px; white-space:normal; overflow-wrap:anywhere; }
    .fabrexa-fx-strip .fabrexa-fx-chip__status:is(.is-up,.is-down)::before { display:none; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) { grid-template-columns:minmax(0,1fr) auto 44px; column-gap:10px; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__label { grid-column:1; grid-row:1; padding-inline-end:0; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__rate { grid-column:1 / 3; grid-row:2; font-size:23px; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__status { grid-column:2; grid-row:1; justify-self:end; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__copy small { grid-column:1 / 4; grid-row:3; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__manage { grid-column:3; grid-row:1 / 3; align-self:center; width:44px; height:44px; margin:0; }
}
@media (max-width:359px) {
    .fabrexa-fx-strip .fabrexa-fx-chip { padding:17px 16px 15px; column-gap:9px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__rate { font-size:25px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__label { font-size:10px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__label > span { font-size:9.5px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__status { font-size:9.5px; }
    .fabrexa-fx-strip .fabrexa-fx-chip__copy small { font-size:10px; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) { column-gap:8px; }
    .fabrexa-fx-strip .fabrexa-fx-chip:has(.fabrexa-fx-chip__manage) .fabrexa-fx-chip__rate { font-size:22px; }
}