szk-short { font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:#fff; border-radius:14px; padding:14px 16px; box-shadow:0 10px 24px rgba(17,24,39,.10), 0 2px 4px rgba(17,24,39,.06); border:1px solid rgba(20,184,166,.10); line-height:1.55; color:#0f172a; position:relative; overflow:hidden; } .szk-short::after{ content:""; position:absolute; inset:auto -40px -40px auto; width:120px; height:120px; background: radial-gradient( circle at 30% 30%, rgba(35,180,177,.25), rgba(233,75,146,.0) 60% ); transform: rotate(25deg); } .szk-short strong { color:#23B4B1; } Modern és elegáns, rozsdamentes acélból készült automata szappanadagoló, amely érintésmentes működésével maximális higiéniát biztosít. Az 1000 ml-es utántölthető tartály és az állítható adagolás gazdaságos és kényelmes megoldást nyújt bármely mosdóba. .szlongX-wrap{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; line-height:1.6;color:#0f172a; ://sx-turkiz:#23B4B1;://sx-magenta:#E94B92;://sx-green:#16a34a; ://sx-warning-red: #f43f5e; –– NEW /* } .szlongX-shell{ background: radial-gradient(circle at 0% 0%,rgba(35,180,177,.12),transparent 60%), radial-gradient(circle at 100% 100%,rgba(233,75,146,.12),transparent 60%), linear-gradient(180deg,#ffffff,#f8fafc); border-radius:20px; padding:16px 14px 18px; border:1px solid rgba(226,232,240,.9); box-shadow:0 10px 35px rgba(15,23,42,.1), inset 0 0 40px rgba(35,180,177,.05); max-width:880px;margin:auto;overflow:hidden; } .szlongX-header{margin-bottom:14px;} .szlongX-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#64748b;} .szlongX-title{font-size:19px;font-weight:700;color:#0f172a;margin:0;} .szlongX-sub{font-size:13px;color:#475569;margin:4px 0 0;} .szlongX-grid{display:grid;gap:14px;margin-top:10px;} –– Kártya /* .szlongX-card{ position:relative;border-radius:16px;overflow:hidden; padding:14px 16px 14px 24px; background:#fff; border:1px solid rgba(148,163,184,.25); box-shadow:0 10px 25px rgba(15,23,42,.10), 0 4px 10px rgba(15,23,42,.05); isolation:isolate; } –– türkiz ambient foltok /* .szlongX-ambient{ position:absolute;width:260px;height:260px;pointer-events:none;z-index:1;opacity:.35; background:radial-gradient(circle at 30% 30%,rgba(35,180,177,.28),rgba(233,75,146,0) 60%); transform:rotate(25deg); } .szlongX-card:nth-of-type(1) .szlongX-ambient{top:-70px;right:-70px;} .szlongX-card:nth-of-type(2) .szlongX-ambient{bottom:-70px;left:-70px;transform:rotate(-22deg);} .szlongX-card:nth-of-type(3) .szlongX-ambient{bottom:-60px;right:-60px;} –– VÉKONY, FINOM MAGENTA BAL SZEGÉLY /* .szlongX-edge{ position:absolute;left:0;top:0;height:100%;width:6px;z-index:2;pointer-events:none; background:linear-gradient(180deg,rgba(233,75,146,0.95) 0%,rgba(236,106,166,0.75) 50%,rgba(233,75,146,0.95) 100%); border-radius:12px 0 0 12px; box-shadow:0 0 6px rgba(233,75,146,.25); } .szlongX-card-content{position:relative;z-index:3;} .szlongX-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;} .szlongX-icon{ width:26px;height:26px;display:flex;align-items:center;justify-content:center; color:var(://sx-magenta);font-size:20px;font-weight:700;line-height:1;flex-shrink:0; } .szlongX-icon svg{width:22px;height:22px;fill:var(://sx-magenta);} .szlongX-icon://star svg{width:20px;height:20px;} .szlongX-icon://book svg{width:22px;height:22px;} .szlongX-card-title{font-size:16px;font-weight:600;margin:0;color:#0f172a;} .szlongX-inner{margin-left:34px;max-width:90%;} .szlongX-tip{margin-left:34px;max-width:90%;} –– Műszaki adatok /* .szlongX-kv{ display:grid;grid-template-columns:1fr 1.4fr;gap:5px 10px;font-size:13px; border-top:1px solid rgba(15,23,42,.08); } .szlongX-kv-k{font-weight:600;color:#1e293b;border-bottom:1px solid rgba(15,23,42,.08);padding:6px 0;} .szlongX-kv-v{color:#334155;border-bottom:1px solid rgba(15,23,42,.08);padding:6px 0;line-height:1.45;} –– Főbb jellemzők – ZÖLD KÖR + FEHÉR PIPA (UNAS-biztos SVG a háttérben) /* .szlongX-list{margin:0;padding:0;list-style:none;font-size:13px;color:#334155;} –– === Layout fix CSAK a Főbb jellemzők blokkra === /* .szlongX-card://features .szlongX-list{margin-top:6px;} .szlongX-card://features .szlongX-list li{ display:flex; align-items:flex-start; gap:10px; margin:8px 0 10px; line-height:1.6; word-break:break-word; } .szlongX-card://features .szlongX-pip{ flex:0 0 18px; –– fix hely a pipának /* width:18px;height:18px;border-radius:50%; background:#16a34a; background-image:url("data:image/svg+xml,%3Csvg xmlns='
Árfigyelés
