.wd-catalog{padding-top:88px}
.catalog-head-meta{min-width:170px;text-align:right}
.catalog-head-meta span{display:block;font-size:12px;color:#6e7e93}
.catalog-head-meta b{font:800 26px "Manrope";color:#0c376e;margin-right:4px}
.catalog-head-meta small{font-size:8px;color:#9aa5b4}
.catalog-toolbar{display:grid;grid-template-columns:1fr 250px;gap:15px;align-items:center;margin-bottom:22px}
.catalog-filters{display:flex;gap:7px;overflow:auto;padding:3px 2px 6px;scrollbar-width:none}
.catalog-filters::-webkit-scrollbar{display:none}
.catalog-filters button{border:1px solid #dce6f1;background:#fff;color:#61728a;border-radius:999px;padding:10px 14px;font-size:9px;font-weight:800;white-space:nowrap}
.catalog-filters button.active{background:#0e5fd6;color:#fff;border-color:#0e5fd6;box-shadow:0 8px 18px rgba(14,95,214,.18)}
.catalog-search{height:44px;border:1px solid #dce6f1;border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fbfdff}
.catalog-search span{font-size:18px;color:#7e8da0}
.catalog-search input{border:0;outline:0;background:transparent;width:100%;font-size:10px;color:#17395f}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.catalog-loading{grid-column:1/-1;min-height:230px;display:flex;justify-content:center;align-items:center;gap:7px;color:#7f8da0}
.catalog-loading span{width:8px;height:8px;border-radius:50%;background:#7aa9e8;animation:catalogPulse .8s infinite alternate}
.catalog-loading span:nth-child(2){animation-delay:.15s}.catalog-loading span:nth-child(3){animation-delay:.3s}
.catalog-loading p{font-size:10px;margin-left:8px}
@keyframes catalogPulse{to{opacity:.2;transform:translateY(-4px)}}
.template-card{border:1px solid #dfe8f1;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 32px rgba(27,69,120,.07);transition:.2s}
.template-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(27,69,120,.12)}
.template-card-preview{padding:12px 12px 0;background:#f4f8fc;position:relative}
.template-card-browser{border-radius:13px 13px 0 0;overflow:hidden;background:#fff;box-shadow:0 9px 24px rgba(23,58,102,.1)}
.template-card-bar{height:25px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#fbfcfe;border-bottom:1px solid #edf1f5}
.template-card-bar i{width:5px;height:5px;border-radius:50%;background:#dce5ed}
.template-card-screen{height:205px;padding:28px;color:#fff;position:relative;overflow:hidden}
.template-card-screen:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-32px;bottom:-55px;background:rgba(255,255,255,.15);box-shadow:0 0 0 24px rgba(255,255,255,.05)}
.template-card-screen small{font-size:7px;font-weight:800;letter-spacing:.13em;opacity:.8}
.template-card-screen h3{font:800 25px/1.08 "Manrope";max-width:220px;margin:8px 0 9px;letter-spacing:-1px}
.template-card-screen p{font-size:8px;max-width:210px;opacity:.82}
.template-card-screen button{border:0;background:#fff;color:#123f72;border-radius:8px;padding:8px 10px;font-size:7px;font-weight:800;position:relative;z-index:2}
.template-badge{position:absolute;top:22px;right:22px;background:#fff4d7;color:#a56a0c;border:1px solid #eed699;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:800;z-index:3}
.theme-rose{background:radial-gradient(circle at 80% 25%,#ffd9d5,transparent 28%),linear-gradient(135deg,#a45368,#71384f)}
.theme-navy{background:radial-gradient(circle at 82% 25%,#62cbe1,transparent 26%),linear-gradient(135deg,#082f60,#0e62a1)}
.theme-dark{background:radial-gradient(circle at 82% 25%,#f0b440,transparent 24%),linear-gradient(135deg,#252b3a,#151922)}
.theme-earth{background:radial-gradient(circle at 80% 25%,#e6b16c,transparent 28%),linear-gradient(135deg,#70452f,#3d2a22)}
.theme-blue{background:radial-gradient(circle at 80% 25%,#9cc6ff,transparent 26%),linear-gradient(135deg,#2a54a8,#397dd7)}
.theme-sand{background:radial-gradient(circle at 80% 25%,#e6d1a8,transparent 26%),linear-gradient(135deg,#715d44,#3f3428)}
.theme-mint{background:radial-gradient(circle at 80% 25%,#97e0cf,transparent 27%),linear-gradient(135deg,#1d665d,#123d3a)}
.theme-clinic{background:radial-gradient(circle at 80% 25%,#acf0ec,transparent 26%),linear-gradient(135deg,#177c83,#14515c)}
.theme-fresh{background:radial-gradient(circle at 80% 25%,#cbe9a8,transparent 28%),linear-gradient(135deg,#3f7b35,#285126)}
.template-card-body{padding:18px}
.template-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.template-card-category{font-size:8px;font-weight:800;letter-spacing:.09em;color:#3378cf;text-transform:uppercase}
.template-card h3{font:800 18px "Manrope";margin:4px 0}
.template-card-tagline{font-size:9px;color:#7c899a;line-height:1.55;min-height:30px}
.template-card-price{text-align:right;white-space:nowrap}.template-card-price small{display:block;font-size:7px;color:#8b98a8}.template-card-price b{font:800 15px "Manrope";color:#0b3568}
.template-card-features{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0}
.template-card-features span{font-size:7px;background:#f1f6fb;color:#62758d;border-radius:999px;padding:5px 7px}
.template-card-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f5;padding-top:13px}
.template-card-meta small{font-size:8px;color:#8794a4}
.template-card-actions{display:flex;gap:7px;margin-top:12px}
.template-card-actions button{flex:1;border-radius:11px;min-height:40px;font-size:8px;font-weight:800;border:1px solid #cfddec;background:#fff;color:#155ba9}
.template-card-actions .primary{background:#1267f4;color:#fff;border-color:#1267f4}
.catalog-empty{text-align:center;padding:50px 20px;border:1px dashed #d8e4ef;border-radius:20px;background:#fbfdff}
.catalog-empty>span{font-size:32px;color:#7ca8dd}.catalog-empty h3{font:800 18px "Manrope";margin:9px 0}.catalog-empty p{font-size:10px;color:#7e8c9e;max-width:520px;margin:0 auto 16px}
.catalog-bottom{margin-top:18px;border:1px solid #dde7f0;border-radius:17px;background:#f8fbfe;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.catalog-bottom>div{display:flex;flex-direction:column}.catalog-bottom b{font-size:11px}.catalog-bottom span{font-size:9px;color:#7f8c9d;margin-top:2px}
.template-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}
.template-modal[hidden]{display:none}.template-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(6,20,42,.68);backdrop-filter:blur(8px)}
.template-modal-panel{position:relative;z-index:2;width:min(1080px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;display:grid;grid-template-columns:1.08fr .92fr;box-shadow:0 34px 90px rgba(0,0,0,.28)}
.template-modal-close{position:absolute;right:13px;top:13px;z-index:4;width:38px;height:38px;border-radius:50%;border:1px solid #dde6ef;background:#fff;color:#49617d;font-size:23px}
.template-demo{background:#eaf2f9;padding:38px;display:grid;place-items:center;min-height:610px}
.template-demo-browser{width:100%;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 22px 55px rgba(20,53,93,.18)}
.template-demo-bar{height:32px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #e6edf3}
.template-demo-bar i{width:6px;height:6px;border-radius:50%;background:#d9e2ea}.template-demo-bar span{margin:auto;font-size:7px;color:#8c98a7}
.template-demo-page{min-height:440px;padding:42px;color:#fff;position:relative;overflow:hidden}
.template-demo-page:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-55px;bottom:-90px;background:rgba(255,255,255,.13);box-shadow:0 0 0 42px rgba(255,255,255,.04)}
.template-demo-page small{font-size:8px;font-weight:800;letter-spacing:.15em;opacity:.8}.template-demo-page h2{font:800 38px/1.08 "Manrope";max-width:390px;letter-spacing:-1.8px;margin:12px 0}.template-demo-page p{font-size:11px;max-width:370px;opacity:.84}.template-demo-page button{margin-top:18px;border:0;background:#fff;color:#173e70;border-radius:10px;padding:11px 14px;font-size:9px;font-weight:800}
.template-modal-info{padding:42px 34px 28px}.template-modal-category{font-size:8px;color:#2874cb;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.template-modal-info>h3{font:800 29px "Manrope";margin:6px 0}.template-modal-info>p{font-size:11px;color:#748398;line-height:1.6}
.template-feature-list{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.template-feature-list span{font-size:8px;background:#eff5fb;color:#5d708a;padding:6px 8px;border-radius:999px}
.template-buy-options{display:grid;gap:8px;margin-top:20px}
.template-buy-options button{border:1px solid #dbe5ef;border-radius:14px;background:#fff;text-align:left;padding:13px 14px;display:grid;grid-template-columns:1fr auto;position:relative;color:#15385f}
.template-buy-options button:hover,.template-buy-options button.active{border-color:#76a7e5;background:#f5f9ff}.template-buy-options button.recommended{border-color:#97bdec}
.template-buy-options em{position:absolute;right:12px;top:-8px;background:#1267f4;color:#fff;border-radius:999px;padding:3px 7px;font-size:6px;font-style:normal;font-weight:800}
.template-buy-options span{font-size:7px;color:#4777af;font-weight:800;letter-spacing:.07em}.template-buy-options b{font:800 15px "Manrope";grid-column:2;grid-row:1/3;align-self:center}.template-buy-options small{font-size:8px;color:#8290a2;margin-top:3px}
.template-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #e8eef4}.template-modal-footer>div{display:flex;flex-direction:column}.template-modal-footer small{font-size:7px;color:#8a96a6}.template-modal-footer b{font-size:11px}.template-modal-note{font-size:7px!important;color:#98a3b1!important;margin-top:10px!important}
body.template-open{overflow:hidden}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.template-modal-panel{grid-template-columns:1fr}.template-demo{min-height:auto}.template-demo-page{min-height:350px}.template-modal-info{padding:28px}.catalog-toolbar{grid-template-columns:1fr}.catalog-search{max-width:320px}}
@media(max-width:650px){.wd-catalog{padding-top:58px}.catalog-head-meta{text-align:left;margin-top:12px}.catalog-grid{grid-template-columns:1fr}.catalog-toolbar{margin-bottom:15px}.catalog-filters{margin-right:-16px;padding-right:16px}.catalog-search{max-width:none}.template-card-screen{height:190px}.catalog-bottom{align-items:flex-start;flex-direction:column}.catalog-bottom .wd-btn{width:100%}.template-modal{padding:0}.template-modal-panel{width:100vw;max-height:100vh;height:100vh;border-radius:0}.template-demo{padding:55px 14px 16px}.template-demo-page{min-height:270px;padding:27px 23px}.template-demo-page h2{font-size:28px}.template-modal-info{padding:22px 16px 28px}.template-modal-info>h3{font-size:25px}.template-modal-footer{align-items:stretch;flex-direction:column}.template-modal-footer .wd-btn{width:100%}}
.catalog-saved{position:fixed;z-index:120;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;background:#092b57;color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 18px 45px rgba(4,23,50,.28);display:flex;gap:10px;align-items:center;transition:.22s}
.catalog-saved.show{transform:translate(-50%,0);opacity:1}
.catalog-saved b{font-size:10px}.catalog-saved span{font-size:8px;color:#b9d0e7}
@media(max-width:650px){.catalog-saved{bottom:82px;width:calc(100% - 28px);justify-content:space-between}}