
.ug-bio-wrap,
.ug-bio-wrap *{box-sizing:border-box}
.ug-bio-wrap{
    width:100%;
    max-width:var(--ug-max-width,1180px);
    margin:0 auto;
    color:var(--ug-text,#0b1f3a);
    font-family:inherit;
    --ug-heading:#082452;
    --ug-text:#0b1f3a;
    --ug-accent:#0b5fa5;
    --ug-accent-dark:#071f45;
    --ug-blue:#1276c5;
    --ug-card-bg:#ffffff;
    --ug-soft:#f3f8fd;
    --ug-border:#d7e5f3;
    --ug-link:#0b5fa5;
    --ug-badge-bg:#eef6ff;
    --ug-badge-border:#b9d8f4;
    --ug-badge-text:#082452;
    --ug-side-bg:#071f45;
    --ug-side-bg2:#0b5fa5;
}
.ug-bio-card{
    background:var(--ug-card-bg,#ffffff);
    border:1px solid var(--ug-border,#dfe8f2);
    border-radius:var(--ug-radius,18px);
    box-shadow:var(--ug-shadow,0 16px 45px rgba(6,25,42,.08));
    padding:var(--ug-card-pad,28px);
    margin-bottom:var(--ug-gap,24px);
    overflow:hidden;
}
.ug-bio-intro{
    border-left:4px solid var(--ug-accent,#06192a);
    background:var(--ug-soft,#f7f1ea);
}
.ug-bio-intro p{margin:0;line-height:1.85}
.ug-bio-badges{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px}
.ug-bio-badge{
    padding:10px 15px;border:1px solid var(--ug-badge-border,#e6cdb7);
    border-radius:999px;background:var(--ug-badge-bg,#fff7ef);
    font-weight:600;font-size:14px;color:var(--ug-badge-text,#4a2b14);
}
.ug-bio-grid-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
.ug-bio-linkbox{
    background:var(--ug-soft,#fbf7f2);border:1px solid var(--ug-border,#e6cdb7);
    border-radius:14px;padding:18px;min-height:130px
}
.ug-bio-linkbox strong{display:block;margin-bottom:10px;color:var(--ug-heading,#06192a)}
.ug-bio-linkbox a{display:block;color:var(--ug-link,#075ca8);text-decoration:none;margin:8px 0;font-size:14px}
.ug-bio-hero{display:grid;grid-template-columns:1.45fr .85fr;gap:22px;align-items:stretch}
.ug-bio-main h1,.ug-bio-main h2,.ug-bio-main h3,.ug-bio-card h2,.ug-bio-card h3{
    color:var(--ug-heading,#06192a);line-height:1.22;margin-top:0
}
.ug-bio-eyebrow{
    display:inline-flex;background:var(--ug-eyebrow-bg,#dff0ff);color:var(--ug-eyebrow-text,#075ca8);
    border-radius:999px;padding:8px 13px;font-weight:700;font-size:13px;margin-bottom:18px
}
.ug-bio-main h1{font-size:clamp(30px,4vw,46px);margin-bottom:18px}
.ug-bio-main h2{font-size:clamp(22px,3vw,31px);margin:28px 0 13px}
.ug-bio-main p,.ug-bio-card p{font-size:16px;line-height:1.85;margin:0 0 16px}
.ug-bio-keywords{margin:16px 0 0;padding-left:20px}
.ug-bio-keywords li{margin:8px 0}
.ug-bio-side{
    background:linear-gradient(135deg,var(--ug-side-bg,#06192a),var(--ug-side-bg2,#17456e));
    color:#fff;border-radius:var(--ug-radius,18px);padding:28px
}
.ug-bio-side h3{color:#fff;margin-bottom:18px;font-size:24px}
.ug-bio-side li{margin:0 0 13px;line-height:1.55;font-weight:600}
.ug-bio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}
.ug-bio-stat{background:var(--ug-accent,#5b371d);color:#fff;border-radius:14px;padding:18px 10px;font-weight:700}
.ug-bio-stat b{display:block;font-size:30px;line-height:1.1}
.ug-bio-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ug-bio-img{
    width:100%;height:var(--ug-img-h,430px);object-fit:cover;border-radius:var(--ug-radius,18px);display:block;background:#eef3f7
}
.ug-bio-section h2{font-size:clamp(24px,3vw,34px);margin-bottom:12px}
.ug-bio-faq-item{
    background:var(--ug-faq-bg,#f8fbfd);border:1px solid var(--ug-border,#dfe8f2);
    border-radius:16px;padding:20px;margin-bottom:14px
}
.ug-bio-faq-item h3{font-size:18px;margin-bottom:10px}
.ug-bio-review-head{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-bottom:18px}
.ug-bio-rating{
    display:inline-flex;gap:15px;align-items:center;background:var(--ug-accent,#5b371d);
    color:#fff;border-radius:999px;padding:13px 22px;font-weight:700
}
.ug-bio-rating b{font-size:32px}
.ug-bio-stars{color:#ffd23f;letter-spacing:2px;white-space:nowrap}
.ug-bio-carousel{position:relative;overflow:hidden}
.ug-bio-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;scrollbar-width:none}
.ug-bio-track::-webkit-scrollbar{display:none}
.ug-bio-review{
    flex:0 0 calc(33.333% - 12px);scroll-snap-align:start;
    background:var(--ug-review-bg,#fff7ef);border-top:3px solid var(--ug-accent,#5b371d);
    border-radius:14px;padding:22px;min-height:230px
}
.ug-bio-review p{font-size:14px}
.ug-bio-review strong{display:block;margin-top:20px;color:var(--ug-heading,#06192a)}
.ug-bio-review small{display:block;margin-top:6px;color:#64748b}
.ug-bio-arrows{text-align:center;margin-top:8px}
.ug-bio-arrow{
    border:none;background:var(--ug-accent,#5b371d);color:#fff;width:38px;height:38px;
    border-radius:999px;cursor:pointer;font-size:18px;margin:0 4px
}
.ug-bio-link-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ug-bio-link-columns a{display:block;margin:10px 0;color:var(--ug-link,#075ca8);text-decoration:none}
.ug-bio-guide h3{font-size:17px;margin:24px 0 8px;color:var(--ug-accent,#5b371d)}
.ug-bio-note{background:var(--ug-soft,#f7f1ea);border-radius:8px;padding:18px;margin:12px 0 18px}
@media(max-width:1024px){
    .ug-bio-grid-links{grid-template-columns:repeat(2,1fr)}
    .ug-bio-hero{grid-template-columns:1fr}
    .ug-bio-stats{grid-template-columns:repeat(2,1fr)}
    .ug-bio-review{flex-basis:calc(50% - 10px)}
}
@media(max-width:767px){
    .ug-bio-wrap{padding-left:12px;padding-right:12px}
    .ug-bio-card{padding:20px;margin-bottom:18px}
    .ug-bio-grid-links,.ug-bio-two,.ug-bio-link-columns,.ug-bio-stats{grid-template-columns:1fr}
    .ug-bio-badge{width:100%;justify-content:center;text-align:center}
    .ug-bio-img{height:var(--ug-img-h-mobile,260px)}
    .ug-bio-review{flex-basis:88%}
}


/* Uğurlu Cam Balkon logo renklerine göre son katman */
.ug-bio-wrap{
    background:transparent;
}
.ug-bio-card{
    border-color:var(--ug-border,#d7e5f3)!important;
}
.ug-bio-intro{
    border-left-color:var(--ug-accent,#0b5fa5)!important;
    background:linear-gradient(90deg,#eef6ff,#ffffff)!important;
}
.ug-bio-badge{
    background:#eef6ff!important;
    border-color:#b9d8f4!important;
    color:#082452!important;
}
.ug-bio-side{
    background:linear-gradient(135deg,#071f45,#0b5fa5)!important;
}
.ug-bio-stat{
    background:linear-gradient(135deg,#071f45,#0b5fa5)!important;
}
.ug-bio-review{
    background:#f6fbff!important;
    border-top-color:#0b5fa5!important;
}
.ug-bio-rating,.ug-bio-arrow{
    background:#0b5fa5!important;
}
.ug-bio-note{
    background:#eef6ff!important;
}
.ug-bio-linkbox{
    background:#f6fbff!important;
    border-color:#c8def2!important;
}
