/* ESHTRIHA Site Studio 2.2 — namespaced administrator & safe public layouts */
.ss-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;margin:0 0 20px;padding:0 0 10px;max-width:100%}
.ss-tabs a{white-space:nowrap;border:1px solid #dce6d6;border-radius:11px;background:#fff;color:#365237;text-decoration:none;padding:10px 13px;font-size:.78rem;font-weight:700}
.ss-tabs a:hover,.ss-tabs a:focus-visible{background:#ebf8db;border-color:#94c64f}
.ss-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:21px}
.ss-stats a{border:1px solid #e2ebdc;border-radius:17px;background:#fff;padding:20px;display:flex;gap:8px;flex-direction:column;color:#243923;text-decoration:none}
.ss-stats small{color:#668260}.ss-stats b{font-size:1.8rem}.ss-stats span{font-size:.8rem;color:#53813a}
.ss-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-tiles a{padding:20px;border:1px solid #e1ead9;border-radius:15px;background:#f9fcf5;text-decoration:none;color:#314734;font-weight:650;line-height:1.9;font-size:.9rem}
.ss-ready-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.ss-ready-grid>div{display:flex;justify-content:space-between;gap:10px;background:#f6faf3;border:1px solid #e2eada;border-radius:10px;padding:13px;direction:ltr;font:12px ui-monospace,monospace}
.ss-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ss-media-grid article{border:1px solid #dfe8d8;background:#fbfdf8;border-radius:14px;overflow:hidden;min-width:0}.ss-media-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.ss-media-grid article>div{padding:12px;display:flex;flex-direction:column;gap:8px}.ss-media-grid b{font-size:.8rem;overflow-wrap:anywhere}.ss-media-grid small{font-size:.71rem;color:#6d8069}.ss-media-grid button{border:1px solid #b7d995;border-radius:8px;background:#f0f8e9;color:#2d5221;padding:8px}
.ss-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ss-wide{max-width:100%}.ss-wide label{min-width:0}.ss-wide textarea{min-height:85px}.ss-toolstrip{display:flex;flex-wrap:wrap;gap:8px;border:1px dashed #d0dfc1;padding:13px;border-radius:12px}.ss-toolstrip button,.ss-edit-head button,.ss-history-row button,.ss-banner-admin button{border:1px solid #d7e8bf;border-radius:8px;padding:8px 12px;background:#eff9e0;color:#355827;font-weight:700;font-size:.78rem;cursor:pointer}
.ss-block-editor{display:grid;gap:12px}.ss-edit-card{border:1px solid #d9e9cc;background:#fcfef9;border-radius:15px;padding:15px;display:grid;gap:14px}.ss-edit-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ss-edit-head>div{display:flex;gap:6px;flex-wrap:wrap}.ss-edit-head .ss-danger{background:#fff2f2;border-color:#f4d2d2;color:#a33}.ss-edit-field{display:flex;flex-direction:column;gap:6px}.ss-edit-field span{font-weight:700}.ss-edit-field input,.ss-edit-field select,.ss-edit-field textarea{width:100%;min-height:42px;border-radius:10px;border:1px solid #dce6d7;background:#fff;padding:10px}.ss-edit-image{max-width:240px;max-height:180px;object-fit:contain;border-radius:8px}.ss-history-row{display:flex;align-items:center;gap:12px;border-top:1px solid #e6eddf;padding:12px 0;flex-wrap:wrap}.ss-history-row span{flex:1}.ss-history-row input{min-height:38px;padding:6px;border:1px solid #ddd;border-radius:8px;min-width:150px}.ss-swatches{display:flex;gap:15px;flex-wrap:wrap}.ss-swatches>div{display:flex;gap:9px;align-items:center}.ss-swatches i{width:48px;height:40px;border-radius:9px;border:1px solid #d9e2d6}.ss-checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ss-checkgrid label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}
.ss-banner-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0 22px}.ss-banner-admin>div{display:flex;align-items:flex-start;gap:8px;flex-direction:column;border:1px solid #e2e8dc;border-radius:12px;padding:12px}.ss-banner-admin img{height:110px;width:100%;object-fit:cover;border-radius:8px}.ss-banner-admin form{display:flex;flex-wrap:wrap;gap:8px}.ss-banner-admin input{max-width:170px;min-width:0;padding:7px;border:1px solid #ddd;border-radius:8px}
.ss-banner-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:15px;margin:24px 0}.ss-banner{display:grid;grid-template-columns:35% 1fr;background:#19271c;color:#fff;border-radius:20px;overflow:hidden;min-height:170px}.ss-banner img{width:100%;height:100%;object-fit:cover}.ss-banner>div{padding:22px;align-self:center}.ss-banner h2{font-size:1.35rem;font-weight:800;color:#fff}.ss-banner p{font-size:.85rem;color:#dcebd6;line-height:1.7}.ss-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:11px;background:var(--ehc-accent,#c7f36b);color:#162319!important;text-decoration:none!important;font-weight:800;margin-top:8px}.ss-public-article .ss-content-blocks{display:grid;gap:20px}.ss-content-blocks h2{margin:10px 0 2px;font-size:clamp(1.2rem,2.2vw,1.65rem)}.ss-content-blocks p{line-height:2;margin:0}.ss-content-blocks figure{margin:5px 0}.ss-content-blocks figure img{width:100%;max-height:550px;object-fit:contain;border-radius:14px}.ss-content-blocks figcaption{color:#6f796f;text-align:center;font-size:.8rem}.ss-content-blocks details{border:1px solid #dfe8d8;border-radius:12px;padding:15px}.ss-content-blocks summary{cursor:pointer;font-weight:700}.ss-hero .ex-hero-art{background-size:cover;background-position:center}.ss-brand-logo{width:40px;height:40px;object-fit:contain;border-radius:10px}
@media(max-width:980px){.ss-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ss-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-two,.ss-tiles,.ss-ready-grid,.ss-banner-admin,.ss-checkgrid{grid-template-columns:1fr}.ss-banner{grid-template-columns:32% 1fr}.ss-banner>div{padding:14px}.ss-banner h2{font-size:1.05rem}.ss-stats a{padding:14px}.ss-edit-card{padding:12px}}
@media(prefers-reduced-motion:reduce){.ss-tabs *{scroll-behavior:auto}}

@media(max-width:720px){.ss-hero[style*="--ss-hero-image"]{background-image:linear-gradient(270deg,#101810ef,#101810a0),var(--ss-hero-image)!important;background-position:center!important;background-size:cover!important}}
