.csos-shell{max-width:1240px;margin:0 auto;padding:38px 20px 48px;color:#262626;font-family:inherit}
.csos-shell,.csos-shell *{box-sizing:border-box}
.csos-frame{border:1px solid transparent!important;border-radius:18px!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#00cfff,#3333ff,#9900ff,#ff00cc,#ff6600,#ffcc00) border-box!important;overflow:hidden}
.csos-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;font-size:14px;line-height:1.6;margin-bottom:18px;color:#555}
.csos-meta span{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.csos-meta i{font-style:normal;font-size:20px;color:#f68600}
.csos-meta a{color:inherit}
.csos-title{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:0 0 22px;color:#202020;overflow-wrap:anywhere;font-weight:750}
.csos-content{font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.csos-content img,.csos-content video,.csos-content iframe{max-width:100%}
.csos-content img{height:auto}
.csos-content h2,.csos-content h3{line-height:1.35;margin-top:24px}
.csos-content a{color:#7043d8;text-decoration:underline}
.csos-featured{margin:0}.csos-featured img{display:block;max-width:100%;width:100%;height:auto;border-radius:12px}
.csos-banner{padding:18px;margin:0;color:#262626}
.csos-banner-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-bottom:14px}
.csos-banner h3{font-size:18px;line-height:1.4;margin:0;font-weight:700}
.csos-banner-top span{font-size:12px;color:#666}
.csos-banner-preview{display:flex;justify-content:center;align-items:center;min-width:0}
.csos-banner-preview a{display:block;max-width:100%}
.csos-banner-preview img{max-width:100%;height:auto!important;border-radius:6px}
.csos-banner p{font-size:13px;line-height:1.6;margin:14px 0}
.csos-code-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
textarea.csos-code{width:100%;max-width:100%;font:12px/1.6 monospace;border:1px solid #dedee7;background:#f8f8fc;color:#333;border-radius:8px;padding:10px;resize:vertical;min-height:86px}
.csos-copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
button.csos-copy{cursor:pointer;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#00cfff,#9900ff,#ff00cc,#ff8800) border-box;color:#222;font-family:inherit;font-weight:600;font-size:13px;line-height:1.5}
button.csos-copy:hover{background:linear-gradient(#f7f7fc,#f7f7fc) padding-box,linear-gradient(90deg,#00cfff,#9900ff,#ff00cc,#ff8800) border-box}
.csos-copy:focus-visible,.csos-code:focus-visible{outline:2px solid #7955e8;outline-offset:3px}
.csos-copy-status{font-size:12px;color:#31583b}
.csos-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;text-align:center}
.csos-tags span{font-size:14px;color:#555}
.csos-tags a{padding:7px 13px;border:1px solid transparent;border-radius:20px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(100deg,#00cfff,#9900ff,#ff00cc,#ff8800) border-box;color:#333;font-size:13px;text-decoration:none}
@media(max-width:767px){.csos-shell{padding:22px 12px}.csos-meta{font-size:12px;gap:8px 12px}.csos-content{font-size:16px}.csos-banner{padding:14px}.csos-main-row>.elementor-container{display:flex;flex-direction:column}.csos-main-row>.elementor-container>.elementor-column{width:100%!important}.csos-main-row>.elementor-container>.elementor-column>.elementor-widget-wrap{margin:0 0 20px!important;padding:18px!important}}
/* Stable column IDs also work when an Elementor version renames class controls. */
.elementor-element-c50a001>.elementor-widget-wrap,.elementor-element-c50a002>.elementor-widget-wrap,.elementor-element-c50a003>.elementor-widget-wrap{border:1px solid transparent;border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#00cfff,#3333ff,#9900ff,#ff00cc,#ff6600,#ffcc00) border-box;align-content:flex-start}
@media(max-width:767px){.elementor-element-c500001>.elementor-container{display:flex;flex-direction:column}.elementor-element-c500001>.elementor-container>.elementor-column{width:100%!important}.elementor-element-c500001>.elementor-container>.elementor-column>.elementor-widget-wrap{margin:0 0 20px!important;padding:18px!important}}

.csos-meta svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Chenar flexibil: variabile editabile din Elementor. */
.csos-flexible-frame{width:100%;min-width:0;box-sizing:border-box;border:var(--csos-frame-border,1px) solid transparent;border-radius:var(--csos-frame-radius,18px);background:linear-gradient(var(--csos-frame-bg,#fff),var(--csos-frame-bg,#fff)) padding-box,linear-gradient(115deg,#00cfff,#3333ff,#9900ff,#ff00cc,#ff6600,#ffcc00) border-box;padding:18px;overflow-wrap:anywhere}
.csos-flexible-title{margin:0 0 12px;font-size:24px;line-height:1.4}
.csos-flexible-image{display:block;width:100%;height:auto;border-radius:var(--csos-frame-radius,18px);margin:0 0 12px}
.csos-flexible-content>:last-child{margin-bottom:0}
.csos-flexible-frame iframe,.csos-flexible-frame video{max-width:100%}

.csos-editable-banner{border:var(--csos-frame-border,1px) solid transparent;border-radius:var(--csos-frame-radius,18px);background:linear-gradient(var(--csos-frame-bg,#fff),var(--csos-frame-bg,#fff)) padding-box,linear-gradient(115deg,#00cfff,#3333ff,#9900ff,#ff00cc,#ff6600,#ffcc00) border-box;box-sizing:border-box;min-width:0;max-width:100%}
.csos-banner-dimensions{margin-left:auto}
.csos-editable-banner .csos-banner-preview img{width:100%;height:auto}
.csos-editable-banner textarea.csos-code{min-height:0}
.csos-banner textarea.csos-code-hidden{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;opacity:0!important}