.mobile-card-sheet{--card-accent:#e9bb82;box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;width:100%;border:1px solid color-mix(in srgb,var(--card-accent) 65%,transparent);border-radius:26px;padding:32px 28px 28px;background:linear-gradient(125deg,#73513c65,#30221cca 40%,#191411dc);color:#fff0dc;box-shadow:0 24px 70px #0007,inset 0 1px #fff1d96e,inset 0 -1px #d1a77338;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);font:400 16px/1.5 Outfit,system-ui,sans-serif}
.bc-identity{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:18px;align-items:start;padding:8px 0 28px;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 32%,transparent)}.bc-identity h2{font:400 clamp(1.8rem,7vw,2.15rem)/1.1 Georgia,serif!important;letter-spacing:-.045em!important;color:#fff1df!important;margin:0 0 18px!important;overflow-wrap:anywhere}.bc-title{margin:0!important;color:var(--card-accent)!important;font-size:.95rem;line-height:1.5}.bc-specialty{margin:6px 0 0!important;color:#dfc9b4!important;font-size:.85rem;line-height:1.5}.bc-portrait{width:76px;height:100px;object-fit:cover;object-position:center 20%;border-radius:18px;border:1px solid #efd0a94f;box-shadow:0 8px 24px #0005}.bc-identity:not(:has(.bc-portrait)){grid-template-columns:1fr}
.bc-contact{display:flex;flex-direction:column;gap:8px;margin:24px 0;text-align:left}.bc-contact p{margin:0;color:#d9c1ab;font-size:.875rem}.mobile-card-sheet a{color:#f4d8b7;text-decoration:none;overflow-wrap:anywhere}.bc-contact a{font-size:.875rem;line-height:1.5}.bc-code{display:flex;align-items:center;flex-direction:column;gap:18px;padding-top:10px}.bc-code>a:first-child{display:block;background:#fff;border-radius:16px;padding:12px;box-shadow:0 6px 22px #0003;line-height:0}.bc-code img{display:block;width:110px;height:110px;image-rendering:pixelated}.bc-website{font:500 .95rem/1.5 system-ui;letter-spacing:.035em;color:var(--card-accent)!important}
.mobile-card-sheet.card-shine::after{content:'';position:absolute;inset:-45%;pointer-events:none;z-index:2;transform:translateX(-100%) rotate(-18deg);background:linear-gradient(90deg,transparent 40%,#fff3da22 47%,#fff5e64d 50%,#fff3da22 53%,transparent 60%);animation:business-card-shine 1.65s ease-out 1 both}@keyframes business-card-shine{from{transform:translateX(-100%) rotate(-18deg)}to{transform:translateX(100%) rotate(-18deg)}}@media(prefers-reduced-motion:reduce){.mobile-card-sheet.card-shine::after{display:none}}
.bc-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:28px;align-items:start}.bc-preview-panel{padding:22px;border:1px solid #806247;border-radius:22px;background:linear-gradient(#281d15a6,#211812a6),url('/assets/colosseum-amber.webp') center/cover}.bc-preview-panel h2{color:#ffdfb5;font-size:1rem;margin:0 0 22px}.bc-print-root{display:none}@media(max-width:850px){.bc-admin-grid{grid-template-columns:1fr}.bc-preview-panel{max-width:430px;width:100%;margin:0 auto}}
@media print{@page{size:55mm 85mm;margin:0}body.printing-business-card{margin:0!important;padding:0!important;width:55mm!important;height:85mm!important;min-height:0!important;background:#281d16!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}body.printing-business-card>*:not(.bc-print-root){display:none!important}.bc-print-root{display:block!important;width:55mm;height:85mm}body.printing-business-card .mobile-card-sheet{width:55mm;height:85mm;border-radius:0;border:0;padding:6mm 5mm;background:#281d16!important;box-shadow:none;backdrop-filter:none}.bc-identity{grid-template-columns:minmax(0,1fr) 13mm;gap:3mm;padding:0 0 5mm}.bc-identity h2{font-size:12pt!important;line-height:1.12!important;margin-bottom:3mm!important}.bc-portrait{width:13mm;height:18mm;border-radius:2mm}.bc-title{font-size:7pt;line-height:1.4}.bc-specialty{font-size:6.5pt;line-height:1.4;margin-top:1mm!important}.bc-contact{gap:1.5mm;margin:4mm 0}.bc-contact p,.bc-contact a{font-size:7pt;line-height:1.4}.bc-code{gap:3mm;padding:0}.bc-code>a:first-child{padding:1.5mm;border-radius:2mm;box-shadow:none}.bc-code img{width:18mm;height:18mm}.bc-website{font-size:7.5pt;line-height:1.3}.mobile-card-sheet::after{display:none!important}}
@media print{html:has(body.printing-business-card){background:#281d16!important;width:55mm!important;height:85mm!important}body.printing-business-card .bc-identity{grid-template-columns:minmax(0,1fr) 12mm;gap:2mm;padding-bottom:3mm}body.printing-business-card .mobile-card-sheet{padding:5mm 4mm}body.printing-business-card .bc-identity h2{font-size:11pt!important;margin-bottom:2mm!important}body.printing-business-card .bc-contact{margin:3mm 0;gap:1mm}}
.bc-identity .bc-contact{margin:22px 0 0;gap:14px}.bc-contact>div{display:flex;flex-direction:column;gap:3px}.bc-contact span{color:var(--card-accent);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.bc-contact a{overflow-wrap:anywhere}.bc-code{padding-top:28px}
@media print{.bc-identity .bc-contact{margin:3mm 0 0;gap:2mm}.bc-contact>div{gap:.5mm}.bc-contact span{font-size:5.5pt;line-height:1.2}.bc-contact a{font-size:6.5pt}.bc-code{padding-top:3mm}}
.mobile-card-sheet{background:linear-gradient(125deg,#976a4352,#30221c96 42%,#191411bc);backdrop-filter:blur(32px) saturate(165%);-webkit-backdrop-filter:blur(32px) saturate(165%);box-shadow:0 24px 70px #0006,inset 0 1px #fff3de88,inset 1px 0 #fff1d924,inset 0 -1px #d1a7734a}.mobile-card-sheet::before{content:'';position:absolute;top:70px;right:-14px;width:230px;height:230px;background:url('/assets/imported/ozkan-monogram-amber.webp') center/contain no-repeat;opacity:.09;filter:saturate(.65);z-index:-1;pointer-events:none}
@media print{body.printing-business-card .mobile-card-sheet{background:#281d16!important}.mobile-card-sheet::before{top:15mm;right:-1mm;width:36mm;height:36mm;opacity:.08}}
.mobile-card-sheet{aspect-ratio:55/85;display:flex;flex-direction:column}.bc-identity{flex:none}.bc-code{margin-top:auto;flex:none}
@media print{body.printing-business-card .mobile-card-sheet{width:55mm;height:85mm;aspect-ratio:55/85}}
.bc-code>a:first-child{background:transparent;padding:0;border-radius:0;box-shadow:none}.bc-code img{width:164px;height:164px}
@media print{.bc-code>a:first-child{background:transparent!important;padding:0;border-radius:0;box-shadow:none}.bc-code img{width:24mm;height:24mm}}

/* Shared amber identity for the public card, editor preview and print. */
.bc-brand-logo{display:block;flex:none;width:52px;height:52px;object-fit:contain;align-self:flex-start;margin:0 0 12px}
@media print{body.printing-business-card .bc-brand-logo{width:8mm;height:8mm;margin:0 0 2mm}body.printing-business-card .bc-identity{grid-template-columns:minmax(0,1fr)}}
