.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0}.template-card{min-width:0;background:#fff;border:1px solid #cfddf1;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px #243f6b06}.template-browser-bar{height:39px;background:#eaf0fa;border-bottom:1px solid #d5e1f3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;font-size:11px;color:#5c7091}.template-browser-bar>a{font-size:20px;line-height:1}.template-browser-dots{display:flex;gap:5px}.template-browser-dots i{width:7px;height:7px;border-radius:50%;background:#a9bbd4}.template-stage{position:relative;height:490px;overflow:hidden;background:white;min-width:0}.template-stage iframe{display:block;border:0;width:100%;height:100%;transform-origin:0 0;background:#fff}.template-preview-hint{padding:9px 12px;text-align:center;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;background:#f9fbff;color:#61728c;font-size:11px}.template-card-content{padding:22px}.template-card-content small{display:block;font-size:11px;letter-spacing:.02em}.template-card-content h2{margin:8px 0 12px}.template-card-content>p{font-size:13px;min-height:42px;margin:0 0 18px;line-height:1.6}.template-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.template-card-actions button,.template-card-actions .button{font-size:13px;padding:10px 14px}.template-quality{font-size:11px;margin-top:18px;color:#61728c}.template-quality summary{cursor:pointer;width:fit-content}.template-quality p{margin-bottom:0}.template-library-note{color:#61728c;font-size:12px;max-width:850px;margin:25px 0}.template-preview-dialog{padding:0;width:calc(100vw - 32px);max-width:1440px;height:calc(100dvh - 32px);max-height:100dvh;border:1px solid #bdcee7;border-radius:14px;box-shadow:0 20px 100px #071a3b4d;color:#29364b;background:#f1f5fc;overflow:hidden}.template-preview-dialog[open]{display:flex;flex-direction:column}.template-preview-dialog::backdrop{background:#172c50a8;backdrop-filter:blur(4px)}body.template-preview-open{overflow:hidden}.template-preview-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:15px 18px;background:#fff;border-bottom:1px solid #d5e1f3}.template-preview-name{min-width:140px}.template-preview-name small{font-size:9px;letter-spacing:.12em}.template-preview-name h2{margin:2px 0 0;font-size:19px;line-height:1.3}.template-device-tabs{display:flex;gap:3px;padding:4px;background:#edf2fa;border-radius:8px}.template-device-tabs button{border:0;background:transparent;color:#5c7091;padding:7px 12px;font-size:12px}.template-device-tabs button.selected{background:#fff;color:#315f9e;box-shadow:0 1px 5px #13274418}.template-preview-controls{display:flex;align-items:center;gap:8px}.template-preview-controls button,.template-preview-controls .button{font-size:12px;padding:8px 12px}.template-preview-close{font-size:17px!important;padding:4px 11px!important}.template-preview-controls>span{font-size:11px;white-space:nowrap;color:#61728c}.template-preview-canvas{flex:1;min-height:0;display:flex;justify-content:center;padding:12px;overflow:hidden}.template-expanded-stage{height:100%;width:100%;max-width:1280px;box-shadow:0 3px 18px #213b6414;transition:max-width .18s}.template-expanded-stage[data-device=mobile]{max-width:390px;border-radius:12px;box-shadow:0 0 0 1px #bdcce2,0 3px 18px #213b6414}.template-preview-footer{padding:10px 18px;background:#fff;border-top:1px solid #d5e1f3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px;color:#61728c}@media(min-width:1500px){.template-stage:not(.template-expanded-stage){height:530px}}@media(max-width:760px){.template-gallery{grid-template-columns:1fr;gap:24px;margin-top:24px}.template-stage:not(.template-expanded-stage){height:460px}.template-card-content{padding:18px}.template-card-content>p{min-height:0}.template-preview-dialog{width:100vw;height:100dvh;max-width:100vw;border-radius:0;border:0;max-height:100dvh}.template-preview-toolbar{padding:10px 12px;gap:10px}.template-preview-name{min-width:0;flex:1}.template-preview-name h2{font-size:16px}.template-device-tabs{order:3}.template-device-tabs button{font-size:11px;padding:6px 10px}.template-preview-controls{gap:5px}.template-preview-controls button,.template-preview-controls .button{padding:7px 8px}.template-preview-controls>span{display:none}.template-preview-canvas{padding:8px}.template-preview-footer{padding:8px 12px;font-size:10px}.template-preview-footer span{display:none}}@media(prefers-reduced-motion:reduce){.template-expanded-stage{transition:none}}

.template-browser-bar>button{background:transparent;color:#315f9e;border:0;border-radius:4px;font-size:22px;line-height:1;padding:3px 5px}.template-browser-bar>button:hover{background:#d9e5f7}
.actions a[aria-current="page"]{background:#315f9e;color:#fff;border-radius:6px;padding:8px 12px}.actions[aria-label="Категории обувных магазинов"]{margin-top:14px}
