/* Frontend styles for Smartifai Gallery archive and single views */
.smartifai-gallery-wrapper{
    background:#ffffff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    padding:60px 20px;
}
.smartifai-gallery-intro-block{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;max-width:1200px;margin:0 auto 40px auto;align-items:start}
.smartifai-intro-title{font-size:48px;font-weight:900;line-height:1.05;color:#10243a;margin:0;letter-spacing:-0.5px}
.smartifai-intro-title span{color:#b0b8c9;display:block}
.smartifai-intro-text{font-size:15px;line-height:1.6;color:#59697f;margin:0}
.smartifai-metrics-row{display:flex;gap:40px}
.smartifai-metric-number{font-size:34px;font-weight:800;color:#1f2b3a}
.smartifai-metric-label{font-size:11px;font-weight:700;color:#8fa0b5}

/* Archive grid */
.smartifai-archive-masonry-view,#smartifai_archive_grid{display:grid !important;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}
.smartifai-archive-masonry-view{grid-template-columns:repeat(4, minmax(0, 1fr));gap:24px}
.smartifai-archive-grid-card{background:#fff;border-radius:14px;overflow:hidden;display:block;width:100%;position:relative;box-shadow:0 10px 30px rgba(16,36,58,0.08);transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s}
.smartifai-archive-grid-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,36,58,0.12)}
.smartifai-archive-card-media{width:100%;height:0;padding-bottom:56%;position:relative;background:#f1f5f9}
.smartifai-archive-card-media img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.smartifai-archive-card-meta{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(0deg,rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.25) 60%, transparent 100%)}
.smartifai-archive-card-title{font-size:18px;font-weight:800;color:#fff;margin:0}

/* Device badges */
.smartifai-device-floating-badge{background:#00c0d9;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,0.12)}

@media(max-width:992px){.smartifai-gallery-intro-block{grid-template-columns:1fr;gap:20px}.smartifai-intro-title{font-size:36px}.smartifai-archive-masonry-view,#smartifai_archive_grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.smartifai-archive-masonry-view,#smartifai_archive_grid{grid-template-columns:1fr!important}.smartifai-intro-title{font-size:28px}}