#templateGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.phone-template{min-width:0;padding:16px;border:1px solid #e4e8e3;background:#fff;border-radius:24px;box-shadow:0 8px 28px #193a2710;transition:transform .2s,box-shadow .2s}
.phone-template:hover{transform:translateY(-3px);box-shadow:0 16px 36px #193a271c}
.phone-stage{position:relative;border-radius:18px;padding:24px 14px;background:radial-gradient(ellipse at 25% 10%,#fff8e7,transparent 65%),linear-gradient(140deg,#eef3ed,#dfe9e2)}
.catalog-phone{display:block;position:relative;width:min(100%,240px);aspect-ratio:390/844;margin:auto;padding:0;border:7px solid #202720;border-radius:32px;background:#f5f3ec;box-shadow:5px 15px 24px #14221833;cursor:pointer;overflow:hidden;isolation:isolate;box-sizing:content-box;max-width:calc(100% - 14px)}
.catalog-phone:focus-visible{outline:3px solid #b78333;outline-offset:5px}
.catalog-screen{display:block;position:absolute;inset:0;overflow:hidden;border-radius:24px;pointer-events:none}
.catalog-screen img{width:100%;height:100%;object-fit:cover;display:block}
.catalog-screen iframe{position:absolute;left:0;top:0;width:390px;height:844px;border:0;transform-origin:top left;pointer-events:none;background:#f5f3ec}
.phone-notch{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:32%;height:13px;border-radius:0 0 12px 12px;background:#202720;pointer-events:none}
.phone-stage>.tag,.phone-stage>.promo-badge{z-index:4;top:10px}
.phone-template .card-body{padding:18px 0 0}.phone-template h3{margin:0 0 4px;font-size:20px}.phone-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.phone-prices>div{padding:10px;background:#f2f6f3;border-radius:10px;min-width:0}.phone-prices span{display:block;font-size:11px;color:#55645a;margin-bottom:4px}.phone-prices strong{font-size:15px;color:#15462e;overflow-wrap:anywhere}.phone-template .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-template .btn{padding:11px 6px;font-size:12px;white-space:normal;min-width:0}
@media(min-width:1440px){#templateGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){#templateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:620px){#templateGrid{gap:10px}.phone-template{padding:8px;border-radius:16px}.phone-stage{padding:22px 4px 12px;border-radius:12px}.catalog-phone{border-width:5px;border-radius:22px;max-width:calc(100% - 10px)}.catalog-screen{border-radius:16px}.phone-notch{height:9px}.phone-template h3{font-size:15px}.phone-template .cat{font-size:11px}.phone-template .card-body{padding-top:12px}.phone-prices{grid-template-columns:1fr;gap:5px;margin:10px 0}.phone-prices>div{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:7px}.phone-prices span{font-size:10px;margin:0}.phone-prices strong{font-size:12px}.phone-template .card-actions{grid-template-columns:1fr;gap:6px}.phone-stage>.tag,.phone-stage>.promo-badge{font-size:9px;padding:4px 6px;top:5px}.phone-stage>.tag{left:5px}.phone-stage>.promo-badge{right:5px}}
@media(prefers-reduced-motion:reduce){.phone-template{transition:none}.phone-template:hover{transform:none}}