/* MyPortfolioHub v15 professional template browser */
.v15-template-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding:32px 0 24px}
.v15-template-hero h1{max-width:760px;margin:8px 0 10px;font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.04em;color:#10211f}
.v15-template-hero p{max-width:720px;margin:0;color:#60716e;font-size:15px;line-height:1.65}
.v15-template-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));border:1px solid #dbe7e4;border-radius:16px;background:#fff;overflow:hidden}
.v15-template-hero-stats div{padding:15px 18px;min-width:120px;border-left:1px solid #e4edeb}.v15-template-hero-stats div:first-child{border-left:0}
.v15-template-hero-stats strong{display:block;font-size:24px;color:#064e46}.v15-template-hero-stats span{display:block;margin-top:2px;color:#6a7976;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.v15-template-controls{position:sticky;top:70px;z-index:8;display:grid;gap:12px;margin-bottom:16px;padding:14px;border:1px solid #dbe7e4;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(3,47,45,.06);backdrop-filter:blur(14px)}
.v15-template-search-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}.v15-template-search-wrap .v7-template-search-public{flex:1;max-width:460px}
.v15-template-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v15-template-selects label{display:grid;gap:4px}.v15-template-selects label>span{font-size:9px;font-weight:800;color:#6a7976;text-transform:uppercase;letter-spacing:.08em}
.v15-template-selects select{width:100%;min-height:40px;border:1px solid #d7e4e1;border-radius:9px;background:#fff;color:#20312e;padding:0 34px 0 11px;font:600 12px Outfit,Arial,sans-serif}
.v15-template-results-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 14px;color:#60716e;font-size:11px}
.v15-template-results-head>div{display:flex;align-items:baseline;gap:6px}.v15-template-results-head strong{font-size:18px;color:#10211f}.v15-template-results-head p{margin:0}
.v15-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.v15-dot.excellent{background:#059669}
.v15-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v15-template-card{overflow:hidden;background:#fff;content-visibility:auto;contain-intrinsic-size:620px}
.v15-template-preview{position:relative;display:block;text-decoration:none;overflow:hidden;background:#eef3f2;aspect-ratio:400/520}
.v15-template-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.v15-template-card:hover .v15-template-preview img{transform:scale(1.012)}
.v15-ats-badge{position:absolute;right:10px;top:10px;z-index:2;border:1px solid transparent;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.v15-ats-badge.ats-excellent{background:#e8f8f2;border-color:#c5ebdc;color:#047857}.v15-ats-badge.ats-friendly{background:#eef6fb;border-color:#d4e7f2;color:#315b7d}.v15-ats-badge.ats-moderate{background:#fff8e8;border-color:#f2dfac;color:#8a6416}.v15-ats-badge.ats-design-focused{background:#f4efff;border-color:#dfd2f7;color:#6b46a5}
.v15-preview-action{position:absolute;left:50%;bottom:16px;transform:translate(-50%,8px);opacity:0;padding:9px 13px;border-radius:8px;background:rgba(3,47,45,.94);color:#fff;font-size:10px;font-weight:800;white-space:nowrap;transition:.2s ease}
.v15-template-preview:hover .v15-preview-action,.v15-template-preview:focus-visible .v15-preview-action{opacity:1;transform:translate(-50%,0)}
.v15-template-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.v15-template-meta span{padding:4px 6px;border:1px solid #e1eae8;border-radius:6px;background:#f7faf9;color:#61726e;font-size:8px;font-weight:700}
.v15-role-copy{margin:9px 0 0;color:#61726e;font-size:9px;line-height:1.45;text-transform:capitalize}.v15-role-copy strong{color:#30413e}
.v15-design-warning{margin:8px 0 0;padding:7px 8px;border-left:2px solid #c49027;background:#fffbf1;color:#765c25;font-size:8px;line-height:1.45}
.v15-template-actions{display:grid!important;grid-template-columns:minmax(90px,.55fr) minmax(150px,1fr)!important;gap:8px!important;margin-top:12px}.v15-template-actions .rb-btn{justify-content:center}
.v15-template-guide{margin-top:24px}
@media(max-width:1100px){.v15-template-hero{grid-template-columns:1fr}.v15-template-hero-stats{justify-self:start}.v15-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.v15-template-controls{position:static}.v15-template-selects{grid-template-columns:1fr}.v15-template-search-wrap{align-items:stretch;flex-direction:column}.v15-template-results-head{align-items:flex-start;flex-direction:column}.v15-template-grid{grid-template-columns:1fr}.v15-template-hero-stats{width:100%;grid-template-columns:repeat(3,1fr)}.v15-template-hero-stats div{min-width:0;padding:12px 9px}.v15-template-hero-stats strong{font-size:20px}.v15-template-hero-stats span{font-size:8px}}
@media(max-width:460px){.v15-template-hero-stats{grid-template-columns:1fr}.v15-template-hero-stats div{border-left:0;border-top:1px solid #e4edeb}.v15-template-hero-stats div:first-child{border-top:0}.v15-template-actions{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.v15-template-preview img,.v15-preview-action{transition:none}}
