/* === V2 Common Styles === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#ffffff;--bg2:#f8f8f6;--bg3:#f0f0ee;--dark:#0c1a1a;--txt:#1a1a1a;--txt2:#6b7280;--txt3:#9ca3af;--gold:#8B1A2B;--goldh:#a62639;--brd:rgba(0,0,0,.08);--serif:'Libre Baskerville',Georgia,serif;--sans:'DM Sans',sans-serif;--logo:'Nunito',sans-serif}
html{font-size:16px;overflow-x:hidden}
body{font-family:var(--sans);background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* FOUC prevention: hide body while English translations are being applied */
html.i18n-pending body{opacity:0!important;pointer-events:none}
html.i18n-ready body{transition:opacity .15s ease;opacity:1}

/* Hero with photo overlay */
.v2-hero{position:relative;min-height:400px;display:flex;align-items:flex-end;padding-bottom:60px;overflow:hidden}
.v2-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.v2-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 100%);z-index:1}
.v2-hero .container{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 48px;display:flex;justify-content:space-between;align-items:flex-end}
.v2-hero h1{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;color:#fff;margin-bottom:20px}
.v2-hero-sub{font-size:.95rem;color:rgba(255,255,255,.7);line-height:1.6;max-width:500px;margin-bottom:0}
.v2-bc{display:flex;align-items:center;gap:10px;font-size:.85rem}
.v2-bc a{color:rgba(255,255,255,.6);text-decoration:none}.v2-bc a:hover{color:#fff}
.v2-bc span{color:rgba(255,255,255,.4)}
.v2-hero-year{position:absolute;bottom:60px;right:48px;font-family:var(--serif);font-size:1.5rem;color:rgba(255,255,255,.3);letter-spacing:.25em;z-index:3}

/* Header floating on hero */
.v2-hdr{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px 48px;max-width:1200px;margin:0 auto}
.v2-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.v2-logo img{height:40px;width:auto}
.v2-logo-t{font-family:var(--logo);font-size:1.1rem;color:#fff;white-space:nowrap}
.v2-logo-b{font-weight:800}.v2-logo-l{font-weight:400;color:rgba(255,255,255,.7);margin-left:.3em}
.v2-nav{display:flex;align-items:center}
.v2-nav ul{display:flex;list-style:none;gap:28px;align-items:center}
.v2-nav a{font-size:.9rem;font-weight:400;color:#fff;text-decoration:none;transition:all .3s;position:relative;padding-bottom:4px}
.v2-nav a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.v2-nav a:hover::after,.v2-nav a.act::after{transform:scaleX(1);transform-origin:left}
.v2-nav-services{position:relative;padding:12px 0;margin:-12px 0}
.v2-services-menu{position:absolute;top:calc(100% + 10px);left:50%;min-width:292px;padding:10px;background:rgba(255,255,255,.97);border:1px solid rgba(12,26,26,.1);border-radius:14px;box-shadow:0 24px 70px rgba(12,26,26,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.v2-services-menu::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px}
.v2-nav-services:hover .v2-services-menu,.v2-nav-services:focus-within .v2-services-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.v2-services-menu a{display:block;padding:12px 14px;border-radius:10px;color:#182222!important;text-decoration:none}
.v2-services-menu a::after{display:none}
.v2-services-menu a:hover,.v2-services-menu a.act{background:#f7f3f1;color:var(--gold)!important}
.v2-service-dd-title{display:block;font-size:.88rem;font-weight:600;line-height:1.3}
.v2-service-dd-desc{display:block;margin-top:3px;font-size:.72rem;line-height:1.35;color:#6b7280}
.v2-ns{color:rgba(255,255,255,.3);font-size:.5rem;user-select:none}
.v2-nr{display:flex;align-items:center;gap:24px}
.v2-nc{display:inline-flex;align-items:center;padding:10px 24px;background:var(--gold);color:#fff;font-size:.8125rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s}
.v2-nc:hover{background:var(--goldh)}
.v2-mt{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;background:none;border:none}
.v2-mt span{display:block;width:24px;height:2px;background:#fff;transition:background .3s ease}

/* Sticky header */
.v2-hdr-sticky{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(1296px,100%);padding:32px 48px;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(0,0,0,.08);z-index:1000}
.v2-hdr-sticky .v2-logo-t{color:#1a1a1a}
.v2-hdr-sticky .v2-logo-l{color:rgba(0,0,0,.5)}
.v2-hdr-sticky .v2-nav a{color:#1a1a1a}
.v2-hdr-sticky .v2-nav a::after{background:#1a1a1a}
.v2-hdr-sticky .v2-ns{color:rgba(0,0,0,.2)}
.v2-hdr-sticky .v2-mt span{background:#1a1a1a}
.v2-hdr-sticky .v2-lang-btn{color:#1a1a1a}
.v2-hdr-sticky .v2-lang-sep{color:rgba(0,0,0,.2)}
.v2-hdr-sticky .v2-nr>a{color:#1a1a1a}
.v2-hdr-sticky .v2-nr>a::after{background:#1a1a1a}

/* Light background header — dark text/logo from the start */
.v2-hdr-light .v2-logo-t{color:#1a1a1a}
.v2-hdr-light .v2-logo-l{color:rgba(0,0,0,.5)}
.v2-hdr-light .v2-nav a{color:#1a1a1a}
.v2-hdr-light .v2-nav a::after{background:#1a1a1a}
.v2-hdr-light .v2-ns{color:rgba(0,0,0,.2)}
.v2-hdr-light .v2-mt span{background:#1a1a1a}
.v2-hdr-light .v2-lang-btn{color:#1a1a1a}
.v2-hdr-light .v2-lang-sep{color:rgba(0,0,0,.2)}
.v2-hdr-light .v2-nr>a{color:#1a1a1a}
.v2-hdr-light .v2-nr>a::after{background:#1a1a1a}

/* Detail pages: dark hero => white header content until sticky */
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-logo-t{color:#fff}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-logo-l{color:rgba(255,255,255,.72)}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-nav a{color:#fff}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-nav a::after{background:#fff}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-ns{color:rgba(255,255,255,.35)}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-mt span{background:#fff}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-lang-btn{color:#fff}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-lang-sep{color:rgba(255,255,255,.35)}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-nr>a{color:#fff}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-nr>a::after{background:#fff}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr:not(.v2-hdr-sticky) .v2-logo img{filter:brightness(0) invert(1)}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .v2-hdr.v2-hdr-sticky .v2-logo img{filter:none}

/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 48px}

/* Footer */
.v2-ftr{background:var(--dark);padding:60px 0 0}
.v2-ftr-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
.v2-ftr-brand .v2-logo{gap:12px}
.v2-ftr-brand .v2-logo img{height:48px}
.v2-ftr-brand .v2-logo-t{color:#fff}
.v2-ftr-addr{font-size:.875rem;color:rgba(255,255,255,.5);line-height:1.7;margin-top:16px}
.v2-ftr-cta h3{font-family:var(--serif);font-size:1.5rem;font-weight:400;color:#fff;margin-bottom:12px}
.v2-ftr-cta h3 em{color:rgba(255,255,255,.5);font-style:normal}
.v2-ftr-cta p{font-size:.9rem;color:rgba(255,255,255,.55);margin-bottom:24px;line-height:1.7}
.v2-ftr-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#fff;color:var(--txt);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s}
.v2-ftr-btn:hover{background:var(--gold);color:#fff}
.v2-ftr-bottom{padding:24px 0;display:flex;justify-content:space-between;align-items:center}
.v2-ftr-bottom p{font-size:.75rem;color:rgba(255,255,255,.35)}
.v2-ftr-links{display:flex;gap:20px}
.v2-ftr-links a{font-size:.75rem;color:rgba(255,255,255,.4);text-decoration:none}.v2-ftr-links a:hover{color:#fff}

/* Animations */
@keyframes v2fiu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* Language selector */
.v2-lang{display:inline-flex;align-items:center;position:relative;cursor:pointer;transform:translateY(2px)}
.v2-lang-btn{display:flex;align-items:center;gap:6px;font-family:var(--sans);font-size:.75rem;font-weight:700;color:#fff;background:none;border:none;cursor:pointer;padding:0 4px;transition:all .2s;letter-spacing:.05em;text-transform:uppercase;line-height:1}
.lang-flag{width:18px;height:12px;object-fit:cover;border-radius:2px;display:block}
.v2-lang-btn.active{opacity:1}
.v2-lang-btn:not(.active){opacity:.5}
.v2-lang-sep{color:rgba(255,255,255,.3);font-size:.6rem;opacity:0;max-width:0;overflow:hidden;transition:all .9s cubic-bezier(.23,1,.32,1);transform:translateX(-6px);padding:0}
.v2-lang .v2-lang-btn:not(.active){opacity:0;max-width:0;overflow:hidden;transition:all .9s cubic-bezier(.23,1,.32,1);transform:translateX(-6px);padding:0}
.v2-lang:hover .v2-lang-sep{opacity:1;max-width:20px;transform:translateX(0);padding:0 2px}
.v2-lang:hover .v2-lang-btn:not(.active){opacity:.5;max-width:70px;transform:translateX(0);padding:0 4px}
.v2-lang:hover .v2-lang-btn:not(.active):hover{opacity:.8}

/* Mobile language selector */
.v2-mobile-lang{display:flex;gap:16px;justify-content:center;margin-bottom:16px}
.v2-mobile-lang .v2-lang-btn{font-size:.85rem;color:#fff;opacity:.5;background:none;border:none;cursor:pointer;font-family:var(--serif);padding:4px 8px;text-transform:uppercase;letter-spacing:.05em}
.v2-mobile-lang .v2-lang-btn.active{opacity:1}

/* Mobile menu panel */
.v2-mobile-menu{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:24px}
.v2-mobile-menu.open{display:flex}
.v2-mobile-menu a{color:#fff;font-size:1.2rem;text-decoration:none;font-family:var(--serif)}
.v2-mobile-subnav{display:flex;flex-direction:column;align-items:center;gap:10px;margin:-8px 0 2px}
.v2-mobile-subnav a{font-family:var(--sans);font-size:.92rem;color:rgba(255,255,255,.72)}
.v2-mobile-subnav a.act{color:#fff}
.v2-mobile-close{position:absolute;top:24px;right:24px;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}

/* Responsive */
@media(max-width:1024px){
    .v2-hdr,.v2-hero .container,.container{padding-left:28px;padding-right:28px}
}
@media(max-width:768px){
    .v2-hdr{padding:16px 20px}
    .v2-nav,.v2-nr{display:none}
    .v2-mt{display:flex}
    .v2-hero .container,.container{padding-left:20px;padding-right:20px}
    .v2-hero{min-height:320px;padding-bottom:40px}
    .v2-hero-year{display:none}
    .v2-ftr-grid{grid-template-columns:1fr}
    .v2-ftr-bottom{flex-direction:column;gap:12px;text-align:center}
}

/* === Bento Grid Core === */
.bento-section { padding: 48px 0 80px; background: var(--bg); }
.hd-features-header{
    position: relative;
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
    padding: 0 8px 20px;
}
.hd-features-header::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 72px;
    height: 2px;
    background: linear-gradient(90deg, rgba(139,26,43,.22), rgba(139,26,43,.82), rgba(139,26,43,.22));
    transform: translateX(-50%);
    border-radius: 999px;
}
.hd-features-badge{
    display: inline-block;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--gold);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    margin-bottom: 10px;
    opacity: .85;
}
.hd-features-header h2{
    font-family: var(--serif);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 400;
    color: var(--txt);
    line-height: 1.3;
    margin: 0 0 12px;
}
.hd-features-header p{
    font-size: .98rem;
    line-height: 1.72;
    color: var(--txt2);
    margin: 0 auto;
    max-width: 620px;
}
.bento-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bento-card {
    background: var(--bg2); border-radius: 16px; overflow: hidden;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    display: flex; flex-direction: column; min-height: 280px;
    border: 1px solid var(--brd); position: relative; text-decoration: none;
}
.bento-card-enter {
    opacity: 0;
    animation: v2fiu .56s cubic-bezier(.22,.61,.36,1) both;
    animation-delay: calc(var(--bento-index, 0) * 55ms);
}
.bento-card:hover {
    transform: translateY(-5px); background: var(--bg3);
    border-color: rgba(139, 26, 43, 0.15); box-shadow: 0 16px 40px rgba(0,0,0,0.1);
}
.bento-card.bento-wide { grid-column: span 2; }
.bento-card.bento-full { grid-column: span 3; }

/* Shared Flip Card (detail pages first card) */
.bento-card.bento-flip-card {
    background: transparent;
    border: 0;
    cursor: pointer;
    overflow: visible;
    perspective: 1400px;
    min-height: 280px;
}
.bento-card.bento-flip-card:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    transform: none;
}
.bento-flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform .95s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}
.bento-flip-card.is-flipped .bento-flip-inner { transform: rotateY(180deg); }
.bento-flip-face {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--brd);
    border-radius: 16px;
    background: var(--bg2);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
    transition: box-shadow .65s ease, border-color .65s ease;
}
.bento-flip-card:hover .bento-flip-face {
    border-color: rgba(139, 26, 43, .16);
    box-shadow: 0 18px 44px rgba(0,0,0,.10);
}
.bento-flip-back {
    justify-content: center;
    padding: 28px;
    color: var(--txt);
    background: var(--bg2);
    -webkit-transform: rotateY(180deg) translateZ(1px);
    transform: rotateY(180deg) translateZ(1px);
}

/* Safari 3D flip fix: prevents mirrored face bleed on card rotation */
@supports (-webkit-touch-callout: none) {
    .bento-card.bento-flip-card {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .bento-flip-inner {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .bento-flip-card.is-flipped .bento-flip-inner {
        -webkit-transform: rotateY(180deg) translateZ(0);
        transform: rotateY(180deg) translateZ(0);
    }
    .bento-flip-front,
    .bento-flip-back {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

/* Flip Card – detail pages (loaded dynamically by service/sector/expertise loaders) */
.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.flip-card {
    perspective: 1000px;
    height: 280px;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .6s ease, box-shadow .3s ease;
    transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}
.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card.flipped:hover .flip-card-inner {
    transform: rotateY(180deg) translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .15);
}
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 20px;
    padding: 32px;
    box-sizing: border-box;
}
.flip-card-front {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
    display: flex;
    flex-direction: column;
}
.flip-card-back {
    background: linear-gradient(135deg, #9d3535 0%, #7a2828 50%, #5a1e1e 100%);
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.feature-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, rgba(157, 53, 53, .1), rgba(157, 53, 53, .05));
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-shrink: 0;
}
.feature-icon svg {
    width: 28px;
    height: 28px;
    stroke: #9d3535;
    stroke-width: 1.5;
    fill: none;
}
.flip-card-front h3 {
    font-family: 'DM Sans', 'Libre Baskerville', serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
}
.flip-card-front p {
    font-size: .9375rem;
    color: #666;
    line-height: 1.7;
    margin: 0;
    flex: 1;
}
.flip-btn {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: linear-gradient(135deg, #9d3535, #c45050);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    box-shadow: 0 4px 12px rgba(157, 53, 53, .3);
    flex-shrink: 0;
    align-self: flex-end;
    margin-top: 8px;
}
.flip-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(157, 53, 53, .4);
}
.flip-btn svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}
.flip-card-back h4 {
    font-family: 'Libre Baskerville', serif;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 16px;
    padding-left: 20px;
    position: relative;
    color: #fff;
    letter-spacing: .02em;
}
.flip-card-back h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));
    border-radius: 2px;
}
.flip-card-back .back-content {
    font-size: .875rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, .9);
    flex-grow: 1;
}
.back-flip-btn {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .3);
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    flex-shrink: 0;
}
.back-flip-btn:hover {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .5);
}
.back-flip-btn svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}
@media (max-width: 1024px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .features-grid {
        grid-template-columns: 1fr;
    }
    .flip-card {
        height: 300px;
    }
}

/* Responsive + Safari fallback for legacy .flip-card blocks on detail pages */
@media (max-width: 1024px) {
    .flip-card {
        height: auto !important;
        min-height: 280px !important;
    }
    .flip-card-inner {
        transform: none !important;
        -webkit-transform: none !important;
        height: auto !important;
        min-height: 280px !important;
    }
    .flip-card-front,
    .flip-card-back {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-height: 280px !important;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
    }
    .flip-card-back {
        display: none !important;
        margin-top: 12px !important;
    }
    .flip-card.flipped .flip-card-front {
        display: none !important;
    }
    .flip-card.flipped .flip-card-back {
        display: flex !important;
    }
}
.bento-flip-back h3 {
    font-family: var(--sans);
    font-size: 1.08rem;
    font-weight: 600;
    margin: 0 0 10px;
    color: var(--txt);
}
.bento-flip-back p {
    margin: 0;
    font-size: .86rem;
    line-height: 1.72;
    color: var(--txt2);
}
.bento-flip-hint {
    position: absolute;
    right: 16px;
    bottom: 14px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--gold);
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(139,26,43,.12);
    box-shadow: 0 8px 18px rgba(15,23,42,.08);
}
.bento-flip-hint svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
}

/* Visual Sandbox */
.bento-visual {
    height: 140px; position: relative; display: flex; align-items: center; justify-content: center;
    overflow: hidden; background: rgba(0,0,0,0.02); border-bottom: 1px solid var(--brd);
}
.bento-card:hover .bento-visual { background: rgba(139,26,43,0.03); }

/* Content */
.bento-content { padding: 24px; display: flex; flex-direction: column; flex-grow: 1; z-index: 2; position: relative; }
.bento-content h3 { font-family: var(--sans); font-size: 1.1rem; font-weight: 600; color: var(--txt); margin-bottom: 8px; }
.bento-content p { font-size: 0.85rem; line-height: 1.6; color: var(--txt2); margin-bottom: auto; }

/* Responsive */
@media(max-width: 1024px) {
    .bento-grid { grid-template-columns: repeat(2, 1fr); }
    .bento-card.bento-full { grid-column: span 2; }
}
@media(max-width: 768px) {
    .hd-features-header{
        margin-bottom: 36px;
        text-align: left;
        padding: 0 0 14px;
    }
    .hd-features-header::after{
        left: 0;
        transform: none;
        width: 56px;
    }
    .hd-features-header h2{
        font-size: clamp(1.35rem, 6vw, 1.8rem);
    }
    .hd-features-header p{
        max-width: none;
        font-size: .93rem;
    }
    .bento-grid { grid-template-columns: 1fr; }
    .bento-card.bento-wide, .bento-card.bento-full { grid-column: span 1; }
}

/* === Figurative CSS Art Forms === */

/* Dossier (Soruşturma) */
.b-dossier { position: relative; width: 60px; height: 75px; perspective: 400px; }
.b-dossier-back { position: absolute; inset: 0; background: #eab308; border-radius: 4px 8px 4px 4px; border: 2px solid #ca8a04; }
.b-dossier-papers { position: absolute; top: 4px; left: 4px; right: 8px; bottom: 4px; display: flex; flex-direction: column; gap: 2px; }
.b-d-paper { background: #fff; height: 100%; border: 1px solid #e5e7eb; border-radius: 2px; transition: transform 0.4s ease; transform-origin: bottom; }
.b-dossier-front { position: absolute; inset: 0; background: #facc15; border-radius: 4px 8px 4px 4px; border: 2px solid #ca8a04; transform-origin: left; transition: transform 0.4s ease; }
.b-dossier-tab { position: absolute; top: -6px; right: 10px; width: 20px; height: 6px; background: #facc15; border: 2px solid #ca8a04; border-bottom: none; border-radius: 4px 4px 0 0; }
.bento-card:hover .b-dossier-front { transform: rotateY(-35deg); }
.bento-card:hover .b-d-paper.p1 { transform: translateY(-10px) rotate(3deg); }
.bento-card:hover .b-d-paper.p2 { transform: translateY(-5px) rotate(-2deg); }

/* Court Defense (Ceza) */
.b-court-defense { position: relative; width: 80px; height: 80px; display: flex; align-items: flex-end; justify-content: center; }
.b-cd-podium { position: absolute; bottom: 0; width: 30px; height: 40px; background: #8b5cf6; border-radius: 4px 4px 0 0; z-index: 2; border: 2px solid #6d28d9; }
.b-cd-person { position: absolute; bottom: 20px; left: 10px; width: 30px; height: 50px; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.b-cd-head { width: 16px; height: 16px; background: #4c1d95; border-radius: 50%; margin-bottom: 2px; }
.b-cd-body { width: 24px; height: 32px; background: #5b21b6; border-radius: 8px 8px 0 0; position: relative; }
.b-cd-arm { position: absolute; top: 6px; right: -8px; width: 14px; height: 6px; background: #4c1d95; border-radius: 4px; transform-origin: left center; transition: transform 0.3s ease; transform: rotate(45deg); }
.b-cd-speech { position: absolute; top: 10px; right: 5px; display: flex; gap: 3px; align-items: center; opacity: 0; transition: opacity 0.3s; }
.b-cd-speech span { display: block; width: 3px; background: #c4b5fd; border-radius: 2px; }
.b-cd-speech span:nth-child(1) { height: 6px; }
.b-cd-speech span:nth-child(2) { height: 12px; }
.b-cd-speech span:nth-child(3) { height: 8px; }
.bento-card:hover .b-cd-arm { transform: rotate(-20deg); }
.bento-card:hover .b-cd-speech { opacity: 1; animation: speechWave 1s infinite alternate; }
@keyframes speechWave { 0% { transform: scale(0.8); } 100% { transform: scale(1.1); } }

/* Seizure (Haciz) */
.b-seizure { position: relative; width: 100px; height: 80px; display: flex; align-items: flex-end; justify-content: space-between; }
.b-sz-house { width: 40px; height: 50px; position: relative; }
.b-sz-roof { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #14b8a6; }
.b-sz-walls { width: 36px; height: 30px; background: #ccfbf1; border: 2px solid #14b8a6; margin: 0 auto; position: relative; }
.b-sz-door { width: 12px; height: 18px; background: #0f766e; position: absolute; bottom: 0; left: 10px; }
.b-sz-officer { position: absolute; bottom: 0; right: 10px; width: 20px; height: 40px; display: flex; flex-direction: column; align-items: center; transition: transform 0.5s ease; }
.b-sz-head { width: 12px; height: 12px; background: #0f766e; border-radius: 50%; margin-bottom: 2px; }
.b-sz-body { width: 16px; height: 26px; background: #14b8a6; border-radius: 4px 4px 0 0; }
.b-sz-briefcase { position: absolute; bottom: 6px; left: -6px; width: 10px; height: 8px; background: #042f2e; border-radius: 2px; }
.bento-card:hover .b-sz-officer { transform: translateX(-30px); }

/* Split Rings (Boşanma) */
.b-split-rings { position: relative; width: 80px; height: 40px; display: flex; align-items: center; justify-content: center; }
.b-sr-ring { width: 30px; height: 30px; border: 4px solid #f43f5e; border-radius: 50%; position: absolute; transition: transform 0.5s ease, opacity 0.5s ease; }
.b-sr-ring.left { left: 15px; border-color: #e11d48; }
.b-sr-ring.right { right: 15px; border-color: #fb7185; }
.b-sr-break { position: absolute; width: 4px; height: 40px; background: var(--bg2); z-index: 2; opacity: 0; transition: opacity 0.3s; transform: rotate(15deg); }
.bento-card:hover .b-sr-ring.left { transform: translateX(-10px); opacity: 0.7; }
.bento-card:hover .b-sr-ring.right { transform: translateX(10px); opacity: 0.7; }
.bento-card:hover .b-sr-break { opacity: 1; }

/* Additional arts needed for hizmetlerimiz tabs! */
.b-glass-circle { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.05); }
.b-pill { padding: 6px 12px; border-radius: 20px; display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 0.8rem; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.b-chat-bubble { padding: 8px 12px; border-radius: 12px 12px 12px 0; color: #fff; font-size: 0.75rem; position: absolute; }
.b-chat-bubble.cb1 { bottom: 20px; left: 20px; background: #fff; color: #000; border-radius: 12px 12px 12px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 2; transition: transform 0.3s; }
.b-chat-bubble.cb2 { top: 20px; right: 20px; border-radius: 12px 12px 0 12px; z-index: 1; opacity: 0.8; transition: transform 0.3s; }
.bento-card:hover .b-chat-bubble.cb1 { transform: translateY(-5px); }
.bento-card:hover .b-chat-bubble.cb2 { transform: translateY(5px); }

/* === Service Detail Page Layout Refinements === */
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .page-hero{
    min-height: 400px;
    padding-bottom: 52px;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .content-main{
    display: none;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .content-section{
    padding: 36px 0 56px;
    background: #fff;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .content-grid{
    display: block;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .content-sidebar{
    position: static;
    max-width: none;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: stretch;
    justify-content: center;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card h3,
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card-subtitle{
    width: 100%;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card h3{
    margin-bottom: 2px;
    text-align: center;
    display: inline-block;
    align-self: center;
    font-size: .75rem;
    font-weight: 700;
    color: #9d3535;
    text-transform: uppercase;
    letter-spacing: .15em;
    opacity: .85;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card-subtitle{
    margin-top: 0;
    margin-bottom: 10px;
    text-align: justify;
    text-justify: inter-word;
    display: block;
    justify-self: center;
    font-family: var(--serif);
    font-size: 1.5rem;
    font-weight: 400;
    color: #1a1a1a;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .team-member{
    margin-bottom: 0;
    width: min(360px, 100%);
    height: 100%;
    background: #f8f8f8;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .hd-features-badge,
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-badge{
    font-family: var(--sans);
    font-size: .75rem;
    font-weight: 700;
    color: #9d3535;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: 10px;
    opacity: .85;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .hd-features-header h2,
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card-subtitle,
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-header h2{
    font-family: var(--serif);
    font-size: 1.5rem;
    font-weight: 400;
    color: #1a1a1a;
    margin: 0;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-header{
    text-align: center;
    margin-bottom: 28px;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-badge{
    display: inline-block;
    padding: 0;
    border: 0;
    background: transparent;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-header h2{
    margin: 0;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}
:is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-card{
    width: min(360px, 100%);
}
@media(max-width:768px){
    :is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .page-hero{
        min-height: 320px;
        padding-bottom: 40px;
    }
    :is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card{
        gap: 10px;
    }
    :is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card h3,
    :is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .sidebar-card-subtitle{
        text-align: left;
        justify-self: start;
    }
    :is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-header{
        text-align: left;
    }
    :is(.service-detail-page,.sector-detail-page,.expertise-detail-page) .related-badge{
        display: block;
    }
}

.b-nodes { display: flex; align-items: center; justify-content: space-between; width: 80%; position: relative; }
.b-node { width: 30px; height: 30px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.05); z-index: 2; color: #6b7280; transition: transform 0.3s; }
.b-node.n-center { width: auto; padding: 0 12px; border-radius: 20px; color: #fff; }
.b-line { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; }
.bento-card:hover .b-node { transform: scale(1.1); }

.b-rings { position: relative; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; }
.b-ring { position: absolute; border: 1px solid transparent; border-radius: 50%; transition: transform 0.5s; }
.b-ring.r1 { width: 60px; height: 60px; }
.b-ring.r2 { width: 80px; height: 80px; }
.b-icon-center { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 2; transition: transform 0.3s; }
.bento-card:hover .b-ring.r1 { transform: scale(1.2); }
.bento-card:hover .b-ring.r2 { transform: scale(1.1); }
.bento-card:hover .b-icon-center { transform: scale(1.05); }

.b-center-bar { display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 8px 12px; border-radius: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); z-index: 2; position: relative; transition: transform 0.3s; }
.b-bar-icon { display: flex; align-items: center; justify-content: center; color: #6b7280; }
.b-center-bar span { font-size: 0.8rem; font-weight: 500; color: #1a1a1a; }
.b-bar-badge { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; }
.bento-card:hover .b-center-bar { transform: translateY(-5px); }

.b-scale-ui { background: #fff; padding: 12px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; flex-direction: column; gap: 8px; width: 200px; transition: transform 0.3s; }
.b-scale-item { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; color: #6b7280; }
.b-scale-item.active { color: #1a1a1a; font-weight: 600; }
.b-scale-dot { width: 8px; height: 8px; border-radius: 50%; background: #e5e7eb; }
.b-scale-item.active .b-scale-dot { background: currentColor; }
.b-scale-line { height: 1px; background: #e5e7eb; margin: 2px 0 2px 4px; width: 2px; }
.bento-card:hover .b-scale-ui { transform: scale(1.02) translateY(-2px); }

.b-glow { position: absolute; inset: 0; opacity: 0.5; transition: opacity 0.5s; }
.bento-card:hover .b-glow { opacity: 1; }

.v-light { background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,255,255,0.4)); }
.v-blue { background: linear-gradient(135deg, rgba(59,130,246,0.1), rgba(59,130,246,0.05)); }
.v-indigo { background: linear-gradient(135deg, rgba(79,70,229,0.1), rgba(79,70,229,0.05)); }
.v-purple { background: linear-gradient(135deg, rgba(147,51,234,0.1), rgba(147,51,234,0.05)); }
.v-rose { background: linear-gradient(135deg, rgba(225,29,72,0.1), rgba(225,29,72,0.05)); }
.v-gradient { background: linear-gradient(135deg, rgba(16,185,129,0.1), rgba(16,185,129,0.02)); }

.b-tl-symbol { font-size: 40px; font-weight: 700; color: #eab308; text-shadow: 0 4px 10px rgba(234,179,8,0.3); transition: transform 0.5s; }
.bento-card:hover .b-tl-symbol { transform: scale(1.2) rotate(10deg); }

/* === Aile Hukuku Literal Arts === */

/* Wedding Rings (Boşanma) */
.b-wedding-rings { position: relative; width: 80px; height: 50px; display: flex; align-items: center; justify-content: center; }
.b-w-ring { position: absolute; width: 36px; height: 36px; border: 4px solid #fbbf24; border-radius: 50%; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.1); transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }
.b-w-ring.left { left: 10px; border-color: #f59e0b; z-index: 2; }
.b-w-ring.right { right: 10px; border-color: #d97706; z-index: 1; }
.b-w-break { position: absolute; width: 4px; height: 50px; background: var(--bg2); z-index: 3; transform: rotate(15deg) scaleY(0); transition: transform 0.4s ease; opacity: 0; }
.bento-card:hover .b-w-ring.left { transform: translateX(-12px) rotate(-15deg); }
.bento-card:hover .b-w-ring.right { transform: translateX(12px) rotate(15deg); }
.bento-card:hover .b-w-break { transform: rotate(15deg) scaleY(1); opacity: 1; }

/* Parent & Child (Velayet) */
.b-parent-child { position: relative; width: 60px; height: 70px; display: flex; align-items: flex-end; justify-content: center; gap: 8px; }
.b-pc-parent { width: 20px; height: 50px; background: #6366f1; border-radius: 10px 10px 4px 4px; position: relative; }
.b-pc-parent::before { content: ''; position: absolute; top: -16px; left: 2px; width: 16px; height: 16px; background: #4f46e5; border-radius: 50%; }
.b-pc-child { width: 16px; height: 34px; background: #818cf8; border-radius: 8px 8px 4px 4px; position: relative; transition: transform 0.4s ease; }
.b-pc-child::before { content: ''; position: absolute; top: -12px; left: 2px; width: 12px; height: 12px; background: #6366f1; border-radius: 50%; }
.b-pc-heart { position: absolute; top: 0; right: -5px; width: 12px; height: 12px; background: #ef4444; transform: rotate(45deg) scale(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); opacity: 0; }
.b-pc-heart::before, .b-pc-heart::after { content: ''; position: absolute; width: 12px; height: 12px; background: #ef4444; border-radius: 50%; }
.b-pc-heart::before { top: -6px; left: 0; }
.b-pc-heart::after { top: 0; left: -6px; }
.bento-card:hover .b-pc-child { transform: translateX(4px); }
.bento-card:hover .b-pc-heart { transform: rotate(45deg) scale(1) translateY(-10px); opacity: 1; }

/* Wallet & Cash (Nafaka) */
.b-wallet-cash { position: relative; width: 60px; height: 50px; perspective: 400px; }
.b-wc-back { position: absolute; bottom: 0; width: 100%; height: 35px; background: #92400e; border-radius: 6px; border: 2px solid #78350f; }
.b-wc-cash { position: absolute; bottom: 10px; left: 8px; width: 44px; height: 24px; background: #10b981; border: 2px solid #047857; border-radius: 2px; transition: transform 0.5s ease; display: flex; align-items: center; justify-content: center; }
.b-wc-cash::after { content: '₺'; color: #047857; font-weight: bold; font-size: 14px; }
.b-wc-front { position: absolute; bottom: 0; width: 100%; height: 30px; background: #b45309; border-radius: 6px; border: 2px solid #78350f; transform-origin: bottom; transition: transform 0.4s ease; }
.b-wc-strap { position: absolute; top: -5px; left: 24px; width: 12px; height: 16px; background: #78350f; border-radius: 2px; }
.bento-card:hover .b-wc-front { transform: rotateX(-30deg); }
.bento-card:hover .b-wc-cash { transform: translateY(-16px); }

/* Divided Assets (Mal Paylaşımı) */
.b-divided-assets { position: relative; width: 80px; height: 60px; display: flex; align-items: flex-end; justify-content: space-between; }
.b-da-house { width: 34px; height: 40px; background: linear-gradient(90deg, #6366f1 0 48%, #fff 48% 52%, #8b5cf6 52%); position: relative; transition: transform 0.5s ease, background .35s; border-radius: 2px; overflow: visible; }
.b-da-house::before { content: ''; position: absolute; top: -16px; left: -2px; width: 0; height: 0; border-left: 19px solid transparent; border-right: 19px solid transparent; border-bottom: 16px solid #4f46e5; transition: transform .5s ease; }
.b-da-house::after { content: ''; position: absolute; left: 16px; top: -13px; bottom: 0; width: 2px; background: rgba(255,255,255,.8); transition: transform .5s ease; }
.b-da-coins { width: 30px; height: 30px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; transition: transform 0.5s ease; }
.b-da-coin { width: 24px; height: 8px; background: #fbbf24; border: 2px solid #d97706; border-radius: 50%; margin-top: -4px; z-index: 1; }
.b-da-coin:nth-child(1) { z-index: 3; }
.b-da-coin:nth-child(2) { z-index: 2; }
.b-da-line { position: absolute; left: 39px; bottom: 0; width: 2px; height: 60px; border-left: 2px dashed #9ca3af; }
.bento-card:hover .b-da-house { transform: translateX(-6px); background: linear-gradient(90deg, #6366f1 0 43%, #fff 43% 48%, #8b5cf6 48%); }
.bento-card:hover .b-da-house::before { transform: translateX(-2px); }
.bento-card:hover .b-da-house::after { transform: translateX(4px); }
.bento-card:hover .b-da-coins { transform: translateX(6px); }
.bento-card:hover .b-da-coin:nth-child(1) { transform: translateX(-5px); }
.bento-card:hover .b-da-coin:nth-child(2) { transform: translateX(4px); }

/* Love Contract (Evlilik Sözleşmeleri) */
.b-love-contract { position: relative; width: 50px; height: 70px; background: #fff; border: 2px solid #e5e7eb; border-radius: 4px; padding: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.b-lc-line { width: 100%; height: 4px; background: #e5e7eb; margin-bottom: 6px; border-radius: 2px; }
.b-lc-line.short { width: 60%; }
.b-lc-seal { position: absolute; bottom: 8px; right: 8px; width: 16px; height: 16px; background: #ef4444; transform: rotate(45deg); border-radius: 2px 2px 0 2px; display: flex; align-items: center; justify-content: center; }
.b-lc-seal::before, .b-lc-seal::after { content: ''; position: absolute; width: 16px; height: 16px; background: #ef4444; border-radius: 50%; }
.b-lc-seal::before { top: -8px; left: 0; }
.b-lc-seal::after { top: 0; left: -8px; }
.b-lc-pen { position: absolute; bottom: 0; right: -15px; width: 4px; height: 24px; background: #1f2937; border-radius: 2px; transform: rotate(-30deg); transform-origin: bottom left; transition: transform 0.4s ease, opacity 0.4s ease; opacity: 0; }
.b-lc-pen::after { content: ''; position: absolute; top: -10px; left: -4px; width: 12px; height: 12px; background: #f3f4f6; border-radius: 50% 0 50% 50%; }
.bento-card:hover .b-lc-pen { opacity: 1; animation: signPen 1s forwards; }
@keyframes signPen { 0% { transform: translate(10px, 10px) rotate(-30deg); } 50% { transform: translate(0px, 5px) rotate(-40deg); } 100% { transform: translate(-5px, 0px) rotate(-20deg); } }

/* Safe House (Koruma Kararları) */
.b-safe-house { position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.b-sh-house { width: 24px; height: 24px; background: #4f46e5; position: relative; border-radius: 2px; z-index: 2; }
.b-sh-house::before { content: ''; position: absolute; top: -12px; left: -3px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 12px solid #4338ca; }
.b-sh-shield { position: absolute; width: 50px; height: 56px; background: transparent; border: 3px solid #10b981; border-radius: 0 0 25px 25px; border-top: none; z-index: 1; transition: border-width 0.3s ease, transform 0.4s ease; }
.b-sh-shield::before { content: ''; position: absolute; top: -8px; left: -3px; width: 28px; height: 8px; border-top: 3px solid #10b981; border-left: 3px solid #10b981; border-radius: 4px 0 0 0; transform: skewY(15deg); }
.b-sh-shield::after { content: ''; position: absolute; top: -8px; right: -3px; width: 28px; height: 8px; border-top: 3px solid #10b981; border-right: 3px solid #10b981; border-radius: 0 4px 0 0; transform: skewY(-15deg); }
.bento-card:hover .b-sh-shield { border-width: 5px; transform: scale(1.05); }
.bento-card:hover .b-sh-shield::before, .bento-card:hover .b-sh-shield::after { border-width: 5px; }

/* Custody Plan (Velayet) */
.b-custody-plan { position: relative; width: 90px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-cp-adult { position: absolute; left: 13px; bottom: 10px; width: 18px; height: 34px; border-radius: 9px 9px 4px 4px; background: #4f46e5; transition: transform .42s cubic-bezier(.34,1.56,.64,1); }
.b-cp-adult::before { content: ''; position: absolute; left: 2px; top: -13px; width: 14px; height: 14px; border-radius: 50%; background: #4338ca; }
.b-cp-child { position: absolute; left: 36px; bottom: 10px; width: 14px; height: 25px; border-radius: 8px 8px 4px 4px; background: #818cf8; transition: transform .42s cubic-bezier(.34,1.56,.64,1); }
.b-cp-child::before { content: ''; position: absolute; left: 2px; top: -11px; width: 10px; height: 10px; border-radius: 50%; background: #6366f1; }
.b-cp-calendar { position: absolute; right: 10px; top: 13px; width: 31px; height: 36px; border-radius: 5px; background: #fff; border: 2px solid #c7d2fe; padding: 12px 5px 5px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; }
.b-cp-calendar::before { content: ''; position: absolute; left: -2px; right: -2px; top: -2px; height: 10px; border-radius: 5px 5px 0 0; background: #6366f1; }
.b-cp-calendar span { height: 3px; border-radius: 2px; background: #c7d2fe; transition: background .35s; }
.b-cp-shield { position: absolute; right: 28px; bottom: 7px; width: 20px; height: 23px; background: #10b981; clip-path: polygon(50% 0, 100% 16%, 100% 70%, 50% 100%, 0 70%, 0 16%); opacity: 0; transform: scale(.55); transition: transform .35s .16s, opacity .2s .16s; }
.b-cp-shield::after { content: ''; position: absolute; left: 7px; top: 5px; width: 5px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-cp-adult { transform: translateX(4px); }
.bento-card:hover .b-cp-child { transform: translateX(-2px); }
.bento-card:hover .b-cp-calendar { transform: translateX(4px); border-color: #818cf8; }
.bento-card:hover .b-cp-calendar span { background: #a5b4fc; }
.bento-card:hover .b-cp-shield { opacity: 1; transform: scale(1); }

/* Support Payment (Nafaka) */
.b-support-payment { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-sp-home { position: absolute; left: 11px; bottom: 11px; width: 30px; height: 27px; border-radius: 4px 4px 3px 3px; background: #3b82f6; border: 2px solid #2563eb; transition: transform .42s cubic-bezier(.34,1.56,.64,1); }
.b-sp-home::before { content: ''; position: absolute; left: 3px; top: -15px; width: 22px; height: 22px; background: #3b82f6; border-left: 2px solid #2563eb; border-top: 2px solid #2563eb; border-radius: 4px 0 0 0; transform: rotate(45deg); }
.b-sp-home::after { content: ''; position: absolute; left: 10px; bottom: 0; width: 8px; height: 13px; border-radius: 3px 3px 0 0; background: #dbeafe; }
.b-sp-calendar { position: absolute; right: 16px; top: 12px; width: 33px; height: 38px; border-radius: 5px; background: #fff; border: 2px solid #bfdbfe; padding: 13px 5px 5px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-sp-calendar::before { content: ''; position: absolute; left: -2px; right: -2px; top: -2px; height: 10px; border-radius: 5px 5px 0 0; background: #0ea5e9; }
.b-sp-calendar span { height: 3px; border-radius: 2px; background: #bfdbfe; transition: background .35s; }
.b-sp-coin { position: absolute; width: 19px; height: 19px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; opacity: .75; transition: transform .42s cubic-bezier(.34,1.56,.64,1), opacity .35s; z-index: 4; }
.b-sp-coin::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #b45309; font-size: 10px; font-weight: 800; }
.b-sp-coin.c1 { right: 7px; bottom: 9px; }
.b-sp-coin.c2 { right: 25px; bottom: 5px; transform: scale(.82); }
.bento-card:hover .b-sp-home { transform: translateX(-3px); }
.bento-card:hover .b-sp-calendar { transform: translateX(4px); border-color: #60a5fa; }
.bento-card:hover .b-sp-calendar span { background: #93c5fd; }
.bento-card:hover .b-sp-coin.c1 { opacity: 1; transform: translateY(-8px); }
.bento-card:hover .b-sp-coin.c2 { opacity: 1; transform: translate(-7px, -2px) scale(.82); }

/* Family Protection (Aile Konutu / Koruma) */
.b-family-protection { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-fp-house { position: absolute; left: 13px; bottom: 12px; width: 32px; height: 28px; border-radius: 4px 4px 3px 3px; background: #e11d48; border: 2px solid #be123c; transition: transform .42s cubic-bezier(.34,1.56,.64,1); z-index: 2; }
.b-fp-house::before { content: ''; position: absolute; left: 3px; top: -16px; width: 24px; height: 24px; background: #e11d48; border-left: 2px solid #be123c; border-top: 2px solid #be123c; transform: rotate(45deg); border-radius: 4px 0 0 0; }
.b-fp-shield { position: absolute; left: 34px; top: 9px; width: 29px; height: 35px; background: rgba(16,185,129,.14); border: 3px solid #10b981; clip-path: polygon(50% 0, 100% 15%, 100% 72%, 50% 100%, 0 72%, 0 15%); transition: transform .42s cubic-bezier(.34,1.56,.64,1), background .35s; z-index: 4; }
.b-fp-order { position: absolute; right: 9px; top: 15px; width: 30px; height: 38px; border-radius: 5px; background: #fff; border: 2px solid #fecdd3; padding: 10px 5px 5px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 3; }
.b-fp-order span { height: 3px; border-radius: 2px; background: #fecdd3; transition: background .35s; }
.b-fp-alert { position: absolute; right: 27px; top: 8px; width: 18px; height: 18px; border-radius: 50%; background: #ef4444; color: #fff; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(.55); transition: transform .35s .14s, opacity .2s .14s; z-index: 5; }
.b-fp-alert::after { content: '!'; }
.bento-card:hover .b-fp-house { transform: translateX(-3px); }
.bento-card:hover .b-fp-shield { transform: scale(1.08); background: rgba(16,185,129,.22); }
.bento-card:hover .b-fp-order { transform: translateX(4px); border-color: #fb7185; }
.bento-card:hover .b-fp-order span { background: #fda4af; }
.bento-card:hover .b-fp-alert { opacity: 1; transform: scale(1); }

/* Marriage Contract (Evlilik Sözleşmeleri) */
.b-marriage-contract { position: relative; width: 88px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-mc-doc { position: absolute; left: 15px; top: 8px; width: 38px; height: 50px; border-radius: 5px; background: #fff; border: 2px solid #e5e7eb; padding: 10px 6px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .45s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-mc-doc span { height: 3px; border-radius: 2px; background: #d1d5db; transition: background .35s; }
.b-mc-doc span.short { width: 62%; }
.b-mc-choice { position: absolute; right: 12px; top: 14px; width: 27px; height: 27px; border-radius: 50%; background: conic-gradient(#8b5cf6 0deg 135deg, #ddd6fe 135deg 360deg); border: 2px solid #fff; transition: transform .42s cubic-bezier(.34,1.56,.64,1); z-index: 3; }
.b-mc-pen { position: absolute; right: 11px; bottom: 13px; width: 29px; height: 6px; border-radius: 4px 0 0 4px; background: #1f2937; transform: rotate(-35deg); opacity: 0; transition: transform .42s cubic-bezier(.34,1.56,.64,1), opacity .2s; z-index: 4; }
.b-mc-pen::before { content: ''; position: absolute; left: -6px; top: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 7px solid #1f2937; }
.b-mc-check { position: absolute; right: 7px; bottom: 7px; width: 18px; height: 18px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(.45); transition: transform .35s .18s, opacity .2s .18s; z-index: 5; }
.b-mc-check::after { content: ''; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-mc-doc { transform: translateX(-4px); border-color: #c4b5fd; }
.bento-card:hover .b-mc-doc span { background: #c4b5fd; }
.bento-card:hover .b-mc-choice { transform: rotate(35deg) scale(1.05); }
.bento-card:hover .b-mc-pen { opacity: 1; transform: translate(-8px, -8px) rotate(-35deg); }
.bento-card:hover .b-mc-check { opacity: 1; transform: scale(1); }

/* Guardianship Order (Vesayet) */
.b-guardianship-order { position: relative; width: 90px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-go-person { position: absolute; left: 12px; bottom: 10px; width: 18px; height: 32px; border-radius: 9px 9px 4px 4px; background: #6366f1; transition: transform .42s cubic-bezier(.34,1.56,.64,1); }
.b-go-person::before { content: ''; position: absolute; left: 2px; top: -13px; width: 14px; height: 14px; border-radius: 50%; background: #4f46e5; }
.b-go-doc { position: absolute; left: 38px; top: 10px; width: 34px; height: 45px; border-radius: 5px; background: #fff; border: 2px solid rgba(255,255,255,.7); padding: 11px 6px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-go-doc span { height: 3px; border-radius: 2px; background: #cbd5e1; transition: background .35s; }
.b-go-shield { position: absolute; right: 8px; bottom: 9px; width: 24px; height: 28px; background: rgba(16,185,129,.15); border: 3px solid #10b981; clip-path: polygon(50% 0, 100% 15%, 100% 72%, 50% 100%, 0 72%, 0 15%); transition: transform .35s, background .35s; z-index: 4; }
.b-go-stamp { position: absolute; right: 17px; top: 9px; width: 18px; height: 18px; border: 3px solid #10b981; border-radius: 50%; opacity: 0; transform: scale(.45) rotate(-14deg); transition: transform .35s .16s, opacity .2s .16s; z-index: 5; }
.b-go-stamp::after { content: ''; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border-right: 2px solid #10b981; border-bottom: 2px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-go-person { transform: translateX(4px); }
.bento-card:hover .b-go-doc { transform: translateX(4px); border-color: #a7f3d0; }
.bento-card:hover .b-go-doc span { background: #94a3b8; }
.bento-card:hover .b-go-shield { transform: scale(1.08); background: rgba(16,185,129,.24); }
.bento-card:hover .b-go-stamp { opacity: 1; transform: scale(1) rotate(-10deg); }


/* === Ticaret Hukuku Literal Arts === */

/* Office Building (Şirket Kuruluşu) */
.b-office-building { position: relative; width: 40px; height: 60px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.b-ob-structure { width: 100%; height: 50px; background: #3b82f6; border-radius: 4px 4px 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 6px; border: 2px solid #2563eb; }
.b-ob-window { background: #1e3a8a; border-radius: 2px; transition: background 0.4s ease; }
.b-ob-door { position: absolute; bottom: 0; width: 12px; height: 16px; background: #1e3a8a; border-radius: 2px 2px 0 0; }
.bento-card:hover .b-ob-window:nth-child(odd) { background: #fbbf24; }
.bento-card:hover .b-ob-window:nth-child(even) { background: #fef08a; transition-delay: 0.1s; }

/* Puzzle Merge (Birleşme) */
.b-puzzle-merge { position: relative; width: 80px; height: 50px; display: flex; align-items: center; justify-content: center; }
.b-pm-piece { width: 30px; height: 30px; background: #f43f5e; border-radius: 4px; position: absolute; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }
.b-pm-piece.left { left: 5px; background: #fb7185; }
.b-pm-piece.right { right: 5px; background: #e11d48; }
.bento-card:hover .b-pm-piece.left { transform: translateX(12px); }
.bento-card:hover .b-pm-piece.right { transform: translateX(-12px); }
.b-pm-piece.right::before { content: ''; position: absolute; left: -8px; top: 8px; width: 14px; height: 14px; background: #e11d48; border-radius: 50%; }
.b-pm-piece.left::after { content: ''; position: absolute; right: -6px; top: 8px; width: 14px; height: 14px; background: var(--bg2); border-radius: 50%; z-index: 2; transition: background 0.5s; }
.bento-card:hover .b-pm-piece.left::after { background: #e11d48; }

/* Share Sale Transfer */
.b-share-sale-transfer { position: relative; width: 86px; height: 62px; display: flex; align-items: center; justify-content: space-between; }
.b-sst-seller,
.b-sst-buyer { position: relative; width: 20px; height: 34px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 3px; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 2; }
.b-sst-person { width: 16px; height: 16px; border-radius: 50%; background: #be123c; box-shadow: 0 17px 0 -3px #fb7185; transition: background 0.35s, box-shadow 0.35s; }
.b-sst-buyer .b-sst-person { background: #0f766e; box-shadow: 0 17px 0 -3px #2dd4bf; }
.b-sst-label { width: 20px; height: 4px; border-radius: 2px; background: rgba(255,255,255,0.8); }
.b-sst-certificate { position: absolute; left: 9px; top: 10px; width: 30px; height: 40px; background: #fff; border: 2px solid #fecdd3; border-radius: 4px; padding: 7px 5px; display: flex; flex-direction: column; gap: 4px; transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.35s; z-index: 3; }
.b-sst-slice { width: 12px; height: 12px; border-radius: 50%; background: conic-gradient(#e11d48 0deg 105deg, #fecdd3 105deg 360deg); align-self: center; transition: transform 0.45s; }
.b-sst-line { height: 3px; border-radius: 2px; background: #fecdd3; transition: background 0.35s; }
.b-sst-line.short { width: 70%; }
.b-sst-arrow { position: absolute; left: 34px; top: 29px; width: 0; height: 3px; border-radius: 3px; background: #0f766e; transition: width 0.45s 0.08s; z-index: 1; }
.b-sst-arrow::after { content: ''; position: absolute; right: -5px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #0f766e; }
.b-sst-check { position: absolute; right: 14px; bottom: 7px; width: 17px; height: 17px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(0.45); transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) 0.35s, opacity 0.2s 0.35s; z-index: 4; }
.b-sst-check::after { content: ''; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-sst-seller { transform: translateX(-4px); }
.bento-card:hover .b-sst-buyer { transform: translateX(4px); }
.bento-card:hover .b-sst-certificate { transform: translateX(39px) rotate(4deg); border-color: #5eead4; }
.bento-card:hover .b-sst-slice { transform: rotate(105deg); }
.bento-card:hover .b-sst-line { background: #99f6e4; }
.bento-card:hover .b-sst-arrow { width: 30px; }
.bento-card:hover .b-sst-check { opacity: 1; transform: scale(1); }

/* Document Stamp (Ticari Sözleşmeler) */
.b-stamp-doc { position: relative; width: 60px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.b-sd-paper { width: 40px; height: 50px; background: #fff; border: 2px solid #e5e7eb; border-radius: 4px; padding: 6px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.b-sd-line { height: 4px; background: #e5e7eb; margin-bottom: 4px; border-radius: 2px; }
.b-sd-stamp { position: absolute; top: -10px; right: 0; width: 24px; height: 30px; display: flex; flex-direction: column; align-items: center; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); transform: translateY(-10px) rotate(15deg); opacity: 0; }
.b-sd-handle { width: 8px; height: 16px; background: #b45309; border-radius: 4px 4px 0 0; }
.b-sd-base { width: 24px; height: 8px; background: #78350f; border-radius: 2px; }
.b-sd-mark { position: absolute; bottom: 8px; right: 8px; width: 16px; height: 16px; border: 3px solid #ef4444; border-radius: 50%; opacity: 0; transform: rotate(-15deg); transition: opacity 0.2s; transition-delay: 0.4s; }
.bento-card:hover .b-sd-stamp { transform: translateY(18px) rotate(0deg); opacity: 1; }
.bento-card:hover .b-sd-mark { opacity: 1; }

/* Insurance Law Card Arts */
.b-ins-policy-shield { position: relative; width: 104px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ips-policy { position: absolute; left: 13px; top: 9px; width: 42px; height: 52px; border: 2px solid #93c5fd; border-radius: 6px; background: #fff; padding: 13px 7px 0; display: flex; flex-direction: column; gap: 6px; transition: transform .4s, border-color .35s; z-index: 2; }
.b-ips-policy::before { content: 'POLİÇE'; position: absolute; left: 6px; top: 5px; color: #2563eb; font-size: 7px; font-weight: 800; letter-spacing: .02em; }
.b-ips-policy span { height: 3px; border-radius: 2px; background: #bfdbfe; transition: background .35s; }
.b-ips-policy span.short { width: 65%; }
.b-ips-shield { position: absolute; right: 18px; top: 11px; width: 36px; height: 43px; background: rgba(16,185,129,.14); border: 3px solid #10b981; clip-path: polygon(50% 0, 100% 15%, 92% 70%, 50% 100%, 8% 70%, 0 15%); transition: transform .4s, background .35s; z-index: 3; }
.b-ips-check { position: absolute; right: 18px; bottom: 10px; width: 23px; height: 23px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(.45); transition: transform .35s .14s, opacity .2s .14s; z-index: 4; }
.b-ips-check::after { content: ''; position: absolute; left: 8px; top: 4px; width: 6px; height: 11px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-ips-policy { transform: translateX(-4px); border-color: #2563eb; }
.bento-card:hover .b-ips-policy span { background: #93c5fd; }
.bento-card:hover .b-ips-shield { transform: scale(1.08); background: rgba(16,185,129,.23); }
.bento-card:hover .b-ips-check { opacity: 1; transform: scale(1); }

.b-ins-claim-file { position: relative; width: 104px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-icf-file { position: absolute; left: 14px; top: 10px; width: 42px; height: 51px; border: 2px solid #fecdd3; border-radius: 6px; background: #fff; padding: 14px 7px 0; display: flex; flex-direction: column; gap: 6px; transition: transform .4s, border-color .35s; z-index: 2; }
.b-icf-file::before { content: 'HASAR'; position: absolute; left: 6px; top: 5px; color: #e11d48; font-size: 7px; font-weight: 800; letter-spacing: .02em; }
.b-icf-file span { height: 3px; border-radius: 2px; background: #fecdd3; transition: background .35s; }
.b-icf-magnifier { position: absolute; left: 48px; top: 13px; width: 27px; height: 27px; border: 4px solid #fb7185; border-radius: 50%; background: rgba(255,255,255,.5); transition: transform .4s; z-index: 4; }
.b-icf-magnifier::after { content: ''; position: absolute; right: -11px; bottom: -7px; width: 15px; height: 4px; border-radius: 3px; background: #e11d48; transform: rotate(45deg); }
.b-icf-payment { position: absolute; right: 9px; bottom: 10px; width: 27px; height: 21px; border-radius: 5px; background: #fbbf24; border: 2px solid #d97706; transition: transform .35s; z-index: 3; }
.b-icf-payment::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: #b45309; }
.bento-card:hover .b-icf-file { transform: translateX(-4px); border-color: #fb7185; }
.bento-card:hover .b-icf-file span { background: #fda4af; }
.bento-card:hover .b-icf-magnifier { transform: translate(4px, 3px) scale(1.06); }
.bento-card:hover .b-icf-payment { transform: translateY(-5px); }

.b-ins-mandatory { position: relative; width: 110px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-im-car { position: absolute; left: 10px; bottom: 14px; width: 42px; height: 19px; border-radius: 9px 9px 5px 5px; background: #6366f1; border: 2px solid #4338ca; transition: transform .4s; }
.b-im-car::before { content: ''; position: absolute; left: 9px; top: -10px; width: 22px; height: 11px; border-radius: 8px 8px 0 0; background: #818cf8; border: 2px solid #4338ca; border-bottom: 0; }
.b-im-car::after { content: ''; position: absolute; left: 6px; bottom: -7px; width: 8px; height: 8px; border-radius: 50%; background: #1e293b; box-shadow: 22px 0 0 #1e293b; }
.b-im-building { position: absolute; right: 15px; bottom: 9px; width: 34px; height: 35px; border-radius: 4px 4px 2px 2px; background: #fff; border: 2px solid #c7d2fe; transition: transform .4s, border-color .35s; }
.b-im-building::before { content: ''; position: absolute; left: 6px; top: 7px; width: 5px; height: 5px; background: #818cf8; box-shadow: 11px 0 0 #818cf8, 0 11px 0 #818cf8, 11px 11px 0 #818cf8; }
.b-im-seal { position: absolute; left: 50px; top: 8px; width: 28px; height: 28px; border-radius: 50%; background: #10b981; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; transform: scale(.72); transition: transform .35s; z-index: 4; }
.bento-card:hover .b-im-car { transform: translateX(-4px); }
.bento-card:hover .b-im-building { transform: translateX(4px); border-color: #818cf8; }
.bento-card:hover .b-im-seal { transform: scale(1); }

.b-ins-liability { position: relative; width: 106px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-il-person { position: absolute; left: 15px; bottom: 12px; width: 18px; height: 31px; border-radius: 9px 9px 5px 5px; background: #8b5cf6; transition: transform .4s; }
.b-il-person::before { content: ''; position: absolute; left: 2px; top: -13px; width: 14px; height: 14px; border-radius: 50%; background: #7c3aed; }
.b-il-briefcase { position: absolute; left: 35px; bottom: 11px; width: 31px; height: 24px; border-radius: 5px; background: #fff; border: 2px solid #c4b5fd; transition: transform .4s, border-color .35s; }
.b-il-briefcase::before { content: ''; position: absolute; left: 9px; top: -7px; width: 12px; height: 7px; border: 2px solid #a78bfa; border-bottom: 0; border-radius: 6px 6px 0 0; }
.b-il-shield { position: absolute; right: 14px; top: 11px; width: 31px; height: 37px; background: rgba(16,185,129,.14); border: 3px solid #10b981; clip-path: polygon(50% 0, 100% 15%, 92% 70%, 50% 100%, 8% 70%, 0 15%); transition: transform .35s; z-index: 3; }
.b-il-claim { position: absolute; right: 10px; bottom: 11px; width: 23px; height: 23px; border-radius: 50%; background: #ef4444; opacity: 0; transform: scale(.45); transition: transform .35s .15s, opacity .2s .15s; z-index: 4; }
.b-il-claim::after { content: '!'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; }
.bento-card:hover .b-il-person { transform: translateX(4px); }
.bento-card:hover .b-il-briefcase { transform: translateX(-2px); border-color: #8b5cf6; }
.bento-card:hover .b-il-shield { transform: scale(1.08); }
.bento-card:hover .b-il-claim { opacity: 1; transform: scale(1); }

.b-ins-arbitration { position: relative; width: 110px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ia-board { position: absolute; left: 14px; top: 10px; width: 42px; height: 50px; border-radius: 6px; background: #fff; border: 2px solid #bfdbfe; padding: 15px 7px 0; display: flex; flex-direction: column; gap: 6px; transition: transform .4s, border-color .35s; }
.b-ia-board::before { content: 'TAHKİM'; position: absolute; left: 6px; top: 5px; color: #2563eb; font-size: 7px; font-weight: 800; letter-spacing: .02em; }
.b-ia-board span { height: 3px; border-radius: 2px; background: #bfdbfe; }
.b-ia-timeline { position: absolute; left: 52px; top: 31px; width: 43px; display: flex; gap: 5px; align-items: center; z-index: 2; }
.b-ia-timeline::before { content: ''; position: absolute; left: 3px; right: 3px; top: 8px; height: 3px; border-radius: 2px; background: #10b981; transform: scaleX(.45); transform-origin: left; transition: transform .35s; }
.b-ia-timeline i { width: 11px; height: 11px; border-radius: 50%; background: #93c5fd; border: 2px solid #2563eb; z-index: 2; transition: transform .35s; }
.b-ia-award { position: absolute; right: 9px; top: 10px; width: 25px; height: 25px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(.45); transition: transform .35s .18s, opacity .2s .18s; z-index: 4; }
.b-ia-award::after { content: ''; position: absolute; left: 8px; top: 4px; width: 6px; height: 12px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-ia-board { transform: translateX(-4px); border-color: #60a5fa; }
.bento-card:hover .b-ia-timeline::before { transform: scaleX(1); }
.bento-card:hover .b-ia-timeline i:nth-child(1) { transform: translateY(-3px); }
.bento-card:hover .b-ia-timeline i:nth-child(2) { transform: translateY(3px); }
.bento-card:hover .b-ia-timeline i:nth-child(3) { transform: translateY(-3px); }
.bento-card:hover .b-ia-award { opacity: 1; transform: scale(1); }

.b-ins-reinsurance { position: relative; width: 110px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ir-layer { position: absolute; left: 21px; width: 55px; height: 18px; border-radius: 5px; border: 2px solid #818cf8; background: rgba(255,255,255,.85); transition: transform .4s, border-color .35s; }
.b-ir-layer.l1 { top: 12px; }
.b-ir-layer.l2 { top: 25px; left: 29px; border-color: #60a5fa; }
.b-ir-layer.l3 { top: 38px; left: 37px; border-color: #10b981; }
.b-ir-network { position: absolute; right: 13px; top: 14px; width: 29px; height: 29px; border-radius: 50%; border: 3px solid #fff; background: conic-gradient(#10b981 0 120deg,#60a5fa 120deg 240deg,#818cf8 240deg); transform: scale(.72); transition: transform .35s; z-index: 4; }
.bento-card:hover .b-ir-layer.l1 { transform: translate(-5px, -3px); }
.bento-card:hover .b-ir-layer.l2 { transform: translate(0, -1px); }
.bento-card:hover .b-ir-layer.l3 { transform: translate(5px, 3px); }
.bento-card:hover .b-ir-network { transform: scale(1) rotate(32deg); }

.b-ins-vehicle-loss { position: relative; width: 110px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ivl-car { position: absolute; left: 12px; bottom: 16px; width: 48px; height: 21px; border-radius: 10px 10px 5px 5px; background: #fb7185; border: 2px solid #e11d48; transition: transform .4s; }
.b-ivl-car::before { content: ''; position: absolute; left: 10px; top: -11px; width: 25px; height: 12px; border-radius: 8px 8px 0 0; background: #fecdd3; border: 2px solid #e11d48; border-bottom: 0; }
.b-ivl-car::after { content: ''; position: absolute; left: 7px; bottom: -7px; width: 8px; height: 8px; border-radius: 50%; background: #1e293b; box-shadow: 26px 0 0 #1e293b; }
.b-ivl-gauge { position: absolute; right: 16px; top: 12px; width: 33px; height: 19px; border: 3px solid #e11d48; border-bottom: 0; border-radius: 33px 33px 0 0; transition: transform .35s; }
.b-ivl-gauge::after { content: ''; position: absolute; left: 15px; bottom: -1px; width: 14px; height: 3px; border-radius: 2px; background: #e11d48; transform: rotate(-35deg); transform-origin: left center; }
.b-ivl-coin { position: absolute; right: 10px; bottom: 10px; width: 24px; height: 24px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; transition: transform .35s; z-index: 4; }
.b-ivl-coin::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #b45309; font-size: 11px; font-weight: 800; }
.bento-card:hover .b-ivl-car { transform: translateX(-4px); }
.bento-card:hover .b-ivl-gauge { transform: rotate(8deg) scale(1.05); }
.bento-card:hover .b-ivl-coin { transform: translateY(-6px); }

.b-ins-dask-home { position: relative; width: 110px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-idh-house { position: absolute; left: 17px; bottom: 11px; width: 44px; height: 32px; border-radius: 4px; background: #3b82f6; border: 2px solid #2563eb; transition: transform .4s; }
.b-idh-house::before { content: ''; position: absolute; left: 50%; top: -20px; width: 48px; height: 21px; background: #3b82f6; border: 2px solid #2563eb; border-bottom: 0; clip-path: polygon(50% 0,100% 100%,0 100%); transform: translateX(-50%); }
.b-idh-crack { position: absolute; left: 39px; top: 23px; width: 4px; height: 29px; background: #fff; clip-path: polygon(40% 0,100% 22%,52% 42%,100% 65%,45% 100%,30% 70%,70% 52%,22% 35%); z-index: 3; transition: transform .35s; }
.b-idh-policy { position: absolute; right: 14px; bottom: 12px; width: 31px; height: 39px; border: 2px solid #bfdbfe; border-radius: 5px; background: #fff; transition: transform .35s, border-color .35s; }
.b-idh-policy::before { content: 'DASK'; position: absolute; left: 5px; top: 6px; color: #2563eb; font-size: 7px; font-weight: 800; }
.bento-card:hover .b-idh-house { transform: translateX(-4px); }
.bento-card:hover .b-idh-crack { transform: scaleY(1.12); }
.bento-card:hover .b-idh-policy { transform: translateX(4px); border-color: #60a5fa; }

.b-ins-regress { position: relative; width: 110px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-irg-insurer { position: absolute; left: 11px; top: 14px; width: 34px; height: 42px; border-radius: 6px; background: #fff; border: 2px solid #c7d2fe; transition: transform .4s; }
.b-irg-insurer::before { content: 'S'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #4f46e5; font-size: 20px; font-weight: 800; }
.b-irg-arrow { position: absolute; left: 45px; top: 34px; width: 30px; height: 4px; border-radius: 3px; background: #10b981; transform: scaleX(.45); transform-origin: left; transition: transform .35s; z-index: 3; }
.b-irg-arrow::after { content: ''; position: absolute; right: -1px; top: -5px; width: 10px; height: 10px; border-top: 4px solid #10b981; border-right: 4px solid #10b981; transform: rotate(45deg); }
.b-irg-target { position: absolute; right: 13px; top: 13px; width: 33px; height: 33px; border-radius: 50%; border: 3px solid #ef4444; background: rgba(255,255,255,.65); transition: transform .35s; }
.b-irg-target::after { content: ''; position: absolute; left: 8px; right: 8px; top: 13px; height: 4px; background: #ef4444; border-radius: 2px; }
.b-irg-file { position: absolute; right: 22px; bottom: 7px; width: 25px; height: 29px; border: 2px solid #bfdbfe; border-radius: 4px; background: #fff; opacity: 0; transform: scale(.65); transition: transform .35s .15s, opacity .2s .15s; z-index: 4; }
.bento-card:hover .b-irg-insurer { transform: translateX(-4px); }
.bento-card:hover .b-irg-arrow { transform: scaleX(1); }
.bento-card:hover .b-irg-target { transform: scale(1.08); }
.bento-card:hover .b-irg-file { opacity: 1; transform: scale(1); }

/* Citizenship and Foreigners Law Card Arts */
.b-foreign-residence { position: relative; width: 108px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-fr-card { position: absolute; left: 13px; top: 10px; width: 43px; height: 50px; border: 2px solid #93c5fd; border-radius: 6px; background: #fff; padding: 16px 7px 0; display: flex; flex-direction: column; gap: 6px; transition: transform .4s, border-color .35s; z-index: 3; }
.b-fr-card::before { content: 'İKAMET'; position: absolute; left: 6px; top: 5px; color: #2563eb; font-size: 7px; font-weight: 800; letter-spacing: .02em; }
.b-fr-card span { height: 3px; border-radius: 2px; background: #bfdbfe; transition: background .35s; }
.b-fr-home { position: absolute; right: 18px; bottom: 12px; width: 33px; height: 27px; border-radius: 4px; background: #3b82f6; border: 2px solid #2563eb; transition: transform .35s; }
.b-fr-home::before { content: ''; position: absolute; left: 50%; top: -16px; width: 35px; height: 17px; background: #3b82f6; border: 2px solid #2563eb; border-bottom: 0; clip-path: polygon(50% 0,100% 100%,0 100%); transform: translateX(-50%); }
.b-fr-pin { position: absolute; right: 12px; top: 10px; width: 20px; height: 26px; border-radius: 13px 13px 13px 0; background: #ef4444; transform: rotate(-45deg) scale(.72); transition: transform .35s; z-index: 4; }
.b-fr-pin::after { content: ''; position: absolute; left: 7px; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.bento-card:hover .b-fr-card { transform: translateX(-4px); border-color: #2563eb; }
.bento-card:hover .b-fr-card span { background: #93c5fd; }
.bento-card:hover .b-fr-home { transform: translateX(4px); }
.bento-card:hover .b-fr-pin { transform: rotate(-35deg) scale(1); }

.b-foreign-work { position: relative; width: 108px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-fw-briefcase { position: absolute; left: 13px; bottom: 13px; width: 42px; height: 31px; border-radius: 6px; background: #4f46e5; border: 2px solid #4338ca; transition: transform .4s; }
.b-fw-briefcase::before { content: ''; position: absolute; left: 13px; top: -9px; width: 14px; height: 9px; border: 2px solid #818cf8; border-bottom: 0; border-radius: 8px 8px 0 0; }
.b-fw-permit { position: absolute; right: 16px; top: 10px; width: 38px; height: 48px; border: 2px solid #c7d2fe; border-radius: 6px; background: #fff; padding: 15px 6px 0; display: flex; flex-direction: column; gap: 6px; transition: transform .4s, border-color .35s; z-index: 3; }
.b-fw-permit::before { content: 'İZİN'; position: absolute; left: 6px; top: 5px; color: #4f46e5; font-size: 7px; font-weight: 800; }
.b-fw-permit span { height: 3px; border-radius: 2px; background: #c7d2fe; }
.b-fw-stamp { position: absolute; right: 8px; bottom: 8px; width: 23px; height: 23px; border: 3px solid #10b981; border-radius: 50%; opacity: 0; transform: scale(.45) rotate(-10deg); transition: transform .35s .14s, opacity .2s .14s; z-index: 4; }
.b-fw-stamp::after { content: ''; position: absolute; left: 7px; top: 3px; width: 5px; height: 10px; border-right: 2px solid #10b981; border-bottom: 2px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-fw-briefcase { transform: translateX(-4px); }
.bento-card:hover .b-fw-permit { transform: translateX(4px); border-color: #818cf8; }
.bento-card:hover .b-fw-stamp { opacity: 1; transform: scale(1) rotate(-8deg); }

.b-foreign-citizenship { position: relative; width: 108px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-fc-id { position: absolute; left: 16px; top: 12px; width: 52px; height: 40px; border-radius: 7px; background: #f8fafc; border: 2px solid #bfdbfe; padding: 17px 7px 0 20px; display: flex; flex-direction: column; gap: 5px; box-shadow: 0 8px 18px rgba(37,99,235,.12); transition: transform .4s, border-color .35s; }
.b-fc-id::before { content: ''; position: absolute; left: 7px; top: 18px; width: 9px; height: 9px; border-radius: 50%; background: #93c5fd; box-shadow: 0 11px 0 2px #bfdbfe; }
.b-fc-id::after { content: 'TC'; position: absolute; left: 7px; top: 5px; color: #dc2626; font-size: 8px; font-weight: 900; }
.b-fc-id span { height: 3px; border-radius: 2px; background: #bfdbfe; }
.b-fc-flag { position: absolute; right: 12px; top: 7px; width: 42px; height: 28px; border-radius: 4px; background: #e30a17; box-shadow: 0 5px 14px rgba(227,10,23,.28); transition: transform .45s; z-index: 3; overflow: hidden; }
.b-fc-flag::before { content: ''; position: absolute; left: 9px; top: 7px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 4px 0 0 1px #e30a17; }
.b-fc-flag::after { content: ''; position: absolute; left: 25px; top: 9px; width: 10px; height: 10px; background: #fff; clip-path: polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 35%); }
.b-fc-ribbon { position: absolute; right: 16px; bottom: 10px; width: 31px; height: 18px; border-radius: 4px; background: #ef4444; opacity: 0; transform: translateY(7px); transition: transform .35s .12s, opacity .2s .12s; z-index: 4; }
.b-fc-ribbon::after { content: ''; position: absolute; left: 10px; top: 4px; width: 7px; height: 10px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-fc-id { transform: translateX(-4px); border-color: #60a5fa; }
.bento-card:hover .b-fc-flag { transform: translate(2px, 2px) rotate(-3deg) scale(1.04); }
.bento-card:hover .b-fc-ribbon { opacity: 1; transform: translateY(0); }

.b-foreign-invest-cit { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-fic-building { position: absolute; left: 13px; bottom: 10px; width: 34px; height: 43px; border-radius: 4px; background: #10b981; border: 2px solid #047857; transition: transform .4s; }
.b-fic-building::before { content: ''; position: absolute; left: 7px; top: 8px; width: 5px; height: 5px; background: #d1fae5; box-shadow: 11px 0 0 #d1fae5, 0 11px 0 #d1fae5, 11px 11px 0 #d1fae5; }
.b-fic-coin { position: absolute; left: 39px; top: 10px; width: 25px; height: 25px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; transition: transform .35s; z-index: 4; }
.b-fic-coin::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #b45309; font-size: 11px; font-weight: 800; }
.b-fic-id { position: absolute; right: 10px; bottom: 12px; width: 43px; height: 34px; border-radius: 6px; background: #fff; border: 2px solid #fecaca; transition: transform .4s, border-color .35s; box-shadow: 0 8px 18px rgba(15,23,42,.08); }
.b-fic-id::before { content: 'TC'; position: absolute; left: 6px; top: 5px; color: #dc2626; font-size: 8px; font-weight: 900; }
.b-fic-id::after { content: ''; position: absolute; left: 7px; bottom: 7px; width: 9px; height: 9px; border-radius: 50%; background: #fecaca; box-shadow: 14px -8px 0 -3px #fecaca, 18px 0 0 -3px #fecaca; }
.b-fic-check { position: absolute; right: 8px; top: 11px; width: 22px; height: 22px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(.45); transition: transform .35s .14s, opacity .2s .14s; z-index: 5; }
.b-fic-check::after { content: ''; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-fic-building { transform: translateX(-4px); }
.bento-card:hover .b-fic-coin { transform: translateY(-6px); }
.bento-card:hover .b-fic-id { transform: translateX(4px); border-color: #f87171; }
.bento-card:hover .b-fic-check { opacity: 1; transform: scale(1); }

.b-foreign-deport { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-fd-gate { position: absolute; left: 15px; bottom: 9px; width: 38px; height: 44px; border: 3px solid #a78bfa; border-bottom: 0; border-radius: 20px 20px 0 0; transition: transform .35s; }
.b-fd-gate::after { content: ''; position: absolute; left: 6px; right: 6px; top: 20px; height: 3px; background: #a78bfa; box-shadow: 0 10px 0 #a78bfa; }
.b-fd-plane { position: absolute; right: 18px; top: 15px; width: 34px; height: 18px; background: #8b5cf6; clip-path: polygon(0 45%,70% 45%,100% 0,84% 52%,100% 100%,70% 58%,0 58%); transition: transform .4s; }
.b-fd-stop { position: absolute; right: 19px; bottom: 11px; width: 27px; height: 27px; border-radius: 50%; background: #ef4444; z-index: 4; transition: transform .35s; }
.b-fd-stop::after { content: ''; position: absolute; left: 7px; right: 7px; top: 12px; height: 4px; border-radius: 2px; background: #fff; }
.b-fd-file { position: absolute; right: 4px; bottom: 7px; width: 25px; height: 31px; border: 2px solid #ddd6fe; border-radius: 4px; background: #fff; opacity: 0; transform: scale(.55); transition: transform .35s .12s, opacity .2s .12s; }
.bento-card:hover .b-fd-gate { transform: translateX(-4px); }
.bento-card:hover .b-fd-plane { transform: translate(5px, -4px); }
.bento-card:hover .b-fd-stop { transform: scale(1.08); }
.bento-card:hover .b-fd-file { opacity: 1; transform: scale(1); }

.b-foreign-visa { position: relative; width: 108px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-fv-passport { position: absolute; left: 13px; top: 8px; width: 45px; height: 54px; border-radius: 7px; background: #1d4ed8; border: 2px solid #1e40af; transition: transform .35s; box-shadow: inset 6px 0 0 rgba(255,255,255,.1); }
.b-fv-passport::before { content: 'PAS'; position: absolute; left: 10px; top: 8px; color: #dbeafe; font-size: 8px; font-weight: 900; letter-spacing: .03em; }
.b-fv-passport::after { content: ''; position: absolute; left: 14px; top: 22px; width: 14px; height: 14px; border: 2px solid #dbeafe; border-radius: 50%; box-shadow: 0 17px 0 -5px #dbeafe; }
.b-fv-stamp { position: absolute; right: 18px; top: 12px; width: 34px; height: 25px; border: 3px solid #ef4444; border-radius: 5px; transform: rotate(-12deg); transition: transform .35s; z-index: 3; }
.b-fv-stamp::after { content: 'RET'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #ef4444; font-size: 10px; font-weight: 800; }
.b-fv-code { position: absolute; right: 12px; bottom: 10px; width: 35px; height: 21px; border-radius: 5px; background: #fff; border: 2px solid #fecdd3; opacity: 0; transform: translateY(7px); transition: transform .35s .12s, opacity .2s .12s; }
.b-fv-code::after { content: 'Ç-'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #e11d48; font-size: 10px; font-weight: 800; }
.bento-card:hover .b-fv-passport { transform: translateX(-4px); }
.bento-card:hover .b-fv-stamp { transform: rotate(0deg) scale(1.05); }
.bento-card:hover .b-fv-code { opacity: 1; transform: translateY(0); }

.b-foreign-protection { position: relative; width: 108px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-fpr-person { position: absolute; left: 18px; bottom: 12px; width: 20px; height: 33px; border-radius: 10px 10px 5px 5px; background: #3b82f6; transition: transform .35s; }
.b-fpr-person::before { content: ''; position: absolute; left: 3px; top: -14px; width: 14px; height: 14px; border-radius: 50%; background: #2563eb; }
.b-fpr-shield { position: absolute; left: 42px; top: 10px; width: 37px; height: 43px; background: rgba(16,185,129,.14); border: 3px solid #10b981; clip-path: polygon(50% 0,100% 15%,92% 70%,50% 100%,8% 70%,0 15%); transition: transform .35s, background .35s; z-index: 3; }
.b-fpr-doc { position: absolute; right: 14px; bottom: 10px; width: 31px; height: 38px; border-radius: 5px; background: #fff; border: 2px solid #bfdbfe; opacity: .9; transition: transform .35s; z-index: 2; }
.b-fpr-doc::before { content: ''; position: absolute; left: 6px; right: 6px; top: 10px; height: 3px; border-radius: 2px; background: #bfdbfe; box-shadow: 0 8px 0 #bfdbfe; }
.bento-card:hover .b-fpr-person { transform: translateX(4px); }
.bento-card:hover .b-fpr-shield { transform: scale(1.08); background: rgba(16,185,129,.24); }
.bento-card:hover .b-fpr-doc { transform: translateX(4px); }

.b-foreign-investor { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-fi-briefcase { position: absolute; left: 10px; bottom: 13px; width: 36px; height: 28px; border-radius: 6px; background: #0f766e; border: 2px solid #115e59; transition: transform .4s; }
.b-fi-briefcase::before { content: ''; position: absolute; left: 10px; top: -9px; width: 13px; height: 8px; border: 2px solid #115e59; border-bottom: 0; border-radius: 6px 6px 0 0; }
.b-fi-briefcase::after { content: '€'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #ccfbf1; font-size: 15px; font-weight: 900; }
.b-fi-company { position: absolute; right: 13px; bottom: 10px; width: 38px; height: 43px; border-radius: 5px 5px 3px 3px; background: #fff; border: 2px solid #a7f3d0; transition: transform .4s, border-color .35s; }
.b-fi-company::before { content: ''; position: absolute; left: 8px; top: 8px; width: 5px; height: 5px; background: #10b981; box-shadow: 12px 0 0 #10b981, 0 11px 0 #10b981, 12px 11px 0 #10b981, 6px 23px 0 2px #d1fae5; }
.b-fi-coin { position: absolute; left: 47px; top: 12px; width: 24px; height: 24px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; transition: transform .35s; z-index: 5; }
.b-fi-coin::after { content: '$'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #b45309; font-size: 12px; font-weight: 900; }
.bento-card:hover .b-fi-briefcase { transform: translateX(-4px); }
.bento-card:hover .b-fi-company { transform: translateX(4px); border-color: #34d399; }
.bento-card:hover .b-fi-coin { transform: translate(4px, -3px) scale(1.08); }

/* Trademark and Patent Law Card Arts */
.b-ip-brand-reg { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ipr-tag { position: absolute; left: 14px; top: 18px; width: 54px; height: 34px; border-radius: 7px 12px 12px 7px; background: #fff; border: 2px solid #bfdbfe; padding: 10px 9px 0; display: flex; flex-direction: column; gap: 5px; transition: transform .4s, border-color .35s; }
.b-ipr-tag::before { content: ''; position: absolute; right: 7px; top: 12px; width: 7px; height: 7px; border-radius: 50%; background: #bfdbfe; }
.b-ipr-tag span { height: 3px; border-radius: 2px; background: #93c5fd; }
.b-ipr-mark { position: absolute; right: 20px; top: 10px; width: 31px; height: 31px; border-radius: 50%; background: #2563eb; color: #fff; font-size: 14px; font-weight: 900; display: flex; align-items: center; justify-content: center; transition: transform .4s; z-index: 3; }
.b-ipr-mark::after { content: 'R'; }
.b-ipr-stamp { position: absolute; right: 13px; bottom: 11px; width: 37px; height: 23px; border: 3px solid #10b981; border-radius: 5px; opacity: 0; transform: rotate(-12deg) scale(.75); transition: transform .35s .12s, opacity .2s .12s; z-index: 4; }
.b-ipr-stamp::after { content: 'ONAY'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #10b981; font-size: 8px; font-weight: 900; }
.bento-card:hover .b-ipr-tag { transform: translateX(-4px); border-color: #60a5fa; }
.bento-card:hover .b-ipr-mark { transform: scale(1.08) rotate(8deg); }
.bento-card:hover .b-ipr-stamp { opacity: 1; transform: rotate(-4deg) scale(1); }

.b-ip-opposition { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ipo-brand { position: absolute; top: 15px; width: 39px; height: 28px; border-radius: 7px; background: #fff; border: 2px solid #fecdd3; transition: transform .4s, border-color .35s; }
.b-ipo-brand::before { content: 'TM'; position: absolute; left: 9px; top: 8px; color: #e11d48; font-size: 10px; font-weight: 900; }
.b-ipo-brand.original { left: 13px; }
.b-ipo-brand.similar { right: 15px; opacity: .9; transform: rotate(5deg); }
.b-ipo-brand.similar::before { color: #fb7185; }
.b-ipo-file { position: absolute; left: 39px; bottom: 8px; width: 34px; height: 39px; border-radius: 5px; background: #fff; border: 2px solid #fecdd3; padding: 12px 6px 0; display: flex; flex-direction: column; gap: 5px; transition: transform .35s; z-index: 3; }
.b-ipo-file span { height: 3px; border-radius: 2px; background: #fecdd3; }
.b-ipo-stop { position: absolute; right: 12px; bottom: 10px; width: 25px; height: 25px; border-radius: 50%; background: #ef4444; opacity: 0; transform: scale(.55); transition: transform .35s .14s, opacity .2s .14s; z-index: 5; }
.b-ipo-stop::after { content: ''; position: absolute; left: 7px; right: 7px; top: 11px; height: 4px; border-radius: 2px; background: #fff; }
.bento-card:hover .b-ipo-brand.original { transform: translateX(-4px); border-color: #fb7185; }
.bento-card:hover .b-ipo-brand.similar { transform: translateX(4px) rotate(5deg); border-color: #ef4444; }
.bento-card:hover .b-ipo-file { transform: translateY(-4px); }
.bento-card:hover .b-ipo-stop { opacity: 1; transform: scale(1); }

.b-ip-infringement { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ipi-product { position: absolute; bottom: 13px; width: 34px; height: 38px; border-radius: 7px 7px 4px 4px; background: #fff; border: 2px solid #dbeafe; transition: transform .4s, border-color .35s; }
.b-ipi-product::before { content: 'TM'; position: absolute; left: 8px; top: 9px; color: #2563eb; font-size: 10px; font-weight: 900; }
.b-ipi-product.real { left: 17px; }
.b-ipi-product.fake { right: 17px; border-color: #fecdd3; opacity: .88; }
.b-ipi-product.fake::before { color: #e11d48; transform: rotate(-10deg); }
.b-ipi-laser { position: absolute; left: 53px; top: 17px; width: 4px; height: 44px; border-radius: 3px; background: #ef4444; opacity: 0; transform: rotate(64deg) scaleY(.35); transition: transform .35s, opacity .2s; z-index: 4; }
.b-ipi-warning { position: absolute; right: 8px; top: 8px; width: 24px; height: 24px; border-radius: 50%; background: #ef4444; color: #fff; opacity: 0; transform: scale(.55); transition: transform .35s .14s, opacity .2s .14s; z-index: 5; }
.b-ipi-warning::after { content: '!'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-weight: 900; }
.bento-card:hover .b-ipi-product.real { transform: translateX(-4px); border-color: #60a5fa; }
.bento-card:hover .b-ipi-product.fake { transform: translateX(5px) rotate(-4deg); border-color: #ef4444; }
.bento-card:hover .b-ipi-laser { opacity: 1; transform: rotate(64deg) scaleY(1); }
.bento-card:hover .b-ipi-warning { opacity: 1; transform: scale(1); }

.b-ip-patent { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ipp-bulb { position: absolute; left: 15px; top: 13px; width: 30px; height: 36px; border-radius: 16px 16px 10px 10px; background: #fbbf24; border: 2px solid #d97706; transition: transform .4s, box-shadow .35s; }
.b-ipp-bulb::before { content: ''; position: absolute; left: 8px; bottom: -10px; width: 12px; height: 11px; border-radius: 3px; background: #64748b; }
.b-ipp-bulb::after { content: ''; position: absolute; left: 6px; right: 6px; bottom: -3px; height: 3px; border-radius: 2px; background: #fef3c7; box-shadow: 0 5px 0 #fef3c7; }
.b-ipp-doc { position: absolute; right: 16px; top: 10px; width: 39px; height: 50px; border-radius: 5px; background: #fff; border: 2px solid #fecdd3; padding: 13px 7px 0; display: flex; flex-direction: column; gap: 6px; transition: transform .4s, border-color .35s; }
.b-ipp-doc::before { content: 'PAT'; position: absolute; left: 7px; top: 5px; color: #e11d48; font-size: 8px; font-weight: 900; }
.b-ipp-doc span { height: 3px; border-radius: 2px; background: #fecdd3; }
.b-ipp-glass { position: absolute; left: 47px; bottom: 13px; width: 25px; height: 25px; border: 4px solid #fb7185; border-radius: 50%; background: rgba(255,255,255,.35); transition: transform .4s; z-index: 4; }
.b-ipp-glass::after { content: ''; position: absolute; right: -11px; bottom: -7px; width: 15px; height: 4px; border-radius: 3px; background: #e11d48; transform: rotate(45deg); }
.bento-card:hover .b-ipp-bulb { transform: translateY(-4px); box-shadow: 0 0 18px rgba(251,191,36,.55); }
.bento-card:hover .b-ipp-doc { transform: translateX(4px); border-color: #fb7185; }
.bento-card:hover .b-ipp-glass { transform: translate(5px, -2px) scale(1.05); }

.b-ip-design { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ipd-grid { position: absolute; inset: 8px 12px; border-radius: 6px; background-image: linear-gradient(#c7d2fe 1px, transparent 1px), linear-gradient(90deg, #c7d2fe 1px, transparent 1px); background-size: 12px 12px; opacity: .55; }
.b-ipd-product { position: absolute; left: 37px; top: 15px; width: 38px; height: 38px; border-radius: 12px 12px 8px 8px; background: #6366f1; transition: transform .4s, background .35s; z-index: 2; }
.b-ipd-product::before { content: ''; position: absolute; left: 10px; top: -8px; width: 17px; height: 10px; border: 3px solid #4f46e5; border-bottom: 0; border-radius: 10px 10px 0 0; }
.b-ipd-frame { position: absolute; left: 29px; top: 10px; width: 55px; height: 49px; border: 3px dashed #818cf8; border-radius: 8px; transition: transform .4s, border-color .35s; z-index: 3; }
.b-ipd-check { position: absolute; right: 13px; bottom: 9px; width: 22px; height: 22px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(.5); transition: transform .35s .14s, opacity .2s .14s; z-index: 4; }
.b-ipd-check::after { content: ''; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-ipd-product { transform: rotate(-5deg) scale(1.04); background: #4f46e5; }
.bento-card:hover .b-ipd-frame { transform: scale(1.05); border-color: #c4b5fd; }
.bento-card:hover .b-ipd-check { opacity: 1; transform: scale(1); }

.b-ip-license { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ipl-owner { position: absolute; bottom: 12px; width: 19px; height: 30px; border-radius: 10px 10px 5px 5px; background: #8b5cf6; transition: transform .4s; }
.b-ipl-owner::before { content: ''; position: absolute; left: 3px; top: -13px; width: 13px; height: 13px; border-radius: 50%; background: #7c3aed; }
.b-ipl-owner.left { left: 13px; }
.b-ipl-owner.right { right: 13px; background: #3b82f6; }
.b-ipl-owner.right::before { background: #2563eb; }
.b-ipl-cert { position: absolute; left: 39px; top: 12px; width: 35px; height: 45px; border-radius: 5px; background: #fff; border: 2px solid #ddd6fe; padding: 14px 6px 0; display: flex; flex-direction: column; gap: 6px; transition: transform .45s, border-color .35s; z-index: 4; }
.b-ipl-cert::before { content: 'IP'; position: absolute; left: 7px; top: 5px; color: #7c3aed; font-size: 8px; font-weight: 900; }
.b-ipl-cert span { height: 3px; border-radius: 2px; background: #ddd6fe; }
.b-ipl-arrow { position: absolute; left: 34px; top: 35px; width: 44px; height: 4px; border-radius: 3px; background: #10b981; transform: scaleX(.35); transform-origin: left; transition: transform .35s; z-index: 2; }
.b-ipl-arrow::after { content: ''; position: absolute; right: -1px; top: -5px; width: 10px; height: 10px; border-top: 4px solid #10b981; border-right: 4px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-ipl-owner.left { transform: translateX(-3px); }
.bento-card:hover .b-ipl-owner.right { transform: translateX(3px); }
.bento-card:hover .b-ipl-cert { transform: translateX(8px) rotate(3deg); border-color: #a78bfa; }
.bento-card:hover .b-ipl-arrow { transform: scaleX(1); }

.b-ip-copyright { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ipc-screen { position: absolute; left: 14px; top: 16px; width: 48px; height: 33px; border-radius: 6px; background: #1e293b; border: 3px solid #94a3b8; transition: transform .4s, border-color .35s; }
.b-ipc-screen::before { content: ''; position: absolute; left: 8px; top: 8px; width: 10px; height: 10px; border-radius: 2px; background: #60a5fa; box-shadow: 15px 0 0 #10b981, 7px 13px 0 2px #334155; }
.b-ipc-file { position: absolute; right: 16px; top: 10px; width: 34px; height: 44px; border-radius: 5px; background: #fff; border: 2px solid #bfdbfe; padding: 14px 6px 0; display: flex; flex-direction: column; gap: 6px; transition: transform .4s, border-color .35s; z-index: 3; }
.b-ipc-file::before { content: ''; position: absolute; right: -2px; top: -2px; border-left: 11px solid transparent; border-bottom: 11px solid #bfdbfe; }
.b-ipc-file span { height: 3px; border-radius: 2px; background: #bfdbfe; }
.b-ipc-symbol { position: absolute; right: 9px; bottom: 9px; width: 25px; height: 25px; border-radius: 50%; border: 3px solid #2563eb; color: #2563eb; background: #fff; font-size: 13px; font-weight: 900; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(.55); transition: transform .35s .14s, opacity .2s .14s; z-index: 4; }
.bento-card:hover .b-ipc-screen { transform: translateX(-4px); border-color: #60a5fa; }
.bento-card:hover .b-ipc-file { transform: translateX(4px); border-color: #60a5fa; }
.bento-card:hover .b-ipc-symbol { opacity: 1; transform: scale(1); }

.b-ip-international { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ipi-globe { position: absolute; left: 12px; top: 11px; width: 43px; height: 43px; border-radius: 50%; border: 3px solid #60a5fa; background: rgba(96,165,250,.14); transition: transform .45s; }
.b-ipi-globe::before { content: ''; position: absolute; left: 8px; right: 8px; top: 18px; height: 3px; background: #60a5fa; }
.b-ipi-globe::after { content: ''; position: absolute; top: 6px; bottom: 6px; left: 18px; width: 3px; background: #60a5fa; }
.b-ipi-doc { position: absolute; right: 14px; bottom: 10px; width: 35px; height: 43px; border-radius: 5px; background: #fff; border: 2px solid #bfdbfe; transition: transform .35s, border-color .35s; }
.b-ipi-doc::before { content: 'WIPO'; position: absolute; left: 5px; top: 7px; color: #2563eb; font-size: 7px; font-weight: 900; }
.b-ipi-pin { position: absolute; width: 10px; height: 10px; border-radius: 50% 50% 50% 0; background: #ef4444; transform: rotate(-45deg); opacity: .8; transition: transform .35s, opacity .2s; z-index: 4; }
.b-ipi-pin.p1 { left: 25px; top: 19px; }
.b-ipi-pin.p2 { left: 39px; top: 36px; background: #10b981; }
.b-ipi-route { position: absolute; left: 48px; top: 33px; width: 29px; height: 4px; border-radius: 3px; background: #10b981; transform: scaleX(.4); transform-origin: left; transition: transform .35s; z-index: 3; }
.b-ipi-route::after { content: ''; position: absolute; right: -1px; top: -5px; width: 10px; height: 10px; border-top: 4px solid #10b981; border-right: 4px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-ipi-globe { transform: rotate(28deg); }
.bento-card:hover .b-ipi-doc { transform: translateX(4px); border-color: #60a5fa; }
.bento-card:hover .b-ipi-pin { opacity: 1; transform: rotate(-45deg) scale(1.12); }
.bento-card:hover .b-ipi-route { transform: scaleX(1); }

.b-ip-portfolio { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ippf-card { position: absolute; left: 15px; width: 47px; height: 31px; border-radius: 6px; background: #fff; border: 2px solid #bfdbfe; transition: transform .4s, border-color .35s; }
.b-ippf-card::before { content: 'IP'; position: absolute; left: 8px; top: 8px; color: #2563eb; font-size: 9px; font-weight: 900; }
.b-ippf-card.c1 { top: 10px; }
.b-ippf-card.c2 { top: 20px; left: 22px; border-color: #93c5fd; }
.b-ippf-card.c3 { top: 30px; left: 29px; border-color: #60a5fa; }
.b-ippf-calendar { position: absolute; right: 13px; top: 12px; width: 32px; height: 38px; border-radius: 5px; background: #fff; border: 2px solid #bfdbfe; transition: transform .35s, border-color .35s; }
.b-ippf-calendar::before { content: ''; position: absolute; left: -2px; right: -2px; top: -2px; height: 10px; border-radius: 5px 5px 0 0; background: #2563eb; }
.b-ippf-calendar::after { content: ''; position: absolute; left: 7px; top: 17px; width: 5px; height: 5px; border-radius: 1px; background: #bfdbfe; box-shadow: 10px 0 0 #bfdbfe, 0 10px 0 #bfdbfe, 10px 10px 0 #bfdbfe; }
.b-ippf-check { position: absolute; right: 7px; bottom: 8px; width: 22px; height: 22px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(.5); transition: transform .35s .14s, opacity .2s .14s; z-index: 4; }
.b-ippf-check::after { content: ''; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-ippf-card.c1 { transform: translate(-4px, -3px); }
.bento-card:hover .b-ippf-card.c2 { transform: translate(0, -1px); }
.bento-card:hover .b-ippf-card.c3 { transform: translate(4px, 3px); border-color: #2563eb; }
.bento-card:hover .b-ippf-calendar { transform: translateX(4px); border-color: #60a5fa; }
.bento-card:hover .b-ippf-check { opacity: 1; transform: scale(1); }

/* Compensation Law Card Arts */
.b-comp-traffic,.b-comp-work,.b-comp-body,.b-comp-support,.b-comp-moral,.b-comp-contract,.b-comp-malpractice,.b-comp-admin,.b-comp-detention{position:relative;width:112px;height:70px;display:flex;align-items:center;justify-content:center}
.b-ct-car{position:absolute;left:10px;bottom:15px;width:46px;height:21px;border-radius:10px 10px 5px 5px;background:#3b82f6;border:2px solid #1d4ed8;transition:transform .4s}.b-ct-car::before{content:'';position:absolute;left:10px;top:-11px;width:24px;height:12px;border-radius:8px 8px 0 0;background:#93c5fd;border:2px solid #1d4ed8;border-bottom:0}.b-ct-car::after{content:'';position:absolute;left:7px;bottom:-7px;width:8px;height:8px;border-radius:50%;background:#1e293b;box-shadow:25px 0 0 #1e293b}.b-ct-impact{position:absolute;left:53px;top:18px;width:18px;height:18px;background:#fbbf24;clip-path:polygon(50% 0,62% 35%,100% 25%,72% 52%,100% 75%,62% 65%,50% 100%,38% 65%,0 75%,28% 52%,0 25%,38% 35%);transition:transform .35s}.b-ct-file{position:absolute;right:13px;bottom:10px;width:31px;height:39px;border-radius:5px;background:#fff;border:2px solid #bfdbfe;padding:11px 6px 0;display:flex;flex-direction:column;gap:5px;transition:transform .35s}.b-ct-file span{height:3px;border-radius:2px;background:#bfdbfe}.b-ct-coin{position:absolute;right:8px;top:10px;width:22px;height:22px;border-radius:50%;background:#fbbf24;border:2px solid #d97706;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:5}.b-ct-coin::after{content:'₺';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b45309;font-size:11px;font-weight:900}.bento-card:hover .b-ct-car{transform:translateX(-5px)}.bento-card:hover .b-ct-impact{transform:scale(1.18) rotate(18deg)}.bento-card:hover .b-ct-file{transform:translateX(4px)}.bento-card:hover .b-ct-coin{opacity:1;transform:scale(1)}
.b-cw-helmet{position:absolute;left:14px;top:14px;width:36px;height:25px;border-radius:22px 22px 8px 8px;background:#fbbf24;border:2px solid #d97706;transition:transform .35s}.b-cw-helmet::after{content:'';position:absolute;left:5px;right:5px;bottom:-5px;height:6px;border-radius:6px;background:#d97706}.b-cw-factory{position:absolute;right:14px;bottom:10px;width:39px;height:40px;background:#fff;border:2px solid #fecdd3;border-radius:4px;transition:transform .35s,border-color .35s}.b-cw-factory::before{content:'';position:absolute;left:6px;top:-12px;border-bottom:12px solid #fff;border-right:13px solid transparent;width:12px;box-shadow:14px 0 0 #fff}.b-cw-factory::after{content:'';position:absolute;left:7px;top:14px;width:5px;height:5px;background:#fb7185;box-shadow:11px 0 0 #fb7185,0 11px 0 #fb7185,11px 11px 0 #fb7185}.b-cw-warning{position:absolute;left:44px;bottom:12px;width:25px;height:23px;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;transform:scale(.55);transition:transform .35s .12s,opacity .2s .12s;z-index:4}.b-cw-warning::after{content:'!';position:absolute;inset:4px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:900}.b-cw-claim{position:absolute;right:5px;top:9px;width:23px;height:23px;border-radius:50%;background:#10b981;opacity:0;transform:scale(.5);transition:transform .35s .2s,opacity .2s .2s;z-index:5}.b-cw-claim::after{content:'';position:absolute;left:8px;top:4px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.bento-card:hover .b-cw-helmet{transform:translateY(-4px)}.bento-card:hover .b-cw-factory{transform:translateX(4px);border-color:#fb7185}.bento-card:hover .b-cw-warning,.bento-card:hover .b-cw-claim{opacity:1;transform:scale(1)}
.b-cb-person{position:absolute;left:15px;bottom:11px;width:20px;height:34px;border-radius:11px 11px 5px 5px;background:#6366f1;transition:transform .35s}.b-cb-person::before{content:'';position:absolute;left:3px;top:-14px;width:14px;height:14px;border-radius:50%;background:#4f46e5}.b-cb-medical{position:absolute;left:39px;top:12px;width:33px;height:42px;border-radius:6px;background:#fff;border:2px solid #c7d2fe;transition:transform .35s,border-color .35s}.b-cb-medical::after{content:'';position:absolute;left:13px;top:9px;width:6px;height:20px;background:#ef4444;box-shadow:0 0 0 0 #ef4444}.b-cb-medical::before{content:'';position:absolute;left:6px;top:16px;width:20px;height:6px;background:#ef4444}.b-cb-chart{position:absolute;right:10px;bottom:10px;width:29px;height:35px;border-left:2px solid #10b981;border-bottom:2px solid #10b981;display:flex;align-items:flex-end;gap:4px;padding-left:4px}.b-cb-chart span{width:6px;border-radius:2px 2px 0 0;background:#10b981;transition:height .45s}.b-cb-chart span:nth-child(1){height:12px}.b-cb-chart span:nth-child(2){height:20px}.b-cb-chart span:nth-child(3){height:27px}.bento-card:hover .b-cb-person{transform:translateX(4px)}.bento-card:hover .b-cb-medical{transform:translateY(-4px);border-color:#818cf8}.bento-card:hover .b-cb-chart span:nth-child(1){height:24px}.bento-card:hover .b-cb-chart span:nth-child(2){height:15px}.bento-card:hover .b-cb-chart span:nth-child(3){height:31px}
.b-cs-family{position:absolute;left:12px;bottom:12px;width:38px;height:35px}.b-cs-family::before{content:'';position:absolute;left:0;bottom:0;width:15px;height:25px;border-radius:8px 8px 4px 4px;background:#8b5cf6;box-shadow:18px 5px 0 -1px #a78bfa}.b-cs-family::after{content:'';position:absolute;left:2px;top:-8px;width:11px;height:11px;border-radius:50%;background:#7c3aed;box-shadow:19px 6px 0 -1px #8b5cf6}.b-cs-empty{position:absolute;left:49px;top:18px;width:24px;height:30px;border:2px dashed #a78bfa;border-radius:12px 12px 5px 5px;opacity:.8;transition:transform .35s,opacity .35s}.b-cs-calculation{position:absolute;right:12px;top:10px;width:32px;height:43px;border-radius:5px;background:#fff;border:2px solid #ddd6fe;transition:transform .35s}.b-cs-calculation::before{content:'PAY';position:absolute;left:7px;top:6px;color:#7c3aed;font-size:8px;font-weight:900}.b-cs-coin{position:absolute;right:8px;bottom:8px;width:22px;height:22px;border-radius:50%;background:#fbbf24;border:2px solid #d97706;transition:transform .35s;z-index:4}.b-cs-coin::after{content:'₺';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b45309;font-size:11px;font-weight:900}.bento-card:hover .b-cs-empty{transform:translateY(-4px);opacity:1}.bento-card:hover .b-cs-calculation{transform:translateX(4px)}.bento-card:hover .b-cs-coin{transform:translateY(-7px)}
.b-cm-heart{position:absolute;left:15px;top:18px;width:32px;height:32px;background:#e11d48;transform:rotate(-45deg);border-radius:6px;transition:transform .35s}.b-cm-heart::before,.b-cm-heart::after{content:'';position:absolute;width:32px;height:32px;border-radius:50%;background:#e11d48}.b-cm-heart::before{top:-16px;left:0}.b-cm-heart::after{left:16px;top:0}.b-cm-scale{position:absolute;left:47px;top:14px;width:46px;height:34px;border-top:3px solid #64748b;transition:transform .35s;z-index:3}.b-cm-scale::before{content:'';position:absolute;left:20px;top:-3px;width:4px;height:35px;background:#64748b}.b-cm-scale::after{content:'';position:absolute;left:4px;top:18px;width:15px;height:9px;border:2px solid #94a3b8;border-top:0;border-radius:0 0 9px 9px;box-shadow:24px 0 0 -2px #fff,24px 0 0 0 #94a3b8}.b-cm-file{position:absolute;right:10px;bottom:8px;width:28px;height:34px;border:2px solid #fecdd3;border-radius:5px;background:#fff;opacity:0;transform:scale(.6);transition:transform .35s .14s,opacity .2s .14s;z-index:4}.bento-card:hover .b-cm-heart{transform:rotate(-45deg) scale(1.08)}.bento-card:hover .b-cm-scale{transform:rotate(3deg)}.bento-card:hover .b-cm-file{opacity:1;transform:scale(1)}
.b-cc-doc{position:absolute;left:16px;top:10px;width:42px;height:51px;border-radius:6px;background:#fff;border:2px solid #bfdbfe;padding:14px 7px 0;display:flex;flex-direction:column;gap:6px;transition:transform .35s,border-color .35s}.b-cc-doc::before{content:'SÖZ';position:absolute;left:7px;top:5px;color:#2563eb;font-size:8px;font-weight:900}.b-cc-doc span{height:3px;border-radius:2px;background:#bfdbfe}.b-cc-breach{position:absolute;left:52px;top:16px;width:30px;height:42px;background:#ef4444;clip-path:polygon(45% 0,60% 0,52% 32%,72% 32%,42% 100%,48% 48%,30% 48%);transition:transform .35s;z-index:4}.b-cc-coin{position:absolute;right:12px;bottom:12px;width:25px;height:25px;border-radius:50%;background:#fbbf24;border:2px solid #d97706;transition:transform .35s}.b-cc-coin::after{content:'₺';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b45309;font-size:12px;font-weight:900}.bento-card:hover .b-cc-doc{transform:translateX(-4px);border-color:#60a5fa}.bento-card:hover .b-cc-breach{transform:scale(1.12) rotate(5deg)}.bento-card:hover .b-cc-coin{transform:translateY(-6px)}
.b-cmp-med{position:absolute;left:15px;top:14px;width:34px;height:42px;border-radius:6px;background:#fff;border:2px solid #c4b5fd;transition:transform .35s}.b-cmp-med::before{content:'';position:absolute;left:13px;top:9px;width:6px;height:20px;background:#8b5cf6}.b-cmp-med::after{content:'';position:absolute;left:6px;top:16px;width:20px;height:6px;background:#8b5cf6}.b-cmp-file{position:absolute;right:16px;top:10px;width:37px;height:49px;border-radius:5px;background:#fff;border:2px solid #ddd6fe;padding:13px 6px 0;display:flex;flex-direction:column;gap:6px;transition:transform .35s,border-color .35s}.b-cmp-file span{height:3px;border-radius:2px;background:#ddd6fe}.b-cmp-alert{position:absolute;right:9px;bottom:8px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:4}.b-cmp-alert::after{content:'!';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900}.bento-card:hover .b-cmp-med{transform:translateX(-4px)}.bento-card:hover .b-cmp-file{transform:translateX(4px);border-color:#a78bfa}.bento-card:hover .b-cmp-alert{opacity:1;transform:scale(1)}
.b-ca-building{position:absolute;left:14px;bottom:10px;width:40px;height:43px;border-radius:5px 5px 3px 3px;background:#fff;border:2px solid #c7d2fe;transition:transform .35s}.b-ca-building::before{content:'';position:absolute;left:8px;top:9px;width:5px;height:5px;background:#6366f1;box-shadow:12px 0 0 #6366f1,0 12px 0 #6366f1,12px 12px 0 #6366f1}.b-ca-file{position:absolute;right:18px;top:12px;width:34px;height:43px;border-radius:5px;background:#fff;border:2px solid #bfdbfe;transition:transform .35s}.b-ca-file::before{content:'TAM';position:absolute;left:6px;top:7px;color:#4f46e5;font-size:8px;font-weight:900}.b-ca-scale{position:absolute;left:48px;bottom:12px;width:35px;height:28px;border-top:3px solid #10b981;opacity:0;transform:scale(.7);transition:transform .35s .12s,opacity .2s .12s;z-index:4}.b-ca-scale::before{content:'';position:absolute;left:15px;top:-3px;width:4px;height:28px;background:#10b981}.b-ca-scale::after{content:'';position:absolute;left:0;top:16px;width:13px;height:8px;border:2px solid #10b981;border-top:0;border-radius:0 0 8px 8px;box-shadow:22px 0 0 -2px #fff,22px 0 0 0 #10b981}.bento-card:hover .b-ca-building{transform:translateX(-4px)}.bento-card:hover .b-ca-file{transform:translateX(4px)}.bento-card:hover .b-ca-scale{opacity:1;transform:scale(1)}
.b-cd-bars{position:absolute;left:18px;top:11px;width:42px;height:48px;border:3px solid #fb7185;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 7px,#fb7185 7px 10px);transition:transform .35s}.b-cd-unlock{position:absolute;right:18px;top:12px;width:28px;height:24px;border-radius:5px;background:#10b981;transition:transform .35s;z-index:4}.b-cd-unlock::before{content:'';position:absolute;left:6px;top:-15px;width:18px;height:19px;border:4px solid #10b981;border-bottom:0;border-radius:12px 12px 0 0;transform:translateX(7px) rotate(18deg);transform-origin:left bottom}.b-cd-unlock::after{content:'';position:absolute;left:12px;top:8px;width:5px;height:9px;border-radius:3px;background:#fff}.b-cd-file{position:absolute;right:8px;bottom:8px;width:27px;height:34px;border-radius:5px;background:#fff;border:2px solid #fecdd3;opacity:0;transform:scale(.6);transition:transform .35s .14s,opacity .2s .14s}.b-cd-file::before{content:'TAZ';position:absolute;left:5px;top:7px;color:#e11d48;font-size:8px;font-weight:900}.bento-card:hover .b-cd-bars{transform:translateX(-4px)}.bento-card:hover .b-cd-unlock{transform:translateX(4px)}.bento-card:hover .b-cd-file{opacity:1;transform:scale(1)}

/* Consumer Law Card Arts */
.b-cons-defect,.b-cons-ecommerce,.b-cons-board,.b-cons-contract,.b-cons-bank,.b-cons-subscription,.b-cons-housing,.b-cons-vehicle,.b-cons-collection{position:relative;width:112px;height:70px;display:flex;align-items:center;justify-content:center}
.b-cd-bag{position:absolute;left:15px;bottom:12px;width:37px;height:40px;border-radius:5px 5px 9px 9px;background:#3b82f6;border:2px solid #1d4ed8;transition:transform .35s}.b-cd-bag::before{content:'';position:absolute;left:9px;top:-10px;width:17px;height:10px;border:3px solid #1d4ed8;border-bottom:0;border-radius:10px 10px 0 0}.b-cd-crack{position:absolute;left:36px;top:19px;width:5px;height:29px;background:#fff;clip-path:polygon(45% 0,100% 25%,55% 42%,100% 68%,45% 100%,35% 72%,70% 52%,20% 34%);z-index:3;transition:transform .35s}.b-cd-return{position:absolute;right:17px;top:13px;width:34px;height:34px;border:4px solid #10b981;border-left-color:transparent;border-radius:50%;transition:transform .45s}.b-cd-return::after{content:'';position:absolute;left:-2px;top:22px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid #10b981;transform:rotate(-20deg)}.b-cd-coin{position:absolute;right:13px;bottom:11px;width:22px;height:22px;border-radius:50%;background:#fbbf24;border:2px solid #d97706;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:4}.b-cd-coin::after{content:'₺';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b45309;font-size:11px;font-weight:900}.bento-card:hover .b-cd-bag{transform:translateX(-4px)}.bento-card:hover .b-cd-crack{transform:scaleY(1.16)}.bento-card:hover .b-cd-return{transform:rotate(-35deg) scale(1.05)}.bento-card:hover .b-cd-coin{opacity:1;transform:scale(1)}
.b-ce-phone{position:absolute;left:16px;top:10px;width:35px;height:51px;border-radius:7px;background:#1e293b;border:3px solid #475569;transition:transform .35s}.b-ce-phone::before{content:'';position:absolute;left:7px;top:9px;width:15px;height:10px;background:#fb7185;border-radius:2px;box-shadow:0 15px 0 #fda4af}.b-ce-cart{position:absolute;right:17px;bottom:15px;width:34px;height:22px;border:3px solid #e11d48;border-top:0;border-radius:0 0 7px 7px;transition:transform .35s}.b-ce-cart::before{content:'';position:absolute;left:-5px;top:-9px;width:32px;height:3px;background:#e11d48;transform:rotate(12deg)}.b-ce-cart::after{content:'';position:absolute;left:3px;bottom:-9px;width:7px;height:7px;border-radius:50%;background:#1e293b;box-shadow:18px 0 0 #1e293b}.b-ce-timer{position:absolute;right:10px;top:9px;width:25px;height:25px;border-radius:50%;border:3px solid #fbbf24;background:#fff;opacity:0;transform:scale(.55);transition:transform .35s .12s,opacity .2s .12s;z-index:4}.b-ce-timer::after{content:'';position:absolute;left:10px;top:5px;width:3px;height:10px;background:#d97706;transform-origin:bottom}.b-ce-back{position:absolute;left:48px;top:35px;width:30px;height:4px;border-radius:3px;background:#10b981;transform:scaleX(.4);transform-origin:right;transition:transform .35s;z-index:4}.b-ce-back::before{content:'';position:absolute;left:-1px;top:-5px;width:10px;height:10px;border-left:4px solid #10b981;border-bottom:4px solid #10b981;transform:rotate(45deg)}.bento-card:hover .b-ce-phone{transform:translateX(-4px)}.bento-card:hover .b-ce-cart{transform:translateX(4px)}.bento-card:hover .b-ce-timer{opacity:1;transform:scale(1)}.bento-card:hover .b-ce-back{transform:scaleX(1)}
.b-chh-file{position:absolute;left:16px;top:11px;width:39px;height:49px;border-radius:5px;background:#fff;border:2px solid #c7d2fe;padding:14px 7px 0;display:flex;flex-direction:column;gap:6px;transition:transform .35s,border-color .35s}.b-chh-file::before{content:'THH';position:absolute;left:7px;top:5px;color:#4f46e5;font-size:8px;font-weight:900}.b-chh-file span{height:3px;border-radius:2px;background:#c7d2fe}.b-chh-board{position:absolute;right:14px;bottom:12px;width:38px;height:35px;border-radius:5px;background:#6366f1;border:2px solid #4f46e5;transition:transform .35s}.b-chh-board::before{content:'';position:absolute;left:7px;top:8px;width:21px;height:3px;background:#c7d2fe;box-shadow:0 8px 0 #c7d2fe,0 16px 0 #c7d2fe}.b-chh-check{position:absolute;right:7px;top:10px;width:24px;height:24px;border-radius:50%;background:#10b981;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:4}.b-chh-check::after{content:'';position:absolute;left:8px;top:4px;width:5px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.bento-card:hover .b-chh-file{transform:translateX(-4px);border-color:#818cf8}.bento-card:hover .b-chh-board{transform:translateX(4px)}.bento-card:hover .b-chh-check{opacity:1;transform:scale(1)}
.b-ccn-doc{position:absolute;left:17px;top:10px;width:42px;height:51px;border-radius:6px;background:#fff;border:2px solid #ddd6fe;padding:14px 7px 0;display:flex;flex-direction:column;gap:6px;transition:transform .35s,border-color .35s}.b-ccn-doc::before{content:'SÖZ';position:absolute;left:7px;top:5px;color:#7c3aed;font-size:8px;font-weight:900}.b-ccn-doc span{height:3px;border-radius:2px;background:#ddd6fe}.b-ccn-clause{position:absolute;left:47px;top:28px;width:38px;height:5px;border-radius:3px;background:#ef4444;transform:rotate(-8deg);transition:transform .35s;z-index:4}.b-ccn-alert{position:absolute;right:13px;bottom:12px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:5}.b-ccn-alert::after{content:'!';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900}.bento-card:hover .b-ccn-doc{transform:translateX(-4px);border-color:#a78bfa}.bento-card:hover .b-ccn-clause{transform:rotate(-2deg) scaleX(1.1)}.bento-card:hover .b-ccn-alert{opacity:1;transform:scale(1)}
.b-cb-card{position:absolute;left:13px;top:18px;width:43px;height:29px;border-radius:6px;background:#0f766e;border:2px solid #115e59;transition:transform .35s}.b-cb-card::before{content:'';position:absolute;left:0;right:0;top:8px;height:6px;background:#134e4a}.b-cb-card::after{content:'';position:absolute;left:7px;bottom:6px;width:18px;height:3px;border-radius:2px;background:#ccfbf1}.b-cb-fee{position:absolute;left:50px;bottom:10px;width:26px;height:26px;border-radius:50%;background:#fbbf24;border:2px solid #d97706;transition:transform .35s;z-index:4}.b-cb-fee::after{content:'₺';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b45309;font-size:12px;font-weight:900}.b-cb-bank{position:absolute;right:13px;top:12px;width:32px;height:42px;border-radius:4px;background:#fff;border:2px solid #a7f3d0;transition:transform .35s}.b-cb-bank::before{content:'';position:absolute;left:5px;top:-10px;width:22px;height:12px;background:#10b981;clip-path:polygon(50% 0,100% 100%,0 100%)}.b-cb-bank::after{content:'';position:absolute;left:7px;top:12px;width:4px;height:19px;background:#10b981;box-shadow:9px 0 0 #10b981,18px 0 0 #10b981}.bento-card:hover .b-cb-card{transform:translateX(-4px)}.bento-card:hover .b-cb-fee{transform:translateY(-7px)}.bento-card:hover .b-cb-bank{transform:translateX(4px)}
.b-cs-phone{position:absolute;left:16px;top:10px;width:35px;height:51px;border-radius:7px;background:#1e293b;border:3px solid #64748b;transition:transform .35s}.b-cs-phone::after{content:'';position:absolute;left:8px;top:10px;width:14px;height:20px;border-radius:3px;background:#60a5fa;box-shadow:0 25px 0 -5px #94a3b8}.b-cs-loop{position:absolute;right:18px;top:16px;width:32px;height:32px;border:4px solid #10b981;border-left-color:transparent;border-radius:50%;transition:transform .45s}.b-cs-loop::after{content:'';position:absolute;right:-3px;bottom:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #10b981;transform:rotate(36deg)}.b-cs-cut{position:absolute;right:12px;bottom:11px;width:29px;height:22px;border-radius:5px;background:#ef4444;opacity:0;transform:scale(.6);transition:transform .35s .14s,opacity .2s .14s;z-index:5}.b-cs-cut::after{content:'İPTAL';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:7px;font-weight:900}.bento-card:hover .b-cs-phone{transform:translateX(-4px)}.bento-card:hover .b-cs-loop{transform:rotate(150deg)}.bento-card:hover .b-cs-cut{opacity:1;transform:scale(1)}
.b-ch-house{position:absolute;left:14px;bottom:12px;width:38px;height:31px;border-radius:4px;background:#6366f1;border:2px solid #4f46e5;transition:transform .35s}.b-ch-house::before{content:'';position:absolute;left:4px;top:-18px;width:27px;height:27px;background:#6366f1;border-left:2px solid #4f46e5;border-top:2px solid #4f46e5;transform:rotate(45deg);border-radius:4px 0 0 0}.b-ch-calendar{position:absolute;right:15px;top:11px;width:34px;height:39px;border-radius:5px;background:#fff;border:2px solid #c7d2fe;transition:transform .35s,border-color .35s}.b-ch-calendar::before{content:'';position:absolute;left:-2px;right:-2px;top:-2px;height:10px;border-radius:5px 5px 0 0;background:#4f46e5}.b-ch-key{position:absolute;right:25px;bottom:10px;width:26px;height:9px;border-radius:5px;background:#fbbf24;transform:rotate(-28deg);transition:transform .35s;z-index:4}.b-ch-key::before{content:'';position:absolute;left:-11px;top:-6px;width:15px;height:15px;border-radius:50%;border:4px solid #fbbf24}.b-ch-key::after{content:'';position:absolute;right:2px;bottom:-5px;width:4px;height:6px;background:#d97706;box-shadow:7px 0 0 #d97706}.bento-card:hover .b-ch-house{transform:translateX(-4px)}.bento-card:hover .b-ch-calendar{transform:translateX(4px);border-color:#818cf8}.bento-card:hover .b-ch-key{transform:translate(5px,-5px) rotate(-28deg)}
.b-cv-car{position:absolute;left:12px;bottom:15px;width:48px;height:21px;border-radius:10px 10px 5px 5px;background:#fb7185;border:2px solid #e11d48;transition:transform .35s}.b-cv-car::before{content:'';position:absolute;left:10px;top:-11px;width:25px;height:12px;border-radius:8px 8px 0 0;background:#fecdd3;border:2px solid #e11d48;border-bottom:0}.b-cv-car::after{content:'';position:absolute;left:7px;bottom:-7px;width:8px;height:8px;border-radius:50%;background:#1e293b;box-shadow:26px 0 0 #1e293b}.b-cv-gauge{position:absolute;right:16px;top:13px;width:34px;height:20px;border:3px solid #e11d48;border-bottom:0;border-radius:34px 34px 0 0;transition:transform .35s}.b-cv-gauge::after{content:'';position:absolute;left:15px;bottom:-1px;width:14px;height:3px;border-radius:2px;background:#e11d48;transform:rotate(-35deg);transform-origin:left}.b-cv-doc{position:absolute;right:14px;bottom:9px;width:29px;height:33px;border-radius:5px;background:#fff;border:2px solid #fecdd3;opacity:0;transform:scale(.6);transition:transform .35s .14s,opacity .2s .14s}.bento-card:hover .b-cv-car{transform:translateX(-4px)}.bento-card:hover .b-cv-gauge{transform:rotate(8deg) scale(1.06)}.bento-card:hover .b-cv-doc{opacity:1;transform:scale(1)}
.b-ccol-notice{position:absolute;left:16px;top:10px;width:39px;height:50px;border-radius:5px;background:#fff;border:2px solid #ddd6fe;padding:14px 6px 0;transition:transform .35s,border-color .35s}.b-ccol-notice::before{content:'İCRA';position:absolute;left:6px;top:6px;color:#7c3aed;font-size:8px;font-weight:900}.b-ccol-notice::after{content:'';position:absolute;left:7px;right:7px;top:23px;height:3px;border-radius:2px;background:#ddd6fe;box-shadow:0 9px 0 #ddd6fe}.b-ccol-shield{position:absolute;right:16px;top:12px;width:34px;height:41px;background:rgba(16,185,129,.14);border:3px solid #10b981;clip-path:polygon(50% 0,100% 15%,92% 70%,50% 100%,8% 70%,0 15%);transition:transform .35s,background .35s;z-index:3}.b-ccol-stop{position:absolute;right:9px;bottom:9px;width:24px;height:24px;border-radius:50%;background:#ef4444;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:4}.b-ccol-stop::after{content:'';position:absolute;left:7px;right:7px;top:10px;height:4px;border-radius:2px;background:#fff}.bento-card:hover .b-ccol-notice{transform:translateX(-4px);border-color:#a78bfa}.bento-card:hover .b-ccol-shield{transform:scale(1.08);background:rgba(16,185,129,.24)}.bento-card:hover .b-ccol-stop{opacity:1;transform:scale(1)}


/* Health Law Card Arts */
.b-health-consent,.b-health-malpractice,.b-health-contract,.b-health-data,.b-health-tourism,.b-health-license,.b-health-discipline,.b-health-device,.b-health-ad{position:relative;width:112px;height:70px;display:flex;align-items:center;justify-content:center}
.b-hc-patient{position:absolute;left:15px;bottom:12px;width:20px;height:34px;border-radius:11px 11px 5px 5px;background:#3b82f6;transition:transform .35s}.b-hc-patient::before{content:'';position:absolute;left:3px;top:-14px;width:14px;height:14px;border-radius:50%;background:#2563eb}.b-hc-form{position:absolute;right:17px;top:10px;width:42px;height:51px;border-radius:6px;background:#fff;border:2px solid #bfdbfe;padding:15px 7px 0;display:flex;flex-direction:column;gap:6px;transition:transform .35s,border-color .35s}.b-hc-form::before{content:'';position:absolute;left:8px;top:8px;width:9px;height:9px;border-radius:50%;background:#93c5fd;box-shadow:0 12px 0 1px #bfdbfe}.b-hc-form span{height:3px;border-radius:2px;background:#bfdbfe}.b-hc-check{position:absolute;right:9px;bottom:9px;width:23px;height:23px;border-radius:50%;background:#10b981;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:4}.b-hc-check::after{content:'';position:absolute;left:8px;top:4px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.bento-card:hover .b-hc-patient{transform:translateX(4px)}.bento-card:hover .b-hc-form{transform:translateX(4px);border-color:#60a5fa}.bento-card:hover .b-hc-check{opacity:1;transform:scale(1)}
.b-hm-cross{position:absolute;left:16px;top:15px;width:36px;height:36px;border-radius:7px;background:#fff;border:2px solid #fecdd3;transition:transform .35s}.b-hm-cross::before{content:'';position:absolute;left:15px;top:7px;width:6px;height:22px;background:#e11d48}.b-hm-cross::after{content:'';position:absolute;left:7px;top:15px;width:22px;height:6px;background:#e11d48}.b-hm-file{position:absolute;right:16px;top:10px;width:38px;height:49px;border-radius:5px;background:#fff;border:2px solid #fecdd3;padding:14px 6px 0;display:flex;flex-direction:column;gap:6px;transition:transform .35s,border-color .35s}.b-hm-file::before{content:'';position:absolute;left:7px;top:8px;width:22px;height:14px;border-left:3px solid #fb7185;border-bottom:3px solid #fb7185;clip-path:polygon(0 60%,25% 60%,38% 25%,52% 82%,67% 42%,100% 42%,100% 100%,0 100%);background:transparent}.b-hm-file span{height:3px;border-radius:2px;background:#fecdd3}.b-hm-alert{position:absolute;right:8px;bottom:9px;width:24px;height:24px;border-radius:50%;background:#ef4444;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:5}.b-hm-alert::after{content:'!';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.bento-card:hover .b-hm-cross{transform:translateX(-4px)}.bento-card:hover .b-hm-file{transform:translateX(4px);border-color:#fb7185}.bento-card:hover .b-hm-alert{opacity:1;transform:scale(1)}
.b-hct-clinic{position:absolute;left:13px;bottom:10px;width:39px;height:42px;border-radius:5px;background:#fff;border:2px solid #c7d2fe;transition:transform .35s}.b-hct-clinic::before{content:'';position:absolute;left:14px;top:8px;width:7px;height:23px;background:#6366f1}.b-hct-clinic::after{content:'';position:absolute;left:7px;top:16px;width:23px;height:7px;background:#6366f1}.b-hct-doc{position:absolute;right:15px;top:10px;width:39px;height:50px;border-radius:5px;background:#fff;border:2px solid #ddd6fe;padding:14px 6px 0;display:flex;flex-direction:column;gap:6px;transition:transform .35s,border-color .35s}.b-hct-doc::before{content:'';position:absolute;left:8px;top:9px;width:20px;height:3px;border-radius:2px;background:#a78bfa;box-shadow:0 8px 0 #ddd6fe,0 16px 0 #ddd6fe}.b-hct-doc span{height:3px;border-radius:2px;background:#ddd6fe}.b-hct-pen{position:absolute;right:9px;bottom:12px;width:29px;height:6px;border-radius:4px;background:#1f2937;transform:rotate(-35deg);opacity:0;transition:transform .35s .12s,opacity .2s .12s;z-index:4}.bento-card:hover .b-hct-clinic{transform:translateX(-4px)}.bento-card:hover .b-hct-doc{transform:translateX(4px);border-color:#a78bfa}.bento-card:hover .b-hct-pen{opacity:1;transform:translate(-7px,-6px) rotate(-35deg)}
.b-hd-record{position:absolute;left:15px;top:11px;width:43px;height:49px;border-radius:6px;background:#fff;border:2px solid #ddd6fe;transition:transform .35s,border-color .35s}.b-hd-record::before{content:'';position:absolute;left:8px;top:9px;width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:17px 0 0 #60a5fa,8px 14px 0 #10b981}.b-hd-record::after{content:'';position:absolute;left:8px;right:8px;top:24px;height:3px;border-radius:2px;background:#ddd6fe;box-shadow:0 9px 0 #ddd6fe}.b-hd-lock{position:absolute;right:19px;bottom:12px;width:28px;height:24px;border-radius:5px;background:#10b981;transition:transform .35s;z-index:4}.b-hd-lock::before{content:'';position:absolute;left:6px;top:-15px;width:16px;height:16px;border:4px solid #10b981;border-bottom:0;border-radius:11px 11px 0 0}.b-hd-lock::after{content:'';position:absolute;left:12px;top:8px;width:5px;height:8px;border-radius:3px;background:#fff}.b-hd-shield{position:absolute;right:8px;top:11px;width:28px;height:34px;background:rgba(16,185,129,.14);border:3px solid #10b981;clip-path:polygon(50% 0,100% 15%,92% 70%,50% 100%,8% 70%,0 15%);opacity:0;transform:scale(.6);transition:transform .35s .12s,opacity .2s .12s}.bento-card:hover .b-hd-record{transform:translateX(-4px);border-color:#a78bfa}.bento-card:hover .b-hd-lock{transform:translateX(4px)}.bento-card:hover .b-hd-shield{opacity:1;transform:scale(1)}
.b-ht-globe{position:absolute;left:13px;top:12px;width:42px;height:42px;border-radius:50%;border:3px solid #60a5fa;background:rgba(96,165,250,.12);transition:transform .45s}.b-ht-globe::before{content:'';position:absolute;left:8px;right:8px;top:18px;height:3px;background:#60a5fa}.b-ht-globe::after{content:'';position:absolute;top:6px;bottom:6px;left:17px;width:3px;background:#60a5fa}.b-ht-cross{position:absolute;left:45px;top:18px;width:24px;height:24px;border-radius:5px;background:#ef4444;z-index:3;transition:transform .35s}.b-ht-cross::before{content:'';position:absolute;left:10px;top:5px;width:4px;height:14px;background:#fff}.b-ht-cross::after{content:'';position:absolute;left:5px;top:10px;width:14px;height:4px;background:#fff}.b-ht-passport{position:absolute;right:13px;bottom:10px;width:32px;height:42px;border-radius:5px;background:#2563eb;border:2px solid #1d4ed8;transition:transform .35s}.b-ht-passport::before{content:'';position:absolute;left:10px;top:9px;width:12px;height:12px;border:2px solid #dbeafe;border-radius:50%;background:transparent}.bento-card:hover .b-ht-globe{transform:rotate(28deg)}.bento-card:hover .b-ht-cross{transform:scale(1.08)}.bento-card:hover .b-ht-passport{transform:translateX(4px)}
.b-hl-building{position:absolute;left:14px;bottom:10px;width:39px;height:43px;border-radius:5px;background:#fff;border:2px solid #bfdbfe;transition:transform .35s}.b-hl-building::before{content:'';position:absolute;left:14px;top:7px;width:7px;height:22px;background:#3b82f6}.b-hl-building::after{content:'';position:absolute;left:7px;top:15px;width:21px;height:7px;background:#3b82f6}.b-hl-license{position:absolute;right:14px;top:10px;width:38px;height:49px;border-radius:5px;background:#fff;border:2px solid #bfdbfe;transition:transform .35s,border-color .35s}.b-hl-license::before{content:'';position:absolute;left:8px;top:8px;width:20px;height:3px;border-radius:2px;background:#93c5fd;box-shadow:0 8px 0 #bfdbfe,0 16px 0 #bfdbfe}.b-hl-stamp{position:absolute;right:7px;bottom:9px;width:27px;height:27px;border-radius:50%;border:4px solid #10b981;opacity:0;transform:scale(.55) rotate(-12deg);transition:transform .35s .14s,opacity .2s .14s;z-index:4}.b-hl-stamp::after{content:'';position:absolute;left:8px;top:4px;width:6px;height:12px;border-right:3px solid #10b981;border-bottom:3px solid #10b981;transform:rotate(45deg)}.bento-card:hover .b-hl-building{transform:translateX(-4px)}.bento-card:hover .b-hl-license{transform:translateX(4px);border-color:#60a5fa}.bento-card:hover .b-hl-stamp{opacity:1;transform:scale(1) rotate(-6deg)}
.b-hdi-doctor{position:absolute;left:14px;bottom:11px;width:20px;height:34px;border-radius:11px 11px 5px 5px;background:#3b82f6;transition:transform .35s}.b-hdi-doctor::before{content:'';position:absolute;left:3px;top:-14px;width:14px;height:14px;border-radius:50%;background:#2563eb}.b-hdi-file{position:absolute;left:39px;top:10px;width:36px;height:49px;border-radius:5px;background:#fff;border:2px solid #bfdbfe;padding:14px 6px 0;display:flex;flex-direction:column;gap:6px;transition:transform .35s,border-color .35s}.b-hdi-file::before{content:'';position:absolute;left:7px;top:9px;width:21px;height:3px;border-radius:2px;background:#93c5fd;box-shadow:0 8px 0 #bfdbfe,0 16px 0 #bfdbfe}.b-hdi-file span{height:3px;border-radius:2px;background:#bfdbfe}.b-hdi-gavel{position:absolute;right:8px;bottom:16px;width:31px;height:8px;border-radius:4px;background:#1f2937;transform:rotate(-28deg);transition:transform .35s;z-index:4}.b-hdi-gavel::before{content:'';position:absolute;left:4px;top:-8px;width:15px;height:10px;border-radius:3px;background:#475569}.bento-card:hover .b-hdi-doctor{transform:translateX(4px)}.bento-card:hover .b-hdi-file{transform:translateY(-4px);border-color:#60a5fa}.bento-card:hover .b-hdi-gavel{transform:rotate(-42deg) translateY(-3px)}
.b-hdv-pill{position:absolute;left:15px;top:17px;width:42px;height:20px;border-radius:12px;background:linear-gradient(90deg,#ef4444 0 50%,#fff 50%);border:2px solid #fecdd3;transform:rotate(-28deg);transition:transform .35s}.b-hdv-device{position:absolute;right:17px;top:12px;width:35px;height:45px;border-radius:6px;background:#fff;border:2px solid #fecdd3;transition:transform .35s,border-color .35s}.b-hdv-device::before{content:'';position:absolute;left:8px;top:10px;width:17px;height:17px;border-radius:50%;border:3px solid #fb7185}.b-hdv-device::after{content:'';position:absolute;left:10px;bottom:8px;width:13px;height:4px;border-radius:2px;background:#fecdd3}.b-hdv-warning{position:absolute;left:47px;bottom:9px;width:25px;height:23px;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:4}.b-hdv-warning::after{content:'!';position:absolute;inset:4px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:900}.bento-card:hover .b-hdv-pill{transform:rotate(-8deg) translateY(-4px)}.bento-card:hover .b-hdv-device{transform:translateX(4px);border-color:#fb7185}.bento-card:hover .b-hdv-warning{opacity:1;transform:scale(1)}
.b-ha-megaphone{position:absolute;left:15px;top:24px;width:43px;height:21px;background:#8b5cf6;clip-path:polygon(0 32%,66% 0,100% 0,100% 100%,66% 100%,0 68%);transition:transform .35s}.b-ha-megaphone::after{content:'';position:absolute;left:4px;bottom:-13px;width:8px;height:17px;border-radius:4px;background:#7c3aed;transform:rotate(-18deg)}.b-ha-cross{position:absolute;right:20px;top:15px;width:29px;height:29px;border-radius:7px;background:#fff;border:2px solid #ddd6fe;transition:transform .35s}.b-ha-cross::before{content:'';position:absolute;left:12px;top:6px;width:5px;height:17px;background:#8b5cf6}.b-ha-cross::after{content:'';position:absolute;left:6px;top:12px;width:17px;height:5px;background:#8b5cf6}.b-ha-ban{position:absolute;right:9px;bottom:9px;width:29px;height:29px;border-radius:50%;border:4px solid #ef4444;opacity:0;transform:scale(.55);transition:transform .35s .14s,opacity .2s .14s;z-index:5}.b-ha-ban::after{content:'';position:absolute;left:4px;right:4px;top:10px;height:4px;border-radius:2px;background:#ef4444;transform:rotate(-35deg)}.bento-card:hover .b-ha-megaphone{transform:translateX(-4px) rotate(-4deg)}.bento-card:hover .b-ha-cross{transform:translateX(4px)}.bento-card:hover .b-ha-ban{opacity:1;transform:scale(1)}

/* Health Law Card Arts - refined, no text labels */
.b-hc-form::before{content:'';left:8px;top:8px;width:9px;height:9px;border-radius:50%;background:#93c5fd;box-shadow:0 12px 0 1px #bfdbfe}.b-hc-form::after{content:'';position:absolute;left:22px;right:7px;top:16px;height:3px;border-radius:2px;background:#60a5fa;box-shadow:0 9px 0 #bfdbfe,0 18px 0 #bfdbfe}.b-hc-form span{display:none}.b-hc-check{right:13px;bottom:12px}
.b-hm-file::before{content:'';left:7px;top:8px;width:22px;height:14px;border-left:3px solid #fb7185;border-bottom:3px solid #fb7185;clip-path:polygon(0 60%,25% 60%,38% 25%,52% 82%,67% 42%,100% 42%,100% 100%,0 100%);background:transparent}.b-hm-file::after{content:'';position:absolute;left:9px;right:8px;bottom:10px;height:3px;border-radius:2px;background:#fecdd3;box-shadow:0 8px 0 #fecdd3}.b-hm-file span{display:none}.b-hm-alert{border-radius:0;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%)}.b-hm-alert::after{content:'';left:11px;top:7px;width:3px;height:9px;border-radius:2px;background:#fff;box-shadow:0 11px 0 -1px #fff}
.b-hct-clinic{width:40px;height:45px}.b-hct-clinic::before{left:16px;top:8px;width:7px;height:24px}.b-hct-clinic::after{left:8px;top:16px;width:23px;height:7px}.b-hct-doc::before{content:'';left:8px;top:9px;width:20px;height:3px;border-radius:2px;background:#a78bfa;box-shadow:0 8px 0 #ddd6fe,0 16px 0 #ddd6fe}.b-hct-doc::after{content:'';position:absolute;right:7px;bottom:7px;width:13px;height:13px;border-radius:50%;border:3px solid #10b981}.b-hct-doc span{display:none}
.b-hd-record::before{content:'';left:8px;top:9px;width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:17px 0 0 #60a5fa,8px 14px 0 #10b981}.b-hd-record::after{left:15px;top:17px;width:18px;height:16px;background:transparent;border-top:2px solid #c4b5fd;border-left:2px solid #c4b5fd;border-right:2px solid #c4b5fd;box-shadow:none;clip-path:polygon(0 0,100% 0,100% 100%,52% 100%,52% 25%,48% 25%,48% 100%,0 100%)}.b-hd-shield{right:9px;top:10px}
.b-ht-passport::before{content:'';left:10px;top:9px;width:12px;height:12px;border:2px solid #dbeafe;border-radius:50%;background:transparent}.b-ht-passport::after{content:'';position:absolute;left:8px;right:8px;bottom:9px;height:3px;border-radius:2px;background:#dbeafe;box-shadow:0 -7px 0 #93c5fd}.b-ht-cross{box-shadow:0 0 0 4px rgba(239,68,68,.12)}.b-ht-globe{background:radial-gradient(circle at 31% 34%,rgba(96,165,250,.24),rgba(96,165,250,.08))}
.b-hl-license::before{content:'';left:8px;top:8px;width:20px;height:3px;border-radius:2px;background:#93c5fd;box-shadow:0 8px 0 #bfdbfe,0 16px 0 #bfdbfe}.b-hl-license::after{content:'';position:absolute;right:7px;bottom:7px;width:14px;height:14px;border-radius:50%;border:3px solid #10b981}.b-hl-stamp{background:rgba(16,185,129,.06)}.b-hl-building{box-shadow:inset 0 8px 0 rgba(191,219,254,.45)}
.b-hdi-file::before{content:'';left:7px;top:9px;width:21px;height:3px;border-radius:2px;background:#93c5fd;box-shadow:0 8px 0 #bfdbfe,0 16px 0 #bfdbfe}.b-hdi-file::after{content:'';position:absolute;right:6px;bottom:7px;width:13px;height:13px;border-radius:50%;border:3px solid #ef4444}.b-hdi-file span{display:none}.b-hdi-doctor::after{content:'';position:absolute;left:6px;top:9px;width:8px;height:16px;border-left:3px solid #dbeafe;border-right:3px solid #dbeafe}
.b-hdv-device::before{left:9px;top:9px;width:14px;height:18px;border-radius:7px;border:3px solid #fb7185;border-top-color:#fecdd3}.b-hdv-device::after{left:10px;bottom:8px;width:13px;height:4px;background:#fb7185;box-shadow:0 -9px 0 -1px #fecdd3}.b-hdv-warning{border-radius:0;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%)}.b-hdv-warning::after{content:'';left:11px;top:7px;width:3px;height:9px;border-radius:2px;background:#fff;box-shadow:0 11px 0 -1px #fff}
.b-ha-cross{right:19px;width:31px;height:31px;border-radius:50%;border-color:#ddd6fe}.b-ha-cross::before{left:13px;top:7px;width:5px;height:17px}.b-ha-cross::after{left:7px;top:13px;width:17px;height:5px}.b-ha-ban{right:9px;bottom:9px;background:rgba(255,255,255,.68)}.b-ha-ban::after{left:3px;right:3px;top:10px;height:4px}

/* Health Law Card Arts - richer scenes */
.b-med-consent,.b-med-malpractice,.b-med-contract,.b-med-data,.b-med-tourism,.b-med-license,.b-med-discipline,.b-med-device,.b-med-ad{position:relative;width:118px;height:76px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.b-med-consent::before{content:'';position:absolute;left:11px;right:11px;bottom:13px;height:3px;border-radius:3px;background:rgba(37,99,235,.28)}.bmc-bed{position:absolute;left:14px;bottom:20px;width:53px;height:15px;border-radius:8px 4px 4px 8px;background:#bfdbfe;border:2px solid #3b82f6;transition:transform .4s}.bmc-bed::before{content:'';position:absolute;left:-2px;top:-16px;width:19px;height:18px;border-radius:9px 9px 2px 2px;background:#60a5fa}.bmc-person{position:absolute;left:31px;bottom:31px;width:25px;height:9px;border-radius:9px;background:#2563eb;transition:transform .4s}.bmc-monitor{position:absolute;right:13px;top:12px;width:34px;height:27px;border-radius:5px;background:#fff;border:2px solid #93c5fd;transition:transform .4s,border-color .35s}.bmc-monitor::after{content:'';position:absolute;left:12px;bottom:-8px;width:10px;height:8px;background:#93c5fd}.bmc-monitor i{position:absolute;left:6px;right:6px;top:12px;height:9px;border-left:2px solid #10b981;border-bottom:2px solid #10b981;clip-path:polygon(0 70%,18% 70%,31% 30%,47% 86%,63% 45%,100% 45%,100% 100%,0 100%)}.bmc-clipboard{position:absolute;right:29px;bottom:12px;width:28px;height:38px;border-radius:5px;background:#fff;border:2px solid #60a5fa;padding:9px 5px 0;display:flex;flex-direction:column;gap:5px;transition:transform .45s,border-color .35s;z-index:3}.bmc-clipboard::before{content:'';position:absolute;left:8px;top:-5px;width:11px;height:8px;border-radius:5px 5px 2px 2px;background:#3b82f6}.bmc-clipboard span{height:3px;border-radius:2px;background:#bfdbfe}.bmc-sign{position:absolute;right:16px;bottom:15px;width:21px;height:12px;border-bottom:3px solid #10b981;border-radius:0 0 12px 12px;opacity:0;transform:translateY(5px) scale(.7);transition:transform .35s .18s,opacity .2s .18s;z-index:4}.bmc-sign::after{content:'';position:absolute;right:-4px;bottom:-2px;width:7px;height:12px;border-right:3px solid #10b981;border-bottom:3px solid #10b981;transform:rotate(45deg)}.bento-card:hover .bmc-bed{transform:translateX(-3px)}.bento-card:hover .bmc-person{transform:translateX(4px)}.bento-card:hover .bmc-monitor{transform:translateY(-4px);border-color:#3b82f6}.bento-card:hover .bmc-clipboard{transform:translate(4px,-3px);border-color:#10b981}.bento-card:hover .bmc-sign{opacity:1;transform:translateY(0) scale(1)}
.bmm-table{position:absolute;left:15px;bottom:21px;width:57px;height:12px;border-radius:8px;background:#fecdd3;border:2px solid #fb7185;transition:transform .4s}.bmm-table::after{content:'';position:absolute;left:8px;top:12px;width:4px;height:16px;background:#fb7185;box-shadow:37px 0 0 #fb7185}.bmm-light{position:absolute;left:20px;top:8px;width:34px;height:25px;border-radius:20px 20px 8px 8px;background:#fff;border:2px solid #fb7185;transform:rotate(-16deg);transition:transform .4s}.bmm-light::before{content:'';position:absolute;left:15px;top:22px;width:3px;height:18px;background:#fb7185;transform:rotate(16deg);transform-origin:top}.bmm-chart{position:absolute;right:12px;top:14px;width:40px;height:34px;border-radius:6px;background:#fff;border:2px solid #fecdd3;transition:transform .4s,border-color .35s}.bmm-chart i{position:absolute;left:6px;right:6px;top:12px;height:14px;border-left:3px solid #e11d48;border-bottom:3px solid #e11d48;clip-path:polygon(0 62%,20% 62%,32% 18%,47% 95%,62% 38%,100% 38%,100% 100%,0 100%)}.bmm-scalpel{position:absolute;left:43px;bottom:27px;width:35px;height:5px;border-radius:5px;background:#334155;transform:rotate(-21deg);transition:transform .4s;z-index:3}.bmm-scalpel::before{content:'';position:absolute;right:-8px;top:-3px;border-left:10px solid #94a3b8;border-top:6px solid transparent;border-bottom:6px solid transparent}.bmm-alert{position:absolute;right:15px;bottom:10px;width:25px;height:23px;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;transform:scale(.5);transition:transform .35s .12s,opacity .2s .12s;z-index:4}.bmm-alert::after{content:'!';position:absolute;inset:5px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:12px}.bento-card:hover .bmm-light{transform:rotate(-4deg) translateY(3px)}.bento-card:hover .bmm-table{transform:translateX(-3px)}.bento-card:hover .bmm-chart{transform:translateX(4px);border-color:#fb7185}.bento-card:hover .bmm-scalpel{transform:translate(-5px,-6px) rotate(-8deg)}.bento-card:hover .bmm-alert{opacity:1;transform:scale(1)}
.bmct-clinic{position:absolute;left:13px;bottom:13px;width:34px;height:42px;border-radius:5px;background:#fff;border:2px solid #a5b4fc;transition:transform .4s}.bmct-clinic::before{content:'';position:absolute;left:13px;top:7px;width:7px;height:22px;background:#6366f1}.bmct-clinic::after{content:'';position:absolute;left:6px;top:15px;width:22px;height:7px;background:#6366f1}.bmct-doctor{position:absolute;right:15px;bottom:14px;width:24px;height:31px;border-radius:12px 12px 5px 5px;background:#4338ca;transition:transform .4s}.bmct-doctor::before{content:'';position:absolute;left:5px;top:-13px;width:14px;height:14px;border-radius:50%;background:#6366f1}.bmct-doctor::after{content:'';position:absolute;left:8px;top:7px;width:8px;height:16px;border-left:3px solid #e0e7ff;border-right:3px solid #e0e7ff}.bmct-hand{position:absolute;top:35px;width:25px;height:10px;border-radius:9px;background:#f8c7a8;transition:transform .4s;z-index:4}.bmct-hand.h1{left:40px;transform:rotate(13deg)}.bmct-hand.h2{right:37px;transform:rotate(-13deg);background:#f1b796}.bmct-signature{position:absolute;left:38px;bottom:10px;width:39px;height:14px;border-bottom:3px solid #10b981;border-radius:0 0 18px 18px;opacity:0;transform:scaleX(.55);transition:transform .35s .16s,opacity .2s .16s}.bento-card:hover .bmct-clinic{transform:translateX(-4px)}.bento-card:hover .bmct-doctor{transform:translateX(4px)}.bento-card:hover .bmct-hand.h1{transform:translateX(7px) rotate(3deg)}.bento-card:hover .bmct-hand.h2{transform:translateX(-7px) rotate(-3deg)}.bento-card:hover .bmct-signature{opacity:1;transform:scaleX(1)}
.bmd-server{position:absolute;left:13px;top:14px;width:33px;height:47px;border-radius:6px;background:#fff;border:2px solid #c4b5fd;padding:7px 5px;display:flex;flex-direction:column;gap:5px;transition:transform .4s,border-color .35s}.bmd-server span{height:6px;border-radius:3px;background:#ddd6fe;position:relative}.bmd-server span::after{content:'';position:absolute;right:3px;top:2px;width:3px;height:3px;border-radius:50%;background:#8b5cf6}.bmd-pulse{position:absolute;left:42px;top:21px;width:33px;height:28px;border-top:3px solid #60a5fa;border-right:3px solid #60a5fa;border-bottom:3px solid #60a5fa;clip-path:polygon(0 52%,23% 52%,34% 12%,50% 88%,65% 42%,100% 42%,100% 100%,0 100%);transition:transform .4s}.bmd-vault{position:absolute;right:12px;bottom:14px;width:33px;height:28px;border-radius:6px;background:#10b981;transition:transform .4s}.bmd-vault::before{content:'';position:absolute;left:7px;top:-17px;width:19px;height:18px;border:4px solid #10b981;border-bottom:0;border-radius:13px 13px 0 0}.bmd-vault::after{content:'';position:absolute;left:13px;top:9px;width:7px;height:9px;border-radius:4px;background:#fff}.bmd-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.12);transition:transform .4s}.bmd-node.n1{left:50px;top:12px}.bmd-node.n2{left:61px;bottom:13px;background:#60a5fa}.bmd-node.n3{right:38px;top:22px;background:#10b981}.bento-card:hover .bmd-server{transform:translateX(-4px);border-color:#8b5cf6}.bento-card:hover .bmd-pulse{transform:translateX(4px)}.bento-card:hover .bmd-vault{transform:translateX(4px) scale(1.05)}.bento-card:hover .bmd-node.n1{transform:translate(4px,5px)}.bento-card:hover .bmd-node.n2{transform:translate(-3px,-5px)}.bento-card:hover .bmd-node.n3{transform:translate(4px,-3px)}
.bmt-globe{position:absolute;left:10px;top:13px;width:43px;height:43px;border-radius:50%;border:3px solid #60a5fa;background:radial-gradient(circle at 30% 30%,rgba(14,165,233,.28),rgba(96,165,250,.08));transition:transform .5s}.bmt-globe::before{content:'';position:absolute;left:7px;right:7px;top:18px;height:3px;background:#60a5fa;border-radius:3px}.bmt-globe::after{content:'';position:absolute;top:6px;bottom:6px;left:18px;width:3px;background:#60a5fa;border-radius:3px}.bmt-route{position:absolute;left:41px;top:22px;width:50px;height:28px;border-top:3px dashed #0ea5e9;border-radius:50%;transform:rotate(-10deg);transition:transform .45s}.bmt-plane{position:absolute;left:59px;top:13px;width:24px;height:20px;background:#2563eb;clip-path:polygon(0 42%,100% 0,72% 45%,100% 88%,0 62%,36% 50%);transition:transform .45s;z-index:3}.bmt-suitcase{position:absolute;right:12px;bottom:12px;width:29px;height:28px;border-radius:5px;background:#fff;border:2px solid #93c5fd;transition:transform .4s}.bmt-suitcase::before{content:'';position:absolute;left:8px;top:-7px;width:10px;height:7px;border:2px solid #93c5fd;border-bottom:0;border-radius:5px 5px 0 0}.bmt-cross{position:absolute;right:18px;bottom:18px;width:17px;height:17px;background:#ef4444;border-radius:4px;z-index:3}.bmt-cross::before{content:'';position:absolute;left:7px;top:3px;width:3px;height:11px;background:#fff}.bmt-cross::after{content:'';position:absolute;left:3px;top:7px;width:11px;height:3px;background:#fff}.bento-card:hover .bmt-globe{transform:rotate(30deg)}.bento-card:hover .bmt-route{transform:rotate(-3deg) translateY(-3px)}.bento-card:hover .bmt-plane{transform:translate(18px,8px) rotate(12deg)}.bento-card:hover .bmt-suitcase{transform:translateX(4px)}
.bml-hospital{position:absolute;left:13px;bottom:12px;width:39px;height:45px;border-radius:5px;background:#fff;border:2px solid rgba(255,255,255,.75);transition:transform .4s}.bml-hospital::before{content:'';position:absolute;left:15px;top:7px;width:7px;height:24px;background:#3b82f6}.bml-hospital::after{content:'';position:absolute;left:7px;top:15px;width:23px;height:7px;background:#3b82f6}.bml-magnifier{position:absolute;left:42px;top:15px;width:30px;height:30px;border:4px solid #1d4ed8;border-radius:50%;background:rgba(255,255,255,.3);transition:transform .4s;z-index:4}.bml-magnifier::after{content:'';position:absolute;right:-12px;bottom:-7px;width:16px;height:4px;border-radius:3px;background:#1d4ed8;transform:rotate(45deg)}.bml-checklist{position:absolute;right:13px;top:15px;width:30px;height:39px;border-radius:5px;background:#fff;border:2px solid #bfdbfe;padding:10px 5px 0;display:flex;flex-direction:column;gap:7px;transition:transform .4s,border-color .35s}.bml-checklist span{height:3px;border-radius:2px;background:#bfdbfe}.bml-checklist span::before{content:'';display:block;width:6px;height:4px;border-left:2px solid #10b981;border-bottom:2px solid #10b981;transform:rotate(-45deg) translate(-6px,-2px)}.bml-seal{position:absolute;right:9px;bottom:10px;width:25px;height:25px;border-radius:50%;border:4px solid #10b981;opacity:0;transform:scale(.5) rotate(-12deg);transition:transform .35s .15s,opacity .2s .15s}.bml-seal::after{content:'';position:absolute;left:7px;top:3px;width:6px;height:12px;border-right:3px solid #10b981;border-bottom:3px solid #10b981;transform:rotate(45deg)}.bento-card:hover .bml-hospital{transform:translateX(-4px)}.bento-card:hover .bml-magnifier{transform:translate(4px,4px) scale(1.04)}.bento-card:hover .bml-checklist{transform:translateX(4px);border-color:#60a5fa}.bento-card:hover .bml-seal{opacity:1;transform:scale(1) rotate(-6deg)}
.bmdi-panel{position:absolute;left:13px;top:12px;width:55px;height:20px;border-radius:6px 6px 3px 3px;background:#dbeafe;border:2px solid #60a5fa;transition:transform .4s}.bmdi-panel::before{content:'';position:absolute;left:9px;top:5px;width:8px;height:8px;border-radius:50%;background:#2563eb;box-shadow:16px 0 0 #2563eb,32px 0 0 #2563eb}.bmdi-doctor{position:absolute;left:20px;bottom:10px;width:24px;height:34px;border-radius:12px 12px 5px 5px;background:#2563eb;transition:transform .4s}.bmdi-doctor::before{content:'';position:absolute;left:5px;top:-13px;width:14px;height:14px;border-radius:50%;background:#60a5fa}.bmdi-file{position:absolute;left:48px;bottom:12px;width:31px;height:38px;border-radius:5px;background:#fff;border:2px solid #93c5fd;transition:transform .4s,border-color .35s}.bmdi-file span{position:absolute;left:7px;right:7px;top:12px;height:3px;border-radius:2px;background:#93c5fd;box-shadow:0 8px 0 #bfdbfe,0 16px 0 #bfdbfe}.bmdi-scale{position:absolute;right:11px;bottom:12px;width:31px;height:34px;transition:transform .4s}.bmdi-scale::before{content:'';position:absolute;left:14px;top:0;width:3px;height:31px;background:#334155}.bmdi-scale::after{content:'';position:absolute;left:4px;top:9px;width:23px;height:3px;background:#334155}.bmdi-scale i::before,.bmdi-scale i::after{content:'';position:absolute;top:14px;width:14px;height:9px;border-radius:0 0 10px 10px;border:2px solid #334155;border-top:0}.bmdi-scale i::before{left:0}.bmdi-scale i::after{right:0}.bento-card:hover .bmdi-panel{transform:translateY(-4px)}.bento-card:hover .bmdi-doctor{transform:translateX(4px)}.bento-card:hover .bmdi-file{transform:translateY(-4px);border-color:#2563eb}.bento-card:hover .bmdi-scale{transform:rotate(-8deg)}
.bmv-blister{position:absolute;left:11px;top:16px;width:35px;height:47px;border-radius:8px;background:#fff;border:2px solid #fecdd3;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px;transition:transform .4s}.bmv-blister span{border-radius:50%;background:radial-gradient(circle,#fff 0 35%,#fb7185 36% 100%)}.bmv-implant{position:absolute;right:17px;top:14px;width:34px;height:45px;border-radius:9px;background:#fff;border:2px solid #fb7185;transition:transform .4s,border-color .35s}.bmv-implant::before{content:'';position:absolute;left:10px;top:10px;width:14px;height:18px;border-radius:9px;border:3px solid #fb7185;border-top-color:#fecdd3}.bmv-implant::after{content:'';position:absolute;left:13px;bottom:8px;width:8px;height:8px;border-radius:50%;background:#fb7185}.bmv-signal{position:absolute;left:46px;top:20px;width:28px;height:28px;border:3px solid transparent;border-top-color:#e11d48;border-right-color:#e11d48;border-radius:50%;transform:rotate(45deg);transition:transform .4s}.bmv-warning{position:absolute;left:45px;bottom:9px;width:26px;height:24px;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;transform:scale(.55);transition:transform .35s .15s,opacity .2s .15s;z-index:4}.bmv-warning::after{content:'!';position:absolute;inset:5px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:12px}.bento-card:hover .bmv-blister{transform:rotate(-6deg) translateY(-3px)}.bento-card:hover .bmv-implant{transform:translateX(4px);border-color:#e11d48}.bento-card:hover .bmv-signal{transform:rotate(70deg) scale(1.08)}.bento-card:hover .bmv-warning{opacity:1;transform:scale(1)}
.bma-phone{position:absolute;left:15px;top:10px;width:36px;height:55px;border-radius:9px;background:#fff;border:3px solid #8b5cf6;padding:10px 5px 0;display:flex;flex-direction:column;gap:6px;transition:transform .4s}.bma-phone::before{content:'';position:absolute;left:14px;top:4px;width:8px;height:2px;border-radius:2px;background:#c4b5fd}.bma-phone span{height:9px;border-radius:5px;background:#ddd6fe}.bma-phone span:first-child{background:#8b5cf6}.bma-megaphone{position:absolute;right:14px;top:22px;width:42px;height:22px;background:#7c3aed;clip-path:polygon(0 34%,64% 0,100% 0,100% 100%,64% 100%,0 66%);transition:transform .4s}.bma-megaphone::after{content:'';position:absolute;left:5px;bottom:-12px;width:8px;height:17px;border-radius:4px;background:#6d28d9;transform:rotate(-18deg)}.bma-muted{position:absolute;right:12px;bottom:12px;width:31px;height:31px;border-radius:50%;border:4px solid #ef4444;background:rgba(255,255,255,.74);opacity:.95;transform:scale(.8);transition:transform .35s}.bma-muted::after{content:'';position:absolute;left:4px;right:4px;top:10px;height:4px;border-radius:2px;background:#ef4444;transform:rotate(-35deg)}.bma-cross{position:absolute;right:35px;top:9px;width:22px;height:22px;border-radius:6px;background:#ef4444;opacity:0;transform:scale(.55);transition:transform .35s .15s,opacity .2s .15s}.bma-cross::before{content:'';position:absolute;left:9px;top:4px;width:4px;height:14px;background:#fff}.bma-cross::after{content:'';position:absolute;left:4px;top:9px;width:14px;height:4px;background:#fff}.bento-card:hover .bma-phone{transform:translateX(-4px)}.bento-card:hover .bma-megaphone{transform:translateX(4px) rotate(-5deg)}.bento-card:hover .bma-muted{transform:scale(1)}.bento-card:hover .bma-cross{opacity:1;transform:scale(1)}

/* Health Law Card Arts - requested simplifications */
.bmm-single{position:absolute;left:28px;top:10px;width:62px;height:54px;border-radius:9px;background:#fff;border:3px solid #fb7185;box-shadow:0 8px 0 rgba(225,29,72,.12);transition:transform .4s,border-color .35s}.bmm-single::before{content:'';position:absolute;left:10px;right:10px;top:24px;height:16px;border-left:3px solid #e11d48;border-bottom:3px solid #e11d48;clip-path:polygon(0 58%,19% 58%,31% 17%,47% 93%,62% 38%,100% 38%,100% 100%,0 100%)}.bmm-single::after{content:'';position:absolute;right:8px;top:7px;width:18px;height:18px;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.95}.bmm-single i::before{content:'';position:absolute;right:16px;top:13px;width:3px;height:7px;border-radius:2px;background:#fff;z-index:2}.bmm-single i::after{content:'';position:absolute;right:16px;top:22px;width:3px;height:3px;border-radius:50%;background:#fff;z-index:2}.bento-card:hover .bmm-single{transform:translateY(-4px) scale(1.04);border-color:#e11d48}
.bmd-document{position:absolute;left:24px;top:10px;width:50px;height:58px;border-radius:7px;background:#fff;border:3px solid #c4b5fd;box-shadow:0 9px 0 rgba(124,58,237,.12);transition:transform .42s,border-color .35s}.bmd-document::before{content:'';position:absolute;right:-3px;top:-3px;border-left:16px solid transparent;border-bottom:16px solid #ede9fe}.bmd-document::after{content:'';position:absolute;left:10px;right:10px;top:35px;height:3px;border-radius:2px;background:#ddd6fe;box-shadow:0 9px 0 #ddd6fe}.bmd-kvkk{position:absolute;right:16px;top:24px;width:46px;height:24px;border-radius:7px;background:#7c3aed;color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;box-shadow:0 7px 0 rgba(76,29,149,.15);transform:translateX(-15px) scale(.78);opacity:0;transition:transform .42s .08s,opacity .22s .08s;z-index:3}.bmd-kvkk::after{content:'KVKK'}.bmd-lock-dot{position:absolute;right:26px;bottom:13px;width:18px;height:16px;border-radius:4px;background:#10b981;opacity:0;transform:scale(.6);transition:transform .35s .18s,opacity .2s .18s;z-index:4}.bmd-lock-dot::before{content:'';position:absolute;left:4px;top:-10px;width:10px;height:10px;border:3px solid #10b981;border-bottom:0;border-radius:9px 9px 0 0}.bento-card:hover .bmd-document{transform:translateX(-7px);border-color:#8b5cf6}.bento-card:hover .bmd-kvkk{opacity:1;transform:translateX(0) scale(1)}.bento-card:hover .bmd-lock-dot{opacity:1;transform:scale(1)}
.bmt-robe{position:absolute;left:31px;bottom:0;width:54px;height:38px;border-radius:16px 16px 6px 6px;background:#fff;border:3px solid #dbeafe;box-shadow:inset 0 -12px 0 rgba(219,234,254,.75);transition:transform .4s}.bmt-robe::before{content:'';position:absolute;left:25px;top:3px;width:3px;height:31px;border-radius:3px;background:#bfdbfe}.bmt-robe::after{content:'';position:absolute;left:10px;top:9px;width:10px;height:20px;border-radius:8px;background:#eff6ff;box-shadow:24px 0 0 #eff6ff}.bmt-face{position:absolute;left:34px;top:7px;width:48px;height:47px;border-radius:21px 21px 18px 18px;background:#d79a6b;border:3px solid #9a5a34;transition:transform .4s;z-index:2}.bmt-face::before{content:'';position:absolute;left:9px;top:19px;width:5px;height:5px;border-radius:50%;background:#1f2937;box-shadow:21px 0 0 #1f2937}.bmt-face::after{content:'';position:absolute;left:21px;top:36px;width:7px;height:3px;border-radius:0 0 7px 7px;background:#7c2d12}.bmt-mustache{position:absolute;left:51px;top:33px;width:14px;height:2px;border-radius:4px;background:#3f2417;z-index:4;transition:transform .4s}.bmt-mustache::before,.bmt-mustache::after{content:'';position:absolute;top:0;width:8px;height:2px;border-radius:4px;background:#3f2417}.bmt-mustache::before{left:-3px;transform:rotate(8deg);transform-origin:right center}.bmt-mustache::after{right:-3px;transform:rotate(-8deg);transform-origin:left center}.bmt-grafts{position:absolute;left:41px;top:9px;width:35px;height:15px;border-radius:16px 16px 4px 4px;background:radial-gradient(circle,#1f2937 0 2px,transparent 2.4px) 0 0/8px 8px,rgba(255,255,255,.18);border-bottom:3px solid rgba(31,41,55,.5);z-index:3;transition:transform .4s}.bmt-band{display:none}.bmt-passport{position:absolute;right:10px;bottom:11px;width:24px;height:33px;border-radius:5px;background:#2563eb;border:2px solid #1d4ed8;transition:transform .4s;z-index:4}.bmt-passport::before{content:'';position:absolute;left:7px;top:7px;width:8px;height:8px;border-radius:50%;border:2px solid #dbeafe}.bmt-passport::after{content:'';position:absolute;left:6px;right:6px;bottom:7px;height:3px;border-radius:2px;background:#dbeafe;box-shadow:0 -6px 0 #93c5fd}.bento-card:hover .bmt-robe{transform:translateY(2px)}.bento-card:hover .bmt-face{transform:translateY(-2px)}.bento-card:hover .bmt-mustache{transform:translateY(1px) scale(1.03)}.bento-card:hover .bmt-grafts{transform:translateY(-3px)}.bento-card:hover .bmt-passport{transform:translateX(4px)}
.bmt-mustache{display:none}
.bml-hospital::before{left:11px;top:8px;width:17px;height:17px;border-radius:50%;background:#3b82f6;box-shadow:6px 0 0 #fff}.bml-hospital::after{left:8px;top:31px;width:5px;height:5px;background:#93c5fd;box-shadow:10px 0 0 #93c5fd,20px 0 0 #93c5fd}.bml-checklist span::before{border-left-color:#10b981;border-bottom-color:#10b981}
.bmdi-scale{display:none}.bmdi-panel{left:15px;width:64px}.bmdi-file{right:14px;left:auto}.bento-card:hover .bmdi-scale{transform:none}
.bmv-box{position:absolute;left:27px;top:12px;width:64px;height:49px;border-radius:8px;background:linear-gradient(180deg,#fff 0 42%,#fecdd3 42% 100%);border:3px solid #fb7185;box-shadow:0 9px 0 rgba(225,29,72,.12);transition:transform .42s,border-color .35s}.bmv-box::before{content:'';position:absolute;left:-3px;right:-3px;top:15px;height:8px;background:#ef4444}.bmv-box::after{content:'';position:absolute;left:24px;top:26px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #ef4444}.bmv-box span::before{content:'';position:absolute;left:12px;top:8px;width:40px;height:4px;border-radius:3px;background:#fecdd3}.bmv-box span::after{content:'';position:absolute;left:15px;bottom:8px;width:34px;height:4px;border-radius:3px;background:#fda4af}.bento-card:hover .bmv-box{transform:translateY(-4px) rotate(-3deg);border-color:#e11d48}
.bma-phone{left:38px;top:8px;width:42px;height:60px;border-color:#7c3aed;align-items:center;justify-content:center;padding:0;background:linear-gradient(180deg,#fff,#f5f3ff)}.bma-phone::before{left:16px;top:5px;width:10px;background:#c4b5fd}.bma-phone::after{content:'';position:absolute;left:17px;bottom:5px;width:8px;height:3px;border-radius:2px;background:#ddd6fe}.bma-crescent{position:relative;width:26px;height:26px;border-radius:50%;background:#ef4444;transition:transform .4s}.bma-crescent::before{content:'';position:absolute;left:9px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff}.bma-crescent::after{content:'';position:absolute;right:-1px;top:10px;width:9px;height:9px;background:#ef4444;clip-path:polygon(50% 0,61% 36%,100% 36%,68% 58%,80% 95%,50% 72%,20% 95%,32% 58%,0 36%,39% 36%)}.bento-card:hover .bma-phone{transform:translateY(-4px) scale(1.03)}.bento-card:hover .bma-crescent{transform:rotate(-12deg) scale(1.06)}

/* Capital Adjustment */
.b-capital-adjustment { position: relative; width: 86px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-ca-chart { position: absolute; left: 7px; bottom: 9px; width: 50px; height: 44px; border-left: 2px solid rgba(255,255,255,0.55); border-bottom: 2px solid rgba(255,255,255,0.55); display: flex; align-items: flex-end; gap: 6px; padding-left: 6px; padding-bottom: 2px; }
.b-ca-bar { width: 10px; border-radius: 3px 3px 0 0; background: #a5b4fc; transition: height 0.55s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.35s; }
.b-ca-bar.b1 { height: 18px; }
.b-ca-bar.b2 { height: 30px; background: #818cf8; }
.b-ca-bar.b3 { height: 13px; }
.b-ca-share { position: absolute; right: 8px; top: 9px; width: 34px; height: 34px; border-radius: 50%; background: conic-gradient(#fbbf24 0deg 90deg, #6366f1 90deg 245deg, rgba(255,255,255,0.85) 245deg 360deg); border: 2px solid rgba(255,255,255,0.65); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); }
.b-ca-slice { position: absolute; right: -4px; top: -4px; width: 18px; height: 18px; background: #10b981; border-radius: 0 18px 0 0; clip-path: polygon(0 100%, 100% 0, 100% 100%); opacity: 0; transform: translate(-5px, 5px); transition: transform 0.45s 0.15s, opacity 0.25s 0.15s; }
.b-ca-check { position: absolute; right: 17px; bottom: 8px; width: 18px; height: 18px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(0.45); transition: transform 0.35s 0.3s, opacity 0.2s 0.3s; }
.b-ca-check::after { content: ''; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-ca-bar.b1 { height: 27px; background: #c4b5fd; }
.bento-card:hover .b-ca-bar.b2 { height: 20px; background: #818cf8; }
.bento-card:hover .b-ca-bar.b3 { height: 37px; background: #10b981; }
.bento-card:hover .b-ca-share { transform: rotate(38deg) scale(1.06); }
.bento-card:hover .b-ca-slice { opacity: 1; transform: translate(7px, -7px); }
.bento-card:hover .b-ca-check { opacity: 1; transform: scale(1); }

/* Briefcases (Ortaklık) */
.b-briefcases { position: relative; width: 80px; height: 50px; display: flex; align-items: flex-end; justify-content: center; gap: 4px; }
.b-bc-case { width: 34px; height: 28px; background: #8b5cf6; border-radius: 4px; border: 2px solid #6d28d9; position: relative; transition: transform 0.4s ease; }
.b-bc-case.c2 { background: #a78bfa; border-color: #8b5cf6; }
.b-bc-handle { position: absolute; top: -8px; left: 10px; width: 10px; height: 8px; border: 2px solid currentColor; border-bottom: none; border-radius: 4px 4px 0 0; }
.bento-card:hover .b-bc-case.c1 { transform: translateX(-4px) rotate(-5deg); }
.bento-card:hover .b-bc-case.c2 { transform: translateX(4px) rotate(5deg); }

/* Partner Resolution */
.b-partner-resolution { position: relative; width: 90px; height: 64px; display: flex; align-items: flex-end; justify-content: center; }
.b-pr-partner { position: absolute; bottom: 9px; width: 20px; height: 38px; display: flex; flex-direction: column; align-items: center; gap: 3px; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 2; }
.b-pr-partner.left { left: 9px; }
.b-pr-partner.right { right: 9px; }
.b-pr-head { width: 13px; height: 13px; border-radius: 50%; background: rgba(255,255,255,0.9); }
.b-pr-body { width: 18px; height: 21px; border-radius: 7px 7px 3px 3px; background: #8b5cf6; transition: background 0.35s; }
.b-pr-partner.right .b-pr-body { background: #3b82f6; }
.b-pr-doc { position: absolute; left: 50%; top: 12px; width: 30px; height: 38px; transform: translateX(-50%) scale(0.86); background: #fff; border: 2px solid rgba(255,255,255,0.7); border-radius: 4px; padding: 8px 5px; display: flex; flex-direction: column; gap: 5px; opacity: 0.78; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.35s, border-color 0.35s; z-index: 3; }
.b-pr-line { height: 3px; border-radius: 2px; background: #cbd5e1; transition: background 0.35s; }
.b-pr-line.short { width: 66%; }
.b-pr-seal { position: absolute; right: 5px; bottom: 5px; width: 14px; height: 14px; border-radius: 50%; border: 3px solid #10b981; opacity: 0; transform: scale(0.45); transition: transform 0.35s 0.18s, opacity 0.2s 0.18s; }
.b-pr-seal::after { content: ''; position: absolute; left: 4px; top: 1px; width: 3px; height: 7px; border-right: 2px solid #10b981; border-bottom: 2px solid #10b981; transform: rotate(45deg); }
.b-pr-bridge { position: absolute; left: 28px; right: 28px; bottom: 22px; height: 3px; border-radius: 3px; background: rgba(255,255,255,0.45); transform: scaleX(0.35); transition: transform 0.45s, background 0.35s; z-index: 1; }
.bento-card:hover .b-pr-partner.left { transform: translateX(8px); }
.bento-card:hover .b-pr-partner.right { transform: translateX(-8px); }
.bento-card:hover .b-pr-body { background: #7c3aed; }
.bento-card:hover .b-pr-partner.right .b-pr-body { background: #2563eb; }
.bento-card:hover .b-pr-doc { opacity: 1; transform: translateX(-50%) translateY(-4px) scale(1); border-color: #10b981; }
.bento-card:hover .b-pr-line { background: #94a3b8; }
.bento-card:hover .b-pr-seal { opacity: 1; transform: scale(1); }
.bento-card:hover .b-pr-bridge { transform: scaleX(1); background: #10b981; }

/* General Assembly Cancellation */
.b-general-assembly-cancel { position: relative; width: 78px; height: 62px; display: flex; align-items: center; justify-content: center; }
.b-gac-table { position: relative; width: 52px; height: 36px; border: 2px solid #94a3b8; border-radius: 18px; background: rgba(255,255,255,0.72); box-shadow: inset 0 0 0 5px rgba(148,163,184,0.12); transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.35s; }
.b-gac-seat { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: #64748b; border: 2px solid #f8fafc; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.35s; }
.b-gac-seat.s1 { top: -12px; left: 20px; }
.b-gac-seat.s2 { right: -12px; top: 12px; }
.b-gac-seat.s3 { bottom: -12px; left: 20px; }
.b-gac-seat.s4 { left: -12px; top: 12px; }
.b-gac-doc { position: absolute; left: 50%; top: 50%; width: 26px; height: 32px; transform: translate(-50%, -50%) rotate(-4deg); background: #fff; border: 2px solid #cbd5e1; border-radius: 3px; padding: 6px 4px; display: flex; flex-direction: column; gap: 4px; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.35s; }
.b-gac-line { width: 100%; height: 3px; border-radius: 2px; background: #cbd5e1; transition: background 0.35s; }
.b-gac-line.short { width: 65%; }
.b-gac-stamp { position: absolute; right: 5px; bottom: 1px; width: 19px; height: 19px; border: 3px solid #e11d48; border-radius: 50%; opacity: 0; transform: rotate(-18deg) scale(0.45); transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) 0.18s, opacity 0.2s 0.18s; }
.b-gac-stamp::before,
.b-gac-stamp::after { content: ''; position: absolute; left: 3px; right: 3px; top: 7px; height: 3px; border-radius: 2px; background: #e11d48; }
.b-gac-stamp::before { transform: rotate(45deg); }
.b-gac-stamp::after { transform: rotate(-45deg); }
.bento-card:hover .b-gac-table { transform: translateY(-3px); border-color: #64748b; }
.bento-card:hover .b-gac-seat { background: #0ea5e9; }
.bento-card:hover .b-gac-seat.s1 { transform: translateY(5px); }
.bento-card:hover .b-gac-seat.s2 { transform: translateX(-5px); }
.bento-card:hover .b-gac-seat.s3 { transform: translateY(-5px); }
.bento-card:hover .b-gac-seat.s4 { transform: translateX(5px); }
.bento-card:hover .b-gac-doc { transform: translate(-50%, -58%) rotate(0deg); border-color: #94a3b8; }
.bento-card:hover .b-gac-line { background: #94a3b8; }
.bento-card:hover .b-gac-stamp { opacity: 1; transform: rotate(-12deg) scale(1); }

/* Company Liquidation */
.b-company-liquidation { position: relative; width: 86px; height: 66px; display: flex; align-items: flex-end; justify-content: center; }
.b-cl-building { position: absolute; left: 10px; bottom: 6px; width: 34px; height: 48px; border-radius: 4px 4px 2px 2px; background: #334155; border: 2px solid rgba(255,255,255,0.35); display: grid; grid-template-columns: repeat(2, 7px); grid-auto-rows: 7px; gap: 5px; justify-content: center; align-content: start; padding-top: 8px; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s; z-index: 2; }
.b-cl-window { border-radius: 2px; background: #fbbf24; transition: background 0.35s, opacity 0.35s; }
.b-cl-door { position: absolute; bottom: 0; left: 11px; width: 10px; height: 13px; border-radius: 3px 3px 0 0; background: #0f172a; transition: transform 0.45s, background 0.35s; transform-origin: left center; }
.b-cl-ledger { position: absolute; right: 8px; bottom: 9px; width: 34px; height: 43px; background: #fff; border: 2px solid rgba(255,255,255,0.65); border-radius: 4px; padding: 8px 5px; display: flex; flex-direction: column; gap: 5px; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 3; }
.b-cl-line { height: 3px; border-radius: 2px; background: #cbd5e1; transition: background 0.35s; }
.b-cl-line.short { width: 68%; }
.b-cl-seal { position: absolute; right: 5px; bottom: 5px; width: 15px; height: 15px; border-radius: 50%; border: 3px solid #10b981; opacity: 0; transform: scale(0.45); transition: transform 0.35s 0.2s, opacity 0.2s 0.2s; }
.b-cl-seal::after { content: ''; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border-right: 2px solid #10b981; border-bottom: 2px solid #10b981; transform: rotate(45deg); }
.b-cl-arrow { position: absolute; left: 42px; bottom: 27px; width: 0; height: 3px; border-radius: 3px; background: #fbbf24; transition: width 0.45s; z-index: 1; }
.b-cl-arrow::after { content: ''; position: absolute; right: -5px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #fbbf24; }
.bento-card:hover .b-cl-building { transform: translateX(-4px); opacity: 0.72; }
.bento-card:hover .b-cl-window { background: #94a3b8; opacity: 0.72; }
.bento-card:hover .b-cl-door { transform: rotateY(-55deg); background: #64748b; }
.bento-card:hover .b-cl-ledger { transform: translate(4px, -4px); }
.bento-card:hover .b-cl-line { background: #94a3b8; }
.bento-card:hover .b-cl-seal { opacity: 1; transform: scale(1); }
.bento-card:hover .b-cl-arrow { width: 22px; }

/* Chess Knight (Rekabet) */
.b-chess-knight { position: relative; width: 60px; height: 60px; display: flex; align-items: flex-end; justify-content: flex-start; }
.b-ck-piece { width: 24px; height: 36px; background: #0ea5e9; border-radius: 8px 12px 4px 4px; position: relative; border: 2px solid #0284c7; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 2;}
.b-ck-snout { position: absolute; top: 6px; right: -12px; width: 16px; height: 12px; background: #0ea5e9; border-radius: 0 8px 8px 0; border: 2px solid #0284c7; border-left: none; }
.b-ck-base { position: absolute; bottom: -4px; left: -4px; width: 32px; height: 6px; background: #0284c7; border-radius: 2px; }
.b-ck-eye { position: absolute; top: 8px; right: 4px; width: 4px; height: 4px; background: #fff; border-radius: 50%; }
.b-ck-track { position: absolute; bottom: 0; left: -10px; width: 80px; height: 2px; border-bottom: dashed 2px #cbd5e1; z-index: 1;}
.bento-card:hover .b-ck-piece { transform: translateX(20px) translateY(-5px); }

/* Cartel Break */
.b-cartel-break { position: relative; width: 86px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-cb-node { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #0ea5e9; border: 3px solid rgba(255,255,255,0.9); box-shadow: 0 5px 14px rgba(14,165,233,0.22); transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.35s, box-shadow 0.35s; z-index: 3; }
.b-cb-node::after { content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: #fff; transform: translate(-50%, -50%); opacity: 0.8; }
.b-cb-node.n1 { left: 9px; top: 12px; }
.b-cb-node.n2 { right: 9px; top: 12px; }
.b-cb-node.n3 { left: 33px; bottom: 8px; }
.b-cb-link { position: absolute; height: 4px; border-radius: 4px; background: #ef4444; transform-origin: left center; opacity: 0.8; transition: transform 0.45s, opacity 0.35s, background 0.35s; z-index: 1; }
.b-cb-link.l1 { left: 28px; top: 22px; width: 32px; }
.b-cb-link.l2 { left: 24px; top: 31px; width: 31px; transform: rotate(53deg); }
.b-cb-link.l3 { right: 25px; top: 31px; width: 31px; transform: rotate(127deg); transform-origin: right center; }
.b-cb-break { position: absolute; left: 50%; top: 24px; width: 15px; height: 22px; transform: translateX(-50%) scale(0.45); opacity: 0; z-index: 4; transition: transform 0.35s 0.16s, opacity 0.2s 0.16s; }
.b-cb-break::before,
.b-cb-break::after { content: ''; position: absolute; left: 6px; top: 0; width: 4px; height: 22px; border-radius: 3px; background: #ef4444; }
.b-cb-break::before { transform: rotate(28deg); }
.b-cb-break::after { transform: rotate(-28deg); }
.b-cb-compliance { position: absolute; left: 50%; bottom: 3px; width: 22px; height: 22px; border-radius: 50%; background: #10b981; opacity: 0; transform: translateX(-50%) scale(0.45); transition: transform 0.35s 0.28s, opacity 0.2s 0.28s; z-index: 5; }
.b-cb-compliance::after { content: ''; position: absolute; left: 8px; top: 4px; width: 5px; height: 10px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-cb-node { background: #10b981; box-shadow: 0 5px 16px rgba(16,185,129,0.24); }
.bento-card:hover .b-cb-node.n1 { transform: translate(-7px, -2px); }
.bento-card:hover .b-cb-node.n2 { transform: translate(7px, -2px); }
.bento-card:hover .b-cb-node.n3 { transform: translateY(7px); }
.bento-card:hover .b-cb-link.l1 { transform: scaleX(0.32); opacity: 0.25; background: #94a3b8; }
.bento-card:hover .b-cb-link.l2 { transform: rotate(53deg) scaleX(0.35); opacity: 0.25; background: #94a3b8; }
.bento-card:hover .b-cb-link.l3 { transform: rotate(127deg) scaleX(0.35); opacity: 0.25; background: #94a3b8; }
.bento-card:hover .b-cb-break { opacity: 1; transform: translateX(-50%) scale(1); }
.bento-card:hover .b-cb-compliance { opacity: 1; transform: translateX(-50%) scale(1); }

/* Gavel (Uyuşmazlık Çözümü) */
.b-gavel { position: relative; width: 70px; height: 60px; display: flex; align-items: flex-end; justify-content: center; }
.b-gv-block { width: 36px; height: 12px; background: #b45309; border-radius: 4px; border: 2px solid #78350f; position: absolute; bottom: 0; z-index: 1;}
.b-gv-hammer { position: absolute; right: 0; bottom: 20px; width: 40px; height: 30px; transform-origin: bottom right; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); transform: rotate(30deg); z-index: 2;}
.b-gv-head { position: absolute; top: 0; left: 0; width: 24px; height: 16px; background: #d97706; border-radius: 4px; border: 2px solid #92400e; }
.b-gv-handle { position: absolute; top: 6px; left: 22px; width: 24px; height: 6px; background: #92400e; border-radius: 0 4px 4px 0; }
.b-gv-spark { position: absolute; bottom: 12px; left: 18px; width: 12px; height: 12px; border: 2px solid #fbbf24; border-radius: 50%; opacity: 0; transition: transform 0.3s, opacity 0.3s; transform: scale(0); z-index: 3;}
.bento-card:hover .b-gv-hammer { transform: rotate(0deg) translateY(6px); }
.bento-card:hover .b-gv-spark { opacity: 1; transform: scale(1.5); transition-delay: 0.1s; border-color: transparent; border-top-color: #fbbf24; border-right-color: #fbbf24; }

/* Commercial Dispute Resolution */
.b-commercial-dispute { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-cdossier { position: absolute; top: 14px; width: 30px; height: 38px; background: #fff; border: 2px solid rgba(255,255,255,0.65); border-radius: 4px; padding: 8px 5px; display: flex; flex-direction: column; gap: 5px; transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.35s; }
.b-cdossier.left { left: 4px; transform: rotate(-7deg); }
.b-cdossier.right { right: 4px; transform: rotate(7deg); }
.b-cdossier-line { height: 3px; border-radius: 2px; background: #cbd5e1; transition: background 0.35s; }
.b-cdossier-line.short { width: 65%; }
.b-cd-route { position: absolute; left: 33px; right: 33px; top: 32px; height: 10px; display: flex; align-items: center; justify-content: space-between; z-index: 3; }
.b-cd-route::before { content: ''; position: absolute; left: 4px; right: 4px; top: 4px; height: 2px; background: rgba(255,255,255,0.45); }
.b-cd-route span { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #cbd5e1; transition: background 0.35s, transform 0.35s; z-index: 1; }
.b-cd-gavel { position: absolute; left: 50%; bottom: 5px; width: 34px; height: 22px; transform: translateX(-50%) rotate(-18deg); transform-origin: 80% 80%; transition: transform 0.38s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 4; }
.b-cd-gavel-head { position: absolute; left: 0; top: 2px; width: 19px; height: 12px; background: #fbbf24; border-radius: 3px; border: 2px solid #d97706; }
.b-cd-gavel-handle { position: absolute; left: 17px; top: 8px; width: 22px; height: 5px; background: #92400e; border-radius: 4px; }
.b-cd-check { position: absolute; top: 5px; left: 50%; width: 18px; height: 18px; border-radius: 50%; background: #10b981; opacity: 0; transform: translateX(-50%) scale(0.45); transition: transform 0.35s 0.25s, opacity 0.2s 0.25s; z-index: 5; }
.b-cd-check::after { content: ''; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-cdossier.left { transform: translateX(-6px) rotate(-3deg); border-color: rgba(251,191,36,0.8); }
.bento-card:hover .b-cdossier.right { transform: translateX(6px) rotate(3deg); border-color: rgba(251,191,36,0.8); }
.bento-card:hover .b-cdossier-line { background: #94a3b8; }
.bento-card:hover .b-cd-route span:nth-child(1) { background: #fbbf24; transform: translateY(-3px); }
.bento-card:hover .b-cd-route span:nth-child(2) { background: #38bdf8; transform: translateY(-3px); transition-delay: 0.1s; }
.bento-card:hover .b-cd-route span:nth-child(3) { background: #10b981; transform: translateY(-3px); transition-delay: 0.2s; }
.bento-card:hover .b-cd-gavel { transform: translateX(-50%) rotate(0deg) translateY(4px); }
.bento-card:hover .b-cd-check { opacity: 1; transform: translateX(-50%) scale(1); }

/* === Gayrimenkul Hukuku Literal Arts === */

/* Keys House (Taşınmaz Alım-Satım) */
.b-keys-house { position: relative; width: 78px; height: 66px; display: flex; align-items: flex-end; justify-content: center; }
.b-keys-house::before { content: ''; position: absolute; left: 2px; top: 10px; width: 30px; height: 39px; background: #fff; border: 2px solid #bfdbfe; border-radius: 4px; box-shadow: inset 0 9px 0 rgba(191,219,254,.45); transform: rotate(-5deg); transition: transform .45s, border-color .35s; }
.b-keys-house::after { content: ''; position: absolute; left: 11px; top: 33px; width: 13px; height: 13px; border-radius: 50%; border: 3px solid #10b981; opacity: 0; transform: scale(.5); transition: transform .35s .2s, opacity .2s .2s; }
.b-kh-house { width: 40px; height: 36px; background: #3b82f6; border-radius: 3px; position: relative; border: 2px solid #2563eb; box-shadow: 0 8px 18px rgba(37,99,235,.16); z-index: 2; transition: transform .45s cubic-bezier(.34,1.56,.64,1); }
.b-kh-house::before { content: ''; position: absolute; top: -20px; left: -4px; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 18px solid #2563eb; }
.b-kh-door { position: absolute; bottom: 0; left: 12px; width: 12px; height: 20px; background: #1e3a8a; border-radius: 4px 4px 0 0; }
.b-kh-key { position: absolute; bottom: 8px; right: -8px; width: 16px; height: 6px; background: #fbbf24; border-radius: 0 3px 3px 0; transition: transform 0.5s ease, opacity 0.3s; opacity: 0; transform: translateX(10px); z-index: 3; }
.b-kh-key::before { content: ''; position: absolute; left: -8px; top: -3px; width: 12px; height: 12px; border: 3px solid #fbbf24; border-radius: 50%; box-sizing: border-box; }
.b-kh-key::after { content: ''; position: absolute; bottom: -4px; right: 4px; width: 4px; height: 6px; background: #fbbf24; box-shadow: -6px 0 0 #fbbf24; }
.bento-card:hover .b-keys-house::before { transform: rotate(0deg) translate(-3px,-2px); border-color: #60a5fa; }
.bento-card:hover .b-keys-house::after { opacity: 1; transform: scale(1); }
.bento-card:hover .b-kh-house { transform: translateX(4px); }
.bento-card:hover .b-kh-key { transform: translateX(-16px); opacity: 1; }

/* Lease Contract (Kira Hukuku) */
.b-lease-contract { position: relative; width: 54px; height: 70px; background: #fff; border: 2px solid #fecdd3; border-radius: 5px; padding: 8px; box-shadow: 0 8px 18px rgba(244,63,94,.12); display: flex; flex-direction: column; align-items: center; transition: transform .45s, border-color .35s; }
.b-lease-contract::after { content: ''; position: absolute; right: -12px; bottom: 11px; width: 18px; height: 18px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; opacity: 0; transform: translateY(8px) scale(.75); transition: transform .35s .18s, opacity .2s .18s; }
.b-lc-house-icon { width: 16px; height: 14px; background: #f43f5e; position: relative; margin-bottom: 8px; margin-top: 6px;}
.b-lc-house-icon::before { content: ''; position: absolute; top: -8px; left: -2px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #f43f5e; }
.b-lc-text { width: 100%; height: 4px; background: #e5e7eb; margin-bottom: 4px; border-radius: 2px; }
.b-lc-sign { position: absolute; bottom: 8px; right: 8px; width: 20px; height: 12px; }
.b-lc-sign path { fill: none; stroke: #1e3a8a; stroke-width: 2; stroke-dasharray: 40; stroke-dashoffset: 40; transition: stroke-dashoffset 0.8s ease; }
.bento-card:hover .b-lease-contract { transform: translateY(-3px); border-color: #f43f5e; }
.bento-card:hover .b-lease-contract::after { opacity: 1; transform: translateY(0) scale(1); }
.bento-card:hover .b-lc-sign path { stroke-dashoffset: 0; }

/* Construction Crane (İmar Hukuku) */
.b-construction-crane { position: relative; width: 86px; height: 70px; display: flex; align-items: flex-end; }
.b-construction-crane::before { content: ''; position: absolute; right: 4px; bottom: 4px; width: 28px; height: 36px; background: #fff; border: 2px solid #c7d2fe; border-radius: 4px; box-shadow: inset 0 8px 0 rgba(199,210,254,.55); transition: transform .45s, border-color .35s; }
.b-cc-tower { width: 6px; height: 60px; border-left: 2px solid #ea580c; border-right: 2px solid #ea580c; background: repeating-linear-gradient(0deg, transparent, transparent 4px, #ea580c 4px, #ea580c 6px); margin-left: 20px; }
.b-cc-arm { position: absolute; top: 10px; left: 5px; width: 60px; height: 6px; border-top: 2px solid #ea580c; border-bottom: 2px solid #ea580c; background: repeating-linear-gradient(90deg, transparent, transparent 4px, #ea580c 4px, #ea580c 6px); }
.b-cc-counterweight { position: absolute; top: 10px; left: 0; width: 10px; height: 12px; background: #9ca3af; }
.b-cc-cable { position: absolute; top: 16px; right: 20px; width: 2px; height: 20px; background: #64748b; transition: height 0.5s ease; }
.b-cc-hook { position: absolute; top: 35px; right: 14px; width: 14px; height: 8px; border: 2px solid #475569; border-top: none; border-radius: 0 0 4px 4px; transition: transform .5s ease; }
.b-cc-block { position: absolute; bottom: 0; right: 14px; width: 14px; height: 14px; background: #cbd5e1; border: 2px solid #94a3b8; border-radius: 2px; transition: transform 0.5s ease; }
.bento-card:hover .b-construction-crane::before { transform: translateY(-3px); border-color: #818cf8; }
.bento-card:hover .b-cc-cable { height: 34px; }
.bento-card:hover .b-cc-block { transform: translateY(-14px); }
.bento-card:hover .b-cc-hook { transform: translateY(14px); }

/* Apartment Building (Kat Mülkiyeti) */
.b-apartment-building { position: relative; width: 70px; height: 70px; display: flex; align-items: flex-end; justify-content: center; }
.b-ab-structure { width: 40px; height: 60px; background: #8b5cf6; border-radius: 4px 4px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; padding: 6px; border: 2px solid #6d28d9; }
.b-ab-floor { background: #5b21b6; border-radius: 2px; position: relative; overflow: hidden; }
.b-ab-light { position: absolute; inset: 0; background: #fbbf24; opacity: 0; transition: opacity 0.3s ease; }
.b-apartment-building::after { content: ''; position: absolute; right: 4px; bottom: 9px; width: 19px; height: 24px; border-radius: 4px; background: #fff; border: 2px solid #ddd6fe; box-shadow: inset 0 7px 0 rgba(221,214,254,.65); opacity: 0; transform: translateX(-5px); transition: transform .35s .12s, opacity .2s .12s; }
.bento-card:hover .b-ab-floor:nth-child(3) .b-ab-light { opacity: 1; }
.bento-card:hover .b-apartment-building::after { opacity: 1; transform: translateX(0); }

/* Excavator (Kamulaştırma) */
.b-excavator { position: relative; width: 70px; height: 50px; display: flex; align-items: flex-end; }
.b-ex-body { position: absolute; right: 10px; bottom: 6px; width: 30px; height: 20px; background: #eab308; border-radius: 4px 4px 0 0; z-index: 2; }
.b-ex-cab { position: absolute; right: 26px; bottom: 26px; width: 14px; height: 16px; background: #ca8a04; border-radius: 4px 4px 0 0; border: 2px solid #a16207; border-bottom: none; z-index: 2;}
.b-ex-tracks { position: absolute; right: 6px; bottom: 0; width: 38px; height: 10px; background: #475569; border-radius: 6px; border: 2px solid #334155; z-index: 3; }
.b-ex-arm { position: absolute; right: 36px; bottom: 16px; width: 30px; height: 6px; background: #eab308; transform-origin: right center; transform: rotate(-30deg); border: 2px solid #ca8a04; border-radius: 3px; z-index: 1; transition: transform 0.5s ease; }
.b-ex-bucket { position: absolute; left: -10px; top: -6px; width: 14px; height: 16px; background: #94a3b8; border-radius: 0 0 8px 8px; border: 2px solid #64748b; transform-origin: top center; transition: transform 0.5s ease; transform: rotate(20deg); }
.b-ex-dirt { position: absolute; left: 10px; bottom: 0; width: 24px; height: 12px; background: #78350f; border-radius: 12px 12px 0 0; opacity: 0; transition: opacity 0.3s, transform 0.5s; transform: scale(0.5); }
.bento-card:hover .b-ex-arm { transform: rotate(-10deg); }
.bento-card:hover .b-ex-bucket { transform: rotate(-20deg); }
.bento-card:hover .b-ex-dirt { opacity: 1; transform: scale(1); }

/* Globe House (Yabancı Yatırımcı) */
.b-globe-house { position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.b-gh-globe { width: 44px; height: 44px; border: 2px solid #0ea5e9; border-radius: 50%; position: relative; overflow: hidden; background: #e0f2fe; }
.b-gh-lat { position: absolute; top: 50%; left: 0; width: 100%; height: 20px; border-top: 2px solid #bae6fd; border-bottom: 2px solid #bae6fd; transform: translateY(-50%); border-radius: 50%; }
.b-gh-lon { position: absolute; left: 50%; top: 0; width: 20px; height: 100%; border-left: 2px solid #bae6fd; border-right: 2px solid #bae6fd; transform: translateX(-50%); border-radius: 50%; }
.b-gh-pin { position: absolute; top: -10px; left: 24px; width: 12px; height: 16px; background: #ef4444; border-radius: 50% 50% 50% 0; transform: rotate(-45deg) translateY(-20px); opacity: 0; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s; }
.b-gh-pin::after { content: ''; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; background: #fff; border-radius: 50%; }
.bento-card:hover .b-gh-pin { transform: rotate(-45deg) translateY(0); opacity: 1; }

/* Build Contract (İnşaat Sözleşmeleri) */
.b-build-contract { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-bct-plan { position: absolute; left: 8px; top: 10px; width: 42px; height: 44px; border: 2px solid #cbd5e1; border-radius: 5px; background: linear-gradient(135deg, #fff 0 72%, #f1f5f9 72%); box-shadow: inset 0 0 0 5px rgba(203,213,225,.18); }
.b-bct-plan::before { content: ''; position: absolute; left: 8px; top: 10px; width: 20px; height: 14px; border-left: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8; transform: skewX(-15deg); }
.b-bct-bars { position: absolute; left: 17px; top: 37px; width: 23px; height: 3px; background: #cbd5e1; box-shadow: 0 6px 0 #cbd5e1; border-radius: 2px; transition: background 0.35s, box-shadow 0.35s; }
.b-bct-pencil { position: absolute; right: 12px; bottom: 15px; width: 30px; height: 6px; background: #7c3aed; border-radius: 4px 0 0 4px; transform: rotate(-28deg); transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); }
.b-bct-pencil::before { content: ''; position: absolute; left: -6px; top: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 7px solid #7c3aed; }
.b-bct-alert { position: absolute; right: 8px; top: 9px; width: 18px; height: 18px; border-radius: 50%; background: #ef4444; color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.5); transition: transform 0.35s 0.15s, opacity 0.2s 0.15s; }
.b-bct-alert::after { content: '!'; }
.bento-card:hover .b-bct-plan { border-color: #a78bfa; }
.bento-card:hover .b-bct-bars { background: #a78bfa; box-shadow: 0 6px 0 #a78bfa; }
.bento-card:hover .b-bct-pencil { transform: translate(-6px, -5px) rotate(-28deg); }
.bento-card:hover .b-bct-alert { opacity: 1; transform: scale(1); }

/* Partition Auction (Ortaklığın Giderilmesi) */
.b-partition-auction { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-partition-auction::before { content: ''; position: absolute; left: 30px; top: 13px; width: 31px; height: 31px; border-radius: 5px; background: linear-gradient(90deg, #e0e7ff 0 48%, #fff 48% 52%, #c7d2fe 52%); border: 2px solid #818cf8; transform: rotate(45deg); transition: transform .4s; }
.b-pa-owners { position: absolute; left: 7px; bottom: 12px; display: flex; gap: 5px; }
.b-pa-owners span { position: relative; width: 14px; height: 22px; border-radius: 7px 7px 3px 3px; background: #6366f1; transition: transform 0.35s, background 0.35s; }
.b-pa-owners span::before { content: ''; position: absolute; top: -9px; left: 2px; width: 10px; height: 10px; border-radius: 50%; background: #6366f1; transition: background 0.35s; }
.b-pa-gavel { position: absolute; right: 15px; top: 20px; width: 26px; height: 7px; background: #92400e; border-radius: 5px; transform: rotate(-24deg); transform-origin: right center; transition: transform 0.4s; }
.b-pa-gavel::before { content: ''; position: absolute; left: -8px; top: -3px; width: 12px; height: 13px; background: #d97706; border-radius: 3px; }
.b-pa-tag { position: absolute; right: 8px; bottom: 8px; width: 22px; height: 18px; border-radius: 4px; background: #ef4444; opacity: 0; transform: translateY(5px); transition: transform 0.35s 0.15s, opacity 0.2s 0.15s; }
.b-pa-tag::after { content: ''; position: absolute; left: 6px; top: 4px; width: 8px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.bento-card:hover .b-partition-auction::before { transform: rotate(45deg) scale(1.08); }
.bento-card:hover .b-pa-owners span { background: #4f46e5; transform: translateY(-3px); }
.bento-card:hover .b-pa-owners span::before { background: #4f46e5; }
.bento-card:hover .b-pa-gavel { transform: rotate(-2deg); }
.bento-card:hover .b-pa-tag { opacity: 1; transform: translateY(0); }

/* Ecrimisil Ledger (Ecrimisil) */
.b-ecrimisil-ledger { position: relative; width: 88px; height: 64px; display: flex; align-items: center; justify-content: center; }
.b-ecrimisil-ledger::before { content: ''; position: absolute; left: 8px; bottom: 9px; width: 28px; height: 20px; border-radius: 4px 4px 2px 2px; background: #94a3b8; opacity: .55; transform: skewX(-8deg); }
.b-el-sheet { position: absolute; left: 17px; top: 8px; width: 36px; height: 45px; border: 2px solid #cbd5e1; border-radius: 4px; background: #fff; z-index: 2; }
.b-el-lines { position: absolute; left: 24px; top: 18px; width: 22px; height: 3px; background: #cbd5e1; box-shadow: 0 7px 0 #cbd5e1, 0 14px 0 #cbd5e1; border-radius: 2px; transition: background 0.35s, box-shadow 0.35s; z-index: 3; }
.b-el-clock { position: absolute; right: 13px; top: 10px; width: 20px; height: 20px; border: 2px solid #3b82f6; border-radius: 50%; background: #eff6ff; z-index: 4; }
.b-el-clock::before { content: ''; position: absolute; left: 8px; top: 4px; width: 2px; height: 6px; background: #3b82f6; transform-origin: bottom; }
.b-el-clock::after { content: ''; position: absolute; left: 8px; top: 8px; width: 5px; height: 2px; background: #3b82f6; transform-origin: left; transition: transform 0.4s; }
.b-el-coin { position: absolute; right: 10px; bottom: 8px; width: 20px; height: 20px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; opacity: 0.9; transition: transform 0.4s; z-index: 4; }
.b-el-coin::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #b45309; font-weight: 700; }
.bento-card:hover .b-el-lines { background: #93c5fd; box-shadow: 0 7px 0 #93c5fd, 0 14px 0 #93c5fd; }
.bento-card:hover .b-el-clock::after { transform: rotate(55deg); }
.bento-card:hover .b-el-coin { transform: translateY(-6px); }

/* Preemption Slice (Önalım) */
.b-preemption-slice { position: relative; width: 88px; height: 64px; display: flex; align-items: center; justify-content: center; }
.b-preemption-slice::before { content: ''; position: absolute; left: 7px; bottom: 10px; width: 26px; height: 20px; background: #fff; border: 2px solid #bae6fd; border-radius: 3px; }
.b-ps-pie { width: 40px; height: 40px; border-radius: 50%; background: conic-gradient(#0ea5e9 0deg 210deg, #bfdbfe 210deg 360deg); border: 2px solid rgba(255,255,255,0.7); z-index: 2; }
.b-ps-slice { position: absolute; right: 15px; top: 11px; width: 18px; height: 18px; background: #22c55e; clip-path: polygon(0 100%, 100% 0, 100% 100%); opacity: 0; transform: translate(-4px, 4px); transition: transform 0.35s 0.12s, opacity 0.2s 0.12s; }
.b-ps-flag { position: absolute; right: 13px; bottom: 10px; width: 18px; height: 18px; border-radius: 50%; background: #ef4444; display: flex; align-items: center; justify-content: center; z-index: 3; }
.b-ps-flag::after { content: ''; width: 5px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); margin-top: -2px; }
.bento-card:hover .b-ps-slice { opacity: 1; transform: translate(7px, -7px); }
.bento-card:hover .b-ps-pie { transform: rotate(18deg); transition: transform 0.35s; }

/* Partition Map (Ortaklığın Giderilmesi) */
.b-partition-map { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-pm-plot { position: absolute; left: 24px; top: 11px; width: 42px; height: 42px; border: 2px solid #818cf8; border-radius: 6px; background: #eef2ff; transform: rotate(45deg); overflow: hidden; transition: transform .45s cubic-bezier(.34,1.56,.64,1), border-color .35s; }
.b-pm-plot::before { content: ''; position: absolute; left: 19px; top: -6px; bottom: -6px; width: 2px; background: #fff; box-shadow: 0 0 0 1px rgba(79,70,229,.12); }
.b-pm-plot span { position: absolute; inset: 0; transition: transform .45s cubic-bezier(.34,1.56,.64,1), background .35s; }
.b-pm-plot span:first-child { right: 50%; background: #c7d2fe; clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); }
.b-pm-plot span:last-child { left: 50%; background: #a5b4fc; clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); }
.b-pm-owner { position: absolute; bottom: 10px; width: 14px; height: 20px; border-radius: 8px 8px 4px 4px; background: #6366f1; transition: transform .45s cubic-bezier(.34,1.56,.64,1), background .35s; }
.b-pm-owner::before { content: ''; position: absolute; left: 2px; top: -10px; width: 10px; height: 10px; border-radius: 50%; background: inherit; }
.b-pm-owner.left { left: 10px; }
.b-pm-owner.right { right: 10px; background: #8b5cf6; }
.b-pm-check { position: absolute; right: 17px; top: 9px; width: 18px; height: 18px; border-radius: 50%; background: #10b981; opacity: 0; transform: scale(.45); transition: transform .35s .18s, opacity .2s .18s; }
.b-pm-check::after { content: ''; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-pm-plot { transform: rotate(45deg) scale(1.06); border-color: #6366f1; }
.bento-card:hover .b-pm-plot span:first-child { transform: translateX(-3px); background: #ddd6fe; }
.bento-card:hover .b-pm-plot span:last-child { transform: translateX(3px); background: #818cf8; }
.bento-card:hover .b-pm-owner.left { transform: translateX(-4px); background: #4f46e5; }
.bento-card:hover .b-pm-owner.right { transform: translateX(4px); background: #7c3aed; }
.bento-card:hover .b-pm-check { opacity: 1; transform: scale(1); }

/* Occupation Claim (Ecrimisil) */
.b-occupation-claim { position: relative; width: 90px; height: 64px; display: flex; align-items: center; justify-content: center; }
.b-oc-house { position: absolute; left: 12px; bottom: 10px; width: 34px; height: 30px; border-radius: 4px 4px 3px 3px; background: #94a3b8; border: 2px solid #64748b; transition: transform .4s, background .35s; }
.b-oc-house::before { content: ''; position: absolute; left: 4px; top: -17px; width: 24px; height: 24px; background: #94a3b8; border-left: 2px solid #64748b; border-top: 2px solid #64748b; transform: rotate(45deg); border-radius: 4px 0 0 0; transition: background .35s; }
.b-oc-house::after { content: ''; position: absolute; left: 12px; bottom: 0; width: 9px; height: 14px; border-radius: 3px 3px 0 0; background: #e2e8f0; }
.b-oc-warning { position: absolute; left: 36px; top: 9px; width: 20px; height: 20px; border-radius: 50%; background: #ef4444; color: #fff; font-weight: 800; font-size: 13px; display: flex; align-items: center; justify-content: center; transform: scale(.72); opacity: .85; transition: transform .35s, opacity .2s; z-index: 4; }
.b-oc-warning::after { content: '!'; }
.b-oc-calendar { position: absolute; right: 12px; top: 12px; width: 32px; height: 36px; border-radius: 5px; background: #fff; border: 2px solid #bfdbfe; padding: 12px 5px 5px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-oc-calendar::before { content: ''; position: absolute; left: -2px; right: -2px; top: -2px; height: 10px; border-radius: 5px 5px 0 0; background: #3b82f6; }
.b-oc-calendar span { height: 3px; border-radius: 2px; background: #bfdbfe; transition: background .35s; }
.b-oc-coin { position: absolute; right: 5px; bottom: 7px; width: 19px; height: 19px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; opacity: 0; transform: translateY(8px) scale(.8); transition: transform .38s .14s, opacity .2s .14s; z-index: 5; }
.b-oc-coin::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #b45309; font-weight: 800; }
.bento-card:hover .b-oc-house { transform: translateX(-3px); background: #64748b; }
.bento-card:hover .b-oc-house::before { background: #64748b; }
.bento-card:hover .b-oc-warning { opacity: 1; transform: scale(1); }
.bento-card:hover .b-oc-calendar { transform: translateX(4px); border-color: #60a5fa; }
.bento-card:hover .b-oc-calendar span { background: #93c5fd; }
.bento-card:hover .b-oc-coin { opacity: 1; transform: translateY(0) scale(1); }

/* Preemption Notice (Önalım) */
.b-preemption-notice { position: relative; width: 90px; height: 64px; display: flex; align-items: center; justify-content: center; }
.b-pn-share { position: absolute; left: 9px; top: 13px; width: 36px; height: 36px; border-radius: 50%; background: conic-gradient(#0ea5e9 0deg 115deg, #bfdbfe 115deg 360deg); border: 2px solid rgba(255,255,255,.75); transition: transform .42s cubic-bezier(.34,1.56,.64,1); }
.b-pn-share::after { content: ''; position: absolute; left: 17px; top: -4px; bottom: -4px; width: 2px; background: rgba(255,255,255,.75); transform: rotate(25deg); }
.b-pn-notice { position: absolute; right: 10px; top: 11px; width: 34px; height: 42px; border-radius: 5px; background: #fff; border: 2px solid #bae6fd; padding: 11px 6px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 3; }
.b-pn-notice::before { content: ''; position: absolute; left: 4px; right: 4px; top: 4px; height: 6px; border-radius: 2px; background: #0ea5e9; opacity: .55; }
.b-pn-notice span { height: 3px; border-radius: 2px; background: #bae6fd; transition: background .35s; }
.b-pn-arrow { position: absolute; left: 41px; top: 29px; width: 18px; height: 3px; border-radius: 2px; background: #22c55e; transform: scaleX(.55); transform-origin: left; transition: transform .35s .08s; z-index: 4; }
.b-pn-arrow::after { content: ''; position: absolute; right: -1px; top: -4px; width: 9px; height: 9px; border-right: 3px solid #22c55e; border-top: 3px solid #22c55e; transform: rotate(45deg); }
.b-pn-check { position: absolute; right: 5px; bottom: 7px; width: 18px; height: 18px; border-radius: 50%; background: #22c55e; opacity: 0; transform: scale(.45); transition: transform .35s .18s, opacity .2s .18s; z-index: 5; }
.b-pn-check::after { content: ''; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-pn-share { transform: rotate(22deg); }
.bento-card:hover .b-pn-notice { transform: translateX(4px); border-color: #0ea5e9; }
.bento-card:hover .b-pn-notice span { background: #7dd3fc; }
.bento-card:hover .b-pn-arrow { transform: scaleX(1); }
.bento-card:hover .b-pn-check { opacity: 1; transform: scale(1); }

/* Land Share Grid (Arsa Payı) */
.b-land-share-grid { position: relative; width: 90px; height: 64px; display: flex; align-items: center; justify-content: center; }
.b-lsg-blocks { position: absolute; left: 8px; top: 10px; width: 42px; height: 42px; background: linear-gradient(#60a5fa 0 0) 0 0/18px 18px no-repeat, linear-gradient(#60a5fa 0 0) 23px 0/18px 18px no-repeat, linear-gradient(#bfdbfe 0 0) 0 23px/18px 18px no-repeat, linear-gradient(#60a5fa 0 0) 23px 23px/18px 18px no-repeat; border: 2px solid #3b82f6; border-radius: 5px; }
.b-lsg-blocks::after { content: ''; position: absolute; left: 21px; top: -4px; bottom: -4px; width: 2px; background: #fff; box-shadow: -4px 21px 0 #fff, 4px 21px 0 #fff; opacity: .85; }
.b-lsg-lines { position: absolute; left: 50px; top: 17px; width: 26px; height: 3px; background: #bfdbfe; box-shadow: 0 8px 0 #bfdbfe, 0 16px 0 #bfdbfe; border-radius: 2px; transition: background 0.35s, box-shadow 0.35s; }
.b-lsg-balance { position: absolute; right: 10px; bottom: 8px; width: 16px; height: 16px; border: 2px solid #10b981; border-radius: 50%; opacity: 0; transform: scale(0.55); transition: transform 0.35s 0.15s, opacity 0.2s 0.15s; }
.b-lsg-balance::after { content: ''; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border-right: 2px solid #10b981; border-bottom: 2px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-lsg-lines { background: #93c5fd; box-shadow: 0 8px 0 #93c5fd, 0 16px 0 #93c5fd; }
.bento-card:hover .b-lsg-balance { opacity: 1; transform: scale(1); }

/* Flatshare Deal (Kat Karşılığı) */
.b-flatshare-deal { position: relative; width: 90px; height: 64px; display: flex; align-items: center; justify-content: center; }
.b-fd-building { position: absolute; left: 10px; bottom: 8px; width: 24px; height: 34px; border-radius: 3px; background: #6366f1; border: 2px solid #4f46e5; }
.b-fd-building::before { content: ''; position: absolute; left: 4px; top: 4px; width: 4px; height: 4px; background: #c7d2fe; box-shadow: 8px 0 0 #c7d2fe, 0 8px 0 #c7d2fe, 8px 8px 0 #c7d2fe, 0 16px 0 #c7d2fe, 8px 16px 0 #c7d2fe; }
.b-fd-share { position: absolute; left: 41px; top: 13px; width: 34px; height: 34px; border-radius: 50%; background: conic-gradient(#22c55e 0deg 130deg, #c7d2fe 130deg 360deg); border: 2px solid #fff; transition: transform 0.4s; }
.b-fd-hand { position: absolute; right: 9px; bottom: 8px; width: 24px; height: 10px; border-radius: 6px; background: #f59e0b; transform: translateX(9px); opacity: 0; transition: transform 0.4s 0.12s, opacity 0.2s 0.12s; }
.b-fd-hand::before { content: ''; position: absolute; left: -14px; top: 1px; width: 17px; height: 8px; border-radius: 5px; background: #22c55e; }
.bento-card:hover .b-fd-share { transform: rotate(28deg); }
.bento-card:hover .b-fd-hand { transform: translateX(0); opacity: 1; }

/* Foreign Title (Yabancı Yatırımcı) */
.b-foreign-title { position: relative; width: 90px; height: 64px; display: flex; align-items: center; justify-content: center; }
.b-ft-passport { position: absolute; left: 10px; top: 11px; width: 28px; height: 38px; border-radius: 4px; background: #0f766e; border: 2px solid #115e59; }
.b-ft-passport::before { content: ''; position: absolute; left: 7px; top: 9px; width: 10px; height: 10px; border: 2px solid #99f6e4; border-radius: 50%; }
.b-ft-doc { position: absolute; right: 11px; top: 14px; width: 34px; height: 34px; border-radius: 4px; background: #fff; border: 2px solid #fca5a5; transition: border-color .35s, transform .35s; }
.b-ft-doc::before { content: ''; position: absolute; left: 6px; top: 8px; width: 20px; height: 3px; background: #fda4af; box-shadow: 0 7px 0 #fda4af, 0 14px 0 #fda4af; border-radius: 2px; }
.b-ft-pin { position: absolute; right: 6px; bottom: 8px; width: 14px; height: 14px; border-radius: 50% 50% 50% 0; background: #ef4444; transform: rotate(-45deg) translateY(6px); opacity: 0; transition: transform 0.4s, opacity 0.2s; }
.b-ft-pin::after { content: ''; position: absolute; left: 4px; top: 4px; width: 5px; height: 5px; border-radius: 50%; background: #fff; }
.bento-card:hover .b-ft-pin { opacity: 1; transform: rotate(-45deg) translateY(0); }
.bento-card:hover .b-ft-doc { border-color: #ef4444; transform: translateX(3px); }

/* === İş Hukuku Literal Arts === */

/* Worker Receivables */
.b-worker-receivables { position:relative; width:86px; height:66px; display:flex; align-items:center; justify-content:center; }
.b-wr-file { position:absolute; left:10px; top:9px; width:38px; height:48px; background:#fff; border:2px solid #bfdbfe; border-radius:4px; padding:8px 6px; display:flex; flex-direction:column; gap:5px; transition:transform .45s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index:2; }
.b-wr-line { height:3px; border-radius:2px; background:#bfdbfe; transition:background .35s; }
.b-wr-line.short { width:68%; }
.b-wr-total { margin-top:auto; height:8px; border-radius:4px; background:#3b82f6; transition:background .35s; }
.b-wr-coin { position:absolute; right:18px; width:20px; height:20px; border-radius:50%; background:#fbbf24; border:2px solid #d97706; opacity:.72; transition:transform .45s cubic-bezier(.34,1.56,.64,1), opacity .35s; z-index:3; }
.b-wr-coin::after { content:'₺'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#b45309; font-size:10px; font-weight:800; }
.b-wr-coin.c1 { top:18px; }
.b-wr-coin.c2 { top:30px; right:8px; transform:scale(.85); }
.b-wr-check { position:absolute; right:14px; bottom:8px; width:18px; height:18px; border-radius:50%; background:#10b981; opacity:0; transform:scale(.45); transition:transform .35s .24s, opacity .2s .24s; z-index:4; }
.b-wr-check::after { content:''; position:absolute; left:6px; top:3px; width:4px; height:8px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); }
.bento-card:hover .b-wr-file { transform:translate(-3px,-3px); border-color:#60a5fa; }
.bento-card:hover .b-wr-line { background:#93c5fd; }
.bento-card:hover .b-wr-total { background:#10b981; }
.bento-card:hover .b-wr-coin.c1 { opacity:1; transform:translateY(8px); }
.bento-card:hover .b-wr-coin.c2 { opacity:1; transform:translate(-8px, 2px) scale(.85); }
.bento-card:hover .b-wr-check { opacity:1; transform:scale(1); }

/* Employment Contract */
.b-employment-contract { position:relative; width:78px; height:66px; display:flex; align-items:center; justify-content:center; }
.b-ec-doc { position:absolute; left:17px; top:8px; width:36px; height:50px; background:#fff; border:2px solid #ddd6fe; border-radius:4px; padding:8px 6px; display:flex; flex-direction:column; gap:5px; transition:transform .45s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index:2; }
.b-ec-line { height:3px; border-radius:2px; background:#ddd6fe; transition:background .35s; }
.b-ec-sign { margin-top:auto; width:22px; height:8px; border-bottom:2px dashed #8b5cf6; transition:border-color .35s; }
.b-ec-pen { position:absolute; right:8px; bottom:11px; width:28px; height:6px; background:#7c3aed; border-radius:4px 0 0 4px; transform:rotate(-38deg); opacity:0; transition:transform .5s cubic-bezier(.34,1.56,.64,1), opacity .25s; z-index:4; }
.b-ec-pen::before { content:''; position:absolute; left:-6px; top:0; border-top:3px solid transparent; border-bottom:3px solid transparent; border-right:7px solid #7c3aed; }
.b-ec-notice { position:absolute; right:7px; top:9px; width:24px; height:30px; background:#fee2e2; border:2px solid #f43f5e; border-radius:4px; opacity:0; transform:translate(8px,-4px) rotate(8deg) scale(.75); transition:transform .4s .18s, opacity .2s .18s; z-index:3; }
.b-ec-notice::after { content:'!'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#e11d48; font-weight:800; }
.bento-card:hover .b-ec-doc { transform:translateX(-5px); border-color:#a78bfa; }
.bento-card:hover .b-ec-line { background:#c4b5fd; }
.bento-card:hover .b-ec-sign { border-color:#10b981; }
.bento-card:hover .b-ec-pen { opacity:1; transform:translate(-9px,-17px) rotate(-38deg); }
.bento-card:hover .b-ec-notice { opacity:1; transform:translate(0,0) rotate(3deg) scale(1); }

/* Labor Mediation */
.b-labor-mediation { position:relative; width:90px; height:66px; display:flex; align-items:center; justify-content:center; }
.b-lm-side { position:absolute; top:18px; width:17px; height:28px; border-radius:9px 9px 4px 4px; background:#3b82f6; transition:transform .45s cubic-bezier(.34,1.56,.64,1), background .35s; }
.b-lm-side::before { content:''; position:absolute; top:-13px; left:2px; width:13px; height:13px; border-radius:50%; background:#fff; }
.b-lm-side.left { left:9px; }
.b-lm-side.right { right:9px; background:#f43f5e; }
.b-lm-table { position:absolute; bottom:13px; left:26px; right:26px; height:9px; border-radius:9px; background:rgba(255,255,255,.5); transition:background .35s, transform .45s; }
.b-lm-doc { position:absolute; left:50%; top:13px; width:30px; height:38px; transform:translateX(-50%) scale(.86); background:#fff; border:2px solid rgba(255,255,255,.65); border-radius:4px; padding:8px 5px; display:flex; flex-direction:column; gap:5px; transition:transform .45s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index:3; }
.b-lm-line { height:3px; border-radius:2px; background:#cbd5e1; transition:background .35s; }
.b-lm-line.short { width:68%; }
.b-lm-seal { position:absolute; right:27px; bottom:14px; width:16px; height:16px; border-radius:50%; background:#10b981; opacity:0; transform:scale(.45); transition:transform .35s .22s, opacity .2s .22s; z-index:4; }
.b-lm-seal::after { content:''; position:absolute; left:6px; top:3px; width:4px; height:8px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); }
.bento-card:hover .b-lm-side.left { transform:translateX(7px); background:#2563eb; }
.bento-card:hover .b-lm-side.right { transform:translateX(-7px); background:#e11d48; }
.bento-card:hover .b-lm-table { background:#10b981; transform:scaleX(1.1); }
.bento-card:hover .b-lm-doc { transform:translateX(-50%) translateY(-4px) scale(1); border-color:#10b981; }
.bento-card:hover .b-lm-line { background:#94a3b8; }
.bento-card:hover .b-lm-seal { opacity:1; transform:scale(1); }

/* Collective Labor */
.b-collective-labor { position:relative; width:88px; height:66px; display:flex; align-items:center; justify-content:center; }
.b-col-group { position:absolute; left:7px; bottom:10px; width:42px; height:36px; display:flex; align-items:flex-end; gap:2px; transition:transform .45s; }
.b-col-group span { position:relative; width:12px; height:23px; border-radius:7px 7px 3px 3px; background:#64748b; transition:background .35s, transform .45s; }
.b-col-group span::before { content:''; position:absolute; top:-10px; left:2px; width:8px; height:8px; border-radius:50%; background:#64748b; transition:background .35s; }
.b-col-group span:nth-child(2) { height:29px; background:#475569; }
.b-col-group span:nth-child(2)::before { background:#475569; }
.b-col-doc { position:absolute; right:9px; top:11px; width:33px; height:43px; background:#fff; border:2px solid #cbd5e1; border-radius:4px; padding:8px 5px; display:flex; flex-direction:column; gap:5px; transition:transform .45s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index:2; }
.b-col-line { height:3px; border-radius:2px; background:#cbd5e1; transition:background .35s; }
.b-col-line.short { width:64%; }
.b-col-badge { position:absolute; right:6px; bottom:7px; width:19px; height:19px; border-radius:50%; background:#6366f1; opacity:0; transform:scale(.45); transition:transform .35s .18s, opacity .2s .18s; z-index:3; }
.b-col-badge::after { content:'TİS'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:6px; font-weight:800; }
.bento-card:hover .b-col-group span { background:#6366f1; transform:translateY(-3px); }
.bento-card:hover .b-col-group span::before { background:#6366f1; }
.bento-card:hover .b-col-group span:nth-child(2) { background:#4f46e5; transform:translateY(-7px); }
.bento-card:hover .b-col-group span:nth-child(2)::before { background:#4f46e5; }
.bento-card:hover .b-col-doc { transform:translate(3px,-4px); border-color:#6366f1; }
.bento-card:hover .b-col-line { background:#a5b4fc; }
.bento-card:hover .b-col-badge { opacity:1; transform:scale(1); }

/* Clipboard (İş Sözleşmeleri) */
.b-clipboard { position: relative; width: 50px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.b-cb-board { width: 40px; height: 50px; background: #8b5cf6; border-radius: 4px; border: 2px solid #6d28d9; padding-top: 14px; display: flex; flex-direction: column; gap: 4px; align-items: center; }
.b-cb-clip { position: absolute; top: 0; width: 20px; height: 12px; background: #cbd5e1; border-radius: 4px; border: 2px solid #64748b; z-index: 2; transition: transform 0.3s ease; }
.b-cb-line { width: 24px; height: 4px; background: #a78bfa; border-radius: 2px; }
.b-cb-check { position: absolute; bottom: 8px; right: -4px; width: 16px; height: 16px; background: #10b981; border-radius: 50%; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; transform: scale(0); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); transition-delay: 0.1s; z-index: 3;}
.b-cb-check::after { content: ''; width: 4px; height: 8px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-bottom: 2px; }
.bento-card:hover .b-cb-clip { transform: translateY(-2px); }
.bento-card:hover .b-cb-check { transform: scale(1); }

/* Hand & Coin (İşçi Alacakları) */
.b-hand-coin { position: relative; width: 60px; height: 60px; display: flex; align-items: flex-end; justify-content: center; }
.b-hc-hand { width: 40px; height: 20px; background: #fca5a5; border-radius: 10px 10px 4px 4px; position: relative; border-bottom: 4px solid #f87171; z-index: 2; }
.b-hc-finger { position: absolute; top: -6px; left: 6px; width: 8px; height: 12px; background: #fca5a5; border-radius: 4px; }
.b-hc-coin { position: absolute; top: 0; width: 20px; height: 20px; background: #fbbf24; border-radius: 50%; border: 2px solid #d97706; z-index: 1; transform: translateY(-20px); opacity: 0; transition: transform 0.5s ease, opacity 0.5s ease; display: flex; align-items: center; justify-content: center; }
.b-hc-coin::after { content: '₺'; font-size: 10px; color: #d97706; font-weight: bold; }
.bento-card:hover .b-hc-coin { transform: translateY(6px); opacity: 1; }

/* Door Arrow (İşe İade) */
.b-door-arrow { position: relative; width: 60px; height: 60px; display: flex; align-items: flex-end; justify-content: center; }
.b-da-frame { width: 36px; height: 50px; border: 3px solid #3b82f6; border-bottom: none; position: relative; perspective: 200px; }
.b-da-door { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #60a5fa; transform-origin: left; transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); border-right: 2px solid #2563eb; }
.b-da-knob { position: absolute; right: 4px; top: 50%; width: 4px; height: 8px; background: #1e3a8a; border-radius: 2px; }
.b-da-arrow { position: absolute; bottom: 10px; right: -15px; width: 24px; height: 20px; border-bottom: 3px solid #f43f5e; border-left: 3px solid #f43f5e; border-radius: 0 0 0 10px; opacity: 0; transform: translateX(10px); transition: transform 0.5s ease, opacity 0.5s ease; transition-delay: 0.2s; }
.b-da-arrow::after { content: ''; position: absolute; top: -4px; left: -6px; border-bottom: 6px solid #f43f5e; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.bento-card:hover .b-da-door { transform: rotateY(-60deg); }
.bento-card:hover .b-da-arrow { transform: translateX(0); opacity: 1; }

/* Hard Hat (İş Güvenliği) */
.b-hard-hat { position: relative; width: 60px; height: 50px; display: flex; align-items: flex-end; justify-content: center; }
.b-hh-helmet { width: 44px; height: 24px; background: #eab308; border-radius: 24px 24px 0 0; position: relative; border-bottom: 4px solid #ca8a04; transition: transform 0.4s ease; z-index: 2;}
.b-hh-brim { position: absolute; bottom: -4px; left: -6px; width: 56px; height: 4px; background: #eab308; border-radius: 4px; }
.b-hh-ridge { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 8px; height: 14px; background: #facc15; border-radius: 4px; }
.b-hh-shield { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%) scale(0); width: 24px; height: 28px; background: transparent; border: 3px solid #22c55e; border-radius: 0 0 12px 12px; border-top: none; opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; z-index: 1; }
.bento-card:hover .b-hh-helmet { transform: translateY(-5px); }
.bento-card:hover .b-hh-shield { transform: translateX(-50%) scale(1) translateY(5px); opacity: 1; }

/* Crowd (Toplu İş Hukuku) */
.b-crowd { position: relative; width: 70px; height: 50px; display: flex; align-items: flex-end; justify-content: center; gap: 2px; }
.b-cr-person { position: relative; width: 16px; height: 30px; background: #94a3b8; border-radius: 8px 8px 0 0; transition: transform 0.4s ease, background 0.4s ease; }
.b-cr-person::before { content: ''; position: absolute; top: -14px; left: 2px; width: 12px; height: 12px; background: #94a3b8; border-radius: 50%; transition: background 0.4s ease; }
.b-cr-person:nth-child(2) { height: 36px; z-index: 2; margin: 0 2px; }
.b-cr-person:nth-child(2)::before { top: -16px; width: 14px; height: 14px; left: 1px; }
.bento-card:hover .b-cr-person { background: #6366f1; transform: translateY(-4px); }
.bento-card:hover .b-cr-person::before { background: #6366f1; }
.bento-card:hover .b-cr-person:nth-child(2) { transform: translateY(-8px); background: #4f46e5; }
.bento-card:hover .b-cr-person:nth-child(2)::before { background: #4f46e5; }

/* Handshake (Zorunlu Arabuluculuk) */
.b-handshake { position: relative; width: 80px; height: 50px; display: flex; align-items: center; justify-content: center; }
.b-hs-arm { width: 30px; height: 14px; position: relative; transition: transform 0.4s ease; }
.b-hs-arm.left { background: #3b82f6; border-radius: 4px 0 0 4px; left: 10px; transform-origin: left; }
.b-hs-arm.right { background: #f43f5e; border-radius: 0 4px 4px 0; right: 10px; transform-origin: right; }
.b-hs-hand { position: absolute; width: 16px; height: 16px; background: #fca5a5; border-radius: 50%; }
.b-hs-arm.left .b-hs-hand { right: -8px; top: -1px; }
.b-hs-arm.right .b-hs-hand { left: -8px; top: -1px; background: #fdba74; z-index: 2; }
.b-hs-shake { position: absolute; top: -10px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
.b-hs-shake::before, .b-hs-shake::after { content: ''; position: absolute; width: 4px; height: 4px; background: #fbbf24; border-radius: 50%; }
.b-hs-shake::before { left: 0; top: 0; }
.b-hs-shake::after { right: 0; top: 4px; }
.bento-card:hover .b-hs-arm.left { transform: translateX(8px); }
.bento-card:hover .b-hs-arm.right { transform: translateX(-8px); }
.bento-card:hover .b-hs-shake { opacity: 1; animation: shakeSparks 0.6s infinite alternate; }
@keyframes shakeSparks { 0% { transform: translateY(0); } 100% { transform: translateY(-4px); } }

/* === Ceza ve İcra Literal Arts === */

/* Protect Hand (Mağdur Hakları) */
.b-protect-hand { position: relative; width: 60px; height: 60px; display: flex; align-items: flex-end; justify-content: center; }
.b-ph-person { width: 16px; height: 30px; background: #94a3b8; border-radius: 8px 8px 0 0; position: relative; transition: background 0.4s; }
.b-ph-person::before { content: ''; position: absolute; top: -14px; left: 2px; width: 12px; height: 12px; background: #94a3b8; border-radius: 50%; transition: background 0.4s; }
.b-ph-shield-hand { position: absolute; top: 0; right: -10px; width: 40px; height: 40px; border-top: 6px solid #10b981; border-left: 6px solid #10b981; border-radius: 20px 0 0 0; transform-origin: top right; transform: rotate(15deg) scale(0.8); opacity: 0; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.5s; }
.bento-card:hover .b-ph-shield-hand { transform: rotate(0deg) scale(1.1); opacity: 1; }
.bento-card:hover .b-ph-person, .bento-card:hover .b-ph-person::before { background: #3b82f6; }

/* Handcuffs (Tutukluluk İtirazı) */
.b-handcuffs { position: relative; width: 80px; height: 40px; display: flex; align-items: center; justify-content: center; }
.b-hc-cuff { width: 30px; height: 30px; border: 4px solid #94a3b8; border-radius: 50%; position: relative; transition: transform 0.5s ease, border-color 0.5s; }
.b-hc-cuff.left { right: -4px; z-index: 2; border-right-color: transparent; }
.b-hc-cuff.right { left: -4px; z-index: 1; }
.b-hc-chain { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 6px; border: 2px solid #64748b; border-radius: 4px; z-index: 3; transition: width 0.5s; }
.b-hc-cuff.left::after { content: ''; position: absolute; right: -2px; top: -4px; width: 8px; height: 4px; background: #94a3b8; border-radius: 2px; }
.b-hc-cuff.left::before { content: ''; position: absolute; right: -2px; bottom: -4px; width: 8px; height: 4px; background: #94a3b8; border-radius: 2px; }
.bento-card:hover .b-hc-cuff.left { transform: translateX(-16px) rotate(-15deg); border-color: #cbd5e1; border-right-color: transparent; }
.bento-card:hover .b-hc-cuff.right { transform: translateX(16px) rotate(15deg); border-color: #cbd5e1; }
.bento-card:hover .b-hc-chain { width: 40px; border-color: #cbd5e1; border-style: dashed; }

/* Appeal Stair (Temyiz ve İstinaf) */
.b-appeal-stair { position: relative; width: 60px; height: 60px; display: flex; align-items: flex-end; }
.b-as-stairs { display: flex; align-items: flex-end; gap: 2px; }
.b-as-step { width: 16px; background: #8b5cf6; border-radius: 2px 2px 0 0; }
.b-as-step:nth-child(1) { height: 16px; }
.b-as-step:nth-child(2) { height: 32px; }
.b-as-step:nth-child(3) { height: 48px; }
.b-as-doc { position: absolute; left: 0; bottom: 20px; width: 14px; height: 20px; background: #fff; border: 2px solid #6d28d9; border-radius: 2px; transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }
.b-as-doc::before { content: ''; position: absolute; top: 4px; left: 2px; width: 6px; height: 2px; background: #a78bfa; }
.bento-card:hover .b-as-doc { transform: translate(36px, -32px); }

/* Time Chain (İnfaz Hukuku) */
.b-time-chain { position: relative; width: 50px; height: 60px; display: flex; align-items: center; justify-content: center; }
.b-tc-glass { width: 24px; height: 40px; border-top: 4px solid #3b82f6; border-bottom: 4px solid #3b82f6; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; transition: transform 0.6s ease; }
.b-tc-glass::before, .b-tc-glass::after { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.b-tc-glass::before { border-top: 14px solid #93c5fd; }
.b-tc-glass::after { border-bottom: 14px solid #bfdbfe; }
.b-tc-sand { position: absolute; top: 4px; width: 4px; height: 16px; background: #60a5fa; border-radius: 2px; transform-origin: top; transition: transform 0.5s linear; }
.bento-card:hover .b-tc-glass { transform: rotate(180deg); }
.bento-card:hover .b-tc-sand { transform: scaleY(0); }

/* Search Coin (Alacak Takibi) */
.b-search-coin { position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.b-sc-coin { width: 24px; height: 24px; background: #fbbf24; border-radius: 50%; border: 3px solid #d97706; display: flex; align-items: center; justify-content: center; position: absolute; }
.b-sc-coin::after { content: '₺'; font-weight: bold; color: #d97706; font-size: 12px; }
.b-sc-glass { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 4px solid #3b82f6; border-radius: 50%; background: rgba(96, 165, 250, 0.2); transform: translate(-10px, -10px); transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 2; backdrop-filter: blur(2px); }
.b-sc-glass::after { content: ''; position: absolute; bottom: -8px; right: -8px; width: 12px; height: 4px; background: #1e40af; transform: rotate(45deg); border-radius: 2px; }
.bento-card:hover .b-sc-glass { transform: translate(12px, 12px) scale(1.2); }

/* Crash Chart (İflas Davaları) */
.b-crash-chart { position: relative; width: 60px; height: 50px; display: flex; align-items: flex-end; gap: 4px; }
.b-cc-bar { width: 16px; background: #f43f5e; border-radius: 2px 2px 0 0; position: relative; }
.b-cc-bar:nth-child(1) { height: 40px; }
.b-cc-bar:nth-child(2) { height: 30px; }
.b-cc-bar:nth-child(3) { height: 20px; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), height 0.5s; transform-origin: bottom right; }
.bento-card:hover .b-cc-bar:nth-child(3) { transform: rotate(90deg) translateX(10px); height: 10px; background: #e11d48; }

/* Stop Doc (İtiraz Davaları) */
.b-stop-doc { position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.b-std-doc { width: 34px; height: 44px; background: #fff; border: 2px solid #cbd5e1; border-radius: 4px; position: relative; transition: transform 0.4s ease; z-index: 1; padding: 4px;}
.b-std-doc::before { content: ''; display: block; width: 100%; height: 4px; background: #e2e8f0; margin-bottom: 4px; border-radius: 2px; }
.b-std-doc::after { content: ''; display: block; width: 60%; height: 4px; background: #e2e8f0; border-radius: 2px; }
.b-std-hand { position: absolute; width: 24px; height: 24px; background: #ef4444; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; transform: scale(0); opacity: 0; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s; }
.b-std-hand::before { content: ''; width: 12px; height: 4px; background: #fff; border-radius: 2px; }
.bento-card:hover .b-std-doc { transform: translateX(-8px) rotate(-10deg); }
.bento-card:hover .b-std-hand { transform: scale(1) translate(8px, 8px); opacity: 1; }

/* Life Ring (Konkordato) */
.b-life-ring { position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; }
.b-lr-ring { width: 44px; height: 44px; border: 8px solid #ef4444; border-radius: 50%; position: relative; transition: transform 0.5s ease; }
.b-lr-stripe { position: absolute; background: #fff; }
.b-lr-stripe.s1 { top: -8px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; }
.b-lr-stripe.s2 { bottom: -8px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; }
.b-lr-stripe.s3 { left: -8px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; }
.b-lr-stripe.s4 { right: -8px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; }
.b-lr-wave { position: absolute; bottom: 0; width: 60px; height: 10px; border-top: 2px dashed #3b82f6; opacity: 0; transition: opacity 0.4s; }
.bento-card:hover .b-lr-ring { transform: translateY(-10px) rotate(15deg); }
.bento-card:hover .b-lr-wave { opacity: 1; }

/* Unlock Asset (Rehin Çevirme) */
.b-unlock-asset { position: relative; width: 60px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.b-ua-asset { width: 36px; height: 20px; background: #10b981; border: 2px solid #047857; border-radius: 4px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }
.b-ua-asset::after { content: '₺'; color: #fff; font-size: 10px; font-weight: bold; }
.b-ua-lock { position: absolute; top: 10px; width: 20px; height: 14px; background: #fbbf24; border-radius: 2px; border: 2px solid #d97706; z-index: 2; transition: transform 0.4s ease; }
.b-ua-shackle { position: absolute; top: -10px; left: 2px; width: 12px; height: 12px; border: 2px solid #94a3b8; border-bottom: none; border-radius: 6px 6px 0 0; transform-origin: left bottom; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
.bento-card:hover .b-ua-shackle { transform: rotateY(180deg) translateX(-4px); }
.bento-card:hover .b-ua-lock { transform: translateY(-4px); }

/* Debt Collection (Alacak Takibi) */
.b-debt-collection { position: relative; width: 90px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-dc-invoice { position: absolute; left: 12px; top: 9px; width: 38px; height: 48px; border-radius: 5px; background: #fff; border: 2px solid #bfdbfe; padding: 10px 6px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-dc-invoice span { height: 3px; border-radius: 2px; background: #bfdbfe; transition: background .35s; }
.b-dc-invoice span.short { width: 62%; }
.b-dc-arrow { position: absolute; left: 47px; top: 31px; width: 22px; height: 3px; border-radius: 2px; background: #10b981; transform: scaleX(.55); transform-origin: left; transition: transform .35s .08s; z-index: 3; }
.b-dc-arrow::after { content: ''; position: absolute; right: -1px; top: -4px; width: 9px; height: 9px; border-top: 3px solid #10b981; border-right: 3px solid #10b981; transform: rotate(45deg); }
.b-dc-coin { position: absolute; right: 9px; bottom: 12px; width: 23px; height: 23px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; opacity: .85; transition: transform .42s cubic-bezier(.34,1.56,.64,1), opacity .35s; z-index: 4; }
.b-dc-coin::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #b45309; font-size: 12px; font-weight: 800; }
.bento-card:hover .b-dc-invoice { transform: translateX(-4px); border-color: #60a5fa; }
.bento-card:hover .b-dc-invoice span { background: #93c5fd; }
.bento-card:hover .b-dc-arrow { transform: scaleX(1); }
.bento-card:hover .b-dc-coin { opacity: 1; transform: translateY(-5px) scale(1.04); }

/* Bill Note (Kambiyo) */
.b-bill-note { position: relative; width: 90px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-bn-check { position: absolute; left: 10px; top: 13px; width: 35px; height: 42px; border-radius: 5px; background: #fff; border: 2px solid #fecdd3; padding: 10px 6px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-bn-check::before { content: ''; position: absolute; left: 6px; right: 6px; top: 13px; height: 3px; background: #fecdd3; box-shadow: 0 8px 0 #fecdd3, 0 16px 0 #fecdd3; border-radius: 2px; transition: background .35s, box-shadow .35s; }
.b-bn-note { position: absolute; right: 12px; top: 10px; width: 35px; height: 43px; border-radius: 5px; background: #fff; border: 2px solid #fda4af; padding: 11px 6px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 3; }
.b-bn-note span { height: 3px; border-radius: 2px; background: #fda4af; transition: background .35s; }
.b-bn-date { position: absolute; right: 5px; bottom: 7px; width: 20px; height: 20px; border-radius: 50%; background: #ef4444; opacity: 0; transform: scale(.45); transition: transform .35s .16s, opacity .2s .16s; z-index: 4; }
.b-bn-date::after { content: ''; position: absolute; left: 7px; top: 4px; width: 5px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.b-bn-arrow { position: absolute; left: 40px; top: 31px; width: 15px; height: 3px; border-radius: 2px; background: #ef4444; transform: scaleX(.45); transform-origin: left; transition: transform .35s; z-index: 4; }
.b-bn-arrow::after { content: ''; position: absolute; right: -1px; top: -4px; width: 9px; height: 9px; border-top: 3px solid #ef4444; border-right: 3px solid #ef4444; transform: rotate(45deg); }
.bento-card:hover .b-bn-check { transform: translateX(-4px); border-color: #fb7185; }
.bento-card:hover .b-bn-check::before { background: #fda4af; box-shadow: 0 8px 0 #fda4af, 0 16px 0 #fda4af; }
.bento-card:hover .b-bn-note { transform: translateX(4px); border-color: #ef4444; }
.bento-card:hover .b-bn-note span { background: #fb7185; }
.bento-card:hover .b-bn-arrow { transform: scaleX(1); }
.bento-card:hover .b-bn-date { opacity: 1; transform: scale(1); }

/* Objection Case (İtiraz / Menfi Tespit) */
.b-objection-case { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-ocase-doc { position: absolute; left: 13px; top: 10px; width: 38px; height: 48px; border-radius: 5px; background: #fff; border: 2px solid #ddd6fe; padding: 11px 6px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-ocase-doc span { height: 3px; border-radius: 2px; background: #ddd6fe; transition: background .35s; }
.b-ocase-timeline { position: absolute; left: 47px; right: 15px; top: 31px; height: 3px; background: #c4b5fd; border-radius: 3px; transform: scaleX(.45); transform-origin: left; transition: transform .35s; z-index: 1; }
.b-ocase-stop { position: absolute; right: 22px; top: 13px; width: 24px; height: 24px; border-radius: 50%; background: #ef4444; opacity: .9; transform: scale(.8); transition: transform .35s, opacity .2s; z-index: 4; }
.b-ocase-stop::after { content: ''; position: absolute; left: 6px; right: 6px; top: 10px; height: 4px; border-radius: 3px; background: #fff; }
.b-ocase-gavel { position: absolute; right: 9px; bottom: 9px; width: 28px; height: 7px; background: #92400e; border-radius: 4px; transform: rotate(-26deg); transform-origin: right center; opacity: 0; transition: transform .38s .14s, opacity .2s .14s; z-index: 5; }
.b-ocase-gavel::before { content: ''; position: absolute; left: -8px; top: -3px; width: 12px; height: 13px; border-radius: 3px; background: #d97706; }
.bento-card:hover .b-ocase-doc { transform: translateX(-4px); border-color: #a78bfa; }
.bento-card:hover .b-ocase-doc span { background: #c4b5fd; }
.bento-card:hover .b-ocase-timeline { transform: scaleX(1); }
.bento-card:hover .b-ocase-stop { transform: scale(1); }
.bento-card:hover .b-ocase-gavel { opacity: 1; transform: rotate(-4deg); }

/* Asset Seizure (Haciz / Satış) */
.b-asset-seizure { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-as-panel { position: absolute; left: 10px; top: 13px; width: 39px; height: 42px; border-radius: 5px; background: #fff; border: 2px solid #fecdd3; padding: 9px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-as-panel span { height: 5px; border-radius: 3px; background: #fda4af; transition: background .35s; }
.b-as-tag { position: absolute; left: 39px; top: 9px; width: 22px; height: 22px; border-radius: 50%; background: #ef4444; opacity: 0; transform: scale(.45); transition: transform .35s .12s, opacity .2s .12s; z-index: 4; }
.b-as-tag::after { content: ''; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.b-as-bank { position: absolute; right: 10px; top: 16px; width: 29px; height: 29px; border-radius: 5px; background: #fff; border: 2px solid #fda4af; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 3; }
.b-as-bank::before { content: ''; position: absolute; left: 5px; top: 6px; width: 15px; height: 4px; background: #fda4af; box-shadow: 0 7px 0 #fda4af; border-radius: 2px; }
.b-as-sale { position: absolute; right: 14px; bottom: 7px; width: 24px; height: 3px; border-radius: 2px; background: #10b981; transform: scaleX(.45); transform-origin: left; transition: transform .35s .16s; z-index: 5; }
.b-as-sale::after { content: ''; position: absolute; right: -1px; top: -4px; width: 9px; height: 9px; border-top: 3px solid #10b981; border-right: 3px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-as-panel { transform: translateX(-4px); border-color: #fb7185; }
.bento-card:hover .b-as-panel span { background: #fb7185; }
.bento-card:hover .b-as-bank { transform: translateX(4px); border-color: #ef4444; }
.bento-card:hover .b-as-tag { opacity: 1; transform: scale(1); }
.bento-card:hover .b-as-sale { transform: scaleX(1); }

/* Secured Sale (Rehinli / İpotekli Takip) */
.b-secured-sale { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-ss-house { position: absolute; left: 11px; bottom: 11px; width: 32px; height: 28px; border-radius: 4px 4px 3px 3px; background: #10b981; border: 2px solid #047857; transition: transform .42s cubic-bezier(.34,1.56,.64,1); z-index: 2; }
.b-ss-house::before { content: ''; position: absolute; left: 3px; top: -16px; width: 24px; height: 24px; background: #10b981; border-left: 2px solid #047857; border-top: 2px solid #047857; transform: rotate(45deg); border-radius: 4px 0 0 0; }
.b-ss-lock { position: absolute; left: 35px; top: 13px; width: 22px; height: 17px; border-radius: 3px; background: #fbbf24; border: 2px solid #d97706; z-index: 4; transition: transform .35s; }
.b-ss-lock::before { content: ''; position: absolute; left: 4px; top: -11px; width: 11px; height: 11px; border: 2px solid #94a3b8; border-bottom: 0; border-radius: 8px 8px 0 0; transform-origin: left bottom; transition: transform .35s; }
.b-ss-arrow { position: absolute; left: 50px; top: 35px; width: 20px; height: 3px; border-radius: 2px; background: #10b981; transform: scaleX(.45); transform-origin: left; transition: transform .35s; z-index: 3; }
.b-ss-arrow::after { content: ''; position: absolute; right: -1px; top: -4px; width: 9px; height: 9px; border-top: 3px solid #10b981; border-right: 3px solid #10b981; transform: rotate(45deg); }
.b-ss-list { position: absolute; right: 9px; top: 13px; width: 27px; height: 39px; border-radius: 5px; background: #fff; border: 2px solid #a7f3d0; padding: 11px 5px 5px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-ss-list span { height: 3px; border-radius: 2px; background: #a7f3d0; transition: background .35s; }
.bento-card:hover .b-ss-house { transform: translateX(-4px); }
.bento-card:hover .b-ss-lock { transform: translateY(-4px); }
.bento-card:hover .b-ss-lock::before { transform: rotateY(180deg) translateX(-4px); }
.bento-card:hover .b-ss-arrow { transform: scaleX(1); }
.bento-card:hover .b-ss-list { transform: translateX(4px); border-color: #10b981; }
.bento-card:hover .b-ss-list span { background: #6ee7b7; }

/* Bankruptcy Estate (İflas / Alacak Kaydı) */
.b-bankruptcy-estate { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-be-building { position: absolute; left: 10px; bottom: 8px; width: 32px; height: 42px; border-radius: 4px 4px 2px 2px; background: #4f46e5; border: 2px solid #4338ca; transition: transform .42s cubic-bezier(.34,1.56,.64,1), opacity .35s; }
.b-be-building::before { content: ''; position: absolute; left: 6px; top: 7px; width: 5px; height: 5px; background: #c7d2fe; box-shadow: 11px 0 0 #c7d2fe, 0 11px 0 #c7d2fe, 11px 11px 0 #c7d2fe; border-radius: 1px; }
.b-be-ledger { position: absolute; right: 13px; top: 10px; width: 37px; height: 47px; border-radius: 5px; background: #fff; border: 2px solid #c7d2fe; padding: 12px 6px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 3; }
.b-be-ledger span { height: 3px; border-radius: 2px; background: #c7d2fe; transition: background .35s; }
.b-be-rank { position: absolute; right: 5px; bottom: 8px; width: 22px; height: 22px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; opacity: 0; transform: scale(.45); transition: transform .35s .16s, opacity .2s .16s; z-index: 4; }
.b-be-rank::after { content: '1'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #92400e; font-weight: 800; }
.b-be-seal { position: absolute; right: 29px; top: 8px; width: 18px; height: 18px; border: 3px solid #10b981; border-radius: 50%; opacity: 0; transform: scale(.45); transition: transform .35s .2s, opacity .2s .2s; z-index: 5; }
.b-be-seal::after { content: ''; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border-right: 2px solid #10b981; border-bottom: 2px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-be-building { transform: translateX(-4px); opacity: .76; }
.bento-card:hover .b-be-ledger { transform: translateX(4px); border-color: #818cf8; }
.bento-card:hover .b-be-ledger span { background: #a5b4fc; }
.bento-card:hover .b-be-rank { opacity: 1; transform: scale(1); }
.bento-card:hover .b-be-seal { opacity: 1; transform: scale(1); }

/* Concordat Plan (Konkordato) */
.b-concordat-plan { position: relative; width: 92px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-kp-doc { position: absolute; left: 12px; top: 9px; width: 39px; height: 49px; border-radius: 5px; background: #fff; border: 2px solid #cbd5e1; padding: 11px 6px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; z-index: 2; }
.b-kp-doc span { height: 3px; border-radius: 2px; background: #cbd5e1; transition: background .35s; }
.b-kp-shield { position: absolute; right: 29px; top: 11px; width: 28px; height: 33px; background: rgba(16,185,129,.14); border: 3px solid #10b981; clip-path: polygon(50% 0, 100% 15%, 100% 72%, 50% 100%, 0 72%, 0 15%); transition: transform .35s, background .35s; z-index: 4; }
.b-kp-installments { position: absolute; right: 10px; bottom: 10px; display: flex; align-items: flex-end; gap: 4px; z-index: 5; }
.b-kp-installments i { display: block; width: 9px; height: 12px; border-radius: 3px 3px 0 0; background: #10b981; transition: height .35s, background .35s; }
.b-kp-installments i:nth-child(2) { height: 20px; background: #34d399; }
.b-kp-installments i:nth-child(3) { height: 15px; background: #6ee7b7; }
.bento-card:hover .b-kp-doc { transform: translateX(-4px); border-color: #94a3b8; }
.bento-card:hover .b-kp-doc span { background: #94a3b8; }
.bento-card:hover .b-kp-shield { transform: scale(1.08); background: rgba(16,185,129,.24); }
.bento-card:hover .b-kp-installments i:nth-child(1) { height: 19px; }
.bento-card:hover .b-kp-installments i:nth-child(2) { height: 15px; }
.bento-card:hover .b-kp-installments i:nth-child(3) { height: 24px; background: #10b981; }

/* Enforcement redesigns */
.b-collection-flow { position: relative; width: 104px; height: 68px; display: flex; align-items: center; justify-content: center; }
.b-cf-file { position: absolute; left: 8px; top: 8px; width: 38px; height: 50px; border: 2px solid #bfdbfe; border-radius: 5px; background: #fff; padding: 11px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .4s, border-color .35s; z-index: 2; }
.b-cf-file span { height: 3px; border-radius: 2px; background: #bfdbfe; transition: background .35s; }
.b-cf-file span.short { width: 65%; }
.b-cf-order { position: absolute; left: 38px; top: 15px; width: 38px; height: 40px; border: 2px solid #60a5fa; border-radius: 5px; background: #eff6ff; transition: transform .4s, border-color .35s; z-index: 3; }
.b-cf-order::before { content: 'İCRA'; position: absolute; left: 5px; top: 6px; color: #2563eb; font-size: 7px; line-height: 1; font-weight: 800; letter-spacing: .04em; }
.b-cf-order::after { content: ''; position: absolute; left: 6px; right: 6px; top: 20px; height: 3px; border-radius: 2px; background: #93c5fd; box-shadow: 0 8px 0 #93c5fd; }
.b-cf-coin { position: absolute; right: 3px; bottom: 8px; width: 24px; height: 24px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; opacity: .95; transition: transform .4s; z-index: 5; }
.b-cf-coin::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: #b45309; }
.b-cf-coin::before { content: ''; position: absolute; left: -20px; top: 9px; width: 18px; height: 4px; border-radius: 3px; background: #10b981; transform: scaleX(.45); transform-origin: left; transition: transform .35s; }
.bento-card:hover .b-cf-file { transform: translateX(-4px); border-color: #60a5fa; }
.bento-card:hover .b-cf-file span { background: #93c5fd; }
.bento-card:hover .b-cf-order { transform: translateX(4px); border-color: #2563eb; }
.bento-card:hover .b-cf-coin::before { transform: scaleX(1); }
.bento-card:hover .b-cf-coin { transform: translateY(-6px) scale(1.04); }

.b-preliminary-seizure { position: relative; width: 104px; height: 68px; display: flex; align-items: center; justify-content: center; }
.b-ps-file { position: absolute; left: 13px; top: 10px; width: 38px; height: 48px; border: 2px solid #c7d2fe; border-radius: 5px; background: #fff; padding: 12px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .4s, border-color .35s; }
.b-ps-file span { height: 3px; border-radius: 2px; background: #c7d2fe; }
.b-ps-shield { position: absolute; left: 39px; top: 8px; width: 34px; height: 39px; background: #4f46e5; clip-path: polygon(50% 0, 92% 15%, 84% 72%, 50% 100%, 16% 72%, 8% 15%); box-shadow: 0 8px 18px rgba(79,70,229,.22); transition: transform .4s; z-index: 3; }
.b-ps-shield::after { content: ''; position: absolute; left: 12px; top: 10px; width: 8px; height: 15px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); }
.b-ps-asset { position: absolute; right: 9px; bottom: 10px; width: 28px; height: 22px; border-radius: 3px; background: #818cf8; border: 2px solid #4338ca; transition: transform .35s; }
.b-ps-asset::before { content: ''; position: absolute; left: 50%; top: -14px; width: 30px; height: 15px; background: #818cf8; border: 2px solid #4338ca; border-bottom: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); transform: translateX(-50%); }
.b-ps-bolt { position: absolute; right: 29px; top: 13px; width: 16px; height: 24px; background: #fbbf24; clip-path: polygon(58% 0, 25% 43%, 51% 43%, 34% 100%, 78% 35%, 53% 35%); transition: transform .35s; z-index: 4; }
.bento-card:hover .b-ps-file { transform: translateX(-4px); border-color: #818cf8; }
.bento-card:hover .b-ps-shield { transform: scale(1.08); }
.bento-card:hover .b-ps-asset { transform: translateY(3px); }
.bento-card:hover .b-ps-bolt { transform: translateY(-4px) scale(1.08); }

.b-check-slip { position: relative; width: 108px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-cs-paper { position: relative; width: 84px; height: 42px; border-radius: 6px; border: 2px solid #fb7185; background: #fff; box-shadow: 0 3px 0 rgba(251,113,133,.16); transition: transform .42s cubic-bezier(.34,1.56,.64,1), border-color .35s; }
.b-cs-bank { position: absolute; left: 8px; top: 7px; width: 22px; height: 5px; border-radius: 3px; background: #fb7185; }
.b-cs-lines { position: absolute; left: 8px; top: 18px; width: 36px; height: 3px; border-radius: 2px; background: #fecdd3; box-shadow: 0 7px 0 #fecdd3; transition: background .35s, box-shadow .35s; }
.b-cs-amount { position: absolute; right: 7px; top: 10px; width: 24px; height: 14px; border-radius: 4px; border: 2px solid #fecdd3; background: #fff1f2; transition: border-color .35s, background .35s; }
.b-cs-amount::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #e11d48; font-size: 10px; font-weight: 800; }
.b-cs-sign { position: absolute; right: 8px; bottom: 7px; width: 28px; height: 7px; border-bottom: 2px solid #fb7185; border-radius: 50%; transform: rotate(-8deg); }
.b-cs-date { position: absolute; right: 3px; top: 5px; width: 19px; height: 19px; border-radius: 50%; background: #ef4444; opacity: 0; transform: scale(.45); transition: transform .35s .15s, opacity .2s .15s; z-index: 4; }
.b-cs-date::after { content: ''; position: absolute; left: 6px; top: 4px; width: 5px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-cs-paper { transform: translateY(-3px); border-color: #e11d48; }
.bento-card:hover .b-cs-lines { background: #fda4af; box-shadow: 0 7px 0 #fda4af; }
.bento-card:hover .b-cs-amount { border-color: #fb7185; background: #ffe4e6; }
.bento-card:hover .b-cs-date { opacity: 1; transform: scale(1); }

.b-objection-file { position: relative; width: 96px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-of-paper { position: absolute; left: 14px; top: 9px; width: 39px; height: 49px; border: 2px solid #ddd6fe; border-radius: 5px; background: #fff; padding: 12px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .4s, border-color .35s; }
.b-of-paper span { height: 3px; border-radius: 2px; background: #ddd6fe; transition: background .35s; }
.b-of-deadline { position: absolute; left: 49px; bottom: 13px; width: 30px; height: 3px; border-radius: 2px; background: #a78bfa; transform: scaleX(.45); transform-origin: left; transition: transform .35s; }
.b-of-stop { position: absolute; right: 18px; top: 13px; width: 25px; height: 25px; border-radius: 50%; background: #ef4444; z-index: 3; transition: transform .35s; }
.b-of-stop::after { content: ''; position: absolute; left: 6px; right: 6px; top: 11px; height: 4px; border-radius: 3px; background: #fff; }
.b-of-court { position: absolute; right: 9px; bottom: 9px; width: 25px; height: 18px; opacity: 0; transform: translateY(6px); transition: transform .35s .12s, opacity .2s .12s; }
.b-of-court::before { content: ''; position: absolute; left: 0; top: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 8px solid #7c3aed; }
.b-of-court::after { content: ''; position: absolute; left: 3px; top: 9px; width: 19px; height: 9px; background: repeating-linear-gradient(90deg,#a78bfa 0 4px,transparent 4px 7px); border-bottom: 3px solid #7c3aed; }
.bento-card:hover .b-of-paper { transform: translateX(-4px); border-color: #a78bfa; }
.bento-card:hover .b-of-paper span { background: #c4b5fd; }
.bento-card:hover .b-of-deadline { transform: scaleX(1); }
.bento-card:hover .b-of-stop { transform: scale(1.05); }
.bento-card:hover .b-of-court { opacity: 1; transform: translateY(0); }

.b-enforcement-complaint { position: relative; width: 100px; height: 68px; display: flex; align-items: center; justify-content: center; }
.b-ec-order { position: absolute; left: 12px; top: 10px; width: 38px; height: 48px; border: 2px solid #c4b5fd; border-radius: 5px; background: #fff; padding: 12px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .4s, border-color .35s; }
.b-ec-order span { height: 3px; border-radius: 2px; background: #ddd6fe; }
.b-ec-timer { position: absolute; left: 44px; top: 7px; width: 25px; height: 25px; border: 3px solid #7c3aed; border-radius: 50%; background: #f5f3ff; z-index: 3; transition: transform .35s; }
.b-ec-timer::before { content: ''; position: absolute; left: 10px; top: 4px; width: 3px; height: 9px; border-radius: 2px; background: #7c3aed; transform-origin: bottom center; transform: rotate(45deg); }
.b-ec-court { position: absolute; right: 10px; bottom: 10px; width: 32px; height: 22px; transition: transform .35s; }
.b-ec-court::before { content: ''; position: absolute; left: 0; top: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 9px solid #7c3aed; }
.b-ec-court::after { content: ''; position: absolute; left: 4px; top: 10px; width: 24px; height: 12px; background: repeating-linear-gradient(90deg,#a78bfa 0 4px,transparent 4px 8px); border-bottom: 3px solid #7c3aed; }
.bento-card:hover .b-ec-order { transform: translateX(-4px); border-color: #8b5cf6; }
.bento-card:hover .b-ec-timer { transform: rotate(18deg) scale(1.04); }
.bento-card:hover .b-ec-court { transform: translateY(-4px); }

.b-notice-cancel { position: relative; width: 104px; height: 68px; display: flex; align-items: center; justify-content: center; }
.b-nc-envelope { position: absolute; left: 12px; top: 15px; width: 43px; height: 28px; border: 2px solid #60a5fa; border-radius: 4px; background: #eff6ff; transition: transform .35s, border-color .35s; }
.b-nc-envelope::before { content: ''; position: absolute; inset: 0; background: linear-gradient(145deg, transparent 48%, #93c5fd 49% 52%, transparent 53%), linear-gradient(35deg, transparent 48%, #93c5fd 49% 52%, transparent 53%); }
.b-nc-pin { position: absolute; left: 45px; top: 7px; width: 18px; height: 24px; border-radius: 10px 10px 10px 0; background: #2563eb; transform: rotate(-45deg); transition: transform .35s; z-index: 3; }
.b-nc-pin::after { content: ''; position: absolute; left: 6px; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: #dbeafe; }
.b-nc-cross { position: absolute; right: 10px; top: 13px; width: 25px; height: 25px; border-radius: 50%; background: #ef4444; z-index: 4; transition: transform .35s; }
.b-nc-cross::before, .b-nc-cross::after { content: ''; position: absolute; left: 6px; right: 6px; top: 11px; height: 3px; border-radius: 2px; background: #fff; }
.b-nc-cross::before { transform: rotate(45deg); }
.b-nc-cross::after { transform: rotate(-45deg); }
.b-nc-file { position: absolute; right: 15px; bottom: 8px; width: 31px; height: 34px; border: 2px solid #bfdbfe; border-radius: 4px; background: #fff; padding: 9px 5px; display: flex; flex-direction: column; gap: 4px; transition: transform .35s; }
.b-nc-file span { height: 3px; border-radius: 2px; background: #bfdbfe; }
.bento-card:hover .b-nc-envelope { transform: translateX(-4px); border-color: #2563eb; }
.bento-card:hover .b-nc-pin { transform: rotate(-35deg) translateY(-3px); }
.bento-card:hover .b-nc-cross { transform: scale(1.08); }
.bento-card:hover .b-nc-file { transform: translateX(4px); }

.b-seizure-record { position: relative; width: 98px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-sr-registry { position: absolute; left: 9px; top: 11px; width: 39px; height: 46px; border: 2px solid #fecdd3; border-radius: 5px; background: #fff; padding: 10px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .4s, border-color .35s; }
.b-sr-registry span { height: 4px; border-radius: 2px; background: #fecdd3; transition: background .35s; }
.b-sr-asset { position: absolute; right: 15px; transition: transform .4s; }
.b-sr-asset.house { top: 17px; width: 31px; height: 23px; border-radius: 3px; background: #fb7185; border: 2px solid #e11d48; }
.b-sr-asset.house::before { content: ''; position: absolute; left: 50%; top: -16px; width: 34px; height: 17px; background: #fb7185; border: 2px solid #e11d48; border-bottom: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); transform: translateX(-50%); }
.b-sr-asset.house::after { content: ''; position: absolute; left: 11px; bottom: 0; width: 8px; height: 12px; border-radius: 2px 2px 0 0; background: #fff1f2; }
.b-sr-asset.car { bottom: 11px; width: 33px; height: 15px; border-radius: 7px 7px 4px 4px; background: #fff; border: 2px solid #fb7185; }
.b-sr-asset.car::before { content: ''; position: absolute; left: 6px; top: -7px; width: 17px; height: 8px; border-radius: 5px 5px 0 0; background: #fff; border: 2px solid #fb7185; border-bottom: 0; }
.b-sr-mark { position: absolute; right: 35px; top: 25px; width: 22px; height: 22px; border-radius: 50%; background: #ef4444; opacity: 0; transform: scale(.45); transition: transform .35s .12s, opacity .2s .12s; z-index: 5; }
.b-sr-mark::after { content: ''; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-sr-registry { transform: translateX(-4px); border-color: #fb7185; }
.bento-card:hover .b-sr-registry span { background: #fda4af; }
.bento-card:hover .b-sr-asset.house { transform: translateY(-3px); }
.bento-card:hover .b-sr-asset.car { transform: translateY(3px); }
.bento-card:hover .b-sr-mark { opacity: 1; transform: scale(1); }

.b-mortgage-sale { position: relative; width: 98px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-ms-house { position: absolute; left: 16px; bottom: 10px; width: 42px; height: 31px; border-radius: 4px 4px 3px 3px; background: #10b981; border: 2px solid #047857; transition: transform .4s; }
.b-ms-house::before { content: ''; position: absolute; left: 50%; top: -20px; width: 46px; height: 21px; background: #10b981; border: 2px solid #047857; border-bottom: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); transform: translateX(-50%); }
.b-ms-house::after { content: ''; position: absolute; right: 7px; top: 8px; width: 8px; height: 8px; border-radius: 2px; background: #d1fae5; box-shadow: -14px 0 0 #d1fae5; }
.b-ms-lien { position: absolute; left: 31px; top: 34px; width: 20px; height: 17px; border-radius: 3px; background: #fbbf24; border: 2px solid #d97706; z-index: 4; transition: transform .35s; }
.b-ms-lien::before { content: ''; position: absolute; left: 4px; top: -10px; width: 10px; height: 10px; border: 2px solid #64748b; border-bottom: 0; border-radius: 8px 8px 0 0; transform-origin: left bottom; transition: transform .35s; }
.b-ms-sale { position: absolute; right: 10px; bottom: 14px; width: 28px; height: 3px; border-radius: 2px; background: #10b981; transform: scaleX(.5); transform-origin: left; transition: transform .35s; }
.b-ms-sale::after { content: ''; position: absolute; right: -1px; top: -4px; width: 9px; height: 9px; border-top: 3px solid #10b981; border-right: 3px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-ms-house { transform: translateX(-3px); }
.bento-card:hover .b-ms-lien { transform: translateY(-3px); }
.bento-card:hover .b-ms-lien::before { transform: rotateY(180deg) translateX(-4px); }
.bento-card:hover .b-ms-sale { transform: scaleX(1); }

.b-payment-protocol { position: relative; width: 112px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-pp-calendar { position: absolute; left: 12px; top: 9px; width: 43px; height: 48px; border: 2px solid #93c5fd; border-radius: 6px; background: #fff; padding: 15px 6px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; transition: transform .4s, border-color .35s; z-index: 2; }
.b-pp-calendar::before { content: ''; position: absolute; left: -2px; right: -2px; top: -2px; height: 13px; border-radius: 6px 6px 0 0; background: #60a5fa; }
.b-pp-calendar span { width: 7px; height: 7px; border-radius: 2px; background: #dbeafe; transition: background .35s, transform .35s; }
.b-pp-flow { position: absolute; left: 50px; top: 23px; width: 43px; height: 20px; display: flex; align-items: center; gap: 6px; z-index: 3; }
.b-pp-flow::before { content: ''; position: absolute; left: 4px; right: 4px; top: 8px; height: 3px; border-radius: 2px; background: #10b981; transform: scaleX(.45); transform-origin: left; transition: transform .4s; }
.b-pp-flow i { width: 11px; height: 11px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; z-index: 2; transition: transform .35s; }
.b-pp-coin { position: absolute; right: 7px; bottom: 11px; width: 24px; height: 24px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; transition: transform .35s; z-index: 4; }
.b-pp-coin::after { content: '₺'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #b45309; font-size: 11px; font-weight: 800; }
.b-pp-check { position: absolute; right: 12px; top: 10px; width: 26px; height: 26px; border-radius: 50%; background: #10b981; transform: scale(.55); opacity: .55; transition: transform .35s, opacity .35s; z-index: 5; }
.b-pp-check::after { content: ''; position: absolute; left: 8px; top: 5px; width: 7px; height: 13px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); }
.bento-card:hover .b-pp-calendar { transform: translateX(-4px); border-color: #2563eb; }
.bento-card:hover .b-pp-calendar span:nth-child(1), .bento-card:hover .b-pp-calendar span:nth-child(2), .bento-card:hover .b-pp-calendar span:nth-child(3) { background: #10b981; transform: scale(1.08); }
.bento-card:hover .b-pp-flow::before { transform: scaleX(1); }
.bento-card:hover .b-pp-flow i:nth-child(1) { transform: translateY(-3px); }
.bento-card:hover .b-pp-flow i:nth-child(2) { transform: translateY(3px); }
.bento-card:hover .b-pp-flow i:nth-child(3) { transform: translateY(-3px); }
.bento-card:hover .b-pp-coin { transform: translateY(-5px) scale(1.05); }
.bento-card:hover .b-pp-check { opacity: 1; transform: scale(1); }

.b-enforcement-penalty { position: relative; width: 108px; height: 70px; display: flex; align-items: center; justify-content: center; }
.b-ep-complaint { position: absolute; left: 9px; top: 11px; width: 36px; height: 48px; border: 2px solid #fecdd3; border-radius: 5px; background: #fff; padding: 13px 6px 0; display: flex; flex-direction: column; gap: 5px; transition: transform .35s, border-color .35s; z-index: 2; }
.b-ep-complaint::before { content: 'CEZA'; position: absolute; left: 5px; top: 5px; color: #e11d48; font-size: 7px; font-weight: 800; letter-spacing: .03em; }
.b-ep-complaint span { height: 3px; border-radius: 2px; background: #fecdd3; }
.b-ep-court { position: absolute; left: 39px; top: 10px; width: 34px; height: 27px; transition: transform .35s; z-index: 4; }
.b-ep-court::before { content: ''; position: absolute; left: 0; top: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 10px solid #ef4444; }
.b-ep-court::after { content: ''; position: absolute; left: 4px; top: 11px; width: 26px; height: 16px; background: repeating-linear-gradient(90deg,#fb7185 0 4px,transparent 4px 8px); border-bottom: 3px solid #ef4444; }
.b-ep-bars { position: absolute; right: 9px; bottom: 8px; width: 34px; height: 38px; border: 2px solid #fb7185; border-radius: 5px; background: repeating-linear-gradient(90deg, transparent 0 6px, #fb7185 6px 9px, transparent 9px 14px), #fff1f2; transition: transform .35s; z-index: 3; }
.b-ep-deadline { position: absolute; right: 31px; top: 8px; width: 21px; height: 21px; border-radius: 50%; background: #ef4444; transform: scale(.62); opacity: .72; transition: transform .35s, opacity .35s; z-index: 5; }
.b-ep-deadline::before { content: ''; position: absolute; left: 9px; top: 4px; width: 3px; height: 8px; border-radius: 2px; background: #fff; }
.b-ep-deadline::after { content: ''; position: absolute; left: 9px; top: 10px; width: 7px; height: 3px; border-radius: 2px; background: #fff; transform: rotate(35deg); transform-origin: left center; }
.bento-card:hover .b-ep-complaint { transform: translateX(-4px); border-color: #fb7185; }
.bento-card:hover .b-ep-court { transform: translateY(-4px); }
.bento-card:hover .b-ep-bars { transform: translateX(5px); }
.bento-card:hover .b-ep-deadline { opacity: 1; transform: scale(1); }

.b-bankruptcy-ledger { position: relative; width: 98px; height: 66px; display: flex; align-items: center; justify-content: center; }
.b-bl-building { position: absolute; left: 10px; bottom: 8px; width: 31px; height: 43px; border-radius: 4px 4px 2px 2px; background: #4f46e5; border: 2px solid #4338ca; transition: transform .4s, opacity .35s; }
.b-bl-building::before { content: ''; position: absolute; left: 6px; top: 8px; width: 5px; height: 5px; background: #c7d2fe; box-shadow: 10px 0 0 #c7d2fe, 0 10px 0 #c7d2fe, 10px 10px 0 #c7d2fe; }
.b-bl-estate { position: absolute; left: 40px; top: 9px; width: 38px; height: 49px; border-radius: 5px; border: 2px solid #c7d2fe; background: #fff; padding: 12px 6px; display: flex; flex-direction: column; gap: 5px; transition: transform .4s, border-color .35s; z-index: 3; }
.b-bl-estate span { height: 3px; border-radius: 2px; background: #c7d2fe; transition: background .35s; }
.b-bl-rank { position: absolute; right: 5px; top: 11px; width: 22px; height: 22px; border-radius: 50%; background: #fbbf24; border: 2px solid #d97706; transition: transform .35s; z-index: 4; }
.b-bl-rank::after { content: '1'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #92400e; font-size: 11px; font-weight: 800; }
.b-bl-distribute { position: absolute; right: 8px; bottom: 12px; width: 24px; height: 3px; border-radius: 2px; background: #10b981; transform: scaleX(.5); transform-origin: left; transition: transform .35s; z-index: 4; }
.b-bl-distribute::after { content: ''; position: absolute; right: -1px; top: -4px; width: 9px; height: 9px; border-top: 3px solid #10b981; border-right: 3px solid #10b981; transform: rotate(45deg); }
.bento-card:hover .b-bl-building { transform: translateX(-4px); opacity: .72; }
.bento-card:hover .b-bl-estate { transform: translateX(4px); border-color: #818cf8; }
.bento-card:hover .b-bl-estate span { background: #a5b4fc; }
.bento-card:hover .b-bl-rank { transform: scale(1.08); }
.bento-card:hover .b-bl-distribute { transform: scaleX(1); }

.b-concordat-umbrella { position: relative; width: 116px; height: 78px; display: flex; align-items: flex-end; justify-content: center; }
.b-ku-company { position: absolute; bottom: 3px; left: 30px; width: 54px; height: 25px; border-radius: 3px 3px 2px 2px; background: #1e293b; border-bottom: 3px solid #3b82f6; padding: 7px 7px 0; display: flex; gap: 5px; justify-content: center; align-content: flex-start; flex-wrap: wrap; z-index: 2; }
.b-ku-company::before { content: ''; position: absolute; left: 7px; top: -20px; width: 10px; height: 20px; border-radius: 2px 2px 0 0; background: #334155; }
.b-ku-company::after { content: ''; position: absolute; left: 0; top: -10px; width: 100%; height: 11px; background: #1e293b; clip-path: polygon(0 100%, 0 45%, 14% 45%, 14% 0, 28% 45%, 42% 45%, 42% 0, 56% 45%, 70% 45%, 70% 0, 84% 45%, 100% 45%, 100% 100%); }
.b-ku-company span { width: 8px; height: 6px; border-radius: 1px; background: #94a3b8; position: relative; z-index: 2; }
.b-ku-umbrella { position: absolute; top: -16px; left: 50%; width: 98px; height: 39px; border-radius: 98px 98px 0 0; background: linear-gradient(180deg,#1e40af,#3b82f6); box-shadow: 0 5px 18px rgba(59,130,246,.3); transform: translateX(-50%) scale(.92); transform-origin: bottom center; transition: transform .45s cubic-bezier(.34,1.56,.64,1); z-index: 4; }
.b-ku-umbrella::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 7px; border-radius: 0 0 5px 5px; background: repeating-linear-gradient(90deg,#2563eb 0 16px,#1d4ed8 16px 32px); }
.b-ku-umbrella::after { content: ''; position: absolute; left: 50%; top: 38px; width: 4px; height: 8px; border-radius: 2px; background: #1e293b; transform: translateX(-50%); }
.b-ku-rain { position: absolute; top: 0; width: 3px; height: 14px; border-radius: 2px; background: #ef4444; opacity: .15; transition: opacity .3s; }
.b-ku-rain.r1 { left: 20px; }
.b-ku-rain.r2 { left: 50px; top: -4px; }
.b-ku-rain.r3 { right: 20px; }
.b-ku-plan { position: absolute; right: 8px; bottom: 7px; width: 24px; height: 31px; border-radius: 4px; border: 2px solid #bfdbfe; background: #fff; opacity: .92; transition: transform .35s, border-color .35s; z-index: 5; }
.b-ku-plan::before { content: ''; position: absolute; left: 5px; right: 5px; top: 8px; height: 3px; border-radius: 2px; background: #bfdbfe; box-shadow: 0 7px 0 #bfdbfe; }
.bento-card:hover .b-ku-umbrella { transform: translateX(-50%) scale(1); }
.bento-card:hover .b-ku-rain { opacity: 1; animation: ccRainDrop .7s linear infinite; }
.bento-card:hover .b-ku-rain.r2 { animation-delay: .18s; }
.bento-card:hover .b-ku-rain.r3 { animation-delay: .32s; }
.bento-card:hover .b-ku-plan { transform: translateX(4px); border-color: #60a5fa; }

/* Umbrella Rain (Mağdur Hakları) */
.b-umbrella-rain { position: relative; width: 60px; height: 60px; display: flex; align-items: flex-end; justify-content: center; }
.b-ur-umb { position: absolute; bottom: 16px; width: 40px; height: 20px; background: #ef4444; border-radius: 20px 20px 0 0; z-index: 2; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); transform-origin: bottom center; border-bottom: 2px solid #b91c1c; }
.b-ur-handle { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 26px; background: #1e293b; z-index: 1; border-radius: 2px; }
.b-ur-handle::after { content: ''; position: absolute; bottom: 0; left: -6px; width: 10px; height: 8px; border: 4px solid #1e293b; border-top: none; border-right: none; border-radius: 0 0 0 8px; }
.b-ur-drop { position: absolute; width: 4px; height: 8px; background: #60a5fa; border-radius: 2px; opacity: 0; z-index: 3;}
.b-ur-drop.d1 { top: -5px; left: 10px; }
.b-ur-drop.d2 { top: -15px; left: 30px; }
.b-ur-drop.d3 { top: 0px; right: 10px; }
.bento-card:hover .b-ur-umb { transform: scale(1.1) translateY(-4px); }
.bento-card:hover .b-ur-drop { animation: rainFall 0.8s infinite linear; opacity: 1; }
.bento-card:hover .b-ur-drop.d2 { animation-delay: 0.2s; }
.bento-card:hover .b-ur-drop.d3 { animation-delay: 0.4s; }
@keyframes rainFall { 0% { transform: translateY(0); opacity: 0; } 20% { opacity: 1; } 60% { transform: translateY(12px); opacity: 1; } 100% { transform: translateY(20px) scale(0); opacity: 0; } }

/* ============================================
   DEPARTMAN CARD VISUALS - Unique per service
   ============================================ */

/* --- 1. Ticaret: Briefcase --- */
.bv-briefcase { width:200px; height:80px; position:relative; display:flex; justify-content:center; align-items:flex-end; padding-bottom:5px; }
.bv-bc-case { width:60px; height:45px; background:#1e3a8a; border-radius:4px; position:relative; box-shadow:0 8px 16px rgba(0,0,0,0.1); transition:transform 0.5s; display:flex; justify-content:center; z-index:2; border-top: 2px solid #3b82f6; }
.bv-bc-handle { position:absolute; top:-12px; width:20px; height:12px; border:3px solid #1e3a8a; border-bottom:none; border-radius:4px 4px 0 0; }
.bv-bc-lock { position:absolute; top:8px; width:10px; height:10px; background:#fbbf24; border-radius:50%; transition:background 0.5s; }
.bv-bc-doc { position:absolute; width:44px; height:24px; background:#fff; top:10px; border-radius:2px; transform:translateY(0); transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1); opacity:0; z-index:1; border:1px solid #cbd5e1; }
.bv-bc-doc::before { content:''; position:absolute; top:6px; left:6px; right:12px; height:2px; background:#94a3b8; }
.bv-bc-doc::after { content:''; position:absolute; top:12px; left:6px; right:6px; height:2px; background:#94a3b8; }
.bento-card:hover .bv-bc-case { transform:translateY(10px); }
.bento-card:hover .bv-bc-doc { transform:translateY(-25px); opacity:1; }
.bento-card:hover .bv-bc-lock { background:#10b981; }

/* --- 2. İş Hukuku: Terazi / Balance Scale --- */
.bv-scale {
    width: 180px; position: relative;
    display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.bv-scale-beam { width:100%; height:4px; background: linear-gradient(90deg,#a855f7,#7c3aed); border-radius:2px; position:relative; transition: transform 0.5s; }
.bv-scale-pivot { width:12px; height:12px; background:#7c3aed; border-radius:50%; margin-bottom:4px; box-shadow: 0 0 0 4px rgba(124,58,237,0.15); }
.bv-scale-pans { display:flex; justify-content:space-between; width:100%; }
.bv-scale-pan { display:flex; flex-direction:column; align-items:center; gap:4px; }
.bv-scale-cup { width:48px; height:28px; background:rgba(168,85,247,0.08); border:2px solid rgba(168,85,247,0.25); border-radius:0 0 14px 14px; border-top:none; display:flex; align-items:center; justify-content:center; transition: background 0.4s, border-color 0.4s; }
.bv-scale-cup svg { width:16px; height:16px; stroke:#7c3aed; fill:none; stroke-width:2; }
.bv-scale-label { font-family:var(--sans); font-size:0.6rem; font-weight:600; color:#7c3aed; text-transform:uppercase; letter-spacing:0.05em; }
.bv-scale-wire { width:2px; height:14px; background:rgba(168,85,247,0.3); }
.bento-card:hover .bv-scale-beam { transform:rotate(3deg); }
.bento-card:hover .bv-scale-cup { background:rgba(168,85,247,0.15); border-color:rgba(168,85,247,0.5); }

/* --- 3. Gayrimenkul: House Art --- */
.bv-house-art {
    width: 200px; position:relative;
    padding:10px 0;
    transition: transform 0.4s;
    display:flex; flex-direction:column; align-items:center;
}
.bv-ha-building { position:relative; width: 80px; height: 60px; display:flex; flex-direction:column; align-items:center; margin-bottom: 14px; }
.bv-ha-roof { width:0; height:0; border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:24px solid #0284c7; position:relative; z-index:2; transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bv-ha-walls { width:60px; height:36px; background:rgba(2,132,199,0.1); border:2px solid #0284c7; border-top:none; display:flex; justify-content:space-evenly; align-items:flex-end; padding-bottom:0; position:relative; z-index:1; transition: background 0.4s; }
.bv-ha-window { width:12px; height:12px; background:rgba(2,132,199,0.2); border:1px solid #0284c7; margin-bottom:16px; transition: background 0.4s; }
.bv-ha-door { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:14px; height:20px; background:#0284c7; border-radius:2px 2px 0 0; }
.bv-ha-footer { display:flex; gap:6px; justify-content:center; }
.bv-ha-badge { font-family:var(--sans); font-size:0.55rem; padding:4px 10px; border-radius:8px; background:rgba(2,132,199,0.1); color:#0369a1; font-weight:600; text-transform:uppercase; letter-spacing: 0.05em; }
.bento-card:hover .bv-house-art { transform:translateY(-4px); }
.bento-card:hover .bv-ha-roof { transform:translateY(-6px); }
.bento-card:hover .bv-ha-walls { background:rgba(2,132,199,0.2); }
.bento-card:hover .bv-ha-window { background:#fef08a; border-color:#ca8a04; }

/* --- 4. Aile: Linked People --- */
.bv-family {
    width: 200px; position:relative;
    display:flex; flex-direction:column; align-items:center; gap:10px;
}
.bv-fm-people { display:flex; align-items:flex-end; gap:16px; }
.bv-fm-person { display:flex; flex-direction:column; align-items:center; gap:4px; }
.bv-fm-avatar { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition: transform 0.4s, box-shadow 0.4s; }
.bv-fm-avatar.a1 { background:linear-gradient(135deg,#f43f5e,#fb7185); box-shadow:0 4px 12px rgba(244,63,94,0.25); }
.bv-fm-avatar.a2 { background:linear-gradient(135deg,#ec4899,#f472b6); box-shadow:0 4px 12px rgba(236,72,153,0.25); }
.bv-fm-avatar.a3 { width:22px; height:22px; background:linear-gradient(135deg,#f97316,#fb923c); box-shadow:0 4px 10px rgba(249,115,22,0.25); }
.bv-fm-avatar svg { width:14px; height:14px; stroke:#fff; fill:none; stroke-width:2; }
.bv-fm-avatar.a3 svg { width:11px; height:11px; }
.bv-fm-name { font-family:var(--sans); font-size:0.55rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:0.04em; }
.bv-fm-link { width:20px; height:2px; background:linear-gradient(90deg,rgba(244,63,94,0.3),rgba(236,72,153,0.3)); margin-bottom:14px; border-radius:1px; position:relative; }
.bv-fm-link::after { content:'♥'; position:absolute; top:-8px; left:50%; transform:translateX(-50%); font-size:8px; color:#f43f5e; opacity:0; transition: opacity 0.4s; }
.bv-fm-tags { display:flex; gap:6px; flex-wrap:wrap; justify-content:center; }
.bv-fm-tag { font-family:var(--sans); font-size:0.55rem; font-weight:500; padding:3px 10px; border-radius:10px; background:rgba(244,63,94,0.08); color:#e11d48; border:1px solid rgba(244,63,94,0.15); transition: background 0.3s; }
.bento-card:hover .bv-fm-avatar { transform:translateY(-3px); }
.bento-card:hover .bv-fm-avatar.a1 { box-shadow:0 6px 18px rgba(244,63,94,0.35); }
.bento-card:hover .bv-fm-avatar.a2 { box-shadow:0 6px 18px rgba(236,72,153,0.35); }
.bento-card:hover .bv-fm-link::after { opacity:1; }
.bento-card:hover .bv-fm-tag { background:rgba(244,63,94,0.14); }

/* --- 5. Ceza: Courtroom Scene (Sanık Kürsüsü) --- */
.bv-courtroom-scene {
    width: 200px; position:relative;
    padding:10px 0;
    transition: transform 0.4s;
    display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.bv-cs-header { display:flex; align-items:center; gap:8px; margin-bottom:8px; width: 100%; justify-content:center; }
.bv-cs-icon { width:28px; height:28px; background:linear-gradient(135deg,#3b82f6,#60a5fa); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.bv-cs-icon svg { width:14px; height:14px; }
.bv-cs-title { font-family:var(--sans); font-size:0.7rem; font-weight:700; color:#1e3a8a; letter-spacing:0.03em; text-transform:uppercase; }

.bv-cs-room { position:relative; width:120px; height:60px; display:flex; justify-content:space-between; align-items:flex-end; padding-bottom: 2px; }

.bv-cs-judge-area { display:flex; flex-direction:column; align-items:center; position:relative; margin-bottom:12px; }
.bv-cs-judge { display:flex; flex-direction:column; align-items:center; z-index:1; }
.bv-cs-judge-head { width:14px; height:14px; background:#1e3a8a; border-radius:50%; margin-bottom:2px; }
.bv-cs-judge-body { width:22px; height:20px; background:#172554; border-radius:6px 6px 0 0; }
.bv-cs-judge-desk { width:36px; height:18px; background:#1e3a8a; border-radius:2px; position:absolute; bottom:-12px; z-index:2; border-top: 3px solid #172554; }

.bv-cs-def-area { display:flex; flex-direction:column; align-items:center; position:relative; }
.bv-cs-defendant { display:flex; flex-direction:column; align-items:center; z-index:1; }
.bv-cs-def-head { width:12px; height:12px; background:#60a5fa; border-radius:50%; margin-bottom:2px; }
.bv-cs-def-body { width:16px; height:26px; background:#3b82f6; border-radius:4px 4px 0 0; position:relative; }
.bv-cs-def-arm { position:absolute; top:6px; left:-10px; width:14px; height:4px; background:#3b82f6; border-radius:2px; transform-origin:right center; transform:rotate(-60deg); transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bv-cs-podium { width:24px; height:18px; background:#60a5fa; border-radius:2px 2px 0 0; position:absolute; bottom:0; z-index:2; border-top: 3px solid #3b82f6; }

.bv-cs-floor { position:absolute; bottom:0; left:-10px; right:-10px; height:2px; background:#cbd5e1; }

.bv-cs-speech { position:absolute; top:10px; right:35px; display:flex; gap:3px; align-items:center; opacity:0; transition:opacity 0.3s; transform:translateY(5px); }
.bv-cs-speech span { display:block; width:3px; background:#3b82f6; border-radius:2px; }
.bv-cs-speech span:nth-child(1) { height:6px; }
.bv-cs-speech span:nth-child(2) { height:12px; }
.bv-cs-speech span:nth-child(3) { height:8px; }

.bento-card:hover .bv-courtroom-scene { transform:translateY(-4px); }
.bento-card:hover .bv-cs-def-arm { transform:rotate(10deg); }
.bento-card:hover .bv-cs-speech { opacity:1; transform:translateY(0); animation:speechWave 1s infinite alternate; }

/* --- 6. İcra İflas: Safe Vault --- */
.bv-vault {
    width: 200px; position:relative;
    display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.bv-vl-safe { width:80px; height:70px; background:rgba(16,185,129,0.08); border:3px solid #059669; border-radius:8px; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.bv-vl-door { position:absolute; inset:0; background:#34d399; border-right:2px solid #059669; transform-origin:left; transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1); display:flex; align-items:center; justify-content:center; z-index:2; }
.bv-vl-wheel { width:28px; height:28px; border:3px solid #065f46; border-radius:50%; position:relative; transition:transform 0.5s ease; }
.bv-vl-wheel::before, .bv-vl-wheel::after { content:''; position:absolute; background:#065f46; }
.bv-vl-wheel::before { width:2px; height:100%; top:0; left:50%; transform:translateX(-50%); }
.bv-vl-wheel::after { height:2px; width:100%; left:0; top:50%; transform:translateY(-50%); }
.bv-vl-coin { width:30px; height:30px; background:#fbbf24; border-radius:50%; border:2px solid #d97706; display:flex; align-items:center; justify-content:center; color:#d97706; font-size:16px; font-weight:bold; position:absolute; z-index:1; transform:scale(0.5); opacity:0; transition:transform 0.4s, opacity 0.4s; transition-delay:0.2s; }
.bv-vl-coin::after { content:'₺'; }
.bv-vl-footer { font-family:var(--sans); font-size:0.65rem; color:#059669; font-weight:600; background:rgba(16,185,129,0.15); padding:6px 16px; border-radius:10px; text-transform:uppercase; letter-spacing: 0.05em; }
.bento-card:hover .bv-vl-wheel { transform:rotate(90deg); }
.bento-card:hover .bv-vl-door { transform:rotateY(-70deg); }
.bento-card:hover .bv-vl-coin { transform:scale(1.2); opacity:1; }

@media(max-width: 768px) {
    .bv-contract, .bv-house-art, .bv-courtroom-scene { width: min(200px, calc(100% - 24px)); }
    .bv-scale, .bv-family, .bv-vault { width: min(200px, calc(100% - 24px)); }
}

/* ============================================
   SEKTÖR CARD VISUALS
   ============================================ */

/* Finans: Dashboard Card */
.bv-dashboard { width:200px; padding:8px 0; transition:transform 0.4s; display:flex; flex-direction:column; align-items:center; }
.bv-dash-header { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.bv-dash-icon { width:30px; height:30px; background:linear-gradient(135deg,#10b981,#34d399); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.bv-dash-icon svg { width:16px; height:16px; }
.bv-dash-title { font-family:var(--sans); font-size:0.7rem; font-weight:700; color:#1e293b; }
.bv-dash-bars { display:flex; align-items:flex-end; gap:4px; height:36px; margin-bottom:10px; }
.bv-dash-bar { width:14px; border-radius:3px 3px 0 0; background:rgba(16,185,129,0.2); transition:height 0.5s,background 0.4s; }
.bv-dash-bar.b1 { height:14px; } .bv-dash-bar.b2 { height:22px; } .bv-dash-bar.b3 { height:30px; background:#10b981; } .bv-dash-bar.b4 { height:18px; } .bv-dash-bar.b5 { height:36px; background:#10b981; }
.bv-dash-metric { display:flex; justify-content:space-between; align-items:center; }
.bv-dash-val { font-family:var(--sans); font-size:0.85rem; font-weight:800; color:#10b981; }
.bv-dash-change { font-family:var(--sans); font-size:0.55rem; color:#10b981; background:rgba(16,185,129,0.1); padding:2px 8px; border-radius:8px; }
.bento-card:hover .bv-dashboard { transform:translateY(-4px); }
.bento-card:hover .bv-dash-bar { background:#10b981; }

/* Sağlık Sektörü: Vital Signs */
.bv-vitals { width:200px; padding:10px 0; transition:transform 0.4s; display:flex; flex-direction:column; align-items:center; }
.bv-vit-header { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.bv-vit-cross { width:20px; height:20px; border-radius:50%; box-shadow:inset 5px 0 0 0 #e11d48; background:transparent; position:relative; transform:rotate(-30deg) translate(2px, 0); }
.bv-vit-cross::before,.bv-vit-cross::after { display:none; }
.bv-vit-title { font-family:var(--sans); font-size:0.7rem; font-weight:700; color:#1e293b; }
.bv-vit-ecg { height:30px; display:flex; align-items:center; width:100%; }
.bv-vit-ecg svg { width:100%; height:30px; }
/* Start: show first portion of the ECG (dashoffset 130 = first 70px visible) */
.bv-vit-ecg path { stroke:#e11d48; stroke-width:2; fill:none; stroke-dasharray:200; stroke-dashoffset:130; }
/* Hover: continue drawing from where it left off */
.bento-card:hover .bv-vit-ecg path { animation:ecgContinue 1.2s ease-out forwards; }
@keyframes ecgContinue { from { stroke-dashoffset:130; } to { stroke-dashoffset:0; } }
.bv-vit-tags { display:flex; gap:4px; margin-top:8px; }
.bv-vit-tag { font-family:var(--sans); font-size:0.5rem; padding:2px 8px; border-radius:8px; background:rgba(225,29,72,0.08); color:#e11d48; font-weight:500; }
.bento-card:hover .bv-vitals { transform:translateY(-2px); }

/* Teknoloji: Terminal */
.bv-terminal { width:200px; background:#1e293b; border-radius:14px; overflow:hidden; box-shadow:0 12px 32px rgba(15,23,42,0.15); transition:transform 0.4s; }
.bv-term-bar { height:22px; background:#334155; display:flex; align-items:center; gap:5px; padding:0 10px; }
.bv-term-dot { width:7px; height:7px; border-radius:50%; }
.bv-term-dot.r { background:#ef4444; } .bv-term-dot.y { background:#eab308; } .bv-term-dot.g { background:#22c55e; }
.bv-term-body { padding:10px 12px; font-family:'Courier New',monospace; font-size:0.55rem; color:#94a3b8; line-height:1.6; }
.bv-term-line { display:flex; gap:6px; }
.bv-term-prompt { color:#22c55e; }
.bv-term-cmd { color:#e2e8f0; }
.bv-term-result { color:#60a5fa; padding-left:16px; }
.bento-card:hover .bv-terminal { transform:translateY(-4px); }

/* İnşaat: Proje Kartı */
.bv-project { width:200px; background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(255,251,235,0.9)); border-radius:16px; padding:18px; border:1px solid rgba(245,158,11,0.15); box-shadow:0 12px 32px rgba(245,158,11,0.06); transition:transform 0.4s; }
.bv-proj-header { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.bv-proj-icon { width:30px; height:30px; background:linear-gradient(135deg,#f59e0b,#fbbf24); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.bv-proj-icon svg { width:16px; height:16px; }
.bv-proj-title { font-family:var(--sans); font-size:0.7rem; font-weight:700; color:#1e293b; }
.bv-proj-progress { margin-bottom:8px; }
.bv-proj-pbar { height:6px; background:#fef3c7; border-radius:3px; overflow:hidden; }
.bv-proj-pfill { height:100%; background:linear-gradient(90deg,#f59e0b,#fbbf24); border-radius:3px; width:65%; transition:width 0.6s; }
.bv-proj-plabel { display:flex; justify-content:space-between; margin-top:4px; }
.bv-proj-plabel span { font-family:var(--sans); font-size:0.5rem; color:#92400e; }
.bv-proj-items { display:flex; gap:6px; }
.bv-proj-item { flex:1; text-align:center; padding:6px 4px; background:rgba(245,158,11,0.08); border-radius:8px; font-family:var(--sans); font-size:0.55rem; font-weight:600; color:#92400e; }
.bento-card:hover .bv-project { transform:translateY(-4px); }
.bento-card:hover .bv-proj-pfill { width:80%; }

/* Perakende: E-Ticaret Kartı */
.bv-ecommerce { width:200px; background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(243,232,255,0.9)); border-radius:16px; padding:18px; border:1px solid rgba(147,51,234,0.12); box-shadow:0 12px 32px rgba(147,51,234,0.06); transition:transform 0.4s; }
.bv-ec-header { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.bv-ec-icon { width:28px; height:28px; background:linear-gradient(135deg,#9333ea,#a855f7); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.bv-ec-icon svg { width:14px; height:14px; }
.bv-ec-title { font-family:var(--sans); font-size:0.7rem; font-weight:700; color:#1e293b; }
.bv-ec-row { display:flex; align-items:center; justify-content:space-between; padding:5px 0; border-bottom:1px solid rgba(147,51,234,0.08); }
.bv-ec-row:last-child { border:none; }
.bv-ec-label { font-family:var(--sans); font-size:0.55rem; color:#64748b; }
.bv-ec-val { font-family:var(--sans); font-size:0.55rem; font-weight:700; color:#9333ea; }
.bv-ec-badge { background:rgba(147,51,234,0.1); padding:1px 6px; border-radius:6px; }
.bento-card:hover .bv-ecommerce { transform:translateY(-4px); }

/* Enerji: Gauge */
.bv-gauge { width:200px; display:flex; flex-direction:column; align-items:center; gap:8px; }
.bv-gauge-ring { width:80px; height:44px; border:4px solid #e2e8f0; border-bottom:none; border-radius:44px 44px 0 0; position:relative; overflow:hidden; }
.bv-gauge-fill { position:absolute; inset:0; border:4px solid #6366f1; border-bottom:none; border-radius:40px 40px 0 0; transform:rotate(-90deg); transform-origin:bottom center; transition:transform 0.6s; }
.bv-gauge-label { font-family:var(--sans); font-size:0.75rem; font-weight:800; color:#4f46e5; }
.bv-gauge-items { display:flex; gap:6px; }
.bv-gauge-item { font-family:var(--sans); font-size:0.5rem; padding:3px 8px; border-radius:8px; background:rgba(99,102,241,0.08); color:#4f46e5; font-weight:500; }
.bento-card:hover .bv-gauge-fill { transform:rotate(-30deg); }

/* ============================================
   UZMANLIK ALANLARI CARD VISUALS
   ============================================ */

/* Dava: Gavel */
.bv-gavel { width:200px; background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(255,241,242,0.9)); border-radius:16px; padding:18px; border:1px solid rgba(225,29,72,0.12); box-shadow:0 12px 32px rgba(225,29,72,0.06); transition:transform 0.4s; }
.bv-gav-header { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.bv-gav-icon { width:30px; height:30px; background:linear-gradient(135deg,#e11d48,#fb7185); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.bv-gav-icon svg { width:16px; height:16px; }
.bv-gav-title { font-family:var(--sans); font-size:0.7rem; font-weight:700; color:#1e293b; }
.bv-gav-timeline { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; position:relative; margin-top:12px; }
.bv-gav-timeline::before { content:''; position:absolute; top:3px; left:10px; right:10px; height:2px; background:#fecdd3; z-index:0; }
.bv-gav-step { display:flex; flex-direction:column; align-items:center; gap:4px; font-family:var(--sans); font-size:0.45rem; color:#64748b; z-index:1; text-align:center; width:33%; line-height:1.2; }
.bv-gav-step::before { content:''; width:8px; height:8px; border-radius:50%; background:#fecdd3; flex-shrink:0; border:2px solid #fff; box-sizing:border-box; }
.bv-gav-step.active::before { background:#e11d48; box-shadow:0 0 0 2px rgba(225,29,72,0.2); border-color:#e11d48; }
.bento-card:hover .bv-gavel { transform:translateY(-4px); }
.bento-card:hover .bv-gav-step:nth-child(2)::before { background:#e11d48; border-color:#e11d48; transition:all 0.4s 0.2s; }
.bento-card:hover .bv-gav-step:nth-child(3)::before { background:#e11d48; border-color:#e11d48; transition:all 0.4s 0.4s; }

/* Sözleşme: Dual Doc */
.bv-dualdoc { width:200px; display:flex; gap:10px; align-items:flex-start; }
.bv-dd-doc { flex:1; background:rgba(255,255,255,0.9); border-radius:10px; padding:10px; box-shadow:0 8px 20px rgba(59,130,246,0.08); border:1px solid rgba(59,130,246,0.12); transition:transform 0.4s; }
.bv-dd-doc.right { transform:translateY(8px); }
.bv-dd-label { font-family:var(--sans); font-size:0.55rem; font-weight:700; color:#3b82f6; margin-bottom:6px; text-transform:uppercase; letter-spacing:0.04em; }
.bv-dd-lines { display:flex; flex-direction:column; gap:3px; }
.bv-dd-line { height:4px; border-radius:2px; background:#e2e8f0; }
.bv-dd-line.l1 { width:100%; } .bv-dd-line.l2 { width:70%; } .bv-dd-line.l3 { width:85%; }
.bv-dd-stamp { width:18px; height:18px; border-radius:50%; border:2px solid #3b82f6; margin-top:6px; opacity:0.4; transition:opacity 0.4s; }
.bento-card:hover .bv-dd-doc.right { transform:translateY(0); }
.bento-card:hover .bv-dd-stamp { opacity:1; }

/* Danışmanlık: Network Hub */
.bv-compass { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-cp-ring { width:50px; height:50px; border:2px solid #cbd5e1; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-cp-needle { width:4px; height:40px; position:relative; transition:transform 0.8s cubic-bezier(0.34,1.56,0.64,1); }
.bv-cp-needle::before { content:''; position:absolute; top:0; left:0; width:4px; height:20px; background:#ef4444; clip-path:polygon(50% 0, 100% 100%, 0 100%); }
.bv-cp-needle::after { content:''; position:absolute; bottom:0; left:0; width:4px; height:20px; background:#94a3b8; clip-path:polygon(0 0, 100% 0, 50% 100%); }
.bv-cp-center { position:absolute; width:8px; height:8px; background:#1e293b; border-radius:50%; z-index:2; }
.bento-card:hover .bv-cp-needle { transform:rotate(45deg); }

/* Tahkim: Globe Route */
.bv-globe { width:200px; padding:10px 0; transition:transform 0.4s; }
.bv-gl-header { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.bv-gl-icon { width:28px; height:28px; background:linear-gradient(135deg,#3b82f6,#60a5fa); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; }
.bv-gl-icon svg { width:14px; height:14px; }
.bv-gl-title { font-family:var(--sans); font-size:0.65rem; font-weight:700; color:#1e293b; }
.bv-gl-route { display:flex; align-items:center; gap:6px; margin-bottom:10px; }
.bv-gl-point { font-family:var(--sans); font-size:0.65rem; font-weight:800; color:#3b82f6; background:rgba(59,130,246,0.1); padding:4px 10px; border-radius:8px; }
.bv-gl-line { flex:1; height:2px; background:linear-gradient(90deg,#3b82f6,#93c5fd); border-radius:1px; position:relative; }
.bv-gl-line::after { content:'✈'; position:absolute; top:-10px; left:0; font-size:10px; transition:left 0.6s; }
.bv-gl-tags { display:flex; gap:4px; }
.bv-gl-tag { font-family:var(--sans); font-size:0.5rem; padding:2px 8px; border-radius:6px; background:rgba(59,130,246,0.06); color:#3b82f6; font-weight:500; }
.bento-card:hover .bv-globe { transform:translateY(-2px); }
.bento-card:hover .bv-gl-line::after { left:calc(100% - 14px); }

/* Vergi: Calculator */
.bv-calc { width:180px; background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(240,253,244,0.9)); border-radius:16px; padding:16px; border:1px solid rgba(16,185,129,0.12); box-shadow:0 12px 32px rgba(16,185,129,0.06); transition:transform 0.4s; }
.bv-calc-header { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.bv-calc-icon { width:28px; height:28px; background:linear-gradient(135deg,#10b981,#34d399); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; }
.bv-calc-icon svg { width:14px; height:14px; }
.bv-calc-title { font-family:var(--sans); font-size:0.65rem; font-weight:700; color:#1e293b; }
.bv-calc-display { background:#f0fdf4; border:1px solid rgba(16,185,129,0.15); border-radius:8px; padding:8px 10px; text-align:right; font-family:var(--sans); font-size:0.85rem; font-weight:800; color:#10b981; margin-bottom:8px; }
.bv-calc-keys { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; }
.bv-calc-key { background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; padding:4px; text-align:center; font-family:var(--sans); font-size:0.5rem; color:#64748b; font-weight:600; }
.bv-calc-key.accent { background:rgba(16,185,129,0.1); border-color:rgba(16,185,129,0.2); color:#10b981; }
.bento-card:hover .bv-calc { transform:translateY(-4px); }

/* KVKK: Lock Shield */
.bv-lockshield { width:200px; padding:10px 0; transition:transform 0.4s; }
.bv-ls-header { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.bv-ls-icon { width:30px; height:30px; background:linear-gradient(135deg,#6366f1,#818cf8); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; }
.bv-ls-icon svg { width:16px; height:16px; }
.bv-ls-title { font-family:var(--sans); font-size:0.7rem; font-weight:700; color:#1e293b; }
.bv-ls-items { display:flex; flex-direction:column; gap:5px; }
.bv-ls-item { display:flex; align-items:center; gap:6px; font-family:var(--sans); font-size:0.6rem; color:#475569; }
.bv-ls-dot { width:6px; height:6px; border-radius:50%; background:#6366f1; flex-shrink:0; }
.bv-ls-status { margin-left:auto; font-size:0.5rem; padding:1px 6px; border-radius:6px; font-weight:600; }
.bv-ls-status.ok { background:rgba(16,185,129,0.1); color:#10b981; }
.bv-ls-status.warn { background:rgba(245,158,11,0.1); color:#f59e0b; }
.bento-card:hover .bv-lockshield { transform:translateY(-2px); }

/* ============================================
   SİGORTA HUKUKU: Umbrella Shield + Rain
   ============================================ */
.bv-insurance {
    width:200px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    overflow:hidden;
    padding:8px 0 0;
}
.bv-ins-sky {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    pointer-events:none;
    overflow:hidden;
}
.bv-ins-drop {
    position:absolute;
    width:2px;
    height:10px;
    background:linear-gradient(180deg, transparent, rgba(59,130,246,0.5));
    border-radius:1px;
    opacity:0;
    animation:insRainFall 1.8s linear infinite;
}
.bv-ins-drop.d1 { left:15%; animation-delay:0s; }
.bv-ins-drop.d2 { left:30%; animation-delay:0.3s; }
.bv-ins-drop.d3 { left:50%; animation-delay:0.6s; }
.bv-ins-drop.d4 { left:70%; animation-delay:0.15s; }
.bv-ins-drop.d5 { left:85%; animation-delay:0.45s; }
.bv-ins-drop.d6 { left:40%; animation-delay:0.9s; }
.bv-ins-drop.d7 { left:60%; animation-delay:1.2s; }
@keyframes insRainFall {
    0%   { top:-12px; opacity:0; }
    10%  { opacity:0.7; }
    55%  { opacity:0.7; }
    65%  { opacity:0; top:45%; }
    100% { opacity:0; top:45%; }
}
.bv-ins-umbrella {
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.bv-ins-canopy {
    width:80px;
    height:40px;
    background:linear-gradient(180deg, #1e40af, #3b82f6);
    border-radius:80px 80px 0 0;
    position:relative;
    box-shadow:0 4px 16px rgba(59,130,246,0.3);
    transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s;
}
.bv-ins-canopy::before {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:6px;
    background:repeating-conic-gradient(#2563eb 0% 25%, #1d4ed8 25% 50%) 0 0/20px 6px;
    border-radius:0 0 4px 4px;
}
.bv-ins-canopy::after {
    content:'';
    position:absolute;
    top:-6px;
    left:50%;
    transform:translateX(-50%);
    width:4px;
    height:8px;
    background:#1e40af;
    border-radius:2px;
}
.bv-ins-pole {
    width:2px;
    height:22px;
    background:#1e40af;
}
.bv-ins-hook {
    width:10px;
    height:6px;
    border:2px solid #1e40af;
    border-top:none;
    border-radius:0 0 6px 6px;
    align-self:flex-end;
    transform:translateX(-3px);
}
.bv-ins-assets {
    display:flex;
    gap:10px;
    position:relative;
    z-index:1;
    margin-top:4px;
}
.bv-ins-asset {
    width:32px;
    height:32px;
    background:rgba(255,255,255,0.9);
    border:1.5px solid rgba(59,130,246,0.2);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#3b82f6;
    box-shadow:0 4px 10px rgba(59,130,246,0.08);
    transition:transform 0.4s, border-color 0.4s, box-shadow 0.4s;
}
.bv-ins-asset svg { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.8; }
.bv-ins-asset.a-car { color:#0ea5e9; border-color:rgba(14,165,233,0.2); }
.bv-ins-asset.a-home { color:#6366f1; border-color:rgba(99,102,241,0.2); }
.bv-ins-asset.a-heart { color:#e11d48; border-color:rgba(225,29,72,0.2); }
.bv-ins-label {
    font-family:var(--sans);
    font-size:0.5rem;
    font-weight:700;
    color:#3b82f6;
    text-transform:uppercase;
    letter-spacing:0.08em;
    background:rgba(59,130,246,0.08);
    padding:3px 10px;
    border-radius:8px;
    margin-top:4px;
}
.bento-card:hover .bv-ins-canopy {
    transform:translateY(-4px) scale(1.05);
    box-shadow:0 8px 24px rgba(59,130,246,0.35);
}
.bento-card:hover .bv-ins-asset {
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(59,130,246,0.15);
}
.bento-card:hover .bv-ins-asset.a-car { border-color:#0ea5e9; }
.bento-card:hover .bv-ins-asset.a-home { border-color:#6366f1; }
.bento-card:hover .bv-ins-asset.a-heart { border-color:#e11d48; }
.bento-card:hover .bv-insurance { transform:translateY(-4px); }

/* ============================================
   VATANDAŞLIK HUKUKU: Passport Stamp
   ============================================ */
.bv-passport {
    width:200px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}
.bv-pp-book {
    width:100px;
    height:70px;
    background:linear-gradient(135deg, #1e3a5f, #1a365d);
    border-radius:4px;
    position:relative;
    box-shadow:0 8px 24px rgba(30,58,95,0.25), inset 0 0 0 2px rgba(255,255,255,0.08);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    overflow:hidden;
    transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);
}
.bv-pp-book::before {
    content:'';
    position:absolute;
    top:0; left:0; bottom:0;
    width:6px;
    background:rgba(255,255,255,0.06);
    border-right:1px solid rgba(255,255,255,0.05);
}
.bv-pp-emblem {
    width:24px;
    height:24px;
    border:1.5px solid rgba(212,175,55,0.6);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
.bv-pp-emblem::before {
    content:'☆';
    color:rgba(212,175,55,0.7);
    font-size:10px;
}
.bv-pp-emblem::after {
    content:'';
    position:absolute;
    inset:-4px;
    border:1px dashed rgba(212,175,55,0.25);
    border-radius:50%;
}
.bv-pp-text {
    font-family:var(--serif);
    font-size:0.42rem;
    color:rgba(212,175,55,0.65);
    text-transform:uppercase;
    letter-spacing:0.15em;
    font-weight:700;
}
.bv-pp-stamp {
    position:absolute;
    top:8px;
    right:8px;
    width:38px;
    height:38px;
    border:2.5px solid #10b981;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:rotate(-25deg) scale(0);
    opacity:0;
    transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1), opacity 0.3s;
    z-index:3;
}
.bv-pp-stamp-inner {
    font-family:var(--sans);
    font-size:0.4rem;
    font-weight:900;
    color:#10b981;
    text-transform:uppercase;
    letter-spacing:0.06em;
    text-align:center;
    line-height:1.1;
}
.bv-pp-stamp::before {
    content:'';
    position:absolute;
    inset:3px;
    border:1px dashed rgba(16,185,129,0.4);
    border-radius:50%;
}
.bv-pp-pages {
    display:flex;
    gap:4px;
    margin-top:2px;
}
.bv-pp-page {
    width:28px;
    height:18px;
    background:rgba(255,255,255,0.95);
    border-radius:3px;
    border:1px solid #e2e8f0;
    position:relative;
    overflow:hidden;
    transition:transform 0.4s;
}
.bv-pp-page::before {
    content:'';
    position:absolute;
    top:3px; left:3px; right:3px;
    height:2px;
    background:#e2e8f0;
    border-radius:1px;
}
.bv-pp-page::after {
    content:'';
    position:absolute;
    top:7px; left:3px;
    width:60%;
    height:2px;
    background:#e2e8f0;
    border-radius:1px;
}
.bv-pp-page.p-stamped::before { background:rgba(16,185,129,0.3); }
.bv-pp-page.p-stamped::after { background:rgba(16,185,129,0.2); width:50%; }
.bv-pp-tags {
    display:flex;
    gap:4px;
}
.bv-pp-tag {
    font-family:var(--sans);
    font-size:0.5rem;
    padding:2px 8px;
    border-radius:6px;
    font-weight:600;
    transition:background 0.3s, color 0.3s;
}
.bv-pp-tag.t-ik { background:rgba(79,70,229,0.08); color:#4f46e5; }
.bv-pp-tag.t-cz { background:rgba(16,185,129,0.08); color:#059669; }
.bv-pp-tag.t-vt { background:rgba(245,158,11,0.08); color:#d97706; }

.bento-card:hover .bv-pp-book {
    transform:translateY(-3px) rotateZ(-2deg);
}
.bento-card:hover .bv-pp-stamp {
    transform:rotate(-25deg) scale(1);
    opacity:1;
}
.bento-card:hover .bv-pp-page {
    transform:translateY(-2px);
}
.bento-card:hover .bv-passport { transform:translateY(-4px); }

/* ============================================
   MARKA VE PATENT HUKUKU: Brand Seal
   ============================================ */
.bv-brand-seal {
    width:200px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}
.bv-bs-orbit {
    position:relative;
    width:90px;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.bv-bs-ring {
    position:absolute;
    border-radius:50%;
    border:1.5px dashed;
    transition:transform 0.8s cubic-bezier(0.34,1.56,0.64,1), border-color 0.4s;
}
.bv-bs-ring.r1 {
    width:90px; height:90px;
    border-color:rgba(147,51,234,0.15);
}
.bv-bs-ring.r2 {
    width:72px; height:72px;
    border-color:rgba(147,51,234,0.1);
    border-style:dotted;
}
.bv-bs-core {
    width:50px;
    height:50px;
    background:linear-gradient(135deg, #7c3aed, #9333ea);
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
    box-shadow:0 8px 24px rgba(124,58,237,0.3);
    transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s, border-radius 0.6s;
}
.bv-bs-tm {
    font-family:var(--serif);
    font-size:1.1rem;
    font-weight:700;
    color:#fff;
    line-height:1;
    position:relative;
}
.bv-bs-tm::after {
    content:'®';
    position:absolute;
    top:-4px;
    right:-10px;
    font-size:0.5rem;
    color:rgba(255,255,255,0.7);
}
.bv-bs-dots {
    position:absolute;
    width:100%;
    height:100%;
}
.bv-bs-dot {
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1), opacity 0.4s;
}
.bv-bs-dot.dot1 {
    top:0; left:50%; transform:translate(-50%, -50%);
    background:#a855f7;
    box-shadow:0 2px 6px rgba(168,85,247,0.4);
}
.bv-bs-dot.dot2 {
    bottom:10%; right:5%; transform:translate(50%, 0);
    background:#c084fc;
    box-shadow:0 2px 6px rgba(192,132,252,0.4);
}
.bv-bs-dot.dot3 {
    bottom:10%; left:5%; transform:translate(-50%, 0);
    background:#e9d5ff;
    box-shadow:0 2px 6px rgba(233,213,255,0.4);
}
.bv-bs-rows {
    display:flex;
    flex-direction:column;
    gap:4px;
    width:100%;
    padding:0 10px;
}
.bv-bs-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 10px;
    background:rgba(255,255,255,0.8);
    border-radius:8px;
    border:1px solid rgba(147,51,234,0.08);
    transition:border-color 0.3s, transform 0.3s;
}
.bv-bs-row-label {
    font-family:var(--sans);
    font-size:0.5rem;
    color:#64748b;
    font-weight:500;
}
.bv-bs-row-val {
    font-family:var(--sans);
    font-size:0.5rem;
    font-weight:700;
    color:#7c3aed;
    display:flex;
    align-items:center;
    gap:3px;
}
.bv-bs-row-check {
    width:12px;
    height:12px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:6px;
    font-weight:700;
}
.bv-bs-row-check.ok { background:rgba(16,185,129,0.12); color:#10b981; }
.bv-bs-row-check.proc { background:rgba(245,158,11,0.12); color:#f59e0b; }

.bento-card:hover .bv-bs-core {
    transform:scale(1.08) rotate(5deg);
    box-shadow:0 12px 32px rgba(124,58,237,0.4);
    border-radius:16px;
}
.bento-card:hover .bv-bs-ring.r1 {
    transform:rotate(30deg) scale(1.05);
    border-color:rgba(147,51,234,0.35);
}
.bento-card:hover .bv-bs-ring.r2 {
    transform:rotate(-20deg) scale(1.08);
    border-color:rgba(147,51,234,0.25);
}
.bento-card:hover .bv-bs-dot {
    transform:translate(0,0) scale(1.3);
}
.bento-card:hover .bv-bs-row {
    border-color:rgba(147,51,234,0.2);
    transform:translateX(2px);
}
.bento-card:hover .bv-brand-seal { transform:translateY(-4px); }

/* ============================================
   TAZMİNAT HUKUKU: Case File + Stamp
   ============================================ */
.bv-casefile {
    width:200px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.bv-cf-folder {
    width:120px;
    height:80px;
    position:relative;
    perspective:600px;
}
.bv-cf-back {
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#fda4af,#e11d48);
    border-radius:6px;
    box-shadow:0 6px 20px rgba(225,29,72,0.2);
}
.bv-cf-tab {
    position:absolute;
    top:-8px;
    left:12px;
    width:36px;
    height:10px;
    background:#e11d48;
    border-radius:4px 4px 0 0;
    box-shadow:0 -2px 4px rgba(225,29,72,0.15);
}
.bv-cf-tab::after {
    content:'₺';
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    font-size:6px;
    font-weight:800;
    color:rgba(255,255,255,0.6);
}
.bv-cf-front {
    position:absolute;
    inset:4px 0 0 0;
    background:#fff;
    border-radius:4px;
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:5px;
    transform-origin:bottom center;
    transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1);
    box-shadow:0 4px 12px rgba(0,0,0,0.06);
    z-index:2;
}
.bv-cf-title-row {
    display:flex;
    align-items:center;
    gap:5px;
    margin-bottom:2px;
}
.bv-cf-icon {
    width:14px;
    height:14px;
    background:rgba(225,29,72,0.1);
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#e11d48;
    font-size:7px;
    font-weight:800;
}
.bv-cf-label {
    font-family:var(--sans);
    font-size:0.5rem;
    font-weight:700;
    color:#1e293b;
    text-transform:uppercase;
    letter-spacing:0.04em;
}
.bv-cf-line {
    height:3px;
    border-radius:2px;
    background:#f1f5f9;
}
.bv-cf-line.cfl1 { width:100%; }
.bv-cf-line.cfl2 { width:65%; }
.bv-cf-amount {
    margin-top:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:1px dashed rgba(225,29,72,0.15);
    padding-top:5px;
}
.bv-cf-amount-label {
    font-family:var(--sans);
    font-size:0.4rem;
    color:#94a3b8;
    font-weight:600;
}
.bv-cf-amount-val {
    font-family:var(--sans);
    font-size:0.6rem;
    font-weight:800;
    color:#e11d48;
}
.bv-cf-stamp {
    position:absolute;
    bottom:14px;
    right:14px;
    width:40px;
    height:40px;
    border:3px solid #e11d48;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
    opacity:0;
    transform:rotate(-30deg) scale(1.8);
    transition:opacity 0.3s ease 0.2s, transform 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.2s;
    background:rgba(255,255,255,0.92);
}
.bv-cf-stamp-text {
    font-family:var(--sans);
    font-size:0.38rem;
    font-weight:900;
    color:#e11d48;
    text-transform:uppercase;
    letter-spacing:0.05em;
    text-align:center;
    line-height:1;
}
.bv-cf-stamp::before {
    content:'';
    position:absolute;
    inset:3px;
    border:1px dashed rgba(225,29,72,0.3);
    border-radius:50%;
}
.bento-card:hover .bv-cf-front { transform:rotateX(-8deg) translateY(-4px); }
.bento-card:hover .bv-cf-stamp { opacity:1; transform:rotate(-15deg) scale(1); }
.bento-card:hover .bv-casefile { transform:translateY(-4px); }

/* ============================================
   TÜKETİCİ HUKUKU: Barcode Scanner
   ============================================ */
.bv-scanner {
    width:200px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}
.bv-sc-screen {
    width:120px;
    height:72px;
    background:#0f172a;
    border-radius:10px;
    position:relative;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(15,23,42,0.25);
    border:2px solid #1e293b;
    padding:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
}
.bv-sc-barcode {
    display:flex;
    gap:2px;
    align-items:flex-end;
    height:28px;
}
.bv-sc-bar {
    background:#475569;
    border-radius:1px;
    transition:background 0.3s;
}
.bv-sc-bar.b1 { width:3px; height:28px; }
.bv-sc-bar.b2 { width:1px; height:24px; }
.bv-sc-bar.b3 { width:2px; height:28px; }
.bv-sc-bar.b4 { width:4px; height:20px; }
.bv-sc-bar.b5 { width:1px; height:28px; }
.bv-sc-bar.b6 { width:3px; height:16px; }
.bv-sc-bar.b7 { width:2px; height:28px; }
.bv-sc-bar.b8 { width:1px; height:22px; }
.bv-sc-bar.b9 { width:3px; height:28px; }
.bv-sc-bar.b10 { width:2px; height:18px; }
.bv-sc-bar.b11 { width:1px; height:28px; }
.bv-sc-bar.b12 { width:4px; height:24px; }
.bv-sc-bar.b13 { width:1px; height:28px; }
.bv-sc-bar.b14 { width:2px; height:20px; }
.bv-sc-laser {
    position:absolute;
    left:6px;
    right:6px;
    height:2px;
    background:linear-gradient(90deg, transparent, #ef4444, #ef4444, transparent);
    box-shadow:0 0 8px rgba(239,68,68,0.6), 0 0 20px rgba(239,68,68,0.3);
    top:50%;
    transform:translateY(-50%);
    opacity:0;
    transition:opacity 0.3s;
    animation:none;
}
@keyframes scanMove {
    0%, 100% { top:20%; }
    50% { top:75%; }
}
.bv-sc-result {
    position:absolute;
    inset:0;
    background:rgba(15,23,42,0.92);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    opacity:0;
    transition:opacity 0.4s ease 0.6s;
    z-index:3;
}
.bv-sc-check {
    width:24px;
    height:24px;
    background:linear-gradient(135deg, #10b981, #34d399);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:12px;
    font-weight:700;
    box-shadow:0 4px 12px rgba(16,185,129,0.4);
    transform:scale(0);
    transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1) 0.8s;
}
.bv-sc-result-text {
    font-family:var(--sans);
    font-size:0.5rem;
    font-weight:700;
    color:#10b981;
    text-transform:uppercase;
    letter-spacing:0.06em;
    opacity:0;
    transition:opacity 0.3s ease 1s;
}
.bv-sc-footer {
    display:flex;
    gap:4px;
}
.bv-sc-tag {
    font-family:var(--sans);
    font-size:0.48rem;
    font-weight:600;
    padding:3px 8px;
    border-radius:6px;
}
.bv-sc-tag.st1 { background:rgba(16,185,129,0.08); color:#059669; }
.bv-sc-tag.st2 { background:rgba(59,130,246,0.08); color:#2563eb; }
.bv-sc-tag.st3 { background:rgba(245,158,11,0.08); color:#d97706; }

.bento-card:hover .bv-sc-laser { opacity:1; animation:scanMove 1.2s ease-in-out; }
.bento-card:hover .bv-sc-bar { background:#94a3b8; }
.bento-card:hover .bv-sc-result { opacity:1; }
.bento-card:hover .bv-sc-check { transform:scale(1); }
.bento-card:hover .bv-sc-result-text { opacity:1; }
.bento-card:hover .bv-scanner { transform:translateY(-4px); }

/* ============================================
   SAĞLIK HUKUKU: Pill Capsule Opens to Law
   ============================================ */
.bv-capsule {
    width:200px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}
.bv-cap-body {
    width:110px;
    height:44px;
    position:relative;
    display:flex;
    border-radius:22px;
    overflow:visible;
}
.bv-cap-left {
    width:55px;
    height:44px;
    background:linear-gradient(180deg, #64748b, #475569);
    border-radius:22px 0 0 22px;
    position:relative;
    z-index:2;
    transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);
    box-shadow:inset -3px 0 6px rgba(0,0,0,0.1);
}
.bv-cap-left::after {
    content:'';
    position:absolute;
    top:6px;
    left:10px;
    right:8px;
    height:4px;
    background:rgba(255,255,255,0.25);
    border-radius:2px;
}
.bv-cap-right {
    width:55px;
    height:44px;
    background:linear-gradient(180deg, #94a3b8, #cbd5e1);
    border-radius:0 22px 22px 0;
    position:relative;
    z-index:2;
    transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);
    box-shadow:inset 3px 0 6px rgba(0,0,0,0.05);
}
.bv-cap-right::after {
    content:'';
    position:absolute;
    top:6px;
    right:10px;
    left:8px;
    height:4px;
    background:rgba(255,255,255,0.4);
    border-radius:2px;
}
.bv-cap-inside {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    z-index:1;
    opacity:0;
    transition:opacity 0.4s ease 0.2s;
}
.bv-cap-symbol {
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform 0.4s ease 0.3s;
    transform:scale(0.5);
}
.bv-cap-symbol svg {
    width:26px;
    height:26px;
    stroke:#1e293b;
    fill:none;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.bv-cap-shine {
    position:absolute;
    top:0;
    left:10px;
    width:8px;
    height:100%;
    background:linear-gradient(180deg, transparent, rgba(255,255,255,0.4), transparent);
    transform:skewX(-15deg);
    opacity:0.6;
}
.bv-cap-tags {
    display:flex;
    gap:4px;
}
.bv-cap-tag {
    font-family:var(--sans);
    font-size:0.48rem;
    font-weight:600;
    padding:3px 8px;
    border-radius:6px;
}
.bv-cap-tag.ct1 { background:rgba(100,116,139,0.1); color:#475569; }
.bv-cap-tag.ct2 { background:rgba(59,130,246,0.08); color:#2563eb; }
.bv-cap-tag.ct3 { background:rgba(16,185,129,0.08); color:#059669; }

.bento-card:hover .bv-cap-left { transform:translateX(-14px); }
.bento-card:hover .bv-cap-right { transform:translateX(14px); }
.bento-card:hover .bv-cap-inside { opacity:1; }
.bento-card:hover .bv-cap-symbol { transform:scale(1); }
.bento-card:hover .bv-capsule { transform:translateY(-4px); }

/* ============================================
   ŞİRKETLER HUKUKU: Corporate Tower
   ============================================ */
.bv-tower {
    width:200px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
}
.bv-tw-building {
    width:60px;
    height:80px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.bv-tw-antenna {
    width:2px;
    height:10px;
    background:#6366f1;
    position:relative;
    margin-bottom:-1px;
}
.bv-tw-antenna::before {
    content:'';
    position:absolute;
    top:0;
    left:-3px;
    width:8px;
    height:3px;
    background:#6366f1;
    border-radius:1px;
}
.bv-tw-flag {
    position:absolute;
    top:2px;
    right:-10px;
    width:8px;
    height:5px;
    background:#e11d48;
    border-radius:0 2px 2px 0;
    opacity:0;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1) 0.8s, opacity 0.3s ease 0.8s;
}
.bv-tw-body {
    width:56px;
    flex:1;
    background:linear-gradient(180deg, #4338ca, #4f46e5);
    border-radius:3px 3px 0 0;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:3px;
    padding:5px 4px;
    position:relative;
    box-shadow:0 8px 20px rgba(79,70,229,0.25);
}
.bv-tw-window {
    height:8px;
    background:rgba(255,255,255,0.12);
    border-radius:1px;
    transition:background 0.3s;
}
.bv-tw-window.lit { background:rgba(251,191,36,0.7); box-shadow:0 0 4px rgba(251,191,36,0.4); }
.bv-tw-door {
    grid-column:2;
    height:12px;
    background:rgba(255,255,255,0.25);
    border-radius:2px 2px 0 0;
    margin-top:auto;
}
.bv-tw-base {
    width:70px;
    height:6px;
    background:#312e81;
    border-radius:0 0 3px 3px;
}
.bv-tw-ground {
    width:90px;
    height:3px;
    background:linear-gradient(90deg, transparent, #e2e8f0, transparent);
    border-radius:2px;
    margin-top:-1px;
}
.bv-tw-label {
    font-family:var(--sans);
    font-size:0.48rem;
    font-weight:700;
    color:#4f46e5;
    text-transform:uppercase;
    letter-spacing:0.06em;
    background:rgba(79,70,229,0.06);
    padding:3px 10px;
    border-radius:6px;
}

.bento-card:hover .bv-tw-window:nth-child(1) { background:rgba(251,191,36,0.8); transition-delay:0.05s; }
.bento-card:hover .bv-tw-window:nth-child(2) { background:rgba(251,191,36,0.6); transition-delay:0.1s; }
.bento-card:hover .bv-tw-window:nth-child(3) { background:rgba(251,191,36,0.9); transition-delay:0.15s; }
.bento-card:hover .bv-tw-window:nth-child(4) { background:rgba(251,191,36,0.5); transition-delay:0.2s; }
.bento-card:hover .bv-tw-window:nth-child(5) { background:rgba(251,191,36,0.7); transition-delay:0.25s; }
.bento-card:hover .bv-tw-window:nth-child(6) { background:rgba(251,191,36,0.8); transition-delay:0.3s; }
.bento-card:hover .bv-tw-window:nth-child(7) { background:rgba(251,191,36,0.6); transition-delay:0.35s; }
.bento-card:hover .bv-tw-window:nth-child(8) { background:rgba(251,191,36,0.9); transition-delay:0.4s; }
.bento-card:hover .bv-tw-window:nth-child(9) { background:rgba(251,191,36,0.5); transition-delay:0.45s; }
.bento-card:hover .bv-tw-window:nth-child(10) { background:rgba(251,191,36,0.7); transition-delay:0.5s; }
.bento-card:hover .bv-tw-window:nth-child(11) { background:rgba(251,191,36,0.8); transition-delay:0.55s; }
.bento-card:hover .bv-tw-window:nth-child(12) { background:rgba(251,191,36,0.6); transition-delay:0.6s; }
.bento-card:hover .bv-tw-flag { opacity:1; transform:scaleX(1); }
.bento-card:hover .bv-tower { transform:translateY(-4px); }

/* ============================================
   YENİDEN YAPILANDIRMA: Puzzle Assembly
   ============================================ */
.bv-kintsugi {
    width:200px;
    height:110px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.bv-kt-vessel {
    width:64px;
    height:64px;
    position:relative;
}
/*
  Each piece is 32x32. Tabs protrude 8px on inner edges.
  Clip-path coordinates are in px within a 40x40 bounding box
  (32px piece + 8px tab space on each inner side).
  Tab shape: 8px protrusion, 12px wide, centered on the edge.
*/
.bv-kt-piece {
    position:absolute;
    transition: transform 0.65s cubic-bezier(0.34,1.56,0.64,1);
}
/* p1: top-left — tab RIGHT, tab BOTTOM */
.bv-kt-piece.p1 {
    top:0; left:0;
    width:40px; height:40px;
    transform: translate(-8px, -8px);
    background: #1e3a8a;
    clip-path: polygon(
        0 0,
        32px 0,
        32px 10px,
        40px 10px,
        40px 22px,
        32px 22px,
        32px 32px,
        22px 32px,
        22px 40px,
        10px 40px,
        10px 32px,
        0 32px
    );
}
/* p2: top-right — notch LEFT (concave receives p1 tab), tab BOTTOM */
.bv-kt-piece.p2 {
    top:0; right:0;
    width:40px; height:40px;
    transform: translate(8px, -8px);
    background: #2563eb;
    clip-path: polygon(
        8px 0,
        40px 0,
        40px 32px,
        30px 32px,
        30px 40px,
        18px 40px,
        18px 32px,
        8px 32px,
        8px 22px,
        0 22px,
        0 10px,
        8px 10px
    );
}
/* p3: bottom-left — notch TOP (receives p1 bottom tab), tab RIGHT */
.bv-kt-piece.p3 {
    bottom:0; left:0;
    width:40px; height:40px;
    transform: translate(-8px, 8px);
    background: #3b82f6;
    clip-path: polygon(
        0 8px,
        10px 8px,
        10px 0,
        22px 0,
        22px 8px,
        32px 8px,
        32px 22px,
        40px 22px,
        40px 10px,
        32px 10px,  
        32px 0,
        0 0
    );
    /* Fix: p3 notch on top, tab right */
    clip-path: polygon(
        10px 0,
        22px 0,
        22px 8px,
        32px 8px,
        32px 10px,
        40px 10px,
        40px 22px,
        32px 22px,
        32px 40px,
        0 40px,
        0 8px,
        10px 8px
    );
}
/* p4: bottom-right — notch TOP (receives p2 tab), notch LEFT (receives p3 tab) */
.bv-kt-piece.p4 {
    bottom:0; right:0;
    width:40px; height:40px;
    transform: translate(8px, 8px);
    background: #60a5fa;
    clip-path: polygon(
        8px 0,
        30px 0,
        30px 8px,
        40px 8px,
        40px 40px,
        8px 40px,
        8px 30px,
        0 30px,
        0 18px,
        8px 18px,
        8px 8px,
        18px 8px,
        18px 0
    );
    /* Fix: p4 notch top and notch left */
    clip-path: polygon(
        18px 0,
        30px 0,
        30px 8px,
        40px 8px,
        40px 40px,
        8px 40px,
        8px 30px,
        0 30px,
        0 18px,
        8px 18px,
        8px 0
    );
}
/* Gold seam lines */
.bv-kt-gold {
    position:absolute;
    background:#fbbf24;
    opacity:0;
    transition:opacity 0.3s ease 0.55s;
    box-shadow:0 0 5px rgba(251,191,36,0.7);
    pointer-events:none;
}
.bv-kt-gold.g1 { top:50%; left:4px; width:56px; height:2px; transform:translateY(-50%); }
.bv-kt-gold.g2 { left:50%; top:4px; width:2px; height:56px; transform:translateX(-50%); }
.bv-kt-phases { display:flex; gap:3px; }
.bv-kt-phase {
    display:flex; align-items:center; gap:3px;
    font-family:var(--sans); font-size:0.45rem; font-weight:700;
    padding:3px 7px; border-radius:6px; transition:transform 0.3s;
}
.bv-kt-phase.kp1 { background:rgba(239,68,68,0.08); color:#dc2626; }
.bv-kt-phase.kp2 { background:rgba(245,158,11,0.08); color:#d97706; }
.bv-kt-phase.kp3 { background:rgba(16,185,129,0.08); color:#059669; }
.bv-kt-phase-dot { width:5px; height:5px; border-radius:50%; background:currentColor; opacity:0.6; }

.bento-card:hover .bv-kt-piece.p1 { transform:translate(0,0); }
.bento-card:hover .bv-kt-piece.p2 { transform:translate(0,0); }
.bento-card:hover .bv-kt-piece.p3 { transform:translate(0,0); }
.bento-card:hover .bv-kt-piece.p4 { transform:translate(0,0); }
.bento-card:hover .bv-kt-gold { opacity:1; }
.bento-card:hover .bv-kt-phase { transform:translateY(-2px); }
.bento-card:hover .bv-kintsugi { transform:translateY(-4px); }

@media(max-width:768px) {
    .bv-dashboard,.bv-vitals,.bv-terminal,.bv-project,.bv-ecommerce,.bv-gauge,
    .bv-gavel,.bv-dualdoc,.bv-compass,.bv-globe,.bv-calc,.bv-lockshield,
    .bv-insurance,.bv-passport,.bv-brand-seal,
    .bv-casefile,.bv-scanner,.bv-capsule,.bv-tower,.bv-kintsugi,
    .bv-construction,.bv-shopping,.bv-turbine,.bv-wardrobe,.bv-debt-transfer,.bv-radar-wrapper,.bv-candlestick,.bv-gears,.bv-satellite,
    .bv-mediation,.bv-tax,.bv-concordat,.bv-restructure,.bv-shares,.bv-partner,.bv-deed,.bv-land,.bv-malpractice,.bv-consumer,.bv-trademark { width:min(200px,calc(100% - 24px)); }
}


/* ============================================
   İNŞAAT SEKTÖRÜ: Under Construction
   ============================================ */
/* ============================================
   İNŞAAT SEKTÖRÜ: Building Skyline
   ============================================ */
.bv-construction { width:200px; height:80px; position:relative; display:flex; align-items:flex-end; justify-content:center; gap:8px; padding-bottom:4px; }
.bv-cn-ground { position:absolute; bottom:4px; left:10px; right:10px; height:2px; background:#64748b; border-radius:1px; }
.bv-cn-bldg { background:#1e3a8a; border-radius:2px 2px 0 0; position:relative; transition:height 0.7s cubic-bezier(0.34,1.56,0.64,1); border-bottom:none; }
.bv-cn-bldg.b1 { width:28px; height:30px; transition-delay:0s; }
.bv-cn-bldg.b2 { width:36px; height:50px; transition-delay:0.1s; }
.bv-cn-bldg.b3 { width:22px; height:22px; transition-delay:0.2s; }
.bv-cn-win { position:absolute; background:rgba(147,197,253,0.6); border-radius:1px; }
.bv-cn-bldg.b1 .bv-cn-win { width:6px; height:8px; left:5px; top:6px; box-shadow:12px 0 0 rgba(147,197,253,0.6); }
.bv-cn-bldg.b2 .bv-cn-win { width:8px; height:8px; left:4px; top:8px; box-shadow:0 14px 0 rgba(147,197,253,0.6), 16px 0 0 rgba(147,197,253,0.6), 16px 14px 0 rgba(147,197,253,0.6); }
.bv-cn-bldg.b3 .bv-cn-win { width:6px; height:6px; left:4px; top:5px; }
.bento-card:hover .bv-cn-bldg.b1 { height:45px; }
.bento-card:hover .bv-cn-bldg.b2 { height:64px; }
.bento-card:hover .bv-cn-bldg.b3 { height:38px; }

/* ============================================
   PERAKENDE SEKTÖRÜ: Shopping Cart
   ============================================ */
.bv-shopping { width:200px; position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; }
.bv-shp-cart { position:relative; width:60px; height:50px; }
.bv-shp-basket { position:absolute; top:10px; right:0; width:45px; height:28px; border:3px solid #8b5cf6; border-top:none; border-radius:0 0 8px 8px; transition:transform 0.4s; }
.bv-shp-handle { position:absolute; top:10px; left:0; width:15px; height:3px; background:#8b5cf6; transform:rotate(-45deg); transform-origin:right center; }
.bv-shp-wheel { position:absolute; bottom:0; width:10px; height:10px; border:2.5px solid #8b5cf6; border-radius:50%; }
.bv-shp-wheel.w1 { left:20px; }
.bv-shp-wheel.w2 { right:5px; }
.bv-shp-item { position:absolute; width:14px; height:14px; border-radius:4px; opacity:0; transition:opacity 0.3s, transform 0.5s cubic-bezier(0.34,1.56,0.64,1); }
.bv-shp-item.i1 { background:#ec4899; top:-20px; left:20px; transition-delay:0.1s; }
.bv-shp-item.i2 { background:#06b6d4; top:-20px; left:35px; transition-delay:0.2s; }
.bv-shp-item.i3 { background:#f59e0b; top:-20px; left:28px; transition-delay:0.3s; }
.bv-shp-receipt { width:100%; display:flex; gap:4px; justify-content:center; }
.bv-shp-tag { font-family:var(--sans); font-size:0.48rem; font-weight:600; padding:3px 8px; border-radius:6px; background:rgba(139,92,246,0.1); color:#7c3aed; }
.bento-card:hover .bv-shp-cart { transform:translateX(8px); }
.bento-card:hover .bv-shp-item { opacity:1; transform:translateY(25px); }
.bento-card:hover .bv-shopping { transform:translateY(-4px); }

/* ============================================
   ENERJİ SEKTÖRÜ: Wind Turbine
   ============================================ */
.bv-turbine { width:200px; position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; }
.bv-trb-scene { width:100px; height:80px; position:relative; display:flex; justify-content:center; align-items:flex-end; padding-bottom:10px; }
.bv-trb-tower { width:6px; height:50px; background:linear-gradient(90deg, #cbd5e1, #e2e8f0, #94a3b8); border-radius:3px 3px 0 0; position:relative; z-index:1; }
.bv-trb-rotor { position:absolute; top:-4px; left:50%; width:12px; height:12px; background:#64748b; border-radius:50%; transform:translate(-50%, -50%); z-index:2; transition:transform 2s linear; }
.bv-trb-blade { position:absolute; width:4px; height:32px; background:#e2e8f0; border-radius:2px 2px 50% 50%; top:50%; left:50%; transform-origin:top center; box-shadow:inset 0 -5px 10px rgba(0,0,0,0.1); }
.bv-trb-blade.bl1 { transform:translate(-50%, 0) rotate(0deg); }
.bv-trb-blade.bl2 { transform:translate(-50%, 0) rotate(120deg); }
.bv-trb-blade.bl3 { transform:translate(-50%, 0) rotate(240deg); }
.bv-trb-grid { position:absolute; bottom:0; left:10%; right:10%; height:4px; background:#10b981; border-radius:2px; box-shadow:0 0 0 rgba(16,185,129,0); transition:box-shadow 0.5s; }
.bv-trb-nodes { display:flex; justify-content:space-between; width:100%; position:absolute; bottom:-3px; }
.bv-trb-node { width:10px; height:10px; background:#fff; border:2px solid #10b981; border-radius:50%; transition:background 0.3s; }
.bento-card:hover .bv-trb-rotor { transform:translate(-50%, -50%) rotate(360deg); }
.bento-card:hover .bv-trb-grid { box-shadow:0 0 12px rgba(16,185,129,0.8); }
.bento-card:hover .bv-trb-node { background:#10b981; }
.bento-card:hover .bv-turbine { transform:translateY(-4px); }

/* ============================================
   TEKSTİL SEKTÖRÜ: Fabric Roll & Scissors
   ============================================ */
.bv-wardrobe { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; gap:16px; }
/* Fabric roll */
.bv-wr-roll { width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg, #ec4899, #be185d); position:relative; overflow:hidden; box-shadow:2px 2px 8px rgba(0,0,0,0.1); transition:transform 0.6s; }
.bv-wr-roll::before { content:''; position:absolute; inset:4px; border-radius:50%; background:linear-gradient(135deg,#fce7f3,#fbcfe8); }
.bv-wr-roll::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:8px; height:8px; background:#be185d; border-radius:50%; }
/* Fabric strip unrolling */
.bv-wr-fabric { width:0; height:16px; background:repeating-linear-gradient(90deg, #ec4899 0px, #ec4899 8px, #f9a8d4 8px, #f9a8d4 16px); border-radius:0 2px 2px 0; transition:width 0.7s cubic-bezier(0.34,1.56,0.64,1); overflow:hidden; align-self:center; }
/* Scissors */
.bv-wr-scissors { width:34px; height:34px; position:relative; transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1); }
.bv-wr-scissors svg { width:100%; height:100%; fill:none; stroke:#64748b; stroke-width:2; stroke-linecap:round; transition:stroke 0.4s; }
.bento-card:hover .bv-wr-roll { transform:rotate(180deg); }
.bento-card:hover .bv-wr-fabric { width:44px; }
.bento-card:hover .bv-wr-scissors { transform:rotate(-15deg); }
.bento-card:hover .bv-wr-scissors svg { stroke:#ec4899; }

/* ============================================
   VARLIK YÖNETİMİ: Debt Portfolio Transfer
   ============================================ */
.bv-debt-transfer { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-dt-scene { width:160px; height:70px; position:relative; display:flex; align-items:flex-end; justify-content:space-between; }
.bv-dt-bank { width:44px; height:50px; background:linear-gradient(180deg, #334155, #1e293b); border-radius:3px 3px 0 0; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:4px; }
.bv-dt-bank::before { content:'BANKA'; font-family:var(--sans); font-size:5.5px; color:#94a3b8; font-weight:700; letter-spacing:0.04em; }
.bv-dt-bank-top { position:absolute; top:-10px; left:-4px; right:-4px; height:10px; background:#1e293b; clip-path:polygon(50% 0, 100% 100%, 0 100%); }
.bv-dt-company { width:48px; height:60px; background:linear-gradient(180deg, #4338ca, #3730a3); border-radius:3px 3px 0 0; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:4px; }
.bv-dt-company::before { content:'VARLIK'; font-family:var(--sans); font-size:5.5px; color:#a5b4fc; font-weight:700; letter-spacing:0.04em; }
.bv-dt-company::after { content:'A.Ş.'; font-family:var(--sans); font-size:5.5px; color:#a5b4fc; font-weight:700; display:block; }
.bv-dt-company-top { position:absolute; top:-12px; left:-4px; right:-4px; height:12px; background:#3730a3; clip-path:polygon(50% 0, 100% 100%, 0 100%); }
.bv-dt-road { position:absolute; bottom:0; left:44px; right:48px; height:2px; background:linear-gradient(90deg, #64748b, #4f46e5); }
.bv-dt-arrow { position:absolute; bottom:-1px; right:47px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #4f46e5; }
.bv-dt-file { width:14px; height:18px; border-radius:2px; position:absolute; bottom:2px; left:45px; background:#ef4444; opacity:0; box-shadow:0 2px 6px rgba(0,0,0,0.15); }
.bv-dt-file::after { content:'₺'; color:#fff; font-size:9px; font-weight:bold; position:absolute; top:2px; left:3px; }

@keyframes debtTransfer1 {
    0% { transform:translate(0, 0) scale(0.9); opacity:0; background:#ef4444; }
    20% { opacity:1; }
    80% { opacity:1; background:#10b981; }
    100% { transform:translate(52px, 0) scale(1); opacity:0; }
}
@keyframes debtTransfer2 {
    0% { transform:translate(0, -5px) scale(0.9); opacity:0; background:#ef4444; }
    20% { opacity:1; }
    80% { opacity:1; background:#10b981; }
    100% { transform:translate(52px, 0) scale(1); opacity:0; }
}
@keyframes debtTransfer3 {
    0% { transform:translate(0, -10px) scale(0.9); opacity:0; background:#ef4444; }
    20% { opacity:1; }
    80% { opacity:1; background:#10b981; }
    100% { transform:translate(52px, 0) scale(1); opacity:0; }
}

.bento-card:hover .bv-dt-file.f1 { animation:debtTransfer1 1.2s cubic-bezier(0.34,1.56,0.64,1) forwards; }
.bento-card:hover .bv-dt-file.f2 { animation:debtTransfer2 1.2s cubic-bezier(0.34,1.56,0.64,1) 0.2s forwards; }
.bento-card:hover .bv-dt-file.f3 { animation:debtTransfer3 1.2s cubic-bezier(0.34,1.56,0.64,1) 0.4s forwards; }
.bento-card:hover .bv-debt-transfer { transform:translateY(-4px); }


/* ============================================
   HAVACILIK VE TAŞIMA: Corporate Radar
   ============================================ */
.bv-radar-wrapper { width:200px; position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; }
.bv-radar { width:70px; height:70px; border-radius:50%; border:2px solid #94a3b8; position:relative; background:rgba(241,245,249,0.5); overflow:hidden; display:flex; align-items:center; justify-content:center; box-shadow:inset 0 0 10px rgba(0,0,0,0.05); }
.bv-radar::before { content:''; position:absolute; width:100%; height:1px; background:#cbd5e1; }
.bv-radar::after { content:''; position:absolute; height:100%; width:1px; background:#cbd5e1; }
.bv-rd-circle { position:absolute; width:36px; height:36px; border:1px solid #cbd5e1; border-radius:50%; }
.bv-rd-sweep { position:absolute; top:50%; left:50%; width:35px; height:35px; background:conic-gradient(from 0deg, rgba(59,130,246,0) 0deg, rgba(59,130,246,0.5) 90deg, transparent 90deg); transform-origin:0 0; opacity:0.4; }
.bv-rd-dot { position:absolute; width:6px; height:6px; background:#ef4444; border-radius:50%; top:20px; right:15px; opacity:0; transition:opacity 0.3s; box-shadow:0 0 6px rgba(239,68,68,0.8); }
.bv-rd-dot.d2 { top:45px; left:25px; background:#10b981; box-shadow:0 0 6px rgba(16,185,129,0.8); }
.bv-rd-tags { display:flex; gap:4px; margin-top:4px; }
.bv-rd-tag { font-family:var(--sans); font-size:0.45rem; font-weight:700; padding:3px 8px; border-radius:6px; background:rgba(59,130,246,0.1); color:#2563eb; }

@keyframes radarSpin { 100% { transform:rotate(360deg); } }
@keyframes dotBlink { 0%, 100% { opacity:1; } 50% { opacity:0.3; } }

.bento-card:hover .bv-rd-sweep { animation:radarSpin 2s linear infinite; opacity:1; }
.bento-card:hover .bv-rd-dot { opacity:1; animation:dotBlink 1.5s infinite; }
.bento-card:hover .bv-rd-dot.d2 { animation-delay:0.5s; }
.bento-card:hover .bv-radar-wrapper { transform:translateY(-4px); }

/* ============================================
   FONLAR VE YATIRIM: Candlestick Chart
   ============================================ */
.bv-candlestick { width:200px; position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; }
.bv-cd-chart { width:120px; height:60px; border-bottom:2px solid #cbd5e1; border-left:2px solid #cbd5e1; position:relative; display:flex; align-items:flex-end; justify-content:space-around; padding:0 5px 5px; }
.bv-cd-candle { width:12px; position:relative; display:flex; justify-content:center; }
.bv-cd-body { width:100%; border-radius:2px; transition:height 0.6s cubic-bezier(0.34,1.56,0.64,1); }
.bv-cd-wick { position:absolute; width:2px; background:inherit; z-index:-1; transition:height 0.6s cubic-bezier(0.34,1.56,0.64,1), bottom 0.6s cubic-bezier(0.34,1.56,0.64,1); }
.bv-cd-candle.up .bv-cd-body { background:#10b981; }
.bv-cd-candle.up .bv-cd-wick { background:#10b981; }
.bv-cd-candle.down .bv-cd-body { background:#ef4444; }
.bv-cd-candle.down .bv-cd-wick { background:#ef4444; }
.bv-cd-candle.c1 .bv-cd-body { height:15px; } .bv-cd-candle.c1 .bv-cd-wick { height:30px; bottom:-5px; }
.bv-cd-candle.c2 .bv-cd-body { height:25px; } .bv-cd-candle.c2 .bv-cd-wick { height:40px; bottom:-5px; }
.bv-cd-candle.c3 .bv-cd-body { height:10px; } .bv-cd-candle.c3 .bv-cd-wick { height:20px; bottom:15px; }
.bv-cd-candle.c4 .bv-cd-body { height:30px; } .bv-cd-candle.c4 .bv-cd-wick { height:50px; bottom:-5px; }
.bv-cd-lens { position:absolute; top:5px; right:15px; width:30px; height:30px; border:3px solid #6366f1; border-radius:50%; background:rgba(99,102,241,0.1); backdrop-filter:blur(2px); opacity:0; transform:scale(0.5); transition:opacity 0.4s ease 0.2s, transform 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.2s; }
.bv-cd-lens::after { content:''; position:absolute; bottom:-8px; right:-8px; width:12px; height:4px; background:#6366f1; transform:rotate(45deg); border-radius:2px; }
.bv-cd-tags { display:flex; gap:4px; }
.bv-cd-tag { font-family:var(--sans); font-size:0.45rem; font-weight:700; padding:3px 8px; border-radius:6px; background:rgba(16,185,129,0.1); color:#059669; }
.bento-card:hover .bv-cd-candle.c1 .bv-cd-body { height:20px; }
.bento-card:hover .bv-cd-candle.c2 .bv-cd-body { height:35px; }
.bento-card:hover .bv-cd-candle.c3 .bv-cd-body { height:15px; }
.bento-card:hover .bv-cd-candle.c4 .bv-cd-body { height:45px; }
.bento-card:hover .bv-cd-lens { opacity:1; transform:scale(1); }
.bento-card:hover .bv-candlestick { transform:translateY(-4px); }

/* ============================================
   SANAYİ VE ÜRETİM: Turning Gears
   ============================================ */
.bv-gears { width:200px; position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; }
.bv-gr-machine { width:100px; height:60px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-gr-gear { position:absolute; border-radius:50%; border:3px dashed; transition:transform 2s linear; display:flex; align-items:center; justify-content:center; }
.bv-gr-gear::after { content:''; position:absolute; width:30%; height:30%; background:currentColor; border-radius:50%; }
.bv-gr-gear.g1 { width:44px; height:44px; left:10px; top:5px; color:#475569; border-width:4px; }
.bv-gr-gear.g2 { width:30px; height:30px; right:20px; bottom:5px; color:#f59e0b; }
.bv-gr-gear.g3 { width:20px; height:20px; right:10px; top:10px; color:#3b82f6; border-width:2px; }
.bv-gr-belt { position:absolute; width:120px; height:4px; background:#94a3b8; bottom:-5px; border-radius:2px; overflow:hidden; }
.bv-gr-belt-line { width:200%; height:100%; background:repeating-linear-gradient(90deg, #64748b 0, #64748b 5px, transparent 5px, transparent 10px); transform:translateX(0); transition:transform 2s linear; }
.bv-gr-tags { display:flex; gap:4px; margin-top:5px; }
.bv-gr-tag { font-family:var(--sans); font-size:0.45rem; font-weight:700; padding:3px 8px; border-radius:6px; background:rgba(71,85,105,0.1); color:#475569; }
.bento-card:hover .bv-gr-gear.g1 { transform:rotate(180deg); }
.bento-card:hover .bv-gr-gear.g2 { transform:rotate(-240deg); }
.bento-card:hover .bv-gr-gear.g3 { transform:rotate(360deg); }
.bento-card:hover .bv-gr-belt-line { transform:translateX(-50%); }
.bento-card:hover .bv-gears { transform:translateY(-4px); }

/* ============================================
   TELEKOMÜNİKASYON: Satellite Dish
   ============================================ */
.bv-satellite { width:200px; position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; }
.bv-st-scene { width:120px; height:60px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-st-dish { width:40px; height:40px; border-radius:50%; border-right:4px solid #3b82f6; position:absolute; left:10px; transform:rotate(-30deg); transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1); display:flex; align-items:center; justify-content:center; }
.bv-st-dish::before { content:''; position:absolute; right:12px; width:10px; height:2px; background:#3b82f6; }
.bv-st-dish::after { content:''; position:absolute; right:8px; width:4px; height:4px; background:#2563eb; border-radius:50%; }
.bv-st-base { position:absolute; left:25px; bottom:5px; width:10px; height:20px; background:#94a3b8; border-radius:2px; clip-path:polygon(20% 0, 80% 0, 100% 100%, 0 100%); }
.bv-st-waves { position:absolute; left:55px; top:15px; display:flex; gap:4px; }
.bv-st-wave { width:10px; height:30px; border-right:3px solid #60a5fa; border-radius:50%; opacity:0; transform:scale(0.5); transition:opacity 0.3s, transform 0.4s; }
.bv-st-node { position:absolute; right:10px; top:25px; width:12px; height:12px; background:#10b981; border-radius:50%; box-shadow:0 0 0 rgba(16,185,129,0); transition:box-shadow 0.4s ease 0.4s; }
.bv-st-tags { display:flex; gap:4px; }
.bv-st-tag { font-family:var(--sans); font-size:0.45rem; font-weight:700; padding:3px 8px; border-radius:6px; background:rgba(59,130,246,0.1); color:#2563eb; }
.bento-card:hover .bv-st-dish { transform:rotate(0deg); }
.bento-card:hover .bv-st-wave:nth-child(1) { opacity:0.4; transform:scale(0.8); transition-delay:0.1s; }
.bento-card:hover .bv-st-wave:nth-child(2) { opacity:0.7; transform:scale(1); transition-delay:0.2s; }
.bento-card:hover .bv-st-wave:nth-child(3) { opacity:1; transform:scale(1.2); transition-delay:0.3s; }
.bento-card:hover .bv-st-node { box-shadow:0 0 15px rgba(16,185,129,0.8); }
.bento-card:hover .bv-satellite { transform:translateY(-4px); }

/* ============================================
   SEKTÖR DETAY: FİNANS
   ============================================ */

/* 1. Bankacılık Hukuku: Bank Building */
.bvs-fin-bank { width:160px; background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(240,253,244,0.9)); border-radius:12px; padding:15px; border:1px solid rgba(16,185,129,0.2); display:flex; flex-direction:column; align-items:center; gap:8px; box-shadow:0 8px 20px rgba(16,185,129,0.05); transition:transform 0.4s; }
.bvs-bank-roof { width:100%; border-bottom:20px solid #10b981; border-left:20px solid transparent; border-right:20px solid transparent; height:0; position:relative; }
.bvs-bank-roof::after { content:''; position:absolute; top:20px; left:-25px; width:calc(100% + 50px); height:6px; background:#059669; }
.bvs-bank-pillars { display:flex; justify-content:space-between; width:80%; margin-top:6px; height:30px; }
.bvs-bank-pillar { width:12px; background:#10b981; border-radius:2px; transition:transform 0.3s; }
.bvs-bank-base { width:90%; height:8px; background:#059669; margin-top:2px; border-radius:2px; }
.bento-card:hover .bvs-bank-pillar { transform:scaleY(1.1); }
.bento-card:hover .bvs-fin-bank { transform:translateY(-5px); }

/* 2. Sermaye Piyasaları: Candlestick Chart */
.bvs-fin-market { width:160px; height:80px; display:flex; align-items:flex-end; justify-content:center; gap:12px; padding:10px; border-bottom:2px solid #e2e8f0; border-left:2px solid #e2e8f0; position:relative; transition:transform 0.4s; }
.bvs-candle { width:14px; position:relative; display:flex; justify-content:center; transition:transform 0.3s; }
.bvs-candle-body { width:100%; border-radius:2px; z-index:2; }
.bvs-candle-wick { width:2px; height:100%; position:absolute; z-index:1; }
.bvs-candle.up .bvs-candle-body { background:#10b981; } .bvs-candle.up .bvs-candle-wick { background:#059669; }
.bvs-candle.down .bvs-candle-body { background:#ef4444; } .bvs-candle.down .bvs-candle-wick { background:#b91c1c; }
.bvs-candle.c1 { height:40px; } .bvs-candle.c1 .bvs-candle-body { height:20px; margin-top:10px; }
.bvs-candle.c2 { height:30px; } .bvs-candle.c2 .bvs-candle-body { height:15px; margin-top:5px; }
.bvs-candle.c3 { height:60px; } .bvs-candle.c3 .bvs-candle-body { height:30px; margin-top:10px; }
.bvs-candle.c4 { height:50px; } .bvs-candle.c4 .bvs-candle-body { height:25px; margin-top:15px; }
.bento-card:hover .bvs-candle { transform:translateY(-5px); }
.bento-card:hover .bvs-fin-market { transform:translateY(-5px); }

/* 3. Proje Finansmanı: Gear & Investment */
.bvs-fin-proj { width:180px; display:flex; align-items:center; justify-content:space-around; background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(241,245,249,0.9)); padding:15px; border-radius:12px; border:1px solid #cbd5e1; transition:transform 0.4s; }
.bvs-gear { width:40px; height:40px; border:6px dashed #3b82f6; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center; animation:spin 10s linear infinite; }
@keyframes spin { 100% { transform:rotate(360deg); } }
.bvs-gear-inner { width:16px; height:16px; background:#3b82f6; border-radius:50%; }
.bvs-proj-arrow { width:30px; height:4px; background:#94a3b8; position:relative; transition:background 0.3s; }
.bvs-proj-arrow::after { content:''; position:absolute; right:-4px; top:-4px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid #94a3b8; transition:border-left-color 0.3s; }
.bvs-proj-coin { width:32px; height:32px; background:#f59e0b; border-radius:50%; border:3px solid #d97706; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold; font-size:12px; }
.bento-card:hover .bvs-gear { animation-duration:3s; }
.bento-card:hover .bvs-proj-arrow { background:#3b82f6; } .bento-card:hover .bvs-proj-arrow::after { border-left-color:#3b82f6; }
.bento-card:hover .bvs-fin-proj { transform:translateY(-5px); }

/* 4. Sigorta Hukuku: Shield Umbrella */
.bvs-fin-ins { width:160px; position:relative; display:flex; flex-direction:column; align-items:center; gap:10px; }
.bvs-ins-shield { width:60px; height:70px; background:linear-gradient(135deg,#ef4444,#b91c1c); clip-path:polygon(50% 0%, 100% 20%, 100% 70%, 50% 100%, 0% 70%, 0% 20%); display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 10px 20px rgba(239,68,68,0.3); z-index:2; transition:transform 0.4s; }
.bvs-ins-shield svg { width:28px; height:28px; }
.bvs-ins-items { display:flex; gap:15px; position:relative; top:-15px; z-index:1; }
.bvs-ins-item { width:30px; height:30px; background:#fff; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#64748b; box-shadow:0 4px 10px rgba(0,0,0,0.1); border:1px solid #e2e8f0; }
.bvs-ins-item svg { width:16px; height:16px; }
.bento-card:hover .bvs-ins-shield { transform:translateY(-10px) scale(1.05); }

/* 5. FinTech Hukuku: Digital Wallet */
.bvs-fin-fintech { width:180px; height:100px; background:linear-gradient(135deg,#4f46e5,#818cf8); border-radius:16px; padding:15px; position:relative; overflow:hidden; box-shadow:0 10px 25px rgba(79,70,229,0.2); transition:transform 0.4s; }
.bvs-ft-screen { width:100%; height:100%; border-radius:8px; display:flex; flex-direction:column; justify-content:center; gap:8px; color:#fff; position:relative; z-index:2; }
.bvs-ft-row { display:flex; justify-content:space-between; align-items:center; }
.bvs-ft-chip { width:24px; height:18px; background:#fbbf24; border-radius:4px; opacity:0.8; }
.bvs-ft-signal svg { width:20px; height:20px; fill:rgba(255,255,255,0.8); }
.bvs-ft-num { font-family:monospace; font-size:12px; letter-spacing:2px; opacity:0.9; }
.bvs-ft-circles { position:absolute; right:-20px; bottom:-20px; width:80px; height:80px; border-radius:50%; border:2px dashed rgba(255,255,255,0.3); animation:spin 8s linear infinite; z-index:1; }
.bento-card:hover .bvs-ft-circles { border-color:rgba(255,255,255,0.6); }
.bento-card:hover .bvs-fin-fintech { transform:translateY(-5px); }

/* 6. Düzenleyici Uyum: Reg Checklist */
.bvs-fin-reg { width:160px; background:#fff; border-radius:8px; padding:15px; box-shadow:0 8px 20px rgba(0,0,0,0.05); border:1px solid #e2e8f0; border-top:6px solid #64748b; position:relative; transition:transform 0.4s; }
.bvs-reg-title { width:60%; height:6px; background:#cbd5e1; border-radius:3px; margin-bottom:12px; }
.bvs-reg-list { display:flex; flex-direction:column; gap:8px; }
.bvs-reg-item { display:flex; align-items:center; gap:8px; }
.bvs-reg-box { width:12px; height:12px; border:2px solid #94a3b8; border-radius:3px; transition:all 0.3s; }
.bvs-reg-box.done { background:#10b981; border-color:#10b981; position:relative; }
.bvs-reg-box.done::after { content:''; position:absolute; left:2px; top:-1px; width:4px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.bvs-reg-line { flex:1; height:4px; background:#f1f5f9; border-radius:2px; }
.bvs-reg-stamp { position:absolute; right:10px; bottom:10px; width:40px; height:40px; border:2px solid #ef4444; border-radius:50%; color:#ef4444; font-size:8px; font-weight:bold; display:flex; align-items:center; justify-content:center; transform:rotate(-20deg); opacity:0; transition:opacity 0.4s, transform 0.4s; }
.bento-card:hover .bvs-reg-stamp { opacity:1; transform:rotate(-20deg) scale(1.1); }
.bento-card:hover .bvs-fin-reg { transform:translateY(-5px); }

/* ============================================
   SEKTÖR DETAY: SAĞLIK
   ============================================ */

/* 1. Hastane Yönetimi: Hospital Building */
.bvs-sag-hosp { width:160px; display:flex; flex-direction:column; align-items:center; transition:transform 0.4s; }
.bvs-hosp-cross { width:24px; height:24px; background:#ef4444; border-radius:4px; position:relative; margin-bottom:-12px; z-index:2; display:flex; align-items:center; justify-content:center; }
.bvs-hosp-cross::before { content:''; position:absolute; width:12px; height:12px; border-radius:50%; box-shadow:inset 4px 0 0 0 #fff; transform:rotate(-30deg); background:transparent; }
.bvs-hosp-cross::after { display:none; }
.bvs-hosp-building { width:100px; height:80px; background:#f8fafc; border:2px solid #cbd5e1; border-radius:8px 8px 0 0; display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; padding:15px 10px 0 10px; position:relative; }
.bvs-hosp-win { background:#bae6fd; border-radius:2px; transition:background 0.3s; }
.bvs-hosp-door { grid-column:2; grid-row:2/4; background:#94a3b8; border-radius:4px 4px 0 0; margin-top:10px; }
.bento-card:hover .bvs-hosp-win { background:#fbbf24; }
.bento-card:hover .bvs-sag-hosp { transform:translateY(-5px); }

/* 2. Tıbbi Malpraktis: Warning + Gavel */
.bvs-sag-mal { width:180px; display:flex; align-items:center; justify-content:space-between; padding:0 10px; transition:transform 0.4s; }
.bvs-mal-warn { width:40px; height:35px; background:#fbbf24; clip-path:polygon(50% 0%, 0% 100%, 100% 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold; font-size:16px; position:relative; }
.bvs-mal-warn::after { content:'!'; position:absolute; top:10px; color:#b45309; font-size:14px; }
.bvs-mal-pulse { flex:1; height:30px; display:flex; align-items:center; justify-content:center; padding:0 10px; }
.bvs-mal-pulse svg { width:100%; height:100%; stroke:#ef4444; stroke-width:2; fill:none; }
.bvs-mal-gavel { width:30px; height:30px; background:#78350f; border-radius:4px; transform:rotate(-45deg); display:flex; align-items:center; justify-content:center; color:#fff; transition:transform 0.4s; }
.bvs-mal-gavel svg { width:16px; height:16px; }
.bento-card:hover .bvs-mal-gavel { transform:rotate(0deg); }
.bento-card:hover .bvs-sag-mal { transform:translateY(-5px); }

/* 3. İlaç ve Medikal Cihaz: Pill & DNA */
.bvs-sag-pharma { width:180px; display:flex; align-items:center; justify-content:space-around; background:rgba(255,255,255,0.5); padding:15px; border-radius:12px; border:1px solid rgba(255,255,255,0.8); transition:transform 0.4s; }
.bvs-pill { width:50px; height:20px; border-radius:10px; display:flex; overflow:hidden; box-shadow:0 4px 10px rgba(0,0,0,0.1); transform:rotate(-20deg); transition:transform 0.4s; }
.bvs-pill-l { flex:1; background:#ef4444; } .bvs-pill-r { flex:1; background:#fff; }
.bvs-dna { display:flex; flex-direction:column; gap:4px; }
.bvs-dna-link { width:30px; height:6px; background:#3b82f6; border-radius:3px; position:relative; transition:transform 0.3s; }
.bvs-dna-link::before, .bvs-dna-link::after { content:''; position:absolute; width:10px; height:10px; border-radius:50%; top:-2px; }
.bvs-dna-link::before { left:-4px; background:#8b5cf6; } .bvs-dna-link::after { right:-4px; background:#ec4899; }
.bento-card:hover .bvs-pill { transform:rotate(0deg) scale(1.1); }
.bento-card:hover .bvs-dna-link { transform:scaleX(1.2); }
.bento-card:hover .bvs-sag-pharma { transform:translateY(-5px); }

/* 4. Sağlık Mevzuatı: Law Book Cross */
.bvs-sag-law { width:150px; position:relative; display:flex; flex-direction:column; align-items:center; transition:transform 0.4s; }
.bvs-law-book { width:100px; height:70px; background:#1e293b; border-radius:4px; border-left:10px solid #cbd5e1; position:relative; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 15px rgba(0,0,0,0.1); }
.bvs-law-book-cross { width:24px; height:24px; position:relative; display:flex; align-items:center; justify-content:center; }
.bvs-law-book-cross::before { content:''; position:absolute; width:14px; height:14px; border-radius:50%; box-shadow:inset 4px 0 0 0 #fff; transform:rotate(-30deg); background:transparent; }
.bvs-law-book-cross::after { display:none; }
.bvs-law-bookmark { position:absolute; top:-5px; right:20px; width:12px; height:30px; background:#ef4444; clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%); transition:transform 0.4s; }
.bento-card:hover .bvs-law-bookmark { transform:translateY(-5px); }
.bento-card:hover .bvs-sag-law { transform:translateY(-5px); }

/* 5. Dijital Sağlık: Health Phone */
.bvs-sag-digi { width:80px; height:130px; background:#fff; border:4px solid #334155; border-radius:16px; padding:10px; display:flex; flex-direction:column; align-items:center; gap:10px; box-shadow:0 10px 20px rgba(0,0,0,0.1); position:relative; transition:transform 0.4s; }
.bvs-digi-notch { width:30px; height:6px; background:#334155; border-radius:0 0 4px 4px; position:absolute; top:0; left:50%; transform:translateX(-50%); }
.bvs-digi-heart { width:30px; height:30px; background:#ef4444; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; animation:beat 1.5s infinite; margin-top:15px; }
.bvs-digi-heart svg { width:16px; height:16px; fill:#fff; }
@keyframes beat { 0%,100%{transform:scale(1);} 50%{transform:scale(1.1);} }
.bvs-digi-bars { width:100%; display:flex; align-items:flex-end; gap:4px; height:40px; border-bottom:2px solid #e2e8f0; }
.bvs-digi-bar { flex:1; background:#3b82f6; border-radius:2px 2px 0 0; }
.bvs-digi-bar.b1{height:15px;} .bvs-digi-bar.b2{height:30px;} .bvs-digi-bar.b3{height:20px;} .bvs-digi-bar.b4{height:35px;}
.bento-card:hover .bvs-sag-digi { transform:rotate(5deg); }

/* 6. Hasta Hakları: Patient Profile Shield */
.bvs-sag-pat { width:160px; display:flex; align-items:center; gap:15px; background:linear-gradient(135deg,#f0fdf4,#dcfce7); padding:15px; border-radius:12px; border:1px solid #86efac; transition:transform 0.4s; }
.bvs-pat-avatar { width:40px; height:40px; background:#10b981; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; position:relative; flex-shrink:0; transition:transform 0.4s; }
.bvs-pat-avatar svg { width:20px; height:20px; }
.bvs-pat-shield { position:absolute; bottom:-5px; right:-5px; width:18px; height:18px; background:#3b82f6; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; border:2px solid #fff; }
.bvs-pat-shield svg { width:10px; height:10px; }
.bvs-pat-lines { display:flex; flex-direction:column; gap:6px; flex:1; }
.bvs-pat-line { height:6px; background:#cbd5e1; border-radius:3px; }
.bvs-pat-line.l1 { width:100%; background:#10b981; } .bvs-pat-line.l2 { width:60%; } .bvs-pat-line.l3 { width:80%; }
.bento-card:hover .bvs-pat-avatar { transform:scale(1.1); }
.bento-card:hover .bvs-sag-pat { transform:translateY(-5px); }

/* ============================================
   SEKTÖR DETAY: ENERJİ
   ============================================ */

/* 1. Enerji Projeleri: Wind Turbine */
.bvs-ene-proj { width:160px; height:120px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; }
.bvs-ene-pole { width:8px; height:60px; background:#cbd5e1; border-radius:4px 4px 0 0; position:relative; z-index:1; }
.bvs-ene-blades { position:absolute; top:35px; width:60px; height:60px; z-index:2; animation:spin 4s linear infinite; }
.bvs-ene-blade { position:absolute; left:28px; top:0; width:4px; height:30px; background:#10b981; border-radius:2px; transform-origin:bottom center; }
.bvs-ene-blade:nth-child(2) { transform:rotate(120deg); } .bvs-ene-blade:nth-child(3) { transform:rotate(240deg); }
.bvs-ene-center { position:absolute; top:63px; left:50%; transform:translateX(-50%); width:12px; height:12px; background:#059669; border-radius:50%; z-index:3; }
.bento-card:hover .bvs-ene-blades { animation-duration:1.5s; }

/* 2. Maden Hukuku: Pickaxe and Gem */
.bvs-ene-mine { width:150px; display:flex; align-items:center; justify-content:center; position:relative; }
.bvs-mine-rock { width:80px; height:60px; background:#64748b; clip-path:polygon(20% 0, 80% 0, 100% 100%, 0% 100%); position:relative; display:flex; justify-content:center; align-items:center; }
.bvs-mine-gem { width:20px; height:20px; background:#fbbf24; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); transition:transform 0.4s; }
.bvs-mine-pick { position:absolute; right:-10px; top:-10px; width:40px; height:40px; transform:rotate(-45deg); transition:transform 0.3s; }
.bvs-mine-pick::before { content:''; position:absolute; left:18px; top:0; width:4px; height:40px; background:#78350f; border-radius:2px; }
.bvs-mine-pick::after { content:''; position:absolute; left:0; top:10px; width:40px; height:10px; background:#94a3b8; border-radius:5px 5px 0 0; clip-path:ellipse(50% 50% at 50% 50%); }
.bento-card:hover .bvs-mine-pick { transform:rotate(-20deg) translate(-10px, 10px); }
.bento-card:hover .bvs-mine-gem { transform:scale(1.2); }

/* 3. Çevre Düzenlemeleri: Green Leaf Shield */
.bvs-ene-env { width:100px; height:100px; border-radius:50%; background:linear-gradient(135deg,#dcfce7,#86efac); display:flex; align-items:center; justify-content:center; position:relative; border:2px solid #22c55e; transition:transform 0.4s; }
.bvs-env-leaf { width:40px; height:40px; background:#16a34a; border-radius:0 20px 0 20px; transform:rotate(-45deg); position:relative; transition:transform 0.4s; }
.bvs-env-leaf::after { content:''; position:absolute; top:2px; left:18px; width:2px; height:35px; background:rgba(255,255,255,0.4); transform:rotate(45deg); }
.bento-card:hover .bvs-ene-env { transform:scale(1.05); }
.bento-card:hover .bvs-env-leaf { transform:rotate(-45deg) scale(1.1); }

/* 4. Enerji Sözleşmeleri: Doc with Lightning */
.bvs-ene-cont { width:90px; height:110px; background:#fff; border-radius:8px; border-top:15px solid #3b82f6; box-shadow:0 10px 20px rgba(0,0,0,0.1); display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; transition:transform 0.4s; }
.bvs-cont-lines { display:flex; flex-direction:column; gap:8px; width:70%; margin-top:10px; }
.bvs-cont-line { height:4px; background:#cbd5e1; border-radius:2px; }
.bvs-cont-line.l1 { width:100%; } .bvs-cont-line.l2 { width:80%; } .bvs-cont-line.l3 { width:60%; }
.bvs-cont-bolt { position:absolute; width:30px; height:40px; background:#fbbf24; clip-path:polygon(60% 0, 0 60%, 40% 60%, 20% 100%, 80% 40%, 40% 40%); top:10px; right:-15px; filter:drop-shadow(2px 4px 6px rgba(251,191,36,0.4)); transition:transform 0.3s; }
.bento-card:hover .bvs-ene-cont { transform:translateY(-5px); }
.bento-card:hover .bvs-cont-bolt { transform:scale(1.2); }

/* 5. EPDK Düzenlemeleri: Gauge / Meter */
.bvs-ene-epdk { width:160px; height:80px; overflow:hidden; position:relative; display:flex; justify-content:center; }
.bvs-epdk-arc { width:140px; height:140px; border-radius:50%; border:15px solid #f1f5f9; border-top-color:#ef4444; border-right-color:#fbbf24; border-bottom-color:#10b981; border-left-color:#3b82f6; transform:rotate(-45deg); box-sizing:border-box; }
.bvs-epdk-needle { position:absolute; bottom:0; left:50%; width:4px; height:50px; background:#1e293b; transform-origin:bottom center; transform:translateX(-50%) rotate(-40deg); border-radius:2px; transition:transform 1s cubic-bezier(0.4, 0, 0.2, 1); }
.bvs-epdk-needle::after { content:''; position:absolute; bottom:-6px; left:-4px; width:12px; height:12px; background:#1e293b; border-radius:50%; }
.bento-card:hover .bvs-epdk-needle { transform:translateX(-50%) rotate(40deg); }

/* 6. Karbon Piyasası: CO2 to Leaf */
.bvs-ene-co2 { width:180px; display:flex; align-items:center; justify-content:space-between; padding:0 15px; }
.bvs-co2-cloud { font-weight:bold; color:#64748b; font-size:24px; position:relative; }
.bvs-co2-cloud::after { content:'2'; font-size:12px; vertical-align:sub; }
.bvs-co2-arrow { width:40px; height:4px; background:#cbd5e1; position:relative; transition:background 0.3s; }
.bvs-co2-arrow::after { content:''; position:absolute; right:0; top:-4px; border-left:8px solid #cbd5e1; border-top:6px solid transparent; border-bottom:6px solid transparent; transition:border-left-color 0.3s; }
.bvs-co2-leaf { width:30px; height:30px; background:#10b981; border-radius:0 15px 0 15px; transform:rotate(-45deg); position:relative; opacity:0.5; transition:opacity 0.4s, transform 0.4s; }
.bento-card:hover .bvs-co2-leaf { opacity:1; transform:rotate(-45deg) scale(1.2); }
.bento-card:hover .bvs-co2-arrow { background:#10b981; } .bento-card:hover .bvs-co2-arrow::after { border-left-color:#10b981; }

/* ============================================
   SEKTÖR DETAY: PERAKENDE
   ============================================ */

/* 1. Tüketici Hakları: Receipt & 5 Stars */
.bvs-per-cons { width:110px; height:90px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; transition:transform 0.4s; }
.bvs-cons-receipt { width:60px; height:70px; background:#fff; border:2px solid #cbd5e1; border-top:10px solid #3b82f6; border-radius:4px; position:relative; display:flex; flex-direction:column; padding:10px 5px; gap:4px; z-index:1; }
.bvs-cons-line { height:4px; background:#e2e8f0; border-radius:2px; }
.bvs-cons-stars { position:absolute; top:-15px; right:-20px; display:flex; gap:2px; z-index:2; background:#fff; padding:4px 8px; border-radius:12px; box-shadow:0 4px 10px rgba(0,0,0,0.1); transform:translateY(10px); opacity:0; transition:all 0.4s; }
.bvs-cons-star { width:12px; height:12px; background:#fbbf24; clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.bento-card:hover .bvs-per-cons { transform:translateY(-5px); }
.bento-card:hover .bvs-cons-stars { transform:translateY(0); opacity:1; }

/* 2. Marka ve Patent: Tag & R */
.bvs-per-brand { width:160px; display:flex; align-items:center; justify-content:center; gap:15px; position:relative; }
.bvs-brand-tag { width:80px; height:40px; background:#ef4444; border-radius:4px 20px 20px 4px; display:flex; align-items:center; padding-left:10px; position:relative; color:#fff; font-weight:bold; letter-spacing:1px; font-size:12px; transition:transform 0.4s; }
.bvs-brand-tag::after { content:''; position:absolute; right:10px; width:8px; height:8px; background:#fff; border-radius:50%; }
.bvs-brand-r { width:30px; height:30px; border:2px solid #cbd5e1; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:bold; color:#64748b; font-size:14px; transition:color 0.4s, border-color 0.4s; }
.bento-card:hover .bvs-brand-tag { transform:translateX(5px); }
.bento-card:hover .bvs-brand-r { color:#ef4444; border-color:#ef4444; }

/* 3. Franchise Hukuku: Storefront network */
.bvs-per-fran { width:180px; display:flex; flex-direction:column; align-items:center; position:relative; }
.bvs-fran-main { width:50px; height:40px; background:#f8fafc; border:2px solid #3b82f6; border-radius:4px; border-top:10px solid #3b82f6; position:relative; z-index:2; }
.bvs-fran-nodes { display:flex; gap:15px; margin-top:20px; z-index:2; }
.bvs-fran-node { width:30px; height:25px; background:#fff; border:2px solid #94a3b8; border-radius:2px; border-top:6px solid #94a3b8; transition:border-color 0.4s; }
.bvs-fran-lines { position:absolute; top:35px; width:90px; height:30px; border-top:2px dashed #cbd5e1; border-left:2px dashed #cbd5e1; border-right:2px dashed #cbd5e1; z-index:1; }
.bento-card:hover .bvs-fran-node { border-color:#3b82f6; } .bento-card:hover .bvs-fran-lines { border-color:#3b82f6; }

/* 4. Rekabet Hukuku: Scales / Arrows */
.bvs-per-comp { width:140px; height:100px; position:relative; display:flex; align-items:center; justify-content:center; }
.bvs-comp-arr { position:absolute; width:60px; height:20px; display:flex; align-items:center; transition:transform 0.4s; }
.bvs-comp-arr.a1 { left:0; top:20px; } .bvs-comp-arr.a2 { right:0; bottom:20px; transform:rotate(180deg); }
.bvs-comp-body { flex:1; height:8px; background:#ef4444; } .bvs-comp-head { border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #ef4444; }
.bvs-comp-arr.a2 .bvs-comp-body { background:#3b82f6; } .bvs-comp-arr.a2 .bvs-comp-head { border-left-color:#3b82f6; }
.bvs-comp-line { width:2px; height:80px; background:#cbd5e1; position:absolute; left:50%; transform:translateX(-50%); }
.bento-card:hover .bvs-comp-arr.a1 { transform:translateX(10px); }
.bento-card:hover .bvs-comp-arr.a2 { transform:rotate(180deg) translateX(10px); }

/* 5. Gıda Güvenliği: Shield with Fork */
.bvs-per-food { width:80px; height:90px; background:linear-gradient(135deg,#10b981,#059669); clip-path:polygon(50% 0%, 100% 20%, 100% 80%, 50% 100%, 0% 80%, 0% 20%); display:flex; align-items:center; justify-content:center; gap:6px; transition:transform 0.4s; }
.bvs-food-item { width:10px; height:45px; background:#fff; border-radius:5px; position:relative; }
.bvs-food-item.fork::before, .bvs-food-item.fork::after { content:""; position:absolute; top:0; width:3px; height:15px; background:#fff; border-radius:2px; }
.bvs-food-item.fork::before { left:-4px; } .bvs-food-item.fork::after { right:-4px; }
.bvs-food-item.fork { border-radius:0 0 5px 5px; }
.bvs-food-item.knife { border-radius:0 5px 5px 0; width:12px; clip-path:polygon(0 0, 100% 30%, 100% 100%, 0 100%); }
.bento-card:hover .bvs-per-food { transform:translateY(-10px); }

/* 6. Dijital Pazarlama: Target & Cursor */
.bvs-per-digi { width:100px; height:100px; position:relative; display:flex; align-items:center; justify-content:center; }
.bvs-digi-target { width:70px; height:70px; border-radius:50%; border:10px solid #ef4444; display:flex; align-items:center; justify-content:center; background:#fff; box-shadow:0 0 0 10px #f8fafc inset; }
.bvs-digi-center { width:18px; height:18px; background:#ef4444; border-radius:50%; }
.bvs-digi-cursor { position:absolute; bottom:10px; right:10px; width:18px; height:24px; background:#1e293b; clip-path:polygon(0 0, 100% 40%, 40% 50%, 30% 100%); transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.bento-card:hover .bvs-digi-cursor { transform:translate(-15px, -15px); }

/* ============================================
   SEKTÖR DETAY: TEKNOLOJİ
   ============================================ */

/* 1. Yazılım Lisansları: Code Terminal + Shield */
.bvs-tek-soft { width:160px; height:100px; background:#1e293b; border-radius:8px; position:relative; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.2); transition:transform 0.4s; }
.bvs-soft-header { width:100%; height:20px; background:#0f172a; display:flex; align-items:center; padding:0 8px; gap:4px; }
.bvs-soft-dot { width:8px; height:8px; border-radius:50%; }
.bvs-soft-dot.r { background:#ef4444; } .bvs-soft-dot.y { background:#fbbf24; } .bvs-soft-dot.g { background:#22c55e; }
.bvs-soft-code { padding:10px; font-family:monospace; color:#3b82f6; font-size:12px; font-weight:bold; }
.bvs-soft-code span { color:#10b981; }
.bvs-soft-shield { position:absolute; bottom:10px; right:10px; width:30px; height:35px; background:linear-gradient(135deg,#3b82f6,#2563eb); clip-path:polygon(50% 0%, 100% 20%, 100% 70%, 50% 100%, 0% 70%, 0% 20%); display:flex; align-items:center; justify-content:center; color:#fff; transition:transform 0.4s; }
.bvs-soft-shield svg { width:14px; height:14px; }
.bento-card:hover .bvs-soft-shield { transform:scale(1.2); }
.bento-card:hover .bvs-tek-soft { transform:translateY(-5px); }

/* 2. Veri Koruma: Database Shield */
.bvs-tek-data { width:140px; display:flex; flex-direction:column; align-items:center; position:relative; transition:transform 0.4s; }
.bvs-data-server { width:80px; height:25px; background:#e2e8f0; border:2px solid #94a3b8; border-radius:4px; margin-bottom:5px; display:flex; align-items:center; padding:0 10px; gap:5px; transition:border-color 0.3s; }
.bvs-data-light { width:6px; height:6px; border-radius:50%; background:#10b981; animation:blink 2s infinite; }
.bvs-data-server:nth-child(2) .bvs-data-light { animation-delay:0.5s; }
.bvs-data-server:nth-child(3) .bvs-data-light { animation-delay:1s; }
@keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0.3;} }
.bvs-data-lock { position:absolute; top:25px; left:50%; transform:translateX(-50%); width:50px; height:50px; background:#2563eb; border-radius:50%; border:4px solid #fff; display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 5px 15px rgba(37,99,235,0.4); z-index:2; transition:transform 0.4s; }
.bvs-data-lock svg { width:20px; height:20px; }
.bento-card:hover .bvs-tek-data { transform:translateY(-5px); }
.bento-card:hover .bvs-data-lock { transform:translateX(-50%) scale(1.1); }
.bento-card:hover .bvs-data-server { border-color:#3b82f6; }

/* 3. Teknoloji Transferi: Node Transfer */
.bvs-tek-trans { width:180px; display:flex; align-items:center; justify-content:space-between; position:relative; transition:transform 0.4s; }
.bvs-trans-node { width:50px; height:60px; background:#f8fafc; border:2px solid #cbd5e1; border-radius:8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; z-index:2; transition:border-color 0.4s; }
.bvs-trans-node svg { width:24px; height:24px; stroke:#64748b; transition:stroke 0.4s; fill:none; stroke-width:2;}
.bvs-trans-arrows { flex:1; height:40px; position:relative; display:flex; flex-direction:column; justify-content:center; gap:10px; }
.bvs-trans-arrow { height:4px; background:#cbd5e1; position:relative; overflow:hidden; border-radius:2px; }
.bvs-trans-arrow::after { content:""; position:absolute; top:0; left:-20px; width:20px; height:100%; background:#3b82f6; animation:flowRight 1.5s linear infinite; }
.bvs-trans-arrow.reverse::after { left:100%; animation:flowLeft 1.5s linear infinite; background:#10b981; }
@keyframes flowRight { to { left:100%; } } @keyframes flowLeft { to { left:-20px; } }
.bento-card:hover .bvs-tek-trans { transform:translateY(-5px); }
.bento-card:hover .bvs-trans-node { border-color:#3b82f6; }
.bento-card:hover .bvs-trans-node svg { stroke:#3b82f6; }

/* 4. E-Ticaret Hukuku: Digital Cart */
.bvs-tek-ecom { width:140px; height:100px; border-radius:12px; background:linear-gradient(135deg,#e0e7ff,#c7d2fe); display:flex; align-items:center; justify-content:center; position:relative; border:2px solid #a5b4fc; transition:transform 0.4s; }
.bvs-ecom-screen { width:90%; height:80%; background:#fff; border-radius:8px; display:flex; flex-direction:column; }
.bvs-ecom-nav { height:15px; border-bottom:2px solid #f1f5f9; display:flex; align-items:center; padding:0 5px; }
.bvs-ecom-cart { flex:1; display:flex; align-items:center; justify-content:center; color:#4f46e5; position:relative; }
.bvs-ecom-cart svg { width:30px; height:30px; transition:transform 0.4s; fill:none; stroke:currentColor; stroke-width:2;}
.bvs-ecom-check { position:absolute; top:10px; right:30px; width:16px; height:16px; background:#10b981; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; opacity:0; transform:scale(0); transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.bvs-ecom-check svg { width:10px; height:10px; stroke:currentColor; stroke-width:3; fill:none;}
.bento-card:hover .bvs-tek-ecom { transform:translateY(-5px); }
.bento-card:hover .bvs-ecom-cart > svg { transform:translateX(-5px); }
.bento-card:hover .bvs-ecom-check { opacity:1; transform:scale(1); }

/* 5. Siber Güvenlik: Radar Firewall */
.bvs-tek-cyber { width:120px; height:120px; border-radius:50%; background:#0f172a; position:relative; overflow:hidden; border:4px solid #1e293b; display:flex; align-items:center; justify-content:center; transition:transform 0.4s; }
.bvs-cyber-grid { position:absolute; width:100%; height:100%; background-image:linear-gradient(rgba(16,185,129,0.2) 1px, transparent 1px), linear-gradient(90deg, rgba(16,185,129,0.2) 1px, transparent 1px); background-size:15px 15px; }
.bvs-cyber-radar { position:absolute; width:50%; height:50%; border-right:2px solid #10b981; border-top:2px solid #10b981; border-radius:0 100% 0 0; transform-origin:bottom left; background:linear-gradient(45deg, rgba(16,185,129,0) 0%, rgba(16,185,129,0.5) 100%); animation:scan 4s linear infinite; top:50%; left:50%; }
@keyframes scan { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.bvs-cyber-lock { width:30px; height:30px; background:#10b981; border-radius:4px; position:relative; z-index:2; display:flex; align-items:center; justify-content:center; color:#0f172a; }
.bvs-cyber-lock svg { width:16px; height:16px; stroke:currentColor; stroke-width:2; fill:none;}
.bvs-cyber-lock::before { content:""; position:absolute; top:-12px; left:7px; width:16px; height:16px; border:3px solid #10b981; border-bottom:none; border-radius:8px 8px 0 0; box-sizing:border-box;}
.bento-card:hover .bvs-tek-cyber { transform:scale(1.05); border-color:#10b981; }

/* 6. Yapay Zeka ve Robot: AI Brain Node */
.bvs-tek-ai { width:140px; height:120px; display:flex; align-items:center; justify-content:center; position:relative; transition:transform 0.4s; }
.bvs-ai-center { width:50px; height:50px; background:linear-gradient(135deg,#8b5cf6,#d946ef); border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; z-index:2; font-weight:bold; font-size:18px; font-family:monospace; box-shadow:0 0 20px rgba(139,92,246,0.5); transition:transform 0.4s; }
.bvs-ai-nodes { position:absolute; width:100%; height:100%; animation:pulse 3s infinite; }
.bvs-ai-node { position:absolute; width:12px; height:12px; background:#fff; border:2px solid #8b5cf6; border-radius:50%; }
.bvs-ai-node.n1 { top:10px; left:50%; transform:translateX(-50%); }
.bvs-ai-node.n2 { bottom:10px; left:20%; }
.bvs-ai-node.n3 { bottom:10px; right:20%; }
.bvs-ai-node.n4 { top:50%; left:10px; transform:translateY(-50%); }
.bvs-ai-node.n5 { top:50%; right:10px; transform:translateY(-50%); }
.bvs-ai-lines svg { position:absolute; top:0; left:0; width:100%; height:100%; stroke:#cbd5e1; stroke-width:2; stroke-dasharray:4; animation:dash 20s linear infinite; }
@keyframes dash { to { stroke-dashoffset:100; } }
@keyframes pulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.05);} }
.bento-card:hover .bvs-tek-ai { transform:translateY(-5px); }
.bento-card:hover .bvs-ai-center { transform:rotate(45deg); }
.bento-card:hover .bvs-ai-center span { transform:rotate(-45deg); display:inline-block; transition:transform 0.4s;}

/* ============================================
   SEKTÖR DETAY: İNŞAAT
   ============================================ */

/* 1. İnşaat Sözleşmeleri: Crane & Building */
.bvs-ins-cont { width:160px; height:120px; position:relative; display:flex; align-items:flex-end; gap:10px; transition:transform 0.4s; }
.bvs-crane { width:60px; height:100px; border-left:4px solid #f59e0b; position:relative; }
.bvs-crane-arm { position:absolute; top:0; left:0; width:80px; height:4px; background:#f59e0b; transform-origin:left center; transform:rotate(-15deg); transition:transform 0.4s; }
.bvs-crane-line { position:absolute; right:10px; top:4px; width:2px; height:40px; background:#94a3b8; transition:height 0.4s; }
.bvs-crane-hook { position:absolute; bottom:-10px; left:-6px; width:14px; height:10px; border:2px solid #1e293b; border-top:none; border-radius:0 0 6px 6px; }
.bvs-build-doc { flex:1; height:70px; background:#fff; border:2px solid #cbd5e1; border-radius:4px 4px 0 0; position:relative; display:flex; flex-direction:column; padding:10px 5px; gap:6px; }
.bvs-build-doc::before { content:"SÖZLEŞME"; font-size:7px; font-weight:bold; color:#64748b; text-align:center; letter-spacing:1px; }
.bvs-build-doc-line { height:3px; background:#cbd5e1; border-radius:2px; }
.bento-card:hover .bvs-ins-cont { transform:translateY(-5px); }
.bento-card:hover .bvs-crane-arm { transform:rotate(0deg); }
.bento-card:hover .bvs-crane-line { height:20px; }

/* 2. İmar Hukuku: Blueprint Ruler */
.bvs-ins-imar { width:140px; height:100px; background:#1e40af; border-radius:8px; border:2px solid #1d4ed8; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; transition:transform 0.4s; }
.bvs-imar-grid { position:absolute; width:100%; height:100%; background-image:linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px); background-size:15px 15px; }
.bvs-imar-ruler { position:absolute; bottom:10px; left:10px; width:100px; height:20px; background:#fbbf24; border-radius:2px; display:flex; align-items:flex-start; padding:0 5px; gap:4px; transform:rotate(-15deg); transition:transform 0.4s; z-index:2; }
.bvs-imar-tick { width:2px; height:5px; background:#78350f; } .bvs-imar-tick:nth-child(even) { height:10px; }
.bvs-imar-house { position:absolute; width:50px; height:40px; border:2px solid #fff; top:20px; right:20px; clip-path:polygon(50% 0%, 100% 40%, 100% 100%, 0 100%, 0 40%); transition:transform 0.4s; }
.bento-card:hover .bvs-ins-imar { transform:translateY(-5px); }
.bento-card:hover .bvs-imar-ruler { transform:rotate(0deg); }
.bento-card:hover .bvs-imar-house { transform:scale(1.1); }

/* 3. Gayrimenkul Geliştirme: Growing Skyline */
.bvs-ins-gayri { width:160px; height:80px; display:flex; align-items:flex-end; gap:8px; border-bottom:4px solid #475569; position:relative; transition:transform 0.4s; }
.bvs-sky-build { background:#cbd5e1; border-radius:4px 4px 0 0; position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:2px; padding:4px 4px 0 4px; transition:height 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.bvs-sky-build.b1 { width:30px; height:40px; }
.bvs-sky-build.b2 { width:40px; height:60px; background:#94a3b8; }
.bvs-sky-build.b3 { width:50px; height:30px; background:#64748b; }
.bvs-sky-win { background:rgba(255,255,255,0.4); border-radius:1px; height:6px; }
.bvs-sky-arrow { position:absolute; right:-20px; top:0; width:30px; height:30px; color:#10b981; transition:transform 0.4s; }
.bvs-sky-arrow svg { width:24px; height:24px; stroke:currentColor; stroke-width:3; fill:none; }
.bento-card:hover .bvs-ins-gayri { transform:translateY(-5px); }
.bento-card:hover .bvs-sky-build.b3 { height:80px; }
.bento-card:hover .bvs-sky-arrow { transform:translateY(-20px); }

/* 4. İş Güvenliği: Hardhat & Shield */
.bvs-ins-safe { width:140px; height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; transition:transform 0.4s; }
.bvs-safe-shield { width:70px; height:80px; background:linear-gradient(135deg,#10b981,#059669); clip-path:polygon(50% 0%, 100% 20%, 100% 70%, 50% 100%, 0% 70%, 0% 20%); display:flex; align-items:center; justify-content:center; position:relative; z-index:2; }
.bvs-safe-hat { width:40px; height:25px; background:#fbbf24; border-radius:20px 20px 0 0; position:relative; }
.bvs-safe-hat::after { content:""; position:absolute; bottom:0; left:-5px; width:50px; height:5px; background:#f59e0b; border-radius:3px; }
.bvs-safe-cross { position:absolute; top:-10px; right:-10px; width:24px; height:24px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#10b981; font-weight:bold; box-shadow:0 4px 10px rgba(0,0,0,0.1); transform:scale(0); transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.bvs-safe-cross svg { width:16px; height:16px; stroke:currentColor; stroke-width:3; fill:none;}
.bento-card:hover .bvs-ins-safe { transform:translateY(-5px); }
.bento-card:hover .bvs-safe-cross { transform:scale(1); }

/* 5. Kamu İhaleleri: Government Building & Contract */
.bvs-ins-ihale { width:140px; height:100px; display:flex; flex-direction:column; align-items:center; position:relative; justify-content:flex-end; transition:transform 0.4s; }
.bvs-ihale-gov { width:90px; height:60px; border-bottom:4px solid #475569; position:relative; display:flex; justify-content:space-evenly; align-items:flex-end; }
.bvs-ihale-roof { position:absolute; top:-25px; left:-5px; width:100px; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:25px solid #64748b; }
.bvs-ihale-col { width:10px; height:40px; background:#cbd5e1; }
.bvs-ihale-doc { position:absolute; right:-20px; top:10px; width:40px; height:50px; background:#fff; border:2px solid #3b82f6; border-radius:2px; box-shadow:0 5px 15px rgba(0,0,0,0.1); display:flex; flex-direction:column; padding:5px; gap:4px; transform:rotate(10deg); transition:transform 0.4s; z-index:2; }
.bvs-ihale-doc-line { height:4px; background:#94a3b8; border-radius:2px; }
.bvs-ihale-stamp { position:absolute; bottom:5px; right:5px; width:15px; height:15px; border:2px solid #ef4444; border-radius:50%; color:#ef4444; font-size:8px; display:flex; align-items:center; justify-content:center; transform:scale(0); transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-weight:bold; }
.bento-card:hover .bvs-ins-ihale { transform:translateY(-5px); }
.bento-card:hover .bvs-ihale-doc { transform:rotate(0deg) translateY(-10px); }
.bento-card:hover .bvs-ihale-stamp { transform:scale(1) rotate(-15deg); }

/* 6. Çevre Hukuku: Eco Building */
.bvs-ins-eco { width:140px; height:100px; display:flex; align-items:flex-end; justify-content:center; gap:15px; border-bottom:3px solid #10b981; padding-bottom:5px; position:relative; transition:transform 0.4s; }
.bvs-eco-build { width:50px; height:70px; background:#e2e8f0; border-radius:4px 4px 0 0; position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:4px; padding:6px; }
.bvs-eco-win { background:#94a3b8; border-radius:2px; transition:background 0.4s; }
.bvs-eco-tree { display:flex; flex-direction:column; align-items:center; }
.bvs-eco-leaves { width:40px; height:40px; background:#10b981; border-radius:50%; position:relative; transition:transform 0.4s; }
.bvs-eco-leaves::before { content:""; position:absolute; top:-10px; left:10px; width:20px; height:20px; background:#34d399; border-radius:50%; }
.bvs-eco-trunk { width:8px; height:20px; background:#78350f; }
.bento-card:hover .bvs-ins-eco { transform:translateY(-5px); }
.bento-card:hover .bvs-eco-leaves { transform:scale(1.1); }
.bento-card:hover .bvs-eco-win { background:#fbbf24; }

/* ============================================
   UZMANLIK ALANLARI: MİCRO UI BİLEŞENLERİ
   ============================================ */

/* Genel Animasyonlar */
@keyframes uzmPulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }
@keyframes uzmFloat { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); } }
@keyframes uzmSlideUp { 0% { transform: translateY(10px); opacity:0; } 100% { transform: translateY(0); opacity:1; } }

/* Ortak Base Stilleri */
.bvs-uzm-base { width:80px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; transition:transform 0.4s; }
.bento-card:hover .bvs-uzm-base { transform:scale(1.1); }

/* --- ARABULUCULUK --- */
/* Ara 1: Ticari (Handshake / Deal) */
.bvs-ara-1 { position:relative; width:50px; height:40px; display:flex; align-items:center; justify-content:center; }
.bvs-ara-1-hand { width:22px; height:14px; border-radius:2px; position:absolute; top:13px; transition:transform 0.4s; z-index:2; }
.bvs-ara-1-hand.l { background:#1e293b; left:4px; border-right:2px solid #cbd5e1; }
.bvs-ara-1-hand.r { background:#3b82f6; right:4px; border-left:2px solid #93c5fd; }
.bvs-ara-1-sleeve { position:absolute; top:2px; width:12px; height:10px; background:#fff; border-radius:2px; }
.bvs-ara-1-hand.l .bvs-ara-1-sleeve { left:-4px; border:2px solid #1e293b; }
.bvs-ara-1-hand.r .bvs-ara-1-sleeve { right:-4px; border:2px solid #3b82f6; }
.bvs-ara-1-spark { position:absolute; top:-4px; left:50%; transform:translateX(-50%) scale(0); width:14px; height:14px; background:#fbbf24; clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bento-card:hover .bvs-ara-1-hand.l { transform:translate(4px, -2px) rotate(10deg); }
.bento-card:hover .bvs-ara-1-hand.r { transform:translate(-4px, -2px) rotate(-10deg); }
.bento-card:hover .bvs-ara-1-spark { transform:translateX(-50%) scale(1); }

/* Ara 2: İş (Briefcase + Gear) */
.bvs-ara-2 { position:relative; width:48px; height:44px; display:flex; align-items:flex-end; justify-content:flex-start; }
.bvs-ara-2-case { width:32px; height:24px; background:#1e293b; border-radius:3px; position:relative; border:2px solid #cbd5e1; transition:transform 0.4s; z-index:2; }
.bvs-ara-2-handle { position:absolute; top:-6px; left:50%; transform:translateX(-50%); width:12px; height:6px; border:2px solid #cbd5e1; border-bottom:none; border-radius:3px 3px 0 0; }
.bvs-ara-2-gear { position:absolute; top:2px; right:2px; width:22px; height:22px; border:3px dashed #ef4444; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:1; transition:transform 1s linear; }
.bvs-ara-2-gear::after { content:''; width:8px; height:8px; background:#ef4444; border-radius:50%; }
.bento-card:hover .bvs-ara-2-case { transform:translateY(-4px); }
.bento-card:hover .bvs-ara-2-gear { transform:rotate(180deg); border-color:#f87171; }
.bento-card:hover .bvs-ara-2-gear::after { background:#f87171; }

/* Ara 3: Tüketici (Shopping Bag + Scale/Shield) */
.bvs-ara-3 { position:relative; width:44px; height:50px; display:flex; align-items:flex-end; justify-content:center; }
.bvs-ara-3-bag { width:34px; height:36px; background:#fff; border:2px solid #1e293b; border-radius:2px 2px 4px 4px; position:relative; z-index:1; transition:transform 0.4s; }
.bvs-ara-3-bag::before { content:''; position:absolute; top:-10px; left:50%; transform:translateX(-50%); width:14px; height:10px; border:2px solid #1e293b; border-bottom:none; border-radius:7px 7px 0 0; }
.bvs-ara-3-shield { position:absolute; bottom:4px; right:-6px; width:20px; height:24px; background:#10b981; border:2px solid #fff; border-radius:2px; clip-path:polygon(50% 0%, 100% 15%, 100% 75%, 50% 100%, 0% 75%, 0% 15%); z-index:2; transform:scale(0.8); transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-ara-3-shield::after { content:''; position:absolute; top:6px; left:5px; width:4px; height:8px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); }
.bento-card:hover .bvs-ara-3-bag { transform:translateX(-4px); }
.bento-card:hover .bvs-ara-3-shield { transform:scale(1.1); }

/* Ara 4: Kira (House + Key) */
.bvs-ara-4 { position:relative; width:48px; height:46px; display:flex; align-items:flex-end; justify-content:flex-start; }
.bvs-ara-4-house { width:32px; height:24px; background:#fff; border:2px solid #1e293b; border-top:none; position:relative; z-index:1; transition:transform 0.4s; }
.bvs-ara-4-house::before { content:''; position:absolute; top:-16px; left:-4px; width:0; height:0; border-left:18px solid transparent; border-right:18px solid transparent; border-bottom:16px solid #1e293b; }
.bvs-ara-4-door { position:absolute; bottom:0; left:10px; width:8px; height:12px; background:#1e293b; border-radius:2px 2px 0 0; }
.bvs-ara-4-key { position:absolute; top:8px; right:-4px; width:24px; height:10px; background:#fbbf24; border:2px solid #1e293b; border-radius:5px; z-index:2; transform:translateX(10px); opacity:0; transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-ara-4-key::before { content:''; position:absolute; right:2px; top:2px; width:4px; height:4px; background:#fff; border-radius:50%; }
.bvs-ara-4-key::after { content:''; position:absolute; left:2px; bottom:-4px; width:4px; height:4px; background:#fbbf24; border:2px solid #1e293b; border-top:none; }
.bento-card:hover .bvs-ara-4-house { transform:translateX(-4px); }
.bento-card:hover .bvs-ara-4-key { transform:translateX(0); opacity:1; }

/* Ara 5: Müzakere (Speech Bubbles) */
.bvs-ara-5 { position:relative; width:50px; height:46px; display:flex; align-items:center; justify-content:center; }
.bvs-ara-5-bub { width:24px; height:20px; border-radius:4px; position:absolute; display:flex; align-items:center; justify-content:center; transition:transform 0.4s; }
.bvs-ara-5-bub.l { background:#1e293b; left:2px; bottom:6px; z-index:2; border-bottom-left-radius:0; }
.bvs-ara-5-bub.l::after { content:''; position:absolute; bottom:0; left:-6px; border-bottom:6px solid #1e293b; border-left:6px solid transparent; }
.bvs-ara-5-bub.l .bvs-ara-5-dot { width:3px; height:3px; background:#fff; border-radius:50%; margin:1px; }
.bvs-ara-5-bub.r { background:#3b82f6; right:2px; top:4px; z-index:1; border-bottom-right-radius:0; }
.bvs-ara-5-bub.r::after { content:''; position:absolute; bottom:0; right:-6px; border-bottom:6px solid #3b82f6; border-right:6px solid transparent; }
.bvs-ara-5-bub.r .bvs-ara-5-dot { width:3px; height:3px; background:#fff; border-radius:50%; margin:1px; }
.bento-card:hover .bvs-ara-5-bub.l { transform:translate(-2px, 2px); }
.bento-card:hover .bvs-ara-5-bub.r { transform:translate(2px, -2px); }

/* Ara 6: Anlaşma (Document + Ribbon) */
.bvs-ara-6 { position:relative; width:44px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-ara-6-doc { width:32px; height:42px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:6px; display:flex; flex-direction:column; gap:3px; z-index:1; transition:transform 0.4s; }
.bvs-ara-6-ln { height:3px; background:#e2e8f0; border-radius:2px; }
.bvs-ara-6-ribbon { position:absolute; bottom:6px; right:-6px; width:16px; height:16px; background:#10b981; border:2px solid #fff; border-radius:50%; z-index:2; display:flex; align-items:center; justify-content:center; transform:scale(0); transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-ara-6-ribbon::before, .bvs-ara-6-ribbon::after { content:''; position:absolute; bottom:-8px; width:6px; height:10px; background:#10b981; z-index:-1; }
.bvs-ara-6-ribbon::before { left:1px; transform:rotate(15deg); }
.bvs-ara-6-ribbon::after { right:1px; transform:rotate(-15deg); }
.bvs-ara-6-ribbon-star { width:6px; height:6px; background:#fff; clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.bento-card:hover .bvs-ara-6-doc { transform:translate(-4px, -4px); }
.bento-card:hover .bvs-ara-6-ribbon { transform:scale(1.2); }

/* --- DAVA --- */
/* Dav 1: Hukuk Davaları (Pillars/Courthouse) */
.bvs-dav-1 { position:relative; width:52px; height:46px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; }
.bvs-dav-1-roof { width:46px; height:0; border-left:23px solid transparent; border-right:23px solid transparent; border-bottom:14px solid #1e293b; position:relative; transition:transform 0.4s; z-index:2; }
.bvs-dav-1-roof::after { content:''; position:absolute; top:14px; left:-23px; width:46px; height:4px; background:#cbd5e1; }
.bvs-dav-1-pillars { display:flex; gap:6px; height:20px; margin-top:4px; transition:height 0.4s; }
.bvs-dav-1-col { width:6px; height:100%; background:#94a3b8; border-radius:1px; }
.bvs-dav-1-base { width:52px; height:6px; background:#1e293b; border-radius:2px; margin-top:2px; }
.bento-card:hover .bvs-dav-1-roof { transform:translateY(-4px); }
.bento-card:hover .bvs-dav-1-pillars { height:24px; }

/* Dav 2: İdari Davalar (Pillar + Shield) */
.bvs-dav-2 { position:relative; width:46px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-dav-2-col { width:14px; height:40px; background:#cbd5e1; border-top:4px solid #1e293b; border-bottom:4px solid #1e293b; position:relative; z-index:1; transition:transform 0.4s; }
.bvs-dav-2-col::before, .bvs-dav-2-col::after { content:''; position:absolute; width:2px; height:100%; background:#94a3b8; }
.bvs-dav-2-col::before { left:2px; } .bvs-dav-2-col::after { right:2px; }
.bvs-dav-2-shield { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:26px; height:32px; background:#3b82f6; border:2px solid #fff; border-radius:2px; clip-path:polygon(50% 0%, 100% 15%, 100% 75%, 50% 100%, 0% 75%, 0% 15%); z-index:2; transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-dav-2-shield::after { content:''; position:absolute; top:8px; left:8px; width:6px; height:12px; border-bottom:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); }
.bento-card:hover .bvs-dav-2-col { transform:translateY(-2px); }
.bento-card:hover .bvs-dav-2-shield { transform:translate(-50%,-50%) scale(1.1); }

/* Dav 3: Temyiz & İstinaf (Doc + Ascending Arrow) */
.bvs-dav-3 { position:relative; width:48px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-dav-3-doc { width:30px; height:40px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:4px; display:flex; flex-direction:column; gap:3px; z-index:1; transition:transform 0.4s; }
.bvs-dav-3-ln { height:3px; background:#e2e8f0; border-radius:2px; }
.bvs-dav-3-arrow { position:absolute; top:4px; right:2px; width:20px; height:20px; background:#10b981; border:2px solid #fff; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:2; opacity:0; transform:translateY(10px); transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-dav-3-arrow::after { content:''; width:6px; height:6px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(-45deg) translate(-1px, 1px); }
.bento-card:hover .bvs-dav-3-doc { transform:translate(-4px, 4px); }
.bento-card:hover .bvs-dav-3-arrow { opacity:1; transform:translateY(0); }

/* Dav 4: Dava Hazırlığı (Doc + Magnifier/Pen) */
.bvs-dav-4 { position:relative; width:46px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-dav-4-doc { width:32px; height:42px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:6px; display:flex; flex-direction:column; gap:4px; z-index:1; }
.bvs-dav-4-ln { height:3px; background:#e2e8f0; border-radius:2px; }
.bvs-dav-4-ln.h { width:60%; background:#1e293b; transition:width 0.4s; }
.bvs-dav-4-glass { position:absolute; bottom:6px; right:-2px; width:16px; height:16px; border:2px solid #a855f7; border-radius:50%; background:rgba(168,85,247,0.1); z-index:2; transition:transform 0.5s ease-in-out; }
.bvs-dav-4-glass::after { content:''; position:absolute; bottom:-6px; right:-4px; width:3px; height:8px; background:#a855f7; transform:rotate(-45deg); border-radius:2px; }
.bento-card:hover .bvs-dav-4-ln.h { width:90%; background:#a855f7; }
.bento-card:hover .bvs-dav-4-glass { transform:translate(-16px, -20px); }

/* Dav 5: Duruşma Takibi (Calendar + Gavel) */
.bvs-dav-5 { position:relative; width:52px; height:46px; display:flex; align-items:flex-end; justify-content:flex-start; }
.bvs-dav-5-cal { width:34px; height:34px; background:#fff; border:2px solid #1e293b; border-radius:4px; display:flex; flex-direction:column; position:relative; z-index:1; transition:transform 0.4s; }
.bvs-dav-5-cal-top { height:10px; background:#ef4444; border-bottom:2px solid #1e293b; border-radius:2px 2px 0 0; }
.bvs-dav-5-cal-body { flex:1; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:12px; color:#1e293b; }
.bvs-dav-5-gavel { position:absolute; top:2px; right:-4px; width:24px; height:10px; background:#78350f; border-radius:2px; z-index:2; transform:rotate(-30deg); transform-origin:right center; transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-dav-5-gavel::before { content:''; position:absolute; left:-4px; top:50%; transform:translateY(-50%); width:6px; height:14px; background:#92400e; border-radius:2px; }
.bento-card:hover .bvs-dav-5-cal { transform:translateX(-4px); }
.bento-card:hover .bvs-dav-5-gavel { transform:rotate(0deg) translate(-2px, 12px); }

/* Dav 6: Karar İcrası (Gavel hitting block + Stamp) */
.bvs-dav-6 { position:relative; width:50px; height:48px; display:flex; align-items:flex-end; justify-content:flex-start; }
.bvs-dav-6-block { width:24px; height:8px; background:#94a3b8; border-radius:2px; position:absolute; bottom:6px; left:6px; z-index:1; transition:transform 0.2s; }
.bvs-dav-6-gavel { position:absolute; bottom:14px; left:10px; width:28px; height:8px; background:#78350f; border-radius:2px; z-index:2; transform:rotate(-45deg); transform-origin:left center; transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-dav-6-gavel::before { content:''; position:absolute; left:-4px; top:50%; transform:translateY(-50%); width:8px; height:16px; background:#92400e; border-radius:2px; }
.bvs-dav-6-wave { position:absolute; bottom:4px; left:-2px; width:36px; height:12px; border-top:2px solid #cbd5e1; border-radius:50%; opacity:0; }
.bvs-dav-6-stamp { position:absolute; top:2px; right:0; width:18px; height:18px; border:2px solid #ef4444; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#ef4444; font-size:10px; font-weight:bold; transform:scale(0) rotate(-30deg); transition:transform 0.4s 0.2s; }
.bento-card:hover .bvs-dav-6-gavel { transform:rotate(0deg); }
.bento-card:hover .bvs-dav-6-block { transform:translateY(2px); }
.bento-card:hover .bvs-dav-6-wave { animation:davHit 0.6s ease-out; }
.bento-card:hover .bvs-dav-6-stamp { transform:scale(1) rotate(0deg); }
@keyframes davHit { 0% { transform:scale(0.8); opacity:1; } 100% { transform:scale(1.5); opacity:0; } }

/* --- DANIŞMANLIK --- */
/* Dan 1: Briefcase / Corporate */
.bvs-dan-1 { position:relative; width:46px; height:36px; display:flex; justify-content:center; align-items:flex-end; }
.bvs-dan-1-case { width:46px; height:30px; background:#1e293b; border-radius:4px; position:relative; z-index:2; border:2px solid #cbd5e1; transition:transform 0.4s; }
.bvs-dan-1-handle { position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:16px; height:8px; border:2px solid #cbd5e1; border-bottom:none; border-radius:4px 4px 0 0; }
.bvs-dan-1-lock { position:absolute; top:4px; left:50%; transform:translateX(-50%); width:8px; height:6px; background:#fbbf24; border-radius:2px; }
.bvs-dan-1-doc { position:absolute; top:4px; left:50%; transform:translateX(-50%); width:30px; height:20px; background:#fff; border:2px solid #cbd5e1; border-radius:2px; z-index:1; opacity:0; transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-dan-1-doc::before { content:''; position:absolute; top:4px; left:4px; width:14px; height:2px; background:#6366f1; border-radius:1px; }
.bvs-dan-1-doc::after { content:''; position:absolute; top:8px; left:4px; width:20px; height:2px; background:#e2e8f0; border-radius:1px; box-shadow:0 4px 0 #e2e8f0; }
.bento-card:hover .bvs-dan-1-case { transform:translateY(4px); }
.bento-card:hover .bvs-dan-1-doc { opacity:1; transform:translate(-50%, -22px); }

/* Dan 2: Boardroom Table */
.bvs-dan-2 { position:relative; width:56px; height:40px; display:flex; justify-content:center; align-items:center; }
.bvs-dan-2-table { width:42px; height:16px; background:#cbd5e1; border:2px solid #64748b; border-radius:8px; position:relative; z-index:2; display:flex; justify-content:center; align-items:center; }
.bvs-dan-2-chart { width:16px; height:8px; background:#fff; border-radius:1px; display:flex; align-items:flex-end; padding:1px; gap:1px; opacity:0; transition:opacity 0.3s; }
.bvs-dan-2-bar { width:4px; background:#3b82f6; border-radius:1px 1px 0 0; }
.bvs-dan-2-bar:nth-child(1) { height:3px; }
.bvs-dan-2-bar:nth-child(2) { height:5px; }
.bvs-dan-2-bar:nth-child(3) { height:7px; background:#10b981; }
.bvs-dan-2-chair { position:absolute; width:10px; height:10px; background:#1e293b; border-radius:50%; transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1); z-index:1; }
.bvs-dan-2-chair.top { top:4px; left:23px; }
.bvs-dan-2-chair.bottom { bottom:4px; left:23px; background:#6366f1; }
.bvs-dan-2-chair.left { left:1px; top:15px; }
.bvs-dan-2-chair.right { right:1px; top:15px; }
.bento-card:hover .bvs-dan-2-chair.top { transform:translateY(4px); }
.bento-card:hover .bvs-dan-2-chair.bottom { transform:translateY(-4px); background:#fbbf24; }
.bento-card:hover .bvs-dan-2-chair.left { transform:translateX(4px); }
.bento-card:hover .bvs-dan-2-chair.right { transform:translateX(-4px); }
.bento-card:hover .bvs-dan-2-chart { opacity:1; }

/* Dan 3: Legal Scan */
.bvs-dan-3 { position:relative; width:44px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-dan-3-doc { width:32px; height:42px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:6px; display:flex; flex-direction:column; gap:3px; z-index:1; }
.bvs-dan-3-ln { height:3px; background:#e2e8f0; border-radius:2px; transition:background 0.3s; }
.bvs-dan-3-glass { position:absolute; top:2px; left:2px; width:18px; height:18px; border:2px solid #6366f1; border-radius:50%; background:rgba(99,102,241,0.1); z-index:2; transition:transform 1.5s ease-in-out; }
.bvs-dan-3-glass::after { content:''; position:absolute; bottom:-6px; right:-4px; width:3px; height:8px; background:#6366f1; transform:rotate(-45deg); border-radius:2px; }
.bvs-dan-3-beam { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:10px; height:2px; background:#10b981; box-shadow:0 0 6px #10b981; opacity:0; transition:opacity 0.3s; }
.bento-card:hover .bvs-dan-3-glass { transform:translate(18px, 24px); }
.bento-card:hover .bvs-dan-3-beam { opacity:1; animation:danScan 1.5s linear; }
@keyframes danScan { 0% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; } }

/* Dan 4: Risk Management Shield */
.bvs-dan-4 { position:relative; width:44px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-dan-4-shield { width:34px; height:42px; background:#fff; border:2px solid #1e293b; clip-path:polygon(50% 0%, 100% 15%, 100% 65%, 50% 100%, 0% 65%, 0% 15%); display:flex; align-items:center; justify-content:center; position:relative; z-index:2; transition:transform 0.4s; }
.bvs-dan-4-shield::before { content:''; position:absolute; top:0; left:0; width:50%; height:100%; background:rgba(30,41,59,0.05); }
.bvs-dan-4-check { width:12px; height:18px; border-bottom:3px solid #10b981; border-right:3px solid #10b981; transform:rotate(45deg) scale(0); margin-top:-6px; transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1) 0.1s; }
.bvs-dan-4-ring { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.8); width:46px; height:54px; border:2px solid #cbd5e1; clip-path:polygon(50% 0%, 100% 15%, 100% 65%, 50% 100%, 0% 65%, 0% 15%); opacity:0; z-index:1; }
.bento-card:hover .bvs-dan-4-shield { transform:translateY(-4px); border-color:#10b981; }
.bento-card:hover .bvs-dan-4-check { transform:rotate(45deg) scale(1); }
.bento-card:hover .bvs-dan-4-ring { animation:shieldPulse 1.5s infinite; }
@keyframes shieldPulse { 0% { transform:translate(-50%,-50%) scale(1); opacity:1; } 100% { transform:translate(-50%,-50%) scale(1.4); opacity:0; } }

/* Dan 5: Emergency Phone */
.bvs-dan-5 { position:relative; width:40px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-dan-5-phone { width:26px; height:42px; background:#1e293b; border-radius:4px; padding:3px; display:flex; flex-direction:column; align-items:center; position:relative; z-index:2; transition:transform 0.3s; }
.bvs-dan-5-screen { width:20px; height:30px; background:#cbd5e1; border-radius:2px; display:flex; align-items:center; justify-content:center; transition:background 0.3s; }
.bvs-dan-5-warn { color:#fff; font-size:16px; font-weight:bold; opacity:0; transform:scale(0); transition:all 0.3s; }
.bvs-dan-5-btn { width:6px; height:2px; background:#64748b; border-radius:1px; margin-top:3px; }
.bvs-dan-5-wave { position:absolute; top:12px; width:10px; height:18px; border-top:2px solid #ef4444; border-right:2px solid #ef4444; border-radius:0 100% 0 0; opacity:0; }
.bvs-dan-5-wave.l { left:-4px; transform:rotate(-135deg); }
.bvs-dan-5-wave.r { right:-4px; transform:rotate(45deg); }
.bento-card:hover .bvs-dan-5-phone { animation:phoneVibrate 0.2s infinite; }
.bento-card:hover .bvs-dan-5-screen { background:#ef4444; }
.bento-card:hover .bvs-dan-5-warn { opacity:1; transform:scale(1); }
.bento-card:hover .bvs-dan-5-wave { opacity:1; animation:ringPulse 1s infinite; }
@keyframes phoneVibrate { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-2px) rotate(-2deg); } 75% { transform:translateX(2px) rotate(2deg); } }
@keyframes ringPulse { 0% { transform:scale(0.8) rotate(var(--rot)); opacity:1; } 100% { transform:scale(1.5) rotate(var(--rot)); opacity:0; } }
.bvs-dan-5-wave.l { --rot: -135deg; } .bvs-dan-5-wave.r { --rot: 45deg; }

/* Dan 6: Education Book */
.bvs-dan-6 { position:relative; width:46px; height:46px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; }
.bvs-dan-6-bulb { width:14px; height:14px; background:#fbbf24; border-radius:50% 50% 2px 2px; position:absolute; top:2px; opacity:0.3; transition:all 0.4s; z-index:1; }
.bvs-dan-6-bulb::after { content:''; position:absolute; bottom:-4px; left:3px; width:8px; height:4px; background:#d97706; border-radius:2px; }
.bvs-dan-6-rays { position:absolute; top:-4px; left:50%; transform:translateX(-50%); width:26px; height:26px; opacity:0; transition:opacity 0.4s; }
.bvs-dan-6-ray { position:absolute; width:2px; height:6px; background:#fbbf24; border-radius:1px; left:12px; }
.bvs-dan-6-ray:nth-child(1) { top:0; }
.bvs-dan-6-ray:nth-child(2) { top:4px; left:2px; transform:rotate(-45deg); }
.bvs-dan-6-ray:nth-child(3) { top:4px; left:22px; transform:rotate(45deg); }
.bvs-dan-6-book { display:flex; gap:1px; z-index:2; transition:transform 0.4s; }
.bvs-dan-6-page { width:18px; height:12px; background:#fff; border:2px solid #cbd5e1; border-bottom:3px solid #6366f1; transition:transform 0.4s; }
.bvs-dan-6-page.l { border-radius:2px 0 0 2px; transform:skewY(-15deg); transform-origin:bottom right; }
.bvs-dan-6-page.r { border-radius:0 2px 2px 0; transform:skewY(15deg); transform-origin:bottom left; }
.bento-card:hover .bvs-dan-6-book { transform:translateY(2px); }
.bento-card:hover .bvs-dan-6-page.l { transform:skewY(-5deg); }
.bento-card:hover .bvs-dan-6-page.r { transform:skewY(5deg); }
.bento-card:hover .bvs-dan-6-bulb { opacity:1; box-shadow:0 0 10px #fbbf24; top:0; }
.bento-card:hover .bvs-dan-6-rays { opacity:1; }


/* --- SÖZLEŞME --- */
/* Soz 1: Pen signing contract */
.bvs-soz-1 { position:relative; width:50px; height:55px; display:flex; align-items:center; justify-content:center; }
.bvs-soz-1-doc { width:34px; height:44px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:6px; display:flex; flex-direction:column; gap:3px; position:relative; z-index:1; transition:transform 0.4s; }
.bvs-soz-1-line { height:3px; background:#e2e8f0; border-radius:2px; }
.bvs-soz-1-line.sig { background:transparent; border-bottom:2px dashed #6366f1; height:0; margin-top:auto; }
.bvs-soz-1-pen { position:absolute; bottom:4px; right:-6px; width:24px; height:5px; background:#6366f1; border-radius:3px 0 0 3px; transform:rotate(-45deg); z-index:2; opacity:0; transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-soz-1-pen::before { content:''; position:absolute; left:-4px; top:1px; border-top:2px solid transparent; border-bottom:2px solid transparent; border-right:5px solid #6366f1; }
.bento-card:hover .bvs-soz-1-doc { transform:translateX(-4px); }
.bento-card:hover .bvs-soz-1-pen { opacity:1; transform:translate(-12px,-18px) rotate(-45deg); }
.bento-card:hover .bvs-soz-1-line.sig { border-color:#10b981; }

/* Soz 2: Magnifying glass scanning doc */
.bvs-soz-2 { position:relative; width:50px; height:55px; display:flex; align-items:center; justify-content:center; }
.bvs-soz-2-doc { width:34px; height:44px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:6px; display:flex; flex-direction:column; gap:4px; z-index:1; }
.bvs-soz-2-ln { height:3px; background:#e2e8f0; border-radius:2px; }
.bvs-soz-2-ln.warn { background:#fbbf24; }
.bvs-soz-2-glass { position:absolute; width:20px; height:20px; border:3px solid #ef4444; border-radius:50%; background:rgba(239,68,68,0.1); z-index:2; right:-2px; bottom:6px; transition:transform 0.5s ease-in-out; }
.bvs-soz-2-glass::after { content:''; position:absolute; bottom:-7px; right:-4px; width:3px; height:8px; background:#ef4444; transform:rotate(-45deg); border-radius:2px; }
.bento-card:hover .bvs-soz-2-glass { transform:translate(-16px,-20px); }

/* Soz 3: Two figures handshake */
.bvs-soz-3 { position:relative; width:55px; height:40px; display:flex; align-items:flex-end; justify-content:center; gap:2px; }
.bvs-soz-3-fig { width:14px; display:flex; flex-direction:column; align-items:center; gap:2px; }
.bvs-soz-3-head { width:10px; height:10px; background:#fff; border-radius:50%; }
.bvs-soz-3-body { width:14px; height:16px; border-radius:3px 3px 0 0; }
.bvs-soz-3-fig.l .bvs-soz-3-body { background:#3b82f6; }
.bvs-soz-3-fig.r .bvs-soz-3-body { background:#10b981; }
.bvs-soz-3-hands { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); width:16px; height:6px; display:flex; gap:2px; transition:gap 0.4s; }
.bvs-soz-3-h { width:7px; height:6px; border-radius:3px; }
.bvs-soz-3-h.hl { background:#3b82f6; }
.bvs-soz-3-h.hr { background:#10b981; }
.bento-card:hover .bvs-soz-3-hands { gap:0; }
.bento-card:hover .bvs-soz-3-fig.l { transform:translateX(2px); }
.bento-card:hover .bvs-soz-3-fig.r { transform:translateX(-2px); }

/* Soz 4: Globe with document */
.bvs-soz-4 { position:relative; width:50px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-soz-4-globe { width:36px; height:36px; border:2px solid rgba(255,255,255,0.6); border-radius:50%; position:relative; overflow:hidden; transition:transform 0.6s; }
.bvs-soz-4-globe::before { content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background:rgba(255,255,255,0.4); transform:translateY(-1px); }
.bvs-soz-4-globe::after { content:''; position:absolute; left:50%; top:0; width:0; height:100%; border-left:2px dashed rgba(255,255,255,0.3); transform:translateX(-1px); }
.bvs-soz-4-doc { position:absolute; bottom:-2px; right:-4px; width:18px; height:22px; background:#fff; border:2px solid #6366f1; border-radius:2px; z-index:2; transition:transform 0.4s; }
.bvs-soz-4-doc::before { content:''; position:absolute; top:4px; left:3px; width:8px; height:2px; background:#6366f1; border-radius:1px; box-shadow:0 4px 0 #6366f1, 0 8px 0 #6366f1; }
.bento-card:hover .bvs-soz-4-globe { transform:rotate(30deg); }
.bento-card:hover .bvs-soz-4-doc { transform:translate(2px,-4px) scale(1.1); }

/* Soz 5: Torn contract with lightning */
.bvs-soz-5 { position:relative; width:50px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-soz-5-half { width:14px; height:36px; background:#fff; border:2px solid #cbd5e1; transition:transform 0.4s; position:relative; }
.bvs-soz-5-half.l { border-radius:3px 0 0 3px; border-right:none; clip-path:polygon(0 0, 100% 0, 90% 25%, 100% 50%, 85% 75%, 100% 100%, 0 100%); }
.bvs-soz-5-half.r { border-radius:0 3px 3px 0; border-left:none; clip-path:polygon(10% 0, 100% 0, 100% 100%, 0 100%, 15% 75%, 0 50%, 10% 25%); }
.bvs-soz-5-bolt { position:absolute; color:#fbbf24; font-size:16px; z-index:2; opacity:0; transition:all 0.3s; transform:scale(0); }
.bento-card:hover .bvs-soz-5-half.l { transform:translateX(-6px) rotate(-5deg); }
.bento-card:hover .bvs-soz-5-half.r { transform:translateX(6px) rotate(5deg); }
.bento-card:hover .bvs-soz-5-bolt { opacity:1; transform:scale(1); }

/* Soz 6: Stacked template docs */
.bvs-soz-6 { position:relative; width:44px; height:48px; display:flex; align-items:center; justify-content:center; }
.bvs-soz-6-tmpl { position:absolute; width:28px; height:36px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; transition:all 0.4s; }
.bvs-soz-6-tmpl.t3 { top:0; left:0; opacity:0.3; }
.bvs-soz-6-tmpl.t2 { top:3px; left:4px; opacity:0.6; }
.bvs-soz-6-tmpl.t1 { top:6px; left:8px; opacity:1; display:flex; align-items:center; justify-content:center; }
.bvs-soz-6-check { width:12px; height:12px; border:2px solid #10b981; border-radius:50%; display:flex; align-items:center; justify-content:center; transform:scale(0); transition:transform 0.3s 0.2s; }
.bvs-soz-6-check::after { content:''; width:4px; height:7px; border-bottom:2px solid #10b981; border-right:2px solid #10b981; transform:rotate(45deg); margin-top:-2px; }
.bento-card:hover .bvs-soz-6-tmpl.t3 { transform:translate(-3px,-3px); opacity:0.5; }
.bento-card:hover .bvs-soz-6-tmpl.t1 { border-color:#10b981; }
.bento-card:hover .bvs-soz-6-check { transform:scale(1); }

/* --- TAHKİM --- */
/* Tah 1: Balance scale with gavel */
.bvs-tah-1 { position:relative; width:55px; height:50px; display:flex; flex-direction:column; align-items:center; }
.bvs-tah-1-pivot { width:8px; height:8px; background:#fff; border-radius:50%; margin-bottom:2px; }
.bvs-tah-1-beam { width:44px; height:3px; background:#fff; border-radius:2px; position:relative; transition:transform 0.5s; }
.bvs-tah-1-pan { position:absolute; top:3px; width:2px; height:12px; background:rgba(255,255,255,0.5); }
.bvs-tah-1-pan.pl { left:4px; }
.bvs-tah-1-pan.pr { right:4px; }
.bvs-tah-1-pan::after { content:''; position:absolute; bottom:0; left:-6px; width:14px; height:6px; border:2px solid rgba(255,255,255,0.6); border-top:none; border-radius:0 0 7px 7px; }
.bvs-tah-1-gavel { position:absolute; bottom:0; right:-4px; width:16px; height:4px; background:#fbbf24; border-radius:2px; transform:rotate(-30deg); z-index:2; transition:transform 0.3s; }
.bvs-tah-1-gavel::before { content:''; position:absolute; left:-4px; top:-2px; width:6px; height:8px; background:#d97706; border-radius:2px; }
.bento-card:hover .bvs-tah-1-beam { transform:rotate(-8deg); }
.bento-card:hover .bvs-tah-1-gavel { transform:rotate(-30deg) translateY(-6px); }

/* Tah 2: Building silhouette (ISTAC) */
.bvs-tah-2 { position:relative; width:50px; height:40px; display:flex; align-items:flex-end; justify-content:center; gap:2px; }
.bvs-tah-2-tower { width:10px; background:#fff; border-radius:2px 2px 0 0; transition:transform 0.4s; }
.bvs-tah-2-tower.tl { height:28px; }
.bvs-tah-2-tower.tr { height:28px; }
.bvs-tah-2-bridge { width:22px; height:16px; border-top:3px solid #fff; border-radius:0; position:relative; }
.bvs-tah-2-bridge::after { content:''; position:absolute; top:3px; left:50%; transform:translateX(-50%); width:16px; height:8px; border:2px solid rgba(255,255,255,0.4); border-bottom:none; border-radius:8px 8px 0 0; }
.bvs-tah-2-label { position:absolute; bottom:-2px; font-size:6px; font-weight:800; color:#fbbf24; letter-spacing:1px; opacity:0; transition:opacity 0.3s; }
.bento-card:hover .bvs-tah-2-tower { transform:translateY(-3px); }
.bento-card:hover .bvs-tah-2-label { opacity:1; }

/* Tah 3: Document with highlighted clause */
.bvs-tah-3 { position:relative; width:44px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-tah-3-doc { width:32px; height:42px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:6px; display:flex; flex-direction:column; gap:3px; transition:transform 0.4s; }
.bvs-tah-3-ln { height:3px; background:#e2e8f0; border-radius:2px; transition:background 0.3s; }
.bvs-tah-3-ln.hl { background:#6366f1; box-shadow:0 0 6px rgba(99,102,241,0.4); }
.bvs-tah-3-marker { position:absolute; left:-4px; top:16px; width:6px; height:10px; background:#fbbf24; border-radius:1px; opacity:0; transition:all 0.4s; }
.bento-card:hover .bvs-tah-3-doc { transform:translateY(-3px); }
.bento-card:hover .bvs-tah-3-marker { opacity:1; transform:translateX(-2px); }
.bento-card:hover .bvs-tah-3-ln.hl { background:#818cf8; }

/* Tah 4: Three seated arbitrators */
.bvs-tah-4 { position:relative; width:55px; height:40px; display:flex; align-items:flex-end; justify-content:center; gap:3px; }
.bvs-tah-4-seat { display:flex; flex-direction:column; align-items:center; gap:2px; transition:transform 0.4s; }
.bvs-tah-4-head { width:8px; height:8px; background:rgba(255,255,255,0.6); border-radius:50%; }
.bvs-tah-4-body { width:12px; height:14px; background:rgba(255,255,255,0.4); border-radius:3px 3px 0 0; }
.bvs-tah-4-seat.main .bvs-tah-4-head { width:10px; height:10px; background:#fff; }
.bvs-tah-4-seat.main .bvs-tah-4-body { width:14px; height:16px; background:#fff; }
.bvs-tah-4-star { position:absolute; top:-2px; font-size:10px; color:#fbbf24; opacity:0; transform:scale(0); transition:all 0.3s 0.1s; }
.bvs-tah-4-bench { position:absolute; bottom:0; width:50px; height:3px; background:rgba(255,255,255,0.3); border-radius:2px; }
.bento-card:hover .bvs-tah-4-seat.main { transform:translateY(-4px); }
.bento-card:hover .bvs-tah-4-star { opacity:1; transform:scale(1); }

/* Tah 5: Shield with pause (injunction) */
.bvs-tah-5 { position:relative; width:40px; height:48px; display:flex; align-items:center; justify-content:center; }
.bvs-tah-5-shield { width:32px; height:38px; background:rgba(255,255,255,0.15); border:2px solid #fff; clip-path:polygon(50% 0%, 100% 15%, 100% 65%, 50% 100%, 0% 65%, 0% 15%); display:flex; align-items:center; justify-content:center; gap:3px; transition:all 0.4s; }
.bvs-tah-5-bar { width:4px; height:14px; background:#fff; border-radius:2px; }
.bvs-tah-5-ring { position:absolute; width:100%; height:100%; border:2px solid rgba(255,255,255,0.3); border-radius:50%; opacity:0; }
@keyframes tahPulse { 0% { transform:scale(0.8); opacity:1; } 100% { transform:scale(1.4); opacity:0; } }
.bento-card:hover .bvs-tah-5-shield { background:rgba(255,255,255,0.25); }
.bento-card:hover .bvs-tah-5-ring { animation:tahPulse 1.5s infinite; }

/* Tah 6: Award doc with globe stamp */
.bvs-tah-6 { position:relative; width:48px; height:52px; display:flex; align-items:center; justify-content:center; }
.bvs-tah-6-doc { width:32px; height:42px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:6px; display:flex; flex-direction:column; gap:3px; transition:transform 0.4s; }
.bvs-tah-6-ln { height:3px; background:#e2e8f0; border-radius:2px; }
.bvs-tah-6-stamp { position:absolute; bottom:2px; right:-2px; width:18px; height:18px; border:2px solid #10b981; border-radius:50%; background:rgba(16,185,129,0.1); display:flex; align-items:center; justify-content:center; z-index:2; transform:scale(0) rotate(-30deg); transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-tah-6-stamp::after { content:'✓'; font-size:10px; color:#10b981; font-weight:bold; }
.bvs-tah-6-star { position:absolute; top:2px; right:0; width:10px; height:10px; background:#fbbf24; clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); opacity:0; transition:opacity 0.3s 0.2s; }
.bento-card:hover .bvs-tah-6-doc { transform:translate(-2px,-3px); }
.bento-card:hover .bvs-tah-6-stamp { transform:scale(1) rotate(0deg); }
.bento-card:hover .bvs-tah-6-star { opacity:1; }

/* --- UYUM --- */
/* Uyum 1: Server Lock (KVKK) */
.bvs-uyu-1 { position:relative; width:44px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-uyu-1-server { width:32px; height:44px; background:#fff; border:2px solid #cbd5e1; border-radius:3px; padding:4px; display:flex; flex-direction:column; gap:4px; transition:transform 0.4s; }
.bvs-uyu-1-rack { height:10px; background:#f1f5f9; border:1px solid #e2e8f0; border-radius:2px; display:flex; align-items:center; justify-content:flex-end; padding-right:3px; gap:2px; }
.bvs-uyu-1-led { width:3px; height:3px; border-radius:50%; background:#94a3b8; transition:background 0.3s; }
.bvs-uyu-1-lock { position:absolute; right:-2px; bottom:-2px; width:20px; height:16px; background:#fbbf24; border:2px solid #1e293b; border-radius:3px; z-index:2; transition:transform 0.4s; }
.bvs-uyu-1-shackle { position:absolute; top:-10px; left:3px; width:10px; height:10px; border:2px solid #1e293b; border-bottom:none; border-radius:5px 5px 0 0; transform:translateY(-4px); transition:transform 0.3s; }
.bento-card:hover .bvs-uyu-1-server { transform:translateX(-4px); }
.bento-card:hover .bvs-uyu-1-rack:nth-child(1) .bvs-uyu-1-led:nth-child(1) { background:#10b981; box-shadow:0 0 4px #10b981; }
.bento-card:hover .bvs-uyu-1-rack:nth-child(2) .bvs-uyu-1-led:nth-child(2) { background:#3b82f6; box-shadow:0 0 4px #3b82f6; }
.bento-card:hover .bvs-uyu-1-rack:nth-child(3) .bvs-uyu-1-led:nth-child(1) { background:#10b981; box-shadow:0 0 4px #10b981; }
.bento-card:hover .bvs-uyu-1-lock { transform:translate(2px,2px); }
.bento-card:hover .bvs-uyu-1-shackle { transform:translateY(0); }

/* Uyum 2: Coin Scanner (AML) */
.bvs-uyu-2 { position:relative; width:50px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-uyu-2-stack { position:relative; width:28px; height:28px; transition:transform 0.4s; }
.bvs-uyu-2-coin { position:absolute; width:24px; height:24px; background:#fbbf24; border:2px solid #d97706; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:bold; color:#b45309; font-size:12px; }
.bvs-uyu-2-coin.c1 { bottom:0; left:0; }
.bvs-uyu-2-coin.c2 { top:0; right:0; background:#fcd34d; z-index:1; }
.bvs-uyu-2-glass { position:absolute; top:-2px; left:-2px; width:22px; height:22px; border:2px solid #ef4444; border-radius:50%; background:rgba(239,68,68,0.1); z-index:2; transition:transform 0.5s ease-in-out; }
.bvs-uyu-2-glass::after { content:''; position:absolute; bottom:-6px; right:-4px; width:3px; height:8px; background:#ef4444; transform:rotate(-45deg); border-radius:2px; }
.bvs-uyu-2-beam { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(45deg); width:14px; height:2px; background:#ef4444; opacity:0; transition:opacity 0.3s; }
.bento-card:hover .bvs-uyu-2-stack { transform:scale(1.05); }
.bento-card:hover .bvs-uyu-2-glass { transform:translate(18px, 18px); }
.bento-card:hover .bvs-uyu-2-beam { opacity:1; animation:danScan 1s linear infinite; }

/* Uyum 3: Gears (Kurumsal Yönetişim) */
.bvs-uyu-3 { position:relative; width:48px; height:48px; display:flex; align-items:center; justify-content:center; }
.bvs-uyu-3-gear { position:absolute; border:3px dashed #64748b; border-radius:50%; display:flex; justify-content:center; align-items:center; transition:transform 1.5s linear; }
.bvs-uyu-3-gear::after { content:''; position:absolute; background:#94a3b8; border-radius:50%; }
.bvs-uyu-3-gear.g1 { width:32px; height:32px; top:0; left:0; border-color:#6366f1; }
.bvs-uyu-3-gear.g1::after { width:10px; height:10px; background:#6366f1; }
.bvs-uyu-3-gear.g2 { width:20px; height:20px; bottom:2px; right:2px; border-color:#10b981; }
.bvs-uyu-3-gear.g2::after { width:6px; height:6px; background:#10b981; }
.bento-card:hover .bvs-uyu-3-gear.g1 { transform:rotate(180deg); }
.bento-card:hover .bvs-uyu-3-gear.g2 { transform:rotate(-270deg); }

/* Uyum 4: Flow Chart (Rekabet) */
.bvs-uyu-4 { position:relative; width:46px; height:42px; display:flex; align-items:flex-end; gap:4px; padding-bottom:4px; border-bottom:2px solid #cbd5e1; }
.bvs-uyu-4-bar { width:12px; background:#cbd5e1; border-radius:2px 2px 0 0; transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-uyu-4-bar.b1 { height:16px; }
.bvs-uyu-4-bar.b2 { height:32px; background:#a855f7; }
.bvs-uyu-4-bar.b3 { height:20px; }
.bvs-uyu-4-line { position:absolute; bottom:18px; left:4px; width:38px; height:2px; background:#1e293b; transform:rotate(-20deg); transform-origin:left center; transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1); }
.bvs-uyu-4-line::after { content:''; position:absolute; right:-2px; top:-3px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #1e293b; }
.bento-card:hover .bvs-uyu-4-bar.b1 { height:26px; background:#c084fc; }
.bento-card:hover .bvs-uyu-4-bar.b2 { height:26px; }
.bento-card:hover .bvs-uyu-4-bar.b3 { height:26px; background:#c084fc; }
.bento-card:hover .bvs-uyu-4-line { transform:rotate(0deg); bottom:28px; }

/* Uyum 5: Megaphone (İhbar) */
.bvs-uyu-5 { position:relative; width:52px; height:42px; display:flex; align-items:center; justify-content:center; }
.bvs-uyu-5-horn { width:24px; height:20px; background:#3b82f6; clip-path:polygon(0 30%, 100% 0, 100% 100%, 0 70%); position:relative; z-index:2; border-radius:2px; transition:transform 0.4s; }
.bvs-uyu-5-handle { position:absolute; bottom:6px; left:18px; width:5px; height:12px; background:#1e293b; transform:rotate(-20deg); border-radius:2px; transition:transform 0.4s; }
.bvs-uyu-5-wave { position:absolute; right:10px; width:8px; height:20px; border-right:2px solid #3b82f6; border-radius:50%; opacity:0; transition:all 0.4s; }
.bvs-uyu-5-wave.w2 { right:4px; height:26px; transition-delay:0.1s; }
.bvs-uyu-5-wave.w3 { right:-2px; height:32px; transition-delay:0.2s; }
.bvs-uyu-5-bubble { position:absolute; top:-4px; right:-2px; width:12px; height:12px; background:#fbbf24; border-radius:50%; display:flex; align-items:center; justify-content:center; opacity:0; transform:scale(0); transition:all 0.3s 0.2s; z-index:3; }
.bvs-uyu-5-bubble::after { content:'!'; color:#d97706; font-size:10px; font-weight:bold; }
.bento-card:hover .bvs-uyu-5-horn { transform:rotate(-15deg) translate(-2px, -2px); }
.bento-card:hover .bvs-uyu-5-handle { transform:rotate(-15deg) translate(-2px, -2px); }
.bento-card:hover .bvs-uyu-5-wave { opacity:1; transform:translateX(4px); }
.bento-card:hover .bvs-uyu-5-bubble { opacity:1; transform:scale(1); }

/* Uyum 6: Clipboard (Denetim) */
.bvs-uyu-6 { position:relative; width:44px; height:50px; display:flex; align-items:center; justify-content:center; }
.bvs-uyu-6-board { width:32px; height:42px; background:#fff; border:2px solid #1e293b; border-radius:3px; padding:8px 4px 4px; display:flex; flex-direction:column; gap:3px; position:relative; transition:transform 0.4s; }
.bvs-uyu-6-clip { position:absolute; top:-4px; left:50%; transform:translateX(-50%); width:12px; height:6px; background:#94a3b8; border:2px solid #1e293b; border-radius:2px; }
.bvs-uyu-6-item { display:flex; align-items:center; gap:3px; }
.bvs-uyu-6-box { width:8px; height:8px; border:2px solid #cbd5e1; border-radius:2px; position:relative; }
.bvs-uyu-6-ln { height:3px; width:12px; background:#e2e8f0; border-radius:2px; }
.bvs-uyu-6-check { position:absolute; top:-2px; left:1px; width:3px; height:6px; border-bottom:2px solid #10b981; border-right:2px solid #10b981; transform:rotate(45deg) scale(0); transition:transform 0.3s; }
.bvs-uyu-6-pen { position:absolute; right:-6px; bottom:2px; width:20px; height:5px; background:#ef4444; border-radius:3px 0 0 3px; transform:rotate(-45deg); z-index:3; opacity:0; transition:all 0.5s; }
.bvs-uyu-6-pen::before { content:''; position:absolute; left:-4px; top:1px; border-top:1px solid transparent; border-bottom:1px solid transparent; border-right:4px solid #ef4444; }
.bento-card:hover .bvs-uyu-6-board { transform:translate(-2px,-2px); }
.bento-card:hover .bvs-uyu-6-pen { opacity:1; transform:translate(-10px, -22px) rotate(-45deg); }
.bento-card:hover .bvs-uyu-6-item:nth-child(1) .bvs-uyu-6-check { transform:rotate(45deg) scale(1); transition-delay:0.2s; }
.bento-card:hover .bvs-uyu-6-item:nth-child(2) .bvs-uyu-6-check { transform:rotate(45deg) scale(1); transition-delay:0.4s; }
.bento-card:hover .bvs-uyu-6-item:nth-child(3) .bvs-uyu-6-check { transform:rotate(45deg) scale(1); transition-delay:0.6s; }


/* ============================================
   UZMANLIK: Arabuluculuk (Mediation Check)
   ============================================ */
.bv-mediation { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; gap:30px; }
.bv-md-person { width:30px; height:30px; color:#475569; transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1), color 0.5s; position:relative; z-index:1; }
.bv-md-person svg { width:100%; height:100%; }
.bv-md-check { position:absolute; top:30px; left:50%; transform:translate(-50%, 0) scale(0); color:#10b981; opacity:0; transition:transform 0.5s 0.2s, opacity 0.5s 0.2s; z-index:2; width:24px; height:24px; }
.bv-md-check svg { width:100%; height:100%; }
.bento-card:hover .bv-md-person.p1 { transform:translateX(15px); color:#3b82f6; }
.bento-card:hover .bv-md-person.p2 { transform:translateX(-15px); color:#3b82f6; }
.bento-card:hover .bv-md-check { transform:translate(-50%, 0) scale(1.2); opacity:1; }

/* ============================================
   UZMANLIK: Vergi Hukuku (Tax Pie Chart)
   ============================================ */
.bv-tax { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-tx-pie { width:50px; height:50px; border-radius:50%; background:conic-gradient(#3b82f6 0deg 270deg, #1e293b 270deg 360deg); position:relative; }
.bv-tx-slice { position:absolute; top:0; right:0; width:25px; height:25px; background:#ef4444; border-radius:0 25px 0 0; transform-origin:bottom left; transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1), background 0.6s; clip-path:polygon(0 100%, 100% 0, 100% 100%); }
.bento-card:hover .bv-tx-slice { transform:translate(8px, -8px); background:#10b981; }

/* ============================================
   UZMANLIK: Konkordato (Shielded Umbrella)
   ============================================ */
.bv-concordat { width:200px; height:80px; position:relative; display:flex; justify-content:center; align-items:flex-end; padding-bottom:5px; }
.bv-cc-building { width:40px; height:50px; background:#1e293b; border-radius:2px 2px 0 0; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:3px; padding-bottom:4px; z-index:2; border-top:4px solid #3b82f6; }
.bv-cc-windows { display:flex; gap:3px; }
.bv-cc-window { width:6px; height:6px; background:#94a3b8; border-radius:1px; }
.bv-cc-door { width:12px; height:12px; background:#cbd5e1; border-radius:1px 1px 0 0; margin-top:2px; }
.bv-cc-umbrella { position:absolute; top:-10px; left:50%; transform:translateX(-50%) scale(0); width:80px; height:40px; background:linear-gradient(180deg, #1e40af, #3b82f6); border-radius:80px 80px 0 0; transform-origin:bottom center; transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1); z-index:3; display:flex; justify-content:center; box-shadow:0 4px 16px rgba(59,130,246,0.3); }
.bv-cc-umbrella::before { content:''; position:absolute; bottom:0; left:0; right:0; height:6px; background:repeating-conic-gradient(#2563eb 0% 25%, #1d4ed8 25% 50%) 0 0/20px 6px; border-radius:0 0 4px 4px; }
.bv-cc-umbrella::after { content:''; position:absolute; top:-4px; left:50%; transform:translateX(-50%); width:4px; height:4px; background:#1e40af; border-radius:2px 2px 0 0; }
.bv-cc-rain { position:absolute; width:2px; height:15px; background:#ef4444; border-radius:1px; top:-30px; opacity:0; transition:opacity 0.3s; }
.bv-cc-rain.r1 { left:30px; }
.bv-cc-rain.r2 { left:50px; }
.bv-cc-rain.r3 { right:30px; }
.bv-cc-rain.r4 { right:50px; }
@keyframes ccRainDrop { 0% { transform:translateY(0); } 100% { transform:translateY(40px); } }
.bento-card:hover .bv-cc-umbrella { transform:translateX(-50%) scale(1); }
.bento-card:hover .bv-cc-rain { opacity:1; animation:ccRainDrop 0.6s linear infinite; }
.bento-card:hover .bv-cc-rain.r1 { animation-delay:0.1s; }
.bento-card:hover .bv-cc-rain.r2 { animation-delay:0.3s; }
.bento-card:hover .bv-cc-rain.r3 { animation-delay:0.2s; }
.bento-card:hover .bv-cc-rain.r4 { animation-delay:0.4s; }

/* ============================================
   UZMANLIK: Finansal Yeniden Yapilandirma
   ============================================ */
.bv-restructure { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-rs-chart { width:100px; height:50px; border-bottom:2px solid #64748b; border-left:2px solid #64748b; position:relative; display:flex; align-items:flex-end; justify-content:space-between; padding:0 4px; }
.bv-rs-bar { width:12px; background:#ef4444; border-radius:2px 2px 0 0; transition:height 0.8s, background 0.8s; }
.bv-rs-bar.b1 { height:40px; }
.bv-rs-bar.b2 { height:10px; }
.bv-rs-bar.b3 { height:30px; }
.bv-rs-bar.b4 { height:5px; }
.bv-rs-arrow { position:absolute; left:0; bottom:0; width:0; height:2px; background:#10b981; transform-origin:left bottom; transform:rotate(-25deg); transition:width 0.8s 0.2s; z-index:2; }
.bv-rs-arrow::after { content:''; position:absolute; right:-4px; top:-4px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #10b981; }
.bento-card:hover .bv-rs-bar.b1 { height:15px; background:#3b82f6; }
.bento-card:hover .bv-rs-bar.b2 { height:25px; background:#3b82f6; }
.bento-card:hover .bv-rs-bar.b3 { height:35px; background:#3b82f6; }
.bento-card:hover .bv-rs-bar.b4 { height:45px; background:#3b82f6; }
.bento-card:hover .bv-rs-arrow { width:110px; }

/* ============================================
   UZMANLIK: Hisse Devri (Share Transfer)
   ============================================ */
.bv-shares { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; gap:30px; }
.bv-sh-comp { width:40px; height:40px; border-radius:50%; background:#1e293b; position:relative; }
.bv-sh-slice { position:absolute; top:0; left:0; width:20px; height:20px; background:#3b82f6; border-radius:20px 0 0 0; transition:transform 0.8s cubic-bezier(0.34,1.56,0.64,1); z-index:2; }
.bv-sh-target { width:40px; height:40px; border:2px dashed #94a3b8; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-sh-target::before { content:''; position:absolute; width:100%; height:100%; border-radius:50%; background:rgba(59,130,246,0); transition:background 0.5s; }
.bento-card:hover .bv-sh-slice { transform:translateX(70px); }
.bento-card:hover .bv-sh-target::before { background:rgba(59,130,246,0.2); transition-delay:0.5s; }

/* ============================================
   UZMANLIK: Ortaklar Arasi Uyusmazlik (Partner Conflict)
   ============================================ */
.bv-partner { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-pt-circle { width:50px; height:50px; border-radius:50%; position:absolute; mix-blend-mode:multiply; transition:transform 0.8s cubic-bezier(0.34,1.56,0.64,1); }
.bv-pt-circle.c1 { background:rgba(239,68,68,0.7); left:60px; }
.bv-pt-circle.c2 { background:rgba(59,130,246,0.7); right:60px; }
.bv-pt-doc { position:absolute; width:24px; height:30px; background:#fff; border:2px solid #10b981; border-radius:3px; opacity:0; transform:scale(0.5); transition:opacity 0.5s 0.3s, transform 0.5s 0.3s; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; }
.bv-pt-doc::before, .bv-pt-doc::after { content:''; width:12px; height:2px; background:#10b981; }
.bento-card:hover .bv-pt-circle.c1 { transform:translateX(-20px); }
.bento-card:hover .bv-pt-circle.c2 { transform:translateX(20px); }
.bento-card:hover .bv-pt-doc { opacity:1; transform:scale(1); }

/* ============================================
   UZMANLIK: Tapu Iptal (Deed Registration)
   ============================================ */
.bv-deed { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; perspective:500px; }
.bv-dd-paper { width:40px; height:50px; background:#f8fafc; border:2px solid #cbd5e1; position:relative; display:flex; flex-direction:column; padding:4px; gap:4px; transition:transform 1s; transform-style:preserve-3d; }
.bv-dd-line { width:100%; height:2px; background:#cbd5e1; }
.bv-deed-stamp { position:absolute; bottom:5px; right:5px; width:15px; height:15px; border:2px solid #ef4444; border-radius:50%; opacity:0.5; }
.bv-dd-house { position:absolute; inset:0; background:#3b82f6; border-radius:4px; transform:rotateY(180deg) translateZ(1px); backface-visibility:hidden; display:flex; align-items:center; justify-content:center; color:#fff; }
.bv-dd-house svg { width:24px; height:24px; fill:currentColor; }
.bento-card:hover .bv-dd-paper { transform:rotateY(180deg) scale(1.2); }

/* Requested text alignment (targeted) */
.hp-hero-sub,
#hp-dep-grid .bento-content p,
#hp-sek-grid .bento-content p,
#hp-uzm-grid .bento-content p,
.service-detail-page .flip-card-front p,
.sector-detail-page .flip-card-front p,
.expertise-detail-page .flip-card-front p,
.service-detail-page .related-card p,
.sector-detail-page .related-card p,
.expertise-detail-page .related-card p,
.service-detail-page .sidebar-card-subtitle,
.sector-detail-page .sidebar-card-subtitle,
.expertise-detail-page .sidebar-card-subtitle,
/* About intro/body paragraphs */
.hp-about-inner p,
.about-intro p,
.min-intro p {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* ============================================
   UZMANLIK: Kamulastirma (Expropriation/Land)
   ============================================ */
.bv-land { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-ld-grid { width:100px; height:50px; background:linear-gradient(90deg, #e2e8f0 1px, transparent 1px), linear-gradient(180deg, #e2e8f0 1px, transparent 1px); background-size:10px 10px; border:2px solid #94a3b8; position:relative; overflow:hidden; }
.bv-ld-plot { position:absolute; top:10px; left:10px; width:40px; height:30px; background:rgba(59,130,246,0.3); border:2px dashed #3b82f6; transition:width 0.8s, background 0.8s; }
.bv-ld-ruler { position:absolute; top:5px; left:10px; width:2px; height:40px; background:#ef4444; transition:transform 0.8s; z-index:2; }
.bento-card:hover .bv-ld-plot { width:70px; background:rgba(16,185,129,0.3); border-color:#10b981; }
.bento-card:hover .bv-ld-ruler { transform:translateX(70px); background:#10b981; }

/* ============================================
   UZMANLIK: Malpraktis (Malpractice)
   ============================================ */
.bv-malpractice { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; gap:10px; }
.bv-mp-doc { width:40px; height:50px; border:2px solid #94a3b8; border-radius:4px; background:#fff; position:relative; display:flex; flex-direction:column; padding:5px; gap:4px; }
.bv-mp-line { width:100%; height:2px; background:#cbd5e1; }
.bv-mp-icon { position:absolute; right:-10px; top:10px; width:24px; height:24px; background:#ef4444; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; transition:transform 0.8s cubic-bezier(0.34,1.56,0.64,1), background 0.8s; }
.bv-mp-moon { width:14px; height:14px; transition:opacity 0.4s, transform 0.4s; position:absolute; }
.bv-mp-scale { width:14px; height:14px; opacity:0; transform:rotate(-180deg) scale(0); transition:opacity 0.4s, transform 0.4s; position:absolute; }
.bento-card:hover .bv-mp-icon { transform:translate(-15px, 0) rotate(180deg) scale(1.2); background:#3b82f6; }
.bento-card:hover .bv-mp-moon { opacity:0; transform:scale(0); }
.bento-card:hover .bv-mp-scale { opacity:1; transform:rotate(180deg) scale(1); }

/* ============================================
   UZMANLIK: Tuketici Hakem Heyeti (Consumer)
   ============================================ */
.bv-consumer { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; }
.bv-cs-bag { width:40px; height:45px; background:#f59e0b; border-radius:4px 4px 8px 8px; position:relative; transition:transform 0.5s; z-index:1; }
.bv-cs-bag::before { content:''; position:absolute; top:-10px; left:10px; width:20px; height:10px; border:3px solid #d97706; border-bottom:none; border-radius:10px 10px 0 0; }
.bv-cs-shield { position:absolute; width:30px; height:35px; background:rgba(59,130,246,0.9); clip-path:polygon(50% 0, 100% 15%, 100% 70%, 50% 100%, 0 70%, 0 15%); display:flex; align-items:center; justify-content:center; color:#fff; opacity:0; transform:translateY(-20px) scale(0.5); transition:opacity 0.5s, transform 0.5s cubic-bezier(0.34,1.56,0.64,1); z-index:2; }
.bv-cs-shield svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
.bento-card:hover .bv-cs-bag { transform:translateX(-15px); }
.bento-card:hover .bv-cs-shield { opacity:1; transform:translate(15px, 5px) scale(1.1); }

/* ============================================
   UZMANLIK: Marka Ihlali (Trademark)
   ============================================ */
.bv-trademark { width:200px; height:80px; position:relative; display:flex; align-items:center; justify-content:center; gap:10px; }
.bv-tm-orig { width:40px; height:40px; background:#1e293b; border-radius:8px; color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-weight:bold; font-size:16px; position:relative; }
.bv-tm-orig::after { content:'®'; position:absolute; top:2px; right:2px; font-size:8px; }
.bv-tm-fake { width:40px; height:40px; background:#fff; border:2px dashed #ef4444; border-radius:8px; color:#ef4444; display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-weight:bold; font-size:16px; opacity:0.5; transition:opacity 0.3s, transform 0.5s; position:relative; }
.bv-tm-laser { position:absolute; top:-5px; left:50%; width:2px; height:50px; background:#ef4444; transform:translateX(-50%); opacity:0; transition:opacity 0.3s; }
.bento-card:hover .bv-tm-fake { opacity:1; transform:translateX(-10px) rotate(-10deg); background:#fee2e2; }
.bento-card:hover .bv-tm-laser { opacity:1; box-shadow:0 0 10px #ef4444; }

/* ============================================
   Visual fit polish - keep existing illustrations
   ============================================ */
.bento-visual {
    height: 152px;
    padding: 12px 18px;
}
.bento-visual > [class^="bv-"],
.bento-visual > [class*=" bv-"] {
    max-width: 100%;
    margin-inline: auto;
}
.bv-dashboard,
.bv-vitals,
.bv-globe,
.bv-lockshield,
.bv-shopping,
.bv-turbine,
.bv-wardrobe,
.bv-radar-wrapper,
.bv-candlestick,
.bv-gears,
.bv-mediation,
.bv-tax,
.bv-concordat,
.bv-restructure,
.bv-shares,
.bv-partner,
.bv-deed,
.bv-land,
.bv-malpractice,
.bv-consumer,
.bv-trademark {
    min-height: 96px;
}
.bv-dash-bars { height:44px; gap:6px; }
.bv-dash-bar { width:17px; }
.bv-dash-bar.b1 { height:18px; }
.bv-dash-bar.b2 { height:28px; }
.bv-dash-bar.b3 { height:36px; }
.bv-dash-bar.b4 { height:24px; }
.bv-dash-bar.b5 { height:44px; }
.bv-dash-metric,
.bv-vit-tags,
.bv-gl-tags,
.bv-rd-tags,
.bv-cd-tags,
.bv-gr-tags { justify-content:center; flex-wrap:wrap; }
.bv-vit-ecg { width:170px; }
.bv-terminal { width:min(230px,92%); }
.bv-construction { height:96px; padding-bottom:10px; }
.bv-cn-ground { left:28px; right:28px; }
.bv-shopping,
.bv-turbine,
.bv-radar-wrapper,
.bv-candlestick,
.bv-gears { justify-content:center; }
.bv-shp-cart { transform:scale(1.14); transform-origin:center bottom; }
.bv-trb-scene,
.bv-dt-scene,
.bv-cd-chart,
.bv-gr-machine { transform:scale(1.08); transform-origin:center; }
.bv-wardrobe { gap:20px; }
.bv-wr-scissors { width:40px; height:40px; }
.bv-wr-roll { width:48px; height:48px; }
.bv-radar { width:78px; height:78px; }
.bv-gavel,
.bv-dualdoc,
.bv-globe,
.bv-lockshield {
    width:min(220px,100%);
}
.bv-compass,
.bv-tax,
.bv-concordat,
.bv-restructure,
.bv-shares,
.bv-partner,
.bv-deed,
.bv-land,
.bv-malpractice,
.bv-consumer,
.bv-trademark {
    width:min(220px,100%);
}
.bv-cp-ring { width:64px; height:64px; }
.bv-cp-needle { height:50px; }
.bv-cp-needle::before,
.bv-cp-needle::after { height:25px; }
.bv-md-person { width:38px; height:38px; }
.bv-md-check {
    opacity:.22;
    transform:translate(-50%, 0) scale(.85);
}
.bv-cc-building { width:46px; height:58px; }
.bv-cc-umbrella {
    top:-4px;
    opacity:.18;
    transform:translateX(-50%) scale(.9);
}
.bv-rs-chart,
.bv-ld-grid { transform:scale(1.08); transform-origin:center; }
.bv-sh-comp,
.bv-sh-target,
.bv-tm-orig,
.bv-tm-fake { width:46px; height:46px; }
.bv-dd-paper { width:48px; height:60px; }
.bv-mp-doc { width:48px; height:60px; }
.bv-mp-icon { width:28px; height:28px; }
.bv-cs-bag { width:46px; height:52px; }
.bv-pt-circle { width:58px; height:58px; }
.bv-pt-circle.c1 { left:54px; }
.bv-pt-circle.c2 { right:54px; }

.image-initials {
    width:100%;
    height:100%;
    min-width:44px;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e8dfcf;
    color:#17201d;
    font:700 1rem/1 var(--sans, 'DM Sans', sans-serif);
    letter-spacing:0;
}

@media(max-width:768px) {
    .bento-visual { height:144px; padding-inline:14px; }
}