@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');:root{color-scheme:dark;--silver:#c0c0c0;--white:#f4f4f4;--muted:#a6a6a6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#242424 0,#090909 55%,#030303 100%);color:var(--white);font-family:'DM Sans',sans-serif;min-height:100vh}header{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{font-weight:700;letter-spacing:2px;color:#fff;text-decoration:none}.brand span{color:#aaa}.back,.textback{color:#d3d3d3;text-decoration:none;background:none;border:0;cursor:pointer}main{max-width:1050px;margin:auto;padding:58px 22px 80px;text-align:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#aaa}h1{font:500 clamp(34px,6vw,54px) 'Playfair Display',serif;margin:12px 0}.intro,.muted{color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:680px;margin:44px auto}.categories button{background:linear-gradient(145deg,#191919,#080808);border:1px solid #ffffff24;border-radius:18px;min-height:185px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:.2s}.categories button:hover,.theme-choices button:hover,.template-card:hover{border-color:#c0c0c0;transform:translateY(-2px)}.icon{display:grid;place-items:center;width:96px;height:96px;filter:drop-shadow(0 0 10px #ffffff30)}.icon img{width:100%;height:100%;object-fit:contain;transition:.2s}.categories button:hover .icon img{transform:scale(1.06)}.categories b{font-size:15px;font-weight:500;letter-spacing:.4px}.global-search{position:relative;max-width:680px;margin:-12px auto 42px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#101010;border:1px solid #ffffff30;border-radius:12px;color:#bdbdbd}.global-search>span{font-size:24px}.global-search input{width:100%;padding:16px 0;background:transparent;border:0;outline:none;color:#fff;font:inherit}.global-search input::placeholder{color:#929292}.search-results{position:absolute;z-index:5;top:calc(100% + 8px);left:0;right:0;padding:8px;background:#151515;border:1px solid #ffffff2a;border-radius:10px;text-align:left;box-shadow:0 12px 30px #000a}.search-results button{display:block;width:100%;padding:12px;text-align:left;color:#eee;background:transparent;border:0;border-radius:6px;cursor:pointer}.search-results button:hover{background:#282828}.search-empty{padding:8px 12px;color:#aaa}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px auto;max-width:780px}.theme-choices button{padding:24px 12px;border:1px solid #ffffff2b;border-radius:12px;background:#111;color:#eee;font-size:15px;cursor:pointer}.textback{display:block;margin:12px 0 22px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left;margin-top:26px}.coming-soon{grid-column:1/-1;max-width:560px;width:100%;margin:8px auto 0;padding:42px 24px;text-align:center;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(145deg,#171717,#090909)}.coming-soon-mark{font-size:32px;color:#c0c0c0;margin-bottom:10px}.coming-soon h3{font:500 28px "Playfair Display",serif;margin:0 0 10px}.coming-soon p{color:#e5e5e5;margin:0 0 8px}.coming-soon span{font-size:13px;color:#999}.template-card{border:1px solid #ffffff20;border-radius:14px;overflow:hidden;background:#101010;transition:.2s}.template-cover{display:block;width:100%;height:190px;object-fit:cover;background:#171717}.template-cover-empty{display:grid;place-items:center;color:#aaa;font:24px 'Playfair Display',serif;letter-spacing:2px}.cover{height:190px;display:grid;place-items:center;background:linear-gradient(145deg,#242424,#080808);color:#aaa;font:24px 'Playfair Display',serif}.template-info{padding:15px}.template-info h3{margin:0 0 8px;font-size:16px}.price{color:#eee}.old{color:#777;text-decoration:line-through;margin-right:7px}.actions{display:flex;gap:8px;margin-top:14px}.actions a{flex:1;text-align:center;padding:10px 7px;border-radius:7px;text-decoration:none;font-size:12px}.preview{border:1px solid #777;color:#eee}.order{background:#eee;color:#111}footer{text-align:center;color:#777;border-top:1px solid #ffffff15;padding:24px;font-size:12px}@media(max-width:650px){.template-cover{height:145px}main{padding-top:40px}.categories{gap:12px;margin-top:32px}.categories button{min-height:155px}.icon{font-size:38px}.theme-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.theme-choices button{padding:18px 5px;font-size:13px;overflow-wrap:anywhere}.template-grid{grid-template-columns:1fr 1fr}.cover{height:145px}.template-info{padding:11px}.actions{flex-direction:column}.global-search{margin-top:-4px}.coming-soon{padding:32px 16px}}@media(max-width:300px){.template-grid{grid-template-columns:1fr}}

.template-actions{display:flex;gap:10px;margin-top:14px}.template-actions a{flex:1;text-align:center;padding:11px 14px;border-radius:999px;font-weight:600;text-decoration:none;font-size:.95rem}.btn-preview{border:1px solid #c9ccd1;color:#e8eaed}.btn-order{background:#e8eaed;color:#101010}
[hidden]{display:none!important}
@media(max-width:520px){.template-actions{flex-wrap:wrap}}

.coming-soon .btn-order{display:inline-block;margin-top:16px;padding:11px 22px;border-radius:999px;font-weight:600;text-decoration:none;background:#e8eaed;color:#101010}

.brand{display:flex;align-items:center}.brand img{height:36px;width:auto;display:block}.template-cover-empty img{width:46%;max-width:160px;height:auto;opacity:.75}

.hero-logo{display:block;margin:0 auto 14px;height:62px;width:auto}

.hero-logo{margin-bottom:8px}

.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.template-card{display:flex;flex-direction:column}
.template-media{position:relative;overflow:hidden;aspect-ratio:1/1.05;background:#171717}
.template-media .template-cover{height:100%;width:100%;object-fit:cover}
.ribbon{position:absolute;top:0;right:0;width:84px;height:84px;overflow:hidden;pointer-events:none}
.ribbon b{position:absolute;top:15px;right:-30px;width:118px;transform:rotate(45deg);background:#d62828;color:#fff;font-size:9.5px;letter-spacing:.4px;text-align:center;padding:4px 0;box-shadow:0 2px 4px #0006}
.template-card .template-info{padding:12px;display:flex;flex-direction:column;flex:1}
.template-card .template-info h3{font-size:15px;margin:0 0 4px}
.template-desc{margin:0 0 6px;font-size:12px;line-height:1.35;color:#a9a9a9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.template-price{margin:2px 0 0;display:flex;flex-direction:column;gap:1px}
.old-price{font-size:12px;color:#e05a5a;text-decoration:line-through}
.template-price strong{font-size:15px;color:#f1f1f1}
.template-card .template-actions{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:6px}
.template-card .template-actions a{flex:none;padding:8px 10px;font-size:12.5px;border-radius:999px}
@media(max-width:900px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-media{height:auto}.template-card .template-info{padding:10px}.template-card .template-info h3{font-size:14px}.ribbon{width:74px;height:74px}.ribbon b{top:13px;right:-30px;width:108px;font-size:8.5px;padding:3px 0}}

.disc-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.disc-badge{background:#e53935;color:#fff;font-weight:700;font-size:12px;line-height:1;padding:5px 8px;border-radius:7px}
.old-price{font-size:12.5px;color:#8f8f8f;text-decoration:line-through}
.template-price{gap:5px}
.template-card .template-actions a{display:flex;align-items:center;justify-content:center;gap:7px}
.template-card .template-actions .btn-order{margin-top:0}

.categories{margin:36px auto 0}.global-search{margin:24px auto 36px}
