*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#ECEAE5;--white:#FDFCF9;--off:#F4F3F0;
  --ink:#0C0C0B;--ink2:#2A2926;--mid:#8A8880;--line:#E2E0DC;
  --blue:#0068FF;--blue-bg:#E8F4FF;--gradient:linear-gradient(135deg,#00A8FF,#0045FF);
  --green:#00C48C;--green-bg:#E6FBF5;
}
html,body{min-height:100%;background:var(--bg)}
body{font-family:'Bricolage Grotesque',sans-serif;color:var(--ink);max-width:480px;margin:0 auto}

/* ─── COVER ─── */
.cover{height:160px;position:relative;overflow:hidden}
.cover-mesh{position:absolute;inset:0;background-image:radial-gradient(rgba(0,104,255,.28) 1px,transparent 1px);background-size:22px 22px;opacity:.55;mask-image:radial-gradient(ellipse 110% 110% at 50% 110%,black 0%,transparent 68%)}
.cover-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:520px;height:240px;background:radial-gradient(ellipse,rgba(0,104,255,.18) 0%,transparent 68%)}
.cover-brand{position:absolute;top:1rem;left:50%;transform:translateX(-50%);font-size:.68rem;font-weight:800;letter-spacing:.14em;color:transparent;text-decoration:none;text-transform:uppercase;-webkit-text-stroke:.7px rgba(0,0,0,.35);paint-order:stroke fill}

/* ─── PROFILE WRAP ─── */
.profile{padding:0 1.1rem 3rem}

/* ─── AVATAR ROW ─── */
.av-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-48px;margin-bottom:1.25rem}
.avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#00A8FF,#0045FF);border:4px solid #ECEAE5;display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:1.75rem;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);flex-shrink:0;overflow:hidden;position:relative;z-index:1}
.av-btns{display:flex;gap:.4rem;margin-top:10px}
.av-btn{width:36px;height:36px;border-radius:10px;background:var(--white);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.av-btn:hover{border-color:var(--hover-color,var(--blue));background:color-mix(in srgb,var(--hover-color,var(--blue)) 6%,transparent)}
.av-btn:hover svg{stroke:var(--hover-color,var(--blue))}
.av-btn:hover i{color:var(--hover-color,var(--blue))}
.av-btn svg{width:15px;height:15px;stroke:var(--ink2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.av-btn i{font-size:14px;color:var(--ink2)}

/* ─── INFO ─── */
.info{margin-bottom:1.1rem}
.info-name{font-family:'DM Serif Display',serif;font-size:1.65rem;font-weight:400;letter-spacing:-.025em;line-height:1.1;margin-bottom:.35rem}
.info-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.15rem}
.info-role{font-size:.82rem;font-weight:600;color:var(--profile-color,var(--ink2))}
.info-sep{color:var(--line);font-size:.8rem}
.info-company-name{font-size:.78rem;font-weight:500;color:var(--mid)}
.info-bio{font-size:.82rem;color:var(--mid);line-height:1.72;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--line)}

/* ─── SAVE BTN ─── */
.save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.88rem;background:var(--profile-color,var(--ink));color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:.88rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .18s;margin-bottom:1rem;box-shadow:0 4px 16px rgba(12,12,11,.2);letter-spacing:-.01em}
.save-btn:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 6px 20px rgba(12,12,11,.25)}
.save-btn.saved{background:var(--green-bg);color:var(--green);border:1.5px solid rgba(0,196,140,.2);box-shadow:none;transform:none}
.save-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.save-btn i{font-size:16px}

/* ─── QUICK ROW ─── */
.quick-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.45rem;margin-bottom:1.35rem}
.q-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;padding:.75rem .3rem;background:var(--white);border:1.5px solid var(--line);border-radius:12px;cursor:pointer;text-decoration:none;color:var(--ink);transition:all .15s;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.q-btn:hover{border-color:var(--hover-color,var(--blue));background:color-mix(in srgb,var(--hover-color,var(--blue)) 4%,transparent);transform:translateY(-1px)}
.q-btn svg{width:18px;height:18px;stroke:var(--ink2);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.q-btn i{font-size:18px;color:var(--ink2)}
.q-btn:hover svg{stroke:var(--hover-color,var(--blue))}
.q-btn:hover i{color:var(--hover-color,var(--blue))}
.q-lbl{font-size:.6rem;font-weight:700;color:var(--mid);letter-spacing:.03em;text-transform:uppercase}
.q-btn:hover .q-lbl{color:var(--hover-color,var(--blue))}
.q-location{display:flex;align-items:center;gap:.55rem;width:100%;padding:.75rem .9rem;background:var(--white);border:1.5px solid var(--line);border-radius:12px;cursor:pointer;color:var(--ink2);font-size:.8rem;font-weight:500;text-align:left;margin-bottom:1.35rem;transition:all .15s;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.q-location:hover{border-color:var(--hover-color,var(--blue));background:color-mix(in srgb,var(--hover-color,var(--blue)) 4%,transparent)}
.q-location svg{width:16px;height:16px;flex-shrink:0;stroke:var(--mid);fill:none;stroke-width:1.7;stroke-linecap:round}
.q-location i{font-size:14px;color:var(--mid);flex-shrink:0}
.q-location:hover svg{stroke:var(--hover-color,var(--blue))}
.q-location:hover i{color:var(--hover-color,var(--blue))}

/* ─── SECTION ─── */
.sec{margin-bottom:1.75rem}
.sec-title{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}
.sec-title::after{content:'';flex:1;height:1.5px;background:var(--line)}

/* ─── SOCIAL ─── */
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.soc-item{display:flex;align-items:center;gap:.7rem;padding:.72rem .85rem;background:var(--white);border:1.5px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);cursor:pointer;transition:all .15s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.soc-item:hover{border-color:color-mix(in srgb,var(--hover-color,var(--blue)) 25%,transparent);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.07)}
.soc-ico{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}
.soc-ico svg{width:16px;height:16px;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.soc-ico i{font-size:15px;line-height:1}
.soc-name{font-size:.78rem;font-weight:700;line-height:1.2}
.soc-handle{font-size:.65rem;color:var(--mid)}

/* ─── GALLERY ─── */
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.gal-item{aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .15s;position:relative;border:1.5px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.05)}
.gal-item:hover{transform:scale(1.03);border-color:rgba(0,104,255,.25)}
.gal-over{position:absolute;inset:0;background:rgba(12,12,11,0);display:flex;align-items:center;justify-content:center;transition:background .2s}
.gal-item:hover .gal-over{background:rgba(12,12,11,.32)}
.gal-over i{font-size:18px;color:#fff;opacity:0;transition:opacity .15s}
.gal-item:hover .gal-over i{opacity:1}
.gal-more{position:absolute;inset:0;background:rgba(12,12,11,.6);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;cursor:pointer;border-radius:inherit}

/* ─── SERVICES ─── */
.srv-list{display:flex;flex-direction:column;gap:.38rem}
.srv-item{display:flex;align-items:center;gap:.85rem;padding:.82rem .9rem;background:var(--white);border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.srv-item:hover{border-color:color-mix(in srgb,var(--hover-color,var(--blue)) 25%,transparent);background:color-mix(in srgb,var(--hover-color,var(--blue)) 2%,transparent);transform:translateY(-1px)}
.srv-ico{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:color-mix(in srgb,var(--profile-color,var(--blue)) 8%,transparent);display:flex;align-items:center;justify-content:center}
.srv-ico svg{width:17px;height:17px;stroke:var(--profile-color,var(--blue));fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.srv-ico i{font-size:16px;color:var(--profile-color,var(--blue))}
.srv-body{flex:1;min-width:0}
.srv-name{font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srv-desc{font-size:.7rem;color:var(--mid);margin-top:1px}
.srv-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.srv-price{font-size:.8rem;font-weight:800;color:var(--profile-color,var(--blue))}
.srv-arr{color:var(--line)}
.srv-arr svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.srv-more-btn{width:100%;padding:.7rem;margin-top:.5rem;background:var(--off);border:1.5px solid var(--line);border-radius:10px;font-family:'Bricolage Grotesque',sans-serif;font-size:.82rem;font-weight:600;color:var(--mid);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.4rem}
.srv-more-btn:hover{border-color:var(--hover-color,var(--blue));color:var(--hover-color,var(--blue))}
.srv-item:hover .srv-arr{color:var(--hover-color,var(--blue))}

/* ─── CUSTOM LINKS ─── */
.link-list{display:flex;flex-direction:column;gap:.38rem}
.lnk{display:flex;align-items:center;gap:.85rem;padding:.78rem .9rem;background:var(--white);border:1.5px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);cursor:pointer;transition:all .15s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.lnk:hover{border-color:rgba(0,104,255,.25);transform:translateX(3px)}
.lnk-ico{width:34px;height:34px;border-radius:9px;background:var(--off);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.lnk-ico svg{width:15px;height:15px;stroke:var(--mid);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lnk-ico i{font-size:14px;color:var(--mid)}
.lnk:hover .lnk-ico svg{stroke:var(--hover-color,var(--blue))}
.lnk:hover .lnk-ico i{color:var(--hover-color,var(--blue))}
.lnk-body{flex:1;min-width:0}
.lnk-title{font-size:.82rem;font-weight:600}
.lnk-url{font-size:.68rem;color:var(--mid)}
.lnk-arr{margin-left:auto;color:var(--line);flex-shrink:0}
.lnk-arr svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.lnk:hover .lnk-arr{color:var(--hover-color,var(--blue))}

/* ─── PROMO (ücretsiz profil reklamı) ─── */
.promo{display:flex;align-items:center;gap:.85rem;padding:.9rem;background:var(--white);border:1.5px dashed var(--line);border-radius:14px;margin-bottom:1.5rem;text-decoration:none;color:var(--ink);transition:border-color .15s}
.promo:hover{border-color:rgba(0,104,255,.35)}
.promo-ico{width:38px;height:38px;border-radius:10px;background:var(--blue-bg);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.promo-ico svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round}
.promo-t{font-size:.82rem;font-weight:700}
.promo-s{font-size:.68rem;color:var(--mid)}
.promo-arr{margin-left:auto;flex-shrink:0}
.promo-arr svg{width:14px;height:14px;stroke:var(--mid);fill:none;stroke-width:2;stroke-linecap:round}

/* ─── FOOTER ─── */
.card-footer{text-align:center;padding:.5rem 0 2.5rem;font-size:.7rem;color:var(--mid)}
.card-footer a{color:var(--blue);text-decoration:none;font-weight:700}

/* ─── TOAST ─── */
.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(60px);background:var(--ink);color:#fff;padding:.6rem 1.4rem;border-radius:100px;font-size:.8rem;font-weight:500;opacity:0;transition:all .25s;pointer-events:none;white-space:nowrap;z-index:999;box-shadow:0 4px 20px rgba(0,0,0,.25)}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* ─── SHARE SHEET ─── */
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:100;backdrop-filter:blur(4px)}
.overlay.on{display:block}
.sheet{position:fixed;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:min(480px,100%);background:var(--white);border-radius:22px 22px 0 0;border-top:1.5px solid var(--line);padding:1.25rem;z-index:101;transition:transform .32s cubic-bezier(.16,1,.3,1)}
.sheet.on{transform:translateX(-50%) translateY(0)}
.sheet-handle{width:38px;height:3.5px;background:var(--line);border-radius:2px;margin:0 auto 1.25rem}
.sheet-title{font-size:.95rem;font-weight:800;letter-spacing:-.01em;margin-bottom:1rem}
.sheet-opts{display:flex;gap:.4rem;margin-bottom:1rem}
.sh-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .3rem;background:var(--off);border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:all .15s;font-size:.68rem;font-weight:600;color:var(--mid);font-family:'Bricolage Grotesque',sans-serif}
.sh-opt:hover{border-color:var(--hover-color,var(--blue));color:var(--hover-color,var(--blue));background:color-mix(in srgb,var(--hover-color,var(--blue)) 8%,transparent)}
.sh-opt svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.url-copy-row{display:flex;align-items:center;gap:.75rem;background:var(--off);border:1.5px solid var(--line);border-radius:12px;padding:.75rem .95rem;cursor:pointer;transition:border-color .15s}
.url-copy-row:hover{border-color:var(--hover-color,var(--blue))}
.url-text{flex:1;font-size:.78rem;color:var(--mid);font-family:monospace}
.url-copy-btn{font-size:.75rem;font-weight:700;color:var(--blue);white-space:nowrap}

/* ─── GALLERY POPUP (carousel) ─── */
.popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:200;align-items:center;justify-content:center;padding:1.25rem;backdrop-filter:blur(6px)}
.popup-overlay.on{display:flex}
@keyframes popIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.popup-box{position:relative;background:var(--white);border-radius:20px;overflow:hidden;max-width:400px;width:100%;animation:popIn .25s cubic-bezier(.16,1,.3,1)}
.popup-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;background:rgba(253,252,249,.9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(4px)}
.popup-close svg{width:13px;height:13px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}
.popup-img{width:100%;aspect-ratio:1;overflow:hidden;background:var(--off);display:flex;align-items:center;justify-content:center}
.popup-img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .18s}
.popup-nav{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem .7rem}
.popup-dots{display:flex;gap:.35rem;align-items:center}
.popup-dot{width:6px;height:6px;border-radius:50%;background:var(--line);transition:all .2s;cursor:pointer}
.popup-dot.on{background:var(--ink);width:18px;border-radius:3px}
.popup-arrow{width:28px;height:28px;border-radius:8px;background:var(--off);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}
.popup-arrow:hover{border-color:var(--ink);background:var(--white)}
.popup-arrow svg{width:13px;height:13px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}
.popup-caption{padding:0 1rem .85rem;font-size:.78rem;color:var(--mid);text-align:center;min-height:1.2em}

/* ─── SERVICE POPUP ─── */
.srv-popup{position:relative;background:var(--white);border-radius:20px;max-width:360px;width:100%;padding:1.75rem;animation:popIn .25s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}
.sp-ico{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--profile-color,var(--blue)) 8%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.sp-ico svg{width:24px;height:24px;stroke:var(--profile-color,var(--blue));fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sp-ico i{font-size:22px;color:var(--profile-color,var(--blue))}
.sp-name{font-family:'DM Serif Display',serif;font-size:1.5rem;font-weight:400;letter-spacing:-.02em;margin-bottom:.35rem;line-height:1.15}
.sp-price{display:inline-flex;align-items:center;font-size:.88rem;font-weight:800;color:var(--profile-color,var(--blue));background:color-mix(in srgb,var(--profile-color,var(--blue)) 8%,transparent);border:1px solid color-mix(in srgb,var(--profile-color,var(--blue)) 15%,transparent);border-radius:100px;padding:.22rem .85rem;margin-bottom:1rem}
.sp-desc{font-size:.85rem;color:var(--mid);line-height:1.72;margin-bottom:1.5rem}
.sp-cta{width:100%;padding:.85rem;background:var(--profile-color,var(--ink));color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:.88rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:filter .15s}
.sp-cta:hover{filter:brightness(.85)}
.sp-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;border-radius:8px;background:var(--off);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sp-close svg{width:12px;height:12px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}

/* ─── INQUIRY POPUP ─── */
.inq-popup{position:relative;background:var(--white);border-radius:20px;max-width:360px;width:100%;padding:1.75rem;animation:popIn .25s cubic-bezier(.16,1,.3,1)}
.inq-title{font-family:'DM Serif Display',serif;font-size:1.4rem;font-weight:400;letter-spacing:-.02em;margin-bottom:.3rem}
.inq-sub{font-size:.82rem;color:var(--mid);margin-bottom:1.25rem;line-height:1.6}
.inq-field{margin-bottom:.85rem}
.inq-label{font-size:.72rem;font-weight:700;color:var(--ink2);letter-spacing:.03em;display:block;margin-bottom:.35rem}
.inq-input{width:100%;padding:.72rem .9rem;background:var(--off);border:1.5px solid var(--line);border-radius:10px;font-family:'Bricolage Grotesque',sans-serif;font-size:.88rem;color:var(--ink);outline:none;transition:border-color .15s}
.inq-input:focus{border-color:var(--blue);background:var(--white)}
.inq-submit{width:100%;padding:.85rem;background:var(--ink);color:#fff;font-family:'Bricolage Grotesque',sans-serif;font-size:.88rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:background .15s,transform .12s;margin-top:.35rem}
.inq-submit:hover{background:#222}
.inq-submit:active{transform:scale(.97)}
.inq-submit:disabled{opacity:.7;cursor:not-allowed}
.inq-close{position:absolute;top:1rem;right:1rem;width:30px;height:30px;border-radius:8px;background:var(--off);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.inq-close svg{width:12px;height:12px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}

/* ─── SAYFA AÇILIŞ ANİMASYONLARI ─── */
.fi{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}
.fi.vis{opacity:1;transform:none}

@media(max-width:768px){
  input,select,textarea{font-size:16px!important}
}

/* ═══ SCROLLBAR — SimpleBar ═══ */
*::-webkit-scrollbar{display:none}
*{scrollbar-width:none}
.simplebar-track.simplebar-vertical{width:6px;right:2px;background:transparent}
.simplebar-track.simplebar-horizontal{height:6px;bottom:2px;background:transparent}
.simplebar-scrollbar::before{content:"";position:absolute;left:1px;right:1px;top:0;bottom:0;border-radius:0;background:rgba(0,104,255,.25)!important;opacity:1!important;transition:background .2s ease;min-height:40px}
.simplebar-track:hover .simplebar-scrollbar::before,.simplebar-scrollbar:hover::before{background:rgba(0,104,255,.50)!important}
@media(-webkit-touch-callout:none){.simplebar-track.simplebar-vertical{width:4px;right:1px}.simplebar-scrollbar::before{background:rgba(0,104,255,.30)!important;min-height:30px}}