/* Compact Vagus business cards; the main website keeps its existing styles. */
.digital-card{--card-ink:#252c33;--card-muted:#626c76;--card-line:#d5d9dd;--card-serif:"Cormorant Garamond",Georgia,serif;--card-sans:Figtree,"Segoe UI",Arial,sans-serif;margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 0,#fff 0,#f1f3f5 60%);color:var(--card-ink);font:14px/1.5 var(--card-sans);-webkit-font-smoothing:antialiased}
.digital-card *{box-sizing:border-box}
.digital-card a{color:inherit;text-decoration:none}
.digital-card button,.digital-card textarea{font:inherit}
.digital-card button{cursor:pointer}
.digital-card img{display:block;max-width:100%}
.digital-card h1,.digital-card h2,.digital-card p{margin:0}
.digital-card a:focus-visible,.digital-card button:focus-visible,.digital-card summary:focus-visible,.digital-card textarea:focus-visible{outline:3px solid #6d8194;outline-offset:4px}
.digital-card [hidden]{display:none!important}
.digital-card .dc-skip{position:absolute;top:8px;left:8px;z-index:5;padding:10px;background:var(--card-ink);color:white;transform:translateY(-150%)}
.digital-card .dc-skip:focus{transform:translateY(0)}
.card-shell{width:min(460px,calc(100% - 32px));margin:0 auto;padding:28px 0 24px}
.card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;font-size:11px;color:var(--card-muted)}
.card-toolbar a,.directory-back{display:inline-flex;align-items:center;gap:7px;min-height:32px}
.card-toolbar>span{font-size:8px;letter-spacing:.17em}
.business-card{container-type:inline-size;isolation:isolate;position:relative;aspect-ratio:1.56;border-radius:14px;overflow:hidden;color:#f4f5f6;background:linear-gradient(125deg,#38414a,#232a31 65%,#171d23);border:1px solid #4d5660;box-shadow:0 18px 36px -20px #17212d75,0 2px 5px #17212d1a}
.business-card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff15;pointer-events:none;z-index:3}
.bc-photo{position:absolute;inset:0 0 0 auto;width:36%;height:100%;background:#363d43}
.bc-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.bc-photo img.bulent-photo{object-position:center 20%}
.bc-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#232a3199,transparent 33%),linear-gradient(0deg,#171d23b3,transparent 35%)}
.bc-city{position:absolute;z-index:2;bottom:7cqw;right:4cqw;font-size:clamp(8px,1.9cqw,10px);letter-spacing:.18em;text-transform:uppercase;color:#fff}
.bc-copy{position:absolute;inset:0 auto 0 0;width:68%;padding:5cqw;display:flex;flex-direction:column;align-items:flex-start;z-index:2}
.bc-brand{display:flex;align-items:center;gap:2cqw}
.bc-brand>img{width:8.5cqw;height:8.5cqw;object-fit:contain;filter:brightness(0) invert(1);opacity:.88}
.bc-brand>span{font-family:var(--card-serif);font-size:clamp(18px,5.7cqw,27px);line-height:.95}
.bc-brand small{display:block;margin-top:1.2cqw;font-family:var(--card-sans);font-size:clamp(6px,1.6cqw,8px);letter-spacing:.16em;color:#d0d6dc}
.bc-identity{margin-top:auto;margin-bottom:auto;padding-top:2cqw;padding-bottom:2cqw}
.bc-prefix{display:block;font-size:clamp(9px,2.3cqw,11px);line-height:1.2;color:#d4d9df;margin-bottom:.4cqw}
.bc-name{font-family:var(--card-serif);font-size:clamp(23px,7.7cqw,37px);font-weight:500;line-height:.96;letter-spacing:-.025em}
.bc-name>span{display:block}
.bc-role{font-size:clamp(8px,2.25cqw,11px);line-height:1.3;letter-spacing:.01em;margin-top:2cqw!important;color:#e0e4e8}
.bc-credentials{font-size:clamp(7px,1.85cqw,9px);color:#b8c1ca;line-height:1.3;margin-top:.7cqw!important}
.bc-contact{width:100%;padding-top:1.8cqw;border-top:1px solid #cbd3dc3d}
.bc-phone{font-size:clamp(10px,2.8cqw,13px);line-height:1.4;letter-spacing:.03em;color:#fff;margin-bottom:.6cqw!important}
.bc-address{margin:0;font-size:clamp(8px,2.15cqw,10px);font-style:normal;line-height:1.45;color:#d3d9df}
.card-actions{margin-top:22px}
.card-button{min-height:48px;width:100%;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--card-line);border-radius:9px;background:#ffffffb3;color:var(--card-ink);font-weight:500;font-size:12px;transition:background .15s,border-color .15s}
.card-button:hover{background:#fff;border-color:#a4aeb8}
.card-button:disabled{cursor:wait;opacity:.65}
.card-primary{background:var(--card-ink);color:#fff!important;border-color:var(--card-ink)}
.card-primary:hover{background:#3b4550;border-color:#3b4550}
.card-utilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px}
.card-contact-actions{display:flex;gap:9px;margin-top:9px}
.card-utilities .card-button{flex-direction:column;gap:5px;min-height:65px;padding:10px 4px;font-size:11px}
.card-status{font-size:11px;color:var(--card-muted);margin-top:10px!important}
.card-status:empty{display:none}
.card-details{margin-top:21px;border-top:1px solid var(--card-line);border-bottom:1px solid var(--card-line)}
.card-details summary{display:flex;align-items:center;justify-content:space-between;min-height:49px;cursor:pointer;list-style:none;font-size:12px}
.card-details summary::-webkit-details-marker{display:none}
.card-details[open] summary svg{transform:rotate(180deg)}
.card-details-content{padding:0 0 18px}
.card-details-content h2{font-size:11px;font-weight:600;margin:14px 0 8px}
.card-details-content address{font-style:normal;font-size:12px;color:var(--card-muted);line-height:1.6}
.card-details ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.card-details li{padding:5px 9px;background:#e5e9ed;border-radius:4px;font-size:10px}
.card-hours{margin-top:16px!important;font-size:11px;color:var(--card-muted)}
.card-profile,.card-site-link{display:flex;align-items:center;justify-content:space-between;font-size:11px}
.card-profile{margin-top:15px}
.card-site-link{justify-content:center;gap:8px;padding-top:22px;color:var(--card-muted)!important}
.card-dialog{width:min(356px,calc(100% - 24px));max-height:calc(100svh - 32px);overflow:auto;border:1px solid var(--card-line);border-radius:16px;background:#fff;color:var(--card-ink);padding:28px 20px 20px;box-shadow:0 25px 100px #0c152540;font:13px/1.5 var(--card-sans)}
.card-dialog::backdrop{background:#15212e80;backdrop-filter:blur(5px)}
.dialog-close{position:absolute;top:10px;right:10px;width:36px;height:36px;display:grid;place-items:center;background:#f1f3f5;border:0;border-radius:50%;color:var(--card-muted)}
.dialog-kicker{display:block;font-size:9px;letter-spacing:.15em;font-weight:600;color:var(--card-muted);margin-bottom:8px}
.card-dialog h2{font-family:var(--card-serif);font-size:29px;font-weight:600;line-height:1.1;margin:0 28px 10px 0}
.card-dialog>p{font-size:12px;color:var(--card-muted);margin:0 0 16px}
.contact-qr{width:292px;height:auto;max-width:100%;margin:18px auto;background:#fff}
.card-dialog .card-button+.card-button{margin-top:8px}
.card-copy-label{display:block;font-size:10px;color:var(--card-muted);margin:18px 0 7px}
.card-dialog textarea{width:100%;min-height:130px;resize:none;border:1px solid var(--card-line);border-radius:8px;padding:10px;font-size:11px;line-height:1.5;background:#f7f8fa;color:var(--card-ink);margin-bottom:10px}
.cards-directory{width:min(1080px,calc(100% - 40px));margin:auto;padding:32px 0 60px}
.directory-back{font-size:12px;color:var(--card-muted)!important}
.directory-intro{margin:50px 0 30px}
.directory-intro h1{font:500 clamp(32px,4vw,46px)/1.1 var(--card-serif)}
.directory-intro p{margin-top:12px;font-size:13px;color:var(--card-muted)}
.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card-preview{display:block;min-width:0}
.preview-open{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:15px 3px;color:var(--card-muted)}
.card-preview:hover .business-card{border-color:#8290a0}
.card-preview:hover .preview-open{color:var(--card-ink)}
/* Existing minimal profiles may include this fallback when regenerated. */
.profile-monogram{aspect-ratio:4/5;display:grid;place-items:center;background:linear-gradient(165deg,var(--pine-2),var(--pine-3));color:var(--brass-2);font-family:var(--serif);font-size:110px}
@media(max-width:800px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.card-shell{padding-top:18px}.card-toolbar{margin-bottom:16px}.business-card{border-radius:11px}.cards-directory{width:calc(100% - 32px);padding-top:20px}.directory-intro{margin-top:32px}.cards-grid{grid-template-columns:1fr;gap:18px}.card-dialog{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.digital-card *{transition:none!important}}
@media print{.digital-card{background:white}.card-shell{width:85mm;padding:0}.business-card{box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.card-toolbar,.card-actions,.card-details,.card-site-link,.card-dialog{display:none}}