/* ShopCMS 1.12.6: responsive admin / page module / homepage magazine. */
.admin-interface,.admin-interface .admin-shell,.admin-interface .admin-main,.admin-interface .admin-content{min-width:0;max-width:100%}
.admin-interface .admin-shell{grid-template-columns:minmax(0,280px) minmax(0,1fr)}
.admin-interface .admin-content :is(.seo-admin-page,.seo-settings-form,.seo-health-grid,.admin-card,.panel,.section-heading,.page-head,.redirect-form,.form-grid,.switch-grid,.responsive-table,.cms-pages-form){min-width:0;max-width:100%}
.admin-interface .admin-content :is(h1,h2,h3,p,span,label,small){overflow-wrap:anywhere}
.admin-interface .admin-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
.admin-interface .seo-admin-page .page-head,.admin-interface .seo-admin-page .section-heading{min-width:0}
.admin-interface .seo-settings-form .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-interface .seo-admin-page .redirect-form{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 90px 80px auto}
.admin-interface .seo-admin-page .responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-interface .seo-admin-page .responsive-table table{max-width:none}
.admin-interface .seo-settings-form .switch-row{min-width:0;gap:12px}
.admin-interface .seo-settings-form .switch-row>span{min-width:0;flex:1}
.admin-interface .seo-settings-form .switch-row>input{flex:none}
.admin-interface .seo-admin-page .sticky-save{min-width:0;max-width:100%}
/* Pages editor */
.cms-pages-heading{gap:15px;align-items:center}
.cms-pages-heading a{white-space:nowrap;text-decoration:none}
.cms-pages-form{min-width:0}
.cms-pages-form .article-editor-main,.cms-pages-form .article-editor-side,.cms-pages-form .panel{min-width:0}
.cms-pages-form .panel label{display:grid;gap:9px;color:#344054;font-size:13px;font-weight:750;margin:9px 0}
.cms-pages-form .panel :is(input:not([type=checkbox]),textarea,select){min-height:44px;width:100%;min-width:0;max-width:100%;border:1px solid #d6dce7;border-radius:13px;background:#fff;padding:11px 13px;color:#18243b}
.cms-pages-form .cms-page-check{display:flex!important;align-items:center;gap:9px}
.cms-pages-form .cms-page-check input{width:auto!important;min-height:0!important}
.cms-page-slug{display:grid;gap:5px;margin-top:15px}
.cms-page-slug small{font-size:11px;color:#8591a7;direction:ltr;text-align:left}
.cms-page-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cms-page-fields .cms-page-full{grid-column:1/-1}
.cms-page-revisions{display:grid;gap:8px}
.cms-page-revisions>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f5;padding:10px 0}
.cms-page-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:17px}
.cms-page-filter input{flex:1;min-width:130px}
.cms-page-list-items{display:grid;gap:10px}
.cms-page-list-item{min-width:0;display:flex;gap:14px;align-items:center;border:1px solid #edf0f5;border-radius:16px;padding:13px;background:#fff}
.cms-page-list-icon{width:48px;height:48px;flex:0 0 48px;background:#f3f0ff;color:#6551e9;border-radius:13px;display:grid;place-items:center;font-size:23px}
.cms-page-list-title{display:grid;gap:4px;min-width:0;flex:1}
.cms-page-list-title>a{font-size:15px;font-weight:850;color:#19223a;text-decoration:none}
.cms-page-list-title small{font-size:10px;direction:ltr;text-align:right;color:#8992a4;overflow:hidden;text-overflow:ellipsis}
.cms-page-list-title>span{color:#79849c;font-size:11px}
.cms-page-list-actions{display:flex;flex-wrap:wrap;gap:5px}
.cms-page-list-actions>*{font-size:11px;text-decoration:none;white-space:nowrap}
.cms-pages-empty{padding:30px 14px;text-align:center;color:#78849b}
/* Frontend pages */
.cms-content-page{padding:28px 0 85px;background:#f7f8fb;min-height:65vh}
.cms-page-frame{width:min(1040px,calc(100% - 32px));margin-inline:auto;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 70px rgba(20,32,66,.055);border:1px solid #e8edf4}
.cms-content-page.template-wide .cms-page-frame{width:min(1420px,calc(100% - 32px))}
.cms-content-page.template-landing{background:linear-gradient(180deg,#eaeefe,#f8faff 380px)}
.cms-content-page.template-landing .cms-page-intro{background:linear-gradient(130deg,#121d39,#4d4de7);color:white}
.cms-content-page.template-landing .cms-page-intro p{color:#d7defe}
.cms-page-intro{padding:50px 6% 30px;text-align:center}
.cms-page-eyebrow{display:inline-block;padding:6px 13px;border-radius:999px;color:#6158dc;background:#f1f0ff;font-size:12px;font-weight:750}
.cms-page-intro h1{font-size:clamp(26px,3.4vw,44px);line-height:1.5;margin:12px 0 10px;overflow-wrap:anywhere}
.cms-page-intro p{font-size:15px;line-height:2;color:#64748b;max-width:730px;margin-inline:auto}
.cms-page-hero-image{margin:0 5%;border-radius:22px;overflow:hidden;max-height:420px}
.cms-page-hero-image img{width:100%;max-height:420px;object-fit:cover;display:block}
.cms-page-body{padding:28px 7% 65px;font-size:16px;line-height:2.25;color:#334155;overflow-wrap:anywhere}
.cms-page-body h2,.cms-page-body h3{color:#101b31;line-height:1.65;margin:1.8em 0 .6em}
.cms-page-body :is(img,video,iframe,table){max-width:100%}
.cms-page-body img{height:auto;border-radius:14px}
.cms-page-body blockquote{margin:22px 0;padding:14px 20px;border-right:4px solid #6c5ce7;background:#f6f7fd;border-radius:13px}
.cms-page-body table{display:block;overflow-x:auto;border-collapse:collapse}
.cms-page-body th,.cms-page-body td{padding:9px 13px;border:1px solid #e5e7eb}
.cms-page-preview{padding:10px;text-align:center;color:#854d0e;background:#fef3c7}
/* Homepage article showcase */
.storefront .cms-home-articles{margin-top:55px!important;margin-bottom:55px!important;min-width:0}
.cms-home-articles-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:20px}
.cms-home-articles-head>div{min-width:0}
.cms-home-articles-head span{color:var(--neo-red,#e9284a);font-weight:800;font-size:12px}
.cms-home-articles-head h2{font-size:clamp(20px,2.5vw,30px);margin:5px 0;line-height:1.6}
.cms-home-articles-head p{margin:0;color:#8490a5;font-size:13px}
.cms-home-articles-head>a{text-decoration:none;color:#4659a6;font-weight:800;white-space:nowrap}
.cms-home-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.cms-home-article-card{min-width:0;background:#fff;border:1px solid #e7ebf2;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(31,42,66,.035);transition:transform .2s,box-shadow .2s}
@media(hover:hover){.cms-home-article-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(31,42,66,.09)}}
.cms-home-article-image{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#e7eeff,#d4c8ff)}
.cms-home-article-image img{width:100%;height:100%;object-fit:cover;display:block}
.cms-home-article-placeholder{height:100%;display:grid;place-items:center;color:#6b58dd;font-size:58px}
.cms-home-article-content{display:flex;flex-direction:column;gap:8px;flex:1;padding:15px}
.cms-home-article-content>small{font-size:10.5px;color:#8b96aa}
.cms-home-article-content h3{font-size:15px;line-height:1.85;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.cms-home-article-content h3 a{text-decoration:none;color:#142238}
.cms-home-article-content>p{font-size:12px;line-height:1.9;color:#728096;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0}
.cms-home-article-read{font-size:12px;color:#604dda;font-weight:800;text-decoration:none;margin-top:auto;padding-top:10px}
.cms-home-articles-empty{padding:35px;border:1px dashed #dce3f0;text-align:center;border-radius:18px;color:#8792a6}
@media(max-width:1050px){.cms-home-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .admin-interface .admin-shell{display:block!important;grid-template-columns:none!important;min-width:0!important}
 .admin-interface .admin-main{min-width:0!important;width:100%!important;max-width:100vw!important;overflow-x:clip!important}
 .admin-interface .admin-content{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding:18px 12px 100px!important;overflow-x:clip!important}
 .admin-interface .admin-content>*{min-width:0!important;max-width:100%!important}
 .admin-interface .admin-content .seo-admin-page{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important;gap:13px!important}
 .admin-interface .seo-admin-page .page-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
 .admin-interface .seo-health-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .admin-interface .seo-settings-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important}
 .admin-interface .seo-settings-form :is(.form-grid,.form-grid.two,.switch-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .admin-interface .seo-settings-form .span-2{grid-column:auto!important}
 .admin-interface .seo-admin-page .admin-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:15px 13px!important;border-radius:16px!important}
 .admin-interface .seo-admin-page :is(input,textarea,select){max-width:100%!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;direction:rtl}
 .admin-interface .seo-admin-page input[dir=ltr]{direction:ltr!important;text-align:left!important}
 .admin-interface .seo-admin-page .redirect-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
 .admin-interface .seo-admin-page .redirect-form .check{display:flex!important;gap:8px!important;align-items:center!important}
 .admin-interface .seo-admin-page .redirect-form .check input{width:20px!important;min-width:20px!important}
 .admin-interface .seo-admin-page .redirect-form>.primary{width:100%!important}
 .admin-interface .seo-settings-form .section-heading{display:block!important}
 .admin-interface .seo-settings-form :is(.section-heading p,.seo-tech-links,.page-head p){overflow-wrap:anywhere!important;white-space:normal!important}
 .admin-interface .seo-admin-page .sticky-save{position:static!important;display:block!important}
 .admin-interface .seo-admin-page .sticky-save button{width:100%!important;max-width:100%!important}
 .admin-interface .seo-admin-page .responsive-table{max-width:100%!important;width:100%!important;overflow-x:auto!important}
 .admin-interface .seo-admin-page .responsive-table table{min-width:640px}
 .cms-pages-heading{flex-direction:column;align-items:stretch;gap:10px}
 .cms-pages-heading>a{text-align:center}
 .cms-page-list-item{align-items:flex-start;flex-wrap:wrap}
 .cms-page-list-actions{width:100%;margin-right:62px}
 .cms-page-fields{grid-template-columns:minmax(0,1fr)}
 .cms-page-fields .cms-page-full{grid-column:auto}
 .cms-page-frame{width:calc(100% - 22px)!important;border-radius:19px}
 .cms-page-intro{padding:31px 19px 20px}
 .cms-page-intro p{font-size:13px}
 .cms-page-body{font-size:14px;padding:18px 20px 38px}
 .storefront .cms-home-articles{margin-top:36px!important;margin-bottom:35px!important}
 .cms-home-articles-head{align-items:flex-start}
 .cms-home-articles-head p{font-size:11px}
 .cms-home-articles-head>a{font-size:11px;margin-top:10px}
}
@media(max-width:520px){
 .cms-home-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .cms-home-article-content{padding:10px;gap:6px}
 .cms-home-article-content h3{font-size:12px;line-height:1.65}
 .cms-home-article-content>p{font-size:10px}
 .cms-home-article-content>small{font-size:9px}
 .cms-home-article-read{font-size:10px}
 .cms-home-articles-head h2{font-size:20px}
 .cms-home-articles-head p{display:none}
}

/* 1.18.3 — destructive actions visible but separated from edit/save */
.cms-delete-product{display:inline-flex;margin:0}.cms-delete-product-btn{border:1px solid #fecaca!important;background:#fff1f2!important;color:#b91c1c!important;border-radius:8px;padding:5px 10px;font:inherit;cursor:pointer}.cms-delete-product-btn:hover{background:#ffe4e6!important}.cms-product-delete-zone{margin-top:15px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.cms-product-delete-zone label{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cms-product-delete-zone input{width:120px;max-width:100%}.cms-product-delete-zone small{color:#68758a}
