
html,body{margin:0;padding:0;background:#f5f7fb;color:#0f172a;font:16px/1.6 Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
a{color:#0f5132;text-decoration:none}a:hover{text-decoration:none;color:#19a869}
img{max-width:100%;height:auto;border:0}
.sm-container{max-width:1240px;margin:0 auto;padding:0 20px}
.sm-site{min-width:320px}
.sm-header{position:sticky;top:0;z-index:999;background:rgba(6,17,18,.95);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(15,23,42,.12)}
.sm-header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.sm-brand img{display:block;height:56px;width:auto}
.sm-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.sm-nav a{display:inline-flex;align-items:center;padding:10px 14px;border-radius:12px;color:#dbe7e6;font-weight:700;font-size:14px}
.sm-nav a:hover,.sm-nav a.select{background:rgba(25,195,125,.12);color:#67f3b2}
.sm-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.sm-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px}
.sm-btn-primary{background:linear-gradient(135deg,#19c37d,#0e9f6e);color:#052e2b !important;box-shadow:0 10px 24px rgba(25,195,125,.26)}
.sm-btn-secondary{background:#fff;color:#0f172a !important;border:1px solid #d9e2ec}
.sm-page{padding:24px 0 0}
.sm-card,.sm-section,.sm-box,#content,#sidebar{background:#fff;border:1px solid #e8edf3;border-radius:24px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
#content{padding:28px;margin-bottom:24px;overflow:hidden}
#sidebar{padding:24px;margin-bottom:24px}
.sm-section{padding:28px;margin:0 0 24px}
.sm-section-title, #content h1{margin:0 0 14px;font-size:32px;line-height:1.15;color:#0b172a}
#content h1 a{color:#0b172a}
#content h3{font-size:22px;margin:24px 0 10px;color:#11233a}
#content p{color:#526277}
.sm-lead{font-size:18px;color:#dce9e8;max-width:650px;margin:0 0 24px}
.sm-hero{position:relative;overflow:hidden;border-radius:32px;padding:48px;background:radial-gradient(circle at top right,rgba(40,176,120,.22),transparent 40%),linear-gradient(135deg,#091b1f 0%,#10362d 45%,#0b172a 100%);color:#fff;box-shadow:0 20px 50px rgba(11,23,42,.2);margin-bottom:24px}
.sm-hero:before{content:"";position:absolute;inset:auto -120px -120px auto;width:320px;height:320px;background:rgba(117,255,204,.09);filter:blur(20px);border-radius:50%}
.sm-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .9fr;gap:26px;align-items:stretch}
.sm-kicker{display:inline-block;margin-bottom:16px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#9be9c2}
.sm-hero h1{font-size:56px;line-height:1.03;margin:0 0 16px;color:#fff}
.sm-hero h1 span{color:#59efad}
.sm-search-panel{display:flex;gap:12px;align-items:center;background:#fff;padding:10px;border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.18);margin:24px 0 14px}
.sm-search-panel input[type=text],.sm-search-panel select{border:0;background:transparent;outline:none;font-size:16px;color:#0f172a;padding:12px 14px;width:100%}
.sm-search-panel .button1{border:0;border-radius:14px;background:linear-gradient(135deg,#19c37d,#13a86b);color:#052e2b;padding:14px 22px;font-weight:700;cursor:pointer;min-width:140px}
.sm-tags{display:flex;flex-wrap:wrap;gap:10px}
.sm-tags span,.sm-tags a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#e4fbf0;font-size:13px}
.sm-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sm-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:22px;min-height:128px}
.sm-stat strong{display:block;font-size:34px;color:#fff;line-height:1.1;margin-bottom:6px}
.sm-stat span{display:block;color:#d3e8e3;font-size:14px}
.sm-ad{margin:0 0 24px;padding:18px;border-radius:22px;background:#fff;border:1px dashed #cdd8e6;overflow:auto}
.sm-ad:empty{display:none}
.sm-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sm-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sm-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sm-mini-box{background:#fff;border:1px solid #e8edf3;border-radius:22px;padding:22px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.sm-mini-box h3{margin:0 0 12px;font-size:19px;color:#0f172a}
.sm-mini-box ul{list-style:none;padding:0;margin:0}
.sm-mini-box li{padding:7px 0;border-bottom:1px solid #eef3f8}
.sm-mini-box li:last-child{border-bottom:0}
.sm-mini-box li a{color:#334155}
.sm-mini-box li a:hover{color:#19a869}
#content #cat table, #content #sub_caty table{width:100%;border-collapse:separate;border-spacing:16px}
#content #cat table tr td, #content #sub_caty table tr td{vertical-align:top;background:#fff;border:1px solid #e8edf3;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
#content table tr td h2{font-size:18px;line-height:1.3;margin:0 0 8px}
#content table tr td small,#content table tr td p{color:#64748b}
#content table tr td img{max-width:42px;display:block;margin-bottom:10px}
#content #sites ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:18px}
#content #sites ul li{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:flex-start;padding:20px;border:1px solid #e8edf3;border-radius:24px;background:linear-gradient(180deg,#ffffff,#fbfcfe);box-shadow:0 10px 24px rgba(15,23,42,.05)}
#content #sites ul li.premium{border-color:#bbf7d0;box-shadow:0 18px 34px rgba(25,195,125,.12)}
#content #sites h2{margin:0 0 10px;font-size:24px;line-height:1.25}
#content #sites h2 a{color:#0f172a}
#content #sites p{margin:0 0 14px;color:#55657b}
#content #sites small,#content #sites small a{font-size:14px;color:#0f5132;font-weight:700}
.sm-thumb{position:relative;width:100%;height:150px;border-radius:20px;background:linear-gradient(135deg,#e9f5ef,#eef3f8);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #dbe7e2}
.sm-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.sm-thumb-fallback{display:none;align-items:center;justify-content:center;width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,#19c37d,#0ea56d);color:#052e2b;font-size:36px;font-weight:700;box-shadow:0 18px 30px rgba(25,195,125,.25)}
.sm-thumb-domain{position:absolute;left:12px;right:12px;bottom:12px;text-align:center;font-size:12px;background:rgba(255,255,255,.9);padding:8px 10px;border-radius:999px;color:#496174;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-thumb.no-thumb img{display:none}
.sm-thumb.no-thumb .sm-thumb-fallback{display:flex}
.sm-page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.sm-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;background:#f0fdf4;color:#0f5132;border:1px solid #bbf7d0;font-weight:700}
.sm-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
#sidebar h3{font-size:18px;margin:0 0 12px}
#sidebar ul{list-style:none;padding:0;margin:0 0 18px}
#sidebar li{padding:7px 0;border-bottom:1px solid #edf2f7}
#sidebar li:last-child{border-bottom:0}
#sidebar .text{color:#5b6b7d}
#content ul.site{list-style:none;padding:0;margin:0}
#content ul.site li{padding:12px 16px;background:#f8fafc;border:1px solid #e8edf3;border-radius:16px;margin:0 0 10px;color:#334155;overflow:hidden}
#content ul.site li.report,#content ul.site li.contact,#content ul.site li.edit,#content ul.site li.premium{display:inline-block;margin-right:8px;background:#eff6ff}
#content div.site{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start;padding:20px;border:1px solid #e8edf3;border-radius:24px;background:#fff}
#content div.site img{max-width:100%;border-radius:18px}
#content form{display:block}
#content input[type=text],#content input[type=password],#content input[type=email],#content select,#content textarea{width:100%;max-width:100%;padding:12px 14px;border:1px solid #d5dfeb;border-radius:14px;background:#fff;color:#0f172a;font-size:15px}
#content textarea{min-height:120px}
#content input.button,#content input.button1,#content input[type=submit],#content button{padding:12px 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#19c37d,#0ea56d);color:#052e2b;font-weight:700;cursor:pointer}
#content table{width:100%;border-collapse:separate;border-spacing:0 12px}
#content table tr td{vertical-align:top;padding:6px}
#error,#info{margin:0 0 18px;padding:16px 18px;border-radius:18px;font-weight:700}
#error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}
#info{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
#google-map-site,#google-map-add{width:100%;height:320px;border-radius:24px;overflow:hidden;border:1px solid #d8e4ea}
.sm-footer-wrap{margin-top:8px;padding-bottom:30px}
.sm-footer{background:#071a1c;color:#d8ebea;border-radius:28px;padding:28px;box-shadow:0 20px 50px rgba(11,23,42,.18)}
.sm-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px}
.sm-footer h3{margin:0 0 12px;color:#fff;font-size:18px}
.sm-footer p,.sm-footer li,.sm-footer a{color:#b9cecd;font-size:14px}
.sm-footer ul{padding:0;margin:0;list-style:none}.sm-footer li{padding:6px 0}
.sm-footer a:hover{color:#73efb3}
.sm-footer-bottom{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ciacho-wrap-container{position:fixed;left:20px;right:20px;bottom:20px;z-index:9999}.ciacho-inner{background:#fff;border:1px solid #dbe7e2;border-radius:20px;box-shadow:0 20px 40px rgba(15,23,42,.16);padding:16px 18px}.ciacho-inner p{margin:0 0 8px;text-align:center;color:#475569;font-size:13px;line-height:1.5}.ciacho-inner p:last-child{margin:0}.ciacho-inner a{font-weight:700}
@media (max-width: 1100px){.sm-hero-grid,.sm-page-grid,.sm-footer-grid,.sm-grid-4,.sm-grid-3{grid-template-columns:1fr 1fr}.sm-header-inner{flex-direction:column;align-items:stretch}.sm-actions{justify-content:center}.sm-nav{justify-content:center}}
@media (max-width: 820px){.sm-hero{padding:28px 22px}.sm-hero h1{font-size:40px}.sm-search-panel{flex-direction:column;align-items:stretch}.sm-search-panel .button1{width:100%}.sm-stats,.sm-grid-2,.sm-grid-4,.sm-grid-3,.sm-page-grid,.sm-footer-grid{grid-template-columns:1fr}#content #sites ul li,#content div.site{grid-template-columns:1fr}#content #cat table,#content #sub_caty table{border-spacing:10px;display:block}#content #cat table tr,#content #sub_caty table tr{display:block}#content #cat table tr td,#content #sub_caty table tr td{display:block;margin-bottom:10px}.sm-nav a{padding:8px 10px;font-size:13px}}
@media (max-width: 560px){.sm-container{padding:0 14px}.sm-brand img{height:48px}.sm-hero h1{font-size:34px}#content{padding:20px}.sm-section{padding:22px}#content h1,.sm-section-title{font-size:26px}.sm-stat strong{font-size:28px}}


/* === Street Modern v1.1: compact category grid + modern icons === */
#content #cat table,
#content #sub_caty table{
  display:block !important;
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
#content #cat table tbody,
#content #sub_caty table tbody{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
}
#content #cat table tr,
#content #sub_caty table tr{
  display:contents !important;
}
#content #cat table tr td,
#content #sub_caty table tr td{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:20px !important;
  min-height:230px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%) !important;
  border:1px solid #e4ece8 !important;
  border-radius:22px !important;
  box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
  position:relative !important;
  overflow:hidden !important;
}
#content #cat table tr td:hover,
#content #sub_caty table tr td:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(15,23,42,.08) !important;
  border-color:#ccebdd !important;
}
#content #cat table tr td > img,
#content #sub_caty table tr td > img,
#content #cat table tr td h2 + img,
#content #sub_caty table tr td h2 + img{
  display:none !important;
}
#content #cat table tr td h2,
#content #sub_caty table tr td h2{
  margin:0 0 14px !important;
  padding-left:54px !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  font-size:19px !important;
  line-height:1.25 !important;
  color:#145c48 !important;
  position:relative !important;
}
.sm-cat-icon{
  position:absolute;
  top:18px;
  left:18px;
  width:42px !important;
  height:42px !important;
  border-radius:13px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:9px;
  background:linear-gradient(135deg,#e7fff3,#d7f8e9);
  border:1px solid #c8efdd;
  box-shadow:0 8px 18px rgba(25,195,125,.12);
  object-fit:contain;
  z-index:2;
}
#content #cat table tr td a.sub,
#content #sub_caty table tr td a.sub{
  display:block;
  padding:6px 0;
  color:#4d6d63 !important;
}
#content #cat table tr td small,
#content #sub_caty table tr td small{
  display:block;
  margin-top:auto;
}
@media (max-width:1100px){
  #content #cat table tbody,#content #sub_caty table tbody{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:820px){
  #content #cat table tbody,#content #sub_caty table tbody{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  #content #cat table tr td,#content #sub_caty table tr td{min-height:210px !important;padding:16px !important;}
  .sm-cat-icon{top:14px;left:14px;}
}
@media (max-width:560px){
  #content #cat table tbody,#content #sub_caty table tbody{grid-template-columns:1fr !important;}
  #content #cat table tr td,#content #sub_caty table tr td{min-height:auto !important;}
}


/* === StreetNeo v1.2: compact website cards fix === */
#content #sites ul{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#content #sites ul li{
  display:grid !important;
  grid-template-columns:150px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
  min-height:170px !important;
  padding:18px !important;
  border:1px solid #e5ebf1 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
  overflow:hidden !important;
}
#content #sites ul li.premium{border-color:#a7e8c7 !important;box-shadow:0 12px 26px rgba(25,195,125,.10) !important}
#content #sites .sm-thumb{width:150px !important;height:120px !important;min-width:150px !important;margin:0 !important;border-radius:18px !important}
#content #sites .sm-site-copy{min-width:0;display:block}
#content #sites h2{margin:0 0 8px !important;font-size:20px !important;line-height:1.25 !important}
#content #sites p{margin:0 0 10px !important;line-height:1.55 !important;color:#59697b !important}
#content #sites small{display:block;margin:0 !important}
#content #sites .sm-thumb-domain{font-size:11px;padding:5px 8px;bottom:8px;left:8px;right:8px}
@media (max-width:980px){#content #sites ul{grid-template-columns:1fr}}
@media (max-width:620px){
 #content #sites ul li{grid-template-columns:92px minmax(0,1fr) !important;gap:13px !important;min-height:120px !important;padding:14px !important}
 #content #sites .sm-thumb{width:92px !important;height:92px !important;min-width:92px !important}
 #content #sites h2{font-size:17px !important}
 #content #sites p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 #content #sites .sm-thumb-domain{display:none}
}


/* === StreetNeo v1.3: mobile + category headers + reliable icons === */
.sm-menu-toggle{display:none;border:0;background:#163732;color:#8af0bd;width:44px;height:44px;border-radius:13px;font-size:24px;line-height:1;cursor:pointer}

/* category cards: strong visual header and real modern icon */
#content #cat table tr td,
#content #sub_caty table tr td{padding:0 18px 18px !important;min-height:220px !important;}
#content #cat table tr td h2,
#content #sub_caty table tr td h2{
  margin:0 -18px 16px !important;
  padding:14px 16px !important;
  min-height:64px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  background:linear-gradient(135deg,#edf9f3,#f6fbf8) !important;
  border-bottom:1px solid #d9eee4 !important;
  color:#145c48 !important;
  border-radius:21px 21px 0 0 !important;
  font-size:18px !important;
  line-height:1.25 !important;
}
#content #cat table tr td h2 .sm-cat-icon,
#content #sub_caty table tr td h2 .sm-cat-icon{
  position:static !important;
  display:block !important;
  flex:0 0 38px !important;
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  margin:0 !important;
  padding:7px !important;
  object-fit:contain !important;
  border-radius:12px !important;
  background:#dff8eb !important;
  border:1px solid #c6ecd9 !important;
  box-shadow:none !important;
}
#content #cat table tr td > img:not(.sm-cat-icon),
#content #sub_caty table tr td > img:not(.sm-cat-icon){display:none !important;}
#content #cat table tr td a.sub,
#content #sub_caty table tr td a.sub{padding:7px 0 !important;color:#335f53 !important;font-size:15px !important;}

/* website cards: icon at left, text at right; works with old and new markup */
#content #sites ul{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;}
#content #sites ul li{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  grid-template-rows:auto auto auto !important;
  column-gap:16px !important;
  row-gap:5px !important;
  align-items:start !important;
  min-height:136px !important;
  padding:16px !important;
}
#content #sites ul li > .sm-thumb{grid-column:1 !important;grid-row:1 / span 3 !important;}
#content #sites ul li > h2,#content #sites ul li > p,#content #sites ul li > small{grid-column:2 !important;}
#content #sites ul li > div:not(.sm-thumb){grid-column:2 !important;grid-row:1 / span 3 !important;min-width:0 !important;}
#content #sites .sm-thumb{
  width:92px !important;height:92px !important;min-width:92px !important;
  border-radius:20px !important;background:linear-gradient(145deg,#e8fff4,#eef5f2) !important;
  border:1px solid #cdeadd !important;box-shadow:none !important;
}
#content #sites .sm-thumb-icon .sm-thumb-fallback{display:flex !important;width:52px !important;height:52px !important;border-radius:16px !important;font-size:25px !important;}
#content #sites .sm-thumb-domain{display:none !important;}
#content #sites h2{font-size:19px !important;margin:0 0 5px !important;}
#content #sites p{font-size:14px !important;line-height:1.45 !important;margin:0 0 5px !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#content #sites small{font-size:13px !important;}

/* Detail page icon must never become huge */
#content div.site .sm-thumb{width:180px !important;height:140px !important;max-width:180px !important;}
#content div.site .sm-thumb .sm-thumb-fallback{display:flex !important;}

@media (max-width:980px){
  #content #sites ul{grid-template-columns:1fr !important;}
  #content #cat table tbody,#content #sub_caty table tbody{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:820px){
  .sm-header{position:relative !important;}
  .sm-header-inner{display:grid !important;grid-template-columns:1fr auto !important;align-items:center !important;padding:10px 0 !important;gap:10px !important;}
  .sm-brand img{height:44px !important;max-width:190px !important;}
  .sm-menu-toggle{display:block !important;justify-self:end;}
  .sm-nav,.sm-actions{display:none !important;grid-column:1 / -1 !important;width:100% !important;}
  .sm-header.sm-menu-open .sm-nav,.sm-header.sm-menu-open .sm-actions{display:flex !important;}
  .sm-nav{flex-direction:column !important;align-items:stretch !important;gap:4px !important;padding-top:8px !important;}
  .sm-nav a{width:100% !important;justify-content:flex-start !important;padding:11px 12px !important;}
  .sm-actions{padding-top:8px !important;flex-direction:column !important;align-items:stretch !important;}
  .sm-actions a{width:100% !important;}
  .sm-page{padding-top:14px !important;}
  .sm-container{padding:0 12px !important;}
  .sm-hero{padding:24px 18px !important;border-radius:22px !important;}
  .sm-hero h1{font-size:34px !important;}
  #content{padding:16px !important;border-radius:20px !important;}
  #content #cat table tbody,#content #sub_caty table tbody{grid-template-columns:1fr !important;gap:12px !important;}
  #content #cat table tr td,#content #sub_caty table tr td{min-height:0 !important;padding:0 15px 15px !important;}
  #content #cat table tr td h2,#content #sub_caty table tr td h2{margin:0 -15px 12px !important;padding:12px 14px !important;min-height:58px !important;font-size:17px !important;}
  #content #cat table tr td h2 .sm-cat-icon,#content #sub_caty table tr td h2 .sm-cat-icon{width:34px !important;height:34px !important;max-width:34px !important;max-height:34px !important;flex-basis:34px !important;}
  #content #sites ul li{grid-template-columns:72px minmax(0,1fr) !important;column-gap:12px !important;padding:13px !important;min-height:106px !important;border-radius:18px !important;}
  #content #sites .sm-thumb{width:72px !important;height:72px !important;min-width:72px !important;border-radius:16px !important;}
  #content #sites .sm-thumb-icon .sm-thumb-fallback{width:44px !important;height:44px !important;font-size:21px !important;border-radius:14px !important;}
  #content #sites h2{font-size:17px !important;}
  #content #sites p{font-size:13px !important;-webkit-line-clamp:2 !important;}
  .ciacho-wrap-container{left:10px !important;right:10px !important;bottom:10px !important;}
  .ciacho-inner{padding:14px !important;border-radius:18px !important;}
  .ciacho-inner p{font-size:12px !important;line-height:1.4 !important;}
  #content div.site{grid-template-columns:1fr !important;}
  #content div.site .sm-thumb{width:100% !important;height:110px !important;max-width:none !important;}
}

/* === StreetNeo v1.5: compact category tiles - restored first-version proportions === */
#content #cat table,
#content #sub_caty table{
  display:block !important;
  width:100% !important;
  border-spacing:0 !important;
  border-collapse:separate !important;
}
#content #cat table tbody,
#content #sub_caty table tbody{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
}
#content #cat table tr,
#content #sub_caty table tr{display:contents !important;}
#content #cat table tr td,
#content #sub_caty table tr td{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  min-height:176px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 15px 14px !important;
  background:#fff !important;
  border:1px solid #e2ece7 !important;
  border-radius:18px !important;
  box-shadow:0 7px 20px rgba(15,23,42,.045) !important;
  overflow:hidden !important;
  position:relative !important;
}
#content #cat table tr td:hover,
#content #sub_caty table tr td:hover{
  transform:translateY(-2px) !important;
  border-color:#bfe4d2 !important;
  box-shadow:0 12px 26px rgba(15,23,42,.075) !important;
}
#content #cat table tr td h2,
#content #sub_caty table tr td h2{
  margin:0 -15px 10px !important;
  padding:10px 13px !important;
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  background:linear-gradient(135deg,#edf9f3,#f8fcfa) !important;
  border-bottom:1px solid #dceee5 !important;
  border-radius:17px 17px 0 0 !important;
  color:#17624c !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}
#content #cat table tr td h2 .sm-cat-icon,
#content #sub_caty table tr td h2 .sm-cat-icon,
#content #cat table tr td > .sm-cat-icon,
#content #sub_caty table tr td > .sm-cat-icon{
  position:static !important;
  display:block !important;
  flex:0 0 32px !important;
  width:32px !important;
  height:32px !important;
  max-width:32px !important;
  max-height:32px !important;
  margin:0 !important;
  padding:6px !important;
  border-radius:10px !important;
  background:#ddf7e9 !important;
  border:1px solid #c3ead6 !important;
  box-shadow:none !important;
  object-fit:contain !important;
}
#content #cat table tr td > img:not(.sm-cat-icon),
#content #sub_caty table tr td > img:not(.sm-cat-icon),
#content #cat table tr td h2 + img:not(.sm-cat-icon),
#content #sub_caty table tr td h2 + img:not(.sm-cat-icon){display:none !important;}
#content #cat table tr td a.sub,
#content #sub_caty table tr td a.sub{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  color:#365e54 !important;
  font-size:14px !important;
  line-height:1.25 !important;
}
#content #cat table tr td small,
#content #sub_caty table tr td small{
  display:inline !important;
  margin:0 0 0 4px !important;
  color:#7b8b96 !important;
  font-size:12px !important;
}
#content #cat table tr td br,
#content #sub_caty table tr td br{line-height:1.1 !important;}
#content #cat table tr td > a:not(.sub),
#content #sub_caty table tr td > a:not(.sub){font-size:13px !important;}

@media (max-width:1100px){
  #content #cat table tbody,#content #sub_caty table tbody{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:760px){
  #content #cat table tbody,#content #sub_caty table tbody{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #content #cat table tr td,#content #sub_caty table tr td{min-height:158px !important;padding:0 12px 12px !important;border-radius:16px !important;}
  #content #cat table tr td h2,#content #sub_caty table tr td h2{margin:0 -12px 9px !important;padding:9px 11px !important;min-height:48px !important;font-size:15px !important;border-radius:15px 15px 0 0 !important;}
  #content #cat table tr td h2 .sm-cat-icon,#content #sub_caty table tr td h2 .sm-cat-icon,#content #cat table tr td > .sm-cat-icon,#content #sub_caty table tr td > .sm-cat-icon{width:29px !important;height:29px !important;max-width:29px !important;max-height:29px !important;flex-basis:29px !important;padding:5px !important;}
  #content #cat table tr td a.sub,#content #sub_caty table tr td a.sub{font-size:13px !important;}
}
@media (max-width:430px){
  #content #cat table tbody,#content #sub_caty table tbody{grid-template-columns:1fr 1fr !important;gap:8px !important;}
  #content #cat table tr td,#content #sub_caty table tr td{min-height:148px !important;padding:0 10px 10px !important;}
  #content #cat table tr td h2,#content #sub_caty table tr td h2{margin:0 -10px 8px !important;padding:8px 9px !important;font-size:14px !important;min-height:46px !important;}
  #content #cat table tr td a.sub,#content #sub_caty table tr td a.sub{font-size:12.5px !important;}
  #content #cat table tr td small,#content #sub_caty table tr td small{font-size:11px !important;}
}


/* === StreetNeo v1.6: compact moving featured cards only === */
.sm-featured-section{
  margin:0 0 24px !important;
  padding:22px !important;
  background:#fff !important;
  border:1px solid #e5ece8 !important;
  border-radius:24px !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
  overflow:hidden !important;
}
.sm-featured-head{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:16px !important;margin-bottom:16px !important;}
.sm-featured-kicker{display:block !important;margin-bottom:3px !important;color:#159b67 !important;font-size:11px !important;font-weight:800 !important;letter-spacing:1.2px !important;text-transform:uppercase !important;}
.sm-featured-head h2{margin:0 !important;font-size:27px !important;line-height:1.1 !important;color:#0d1d1a !important;}
.sm-featured-promote{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:9px 13px !important;border-radius:12px !important;background:#edf9f3 !important;border:1px solid #cfeadd !important;color:#17624c !important;font-size:13px !important;font-weight:700 !important;white-space:nowrap !important;}
.sm-featured-viewport{width:100% !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-behavior:smooth !important;scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;}
.sm-featured-viewport::-webkit-scrollbar{display:none !important;}
.sm-featured-track{display:flex !important;align-items:stretch !important;gap:14px !important;width:max-content !important;min-width:100% !important;padding:2px 1px 5px !important;}
.sm-featured-card{flex:0 0 250px !important;width:250px !important;min-height:178px !important;margin:0 !important;padding:15px !important;display:grid !important;grid-template-columns:58px minmax(0,1fr) !important;grid-template-rows:auto 1fr auto !important;column-gap:12px !important;row-gap:8px !important;align-items:start !important;background:linear-gradient(180deg,#fff,#fbfdfc) !important;border:1px solid #dfeae5 !important;border-radius:18px !important;box-shadow:0 7px 18px rgba(15,23,42,.045) !important;scroll-snap-align:start !important;overflow:hidden !important;}
.sm-featured-card:hover{transform:translateY(-2px) !important;border-color:#bfe3d2 !important;box-shadow:0 12px 24px rgba(15,23,42,.075) !important;}
.sm-featured-icon{grid-column:1 !important;grid-row:1 / span 3 !important;}
.sm-featured-icon .sm-thumb{width:58px !important;height:58px !important;min-width:58px !important;border-radius:15px !important;background:linear-gradient(145deg,#e8fff4,#eef7f2) !important;border:1px solid #cdeadd !important;box-shadow:none !important;}
.sm-featured-icon .sm-thumb-fallback{display:flex !important;width:40px !important;height:40px !important;border-radius:12px !important;font-size:20px !important;background:linear-gradient(135deg,#19c37d,#0ea56d) !important;color:#063c2c !important;}
.sm-featured-icon .sm-thumb-domain{display:none !important;}
.sm-featured-card h3{grid-column:2 !important;margin:1px 0 0 !important;font-size:16px !important;line-height:1.25 !important;font-weight:800 !important;}
.sm-featured-card h3 a{color:#152722 !important;}
.sm-featured-card p{grid-column:2 !important;margin:0 !important;color:#66756f !important;font-size:12.5px !important;line-height:1.4 !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
.sm-featured-more{grid-column:2 !important;align-self:end !important;color:#17624c !important;font-size:12px !important;font-weight:800 !important;}
.sm-featured-controls{display:flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;margin-top:12px !important;}
.sm-featured-controls button{width:32px !important;height:32px !important;border:1px solid #d7e7df !important;border-radius:50% !important;background:#f3fbf7 !important;color:#17624c !important;font-size:22px !important;line-height:1 !important;cursor:pointer !important;}
.sm-featured-dots{width:42px !important;height:4px !important;border-radius:999px !important;background:#dcebe4 !important;}

@media (min-width:1200px){.sm-featured-card{flex-basis:270px !important;width:270px !important;}}
@media (max-width:760px){
  .sm-featured-section{padding:16px !important;border-radius:20px !important;margin-bottom:16px !important;}
  .sm-featured-head{align-items:flex-start !important;}
  .sm-featured-head h2{font-size:23px !important;}
  .sm-featured-promote{font-size:11.5px !important;padding:8px 10px !important;}
  .sm-featured-track{gap:10px !important;}
  .sm-featured-card{flex:0 0 82vw !important;width:82vw !important;max-width:300px !important;min-height:152px !important;padding:13px !important;grid-template-columns:50px minmax(0,1fr) !important;column-gap:10px !important;}
  .sm-featured-icon .sm-thumb{width:50px !important;height:50px !important;min-width:50px !important;border-radius:13px !important;}
  .sm-featured-icon .sm-thumb-fallback{width:36px !important;height:36px !important;font-size:18px !important;}
  .sm-featured-card h3{font-size:15px !important;}
  .sm-featured-card p{font-size:12px !important;-webkit-line-clamp:2 !important;}
}


/* === StreetNeo FINAL FIX: AJAX Star Rater ===
   Główna reguła #content ul.site li nie może stylować wewnętrznych LI gwiazdek. */
#content ul.site .ratingblock {
    display: block !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}

#content ul.site .ratingblock .unit-rating {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 30px !important;
    position: relative !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

/* To jest kluczowa naprawa: cofnięcie stylu kafelków dla 10 elementów gwiazdek */
#content ul.site .ratingblock .unit-rating li {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    color: transparent !important;
    height: 30px !important;
    min-height: 0 !important;
}

#content ul.site .ratingblock .unit-rating li.current-rating {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

#content ul.site .ratingblock .unit-rating li a {
    position: absolute !important;
    top: 0 !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

#content ul.site .ratingblock p {
    display: block !important;
    clear: both !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
    min-height: 20px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    color: #334155 !important;
}


/* === StreetNeo: zachowaj żółte gwiazdki po oddaniu głosu === */
#content ul.site .ratingblock .unit-rating li.current-rating {
    background-image: url('../../../ajaxstarrater/images/starrating.gif') !important;
    background-repeat: repeat-x !important;
    background-position: left bottom !important;
    background-color: transparent !important;
}


/* === FINAL ONLY: zapisany wynik oceny ma pozostać żółty === */
#content ul.site .ratingblock .unit-rating > li.current-rating {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 30px !important;
    background: url('/ajaxstarrater/images/starrating.gif') left center repeat-x !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 3 !important;
}
