:root{
  --fcx-orange:#ff8a00;
  --fcx-orange-dark:#eb7a00;
  --fcx-orange-soft:#fff2df;
  --fcx-ink:#333;
  --fcx-muted:#6b7280;
  --fcx-border:#ececec;
  --fcx-shadow:0 18px 45px rgba(0,0,0,.12);
  --fcx-radius:24px;
}
*{box-sizing:border-box}
body.fcx-page{margin:0;background:linear-gradient(180deg,#fff 0%,#f7f7f7 100%);font-family:'Open Sans',Arial,sans-serif;color:var(--fcx-ink)}
.fcx-topbar{position:sticky;top:0;z-index:1030;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;background:linear-gradient(90deg,#ff8a00,#ffad33);box-shadow:0 6px 20px rgba(0,0,0,.2)}
.fcx-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#243449;font-weight:900;font-family:Roboto,Arial,sans-serif;letter-spacing:.3px;text-shadow:0 2px 7px rgba(255,255,255,.4)}
.fcx-logo-icon{font-size:38px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))}
.fcx-logo-text{font-size:34px;background:linear-gradient(90deg,#13b655,#0888ff,#8a35ff,#ff2770,#ffe063);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.fcx-menu-btn{border:1px solid #111;background:#fff;color:#243449;border-radius:10px;padding:10px 16px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.fcx-nav{position:sticky;top:62px;z-index:1029;background:#2c3035;text-align:center;padding:8px 10px;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.fcx-nav a{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;padding:10px 16px;border-radius:999px;font-weight:800;margin:3px;font-size:14px}
.fcx-nav a:hover,.fcx-nav a.active{background:linear-gradient(90deg,#ff8a00,#ffad33);color:#fff}
.fcx-main{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:34px 0 44px}.fcx-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin:8px 0 26px;padding:30px;border-radius:var(--fcx-radius);background:radial-gradient(circle at top right,#fff1d9 0,#fff 40%,#f9fafb 100%);box-shadow:var(--fcx-shadow);border:1px solid rgba(255,138,0,.18);position:relative;overflow:hidden}.fcx-hero:before,.fcx-product-card:before,.fcx-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ffad33,#ff8a00,#ffad33);border-radius:inherit}.fcx-eyebrow{display:inline-flex;width:max-content;margin:0 0 10px;padding:6px 12px;border-radius:999px;background:var(--fcx-orange-soft);color:var(--fcx-orange-dark);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.fcx-hero h1{margin:0 0 12px;font-family:Roboto,Arial,sans-serif;font-weight:900;color:#3e3e3e;font-size:clamp(30px,4vw,54px);line-height:1.05}.fcx-hero p{margin:0;color:#68707c;font-size:18px;line-height:1.65;max-width:760px}.fcx-hero-badge{width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#ff8a00,#ffbd59);color:#fff;box-shadow:0 18px 42px rgba(235,122,0,.35);transform:rotate(4deg)}.fcx-hero-badge span{font-size:48px}.fcx-hero-badge strong{font-size:20px}.fcx-hero-badge small{opacity:.9}.fcx-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fcx-product-card{position:relative;overflow:hidden;border:1px solid var(--fcx-border);border-radius:var(--fcx-radius);background:#fff;box-shadow:0 14px 38px rgba(0,0,0,.08);display:flex;flex-direction:column;min-height:520px}.fcx-card-art{height:250px;background:#f5f5f5;position:relative;display:flex;align-items:center;justify-content:center}.fcx-card-art:after{content:"";position:absolute;inset:25px;border-radius:24px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.fcx-card-shirt:before{content:"";position:absolute;width:190px;height:210px;clip-path:polygon(25% 5%,40% 0,50% 8%,60% 0,75% 5%,96% 32%,82% 45%,75% 34%,84% 95%,16% 95%,25% 34%,18% 45%,4% 32%);background:linear-gradient(145deg,#fff,#e9e9e9);filter:drop-shadow(0 18px 18px rgba(0,0,0,.2));z-index:1}.fcx-card-mug:before{content:"";position:absolute;width:145px;height:170px;border-radius:18px 18px 24px 24px;background:linear-gradient(105deg,#fff,#eee);box-shadow:0 18px 25px rgba(0,0,0,.18);z-index:1}.fcx-card-mug:after{content:"";position:absolute;width:72px;height:90px;border:18px solid #eee;border-left:0;border-radius:0 50px 50px 0;right:82px;top:78px;z-index:0;background:transparent}.fcx-card-slate:before{content:"";position:absolute;width:190px;height:150px;border-radius:22px;background:linear-gradient(135deg,#24272c,#4a4f56);box-shadow:0 18px 25px rgba(0,0,0,.22);transform:rotate(-5deg);z-index:1}.fcx-card-slate:after{content:"";position:absolute;width:138px;height:98px;border-radius:16px;background:linear-gradient(135deg,#fafafa,#f0f0f0);z-index:2;transform:rotate(-5deg);opacity:.95}.fcx-card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.fcx-status{width:max-content;padding:6px 12px;border-radius:999px;background:var(--fcx-orange-soft);color:var(--fcx-orange-dark);font-weight:900;font-size:12px;text-transform:uppercase}.fcx-product-card.is-soon{opacity:.82}.fcx-product-card h2,.fcx-panel h2{margin:0;font-family:Roboto,Arial,sans-serif;font-weight:900;color:#454545}.fcx-product-card p{color:#6b7280;line-height:1.65}.fcx-btn{appearance:none;border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 18px;font-weight:900;transition:.2s ease;cursor:pointer;text-align:center;line-height:1.1}.fcx-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.13)}.fcx-btn-primary{background:linear-gradient(90deg,#ff8a00,#ffad33);color:#fff}.fcx-btn-light{background:#fff;color:#384252;border:1px solid rgba(0,0,0,.08)}.fcx-btn-outline{background:#fff;color:#eb7a00;border:2px solid #ffad33}.fcx-btn-dark{background:#2f3540;color:#fff}.fcx-btn-whatsapp{background:#20c665;color:#fff}.fcx-btn-muted{background:#edf0f4;color:#7a828e;cursor:not-allowed}.fcx-btn-danger{background:#fff0f0;color:#d32929;border:1px solid #ffd0d0}.fcx-note-box{margin-top:24px;border-radius:var(--fcx-radius);background:#fff;border:1px solid var(--fcx-border);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.fcx-note-box h2{font-family:Roboto,Arial,sans-serif;font-weight:900}.fcx-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;max-width:1180px;margin:20px auto 0;color:#6b7280;border-top:1px solid #ececec}.fcx-footer a{color:#eb7a00;font-weight:800;text-decoration:none;margin-left:14px}
/* editor */
.fcx-editor-main{width:min(1500px,calc(100% - 24px))}.fcx-editor-hero{grid-template-columns:minmax(0,1fr) auto}.fcx-mini-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.fcx-workspace{display:grid;grid-template-columns:320px minmax(360px,1fr) 300px;gap:18px;align-items:start}.fcx-panel{position:relative;overflow:hidden;background:#fff;border:1px solid var(--fcx-border);border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.07);padding:18px}.fcx-tool-section{border-bottom:1px solid #f0f0f0;padding:16px 0}.fcx-tool-section:first-child{padding-top:6px}.fcx-tool-section:last-child{border-bottom:0}.fcx-tool-section h2,.fcx-summary h2{font-size:18px;margin:0 0 12px}.fcx-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.fcx-swatch{height:44px;border:2px solid transparent;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.13),0 6px 14px rgba(0,0,0,.08);cursor:pointer;position:relative}.fcx-swatch.active{border-color:#111;transform:scale(1.06)}.fcx-swatch[title="Alb"]{background:#fff}.fcx-segmented{display:grid;grid-template-columns:1fr 1fr;background:#f3f4f6;border-radius:999px;padding:4px}.fcx-segmented button{border:0;background:transparent;border-radius:999px;padding:11px 12px;font-weight:900;color:#6b7280}.fcx-segmented button.active{background:#ff8a00;color:#fff;box-shadow:0 6px 16px rgba(235,122,0,.25)}.fcx-file-btn{display:flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 16px;background:#fff5e8;color:#eb7a00;font-weight:900;border:2px dashed #ffad33;cursor:pointer;text-align:center}.fcx-help,.fcx-note-mini{font-size:12px;color:#7a828e;line-height:1.45;margin:8px 0 0}.fcx-editor-page .fcx-panel textarea,.fcx-editor-page .fcx-panel select,.fcx-editor-page .fcx-panel input[type="color"]{width:100%;border:1px solid #dfe3ea;border-radius:14px;padding:10px 12px;font:inherit;background:#fff}.fcx-editor-page .fcx-panel textarea{resize:vertical}.fcx-form-grid{display:grid;grid-template-columns:1fr 60px;gap:8px;margin:8px 0}.fcx-check{font-size:14px;color:#555;display:flex;align-items:center;gap:8px;margin:8px 0}.fcx-nudge-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fcx-nudge-grid button{border:1px solid #e4e7ee;background:#fff;border-radius:12px;padding:10px 8px;font-weight:800;color:#3c4550}.fcx-stage-wrap{min-width:0}.fcx-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;background:#fff;border:1px solid var(--fcx-border);border-radius:18px;padding:12px 16px;box-shadow:0 8px 22px rgba(0,0,0,.06)}#sideLabel{font-weight:900;color:#3e3e3e}.fcx-stage-tip{font-size:13px;color:#6b7280}.fcx-stage-shell{background:radial-gradient(circle at center,#fff 0,#f6f6f6 58%,#eaeaea 100%);border-radius:28px;border:1px solid #e9e9e9;box-shadow:0 20px 45px rgba(0,0,0,.12);padding:18px;display:flex;align-items:center;justify-content:center;perspective:900px;transition:transform .18s ease}.fcx-stage-shell canvas{display:block;width:min(100%,720px);height:auto;max-height:calc(100vh - 230px);background:#fff;border-radius:22px;box-shadow:0 12px 28px rgba(0,0,0,.08);touch-action:none}.fcx-rotate-preview{display:flex;align-items:center;gap:14px;margin-top:12px;background:#fff;border:1px solid var(--fcx-border);border-radius:16px;padding:10px 14px}.fcx-rotate-preview label{font-weight:800;color:#555;white-space:nowrap}.fcx-rotate-preview input{width:100%}.fcx-summary-list{display:grid;gap:8px;margin:16px 0}.fcx-summary-list div{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #edf0f4;border-radius:14px;padding:10px 12px}.fcx-summary-list span{color:#6b7280}.fcx-summary-list strong{color:#3e3e3e}.fcx-summary .fcx-btn{margin-top:10px}.fcx-modal-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.62);padding:20px;display:flex;align-items:center;justify-content:center}.fcx-modal{width:min(1120px,100%);max-height:92vh;overflow:hidden;background:#fff;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.4);display:flex;flex-direction:column;position:relative}.fcx-modal:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#ffad33,#ff8a00,#ffad33)}.fcx-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid #eee}.fcx-modal-header h2{margin:0;font-family:Roboto,Arial,sans-serif;font-weight:900}.fcx-modal-header p{margin:6px 0 0;color:#6b7280}.fcx-close{border:0;background:#fff4e5;color:#eb7a00;width:42px;height:42px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}.fcx-inspiration-layout{display:grid;grid-template-columns:220px 1fr;min-height:0;overflow:hidden}.fcx-inspiration-cats{overflow:auto;padding:14px;border-right:1px solid #eee;max-height:70vh}.fcx-inspiration-cats button{display:flex;width:100%;border:0;background:#f8fafc;border-radius:14px;padding:11px 12px;margin:0 0 8px;font-weight:800;color:#3c4550;text-align:left}.fcx-inspiration-cats button.active{background:#ff8a00;color:#fff}.fcx-inspiration-content{padding:16px;overflow:auto;max-height:70vh}.fcx-inspiration-status{color:#6b7280;margin-bottom:14px}.fcx-inspiration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.fcx-inspo-item{border:1px solid #eee;border-radius:16px;overflow:hidden;background:#fff;padding:0;cursor:pointer;box-shadow:0 8px 16px rgba(0,0,0,.07);aspect-ratio:1/1;display:flex}.fcx-inspo-item img{width:100%;height:100%;object-fit:cover;display:block}.fcx-inspo-item:hover{outline:3px solid #ffad33}.fcx-inspo-item.is-missing{display:none}.fcx-hidden{display:none!important}
@media (max-width:1200px){.fcx-workspace{grid-template-columns:300px minmax(340px,1fr)}.fcx-summary{grid-column:1/-1}.fcx-summary-list{grid-template-columns:repeat(3,1fr)}.fcx-summary .fcx-btn{display:inline-flex;width:auto!important;margin-right:8px}}
@media (max-width:900px){.fcx-topbar{padding:8px 12px}.fcx-logo-icon{font-size:32px}.fcx-logo-text{font-size:28px}.fcx-nav{top:54px}.fcx-hero{grid-template-columns:1fr;padding:22px}.fcx-hero-badge{width:150px;height:150px}.fcx-product-grid,.fcx-workspace{grid-template-columns:1fr}.fcx-stage-wrap{order:-1}.fcx-stage-shell canvas{max-height:none}.fcx-summary-list{grid-template-columns:1fr}.fcx-footer{flex-direction:column;text-align:center}.fcx-inspiration-layout{grid-template-columns:1fr}.fcx-inspiration-cats{display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid #eee;max-height:none}.fcx-inspiration-cats button{min-width:max-content;margin:0}.fcx-inspiration-content{max-height:58vh}.fcx-modal-backdrop{padding:10px}.fcx-modal{max-height:95vh}.fcx-stage-toolbar{align-items:flex-start;flex-direction:column}.fcx-mini-actions{justify-content:flex-start}}
@media (max-width:560px){.fcx-main,.fcx-editor-main{width:min(100% - 16px,1500px);padding-top:18px}.fcx-hero p{font-size:15px}.fcx-product-card{min-height:auto}.fcx-card-art{height:190px}.fcx-swatches{grid-template-columns:repeat(5,1fr)}.fcx-swatch{height:38px}.fcx-panel{padding:15px;border-radius:18px}.fcx-stage-shell{padding:8px;border-radius:20px}.fcx-stage-shell canvas{border-radius:16px}.fcx-btn{padding:12px 14px}.fcx-footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.fcx-footer a{margin-left:0}.fcx-modal-header{padding:18px}.fcx-inspiration-grid{grid-template-columns:repeat(3,1fr)}}


/* Personalizare pages: shared FAM Craft header/footer is supplied by style.css; these rules only polish the custom content. */
.fcx-main{margin-top:28px;margin-bottom:38px}.fcx-page .fcx-hero{isolation:isolate}.fcx-page .fcx-hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.18),rgba(255,138,0,0) 68%);z-index:-1}.fcx-card-shirt:before{width:210px;height:235px;clip-path:polygon(24% 6%,37% 0,50% 8%,63% 0,76% 6%,97% 32%,83% 46%,75% 37%,84% 95%,16% 95%,25% 37%,17% 46%,3% 32%);background:radial-gradient(circle at 47% 24%,#fff 0,#f6f6f6 24%,#e8e8e8 72%,#dadada 100%);box-shadow:inset 18px 0 28px rgba(255,255,255,.62),inset -18px 0 30px rgba(0,0,0,.08),0 22px 28px rgba(0,0,0,.2);filter:drop-shadow(0 18px 18px rgba(0,0,0,.2));}.fcx-card-shirt:after{content:"";position:absolute;width:68px;height:30px;border:7px solid rgba(0,0,0,.12);border-top:0;border-radius:0 0 38px 38px;top:58px;left:50%;transform:translateX(-50%);z-index:2;background:transparent;box-shadow:0 7px 12px rgba(0,0,0,.04)}.fcx-stage-shell{background:radial-gradient(circle at 50% 40%,#ffffff 0,#f7f7f7 48%,#e6e6e6 100%);box-shadow:0 26px 54px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.85)}.fcx-stage-shell canvas{background:linear-gradient(180deg,#ffffff 0%,#fbfbfb 100%)}@media (min-width:1200px){.fcx-editor-main{width:min(1560px,calc(100% - 40px))}.fcx-stage-shell canvas{width:min(100%,760px)}}@media (max-width:991px){.fcx-main{margin-top:18px}.fcx-workspace{gap:14px}.fcx-stage-wrap{order:-1}}


/* Preview inclinat - linie cu gradatie portocalie */
.fcx-rotate-preview input[type="range"]{
  -webkit-appearance:none;
  appearance:none;
  height:12px;
  border-radius:999px;
  outline:0;
  background:linear-gradient(90deg,#eb7a00 0%,#ffad33 50%,#eb7a00 100%);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.20),0 4px 12px rgba(235,122,0,.18);
}
.fcx-rotate-preview input[type="range"]::-webkit-slider-runnable-track{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#eb7a00 0%,#ffad33 50%,#eb7a00 100%);
}
.fcx-rotate-preview input[type="range"]::-moz-range-track{
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#eb7a00 0%,#ffad33 50%,#eb7a00 100%);
}
.fcx-rotate-preview input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:28px;
  height:28px;
  margin-top:-8px;
  border-radius:50%;
  border:3px solid #fff;
  background:#eb7a00;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  cursor:pointer;
}
.fcx-rotate-preview input[type="range"]::-moz-range-thumb{
  width:24px;
  height:24px;
  border-radius:50%;
  border:3px solid #fff;
  background:#eb7a00;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  cursor:pointer;
}

/* Preview 3D tricou */
.fcx-3d-panel{
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(255,138,0,.22);
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#fff8ef 100%);
  box-shadow:0 14px 34px rgba(0,0,0,.07);
}
.fcx-3d-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.fcx-3d-title strong{
  display:block;
  font-family:Roboto,Arial,sans-serif;
  font-size:18px;
  color:#3e3e3e;
}
.fcx-3d-title span{
  display:block;
  font-size:13px;
  color:#6b7280;
  margin-top:2px;
}
.fcx-3d-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.fcx-3d-viewer{
  min-height:430px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid #ececec;
  background:radial-gradient(circle at 50% 35%,#fff 0%,#f7f7f7 55%,#e7e7e7 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.fcx-3d-viewer canvas{
  display:block;
  width:100%;
  height:100%;
}
.fcx-3d-status{
  padding:14px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#6b7280;
  font-weight:800;
  text-align:center;
  box-shadow:0 8px 22px rgba(0,0,0,.08);
}
.fcx-btn-small{
  border:0;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.fcx-btn-3d{
  background:linear-gradient(90deg,#eb7a00,#ffad33);
  color:#fff;
  box-shadow:0 8px 18px rgba(235,122,0,.25);
}
.fcx-btn-3d-alt{
  background:#26313d;
  color:#fff;
}
@media (max-width:768px){
  .fcx-3d-head{align-items:flex-start;flex-direction:column}
  .fcx-3d-actions{justify-content:flex-start;width:100%}
  .fcx-btn-small{width:100%}
  .fcx-3d-viewer{min-height:360px}
}

/* 3D preview - margini mai rotunjite si aspect mai moale */
.fcx-3d-panel{
  border-radius:28px;
  overflow:hidden;
}
.fcx-3d-viewer{
  border-radius:28px;
  background:radial-gradient(circle at 50% 28%,#ffffff 0,#f4f4f4 52%,#e9e9e9 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), inset 0 -18px 42px rgba(0,0,0,.035);
}
.fcx-3d-viewer canvas{
  border-radius:28px;
}


/* Fix preview 3D: mesajul de stare nu mai impinge canvas-ul si nu mai apare vertical in stanga */
.fcx-3d-status{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:5;
  max-width:calc(100% - 42px);
  white-space:normal;
  line-height:1.35;
  pointer-events:none;
}
.fcx-3d-status[hidden]{display:none!important;}

/* Daca lipseste folderul img/Inspiratie, afisam o caseta clara in loc sa dispara tot grid-ul */
.fcx-inspo-item.is-missing{
  display:flex!important;
  align-items:center;
  justify-content:center;
  background:#fff7ed;
  border:1px dashed #ffad33;
  color:#9a3412;
  box-shadow:none;
}
.fcx-inspo-item.is-missing img{display:none!important;}
.fcx-inspo-item.is-missing:after{
  content:"lipsa";
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

/* Varianta sigura: un singur preview vizibil, tricoul 3D. Canvas-ul 2D ramane motor ascuns pentru textura. */
.fcx-single-3d-mode .fcx-stage-toolbar,
.fcx-single-3d-mode .fcx-stage-shell,
.fcx-single-3d-mode .fcx-rotate-preview{
  position:absolute!important;
  left:-12000px!important;
  top:auto!important;
  width:900px!important;
  height:auto!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.fcx-single-3d-mode .fcx-3d-panel{
  margin-top:0;
  border-radius:32px;
  background:linear-gradient(180deg,#ffffff 0%,#fff8ef 100%);
}
.fcx-single-3d-mode .fcx-3d-viewer{
  min-height:680px;
  border-radius:30px;
}
.fcx-single-3d-mode .fcx-3d-viewer canvas{
  border-radius:30px;
}
.fcx-move-grid{
  width:min(100%, 292px);
  margin:10px auto 0;
  display:grid;
  grid-template-columns:repeat(3, minmax(72px, 1fr));
  grid-template-rows:repeat(3, auto);
  gap:6px;
  align-items:center;
  justify-items:stretch;
}
.fcx-move-grid button{
  min-height:46px;
  border:1px solid #ffe0b2;
  background:#fff8ef;
  color:#d76500;
  border-radius:12px;
  padding:10px 8px;
  font-weight:900;
  box-shadow:0 6px 14px rgba(235,122,0,.08);
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease;
}
.fcx-move-grid button:hover{
  background:#fff2df;
  box-shadow:0 9px 20px rgba(235,122,0,.14);
}
.fcx-move-grid button:active{
  transform:translateY(1px) scale(.98);
}
.fcx-move-grid [data-action="moveUp"]{grid-column:2;grid-row:1;}
.fcx-move-grid [data-action="moveLeft"]{grid-column:1;grid-row:2;}
.fcx-move-grid [data-action="moveRight"]{grid-column:3;grid-row:2;}
.fcx-move-grid [data-action="moveDown"]{grid-column:2;grid-row:3;}
@media (max-width:991px){
  .fcx-single-3d-mode .fcx-3d-viewer{min-height:520px;}
}
@media (max-width:560px){
  .fcx-single-3d-mode .fcx-3d-viewer{min-height:420px;border-radius:22px;}
  .fcx-single-3d-mode .fcx-3d-panel{border-radius:22px;}
}

/* Selectare elemente pentru varianta 3D: canvas-ul 2D este ascuns, asa ca selectia se face din lista. */
.fcx-selection-box{
  background:#fff8ef;
  border:1px solid #ffe0b2;
  border-radius:16px;
  padding:10px;
  margin-bottom:10px;
}
.fcx-selection-title{
  font-size:13px;
  font-weight:900;
  color:#a44f00;
  margin-bottom:8px;
}
.fcx-element-list{
  display:grid;
  gap:7px;
}
.fcx-element-pill{
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #ffd39a;
  background:#fff;
  color:#374151;
  border-radius:12px;
  padding:9px 10px;
  text-align:left;
  font-weight:800;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.fcx-element-pill:hover{
  transform:translateY(-1px);
  border-color:#ff9f1c;
  box-shadow:0 8px 18px rgba(235,122,0,.14);
}
.fcx-element-pill.active{
  background:linear-gradient(135deg,#ffad33,#fb8c00);
  color:#fff;
  border-color:#fb8c00;
  box-shadow:0 10px 22px rgba(235,122,0,.24);
}
.fcx-element-pill span{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.76);
  border-radius:9px;
  flex:0 0 auto;
}
.fcx-element-pill strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fcx-element-empty,
.fcx-selected-info{
  font-size:12px;
  color:#7a828e;
  line-height:1.35;
}
.fcx-selected-info{
  margin-top:8px;
  font-weight:800;
  color:#d76500;
}

/* Editor tricou: layout desktop pe un singur ecran.
   Folosim spatiul din stanga/dreapta ca userul sa ajusteze elementele fara scroll intre butoane si tricou. */
@media (min-width:1180px){
  .fcx-editor-page .fcx-editor-main{
    width:min(1880px, calc(100% - 22px));
    margin-top:8px;
    margin-bottom:16px;
    padding-top:0;
    padding-bottom:0;
  }
  .fcx-editor-page .fcx-editor-hero{
    display:none;
  }
  .fcx-editor-page .fcx-workspace{
    --fcx-studio-height:clamp(620px, calc(100vh - 142px), 850px);
    height:var(--fcx-studio-height);
    min-height:0;
    grid-template-columns:clamp(250px, 18vw, 315px) minmax(520px, 1fr) clamp(260px, 19vw, 330px);
    gap:12px;
    align-items:stretch;
  }
  .fcx-editor-page .fcx-tools,
  .fcx-editor-page .fcx-summary,
  .fcx-editor-page .fcx-stage-wrap{
    height:100%;
    min-height:0;
  }
  .fcx-editor-page .fcx-tools,
  .fcx-editor-page .fcx-summary{
    padding:12px;
    border-radius:20px;
    display:flex;
    flex-direction:column;
    gap:8px;
    overflow:hidden;
  }
  .fcx-editor-page .fcx-tool-section{
    padding:8px 0;
  }
  .fcx-editor-page .fcx-tool-section:first-child{
    padding-top:2px;
  }
  .fcx-editor-page .fcx-tool-section h2,
  .fcx-editor-page .fcx-summary h2{
    font-size:14px;
    margin-bottom:8px;
  }
  .fcx-editor-page .fcx-help{
    display:none;
  }
  .fcx-editor-page .fcx-swatches{
    grid-template-columns:repeat(5,1fr);
    gap:6px;
  }
  .fcx-editor-page .fcx-swatch{
    height:30px;
    border-radius:10px;
  }
  .fcx-editor-page .fcx-segmented button{
    padding:8px 10px;
    font-size:12px;
  }
  .fcx-editor-page .fcx-file-btn,
  .fcx-editor-page .fcx-btn{
    min-height:34px;
    padding:9px 12px;
    font-size:13px;
  }
  .fcx-editor-page .fcx-panel textarea{
    min-height:54px;
    max-height:72px;
    padding:8px 10px;
    font-size:13px;
  }
  .fcx-editor-page .fcx-panel select,
  .fcx-editor-page .fcx-panel input[type="color"]{
    height:34px;
    padding:7px 9px;
    font-size:13px;
  }
  .fcx-editor-page .fcx-form-grid{
    gap:6px;
    margin:6px 0;
  }
  .fcx-editor-page .fcx-check{
    margin:5px 0;
    font-size:12px;
  }
  .fcx-editor-page .fcx-stage-wrap{
    display:flex;
    flex-direction:column;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-panel{
    height:100%;
    margin:0;
    padding:12px;
    border-radius:26px;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .fcx-editor-page .fcx-3d-head{
    flex:0 0 auto;
    gap:8px;
    margin-bottom:8px;
  }
  .fcx-editor-page .fcx-3d-title strong{
    font-size:16px;
  }
  .fcx-editor-page .fcx-3d-title span,
  .fcx-editor-page .fcx-note-mini{
    display:none;
  }
  .fcx-editor-page .fcx-3d-actions{
    gap:6px;
  }
  .fcx-editor-page .fcx-btn-small{
    padding:8px 11px;
    font-size:12px;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-viewer{
    flex:1 1 auto;
    min-height:0;
    height:auto;
    border-radius:24px;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-viewer canvas{
    border-radius:24px;
  }
  .fcx-editor-page .fcx-summary .fcx-edit-dock{
    flex:1 1 auto;
    min-height:0;
    padding:0 0 10px;
    border-bottom:1px solid #f0f0f0;
    display:flex;
    flex-direction:column;
  }
  .fcx-editor-page .fcx-selection-box{
    padding:8px;
    margin-bottom:8px;
    border-radius:13px;
  }
  .fcx-editor-page .fcx-selection-title{
    font-size:12px;
    margin-bottom:6px;
  }
  .fcx-editor-page .fcx-element-list{
    max-height:82px;
    overflow:auto;
    padding-right:2px;
  }
  .fcx-editor-page .fcx-element-pill{
    padding:7px 8px;
    border-radius:10px;
    font-size:12px;
  }
  .fcx-editor-page .fcx-element-pill span{
    width:22px;
    height:22px;
    border-radius:8px;
  }
  .fcx-editor-page .fcx-selected-info{
    margin-top:6px;
    font-size:11px;
  }
  .fcx-editor-page .fcx-nudge-grid{
    gap:6px;
  }
  .fcx-editor-page .fcx-nudge-grid button{
    min-height:32px;
    padding:7px 6px;
    border-radius:10px;
    font-size:12px;
  }
  .fcx-editor-page .fcx-move-grid{
    width:min(100%, 260px);
    gap:5px;
    margin-top:8px;
  }
  .fcx-editor-page .fcx-move-grid button{
    min-height:36px;
    padding:7px 5px;
    border-radius:10px;
    font-size:12px;
  }
  .fcx-editor-page .fcx-summary #deleteSelectedBtn{
    margin-top:8px!important;
  }
  .fcx-editor-page .fcx-summary-actions-dock{
    flex:0 0 auto;
    padding-top:2px;
  }
  .fcx-editor-page .fcx-summary-actions-dock > p,
  .fcx-editor-page .fcx-summary-actions-dock .fcx-note-mini{
    display:none;
  }
  .fcx-editor-page .fcx-summary-list{
    gap:5px;
    margin:8px 0;
  }
  .fcx-editor-page .fcx-summary-list div{
    padding:7px 9px;
    border-radius:10px;
    font-size:12px;
  }
  .fcx-editor-page .fcx-summary .fcx-btn{
    margin-top:6px;
    min-height:34px;
  }
}

@media (min-width:1180px) and (max-height:740px){
  .fcx-editor-page .fcx-workspace{
    --fcx-studio-height:calc(100vh - 118px);
  }
  .fcx-editor-page .fcx-tools,
  .fcx-editor-page .fcx-summary{
    padding:9px;
  }
  .fcx-editor-page .fcx-tool-section{
    padding:6px 0;
  }
  .fcx-editor-page .fcx-tool-section h2,
  .fcx-editor-page .fcx-summary h2{
    font-size:13px;
    margin-bottom:6px;
  }
  .fcx-editor-page .fcx-swatch{height:26px;}
  .fcx-editor-page .fcx-panel textarea{min-height:44px;max-height:56px;}
  .fcx-editor-page .fcx-nudge-grid button,
  .fcx-editor-page .fcx-move-grid button{
    min-height:30px;
    padding-top:5px;
    padding-bottom:5px;
  }
  .fcx-editor-page .fcx-summary-list div{padding:5px 8px;}
}

/* Runda finala editor: butoane mai clare, umbre si control-pad intuitiv. */
.fcx-editor-page .fcx-btn,
.fcx-editor-page .fcx-file-btn,
.fcx-editor-page .fcx-btn-small,
.fcx-editor-page .fcx-segmented button.active,
.fcx-editor-page .fcx-nudge-grid button,
.fcx-editor-page .fcx-move-grid button,
.fcx-editor-page .fcx-close,
.fcx-editor-page .fcx-element-pill{
  box-shadow:0 10px 22px rgba(22,29,37,.10), 0 2px 0 rgba(255,255,255,.55) inset!important;
}
.fcx-editor-page .fcx-btn:hover,
.fcx-editor-page .fcx-file-btn:hover,
.fcx-editor-page .fcx-btn-small:hover,
.fcx-editor-page .fcx-nudge-grid button:hover,
.fcx-editor-page .fcx-move-grid button:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(22,29,37,.15), 0 2px 0 rgba(255,255,255,.60) inset!important;
}
.fcx-editor-page .fcx-btn-reset,
.fcx-editor-page #resetBtn{
  background:linear-gradient(180deg,#fff7f7 0%,#ffecec 100%)!important;
  color:#d32929!important;
  border:1px solid #ffcaca!important;
  cursor:pointer!important;
}
.fcx-editor-page .fcx-btn-reset:hover,
.fcx-editor-page #resetBtn:hover{
  background:linear-gradient(180deg,#fff1f1 0%,#ffe2e2 100%)!important;
  color:#bd1f1f!important;
}
.fcx-editor-page #downloadBothBtn{
  background:linear-gradient(135deg,#26313d 0%,#121a24 100%)!important;
  border:0!important;
  color:#fff!important;
}

/* Control-pad in forma de plus pentru pozitionarea elementelor */
.fcx-editor-page .fcx-move-grid{
  position:relative;
  width:min(100%, 304px);
  padding:8px;
  gap:6px;
  border-radius:24px;
  background:radial-gradient(circle at 50% 50%,rgba(255,138,0,.12) 0,rgba(255,138,0,.08) 28%,rgba(255,255,255,0) 64%);
}
.fcx-editor-page .fcx-move-grid:before{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,173,51,.18),rgba(255,255,255,.55));
  border:1px solid rgba(255,173,51,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 12px 26px rgba(235,122,0,.08);
  pointer-events:none;
}
.fcx-editor-page .fcx-move-grid:after{
  content:"✦";
  position:absolute;
  left:50%;
  top:50%;
  width:42px;
  height:42px;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,#ffad33,#ff8a00);
  color:#fff;
  font-weight:900;
  box-shadow:0 10px 22px rgba(235,122,0,.28), inset 0 2px 0 rgba(255,255,255,.38);
  pointer-events:none;
  z-index:1;
}
.fcx-editor-page .fcx-move-grid button{
  position:relative;
  z-index:2;
  min-height:46px;
  border:1px solid rgba(255,173,51,.55)!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff2df 100%)!important;
  color:#cf6500!important;
  border-radius:16px!important;
  font-weight:950!important;
  letter-spacing:.01em;
}
.fcx-editor-page .fcx-move-grid button:hover{
  background:linear-gradient(180deg,#ffffff 0%,#ffe8c2 100%)!important;
  color:#b95500!important;
}
.fcx-editor-page .fcx-move-grid button:active{
  transform:translateY(1px) scale(.985);
  box-shadow:0 6px 12px rgba(235,122,0,.12), inset 0 2px 5px rgba(235,122,0,.16)!important;
}
.fcx-editor-page .fcx-nudge-grid button{
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%)!important;
  border:1px solid #dde6f0!important;
  color:#334155!important;
}
.fcx-editor-page .fcx-nudge-grid button:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%)!important;
  border-color:#bfd4ea!important;
}
@media (min-width:1180px){
  .fcx-editor-page .fcx-move-grid{width:min(100%, 278px);padding:6px;gap:5px;}
  .fcx-editor-page .fcx-move-grid:after{width:36px;height:36px;font-size:13px;}
  .fcx-editor-page .fcx-move-grid:before{inset:22px;border-radius:18px;}
  .fcx-editor-page .fcx-move-grid button{min-height:38px;border-radius:14px!important;}
}


/* =========================================================
   FAM Craft - editor tricou 3D compact, pe un singur ecran
   Separare panou editare / preview final + scena 3D mai ingusta.
========================================================= */
.fcx-editor-page .fcx-3d-actions{
  display:none!important;
}
.fcx-editor-page .fcx-3d-head{
  align-items:flex-start;
}
.fcx-editor-page .fcx-3d-title span{
  max-width:640px;
}

@media (min-width:1180px){
  .fcx-editor-page .fcx-editor-main{
    width:min(1880px, calc(100% - 18px));
  }
  .fcx-editor-page .fcx-workspace{
    --fcx-studio-height:clamp(560px, calc(100vh - 132px), 760px);
    grid-template-columns:
      clamp(220px,16vw,300px)
      clamp(500px,42vw,720px)
      clamp(230px,16vw,300px)
      clamp(220px,15vw,290px);
    justify-content:center;
    gap:10px;
    height:var(--fcx-studio-height);
    align-items:stretch;
  }
  .fcx-editor-page .fcx-stage-wrap,
  .fcx-editor-page .fcx-edit-side,
  .fcx-editor-page .fcx-final-side{
    height:100%;
    min-height:0;
  }
  .fcx-editor-page .fcx-stage-wrap{
    max-width:720px;
    width:100%;
    justify-self:center;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-panel{
    height:100%;
    padding:10px;
    border-radius:24px;
  }
  .fcx-editor-page .fcx-3d-head{
    margin-bottom:7px;
    padding:0 2px;
  }
  .fcx-editor-page .fcx-3d-title strong{
    font-size:16px;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-viewer{
    height:calc(var(--fcx-studio-height) - 48px);
    min-height:0;
    border-radius:20px;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-viewer canvas{
    border-radius:20px;
  }
  .fcx-editor-page .fcx-edit-side,
  .fcx-editor-page .fcx-final-side{
    padding:10px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .fcx-editor-page .fcx-edit-side .fcx-edit-dock{
    height:100%;
    padding:0;
    border-bottom:0;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .fcx-editor-page .fcx-final-side .fcx-summary-actions-dock{
    height:100%;
    padding:0;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .fcx-editor-page .fcx-final-side h2,
  .fcx-editor-page .fcx-edit-side h2{
    font-size:14px;
    margin-bottom:8px;
  }
  .fcx-editor-page .fcx-final-side .fcx-summary-actions-dock > p,
  .fcx-editor-page .fcx-final-side .fcx-note-mini{
    display:none;
  }
  .fcx-editor-page .fcx-final-side .fcx-summary-list{
    gap:6px;
    margin:6px 0 10px;
  }
  .fcx-editor-page .fcx-final-side .fcx-summary-list div{
    padding:8px 10px;
    border-radius:12px;
    font-size:12px;
  }
  .fcx-editor-page .fcx-final-side .fcx-btn{
    min-height:38px;
    margin-top:7px;
    padding:9px 10px;
    font-size:12px;
    line-height:1.2;
  }
  .fcx-editor-page .fcx-edit-side .fcx-selection-box{
    flex:0 0 auto;
  }
  .fcx-editor-page .fcx-edit-side .fcx-element-list{
    max-height:92px;
  }
  .fcx-editor-page .fcx-edit-side #deleteSelectedBtn{
    margin-top:auto!important;
  }
}

@media (min-width:1180px) and (max-height:740px){
  .fcx-editor-page .fcx-workspace{
    --fcx-studio-height:clamp(520px, calc(100vh - 112px), 690px);
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-viewer{
    height:calc(var(--fcx-studio-height) - 44px);
  }
  .fcx-editor-page .fcx-final-side .fcx-btn{
    min-height:34px;
    padding-top:7px;
    padding-bottom:7px;
  }
}

@media (max-width:1179.98px){
  .fcx-editor-page .fcx-edit-side,
  .fcx-editor-page .fcx-final-side{
    grid-column:auto;
  }
}

/* =========================================================
   FAM Craft - dungi portocalii sus/jos pe toate coloanele editorului
   Col. 1/3/4 aveau deja dunga sus prin .fcx-panel:before; aici adaugam
   dunga de jos si aceeasi dunga sus/jos pentru coloana 2 - preview 3D.
========================================================= */
.fcx-editor-page .fcx-panel,
.fcx-editor-page .fcx-3d-panel{
  position:relative;
  overflow:hidden;
}
.fcx-editor-page .fcx-panel:after,
.fcx-editor-page .fcx-3d-panel:before,
.fcx-editor-page .fcx-3d-panel:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,#ffad33,#ff8a00,#ffad33);
  pointer-events:none;
  z-index:8;
}
.fcx-editor-page .fcx-3d-panel:before{
  top:0;
  border-radius:inherit;
}
.fcx-editor-page .fcx-panel:after,
.fcx-editor-page .fcx-3d-panel:after{
  bottom:0;
  border-radius:inherit;
}

/* =========================================================
   FAM Craft - explicatii compacte pentru editorul 3D
   Reintroducem ghidajele fara sa incarcam vizual layout-ul pe desktop.
========================================================= */
.fcx-editor-page .fcx-user-tip{
  margin:9px 0 0;
  padding:10px 12px;
  border-radius:15px;
  background:linear-gradient(135deg,#fff9ef 0%,#ffffff 100%);
  border:1px solid rgba(255,173,51,.38);
  color:#667085;
  font-size:12px;
  line-height:1.48;
  box-shadow:0 10px 24px rgba(235,122,0,.07), inset 0 1px 0 rgba(255,255,255,.85);
}
.fcx-editor-page .fcx-user-tip strong{
  color:#d76500;
  font-weight:950;
}
.fcx-editor-page .fcx-tip-final,
.fcx-editor-page .fcx-tip-whatsapp{
  background:linear-gradient(135deg,#fff7ec 0%,#fff 100%);
}
.fcx-editor-page .fcx-tip-whatsapp{
  border-color:rgba(32,198,101,.28);
}
.fcx-editor-page .fcx-tip-whatsapp strong{
  color:#12a853;
}
.fcx-editor-page .fcx-tip-edit{
  margin-bottom:8px;
}
.fcx-editor-page .fcx-tip-3d{
  margin-top:8px;
  text-align:center;
  font-size:11.5px;
}

@media (min-width:1180px){
  .fcx-editor-page .fcx-user-tip{
    display:block!important;
    padding:7px 9px;
    border-radius:12px;
    font-size:11px;
    line-height:1.34;
    margin-top:7px;
  }
  .fcx-editor-page .fcx-tip-privacy{
    font-size:10.8px;
  }
  .fcx-editor-page .fcx-tip-edit{
    margin-bottom:7px;
  }
  .fcx-editor-page .fcx-tip-3d{
    margin-top:6px;
    font-size:10.8px;
    line-height:1.3;
  }
  .fcx-editor-page .fcx-final-side .fcx-tip-final,
  .fcx-editor-page .fcx-final-side .fcx-tip-whatsapp{
    font-size:11px;
  }
  .fcx-editor-page .fcx-final-side .fcx-tip-final{
    margin-bottom:3px;
  }
  .fcx-editor-page .fcx-final-side .fcx-tip-whatsapp{
    margin-top:8px;
  }
}

@media (min-width:1180px) and (max-height:740px){
  .fcx-editor-page .fcx-user-tip{
    padding:6px 8px;
    font-size:10.5px;
    line-height:1.28;
    margin-top:5px;
  }
  .fcx-editor-page .fcx-tip-3d{
    display:none!important;
  }
}


/* =========================================================
   Banner editor vizibil si pe desktop
   Reintroducem cardul explicativ sub masinuta, deasupra celor 4 coloane,
   fara sa ocupe mult din inaltimea utila a editorului.
========================================================= */
@media (min-width:1180px){
  .fcx-editor-page .fcx-editor-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:16px;
    margin:4px 0 10px;
    padding:14px 22px;
    border-radius:22px;
    min-height:0;
    box-shadow:0 12px 28px rgba(0,0,0,.07), inset 0 1px 0 rgba(255,255,255,.9);
  }
  .fcx-editor-page .fcx-editor-hero .fcx-eyebrow{
    margin:0 0 5px;
    padding:5px 11px;
    font-size:11px;
  }
  .fcx-editor-page .fcx-editor-hero h1{
    margin:0 0 4px;
    font-size:clamp(24px,2vw,34px);
    line-height:1.08;
  }
  .fcx-editor-page .fcx-editor-hero p{
    max-width:820px;
    font-size:14px;
    line-height:1.45;
  }
  .fcx-editor-page .fcx-editor-hero .fcx-mini-actions{
    justify-content:flex-end;
    gap:8px;
  }
  .fcx-editor-page .fcx-editor-hero .fcx-btn{
    min-height:42px;
    padding:11px 16px;
    box-shadow:0 8px 18px rgba(0,0,0,.09);
  }
  .fcx-editor-page .fcx-workspace{
    --fcx-studio-height:clamp(500px, calc(100vh - 228px), 705px);
  }
}

@media (min-width:1180px) and (max-height:740px){
  .fcx-editor-page .fcx-editor-hero{
    margin:3px 0 8px;
    padding:10px 16px;
    border-radius:18px;
  }
  .fcx-editor-page .fcx-editor-hero .fcx-eyebrow,
  .fcx-editor-page .fcx-editor-hero p{
    display:none;
  }
  .fcx-editor-page .fcx-editor-hero h1{
    font-size:22px;
    margin:0;
  }
  .fcx-editor-page .fcx-editor-hero .fcx-btn{
    min-height:36px;
    padding:9px 13px;
    font-size:13px;
  }
  .fcx-editor-page .fcx-workspace{
    --fcx-studio-height:clamp(485px, calc(100vh - 168px), 670px);
  }
}

/* =========================================================
   Banner editor aliniat strict cu cele 4 coloane
   Cardul explicativ nu mai ocupa toata latimea paginii, ci exact zona studioului.
========================================================= */
@media (min-width:1180px){
  .fcx-editor-page .fcx-editor-main{
    --fcx-editor-col-1:clamp(220px,16vw,300px);
    --fcx-editor-col-2:clamp(500px,42vw,720px);
    --fcx-editor-col-3:clamp(230px,16vw,300px);
    --fcx-editor-col-4:clamp(220px,15vw,290px);
    --fcx-editor-gap:10px;
    --fcx-editor-grid-width:min(100%, calc(var(--fcx-editor-col-1) + var(--fcx-editor-col-2) + var(--fcx-editor-col-3) + var(--fcx-editor-col-4) + (var(--fcx-editor-gap) * 3)));
  }
  .fcx-editor-page .fcx-workspace{
    grid-template-columns:var(--fcx-editor-col-1) var(--fcx-editor-col-2) var(--fcx-editor-col-3) var(--fcx-editor-col-4);
    gap:var(--fcx-editor-gap);
  }
  .fcx-editor-page .fcx-editor-hero{
    width:var(--fcx-editor-grid-width);
    max-width:var(--fcx-editor-grid-width);
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box;
  }
}

/* =========================================================
   Ajustari mobile: selector culoare font + centrare buton stergere
========================================================= */
.fcx-editor-page .fcx-form-grid{
  grid-template-columns:minmax(0,1fr) 78px;
  align-items:center;
}
.fcx-editor-page #textColor{
  height:46px!important;
  min-width:78px;
  padding:5px!important;
  border-radius:16px!important;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(22,29,37,.10), inset 0 1px 0 rgba(255,255,255,.75);
}
.fcx-editor-page #textColor::-webkit-color-swatch-wrapper{
  padding:0;
}
.fcx-editor-page #textColor::-webkit-color-swatch{
  border:0;
  border-radius:12px;
  min-height:32px;
}
.fcx-editor-page #textColor::-moz-color-swatch{
  border:0;
  border-radius:12px;
}
.fcx-editor-page #deleteSelectedBtn{
  display:flex!important;
  align-items:center;
  justify-content:center;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:1179.98px){
  .fcx-editor-page .fcx-form-grid{
    grid-template-columns:minmax(0,1fr) 78px!important;
    gap:10px!important;
  }
  .fcx-editor-page #textColor{
    width:78px!important;
    height:46px!important;
  }
  .fcx-editor-page .fcx-panel select{
    height:46px!important;
  }
  .fcx-editor-page #deleteSelectedBtn{
    width:min(100%,360px)!important;
  }
}

/* =========================================================
   FAM Craft - comenzi luxury/glass + zoom 3D in panoul de editare
========================================================= */
.fcx-editor-page .fcx-lux-control-deck{
  margin-top:8px;
  padding:10px;
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.95) 0, rgba(255,255,255,0) 34%),
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,243,224,.62));
  border:1px solid rgba(255,173,51,.34);
  box-shadow:
    0 18px 42px rgba(235,122,0,.10),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(255,173,51,.18);
  backdrop-filter:blur(14px);
}
.fcx-editor-page .fcx-zoom-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 10px;
}
.fcx-editor-page .fcx-zoom-grid button,
.fcx-editor-page .fcx-lux-grid button{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,173,51,.54)!important;
  border-radius:18px!important;
  min-height:42px;
  padding:9px 10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,248,239,.88) 44%, rgba(255,231,194,.88) 100%)!important;
  color:#bd5b00!important;
  font-weight:950!important;
  letter-spacing:.01em;
  text-shadow:0 1px 0 rgba(255,255,255,.85);
  box-shadow:
    0 12px 24px rgba(235,122,0,.13),
    inset 0 2px 0 rgba(255,255,255,.90),
    inset 0 -10px 18px rgba(255,138,0,.08)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease;
}
.fcx-editor-page .fcx-zoom-grid button:before,
.fcx-editor-page .fcx-lux-grid button:before{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:5px;
  height:34%;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,0));
  pointer-events:none;
}
.fcx-editor-page .fcx-zoom-grid button:hover,
.fcx-editor-page .fcx-lux-grid button:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  border-color:rgba(255,138,0,.82)!important;
  box-shadow:
    0 18px 34px rgba(235,122,0,.20),
    inset 0 2px 0 rgba(255,255,255,.95),
    inset 0 -12px 20px rgba(255,138,0,.10)!important;
}
.fcx-editor-page .fcx-zoom-grid button:active,
.fcx-editor-page .fcx-lux-grid button:active{
  transform:translateY(1px) scale(.985);
}
.fcx-editor-page .fcx-zoom-grid button{
  background:
    linear-gradient(135deg, rgba(255,173,51,.98), rgba(255,138,0,.98))!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(102,50,0,.28);
  border-color:rgba(255,194,111,.76)!important;
  box-shadow:
    0 14px 30px rgba(235,122,0,.28),
    inset 0 2px 0 rgba(255,255,255,.44),
    inset 0 -10px 18px rgba(145,68,0,.14)!important;
}
.fcx-editor-page .fcx-lux-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:8px!important;
  margin:0 0 10px;
}
.fcx-editor-page .fcx-lux-grid button span{
  display:inline-flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  margin-right:5px;
  border-radius:50%;
  background:rgba(255,138,0,.12);
  color:#e47400;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.fcx-editor-page .fcx-move-grid{
  margin-top:0;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,138,0,.18) 0,rgba(255,138,0,.10) 30%,rgba(255,255,255,0) 68%),
    linear-gradient(145deg, rgba(255,255,255,.68), rgba(255,244,225,.42));
}
.fcx-editor-page .fcx-move-grid button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,248,239,.90) 42%, rgba(255,232,199,.90) 100%)!important;
  box-shadow:
    0 12px 24px rgba(235,122,0,.13),
    inset 0 2px 0 rgba(255,255,255,.9),
    inset 0 -10px 18px rgba(255,138,0,.08)!important;
}
@media (min-width:1180px){
  .fcx-editor-page .fcx-lux-control-deck{padding:8px;border-radius:20px;}
  .fcx-editor-page .fcx-zoom-grid,
  .fcx-editor-page .fcx-lux-grid{gap:6px!important;margin-bottom:8px;}
  .fcx-editor-page .fcx-zoom-grid button,
  .fcx-editor-page .fcx-lux-grid button{min-height:34px;padding:7px 8px;border-radius:14px!important;font-size:12px;}
  .fcx-editor-page .fcx-lux-grid button span{width:19px;height:19px;margin-right:4px;}
}
@media (max-width:560px){
  .fcx-editor-page .fcx-lux-control-deck{padding:8px;border-radius:18px;}
  .fcx-editor-page .fcx-zoom-grid button,
  .fcx-editor-page .fcx-lux-grid button{min-height:40px;font-size:13px;}
}


/* =========================================================
   FAM Craft - buton stergere inclus in chenarul luxury
   + border negru 1px pe grupul de controale
========================================================= */
.fcx-editor-page .fcx-lux-control-deck{
  border:1px solid #000!important;
}
.fcx-editor-page .fcx-delete-in-deck{
  width:100%!important;
  margin:12px auto 0!important;
  min-height:42px;
  border:1px solid rgba(229,57,53,.38)!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,241,241,.92) 46%, rgba(255,229,229,.92) 100%)!important;
  color:#e53935!important;
  font-weight:950!important;
  text-align:center!important;
  align-items:center;
  justify-content:center;
  box-shadow:
    0 14px 28px rgba(229,57,53,.12),
    inset 0 2px 0 rgba(255,255,255,.94),
    inset 0 -10px 18px rgba(229,57,53,.06)!important;
}
.fcx-editor-page .fcx-delete-in-deck:hover{
  transform:translateY(-2px);
  border-color:rgba(229,57,53,.62)!important;
  box-shadow:
    0 18px 34px rgba(229,57,53,.18),
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -12px 20px rgba(229,57,53,.08)!important;
}
.fcx-editor-page .fcx-delete-in-deck:active{
  transform:translateY(1px) scale(.985);
}
@media (min-width:1180px){
  .fcx-editor-page .fcx-edit-side #deleteSelectedBtn.fcx-delete-in-deck{
    margin-top:10px!important;
  }
}
@media (max-width:1179.98px){
  .fcx-editor-page #deleteSelectedBtn.fcx-delete-in-deck{
    width:100%!important;
    max-width:360px;
  }
}

/* =========================================================
   FAM Craft - mobile sticky 3D preview
   Doar pe mobil/tableta mica: tricoul ramane vizibil sub header
   in timp ce userul deruleaza optiunile de personalizare.
   Desktop-ul ramane neatins.
========================================================= */
@media (max-width:991.98px){
  .fcx-editor-page{
    --fcx-mobile-sticky-top:76px;
  }
  .fcx-editor-page .fcx-editor-main{
    width:min(100% - 12px,1500px);
    margin-top:12px;
  }
  .fcx-editor-page .fcx-workspace{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    overflow:visible!important;
  }
  .fcx-editor-page .fcx-stage-wrap{
    order:-1;
    position:-webkit-sticky;
    position:sticky;
    top:var(--fcx-mobile-sticky-top);
    z-index:7600;
    width:100%;
    max-width:none;
    margin:0 0 10px;
    pointer-events:auto;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-panel{
    margin:0;
    padding:7px;
    border-radius:22px;
    background:linear-gradient(180deg,#ffffff 0%,#fff8ef 100%);
    box-shadow:0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.92);
  }
  .fcx-editor-page .fcx-3d-head,
  .fcx-editor-page .fcx-tip-3d{
    display:none!important;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-viewer{
    height:clamp(205px,32vh,285px)!important;
    min-height:0!important;
    border-radius:18px!important;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-viewer canvas{
    border-radius:18px!important;
  }
  .fcx-editor-page .fcx-tools,
  .fcx-editor-page .fcx-edit-side,
  .fcx-editor-page .fcx-final-side{
    position:relative;
    z-index:1;
  }
  .fcx-editor-page .fcx-editor-hero{
    margin-bottom:10px;
  }
  .fcx-editor-page .fcx-panel{
    scroll-margin-top:calc(var(--fcx-mobile-sticky-top) + 230px);
  }
}

@media (max-width:380px){
  .fcx-editor-page .fcx-stage-wrap{
    width:100%;
    max-width:none;
  }
  .fcx-editor-page.fcx-single-3d-mode .fcx-3d-viewer{
    height:clamp(190px,30vh,240px)!important;
  }
}

/* =========================================================
   FAM Craft - mobile sticky 3D preview full width
   Preview-ul tricoului are aceeasi latime ca panourile de comenzi.
========================================================= */

/* =========================================================
   FAM Craft - control deck premium v2
   Border gradient 2px + pictograme mai mari + aspect mai premium.
========================================================= */
.fcx-editor-page .fcx-lux-control-deck{
  position:relative;
  isolation:isolate;
  margin-top:10px;
  padding:12px;
  overflow:hidden;
  border:2px solid transparent!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98) 0%,rgba(255,249,240,.95) 45%,rgba(255,237,210,.90) 100%) padding-box,
    linear-gradient(135deg,#eb7a00 0%,#ffac31 32%,#fff0bd 50%,#ff8a00 68%,#f54927 100%) border-box!important;
  box-shadow:
    0 24px 54px rgba(235,122,0,.18),
    0 14px 28px rgba(18,24,33,.08),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.fcx-editor-page .fcx-lux-control-deck:before{
  content:"";
  position:absolute;
  z-index:0;
  left:-55px;
  right:-55px;
  top:-70px;
  height:132px;
  background:
    radial-gradient(circle at 25% 36%,rgba(255,255,255,.96) 0,rgba(255,255,255,.55) 30%,rgba(255,255,255,0) 62%),
    radial-gradient(circle at 73% 38%,rgba(255,172,49,.42) 0,rgba(255,172,49,0) 56%);
  pointer-events:none;
}
.fcx-editor-page .fcx-lux-control-deck:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:3px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.66);
  pointer-events:none;
}
.fcx-editor-page .fcx-lux-control-deck > *{
  position:relative;
  z-index:1;
}
.fcx-editor-page .fcx-zoom-grid,
.fcx-editor-page .fcx-lux-grid{
  gap:9px!important;
  margin-bottom:11px!important;
}
.fcx-editor-page .fcx-zoom-grid button,
.fcx-editor-page .fcx-lux-grid button,
.fcx-editor-page .fcx-move-grid button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px;
  min-height:46px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,154,24,.58)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,250,243,.94) 42%,rgba(255,232,199,.92) 100%)!important;
  color:#b95500!important;
  font-weight:950!important;
  box-shadow:
    0 14px 28px rgba(235,122,0,.14),
    inset 0 2px 0 rgba(255,255,255,.94),
    inset 0 -12px 18px rgba(255,138,0,.08)!important;
}
.fcx-editor-page .fcx-zoom-grid button{
  min-height:48px!important;
  background:linear-gradient(135deg,#ffac31 0%,#eb7a00 52%,#f54927 100%)!important;
  color:#fff!important;
  border-color:rgba(255,214,153,.88)!important;
  text-shadow:0 1px 2px rgba(105,46,0,.34);
  box-shadow:
    0 16px 34px rgba(235,122,0,.30),
    inset 0 2px 0 rgba(255,255,255,.44),
    inset 0 -14px 22px rgba(116,44,0,.16)!important;
}
.fcx-editor-page .fcx-zoom-grid button:hover,
.fcx-editor-page .fcx-lux-grid button:hover,
.fcx-editor-page .fcx-move-grid button:hover{
  transform:translateY(-2px);
  filter:saturate(1.08) brightness(1.01);
  border-color:rgba(245,73,39,.70)!important;
  box-shadow:
    0 20px 38px rgba(235,122,0,.22),
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -14px 22px rgba(255,138,0,.10)!important;
}
.fcx-editor-page .fcx-btn-icon,
.fcx-editor-page .fcx-lux-grid button > span:first-child{
  flex:0 0 auto;
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  border-radius:14px;
  font-size:20px;
  line-height:1;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,241,218,.84));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 7px 14px rgba(235,122,0,.13);
}
.fcx-editor-page .fcx-zoom-grid .fcx-btn-icon{
  width:34px;
  height:34px;
  border-radius:15px;
  font-size:21px;
  background:rgba(255,255,255,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 8px 18px rgba(116,44,0,.16);
}
.fcx-editor-page .fcx-move-grid{
  width:min(100%,282px)!important;
  margin:2px auto 12px!important;
  padding:11px 8px!important;
  gap:8px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,138,0,.24) 0,rgba(255,138,0,.11) 29%,rgba(255,255,255,0) 67%),
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,240,216,.52))!important;
}
.fcx-editor-page .fcx-move-grid:before{
  inset:31px 24px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,154,24,.42)!important;
  background:linear-gradient(135deg,rgba(255,173,51,.18),rgba(255,255,255,.72))!important;
}
.fcx-editor-page .fcx-move-grid:after{
  width:48px!important;
  height:48px!important;
  font-size:18px!important;
  background:linear-gradient(135deg,#ffac31 0%,#ff8a00 45%,#f54927 100%)!important;
  box-shadow:
    0 14px 26px rgba(235,122,0,.30),
    inset 0 2px 0 rgba(255,255,255,.40)!important;
}
.fcx-editor-page .fcx-move-grid button{
  min-height:48px!important;
  padding:6px!important;
}
.fcx-editor-page .fcx-move-grid .fcx-btn-icon{
  width:34px;
  height:34px;
  border-radius:15px;
  font-size:22px;
  background:linear-gradient(180deg,#ffffff 0%,#fff0d9 100%);
}
.fcx-editor-page .fcx-delete-in-deck{
  min-height:46px!important;
  margin-top:14px!important;
  border-radius:22px!important;
  border:1px solid rgba(245,73,39,.42)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,244,244,.94) 45%,rgba(255,225,225,.92) 100%)!important;
  box-shadow:
    0 16px 30px rgba(229,57,53,.13),
    inset 0 2px 0 rgba(255,255,255,.96),
    inset 0 -12px 18px rgba(229,57,53,.07)!important;
}
@media (min-width:1180px){
  .fcx-editor-page .fcx-lux-control-deck{padding:10px;border-radius:26px!important;}
  .fcx-editor-page .fcx-zoom-grid,
  .fcx-editor-page .fcx-lux-grid{gap:7px!important;margin-bottom:9px!important;}
  .fcx-editor-page .fcx-zoom-grid button,
  .fcx-editor-page .fcx-lux-grid button{min-height:38px!important;padding:6px 8px!important;font-size:12px!important;border-radius:16px!important;}
  .fcx-editor-page .fcx-btn-icon,
  .fcx-editor-page .fcx-lux-grid button > span:first-child{width:26px;height:26px;font-size:17px;border-radius:12px;}
  .fcx-editor-page .fcx-zoom-grid .fcx-btn-icon{width:28px;height:28px;font-size:18px;}
  .fcx-editor-page .fcx-move-grid{width:min(100%,260px)!important;gap:6px!important;padding:8px 7px!important;}
  .fcx-editor-page .fcx-move-grid:before{inset:25px 22px!important;border-radius:20px!important;}
  .fcx-editor-page .fcx-move-grid:after{width:40px!important;height:40px!important;font-size:15px!important;}
  .fcx-editor-page .fcx-move-grid button{min-height:40px!important;border-radius:16px!important;}
  .fcx-editor-page .fcx-move-grid .fcx-btn-icon{width:28px;height:28px;font-size:19px;border-radius:12px;}
}
@media (max-width:560px){
  .fcx-editor-page .fcx-lux-control-deck{padding:10px;border-radius:24px!important;}
  .fcx-editor-page .fcx-zoom-grid,
  .fcx-editor-page .fcx-lux-grid{gap:7px!important;margin-bottom:9px!important;}
  .fcx-editor-page .fcx-zoom-grid button,
  .fcx-editor-page .fcx-lux-grid button{min-height:42px!important;padding:7px 8px!important;font-size:12.5px!important;border-radius:18px!important;}
  .fcx-editor-page .fcx-btn-icon,
  .fcx-editor-page .fcx-lux-grid button > span:first-child{width:28px;height:28px;font-size:18px;border-radius:12px;}
  .fcx-editor-page .fcx-zoom-grid .fcx-btn-icon{width:30px;height:30px;font-size:19px;}
  .fcx-editor-page .fcx-move-grid{width:min(100%,260px)!important;padding:9px 7px!important;gap:6px!important;}
  .fcx-editor-page .fcx-move-grid:before{inset:27px 22px!important;border-radius:21px!important;}
  .fcx-editor-page .fcx-move-grid:after{width:42px!important;height:42px!important;font-size:16px!important;}
  .fcx-editor-page .fcx-move-grid button{min-height:42px!important;border-radius:17px!important;}
  .fcx-editor-page .fcx-move-grid .fcx-btn-icon{width:30px;height:30px;font-size:20px;border-radius:13px;}
  .fcx-editor-page .fcx-delete-in-deck{min-height:44px!important;margin-top:12px!important;font-size:12.5px!important;}
}


/* =========================================================
   FAM Craft - control deck premium v3 softer
   Titluri de sectiune + text negru pe butoane + border mai fin.
========================================================= */
.fcx-editor-page .fcx-lux-control-deck{
  padding:13px 12px!important;
  border:2px solid transparent!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(255,251,246,.96) 50%,rgba(255,244,231,.92) 100%) padding-box,
    linear-gradient(135deg,rgba(235,122,0,.58) 0%,rgba(255,172,49,.48) 32%,rgba(255,241,202,.92) 50%,rgba(255,138,0,.48) 72%,rgba(245,73,39,.42) 100%) border-box!important;
  box-shadow:
    0 18px 38px rgba(235,122,0,.11),
    0 10px 22px rgba(18,24,33,.055),
    inset 0 1px 0 rgba(255,255,255,.97)!important;
}
.fcx-editor-page .fcx-lux-control-deck:before{
  opacity:.52!important;
  background:
    radial-gradient(circle at 28% 36%,rgba(255,255,255,.86) 0,rgba(255,255,255,.42) 28%,rgba(255,255,255,0) 62%),
    radial-gradient(circle at 73% 38%,rgba(255,172,49,.24) 0,rgba(255,172,49,0) 58%)!important;
}
.fcx-editor-page .fcx-lux-control-deck:after{
  inset:4px!important;
  border-radius:23px!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
.fcx-editor-page .fcx-control-caption{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:9px;
  margin:0 0 8px;
  color:#111!important;
  font-size:12px;
  font-weight:950;
  line-height:1.2;
  letter-spacing:.055em;
  text-transform:uppercase;
  text-align:center;
}
.fcx-editor-page .fcx-control-caption:before,
.fcx-editor-page .fcx-control-caption:after{
  content:"";
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,172,49,0),rgba(255,172,49,.55),rgba(245,73,39,.22));
}
.fcx-editor-page .fcx-control-caption:after{
  background:linear-gradient(90deg,rgba(245,73,39,.22),rgba(255,172,49,.55),rgba(255,172,49,0));
}
.fcx-editor-page .fcx-control-caption-elements{
  margin:7px 0 8px;
}
.fcx-editor-page .fcx-zoom-grid button,
.fcx-editor-page .fcx-lux-grid button,
.fcx-editor-page .fcx-move-grid button{
  color:#111!important;
  text-shadow:none!important;
  border-color:rgba(255,154,24,.45)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,251,246,.96) 48%,rgba(255,239,216,.88) 100%)!important;
  box-shadow:
    0 10px 20px rgba(235,122,0,.095),
    inset 0 2px 0 rgba(255,255,255,.96),
    inset 0 -10px 16px rgba(255,138,0,.055)!important;
}
.fcx-editor-page .fcx-zoom-grid button{
  min-height:46px!important;
  background:
    linear-gradient(180deg,rgba(255,248,236,.98) 0%,rgba(255,232,193,.92) 100%)!important;
  border-color:rgba(235,122,0,.50)!important;
  box-shadow:
    0 12px 24px rgba(235,122,0,.15),
    inset 0 2px 0 rgba(255,255,255,.94),
    inset 0 -12px 18px rgba(255,138,0,.08)!important;
}
.fcx-editor-page .fcx-zoom-grid button:hover,
.fcx-editor-page .fcx-lux-grid button:hover,
.fcx-editor-page .fcx-move-grid button:hover{
  filter:none!important;
  transform:translateY(-1px)!important;
  border-color:rgba(235,122,0,.66)!important;
  box-shadow:
    0 15px 27px rgba(235,122,0,.16),
    inset 0 2px 0 rgba(255,255,255,.98),
    inset 0 -12px 18px rgba(255,138,0,.075)!important;
}
.fcx-editor-page .fcx-btn-icon,
.fcx-editor-page .fcx-lux-grid button > span:first-child{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:14px!important;
  font-size:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fff1dc 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 6px 12px rgba(235,122,0,.105)!important;
}
.fcx-editor-page .fcx-zoom-grid .fcx-btn-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  font-size:21px!important;
  background:linear-gradient(180deg,#ffffff 0%,#ffe9c7 100%)!important;
}
.fcx-editor-page .fcx-lux-grid{
  margin-bottom:12px!important;
}
.fcx-editor-page .fcx-delete-in-deck{
  color:#e53935!important;
}
@media (min-width:1180px){
  .fcx-editor-page .fcx-lux-control-deck{padding:11px 10px!important;}
  .fcx-editor-page .fcx-control-caption{font-size:11.5px!important;margin-bottom:7px!important;gap:7px!important;}
  .fcx-editor-page .fcx-zoom-grid,
  .fcx-editor-page .fcx-lux-grid{gap:7px!important;}
  .fcx-editor-page .fcx-zoom-grid button,
  .fcx-editor-page .fcx-lux-grid button{min-height:39px!important;padding:6px 8px!important;font-size:12px!important;}
  .fcx-editor-page .fcx-btn-icon,
  .fcx-editor-page .fcx-lux-grid button > span:first-child{width:30px!important;height:30px!important;min-width:30px!important;font-size:20px!important;}
  .fcx-editor-page .fcx-zoom-grid .fcx-btn-icon{width:30px!important;height:30px!important;min-width:30px!important;font-size:19px!important;}
}
@media (max-width:560px){
  .fcx-editor-page .fcx-lux-control-deck{padding:11px 10px!important;}
  .fcx-editor-page .fcx-control-caption{font-size:11.5px!important;margin-bottom:7px!important;gap:7px!important;}
  .fcx-editor-page .fcx-zoom-grid button,
  .fcx-editor-page .fcx-lux-grid button{font-size:12.5px!important;}
  .fcx-editor-page .fcx-btn-icon,
  .fcx-editor-page .fcx-lux-grid button > span:first-child{width:31px!important;height:31px!important;min-width:31px!important;font-size:21px!important;}
  .fcx-editor-page .fcx-zoom-grid .fcx-btn-icon{width:31px!important;height:31px!important;min-width:31px!important;font-size:20px!important;}
}

/* =========================================================
   FAM Craft - FIX 1306-0912
   Butonul "Sterge elementul selectat" ramane vizibil in panoul de editare.
   Problema aparea cand lista elementelor + zona de comenzi depaseau inaltimea coloanei.
========================================================= */
@media (min-width:1180px){
  .fcx-editor-page .fcx-edit-side{
    overflow:hidden!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-edit-dock{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-selection-box{
    flex:0 0 auto!important;
    padding:8px!important;
    margin-bottom:6px!important;
    border-radius:13px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-selection-title{
    margin-bottom:5px!important;
    font-size:12px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-element-list{
    max-height:64px!important;
    overflow-y:auto!important;
    gap:5px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-element-pill{
    min-height:34px!important;
    padding:7px 8px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-selected-info{
    margin-top:5px!important;
    line-height:1.2!important;
    font-size:11.5px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-tip-edit{
    display:none!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-lux-control-deck{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    padding:8px!important;
    margin-top:6px!important;
    border-radius:22px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-control-caption{
    font-size:10.5px!important;
    line-height:1.1!important;
    margin-bottom:4px!important;
    gap:5px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-control-caption-elements{
    margin:5px 0 5px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-zoom-grid,
  .fcx-editor-page .fcx-edit-side .fcx-lux-grid{
    flex:0 0 auto!important;
    gap:5px!important;
    margin-bottom:6px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-zoom-grid button,
  .fcx-editor-page .fcx-edit-side .fcx-lux-grid button{
    min-height:34px!important;
    padding:5px 6px!important;
    font-size:11px!important;
    border-radius:14px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-btn-icon,
  .fcx-editor-page .fcx-edit-side .fcx-lux-grid button > span:first-child{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    font-size:16px!important;
    border-radius:10px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-zoom-grid .fcx-btn-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    font-size:16px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-move-grid{
    flex:0 0 auto!important;
    width:min(100%,220px)!important;
    padding:5px!important;
    gap:4px!important;
    margin:1px auto 5px!important;
    border-radius:22px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-move-grid:before{
    inset:19px 17px!important;
    border-radius:17px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-move-grid:after{
    width:32px!important;
    height:32px!important;
    font-size:13px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-move-grid button{
    min-height:32px!important;
    padding:3px!important;
    border-radius:13px!important;
  }
  .fcx-editor-page .fcx-edit-side .fcx-move-grid .fcx-btn-icon{
    width:22px!important;
    height:22px!important;
    font-size:15px!important;
    border-radius:9px!important;
  }
  .fcx-editor-page .fcx-edit-side #deleteSelectedBtn.fcx-delete-in-deck{
    display:flex!important;
    flex:0 0 auto!important;
    min-height:36px!important;
    max-height:40px!important;
    margin:5px auto 0!important;
    padding:8px 10px!important;
    font-size:11.5px!important;
    border-radius:18px!important;
  }
}

/* =========================================================
   FAM Craft - FIX 1306-0926
   Coloana din stanga este compactata pe desktop ca pasul 4
   sa arate mereu fontul, culoarea si butonul Adauga text.
   In plus, ramane scroll intern ca protectie pe ecrane joase.
========================================================= */
@media (min-width:1180px){
  .fcx-editor-page .fcx-tools{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px!important;
    scrollbar-width:thin;
  }
  .fcx-editor-page .fcx-tools .fcx-tool-section{
    padding:5px 0!important;
  }
  .fcx-editor-page .fcx-tools .fcx-tool-section:first-child{
    padding-top:1px!important;
  }
  .fcx-editor-page .fcx-tools .fcx-tool-section h2{
    font-size:13px!important;
    margin-bottom:6px!important;
    line-height:1.15!important;
  }
  .fcx-editor-page .fcx-tools .fcx-swatches{
    gap:5px!important;
  }
  .fcx-editor-page .fcx-tools .fcx-swatch{
    height:27px!important;
    border-radius:9px!important;
  }
  .fcx-editor-page .fcx-tools .fcx-segmented button{
    min-height:31px!important;
    padding:6px 9px!important;
    font-size:11.5px!important;
  }
  .fcx-editor-page .fcx-tools .fcx-file-btn,
  .fcx-editor-page .fcx-tools .fcx-btn{
    min-height:32px!important;
    padding:7px 10px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .fcx-editor-page .fcx-tools .fcx-tip-privacy{
    display:none!important;
  }
  .fcx-editor-page .fcx-tools textarea{
    min-height:44px!important;
    max-height:50px!important;
    padding:7px 9px!important;
    font-size:12px!important;
  }
  .fcx-editor-page .fcx-tools .fcx-form-grid{
    grid-template-columns:minmax(0,1fr) 66px!important;
    gap:6px!important;
    margin:5px 0!important;
  }
  .fcx-editor-page .fcx-tools .fcx-panel select,
  .fcx-editor-page .fcx-tools select,
  .fcx-editor-page .fcx-tools #fontFamily{
    height:38px!important;
    min-height:38px!important;
    padding:6px 8px!important;
    font-size:12px!important;
    border-radius:13px!important;
  }
  .fcx-editor-page .fcx-tools #textColor{
    width:66px!important;
    min-width:66px!important;
    height:38px!important;
    min-height:38px!important;
    padding:4px!important;
    border-radius:13px!important;
  }
  .fcx-editor-page .fcx-tools #textColor::-webkit-color-swatch{
    min-height:28px!important;
    border-radius:10px!important;
  }
  .fcx-editor-page .fcx-tools .fcx-check{
    margin:4px 0!important;
    font-size:11.5px!important;
    line-height:1.2!important;
  }
}


/* =========================================================
   FAM Craft - FIX 1306-0934
   Ridica putin butonul "Sterge elementul selectat" in panoul de editare.
========================================================= */
@media (min-width:1180px){
  .fcx-editor-page .fcx-edit-side .fcx-move-grid{
    margin-bottom:0!important;
  }
  .fcx-editor-page .fcx-edit-side #deleteSelectedBtn.fcx-delete-in-deck{
    margin-top:0!important;
  }
}

/* =========================================================
   FAM Craft - FIX 1306-0942
   Centreaza vizual bulina portocalie din control-pad fata de cele 4 sageti.
========================================================= */
.fcx-editor-page .fcx-move-grid:after{
  left:calc(50% + 6px)!important;
}
@media (min-width:1180px){
  .fcx-editor-page .fcx-edit-side .fcx-move-grid:after{
    left:calc(50% + 6px)!important;
  }
}

/* === FAM CRAFT PERSONALIZARE SELECTOR POLISH 20260616 START ===
   Scop: casete cu dunga portocalie sus/jos + pictograme produs mai clare.
*/
.fcx-page .fcx-selector-hero,
.fcx-page .fcx-product-card,
.fcx-page .fcx-note-box{
  position:relative;
  overflow:hidden;
  border-color:rgba(235,122,0,.24);
}

/* Caseta principala: folosim background layered ca sa pastram cercul decorativ existent pe ::after. */
.fcx-page .fcx-selector-hero{
  background:
    linear-gradient(90deg,#ffad33 0%,#ff8a00 50%,#ffad33 100%) top/100% 5px no-repeat,
    linear-gradient(90deg,#ffad33 0%,#ff8a00 50%,#ffad33 100%) bottom/100% 5px no-repeat,
    radial-gradient(circle at top right,#fff1d9 0,#fff 40%,#f9fafb 100%);
}
.fcx-page .fcx-selector-hero:before{
  display:none;
}

/* Cardurile de produs aveau deja dunga sus; adaugam aceeasi dunga si jos. */
.fcx-page .fcx-product-card:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:5px;
  background:linear-gradient(90deg,#ffad33 0%,#ff8a00 50%,#ffad33 100%);
  z-index:6;
  pointer-events:none;
}

/* Caseta Important primeste dunga sus si jos, ca sa nu ramana diferita de restul. */
.fcx-page .fcx-note-box:before,
.fcx-page .fcx-note-box:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,#ffad33 0%,#ff8a00 50%,#ffad33 100%);
  pointer-events:none;
}
.fcx-page .fcx-note-box:before{top:0;}
.fcx-page .fcx-note-box:after{bottom:0;}

/* Pictograme produs: contrast mai mare, fundal cald si produsul mai citibil. */
.fcx-page .fcx-card-art{
  height:260px;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,255,255,.98) 0 34%,rgba(255,244,226,.95) 35% 54%,rgba(255,173,51,.24) 55% 72%,rgba(255,255,255,0) 73%),
    linear-gradient(135deg,#fffaf3 0%,#fff 42%,#f2f4f7 100%);
  isolation:isolate;
}
.fcx-page .fcx-card-art:before,
.fcx-page .fcx-card-art:after{
  transition:transform .22s ease, filter .22s ease, box-shadow .22s ease;
}
.fcx-page .fcx-product-card:hover .fcx-card-art:before,
.fcx-page .fcx-product-card:hover .fcx-card-art:after{
  transform:translateY(-3px) scale(1.025);
}

/* Tricou: mai mare, margine definita si gri mai inchis la umbra, ca sa nu se piarda pe alb. */
.fcx-page .fcx-card-shirt:before{
  width:218px;
  height:242px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.75) 0 16%,rgba(255,255,255,0) 17%),
    radial-gradient(circle at 47% 24%,#ffffff 0%,#fafafa 22%,#e5e7eb 70%,#cfd4da 100%);
  box-shadow:
    inset 18px 0 28px rgba(255,255,255,.68),
    inset -20px 0 32px rgba(0,0,0,.12),
    inset 0 0 0 3px rgba(235,122,0,.28),
    0 24px 32px rgba(0,0,0,.22);
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.22));
}
.fcx-page .fcx-card-shirt:after{
  border-color:rgba(235,122,0,.34);
  background:rgba(255,255,255,.45);
  box-shadow:0 8px 14px rgba(0,0,0,.06);
}

/* Cana: corp mai volumetric, buza portocalie vizibila si maner mai clar. */
.fcx-page .fcx-card-mug:before{
  width:154px;
  height:178px;
  border-radius:18px 18px 28px 28px;
  background:
    radial-gradient(ellipse at 50% 11%,#ffad33 0 31%,#eb7a00 32% 37%,rgba(255,255,255,.96) 38% 49%,transparent 50%),
    linear-gradient(105deg,#ffffff 0%,#fafafa 42%,#dfe3e8 100%);
  box-shadow:
    inset 18px 0 26px rgba(255,255,255,.78),
    inset -18px 0 26px rgba(0,0,0,.10),
    inset 0 0 0 3px rgba(235,122,0,.22),
    0 24px 32px rgba(0,0,0,.22);
  z-index:2;
}
.fcx-page .fcx-card-mug:after{
  width:78px;
  height:98px;
  border:19px solid #dfe3e8;
  border-left:0;
  border-radius:0 58px 58px 0;
  right:74px;
  top:80px;
  box-shadow:inset -5px 0 0 rgba(255,255,255,.6),0 12px 20px rgba(0,0,0,.13);
  z-index:1;
}

/* Ardezie: fata deschisa, margine inchisa si forma usor neregulata, mai aproape de produsul real. */
.fcx-page .fcx-card-slate:before{
  width:210px;
  height:158px;
  border-radius:20px;
  clip-path:polygon(4% 12%,12% 3%,30% 5%,42% 0%,58% 5%,73% 2%,88% 8%,97% 20%,94% 42%,99% 60%,92% 86%,76% 96%,57% 92%,42% 100%,25% 94%,11% 98%,2% 82%,6% 60%,0% 42%);
  background:linear-gradient(135deg,#16191d 0%,#2a2e34 46%,#555d66 100%);
  box-shadow:0 24px 32px rgba(0,0,0,.28),inset 0 0 0 2px rgba(0,0,0,.28);
}
.fcx-page .fcx-card-slate:after{
  width:160px;
  height:110px;
  border-radius:14px;
  clip-path:polygon(5% 10%,16% 3%,36% 6%,50% 1%,68% 6%,86% 4%,96% 17%,94% 82%,80% 95%,58% 91%,44% 99%,24% 92%,9% 96%,2% 80%,5% 50%);
  background:
    linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,0) 40%),
    linear-gradient(135deg,#fbfbfb 0%,#eeeeee 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.7),0 12px 18px rgba(0,0,0,.16);
}

@media (max-width:560px){
  .fcx-page .fcx-card-art{height:205px;}
  .fcx-page .fcx-card-shirt:before{width:164px;height:184px;}
  .fcx-page .fcx-card-shirt:after{top:44px;width:54px;height:24px;}
  .fcx-page .fcx-card-mug:before{width:120px;height:140px;}
  .fcx-page .fcx-card-mug:after{width:58px;height:74px;border-width:14px;right:calc(50% - 110px);top:66px;}
  .fcx-page .fcx-card-slate:before{width:166px;height:126px;}
  .fcx-page .fcx-card-slate:after{width:126px;height:86px;}
}
/* === FAM CRAFT PERSONALIZARE SELECTOR POLISH 20260616 END === */

/* Hover specific, ca sa nu pierdem rotatia/centrarea pictogramelor definite cu transform. */
.fcx-page .fcx-product-card:hover .fcx-card-shirt:before{transform:translateY(-3px) scale(1.025);}
.fcx-page .fcx-product-card:hover .fcx-card-shirt:after{transform:translateX(-50%) translateY(-3px) scale(1.025);}
.fcx-page .fcx-product-card:hover .fcx-card-mug:before{transform:translateY(-3px) scale(1.025);}
.fcx-page .fcx-product-card:hover .fcx-card-mug:after{transform:translateY(-3px) scale(1.025);}
.fcx-page .fcx-product-card:hover .fcx-card-slate:before{transform:translateY(-3px) rotate(-5deg) scale(1.025);}
.fcx-page .fcx-product-card:hover .fcx-card-slate:after{transform:translateY(-3px) rotate(-5deg) scale(1.025);}

/* === FAM CRAFT PERSONALIZARE SELECTOR LAB PHOTOS 20260616 START ===
   Inlocuieste pictogramele CSS cu imagini wide din img/laborator-*.png.
*/
.fcx-page .fcx-card-photo{
  height:260px;
  padding:0;
  background:#111;
  overflow:hidden;
  border-bottom:1px solid rgba(235,122,0,.18);
}
.fcx-page .fcx-card-photo:before,
.fcx-page .fcx-card-photo:after{
  display:none!important;
  content:none!important;
}
.fcx-page .fcx-card-photo picture{display:block;width:100%;height:100%;}
.fcx-page .fcx-card-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
  transition:transform .28s ease, filter .28s ease;
}
.fcx-page .fcx-product-card:hover .fcx-card-photo img{
  transform:scale(1.055);
  filter:saturate(1.08) contrast(1.04);
}
@media (max-width:560px){
  .fcx-page .fcx-card-photo{height:205px;}
}
/* === FAM CRAFT PERSONALIZARE SELECTOR LAB PHOTOS 20260616 END === */


/* Dropdownuri custom pentru editor: forme ardezie + fonturi - varianta eleganta */
.fcx-editor-page .fcx-tools{overflow:visible;}
.fcx-editor-page .fcx-tool-section{position:relative;}
.fcx-select-native{display:none!important;}
.fcx-smart-select{position:relative;width:100%;font-family:'Open Sans',Arial,sans-serif;z-index:20;}
.fcx-smart-select.is-open{z-index:80;}
.fcx-smart-select-trigger{
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(235,122,0,.55);
  border-radius:14px;
  padding:8px 38px 8px 13px;
  background:linear-gradient(180deg,#fffdf8 0%,#fff7ed 100%);
  color:#303844;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  text-align:left;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.055), inset 0 1px 0 rgba(255,255,255,.95);
  transition:box-shadow .16s ease,border-color .16s ease,background .16s ease,transform .16s ease;
}
.fcx-smart-select-trigger:hover,
.fcx-smart-select.is-open .fcx-smart-select-trigger{
  border-color:#ff8a00;
  background:linear-gradient(180deg,#fff9ef 0%,#fff1df 100%);
  box-shadow:0 9px 22px rgba(235,122,0,.14), inset 0 1px 0 rgba(255,255,255,.95);
}
.fcx-smart-select-trigger:active{transform:translateY(1px);}
.fcx-smart-select-icon,
.fcx-smart-select-option-icon{display:none!important;}
.fcx-smart-select-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fcx-smart-select-arrow{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-52%);
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,138,0,.12);
  color:#eb7a00;
  font-size:15px;
  line-height:1;
  font-weight:900;
  transition:transform .16s ease,background .16s ease,color .16s ease;
}
.fcx-smart-select.is-open .fcx-smart-select-arrow{
  transform:translateY(-50%) rotate(180deg);
  background:#ff8a00;
  color:#fff;
}
.fcx-smart-select-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  display:none;
  max-height:250px;
  overflow:auto;
  padding:7px;
  border:1px solid rgba(20,20,20,.28);
  border-radius:15px;
  background:rgba(255,253,248,.98);
  box-shadow:0 18px 38px rgba(0,0,0,.16),0 6px 18px rgba(235,122,0,.12);
  backdrop-filter:blur(8px);
}
.fcx-smart-select.is-open .fcx-smart-select-menu{display:block;}
.fcx-smart-select-option{
  width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  gap:0;
  margin:0 0 4px;
  padding:8px 11px;
  border:1px solid rgba(0,0,0,.075);
  border-radius:11px;
  background:linear-gradient(180deg,#fff 0%,#fffaf2 100%);
  color:#303844;
  font-size:13px;
  font-weight:750;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease;
}
.fcx-smart-select-option:last-child{margin-bottom:0;}
.fcx-smart-select-option:hover,
.fcx-smart-select-option:focus{
  outline:0;
  border-color:rgba(235,122,0,.38);
  background:#fff3df;
  color:#1f2933;
  transform:translateX(1px);
}
.fcx-smart-select-option.is-active{
  border-color:#ff8a00;
  background:linear-gradient(90deg,#ff8a00 0%,#ffad33 100%);
  color:#fff;
  box-shadow:0 7px 15px rgba(235,122,0,.20);
}
.fcx-smart-select-option-text{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.fcx-smart-select-font .fcx-smart-select-trigger{min-height:38px;font-size:12.5px;font-weight:750;}
.fcx-smart-select-font .fcx-smart-select-option{min-height:32px;font-size:12.5px;font-weight:700;}
.fcx-smart-select-font .fcx-smart-select-option-text{font-size:12.5px;}
.fcx-smart-select-shape .fcx-smart-select-trigger{font-size:13px;}
.fcx-smart-select-shape .fcx-smart-select-option{font-size:13px;}
@media (max-width:560px){
  .fcx-smart-select-trigger{min-height:39px;border-radius:13px;font-size:12.5px;padding:8px 36px 8px 12px;}
  .fcx-smart-select-menu{max-height:230px;border-radius:14px;padding:6px;}
  .fcx-smart-select-option{min-height:32px;border-radius:10px;padding:7px 10px;font-size:12.5px;margin-bottom:4px;}
  .fcx-smart-select-font .fcx-smart-select-option,
  .fcx-smart-select-font .fcx-smart-select-option-text{font-size:12px;}
}