
/* Tevzo.in v5.2 — global premium alignment / responsive polish */
:root{--ui-max:1280px;--ui-pad:clamp(12px,2.2vw,28px);--ui-radius:16px;--ui-border:#e8e7e2;--ui-soft:#f7f6f2;--ui-text:#161616;--ui-muted:#777}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{font:inherit;max-width:100%}
table{max-width:100%}
main,.store-main,.page-wrap,.admin-main,.admin-content{min-width:0}
.container,.store-container,.page-container{width:min(var(--ui-max),calc(100% - (var(--ui-pad)*2)));margin-inline:auto}
.btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;white-space:normal;line-height:1.2}
.card,.panel,.admin-card,.product-card{border-radius:var(--ui-radius)}
/* storefront header */
.store-header,.site-header{width:100%}
.store-header .inner,.site-header .inner,.nav-inner{width:min(var(--ui-max),calc(100% - (var(--ui-pad)*2)));margin:auto}
.store-nav,.main-nav{min-width:0}
.store-nav a,.main-nav a{white-space:nowrap}
/* common product grids */
.products-grid,.product-grid,.shop-grid,.dtf-grid,.wishlist-grid,.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)}
.products-grid>* ,.product-grid>* ,.shop-grid>* ,.dtf-grid>* ,.wishlist-grid>*{min-width:0}
.product-card img,.shop-card img{width:100%;object-fit:contain}
/* forms */
form label{min-width:0}
input,select,textarea{outline:none}
input:focus,select:focus,textarea:focus{border-color:#222!important;box-shadow:0 0 0 3px rgba(0,0,0,.05)}
/* tables become safe scrollers rather than breaking layout */
.table-wrap,.admin-table-wrap,.orders-table,.report-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse}
th,td{vertical-align:middle}
/* admin shell */
.admin-shell{min-height:100vh}
.admin-main,.admin-content{width:100%}
.admin-topbar{position:sticky;top:0;z-index:40}
.admin-page,.admin-page-wrap{max-width:1500px;margin-inline:auto;padding-left:clamp(10px,2vw,24px);padding-right:clamp(10px,2vw,24px)}
.admin-grid,.dashboard-grid{min-width:0}
.admin-card,.stat-card{min-width:0;overflow:hidden}
.side-link{min-width:0}
.side-link span{overflow:hidden;text-overflow:ellipsis}
/* existing v5 pages */
.sup51-layout,.tv51-grid,.faq51-grid,.rr50-layout{align-items:start}
.sup51-card,.chat51-card,.at51-card,.tv51-card,.faq51-card,.rr50-card,.sg50-card,.ret50-card{box-shadow:0 8px 28px rgba(20,20,20,.035)}
.sup51-form input,.sup51-form select,.sup51-form textarea,.faq51-form input,.faq51-form textarea,.rr50-form input,.rr50-form select,.rr50-form textarea,.sg50-fields input,.sg50-fields textarea,.ret50-form select,.ret50-form textarea{min-height:42px}
.p50-main{width:100%}
.p50-thumbs{max-width:100%}
.myorder50-end{min-width:110px}
/* prevent long text / ids from wrecking cards */
.admin-card,.sup51-card,.chat51-card,.at51-card,.tv51-card,.faq51-card,.rr50-card,.ret50-copy,.product-v30-info{overflow-wrap:anywhere}
@media(max-width:1100px){
 .products-grid,.product-grid,.shop-grid,.dtf-grid,.wishlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .admin-grid.cols-4,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .products-grid,.product-grid,.shop-grid,.dtf-grid,.wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-v30,.product-layout,.checkout-grid,.cart-layout{grid-template-columns:1fr!important}
 .p50-main{min-height:420px}
 .admin-page,.admin-page-wrap{padding-left:10px;padding-right:10px}
}
@media(max-width:700px){
 :root{--ui-pad:10px;--ui-radius:13px}
 body{font-size:14px}
 h1{line-height:1.08}
 .store-header .inner,.site-header .inner,.nav-inner{width:calc(100% - 20px)}
 .products-grid,.product-grid,.shop-grid,.dtf-grid,.wishlist-grid{gap:10px}
 .admin-topbar{padding-left:10px!important;padding-right:10px!important}
 .admin-card,.panel,.sup51-card,.chat51-card,.at51-card,.tv51-card,.faq51-card,.rr50-card,.sg50-card,.ret50-card{border-radius:13px}
 .at51-kpis,.ret50-kpis{grid-template-columns:1fr 1fr}
 .sg50-save{bottom:8px}
 .ret50-row{align-items:start}
 .ret50-form{width:100%}
 .p50-main{min-height:360px}
}
@media(max-width:520px){
 .products-grid,.product-grid,.shop-grid,.dtf-grid,.wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .btn{min-height:40px;padding:9px 12px}
 .sup51-head h1,.chat51-head h1,.help51-hero h1,.rr50-head h1{font-size:clamp(28px,9vw,36px)}
 .sup51,.chat51,.help51,.rr50{padding-left:10px;padding-right:10px}
 .sup51-layout,.faq51-grid,.tv51-grid,.rr50-layout{gap:10px}
 .sup51-form,.faq51-form,.chat51-reply{padding:12px}
 .at51-kpis,.ret50-kpis{gap:8px}
 .at51-list>a{padding:12px 0}
 .p50-main{min-height:315px;border-radius:13px}
 .p50-thumbs button{min-width:62px}
 .p50-specs{gap:6px}
 .p50-modal{padding:8px}
 .p50-modalbox{padding:18px 12px}
 .p50-size-table{overflow-x:auto}
 .p50-size-table>div{min-width:430px}
 .sg50-table{overflow-x:auto;padding:10px}
 .sg50-tr{min-width:520px}
 .ret50-list{padding:0 10px}
 .ret50-row{grid-template-columns:48px minmax(0,1fr)}
 .ret50-photo{width:46px;height:46px}
 .ret50-state,.ret50-form{grid-column:2}
 .faq51-list{padding:0 10px}
 .chat51-bubble,.tv51-thread article>div{max-width:92%}
 .chat51-thread,.tv51-thread{padding:10px}
}
@media(max-width:380px){
 .products-grid,.product-grid,.shop-grid,.dtf-grid,.wishlist-grid{grid-template-columns:1fr}
 .at51-kpis,.ret50-kpis{grid-template-columns:1fr}
}
