html.oa-account-drawer-open,
body.oa-account-drawer-open{
    overflow:hidden!important;
}

.oa-header-auth,
.oa-header-actions,
.oa-header-full,
.oa-account-drawer,
.oa-header-auth *,
.oa-header-actions *,
.oa-header-full *,
.oa-account-drawer *{
    box-sizing:border-box;
    font-family:'Poppins',sans-serif!important;
}

.oa-header-auth{
    display:flex;
    align-items:center;
    gap:8px;
}

.oa-header-auth--guest{
    justify-content:flex-end;
}

.oa-header-btn,
.oa-header-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 18px;
    border:0;
    border-radius:13px;
    color:#fff!important;
    font-size:14px;
    font-weight:700;
    line-height:1;
    text-decoration:none!important;
    cursor:pointer;
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}

.oa-header-btn:hover,
.oa-header-action:hover{
    color:#fff!important;
    transform:translateY(-1px);
    filter:brightness(1.05);
}

.oa-header-btn--register{
    background:linear-gradient(135deg,#ff9b00,#ff7900);
    box-shadow:0 8px 22px rgba(255,130,0,.28);
}

.oa-header-btn--login{
    background:linear-gradient(135deg,#17d886,#07bd69);
    box-shadow:0 8px 22px rgba(10,202,115,.25);
}

.oa-header-btn__icon{
    font-size:18px;
    line-height:1;
}

.oa-header-auth--logged{
    gap:8px;
}

.oa-header-square{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:13px;
    color:#b9c6d8!important;
    background:#171e28;
    border:1px solid rgba(255,255,255,.03);
    text-decoration:none!important;
}

.oa-header-square--cart{
    color:#ffb800!important;
    background:#2a2416;
}

.oa-header-badge{
    position:absolute;
    top:-4px;
    right:-4px;
    display:grid;
    place-items:center;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:#6555e8;
    color:#fff;
    font-size:10px;
    font-weight:800;
}

.oa-header-profile{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:166px;
    min-height:50px;
    padding:6px 12px 6px 7px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.13);
    background:#141a24;
    color:#fff!important;
    text-align:left;
    cursor:pointer;
}

.oa-header-profile__avatar{
    width:38px;
    height:38px;
    border-radius:10px;
    object-fit:cover;
}

.oa-header-profile__text{
    display:flex;
    min-width:0;
    flex:1;
    flex-direction:column;
    line-height:1.2;
}

.oa-header-profile__text strong{
    overflow:hidden;
    color:#fff;
    font-size:12px;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.oa-header-profile__text small{
    margin-top:3px;
    color:#17db80;
    font-size:11px;
    font-weight:700;
}

.oa-header-profile__arrow{
    color:#b4bfd1;
    font-size:22px;
}

.oa-header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
}

.oa-header-action{
    min-height:42px;
    border-radius:12px;
}

.oa-header-action--listing{
    background:linear-gradient(135deg,#ffbe00,#f39a00);
    box-shadow:0 8px 22px rgba(255,177,0,.25);
}

.oa-header-action--balance{
    background:linear-gradient(135deg,#12d678,#08b764);
    box-shadow:0 8px 22px rgba(10,195,103,.22);
}

.oa-header-action__icon{
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    border:2px solid currentColor;
    border-radius:50%;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.oa-header-action--balance .oa-header-action__icon{
    border:0;
    border-radius:3px;
}

.oa-header-full{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:9px;
}

/* Sağ hesap paneli */
.oa-account-drawer{
    position:fixed;
    inset:0;
    z-index:999998;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .24s ease,visibility .24s ease;
}

.oa-account-drawer.is-open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
}

.oa-account-drawer__backdrop{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(3,7,14,.64);
    backdrop-filter:blur(3px);
    cursor:default;
}

.oa-account-drawer__panel{
    position:absolute;
    top:0;
    right:0;
    width:min(390px,100vw);
    height:100%;
    overflow-y:auto;
    color:#fff;
    background:#0d121a;
    border-left:1px solid rgba(255,255,255,.08);
    box-shadow:-24px 0 70px rgba(0,0,0,.46);
    transform:translateX(100%);
    transition:transform .3s cubic-bezier(.2,.8,.2,1);
}

.oa-account-drawer.is-open .oa-account-drawer__panel{
    transform:translateX(0);
}

.oa-account-drawer__header{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:72px;
    padding:0 20px;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(13,18,26,.96);
    backdrop-filter:blur(10px);
}

.oa-account-drawer__heading{
    display:flex;
    align-items:center;
    gap:11px;
}

.oa-account-drawer__heading-icon{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:10px;
    color:#5e75ff;
    background:#121d3f;
}

.oa-account-drawer__heading strong{
    font-size:17px;
    font-weight:700;
}

.oa-account-drawer__close{
    position:relative;
    width:34px;
    height:34px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
}

.oa-account-drawer__close span{
    position:absolute;
    top:16px;
    left:6px;
    width:22px;
    height:2px;
    border-radius:999px;
    background:#8f98aa;
}

.oa-account-drawer__close span:first-child{
    transform:rotate(45deg);
}

.oa-account-drawer__close span:last-child{
    transform:rotate(-45deg);
}

.oa-account-drawer__body{
    padding:16px 14px 24px;
}

.oa-account-summary{
    padding:15px;
    border-radius:16px;
    background:
        radial-gradient(circle at 88% 20%,rgba(255,255,255,.18),transparent 24%),
        linear-gradient(135deg,#3144aa,#536cee);
    box-shadow:0 15px 35px rgba(46,67,184,.24);
}

.oa-account-summary__user{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:14px;
}

.oa-account-summary__avatar{
    width:50px;
    height:50px;
    border-radius:9px;
    object-fit:cover;
    border:1px solid rgba(255,255,255,.65);
}

.oa-account-summary__user strong{
    font-size:14px;
    font-weight:700;
}

.oa-account-summary__balances{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:12px;
}

.oa-account-balance{
    min-width:0;
    padding:11px 10px;
    border:1px solid rgba(255,255,255,.3);
    border-radius:12px;
    background:rgba(255,255,255,.08);
}

.oa-account-balance small,
.oa-account-balance strong{
    display:block;
}

.oa-account-balance small{
    margin-bottom:3px;
    color:#e7ebff;
    font-size:10px;
    font-weight:600;
}

.oa-account-balance strong{
    overflow:hidden;
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.oa-account-summary__deposit{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:48px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.32);
    border-radius:12px;
    color:#fff!important;
    background:rgba(255,255,255,.09);
    font-size:13px;
    font-weight:700;
    text-decoration:none!important;
}

.oa-account-summary__deposit-arrow{
    margin-left:auto;
    font-size:26px;
}

.oa-account-menu{
    margin-top:14px;
    padding:14px 14px 9px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    background:#141a23;
}

.oa-account-menu h3{
    margin:0 0 8px;
    color:#8793a8;
    font-size:10px;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.oa-account-menu__item{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:52px;
    color:#fff!important;
    font-size:13px;
    font-weight:600;
    text-decoration:none!important;
}

.oa-account-menu__icon{
    display:grid;
    place-items:center;
    width:22px;
    color:#6078ff;
}

.oa-account-menu__arrow{
    margin-left:auto;
    color:#6f86a3;
    font-size:20px;
}

.oa-account-logout{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:54px;
    margin-top:16px;
    border:1px solid rgba(255,73,102,.45);
    border-radius:13px;
    color:#ff526b!important;
    background:rgba(123,20,43,.22);
    text-decoration:none!important;
}

.oa-account-logout strong{
    font-size:13px;
    font-weight:700;
}

@media(max-width:767px){
    .oa-header-profile{
        min-width:auto;
    }

    .oa-header-profile__text{
        display:none;
    }

    .oa-header-actions{
        flex-wrap:wrap;
    }

    .oa-header-btn,
    .oa-header-action{
        padding:0 13px;
        font-size:12px;
    }

    .oa-account-drawer__panel{
        width:min(360px,94vw);
    }
}


/* =========================================================
   v1.1.1 — Woodmart override + yumuşak çekmece animasyonu
   ========================================================= */

html.oa-account-drawer-open,
body.oa-account-drawer-open{
    overflow:hidden!important;
}

/* Header profil butonunu Woodmart buton stilinden tamamen ayır */
.oa-header-auth .oa-header-profile{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:auto!important;
    min-width:166px!important;
    max-width:240px!important;
    min-height:50px!important;
    height:50px!important;
    margin:0!important;
    padding:6px 12px 6px 7px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:14px!important;
    background:#141a24!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:none!important;
    text-align:left!important;
    text-transform:none!important;
    line-height:1.2!important;
    cursor:pointer!important;
    overflow:hidden!important;
}

.oa-header-auth .oa-header-profile:hover,
.oa-header-auth .oa-header-profile:focus{
    background:#171e29!important;
    border-color:rgba(99,120,255,.34)!important;
    color:#fff!important;
    box-shadow:0 0 0 3px rgba(74,96,255,.10)!important;
    outline:none!important;
}

.oa-header-auth .oa-header-profile__avatar{
    display:block!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    object-fit:cover!important;
    background:#232b38!important;
}

.oa-header-auth .oa-header-profile__text{
    display:flex!important;
    min-width:0!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
}

.oa-header-auth .oa-header-profile__text strong,
.oa-header-auth .oa-header-profile__text small{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:1.2!important;
}

.oa-header-auth .oa-header-profile__arrow{
    display:block!important;
    margin-left:auto!important;
    color:#8e9ab0!important;
    line-height:1!important;
}

/* Drawer ana katmanı */
#oa-account-drawer{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:block!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    visibility:hidden!important;
    opacity:1!important;
    pointer-events:none!important;
    overflow:hidden!important;
    transform:none!important;
}

#oa-account-drawer.is-open{
    visibility:visible!important;
    pointer-events:auto!important;
}

/* Karartma */
#oa-account-drawer .oa-account-drawer__backdrop{
    -webkit-appearance:none!important;
    appearance:none!important;
    position:fixed!important;
    inset:0!important;
    display:block!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(3,7,14,.72)!important;
    background-image:none!important;
    box-shadow:none!important;
    opacity:0!important;
    cursor:default!important;
    transition:opacity .32s ease!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
}

#oa-account-drawer.is-open .oa-account-drawer__backdrop{
    opacity:1!important;
}

/* Sağ panel */
#oa-account-drawer .oa-account-drawer__panel{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(390px,94vw)!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    background:#0d121a!important;
    background-image:none!important;
    color:#fff!important;
    box-shadow:-26px 0 80px rgba(0,0,0,.50)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    opacity:0!important;
    transform:translate3d(104%,0,0)!important;
    will-change:transform,opacity!important;
    transition:
        transform .46s cubic-bezier(.22,1,.36,1),
        opacity .26s ease!important;
}

#oa-account-drawer.is-open .oa-account-drawer__panel{
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
}

/* Header ve kapatma butonu */
#oa-account-drawer .oa-account-drawer__header{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:70px!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    background:rgba(13,18,26,.96)!important;
    box-shadow:none!important;
}

#oa-account-drawer .oa-account-drawer__close{
    -webkit-appearance:none!important;
    appearance:none!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    display:block!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    cursor:pointer!important;
}

#oa-account-drawer .oa-account-drawer__close:hover{
    background:rgba(255,255,255,.05)!important;
}

#oa-account-drawer .oa-account-drawer__close span{
    position:absolute!important;
    top:16px!important;
    left:6px!important;
    display:block!important;
    width:22px!important;
    height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#8f98aa!important;
}

/* İçerik bloklarında Woodmart sürprizlerini engelle */
#oa-account-drawer .oa-account-drawer__body{
    width:100%!important;
    margin:0!important;
    padding:16px 14px 26px!important;
    background:#0d121a!important;
}

#oa-account-drawer .oa-account-summary,
#oa-account-drawer .oa-account-menu{
    width:100%!important;
    box-shadow:none!important;
}

#oa-account-drawer a{
    text-transform:none!important;
}

#oa-account-drawer .oa-account-summary__deposit,
#oa-account-drawer .oa-account-menu__item,
#oa-account-drawer .oa-account-logout{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
}

@media(max-width:767px){
    .oa-header-auth .oa-header-profile{
        min-width:50px!important;
        width:50px!important;
        max-width:50px!important;
        padding:6px!important;
    }

    .oa-header-auth .oa-header-profile__text,
    .oa-header-auth .oa-header-profile__arrow{
        display:none!important;
    }

    #oa-account-drawer .oa-account-drawer__panel{
        width:min(360px,94vw)!important;
    }
}

@media(prefers-reduced-motion:reduce){
    #oa-account-drawer .oa-account-drawer__backdrop,
    #oa-account-drawer .oa-account-drawer__panel{
        transition:none!important;
    }
}