/* Atlas Graphic business-card marketplace: editable HTML/CSS artwork, no raster placeholders. */
.site-business-card-gallery,.site-business-card-customizer{--bc-ink:#101a2e;--bc-red:#e4463a;--bc-warm:#f6f1e9}
.bc-gallery-hero{padding:40px max(24px,calc((100vw - 1240px)/2)) 78px;color:#fff;background:radial-gradient(circle at 16% 14%,#e4463a33,transparent 30%),linear-gradient(135deg,#0a1324,#121f37 66%,#0b1427)}
.bc-gallery-hero .site-breadcrumb{margin:0 0 54px}.bc-gallery-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:80px}.bc-gallery-hero h1{margin:13px 0 22px;font-size:clamp(3.1rem,6.4vw,6.3rem);line-height:.98;letter-spacing:-.065em}.bc-gallery-hero h1 em{color:#ff625a;font-style:normal}.bc-gallery-hero p{max-width:680px;margin:0;color:#cbd3df;font-size:1rem;line-height:2}.bc-gallery-hero__grid>div>div{display:flex;gap:10px;margin-top:30px}.bc-gallery-hero__grid>aside{display:grid;gap:5px;padding:25px;border-right:1px solid #ffffff26}.bc-gallery-hero__grid>aside b{color:#ff5d55;font:900 5rem/1 Arial}.bc-gallery-hero__grid>aside span{font-weight:900}.bc-gallery-hero__grid>aside small{color:#96a3b8;font-size:.7rem}
.bc-product-separation{width:min(1180px,calc(100% - 40px));display:grid;grid-template-columns:1fr 280px;align-items:center;gap:45px;margin:-28px auto 0;padding:24px 28px;border:1px solid #e5ded2;border-radius:20px;background:#fff;box-shadow:0 22px 65px #0a132417}.bc-product-separation>div{display:grid;gap:4px}.bc-product-separation span{color:var(--bc-red);font-size:.68rem;font-weight:900}.bc-product-separation b{font-size:1rem}.bc-product-separation p{margin:2px 0 0;color:#687286;font-size:.75rem}.bc-product-separation>a{display:grid;gap:3px;padding:15px 18px;border-radius:13px;color:#fff;background:#101a2e}.bc-product-separation>a small{color:#aeb8c9}.bc-product-separation>a b{font-size:.82rem}
.bc-gallery-shell{width:min(1380px,calc(100% - 48px));margin:auto;padding:88px 0 110px}.bc-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.bc-gallery-heading h2{margin:8px 0 0;font-size:clamp(2.1rem,4vw,4rem);letter-spacing:-.05em}.bc-gallery-heading form{width:min(360px,100%)}.bc-gallery-heading label{display:grid;grid-template-columns:1fr 45px;align-items:center;border:1px solid #d9dce2;border-radius:13px;background:#fff;overflow:hidden}.bc-gallery-heading label>span{position:absolute;width:1px;height:1px;overflow:hidden}.bc-gallery-heading input{height:48px;padding:0 15px;border:0;outline:0;background:transparent;font:inherit}.bc-gallery-heading button{height:48px;border:0;background:#101a2e;color:#fff;font-size:1.2rem}
.bc-filter-groups{display:grid;gap:13px;padding:20px;border-block:1px solid #e2e3e7}.bc-filter-groups>div{display:grid;grid-template-columns:65px minmax(0,1fr);align-items:start;gap:12px}.bc-filter-groups>div>b{padding-top:8px;font-size:.7rem}.bc-filter-groups nav{display:flex;gap:7px;overflow:auto;padding-bottom:3px;scrollbar-width:thin}.bc-filter-groups a{display:flex;align-items:center;gap:7px;min-height:35px;padding:0 11px;border:1px solid #dcdfe5;border-radius:999px;background:#fff;color:#536074;font-size:.66rem;font-weight:800;white-space:nowrap}.bc-filter-groups a.active{border-color:#101a2e;background:#101a2e;color:#fff}.bc-color-filters i{width:10px;height:10px;border-radius:50%;background:#bbb}.bc-color-filters [data-color=light] i{background:#f5f1e8}.bc-color-filters [data-color=dark] i{background:#171a21}.bc-color-filters [data-color=gold] i{background:#c59b48}.bc-color-filters [data-color=blue] i{background:#285fc4}.bc-color-filters [data-color=green] i{background:#39705d}.bc-color-filters [data-color=red] i{background:#d6403b}.bc-color-filters [data-color=neutral] i{background:#8a8379}.bc-color-filters [data-color=pink] i{background:#d56f97}.bc-color-filters [data-color=orange] i{background:#d37742}.bc-results-note{display:flex;justify-content:space-between;margin:20px 0;color:#657084;font-size:.72rem}.bc-results-note a{color:#b82f2a;font-weight:800}
.bc-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin-top:32px}.bc-gallery-item{min-width:0;overflow:hidden;border:1px solid #e0e1e5;border-radius:22px;background:#fff;box-shadow:0 13px 42px #101a2e0b;transition:.3s}.bc-gallery-item:hover{transform:translateY(-7px);box-shadow:0 28px 70px #101a2e18}.bc-gallery-visual{position:relative;display:block;padding:34px 30px 40px;background:linear-gradient(145deg,#e7e3dc,#f7f4ee);overflow:hidden}.bc-gallery-visual:before{position:absolute;inset:0;content:"";background:linear-gradient(115deg,transparent 35%,#fff8 47%,transparent 59%);translate:-100% 0;transition:translate .8s}.bc-gallery-item:hover .bc-gallery-visual:before{translate:100% 0}.bc-quick-view{position:absolute;right:18px;bottom:14px;left:18px;z-index:5;display:flex;justify-content:space-between;color:#273247;font-size:.65rem;font-weight:900}.bc-gallery-copy{display:grid;grid-template-columns:1fr auto;gap:4px;padding:18px 20px 20px}.bc-gallery-copy small{color:#d53d36;font-size:.62rem;font-weight:850}.bc-gallery-copy h3{margin:3px 0 0;font-size:1.22rem}.bc-gallery-copy>span{color:#c8ccd4;font:900 2rem Arial}.bc-gallery-copy>p{grid-column:1/-1;margin:8px 0;color:#657084;font:600 .68rem Arial;direction:ltr;text-align:right}.bc-gallery-copy footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:13px;border-top:1px solid #ececef}.bc-gallery-copy footer span{color:#697386;font-size:.62rem}.bc-gallery-copy footer a{color:#c6322c;font-size:.68rem;font-weight:900}.bc-gallery-empty{padding:80px 24px;text-align:center}.bc-gallery-empty>span{color:#e4463a;font-size:3rem}.bc-gallery-empty h2{font-size:2rem}.bc-gallery-empty p{color:#687286}
.bc-print-note{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;padding:70px max(24px,calc((100vw - 1180px)/2));color:#fff;background:radial-gradient(circle at 12% 10%,#e4463a2d,transparent 28%),#101a2e}.bc-print-note h2{margin:8px 0 13px;font-size:clamp(2rem,4vw,3.8rem)}.bc-print-note p{max-width:780px;margin:0;color:#b8c2d1;line-height:2}

/* Reusable front/back artwork */
.bc-preview{--bc-primary:#101a2e;--bc-secondary:#f6f1e9;--bc-accent:#e4463a;--bc-paper:#fffdf9;direction:rtl}.bc-scene{position:relative;width:100%;aspect-ratio:1.5;perspective:1400px}.bc-face{position:absolute;inset:0;overflow:hidden;border-radius:10px;color:var(--bc-primary);background:var(--bc-paper);box-shadow:0 22px 42px #0b142736;backface-visibility:hidden;transition:transform .65s cubic-bezier(.2,.72,.2,1),opacity .4s}.bc-texture{position:absolute;inset:0;background:radial-gradient(circle at 30% 10%,#fff9,transparent 34%),repeating-linear-gradient(8deg,#00000005 0 1px,transparent 1px 4px);mix-blend-mode:multiply;opacity:.5}.bc-geometry{position:absolute;display:block}.bc-logo{position:absolute;z-index:3;display:grid;place-items:center}.bc-logo b{font:900 2.3rem Arial}.bc-logo img{width:100%;height:100%;object-fit:contain}.bc-front-copy,.bc-person,.bc-contacts,.bc-social,.bc-edition,.bc-qr{position:absolute;z-index:3}.bc-front-copy{display:grid}.bc-front-copy small{font:800 .46rem Arial;letter-spacing:.16em}.bc-front-copy strong{font-size:1.15rem;line-height:1.25}.bc-front-copy em{font:600 .42rem Arial;letter-spacing:.08em}.bc-edition{font:700 .35rem Arial;letter-spacing:.13em}.bc-person{display:grid;gap:2px}.bc-person strong{font-size:.9rem}.bc-person span{font-size:.42rem}.bc-contacts{display:grid;gap:5px;margin:0;padding:0;list-style:none}.bc-contacts li{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:6px;font-size:.39rem}.bc-contacts i{color:var(--bc-accent);font:800 .28rem Arial;font-style:normal}.bc-social{font:700 .35rem Arial;direction:ltr}.bc-qr{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:42px;height:42px;padding:5px;border:1px solid currentColor}.bc-qr i{background:currentColor}.bc-qr i:nth-child(2),.bc-qr i:nth-child(4),.bc-qr i:nth-child(9){opacity:.1}.no-qr .bc-qr{display:none}
.bc-mode-gallery .bc-scene{aspect-ratio:1.25}.bc-mode-gallery .bc-face{inset:9% 8% auto;height:auto;aspect-ratio:1.5}.bc-mode-gallery .bc-front{z-index:2;transform:translate(-3%,8%) rotate(-2deg)}.bc-mode-gallery .bc-back{z-index:1;transform:translate(4%,-7%) rotate(3deg);opacity:.95}.bc-gallery-item:hover .bc-mode-gallery .bc-front{transform:translate(-7%,12%) rotate(-4deg)}.bc-gallery-item:hover .bc-mode-gallery .bc-back{transform:translate(8%,-11%) rotate(5deg)}
.bc-mode-detail{width:min(790px,100%)}.bc-mode-detail .bc-face{box-shadow:0 35px 80px #101a2e36}.bc-mode-detail .bc-back{transform:rotateY(180deg)}.bc-mode-detail[data-side=back] .bc-front{transform:rotateY(-180deg)}.bc-mode-detail[data-side=back] .bc-back{transform:rotateY(0)}.bc-mode-detail[data-mockup=stack] .bc-front{transform:translate(-4%,8%) rotate(-3deg)}.bc-mode-detail[data-mockup=stack] .bc-back{transform:translate(4%,-8%) rotate(3deg);opacity:.9}.bc-mode-detail[data-mockup=stack] .bc-scene{margin-block:35px}.bc-mode-detail[data-mockup=angle] .bc-scene{transform:perspective(1000px) rotateX(9deg) rotateY(-10deg);filter:drop-shadow(20px 30px 30px #101a2e35)}.bc-mode-detail[data-mockup=angle] .bc-back{display:none}