:root{
    --rb-navy:      #102757;
    --rb-navy-soft: #46557a;
    --rb-orange:    #ee7203;
    --rb-orange-2:  #ff7000;
    --rb-band:      #f2f2f2;
    --rb-line:      #888989;
    --rb-font:      'Poppins', 'Montserrat', sans-serif;
}

.rb-page{
    font-family:var(--rb-font);
    color:var(--rb-navy);
    overflow:hidden;
}

.rb-page a{
    text-decoration:none;
}

.rb-arrow{
    flex:0 0 auto;
    display:block;
}

.rb-top{
    background:var(--rb-band);
    padding:18px 0 30px;
}

.rb-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:30px;
}

.rb-crumb{
    display:flex;
    align-items:center;
    gap:11px;
    font-size:14px;
    font-weight:600;
    color:var(--rb-navy);
}

.rb-crumb a{
    color:var(--rb-navy);
    display:inline-flex;
    align-items:center;
}

.rb-crumb a:hover{
    color:var(--rb-orange);
}

.rb-crumb-home{
    width:19px;
    height:19px;
    object-fit:contain;
}

.rb-pagetitle{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:34px;
    font-weight:300;
    line-height:1;
    color:var(--rb-navy);
    white-space:nowrap;
}

.rb-pagetitle strong{
    font-weight:800;
}


.rb-hero{
    position:relative;
    aspect-ratio:1680 / 706;
    border-radius:20px;
    overflow:hidden;
    background:#14346e;
}

.rb-hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    z-index:0;
    transition:opacity .45s ease;
}

.rb-hero-slide.is-active{
    opacity:1;
    visibility:visible;
    z-index:1;
}

.rb-hero-slide img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.rb-hero-panel{
    position:absolute;
    inset-inline-start:41px;
    top:34px;
    bottom:34px;
    width:52%;
    max-width:640px;
    border-radius:14px;
    background:rgba(255,255,255,.56);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    padding:56px 52px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.rb-hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-size:15px;
    font-weight:500;
    color:var(--rb-navy);
    margin-bottom:26px;
}

.rb-hero-title{
    margin:0 0 26px;
    font-size:44px;
    line-height:1.14;
    color:var(--rb-navy);
    letter-spacing:-.4px;
}

.rb-hero-title strong{
    display:block;
    font-weight:800;
}

.rb-hero-title span{
    display:block;
    font-weight:300;
}

.rb-hero-author{
    display:flex;
    align-items:center;
    gap:11px;
    font-size:19px;
    font-weight:600;
    color:var(--rb-navy);
    margin-bottom:20px;
}

.rb-hero-desc{
    margin:0 0 auto;
    font-size:16px;
    line-height:1.55;
    font-weight:400;
    color:var(--rb-navy);
    max-width:430px;
}

.rb-hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:44px;
    padding:0 28px;
    border:2px solid var(--rb-navy);
    border-radius:999px;
    font-size:16px;
    font-weight:700;
    color:var(--rb-navy);
    background:transparent;
    transition:all .25s ease;
}

.rb-hero-btn:hover{
    background:var(--rb-navy);
    color:#fff;
}

/* Sağ üst bölüm etiketi */
.rb-hero-badge{
    position:absolute;
    top:0;
    inset-inline-end:74px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    height:42px;
    padding:0 26px;
    border-radius:6px 6px 14px 14px;
    background:#4e8bbd;
    color:#fff;
    font-size:16px;
    font-weight:600;
}

.rb-hero-nav{
    position:absolute;
    inset-inline-end:4.4196%;
    bottom:5.666%;
    z-index:3;
    width:6.3095%;
    aspect-ratio:1 / 1;
    border-radius:50%;
    background:rgba(217,217,217,.5);      
}

.rb-hero-nav::before{
    content:"";
    position:absolute;
    inset-inline-start:50%;
    top:50%;
    width:79.245%;
    height:79.245%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:rgba(202,202,202,.69);
    transition:background .25s ease;
    pointer-events:none;
}

.rb-hero-nav-btn{
    position:absolute;
    top:0;
    width:50%;
    height:100%;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    z-index:1;
    -webkit-appearance:none;
    appearance:none;
}

.rb-hero-nav-prev{ inset-inline-start:0;  border-radius:50% 0 0 50%; }
.rb-hero-nav-next{ inset-inline-end:0; border-radius:0 50% 50% 0; }

.rb-hero-nav-btn svg{
    position:absolute;
    top:0;
    width:200%;
    height:100%;
    overflow:visible;
    pointer-events:none;
}

.rb-hero-nav-prev svg{ inset-inline-start:0; }
.rb-hero-nav-next svg{ inset-inline-end:0; }

.rb-nav-chev{
    transition:transform .25s ease;
}

.rb-nav-chev-out{ fill:#102757; }
.rb-nav-chev-in{
    fill:#ff7000;
    fill-opacity:.66;                    
    transition:fill-opacity .25s ease;
}

@media (hover:hover){
    .rb-hero-nav-prev:hover .rb-nav-chev{ transform:translateX(-4px); }
    .rb-hero-nav-next:hover .rb-nav-chev{ transform:translateX(4px); }
    .rb-hero-nav-btn:hover  .rb-nav-chev-in{ fill-opacity:1; }
    .rb-hero-nav:hover::before{ background:rgba(226,226,226,.85); }
}

.rb-hero-nav-prev:focus-visible .rb-nav-chev{ transform:translateX(-4px); }
.rb-hero-nav-next:focus-visible .rb-nav-chev{ transform:translateX(4px); }
.rb-hero-nav-btn:focus-visible  .rb-nav-chev-in{ fill-opacity:1; }
.rb-hero-nav:focus-within::before{ background:rgba(226,226,226,.85); }

.rb-hero-nav-btn:active .rb-nav-chev{ transform:translateX(0); }

.rb-hero-nav-btn:focus{ outline:none; }

.rb-hero-nav:focus-within{
    box-shadow:0 0 0 3px rgba(255,255,255,.92);
}

@media (prefers-reduced-motion:reduce){
    .rb-nav-chev,
    .rb-nav-chev-in,
    .rb-hero-nav::before,
    .rb-hero-slide{
        transition:none;
    }
}


.rb-cat-banner{
    position:relative;
    min-height:269px;
    padding:18px 0 59px;
    background:#5fc28b url(../img/blog/category-banner.webp) center / cover no-repeat;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.rb-cat-crumb{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:12.5px;
    font-weight:400;
    color:#fff;
    margin-bottom:0;
}

.rb-cat-crumb a{
    color:#fff;
    display:inline-flex;
    align-items:center;
}

.rb-cat-crumb a:hover{
    opacity:.75;
}

.rb-cat-crumb strong{
    font-weight:700;
}

.rb-cat-crumb-home{
    width:18px;
    height:18px;
    object-fit:contain;
}

.rb-cat-title{
    margin:53px 0 0;
    font-family:'Montserrat', sans-serif;
    font-size:37.4px;
    line-height:1;
    font-weight:500;
    letter-spacing:0;
    text-transform:uppercase;
    color:#fff;
}

.rb-cat-intro{
    margin:41px 0 0;
    max-width:655px;
    font-size:15.4px;
    line-height:21.2px;
    font-weight:400;
    color:#fff;
}

.rb-body{
    background:#fff;
    padding:56px 0 84px;
}

.rb-layout{
    display:grid;
    grid-template-columns:32.143% 1fr;
    gap:28.5px;
    align-items:start;
}


.rb-filter + .rb-filter{
    margin-top:46px;
}

.rb-filter-head{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:17px;
    font-weight:700;
    color:var(--rb-navy);
    margin:0 0 14px;
}

.rb-filter-toggle{
    width:13px;
    height:13px;
    flex:0 0 13px;
    border-radius:4px;
    background:var(--rb-orange);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border:0;
    padding:0;
}

.rb-filter-toggle:before{
    content:"";
    width:0;
    height:0;
    border-inline-start:3px solid transparent;
    border-inline-end:3px solid transparent;
    border-top:3.5px solid #fff;
    margin-top:1px;
}

.rb-filter-list{
    list-style:none;
    margin:0;
    padding:0;
}

.rb-filter-list li{
    border-top:1px solid var(--rb-line);
}

.rb-filter-list a{
    display:flex;
    align-items:center;
    gap:6px;
    height:39px;                         
    font-size:16px;
    font-weight:500;
    letter-spacing:.2px;
    color:var(--rb-navy);
    text-transform:uppercase;
    transition:color .2s ease;
}

.rb-filter-list a.is-active{
    font-weight:700;
}

.rb-filter-list a:hover{
    color:var(--rb-orange);
}

.rb-cards{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:18.5px;
    row-gap:54px;
}

.rb-card{
    position:relative;
    background:url(../img/blog/card-bg.webp) 0 0 / 100% 100% no-repeat;
    padding:18px;
    transition:transform .25s ease;
}

.rb-card:hover{
    transform:translateY(-4px);
}

.rb-card-inner{
    background:#fff;
    border-radius:11px;
    overflow:hidden;
    height:100%;
    display:flex;
    flex-direction:column;
}

.rb-card-media{
    display:block;
    aspect-ratio:492 / 254;
    overflow:hidden;
    background:#e9edf3;
}

.rb-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.rb-card-badge{
    position:absolute;
    top:18px;
    inset-inline-end:38px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:139px;
    height:29px;
    padding:0 8px;
    border-radius:0 0 14px 14px;
    color:#fff;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
}

.rb-card-body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:20px 24px 29px;
}

.rb-card-title{
    margin:0 0 9px;
    font-size:18.5px;
    line-height:1.24;
    color:var(--rb-navy);
}

.rb-card-title strong{
    display:block;
    font-weight:700;
}

.rb-card-title span{
    display:block;
    font-weight:400;
}

.rb-card-date{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:12.5px;
    line-height:1.4;
    font-weight:700;
    color:var(--rb-navy);
    margin-bottom:12px;
}

.rb-card-date svg{
    flex:0 0 auto;
}

.rb-card-summary{
    margin:0 0 12px;
    max-width:88%;
    font-size:12px;
    line-height:1.54;
    font-weight:400;
    color:var(--rb-navy);
}

.rb-card-more{
    align-self:flex-start;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    font-weight:700;
    color:var(--rb-navy);
    transition:color .2s ease;
}

.rb-card-more:hover{
    color:var(--rb-orange);
}

.rb-pagination{
    display:flex;
    justify-content:center;
    margin-top:60px;
}

.rb-pagination-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-width:299px;
    height:34px;
    padding:0 12px;
    border-radius:12px;
    background:#f8f8f8;
    box-shadow:0 3px 7px rgba(16,39,87,.22);
}

.rb-pagination-edge{
    display:inline-flex;
    align-items:center;
    padding:4px;
    transition:transform .2s ease;
}

.rb-pagination-edge.is-prev{
    transform:rotate(180deg);
}

.rb-pagination-edge path{
    transition:fill .2s ease;
}

@media (hover:hover){
    .rb-pagination-edge:hover{
        transform:translateX(3px);
    }

    .rb-pagination-edge.is-prev:hover{
        transform:rotate(180deg) translateX(3px);
    }

    .rb-pagination-edge:hover path{
        fill:#ff9233;
    }
}

.rb-pagination-edge:active{
    transform:translateX(0);
}

.rb-pagination-edge.is-prev:active{
    transform:rotate(180deg) translateX(0);
}

.rb-pagination-edge:focus-visible{
    outline:2px solid var(--rb-orange);
    outline-offset:2px;
    border-radius:4px;
}

.rb-pagination-pages{
    display:flex;
    align-items:center;
    gap:11.5px;
}

.rb-pagination-pages a{
    min-width:18px;
    height:18px;
    padding:0 3px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:500;
    color:var(--rb-navy);
    transition:all .2s ease;
}

.rb-pagination-pages a:hover{
    color:var(--rb-orange);
}

.rb-pagination-pages a.is-active,
.rb-pagination-pages a.rb-pagination-next{
    background:var(--rb-navy);
    color:#fff;
    font-weight:600;
}

.rb-pagination-pages a.is-active:hover,
.rb-pagination-pages a.rb-pagination-next:hover{
    background:#0b1c40;
    color:#fff;
}

.rb-pagination-pages a.rb-pagination-next{
    min-width:18px;
    height:18px;
    border-radius:5px;
    font-size:14px;
    line-height:1;
    padding-bottom:2px;
}


@media (max-width:1399px){
    .rb-hero-panel{
        padding:44px 42px;
        width:55%;
    }

    .rb-hero-title{
        font-size:38px;
    }

    .rb-cards{
        column-gap:30px;
        row-gap:66px;
    }
}

@media (max-width:1199px){
    .rb-layout{
        grid-template-columns:34% 1fr;
        gap:28px;
    }

    .rb-hero-panel{
        width:60%;
        padding:36px 34px;
    }

    .rb-hero-title{
        font-size:33px;
    }

    .rb-hero-desc{
        font-size:15px;
    }

    .rb-pagetitle{
        font-size:28px;
    }
}

@media (max-width:991px){
    .rb-layout{
        grid-template-columns:1fr;
        gap:44px;
    }

    .rb-hero{
        aspect-ratio:auto;
        min-height:430px;
    }

    .rb-hero-slide.is-active{
        position:relative;
    }

    .rb-hero-panel{
        position:relative;
        inset:auto;
        width:auto;
        max-width:none;
        margin:16px;
        padding:30px 28px;
    }

    .rb-hero-slide img{
        object-position:center;
    }
    .rb-hero-nav{
        width:clamp(50px, 14.64vw, 72px);
        inset-inline-end:clamp(26px, 9.51vw, 46px);
        bottom:clamp(20px, 6.87vw, 34px);
    }

    .rb-hero-desc{
        margin-bottom:26px;
    }

    .rb-cards{
        row-gap:54px;
    }
}

@media (max-width:767px){
    .rb-top{
        padding:16px 0 30px;
    }

    .rb-pagetitle{
        display:none;
    }

    .rb-topbar{
        margin-bottom:20px;
    }

    .rb-crumb{
        font-size:13px;
    }

    .rb-hero{
        border-radius:14px;
        min-height:0;
    }

    .rb-hero-badge{
        inset-inline-end:20px;
        height:34px;
        padding:0 18px;
        font-size:14px;
    }

    .rb-hero-panel{
        margin:12px;
        padding:24px 20px;
        border-radius:10px;
    }

    .rb-hero-kicker{
        font-size:13px;
        margin-bottom:16px;
    }

    .rb-hero-title{
        font-size:26px;
        margin-bottom:18px;
    }

    .rb-hero-author{
        font-size:16px;
        margin-bottom:14px;
    }

    .rb-hero-desc{
        font-size:14px;
        max-width:none;
        margin-bottom:22px;
    }

    .rb-hero-btn{
        height:40px;
        font-size:14px;
        padding:0 22px;
    }

    .rb-body{
        padding:36px 0 56px;
    }

    .rb-filter + .rb-filter{
        margin-top:34px;
    }

    .rb-cards{
        grid-template-columns:1fr;
        row-gap:40px;
    }

    .rb-pagination{
        margin-top:40px;
    }
}

.rb-cat-inner{
    position:relative;
    flex:1;
}

.rb-cat-inner > .rb-share-wrap{
    position:absolute;
    inset-inline-end:14px;                          
    bottom:0;
}

.rb-share-wrap{
    position:relative;
    display:inline-block;
    line-height:0;
}

.rb-share{
    display:block;
    width:52px;
    height:52px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    filter:drop-shadow(0 3px 2px rgba(18,18,18,.25));
    transition:transform .2s ease;
}

.rb-share svg{ width:100%; height:100%; display:block; transition:transform .3s ease; }

.rb-share-wrap.is-open .rb-share svg{ transform:rotate(90deg); }

@media (hover:hover){
    .rb-share:hover{ transform:translateY(-2px); }
}

.rb-share::after{
    content:"";
    position:absolute;
    inset-inline-start:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:max(100%, 44px);
    height:max(100%, 44px);
}

.rb-share-menu{
    position:absolute;
    z-index:6;
    inset-inline-start:50%;
    bottom:calc(100% + 12px);
    transform:translate(-50%, 10px);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    padding:10px;
    background:rgba(255,255,255,.92);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    border-radius:999px;
    box-shadow:0 14px 34px rgba(16,39,87,.25);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
}

.rb-share-wrap.is-open .rb-share-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%, 0);
    transition:opacity .25s ease, transform .25s ease, visibility 0s;
}

.rb-share-link{
    position:relative;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--rb-orange);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    opacity:0;
    transform:translateY(8px) scale(.7);
    transition:opacity .28s ease, transform .28s cubic-bezier(.34,1.56,.64,1), background .2s ease;
}

.rb-share-wrap.is-open .rb-share-link{ opacity:1; transform:none; }
.rb-share-wrap.is-open .rb-share-link:nth-child(1){ transition-delay:.05s, .05s, 0s; }
.rb-share-wrap.is-open .rb-share-link:nth-child(2){ transition-delay:.12s, .12s, 0s; }
.rb-share-wrap.is-open .rb-share-link:nth-child(3){ transition-delay:.19s, .19s, 0s; }

.rb-share-link svg{
    width:52%;
    height:52%;
    display:block;
    transition:transform .2s ease;
}

@media (hover:hover){
    .rb-share-link:hover{ background:#c95f02; }
    .rb-share-link:hover svg{ transform:scale(1.12); }
}

.rb-share-link:focus-visible{
    outline:2px solid #fff;
    outline-offset:2px;
}

/* Instagram: bağlantı kopyalandı geri bildirimi */
.rb-share-toast{
    position:absolute;
    inset-inline-end:calc(100% + 10px);
    top:50%;
    transform:translateY(-50%);
    white-space:nowrap;
    background:var(--rb-navy);
    color:#fff;
    font-size:12px;
    font-weight:600;
    line-height:1;
    padding:7px 10px;
    border-radius:6px;
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease;
}

.rb-share-copy.is-copied .rb-share-toast{ opacity:1; }

/* Yatay varyant - menü butonun soluna açılır */
.rb-share-wrap--row .rb-share-menu{
    inset-inline-start:auto;
    inset-inline-end:calc(100% + 12px);
    bottom:50%;
    top:auto;
    flex-direction:row;
    transform:translate(10px, 50%);
}

.rb-share-wrap--row.is-open .rb-share-menu{ transform:translate(0, 50%); }

.rb-share-wrap--row .rb-share-toast{
    inset-inline-end:auto;
    inset-inline-start:50%;
    top:auto;
    bottom:calc(100% + 8px);
    transform:translateX(-50%);
}


.rb-meta{
    background:#fff;
    padding:52px 0 0;
}

.rb-meta-inner{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
}

.rb-meta p{
    margin:0 0 6px;
    font-size:13px;
    line-height:1.5;
    font-weight:400;
    color:var(--rb-navy);
}

.rb-meta strong{ font-weight:700; }

.rb-meta-right{
    display:flex;
    align-items:flex-start;
    gap:14px;
    text-align:end;
}

.rb-meta-badge{
    font-weight:700;
    font-size:14px !important;
}

.rb-meta-icon{
    width:26px;
    height:36px;
    object-fit:contain;
    flex:0 0 auto;
}


.rb-body-detail{ padding-top:27px; }

.rb-figure{
    margin:0 0 34px;
    padding:46px;
    background:url(../img/blog/card-bg.webp) 0 0 / 100% 100% no-repeat;
}

.rb-figure img{
    display:block;
    width:100%;
    height:auto;
    border-radius:4px;
}

.rb-article-title{
    margin:0 0 22px;
    font-size:36px;
    line-height:1.2;
    font-weight:600;
    color:var(--rb-navy);
}

.rb-article-text{
    margin:0 0 26px;
    font-size:12px;
    line-height:18.5px;
    font-weight:400;
    color:var(--rb-navy);
}

.rb-article-lead{
    margin:0 0 69px;
    font-size:14.5px;
    line-height:1.45;
    font-weight:700;
    color:var(--rb-navy);
}


.rb-cta-title{
    margin:0 0 30px;
    max-width:520px;
    font-size:32px;
    line-height:52.5px;
    font-weight:600;
    color:#5fc28b;
}

.rb-cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:299px;
    height:60px;
    border-radius:10px;
    background:#5fc28b;
    color:#fff;
    font-size:15px;
    font-weight:600;
    transition:background .2s ease;
}

@media (hover:hover){
    .rb-cta-btn:hover{ background:#4bb078; color:#fff; }
}

.rb-video{
    position:relative;
    display:block;
    width:662px;
    max-width:100%;
    margin:58px 0 0;
    padding:0;
    border:0;
    border-radius:6px;
    overflow:hidden;
    line-height:0;
    aspect-ratio:858 / 483;
    background:#000;
    cursor:pointer;
}

@supports not (aspect-ratio:1/1){
    .rb-video{
        height:0;
        padding-bottom:56.29%;
    }
}

.rb-video img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.rb-video.is-playing{
    cursor:default;
}

.rb-video iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.rb-video-play{
    position:absolute;
    inset-inline-start:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:22.6%;                          
    aspect-ratio:214 / 217;
    filter:drop-shadow(0 8px 3px rgba(0,0,0,.25));
    transition:transform .2s ease;
}

.rb-video-play svg{ width:100%; height:100%; display:block; }

@media (hover:hover){
    .rb-video:hover .rb-video-play{ transform:translate(-50%,-50%) scale(1.06); }
}


.rb-related-title{
    margin:66px 0 26px;
    font-size:28px;
    line-height:1.2;
    font-weight:600;
    color:var(--rb-navy);
}


@media (max-width:991px){
    .rb-cat-banner{ padding-bottom:22px; }
    .rb-cat-intro{ padding-inline-end:70px; }
    .rb-meta-inner{ flex-direction:column; gap:16px; }
    .rb-meta-right{ text-align:start; }
    .rb-figure{ padding:22px; }
    .rb-video{ width:100%; margin-top:36px; }
}

@media (max-width:767px){
    .rb-article-title{ font-size:26px; }
    .rb-cta-title{ font-size:24px; line-height:1.35; }
    .rb-cta-btn{ width:100%; max-width:299px; }
    .rb-related-title{ font-size:22px; margin-top:44px; }
    .rb-share{ width:44px; height:44px; }
    .rb-cat-intro{ padding-inline-end:62px; }
}


.rb-hero-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:100%;
}

.rb-share-slot--panel{
    position:relative;
    top:2px;
    margin-inline-end:-8px;
}

.rb-share-slot--top{ display:none; }

@media (max-width:991px){
    .rb-share-slot--top{ display:inline-block; }
    .rb-share-slot--panel{ display:none; }

    .rb-topbar{ justify-content:space-between; }
}

@media (max-width:767px){
    .rb-share{ width:40px; height:40px; }
    .rb-share-link{ width:38px; height:38px; }
}