.pech-designs-intro{color:#3b4463;font-size:14px;margin:0 0 18px}
.pech-designs-empty{padding:18px;border:1px dashed #cfd5e3;border-radius:12px;background:#f6f7fb;color:#3b4463;font-size:14px;margin-bottom:12px}
.pech-designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;align-items:stretch}

/* card */
.pech-design-card{position:relative;border:1px solid #e3e6ee;border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s,border-color .15s}
.pech-design-card:hover{border-color:#cfd5e3;box-shadow:0 14px 30px -18px rgba(10,10,72,.35);transform:translateY(-1px)}
.pech-design-card.is-ordered{border-color:#cfe6d7}
.pech-design-thumb{position:relative;display:block;aspect-ratio:4/3;min-height:0;overflow:hidden;background:#f1f3f8;text-decoration:none}
.pech-design-thumb img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 32px);max-height:calc(100% - 32px);width:auto;height:auto;box-shadow:0 10px 24px -12px rgba(10,10,72,.45);background:#fff;border-radius:4px}
.pech-design-ph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#8a93ab}

/* body: text on top, actions pinned to the bottom so all cards line up */
.pech-design-body{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.pech-design-name{font-weight:800;color:#0a0a48;font-size:15px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pech-design-meta{font-size:12.5px;color:#3b4463;line-height:1.4}
.pech-design-date{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a93ab;margin-top:2px}
.pech-status{flex-shrink:0;display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#eef0f6;color:#3b4463;white-space:nowrap}
.pech-status-in_cart{background:#fff1f7;color:#c6005b}
.pech-status-ordered{background:#eefaf2;color:#0b7a3e}

.pech-design-actions{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:8px}
.pech-design-actions form{margin:0}
.pech-designs-grid .pech-design-card .button.pech-primary{display:flex!important;align-items:center;justify-content:center;width:100%;height:44px;min-height:0!important;margin:0!important;padding:0 14px!important;text-align:center;font-size:13.5px!important;font-weight:700;text-transform:none!important;letter-spacing:0!important;border-radius:10px!important;line-height:1!important}
.pech-design-tools{display:flex;align-items:center;justify-content:space-between;gap:8px}
/* Flatsome styles every submit button as a big dark pill — override with matching specificity */
.pech-designs-grid .pech-design-card .pech-tool{display:inline-flex;align-items:center;gap:5px;margin:0!important;padding:5px 7px!important;height:auto!important;min-height:0!important;line-height:1.2!important;border:0!important;border-radius:8px!important;background:none!important;box-shadow:none!important;color:#3b4463!important;font-size:12.5px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:background .12s,color .12s}
.pech-designs-grid .pech-design-card .pech-tool:hover{background:#eef0f6!important;color:#0a0a48!important}
.pech-designs-grid .pech-design-card .pech-tool-danger{color:#8a93ab!important}
.pech-designs-grid .pech-design-card .pech-tool-danger:hover{background:#fff0f0!important;color:#b32d2e!important}

/* rename: hidden until "Преименувай" is pressed */
.pech-rename{display:none;gap:6px;margin:0}
.is-renaming .pech-rename{display:flex}
.pech-rename input[type=text]{flex:1;min-width:0;padding:7px 9px;border:1px solid #cfd5e3;border-radius:9px;font-size:13px;margin:0;box-shadow:none}
.pech-designs-grid .pech-design-card .button.pech-small{display:inline-flex!important;align-items:center;height:36px;min-height:0!important;margin:0!important;padding:0 12px!important;font-size:12.5px!important;text-transform:none!important;letter-spacing:0!important;border-radius:9px!important;line-height:1!important}
@media (max-width:480px){.pech-designs-grid{grid-template-columns:1fr 1fr;gap:12px}.pech-design-body{padding:12px}.pech-design-tools{flex-wrap:wrap}}