/* VENTO + Fancy Product Designer — stepped studio (desktop & mobile) */
.vento-studio-page{
  /* Match site tokens from style.css */
  --ink:var(--midnight,#06101f);
  --accent:var(--cyan,#009ab4);
  --accent-2:var(--cyan-2,#19b7cf);
  --gutter: clamp(12px, 3.5vw, 24px);
  background:
    radial-gradient(1000px 380px at 92% -4%, rgba(0,154,180,.14), transparent 58%),
    radial-gradient(720px 300px at 0% 36%, rgba(6,16,31,.05), transparent 52%),
    linear-gradient(180deg,#f4f7f9 0%, #eef2f5 42%, #f7f9fb 100%);
  padding-bottom: env(safe-area-inset-bottom,0);
  font-family:"Vazirmatn","IRANSans",Tahoma,"Segoe UI",sans-serif;
}
.vento-studio-page .page-hero{
  padding: clamp(14px,3.5vw,40px) 0 10px;
  background:
    radial-gradient(900px 360px at 88% 0%, rgba(122,240,216,.22), transparent 55%),
    radial-gradient(700px 280px at 8% 80%, rgba(0,154,180,.18), transparent 50%),
    linear-gradient(165deg,#0b1830 0%,#0a2038 52%, #06101f 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.vento-studio-page .page-hero--studio{ padding-block: clamp(12px,3vw,28px) 8px; }
.vento-studio-page .page-hero::after{
  content:""; position:absolute; inset:auto 0 0 0; height:18px;
  background:linear-gradient(180deg,transparent,#f3f6f8);
  pointer-events:none;
}
.vento-studio-page .page-hero .container{ padding-inline: var(--gutter); position:relative; z-index:1; }
.vento-studio-page .page-hero .eyebrow{
  display:inline-block; font-size:10px; font-weight:900; letter-spacing:.18em;
  color:#19b7cf; margin-bottom:6px; text-transform:uppercase;
}
.vento-studio-page .page-hero h1{
  margin:0 0 6px; font-size:clamp(1.35rem,4.8vw,2.2rem); letter-spacing:-.035em;
  font-weight:900; line-height:1.2;
}
.vento-studio-page .page-hero .section-copy{
  margin:0; max-width:34em; color:rgba(255,255,255,.8);
  font-size:clamp(13px,3.2vw,15px); line-height:1.6;
}
.vento-studio-page .studio-section{ padding-top:4px; padding-bottom:calc(88px + env(safe-area-inset-bottom,0)); }
.vento-studio-page .studio-section .container{ max-width:min(1180px,100%); padding-inline:var(--gutter); }
@media (max-width:720px){
  .vento-studio-page .page-hero--studio .section-copy{ display:none; }
  .vento-studio-page .page-hero--studio h1{ font-size:1.25rem; margin:0; }
}

.vento-fpd-missing{ margin:20px auto; padding:18px; border-radius:16px; background:#fff; border:1px dashed rgba(8,20,38,.18); text-align:center; color:#546074; line-height:1.7; }
.vento-fpd-toolbar{ display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; margin:0 0 12px; padding:12px 14px; border-radius:14px; background:#fff; border:1px solid rgba(8,20,38,.08); font-size:13px; color:#334; }
.vento-fpd-toolbar__back{ font-weight:800; color:#0a7a6a; text-decoration:none; }

/* Steps — mobile-first configurator */
.vento-fpd-steps{ margin:4px auto 24px; }
.vento-fpd-steps__nav{
  list-style:none; margin:0 0 12px; padding:4px;
  display:grid; grid-template-columns:repeat(3,1fr); gap:6px;
  background:rgba(255,255,255,.88); border:1px solid rgba(8,20,38,.08);
  border-radius:999px; box-shadow:0 8px 22px rgba(6,16,31,.05);
}
.vento-fpd-steps__nav li{
  display:flex; align-items:center; gap:8px; justify-content:center;
  padding:10px 8px; border-radius:999px; background:transparent; border:0;
  font-size:clamp(12px,3vw,13.5px); font-weight:800; color:#667184;
  cursor:pointer; transition: background .2s, color .2s, transform .15s;
  user-select:none; min-height:44px; touch-action:manipulation;
}
.vento-fpd-steps__nav li:hover{ color:var(--ink); }
.vento-fpd-steps__nav li em{ font-style:normal; font-weight:800; color:inherit; }
.vento-fpd-steps__nav li span{
  flex:0 0 auto; width:24px; height:24px; border-radius:50%; display:grid; place-items:center;
  background:#e8eef3; font-size:11px; font-weight:900;
}
.vento-fpd-steps__nav li.is-active{ color:var(--ink); background:rgba(0,154,180,.14); }
.vento-fpd-steps__nav li.is-active span,
.vento-fpd-steps__nav li.is-done span{ background:var(--accent); color:#fff; }
.vento-fpd-steps__nav li.is-done{ color:var(--ink); }

.vento-fpd-steps__layout{
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:clamp(12px,3vw,24px); align-items:stretch;
  width:100%;
  max-width:100%;
}
@media (max-width:960px){
  .vento-fpd-steps__layout{
    display:flex; flex-direction:column; align-items:stretch; gap:12px;
    width:100%;
  }
}

.vento-fpd-steps__stage{
  position:relative; border-radius:clamp(16px,3vw,24px); overflow:hidden;
  background: linear-gradient(180deg,#fff 0%, #f1f4f7 100%);
  aspect-ratio: 1 / 1.05; max-height:min(62vh,640px);
  box-shadow:0 18px 40px rgba(6,16,31,.1);
  border:1px solid rgba(8,20,38,.06);
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
  align-self:stretch!important;
  box-sizing:border-box;
}
.vento-fpd-steps__views{ position:absolute; top:10px; inset-inline:10px; z-index:4; display:flex; gap:8px; justify-content:center; }
.vento-fpd-steps__views button{
  min-height:40px; min-width:72px; border:0; border-radius:999px; padding:8px 16px;
  font-weight:800; cursor:pointer; background:rgba(255,255,255,.96); color:var(--ink);
  box-shadow:0 4px 14px rgba(0,0,0,.08); touch-action:manipulation;
}
.vento-fpd-steps__views button.is-active{ background:var(--ink); color:#fff; }
.vento-fpd-steps__canvas{
  position:absolute; inset:0;
  display:flex!important; align-items:center; justify-content:center;
  padding:12% 8% 14%;
  box-sizing:border-box;
}
.vento-fpd-steps__stack{
  position:relative; width:min(380px,82%); aspect-ratio:3/4;
  margin-inline:auto!important; flex:0 0 auto;
}
.vento-fpd-steps__stack img[data-mockup],
.vento-fpd-steps__canvas-el{
  position:absolute; inset:0; width:100%; height:100%; object-fit:contain;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.14));
  transition:opacity .28s ease, transform .35s ease;
}
.vento-fpd-steps__canvas-el{
  display:none; pointer-events:none; z-index:1;
}
.vento-fpd-steps__canvas-el.is-painted{
  display:block!important; z-index:2;
}
.vento-fpd-steps__tint{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  mix-blend-mode:multiply; opacity:.85; border-radius:inherit;
}
.vento-fpd-steps__stack img[data-mockup]{ z-index:0; }
.vento-fpd-steps__stack img.is-out{ opacity:0; transform:scale(.96) translateY(8px); }
.vento-fpd-steps__stack img.is-in{ opacity:1; transform:none; }
.vento-fpd-steps__design-layer{
  position:absolute; left:50%; top:39%;
  width:min(54%,180px); height:auto!important; max-height:46%;
  transform:translate(-50%,-50%);
  object-fit:contain; object-position:center; pointer-events:none;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.18)); z-index:6;
  mix-blend-mode:multiply; opacity:.88;
}
.vento-fpd-steps__design-layer.is-ink{
  mix-blend-mode:multiply; opacity:.86;
}
.vento-fpd-steps__design-layer.is-on,
.vento-fpd-steps__design-layer.is-ready{
  display:block!important; visibility:visible!important;
}
.vento-fpd-steps__design-layer[hidden]{
  display:none!important;
}
.vento-fpd-steps__live{
  position:absolute; bottom:10px; inset-inline:10px; z-index:3; margin:0;
  text-align:center; font-size:12px; font-weight:800; color:#334;
  background:rgba(255,255,255,.9); border-radius:999px; padding:7px 12px;
  backdrop-filter:blur(8px);
}

.vento-fpd-steps__panel{
  background:#fff; border-radius:clamp(16px,3vw,26px); padding:clamp(18px,3vw,28px);
  border:1px solid rgba(8,20,38,.08); box-shadow:0 16px 36px rgba(6,16,31,.06);
}
.vento-fpd-steps__kicker{
  margin:0 0 6px; font-size:11px; font-weight:900; letter-spacing:.08em;
  color:var(--accent); text-transform:none;
}
.vento-fpd-steps__pane h2{ margin:0 0 8px; font-size:clamp(1.2rem,4vw,1.45rem); color:var(--ink); letter-spacing:-.02em; line-height:1.35; }
.vento-fpd-steps__pane p{ margin:0 0 16px; color:#546074; line-height:1.75; font-size:14px; }

.vento-fpd-steps__garments{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.vento-fpd-steps__garment{
  appearance:none; border:1.5px solid rgba(8,20,38,.12); border-radius:18px; background:#f7f9fb;
  padding:12px 8px 14px; cursor:pointer; display:grid; gap:10px; place-items:center;
  font-weight:800; color:var(--ink); min-height:148px; touch-action:manipulation;
  transition: border-color .2s, background .2s, box-shadow .2s, transform .2s;
}
.vento-fpd-steps__garment:hover{ transform:translateY(-2px); border-color:rgba(0,154,180,.45); }
.vento-fpd-steps__garment-visual{
  width:100%; aspect-ratio:3/4; max-height:110px; display:grid; place-items:center;
  background:linear-gradient(180deg,#eef3f6 0%, #e4ebf0 100%);
  border-radius:12px; overflow:hidden;
}
.vento-fpd-steps__garment img{ width:78%; height:90%; object-fit:contain; }
.vento-fpd-steps__garment-label{ font-size:14px; }
.vento-fpd-steps__garment.is-active{
  border-color:var(--accent); background:rgba(0,154,180,.1);
  box-shadow:0 10px 24px rgba(0,154,180,.18);
}

.vento-fpd-steps__colors{
  display:flex; flex-wrap:nowrap; gap:14px; overflow-x:auto; padding:6px 2px 14px;
  -webkit-overflow-scrolling:touch; scrollbar-width:thin;
}
.vento-fpd-steps__color{
  flex:0 0 auto; width:48px; height:48px; border-radius:50%; border:3px solid #fff;
  background:var(--swatch,#fff); box-shadow:0 0 0 1px rgba(8,20,38,.2);
  cursor:pointer; padding:0; touch-action:manipulation; transition: transform .15s, box-shadow .15s;
}
.vento-fpd-steps__color.is-active{ box-shadow:0 0 0 2px var(--cyan, var(--accent, #196f93)); transform:scale(1.12); }
body.vento-studio-page, .vento-fpd-steps{
  --accent:#196f93; --accent-2:#19b7cf;
}
.vento-fpd-steps__color-name{ margin:0 0 12px; font-size:14px; color:#546074; }

.vento-fpd-steps__designs{ display:grid; grid-template-columns:repeat(auto-fill,minmax(80px,1fr)); gap:10px; max-height:200px; overflow:auto; }
.vento-fpd-steps__design{
  appearance:none; border:1px solid rgba(8,20,38,.1); border-radius:14px; padding:0; overflow:hidden;
  background:#f7f8f6; cursor:pointer; aspect-ratio:1; position:relative; touch-action:manipulation;
}
.vento-fpd-steps__design img{ width:100%; height:100%; object-fit:cover; display:block; }
.vento-fpd-steps__design span{ position:absolute; bottom:0; inset-inline:0; background:rgba(6,16,31,.65); color:#fff; font-size:10px; padding:3px 4px; text-align:center; }
.vento-fpd-steps__design.is-active{ outline:2px solid var(--accent); outline-offset:1px; }
.vento-fpd-steps__hint{ margin:0; font-size:13px; color:#667; grid-column:1/-1; line-height:1.7; padding:12px; border-radius:12px; background:#f4f7f9; }

.vento-fpd-steps__row{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; align-items:stretch; }
.vento-fpd-steps__row--final{ flex-direction:column-reverse; }
@media (min-width:520px){
  .vento-fpd-steps__row--final{ flex-direction:row; }
  .vento-fpd-steps__row--final .vento-fpd-steps__cta{ flex:1; }
}
.vento-fpd-steps__next,.vento-fpd-steps__cta{
  appearance:none; border:0; border-radius:16px; min-height:52px; padding:14px 20px; margin-top:16px;
  font-weight:900; font-size:15px; cursor:pointer; color:#fff;
  background:linear-gradient(135deg,var(--accent-2,#19b7cf),var(--accent,#009ab4)); width:100%; touch-action:manipulation;
  box-shadow:0 12px 28px rgba(0,154,180,.32);
  transition: transform .15s, box-shadow .15s, filter .15s;
}
.vento-fpd-steps__next:hover,.vento-fpd-steps__cta:hover{ filter:brightness(1.03); transform:translateY(-1px); }
.vento-fpd-steps__next:disabled,.vento-fpd-steps__cta:disabled{ opacity:.7; cursor:wait; transform:none; }
.vento-fpd-steps__row .vento-fpd-steps__next,
.vento-fpd-steps__row .vento-fpd-steps__cta{ margin-top:0; flex:1; }
.vento-fpd-steps__back{
  appearance:none; border:1px solid rgba(8,20,38,.14); background:#fff; border-radius:16px;
  min-height:52px; padding:12px 16px; font-weight:700; cursor:pointer; color:#334; touch-action:manipulation;
}
.vento-fpd-steps__row .vento-fpd-steps__back{ flex:0 0 auto; min-width:96px; }

/*
 * Studio product page shell — Wunsch-style topbar FPD.
 * NEVER force display/flex on .fpd-container internals (crushes modules/canvas).
 */
body.vento-studio-product{
  --fpd-container-min-height: min(78vh, 820px);
  background:#f0f2f4;
  overflow-x:hidden;
}
/* Topbar module strip like wunschgalerie */
body.vento-studio-product .fpd-container.fpd-topbar .fpd-navigation,
body.vento-studio-product .fpd-container.fpd-topbar .fpd-mainbar{
  background:#111!important;
  color:#fff!important;
}
body.vento-studio-product .fpd-container.fpd-topbar .fpd-navigation > div,
body.vento-studio-product .fpd-container.fpd-topbar .fpd-module-item{
  color:#fff!important;
}
body.vento-studio-product .fpd-products-module-hidden .fpd-navigation > [data-module="products"],
body.vento-studio-product .fpd-products-module-hidden .fpd-nav-item[data-module="products"]{
  display:none!important;
}
/* Kill PDP 2-col grid so FPD is full width */
body.vento-studio-product .woocommerce div.product.vento-pdp,
body.vento-studio-product div.product{
  display:block!important;
  width:100%!important;
  max-width:min(1100px,100%);
  margin:0 auto 40px!important;
  float:none!important;
  padding:0!important;
  grid-template-columns:none!important;
}
body.vento-studio-product #content > .container,
body.vento-studio-product main .container{
  max-width:min(1100px,100%);
  margin-inline:auto;
  padding-inline:clamp(10px,2.5vw,20px);
}
/* Studio focus: hide sticky chrome that eats canvas height on phones */
body.vento-studio-product .vento-sticky-toolbar,
body.vento-studio-product .sticky-toolbar,
body.vento-studio-product .mobile-nav-bottom,
body.vento-studio-product .vento-mobile-bar,
body.vento-studio-product .mobile-bar,
body.vento-studio-product #vento-contact-hub,
body.vento-studio-product .vento-hub,
body.vento-studio-product .vento-back-to-top,
body.vento-fpd-bridge .mobile-bar,
body.vento-fpd-bridge .vento-mobile-bar,
body.vento-fpd-bridge #vento-contact-hub,
body.vento-fpd-bridge .vento-hub,
body.vento-fpd-bridge .vento-back-to-top{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  height:0!important;
}
body.vento-studio-product div.product::before,
body.vento-studio-product div.product::after{
  display:none!important;
  content:none!important;
}
/* Hide WC gallery chrome, not the FPD host */
body.vento-studio-product .related.products,
body.vento-studio-product .upsells.products,
body.vento-studio-product .woocommerce-tabs,
body.vento-studio-product .product_meta,
body.vento-studio-product .vento-pdp-design-cta,
body.vento-studio-product .woocommerce-product-gallery__wrapper,
body.vento-studio-product .woocommerce-product-gallery__trigger,
body.vento-studio-product .flex-control-thumbs,
body.vento-studio-product ol.flex-control-thumbs{
  display:none!important;
}
body.vento-studio-product .vento-studio-fpd-host,
body.vento-studio-product .fpd-product-designer-wrapper{
  display:block;
  width:100%;
  max-width:100%;
  float:none;
  clear:both;
  margin:0 0 18px;
  min-width:0;
}
/* Frame only — do NOT set display on .fpd-container (FPD sets flex/grid itself) */
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container,
body.vento-studio-product .vento-studio-fpd-host > .fpd-product-designer-wrapper{
  width:100%;
  max-width:100%;
  margin:0 0 18px;
  float:none;
  clear:both;
  background:#fff;
  border:1px solid rgba(8,20,38,.08);
  border-radius:18px;
  box-shadow:0 16px 40px rgba(6,16,31,.07);
  min-height: var(--fpd-container-min-height);
  overflow:visible;
}
/*
 * FPD internals are LTR-layout engines. Keep shell RTL for Persian labels
 * but force the canvas chrome to LTR so modules/stage don't collapse on mobile RTL.
 * IMPORTANT: only the MAIN designer shell — NOT fpd-element-toolbar / dialogs
 * which also carry class "fpd-container" and must keep height:auto.
 */
/* Kill FPD guided-tour white card (prev/next) on all viewports */
body.vento-studio-product .fpd-guided-tour,
body.vento-studio-product .fpd-tour,
body.vento-studio-product .fpd-gt-step,
body.vento-studio-product .fpd-container.fpd-gt-step,
body.vento-fpd-bridge .fpd-guided-tour,
body.vento-fpd-bridge .fpd-tour,
body.vento-fpd-bridge .fpd-gt-step,
body.vento-fpd-bridge .fpd-container.fpd-gt-step,
body.vento-studio-page .fpd-guided-tour,
body.vento-studio-page .fpd-gt-step,
body.vento-studio-page .fpd-container.fpd-gt-step{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
  width:0!important;height:0!important;overflow:hidden!important;
}

body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container,
body.vento-fpd-bridge .fpd-product-designer-wrapper > .fpd-container{
  direction:ltr!important;
  text-align:initial;
  box-sizing:border-box;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container .fpd-navigation,
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container .fpd-mainbar,
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container .fpd-module-tabs,
body.vento-fpd-bridge .fpd-product-designer-wrapper > .fpd-container .fpd-navigation,
body.vento-fpd-bridge .fpd-product-designer-wrapper > .fpd-container .fpd-mainbar{
  direction:rtl; /* Persian module labels */
}
/* Nested FPD chrome reuses .fpd-container — never inherit shell min-height */
body.vento-studio-product fpd-element-toolbar,
body.vento-studio-product fpd-element-toolbar.fpd-container,
body.vento-studio-product .fpd-draggable-dialog.fpd-container{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
}
body.vento-studio-product .fpd-product-designer-wrapper,
body.vento-studio-product .vento-studio-fpd-host,
body.vento-fpd-bridge .fpd-product-designer-wrapper{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden;
}
body.vento-studio-product.fpd-hidden-smartphones .fpd-product-designer-wrapper,
body.vento-studio-product.fpd-hidden-tablets .fpd-product-designer-wrapper,
body.vento-studio-product.fpd-hidden-smartphones .fpd-container,
body.vento-studio-product.fpd-hidden-tablets .fpd-container{
  visibility:visible!important;
  max-height:none!important;
  overflow:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
/* Kill shop chrome that clutters the studio */
body.vento-studio-product .woocommerce-breadcrumb,
body.vento-studio-product .breadcrumb,
body.vento-studio-product nav.woocommerce-breadcrumb,
body.vento-studio-product .woocommerce .woocommerce-breadcrumb,
body.vento-studio-product .shop-crumbs,
body.vento-studio-product .shop-layout .shop-crumbs,
body.vento-studio-product nav.shop-crumbs,
body.vento-studio-product .yoast-breadcrumb,
body.vento-studio-product .rank-math-breadcrumb,
body.vento-studio-product .elementor-widget-woocommerce-breadcrumb,
body.vento-studio-product .elementor-breadcrumb,
body.vento-studio-product .vento-breadcrumb,
body.vento-studio-product .breadcrumbs,
body.vento-studio-product #breadcrumbs,
body.vento-studio-product .vento-size-guide,
body.vento-studio-product .vento-pdp-size-guide,
body.vento-studio-product .size-guide,
body.vento-studio-product .woocommerce-product-rating,
body.vento-studio-product .product_meta,
body.vento-studio-product .woocommerce-tabs,
body.vento-studio-product .related.products,
body.vento-studio-product .upsells{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
}
body.vento-studio-product .container.shop-layout,
body.vento-studio-product .shop-layout.no-sidebar,
body.vento-studio-product .shop-layout,
body.vento-studio-product .shop-main,
body.vento-studio-product .shop-layout .shop-main,
body.vento-studio-product .shop-layout .shop-content{
  display:block!important;
  width:100%!important;
  max-width:min(1100px,100%)!important;
  padding:0!important;
  margin:0 auto!important;
  grid-template-columns:none!important;
  gap:0!important;
  float:none!important;
}
body.vento-studio-product .shop-layout .shop-sidebar{ display:none!important; }
body.vento-studio-product #content > .container.shop-layout{
  padding-inline:clamp(8px,2.5vw,16px)!important;
}
/* NEVER force canvas height:auto — Fabric.js needs exact pixel sizes or mockup crops. */
body.vento-studio-product .fpd-product-stage,
body.vento-studio-product .fpd-view-stage,
body.vento-studio-product .fpd-main-wrapper,
body.vento-studio-product .fpd-stage-wrapper{
  max-width:100%!important;
  overflow:visible!important;
}
body.vento-studio-product .fpd-product-stage{
  min-height:min(58vh,560px);
}
/* Leave fabric canvas width/height alone — FPD sets pixel sizes. */
body.vento-studio-product .fpd-product-stage .canvas-container{
  margin-inline:auto;
}
body.vento-studio-product .fpd-draggable-dialog{ z-index:1200; }
body.vento-studio-product .vento-fpd-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 16px;
  margin:8px 0 14px;
  padding:12px 16px;
  background:#fff;
  border:1px solid rgba(8,20,38,.08);
  border-radius:14px;
  box-shadow:0 8px 22px rgba(6,16,31,.05);
  font-size:13.5px;
  font-weight:700;
  color:#546074;
}
body.vento-studio-product .vento-fpd-toolbar__back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#009ab4;
  text-decoration:none;
  font-weight:850;
}
body.vento-studio-product .vento-fpd-toolbar__back:hover{color:#0a1220}

body.vento-studio-product div.summary,
body.vento-studio-product .summary{
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  clear:both!important;
  margin:0!important;
  padding:18px 20px 22px!important;
  background:#fff;
  border:1px solid rgba(8,20,38,.08);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(6,16,31,.06);
}
body.vento-studio-product .summary .product_title{
  font-size:clamp(1.25rem,2.4vw,1.65rem);
  margin:0 0 8px;
  color:#0a1220;
}
body.vento-studio-product .summary .price{
  color:#009ab4!important;
  font-weight:900;
  font-size:1.15rem;
}
body.vento-studio-product form.cart{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:14px;
}
body.vento-studio-product .single_add_to_cart_button{
  flex:1 1 200px;
  min-height:52px!important;
  border-radius:14px!important;
  font-weight:900!important;
  background:#009ab4!important;
  border:0!important;
  color:#fff!important;
}

/* WoodMart (if child/legacy wrappers remain) — flatten to column */
body.vento-studio-product .product-image-summary-wrap,
body.vento-studio-product .product-image-summary,
body.vento-studio-product .product-image-summary-inner,
body.vento-studio-product .product-image-summary-inner.wd-grid-g{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:100%!important;
  gap:10px!important;
  grid-template-columns:none!important;
  --wd-col-lg:12!important;
  --wd-col-md:12!important;
  --wd-col-sm:12!important;
}
body.vento-studio-product .product-image-summary-inner > *,
body.vento-studio-product .product-images,
body.vento-studio-product .woocommerce-product-gallery{
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  grid-column:1/-1!important;
}
body.vento-studio-product .yith-wcwl-add-to-wishlist,
body.vento-studio-product a.compare,
body.vento-studio-product .wd-compare-btn,
body.vento-studio-product .wd-sticky-btn,
body.vento-studio-product .wd-action-btn{
  display:none!important;
}

@media (max-width:900px){
  body.vento-studio-product{
    --fpd-container-min-height: min(78dvh, 820px);
    padding-bottom: calc(12px + env(safe-area-inset-bottom,0));
  }
  body.vento-studio-product #content > .container,
  body.vento-studio-product main .container,
  body.vento-studio-product div.product{
    max-width:100%!important;
    padding-inline:6px!important;
    margin-inline:0!important;
  }
  body.vento-studio-product .fpd-product-designer-wrapper,
  body.vento-studio-product .vento-studio-fpd-host{
    margin:0 0 10px;
  }
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
    border-radius:14px;
    min-height:var(--fpd-container-min-height);
    border:0;
    box-shadow:0 10px 28px rgba(6,16,31,.1);
  }
  body.vento-studio-product .fpd-product-stage,
  body.vento-studio-product .fpd-view-stage,
  body.vento-studio-product .fpd-main-wrapper,
  body.vento-studio-product .fpd-stage-wrapper{
    max-width:100%!important;
    overflow:visible!important;
  }
  body.vento-studio-product .fpd-product-stage{
    min-height:min(48dvh,420px);
  }
  /* Do NOT set height/width on fabric canvases — that crops the garment. */
  body.vento-studio-product .fpd-product-stage .canvas-container{
    margin-inline:auto;
  }
  body.vento-studio-product .fpd-navigation,
  body.vento-studio-product .fpd-mainbar,
  body.vento-studio-product .fpd-modules-menu{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:2px;
    max-width:100%;
  }
  body.vento-studio-product .fpd-navigation::-webkit-scrollbar,
  body.vento-studio-product .fpd-mainbar::-webkit-scrollbar{ display:none; }
  body.vento-studio-product .fpd-navigation > div,
  body.vento-studio-product .fpd-mainbar > div,
  body.vento-studio-product .fpd-module-item{
    flex:0 0 auto!important;
    min-width:72px;
    padding-inline:6px;
  }
  body.vento-studio-product .fpd-actions-wrapper,
  body.vento-studio-product .fpd-topbar{
    display:flex!important;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    max-width:100%;
  }
  body.vento-studio-product .fpd-draggable-dialog{
    left:4px!important;
    right:4px!important;
    width:auto!important;
    max-width:calc(100vw - 8px)!important;
    max-height:min(70dvh,560px)!important;
  }
  body.vento-studio-product .vento-fpd-toolbar{
    margin:4px 0 8px;
    padding:10px 12px;
    border-radius:12px;
    font-size:12.5px;
  }
  body.vento-studio-product .vento-fpd-toolbar__hint{ display:none; }
  body.vento-studio-product div.summary,
  body.vento-studio-product .summary{
    border-radius:12px;
    padding:14px 14px 18px!important;
  }
  body.vento-studio-product .site-footer,
  body.vento-studio-product footer.site-footer,
  body.vento-studio-product .site-header .vento-announcement,
  body.vento-studio-product .vento-topbar{
    display:none!important;
  }
}
@media (min-width:901px){
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
    min-height:min(76vh,800px);
  }
  body.vento-studio-product .fpd-product-stage{
    min-height:min(58vh,620px);
  }
  body.vento-studio-product .summary{
    max-width:520px;
    margin-inline:auto!important;
  }
}
@media (max-width:560px){
  body.vento-studio-product form.cart{
    flex-direction:column;
    align-items:stretch;
  }
  body.vento-studio-product .quantity{
    width:100%;
    justify-content:center;
  }
  body.vento-studio-product .single_add_to_cart_button{
    width:100%;
  }
}

.vento-studio-page{overflow-x:hidden}
.vento-fpd-steps,.vento-fpd-steps__layout,.vento-fpd-steps__panel,.vento-fpd-steps__stage{max-width:100%;min-width:0}
html[dir="rtl"] .vento-fpd-shell,
html[dir="rtl"] .vento-fpd-steps,
body.rtl .vento-fpd-shell,
body.rtl .vento-fpd-steps{ direction:rtl; font-family:"Vazirmatn",Tahoma,"Segoe UI",sans-serif; }

/* Mobile: sticky mockup always in view + compact chrome */
@media (max-width:720px){
  .vento-fpd-shell{ border-radius:14px; }
  .vento-fpd-shell .summary{ width:100%!important; float:none!important; margin:0!important; max-width:none; }

  .vento-studio-page .studio-section .container,
  .vento-studio-page .page-hero .container{
    width:100%!important;
    max-width:100%!important;
    padding-inline:14px!important;
    box-sizing:border-box;
  }
  .vento-fpd-steps{
    margin:0 0 calc(88px + env(safe-area-inset-bottom,0));
    width:100%!important;
    max-width:100%!important;
  }
  .vento-fpd-steps__nav{
    position:sticky; top:0; z-index:40;
    margin:0 0 10px;
    width:100%;
  }
  .vento-fpd-steps__layout{
    display:flex!important; flex-direction:column!important;
    align-items:stretch!important; gap:10px;
    width:100%!important;
  }
  .vento-fpd-steps__stage{
    order:-1;
    position:relative; /* sticky was causing RTL offset on some WebViews */
    top:auto;
    z-index:2;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    align-self:stretch!important;
    aspect-ratio:1/1;
    max-height:min(40dvh,320px);
    min-height:210px;
    border-radius:18px;
    box-shadow:0 12px 28px rgba(6,16,31,.12);
  }
  .vento-fpd-steps__canvas{
    padding:8% 6% 14%;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .vento-fpd-steps__stack{
    width:min(220px,68%)!important;
    margin-inline:auto!important;
  }
  .vento-fpd-steps__views{
    inset-inline:12px;
    justify-content:center!important;
  }
  .vento-fpd-steps__views button{ min-height:36px; min-width:64px; padding:6px 12px; font-size:13px; }
  .vento-fpd-steps__live{ font-size:11px; padding:6px 10px; bottom:8px; inset-inline:12px; }

  .vento-fpd-steps__panel{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:18px; padding:16px 14px 20px;
    box-shadow:0 10px 24px rgba(6,16,31,.06);
    box-sizing:border-box;
  }
  .vento-fpd-steps__pane h2{ font-size:1.15rem; }
  .vento-fpd-steps__pane p{ font-size:13.5px; margin-bottom:12px; }
  .vento-fpd-steps__garments{ gap:8px; width:100%; }
  .vento-fpd-steps__garment{ min-height:112px; padding:8px 6px 10px; }
  .vento-fpd-steps__garment-visual{
    max-height:78px;
    background:linear-gradient(180deg,#eef3f6,#e4ebf0)!important;
  }
  .vento-fpd-steps__colors{ gap:12px; padding-bottom:10px; }
  .vento-fpd-steps__color{ width:52px; height:52px; }

  .vento-fpd-steps__pane.is-active .vento-fpd-steps__next,
  .vento-fpd-steps__pane.is-active .vento-fpd-steps__cta{
    position:fixed; z-index:260; inset-inline:12px;
    bottom:calc(12px + env(safe-area-inset-bottom,0));
    width:auto; margin:0;
    box-shadow:0 12px 28px rgba(0,154,180,.35);
  }
  .vento-fpd-steps__pane.is-active .vento-fpd-steps__row{
    position:fixed; z-index:260; inset-inline:12px;
    bottom:calc(12px + env(safe-area-inset-bottom,0));
    margin:0; padding:0; background:transparent;
  }
  /* Wizard: keep bottom mobile nav; only hide floating hub/back-top to free taps. */
  body.vento-studio-page #vento-contact-hub,
  body.vento-studio-page .vento-hub,
  body.vento-studio-page .vento-back-to-top,
  body.vento-studio-wizard #vento-contact-hub,
  body.vento-studio-wizard .vento-hub,
  body.vento-studio-wizard .vento-back-to-top{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    height:0!important;
    opacity:0!important;
  }
  body.vento-studio-page .studio-section{
    padding-bottom:calc(72px + env(safe-area-inset-bottom,0))!important;
  }
}

/* Element toolbar — base tokens (full sheet rules in 5.2.6 block below) */
body.vento-studio-product fpd-element-toolbar,
body.vento-studio-product fpd-element-toolbar.fpd-smart{
  max-width:100vw!important;
  box-sizing:border-box!important;
  color:#06101f!important;
}
body.vento-studio-product .fpd-module-content,
body.vento-studio-product .fpd-scroll-area{
  -webkit-overflow-scrolling:touch;
}
@media (max-width:900px){
  body.vento-studio-product .fpd-product-designer-wrapper .fpd-module-content,
  body.vento-studio-product .fpd-product-designer-wrapper .fpd-scroll-area,
  body.vento-studio-product .fpd-draggable-dialog .fpd-module-content,
  body.vento-studio-product .fpd-draggable-dialog .fpd-scroll-area{
    max-height:min(55dvh,420px)!important;
  }
  /* Guided tour covers the canvas on phones — hide until user opens it */
  body.vento-studio-product .fpd-guided-tour,
  body.vento-studio-product .fpd-tour,
  body.vento-studio-product .fpd-gt-step,
  body.vento-studio-product .fpd-container.fpd-gt-step{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  /*
   * FPD 6 uses custom elements (fpd-main-bar / fpd-main-wrapper) that sit
   * side-by-side on phones even without fpd-views-inside-left. Force column.
   * Scope to MAIN shell only — never fpd-element-toolbar.fpd-container.
   */
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container,
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container.fpd-views-inside-left,
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container.fpd-views-inside-right,
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container.fpd-grid-columns-2,
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container.fpd-grid-columns-3,
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container.fpd-sidebar{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
  }
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > *,
  body.vento-studio-product .fpd-product-designer-wrapper fpd-actions-bar,
  body.vento-studio-product .fpd-product-designer-wrapper fpd-main-bar,
  body.vento-studio-product .fpd-product-designer-wrapper fpd-main-wrapper,
  body.vento-studio-product .fpd-product-designer-wrapper fpd-views-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    height:auto!important;
    float:none!important;
    left:auto!important;
    right:auto!important;
    position:relative!important;
  }
  body.vento-studio-product fpd-main-bar{
    order:-1;
    max-height:78px!important;
    overflow:hidden!important;
  }
  body.vento-studio-product .fpd-navigation,
  body.vento-studio-product .fpd-mainbar,
  body.vento-studio-product fpd-main-bar .fpd-navigation{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    height:70px!important;
    max-height:70px!important;
    align-items:stretch!important;
    -webkit-overflow-scrolling:touch;
  }
  /* Keep view switcher usable on phones (previous/next also in actions bar). */
  body.vento-studio-product fpd-views-grid,
  body.vento-studio-product .fpd-views-selection{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    justify-content:center!important;
    padding:8px 10px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.vento-studio-product fpd-views-grid .fpd-view-item,
  body.vento-studio-product .fpd-views-selection .fpd-item{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    border-radius:10px!important;
  }
  body.vento-studio-product fpd-actions-bar{
    min-height:44px!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  body.vento-studio-product .fpd-container > .fpd-main-wrapper,
  body.vento-studio-product .fpd-container > .fpd-product-stage,
  body.vento-studio-product .fpd-container > .fpd-views-selection{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
  }
body.vento-studio-product .vento-size-guide,
body.vento-studio-product .vento-pdp-size-guide,
body.vento-studio-product .size-guide,
body.vento-studio-product button.vento-size-guide,
body.vento-studio-product .summary .vento-size-guide,
body.vento-studio-product [class*="size-guide"]{ display:none!important; visibility:hidden!important; }
}

/* FPD module dialogs — bottom sheet only when open with content */
@media (max-width:900px){
  body.vento-studio-product .fpd-draggable-dialog{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    max-width:100vw!important;
    min-height:0!important;
    height:auto!important;
    max-height:min(62dvh,520px)!important;
    margin:0!important;
    border-radius:18px 18px 0 0!important;
    transform:none!important;
    z-index:10050!important;
    box-shadow:0 -8px 32px rgba(6,16,31,.18)!important;
    overflow:hidden!important;
  }
  body.vento-studio-product .fpd-draggable-dialog .fpd-module-content{
    max-height:min(50dvh,400px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  body.vento-studio-product .fpd-color-palette,
  body.vento-studio-product .fpd-panel-color,
  body.vento-studio-product .fpd-color-wrapper{
    max-width:100%!important;
    overflow-x:auto!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .vento-fpd-steps__stack img[data-mockup],
  .vento-fpd-steps__garment,
  .vento-fpd-steps__nav li,
  .vento-fpd-steps__next,
  .vento-fpd-steps__cta{ transition:none!important; }
}

@media (max-width:900px){
  body.vento-studio-product fpd-actions-bar{
    display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important;
    align-items:center!important; justify-content:center!important; gap:8px!important;
    min-height:44px!important; max-height:48px!important;
    overflow-x:auto!important; overflow-y:hidden!important; padding:4px 8px!important;
  }
  body.vento-studio-product fpd-actions-bar .fpd-btn{
    flex:0 0 auto!important; min-width:40px!important; min-height:40px!important;
  }
  body.vento-studio-product fpd-actions-bar .fpd-btn span:not([class*="fpd-icon"]){ display:none!important; }
  body.vento-studio-product .fpd-loader:not(.fpd-active):not(.fpd-show){
    display:none!important; opacity:0!important; pointer-events:none!important;
  }
}

/* ========== VENTO 5.1.13 — desktop widen + kill white-bar + theme sync ========== */
body.vento-studio-product{
  --accent:#009ab4;
  --accent-2:#19b7cf;
  --ink:#06101f;
  background:
    radial-gradient(900px 320px at 90% -8%, rgba(0,154,180,.12), transparent 55%),
    #eef2f5;
}
body.vento-studio-product #content,
body.vento-studio-product main#content.site-main{
  width:100%!important;
  max-width:100%!important;
}
body.vento-studio-product #content > .container,
body.vento-studio-product main .container,
body.vento-studio-product .container.shop-layout,
body.vento-studio-product .shop-layout,
body.vento-studio-product div.product{
  max-width:min(1280px,100%)!important;
  width:100%!important;
  margin-inline:auto!important;
}
/* ONLY the main shell gets min-height / white card — never nested .fpd-container toolbars */
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
  min-height:min(78vh,860px)!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:0 18px 44px rgba(6,16,31,.08)!important;
  border:1px solid rgba(8,20,38,.07)!important;
  overflow:visible!important;
}
/* Idle/nested chrome only — open toolbar/dialog keep their own sheet styles */
body.vento-studio-product fpd-element-toolbar:not(.fpd-show):not(.fpd-visible),
body.vento-studio-product fpd-element-toolbar.fpd-container:not(.fpd-show):not(.fpd-visible),
body.vento-studio-product .fpd-draggable-dialog.fpd-container:not(.fpd-show):not(.fpd-module-visible),
body.vento-studio-product .fpd-module.fpd-container{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
/* Ghost toolbar that paints a white stripe over the mockup */
body.vento-studio-product fpd-element-toolbar:not(.fpd-show):not(.fpd-visible):not(.fpd-opened),
body.vento-studio-product fpd-element-toolbar.fpd-container:not(.fpd-show):not(.fpd-visible){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}
body.vento-studio-product .fpd-product-stage{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  background:linear-gradient(180deg,#f7f9fb 0%,#eef2f5 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}
body.vento-studio-product .fpd-product-stage > .fpd-view-stage{
  margin:0 auto!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
}
body.vento-studio-product fpd-actions-bar{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  background:#0a1220!important;
  color:#fff!important;
  z-index:6!important;
}
body.vento-studio-product .fpd-container.fpd-topbar .fpd-navigation,
body.vento-studio-product .fpd-container.fpd-topbar .fpd-mainbar,
body.vento-studio-product fpd-main-bar{
  background:#06101f!important;
  color:#fff!important;
  border-bottom:2px solid rgba(0,154,180,.65)!important;
}
body.vento-studio-product .fpd-module-item.fpd-active,
body.vento-studio-product .fpd-navigation > div.fpd-active{
  color:#19b7cf!important;
}
body.vento-studio-product .single_add_to_cart_button{
  background:linear-gradient(135deg,#19b7cf,#009ab4)!important;
  color:#fff!important;
  font-weight:900!important;
}
body.vento-studio-product .summary .price{ color:#009ab4!important; }
body.vento-studio-product .vento-fpd-toolbar__back{ color:#009ab4!important; }

@media (min-width:901px){
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
    min-height:min(80vh,880px)!important;
  }
  body.vento-studio-product .fpd-product-stage{
    min-height:min(62vh,680px)!important;
  }
  body.vento-studio-product .summary{
    max-width:560px!important;
    margin-inline:auto!important;
  }
}

/* ========== VENTO 5.1.14 — steps center + Wunsch studio chrome ========== */
.vento-studio-page,
.vento-fpd-steps{
  --ink:var(--midnight,#06101f);
  --accent:var(--cyan,#009ab4);
  --accent-2:var(--cyan-2,#19b7cf);
}
.vento-fpd-steps__garment-visual{
  background:linear-gradient(180deg,#eef3f6,#e4ebf0)!important;
}

/* Hide clutter modules Wunsch doesn't surface in the top strip */
body.vento-studio-product .fpd-navigation > [data-module="manage-layers"],
body.vento-studio-product .fpd-navigation > [data-module="text-layers"],
body.vento-studio-product .fpd-navigation > [data-module="layouts"],
body.vento-studio-product .fpd-navigation > [data-module="save-load"],
body.vento-studio-product .fpd-navigation > [data-module="names-numbers"],
body.vento-studio-product .fpd-module-item[data-module="manage-layers"],
body.vento-studio-product .fpd-module-item[data-module="text-layers"],
body.vento-studio-product .fpd-module-item[data-module="layouts"],
body.vento-studio-product .fpd-module-item[data-module="save-load"],
body.vento-studio-product .fpd-module-item[data-module="names-numbers"],
body.vento-studio-product .fpd-nav-item[data-module="manage-layers"],
body.vento-studio-product .fpd-nav-item[data-module="text-layers"],
body.vento-studio-product .fpd-nav-item[data-module="layouts"],
body.vento-studio-product .fpd-nav-item[data-module="save-load"],
body.vento-studio-product .fpd-nav-item[data-module="names-numbers"]{
  display:none!important;
}

@media (max-width:720px){
  .vento-fpd-steps__nav li em{ display:none; }
  .vento-fpd-steps__nav li span{ width:28px; height:28px; font-size:12px; }
  .vento-fpd-steps__nav li.is-active em{ display:inline; font-size:12px; }
  .vento-fpd-steps__stage{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    max-height:min(40dvh,320px);
    min-height:210px;
  }
  .vento-fpd-steps__stack{ width:min(220px,68%)!important; margin-inline:auto!important; }
  .vento-fpd-steps__designs{
    grid-template-columns:repeat(3,1fr);
    max-height:min(36dvh,220px);
    gap:8px;
  }
  .vento-fpd-steps__colors{
    gap:10px;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
  }
  .vento-fpd-steps__color{ scroll-snap-align:center; width:48px; height:48px; }
  .vento-fpd-steps__panel{ padding:14px 12px 18px; width:100%!important; }
  .vento-fpd-steps__pane h2{ font-size:1.08rem; margin-bottom:6px; }
  .vento-fpd-steps__pane p{ font-size:13px; margin-bottom:10px; line-height:1.65; }
  .vento-fpd-steps__garment{ min-height:100px; border-radius:14px; }
  .vento-fpd-steps__kicker{ color:var(--accent); }

  /* Wunsch-like product studio: edge padding, fat stage, slim module bar */
  body.vento-studio-product #content > .container,
  body.vento-studio-product main .container,
  body.vento-studio-product div.product{
    max-width:100%!important;
    padding-inline:12px!important;
    margin:0 auto!important;
  }
  body.vento-studio-product .fpd-product-designer-wrapper,
  body.vento-studio-product .vento-studio-fpd-host{
    width:100%!important;
    margin:0 0 12px!important;
  }
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
    border-radius:14px!important;
    min-height:0!important;
    box-shadow:0 8px 24px rgba(6,16,31,.08)!important;
  }
  body.vento-studio-product fpd-main-bar,
  body.vento-studio-product .fpd-mainbar,
  body.vento-studio-product .fpd-navigation{
    height:64px!important;
    max-height:64px!important;
    background:#06101f!important;
  }
  body.vento-studio-product .fpd-navigation > div,
  body.vento-studio-product .fpd-module-item{
    min-width:84px!important;
    max-width:120px!important;
  }
  body.vento-studio-product .fpd-product-stage{
    min-height:min(52dvh,420px)!important;
    width:100%!important;
    background:#f5f7f9!important;
  }
  body.vento-studio-product div.summary,
  body.vento-studio-product .summary{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:16px 14px 20px!important;
    border-radius:14px!important;
  }
  body.vento-studio-product .summary .product_title{
    font-size:1.2rem!important;
    margin:0 0 6px!important;
  }
  body.vento-studio-product .vento-fpd-toolbar{
    margin:4px 0 8px;
    padding:10px 12px;
    border-radius:12px;
  }
}

/* ========== VENTO 5.1.15 — Wunsch parity (top modules + full bleed) ========== */
body.vento-studio-product{
  --accent:#009ab4!important;
  --accent-2:#19b7cf!important;
}
body.vento-studio-product .fpd-navigation > [data-module="manage-layers"],
body.vento-studio-product .fpd-navigation > [data-module="text-layers"],
body.vento-studio-product .fpd-navigation > [data-module="layouts"],
body.vento-studio-product .fpd-navigation > [data-module="save-load"],
body.vento-studio-product .fpd-navigation > [data-module="names-numbers"],
body.vento-studio-product .fpd-module-item[data-module="manage-layers"],
body.vento-studio-product .fpd-module-item[data-module="text-layers"],
body.vento-studio-product .fpd-module-item[data-module="layouts"],
body.vento-studio-product .fpd-module-item[data-module="save-load"],
body.vento-studio-product .fpd-module-item[data-module="names-numbers"]{
  display:none!important;
}
@media (max-width:720px){
  body.vento-studio-product #content,
  body.vento-studio-product main#content{
    padding-inline:0!important;
  }
  body.vento-studio-product #content > .container,
  body.vento-studio-product main .container,
  body.vento-studio-product div.product{
    max-width:100%!important;
    width:100%!important;
    padding-inline:10px!important;
    margin:0!important;
  }
  body.vento-studio-product .fpd-product-designer-wrapper{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
  }
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:12px!important;
    min-height:0!important;
  }
  body.vento-studio-product .fpd-mainbar,
  body.vento-studio-product .fpd-navigation{
    order:-2;
    display:flex!important;
    width:100%!important;
    background:#06101f!important;
    color:#fff!important;
    min-height:64px!important;
  }
  body.vento-studio-product .fpd-navigation > div{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    color:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px;
    padding:10px 6px!important;
  }
  body.vento-studio-product .fpd-navigation .fpd-label{
    display:block!important;
    font-size:11px!important;
    font-weight:700!important;
    color:#fff!important;
    white-space:nowrap;
  }
  body.vento-studio-product .fpd-navigation > div.fpd-active,
  body.vento-studio-product .fpd-navigation > div.fpd-active .fpd-label{
    color:#19b7cf!important;
  }
  body.vento-studio-product .fpd-product-stage{
    width:100%!important;
    min-height:min(54dvh,440px)!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    background:#f5f7f9!important;
  }
  body.vento-studio-product .fpd-product-stage > .fpd-view-stage,
  body.vento-studio-product .fpd-product-stage .canvas-container{
    margin:0 auto!important;
    left:auto!important;
    right:auto!important;
  }
  body.vento-studio-product fpd-element-toolbar:not(.fpd-show):not(.fpd-visible):not(.fpd-opened){
    display:none!important;
  }
  .vento-fpd-steps__stage{
    width:100%!important;
    margin:0!important;
    align-self:stretch!important;
  }
  .vento-fpd-steps__stack{
    margin-inline:auto!important;
  }
  .vento-fpd-steps__garment-visual{
    background:linear-gradient(180deg,#eef3f6,#e4ebf0)!important;
  }
  .vento-fpd-steps__next,
  .vento-fpd-steps__cta{
    background:linear-gradient(135deg,#19b7cf,#009ab4)!important;
  }
}

/* ========== VENTO 5.1.16 — studio UX + buy path ========== */
body.vento-studio-product #content,
body.vento-studio-product main#content{
  width:100%!important;
  max-width:100%!important;
  padding-inline:clamp(10px,3vw,20px)!important;
  box-sizing:border-box;
}
body.vento-studio-product .fpd-product-designer-wrapper,
body.vento-studio-product .vento-studio-fpd-host{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
}
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(6,16,31,.1)!important;
}
body.vento-studio-product fpd-main-bar,
body.vento-studio-product .fpd-mainbar,
body.vento-studio-product .fpd-navigation{
  background:#06101f!important;
  color:#fff!important;
  width:100%!important;
}
body.vento-studio-product .fpd-navigation .fpd-label,
body.vento-studio-product .fpd-nav-item .fpd-label{
  display:block!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.vento-studio-product .fpd-product-stage{
  background:#f5f7f9!important;
  min-height:min(52dvh,480px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.vento-studio-product fpd-element-toolbar:not(.fpd-show):not(.fpd-visible):not(.fpd-opened),
body.vento-studio-product fpd-element-toolbar.fpd-container:not(.fpd-show){
  display:none!important;
  height:0!important;
  min-height:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
/* Prefer WooCommerce ATC — hide broken FPD “Done $10” ghost CTA */
body.vento-studio-product .fpd-done,
body.vento-studio-product [data-action="done"],
body.vento-studio-product .fpd-btn[data-defaulttext*="Done"],
body.vento-studio-product .fpd-btn[data-defaulttext*="تمام"]{
  display:none!important;
}
body.vento-studio-product form.cart,
body.vento-studio-product .summary form.cart{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  margin-top:12px!important;
}
body.vento-studio-product .single_add_to_cart_button,
body.vento-studio-product button.single_add_to_cart_button{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:1 1 auto!important;
  height:52px!important;
  min-height:52px!important;
  max-height:56px!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#19b7cf,#009ab4)!important;
  color:#fff!important;
  font-weight:900!important;
  border:0!important;
  border-radius:14px!important;
  font-size:15px!important;
}
body.vento-studio-product .summary{
  width:100%!important;
  max-width:640px!important;
  margin:0 auto!important;
  padding:16px 14px 22px!important;
  background:#fff!important;
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(6,16,31,.06)!important;
}
body.vento-studio-product .summary .price{
  color:#009ab4!important;
  font-size:1.25rem!important;
  font-weight:900!important;
}
@media (min-width:901px){
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
    min-height:min(72vh,780px)!important;
  }
  body.vento-studio-product .fpd-product-stage{
    min-height:min(58vh,620px)!important;
  }
  body.vento-studio-product .summary{
    max-width:720px!important;
  }
}

/* ========== VENTO 5.1.17 — Wunsch studio chrome (actions row + buyable ATC) ========== */
body.vento-studio-product form.cart,
body.vento-studio-product .summary form.cart{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
  height:auto!important;
}
body.vento-studio-product form.cart .quantity{
  flex:0 0 auto!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
}
body.vento-studio-product.fpd-customization-required .cart [type="submit"],
body.single-product.vento-studio-product.fpd-customization-required .cart [type="submit"],
body.vento-studio-product.fpd-customization-required .single_add_to_cart_button,
body.single-product.fpd-customization-required.vento-studio-product .cart .single_add_to_cart_button,
body.vento-studio-product form.cart .single_add_to_cart_button,
body.vento-studio-product button.single_add_to_cart_button.button.alt{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:min(100%,180px)!important;
  height:52px!important;
  min-height:52px!important;
  max-height:56px!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  background:linear-gradient(135deg,#19b7cf,#009ab4)!important;
  color:#fff!important;
  font-weight:900!important;
  border:0!important;
  border-radius:14px!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
}
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
}
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > fpd-main-bar,
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > .fpd-mainbar{
  order:-2!important;
  width:100%!important;
}
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > fpd-actions-bar{
  order:-1!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  width:100%!important;
  min-height:44px!important;
  max-height:48px!important;
  padding:4px 10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:#0a1220!important;
  color:#fff!important;
  border-bottom:1px solid rgba(0,154,180,.35)!important;
  box-sizing:border-box!important;
}
body.vento-studio-product fpd-actions-bar > [data-pos]{
  display:flex!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
body.vento-studio-product fpd-actions-bar > [data-pos="modal"],
body.vento-studio-product fpd-actions-bar .fpd-done,
body.vento-studio-product fpd-actions-bar .fpd-total-price,
body.vento-studio-product .fpd-btn.fpd-done{
  display:none!important;
}
body.vento-studio-product fpd-actions-bar .fpd-uncollapsed-menu{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:2px!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
}
body.vento-studio-product fpd-actions-bar .fpd-uncollapsed-menu.fpd-hidden,
body.vento-studio-product fpd-actions-bar .fpd-uncollapsed-menu.fpd-visible-hidden{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  position:relative!important;
  pointer-events:auto!important;
}
body.vento-studio-product fpd-actions-bar .fpd-collapsed-menu{
  display:none!important;
}
body.vento-studio-product fpd-actions-bar .fpd-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:40px!important;
  min-height:40px!important;
  flex:0 0 auto!important;
  color:#fff!important;
}
body.vento-studio-product fpd-actions-bar .fpd-btn > span:not([class*="fpd-icon"]),
body.vento-studio-product fpd-actions-bar .fpd-label{
  display:none!important;
}
body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > fpd-main-wrapper{
  order:0!important;
  width:100%!important;
  flex:1 1 auto!important;
}
body.vento-studio-product .vento-fpd-toolbar{
  margin:6px 0 8px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid rgba(6,16,31,.08)!important;
  box-shadow:none!important;
  min-height:0!important;
}
body.vento-studio-product .vento-fpd-toolbar__hint{display:none!important;}
@media (max-width:720px){
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > fpd-actions-bar{
    order:-1!important;
  }
  body.vento-studio-product .fpd-product-stage{
    min-height:min(48dvh,400px)!important;
  }
  body.vento-studio-product fpd-main-bar .fpd-navigation,
  body.vento-studio-product .fpd-navigation{
    justify-content:space-around!important;
  }
}
@media (min-width:901px){
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > fpd-actions-bar{
    justify-content:center!important;
    gap:14px!important;
  }
  body.vento-studio-product fpd-actions-bar > [data-pos]{
    flex:0 1 auto!important;
  }
}

/* Idle module sheet — hide empty bottom dialog until a module is opened */
body.vento-studio-product .fpd-draggable-dialog:not(.fpd-show):not(.fpd-visible):not(.fpd-opened):not(.fpd-active){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
}
body.vento-studio-product .fpd-draggable-dialog.fpd-show,
body.vento-studio-product .fpd-draggable-dialog.fpd-visible,
body.vento-studio-product .fpd-draggable-dialog.fpd-opened,
body.vento-studio-product .fpd-draggable-dialog.fpd-active{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
  height:auto!important;
  max-height:min(62dvh,520px)!important;
}

/* ========== VENTO 5.1.18 — compact module sheets + centered modals ========== */
body.vento-studio-product .fpd-modal-overlay,
body.vento-studio-product .fpd-modal-internal.fpd-modal-overlay{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:100vw!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  z-index:10080!important;
  background:rgba(6,16,31,.42)!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body.vento-studio-product .fpd-modal-inner,
body.vento-studio-product .fpd-modal-overlay .fpd-modal-inner,
body.vento-studio-product .fpd-modal-internal .fpd-modal-inner{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:min(420px,100%)!important;
  max-width:100vw!important;
  margin:0!important;
  border-radius:18px 18px 0 0!important;
  transform:none!important;
  max-height:min(58dvh,480px)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box!important;
}
@media (min-width:901px){
  body.vento-studio-product .fpd-modal-overlay,
  body.vento-studio-product .fpd-modal-internal.fpd-modal-overlay{
    align-items:center!important;
  }
  body.vento-studio-product .fpd-modal-inner{
    border-radius:16px!important;
    width:min(440px,92vw)!important;
  }
}
/* Compact module content when open */
@media (max-width:900px){
  body.vento-studio-product .fpd-draggable-dialog.fpd-show,
  body.vento-studio-product .fpd-draggable-dialog.fpd-visible,
  body.vento-studio-product .fpd-draggable-dialog.fpd-opened,
  body.vento-studio-product .fpd-draggable-dialog.fpd-active{
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0))!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    max-height:min(48dvh,380px)!important;
    border-radius:16px!important;
    box-shadow:0 12px 36px rgba(6,16,31,.2)!important;
  }
  body.vento-studio-product .fpd-draggable-dialog .fpd-module-content,
  body.vento-studio-product .fpd-draggable-dialog .fpd-scroll-area{
    max-height:min(38dvh,300px)!important;
  }
  body.vento-studio-product fpd-main-bar .fpd-navigation > div,
  body.vento-studio-product .fpd-module-item{
    min-height:52px!important;
    padding:8px 4px!important;
  }
  body.vento-studio-product .fpd-navigation .fpd-label{
    font-size:10.5px!important;
  }
}
/* Hide ruler tool entirely */
body.vento-studio-product [data-action="ruler"],
body.vento-studio-product .fpd-action-ruler,
body.vento-studio-product .fpd-tool-ruler,
body.vento-studio-product .fpd-btn[data-action="ruler"]{
  display:none!important;
}

/* ========== VENTO 5.2.4 — mobile studio app layout ========== */
/*
 * FPD often renders BOTH a top module bar (with Persian labels) and a
 * duplicate icon-only .fpd-bottom-nav. Keep the labeled top bar; kill the dock.
 */
body.vento-studio-product .fpd-bottom-nav,
body.vento-studio-product .fpd-bottom-nav.fpd-module-tabs,
body.vento-fpd-bridge .fpd-bottom-nav{
  display:none!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

@media (max-width:900px){
  /* Kill site chrome that steals height */
  body.vento-studio-product{
    padding-bottom:0!important;
    --mobile-bar-h:0px;
  }
  body.vento-studio-product.has-mobile-bar,
  body.vento-studio-product.m-layout-chic{
    padding-bottom:0!important;
  }
  body.vento-studio-product .mobile-bar,
  body.vento-studio-product .vento-mobile-bar,
  body.vento-studio-product .site-footer,
  body.vento-studio-product footer.site-footer,
  body.vento-studio-product .vento-back-to-top,
  body.vento-studio-product #vento-contact-hub,
  body.vento-studio-product .announcement{
    display:none!important;
    height:0!important;
  }

  /* Full-bleed studio column */
  body.vento-studio-product #content,
  body.vento-studio-product main#content,
  body.vento-studio-product .shop-layout,
  body.vento-studio-product .shop-main{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  body.vento-studio-product #content > .container,
  body.vento-studio-product main .container,
  body.vento-studio-product .shop-main > .container,
  body.vento-studio-product div.product{
    width:100%!important;
    max-width:100%!important;
    padding-inline:10px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* Compact back chip — not a fat card */
  body.vento-studio-product .vento-fpd-toolbar{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:8px 0 8px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    min-height:0!important;
  }
  body.vento-studio-product .vento-fpd-toolbar__back{
    display:inline-flex!important;
    align-items:center!important;
    min-height:36px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(0,154,180,.35)!important;
    background:#fff!important;
    color:#009ab4!important;
    font-size:12.5px!important;
    font-weight:800!important;
    box-shadow:0 4px 12px rgba(6,16,31,.05)!important;
  }
  body.vento-studio-product .vento-fpd-toolbar__hint{display:none!important}

  /* Designer shell fills the phone */
  body.vento-studio-product .vento-studio-fpd-host,
  body.vento-studio-product .fpd-product-designer-wrapper{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 12px!important;
  }
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-height:min(72dvh,640px)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    border:1px solid rgba(8,20,38,.08)!important;
    box-shadow:0 12px 32px rgba(6,16,31,.1)!important;
    background:#fff!important;
  }

  /* Modules on top (labeled) — equal width chips */
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > fpd-main-bar,
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > .fpd-mainbar{
    order:-2!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:58px!important;
    max-height:64px!important;
    background:#06101f!important;
  }
  body.vento-studio-product fpd-main-bar .fpd-navigation,
  body.vento-studio-product .fpd-navigation{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:space-around!important;
    align-items:stretch!important;
    width:100%!important;
    height:58px!important;
    max-height:64px!important;
    overflow:hidden!important;
    background:#06101f!important;
  }
  body.vento-studio-product .fpd-navigation .fpd-nav-item,
  body.vento-studio-product .fpd-navigation > div{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:6px 4px!important;
    gap:2px!important;
    color:#fff!important;
  }
  body.vento-studio-product .fpd-navigation .fpd-nav-icon{
    font-size:20px!important;
    line-height:1!important;
    height:auto!important;
    width:auto!important;
  }
  body.vento-studio-product .fpd-navigation .fpd-label{
    display:block!important;
    font-size:10px!important;
    font-weight:700!important;
    color:#fff!important;
    line-height:1.2!important;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body.vento-studio-product .fpd-navigation .fpd-nav-item.fpd-active,
  body.vento-studio-product .fpd-navigation .fpd-nav-item.fpd-active .fpd-label,
  body.vento-studio-product .fpd-navigation .fpd-nav-item.fpd-active .fpd-nav-icon{
    color:#19b7cf!important;
  }

  /* Actions strip under modules */
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > fpd-actions-bar{
    order:-1!important;
    flex:0 0 auto!important;
    min-height:42px!important;
    max-height:44px!important;
    padding:2px 8px!important;
  }

  /* Stage grows */
  body.vento-studio-product .fpd-product-designer-wrapper > .fpd-container > fpd-main-wrapper{
    order:0!important;
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.vento-studio-product .fpd-product-stage{
    flex:1 1 auto!important;
    width:100%!important;
    min-height:min(52dvh,460px)!important;
    max-height:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#eef2f5!important;
  }
  body.vento-studio-product .fpd-product-stage .canvas-container,
  body.vento-studio-product .fpd-product-stage .fpd-view-stage{
    margin:0 auto!important;
    max-width:100%!important;
  }

  /* Module sheet sits above the fold, doesn't eat the whole phone */
  body.vento-studio-product .fpd-draggable-dialog.fpd-show,
  body.vento-studio-product .fpd-draggable-dialog.fpd-module-visible,
  body.vento-studio-product .fpd-draggable-dialog.fpd-visible{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    top:auto!important;
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
    max-height:min(42dvh,340px)!important;
    border-radius:18px 18px 14px 14px!important;
    z-index:90!important;
    box-shadow:0 16px 40px rgba(6,16,31,.28)!important;
  }
  body.vento-studio-product .fpd-draggable-dialog .fpd-dialog-head,
  body.vento-studio-product .fpd-draggable-dialog .fpd-module-tabs{
    flex:0 0 auto!important;
  }
  body.vento-studio-product .fpd-draggable-dialog .fpd-module-content,
  body.vento-studio-product .fpd-draggable-dialog .fpd-scroll-area{
    max-height:min(30dvh,240px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  /* Buy strip compact under designer */
  body.vento-studio-product .summary,
  body.vento-studio-product div.summary{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 16px!important;
    padding:14px 12px 16px!important;
    border-radius:14px!important;
  }
  body.vento-studio-product .summary .product_title{
    font-size:1.05rem!important;
    margin:0 0 4px!important;
  }
  body.vento-studio-product .summary .price{
    font-size:1.1rem!important;
    margin:0 0 10px!important;
  }
  body.vento-studio-product form.cart{
    gap:8px!important;
    margin-top:8px!important;
  }
  body.vento-studio-product .single_add_to_cart_button{
    height:48px!important;
    min-height:48px!important;
    font-size:14px!important;
  }
}

@media (max-width:420px){
  body.vento-studio-product .fpd-product-stage{
    min-height:min(48dvh,400px)!important;
  }
  body.vento-studio-product .fpd-navigation .fpd-label{
    font-size:9.5px!important;
  }
}

/* ========== VENTO 5.2.5 — module dialog (افزودن متن / تصاویر / طرح‌ها) ========== */
/* FPD toggles fpd-module-visible + fpd-show — keep both in the open set */
body.vento-studio-product .fpd-draggable-dialog:not(.fpd-show):not(.fpd-module-visible):not(.fpd-visible):not(.fpd-opened):not(.fpd-active){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
}
body.vento-studio-product .fpd-draggable-dialog.fpd-show,
body.vento-studio-product .fpd-draggable-dialog.fpd-module-visible,
body.vento-studio-product .fpd-draggable-dialog.fpd-visible,
body.vento-studio-product .fpd-draggable-dialog.fpd-opened,
body.vento-studio-product .fpd-draggable-dialog.fpd-active{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(58dvh,460px)!important;
  background:#fff!important;
  border:1px solid rgba(8,20,38,.1)!important;
  border-radius:16px!important;
  box-shadow:0 16px 40px rgba(6,16,31,.22)!important;
  overflow:hidden!important;
  z-index:10060!important;
}

/* Head must stay a single horizontal bar (RTL). Never stack title + close. */
body.vento-studio-product .fpd-draggable-dialog > .fpd-dialog-head,
body.vento-studio-product .fpd-draggable-dialog .fpd-dialog-head{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0 6px 0 14px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  flex:0 0 46px!important;
  direction:rtl!important;
  background:#06101f!important;
  color:#fff!important;
  border-radius:16px 16px 0 0!important;
}
body.vento-studio-product .fpd-draggable-dialog .fpd-dialog-head > .fpd-dialog-drag-handle{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  height:46px!important;
  cursor:grab;
}
body.vento-studio-product .fpd-draggable-dialog .fpd-dialog-head > .fpd-dialog-drag-handle > div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
}
body.vento-studio-product .fpd-draggable-dialog .fpd-dialog-head .fpd-dialog-title{
  display:inline-block!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
  color:#fff!important;
}
body.vento-studio-product .fpd-draggable-dialog .fpd-dialog-head > .fpd-close-dialog{
  flex:0 0 44px!important;
  width:44px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1!important;
  opacity:.92!important;
  cursor:pointer!important;
  color:#fff!important;
}
body.vento-studio-product .fpd-draggable-dialog .fpd-dialog-head .fpd-icon-drag,
body.vento-studio-product .fpd-draggable-dialog .fpd-dialog-head .fpd-icon-close{
  color:#fff!important;
  font-size:16px!important;
}

/* Module body */
body.vento-studio-product .fpd-draggable-dialog > .fpd-module-content,
body.vento-studio-product .fpd-draggable-dialog .fpd-module-content{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  background:#fff!important;
  padding:0!important;
  direction:rtl!important;
}

/* —— افزودن متن —— */
body.vento-studio-product .fpd-draggable-dialog fpd-module-text.fpd-active,
body.vento-studio-product .fpd-draggable-dialog fpd-module-text.fpd-active > div{
  display:block!important;
  width:100%!important;
}
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-add-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:12px!important;
  padding:14px!important;
  margin:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-add-text textarea,
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-add-text input[type="text"]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:100px!important;
  margin:0!important;
  padding:12px 14px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(8,20,38,.14)!important;
  border-radius:12px!important;
  background:#f4f7fa!important;
  color:#06101f!important;
  font-size:15px!important;
  line-height:1.55!important;
  resize:vertical!important;
  box-shadow:none!important;
  -webkit-appearance:none;
  appearance:none;
}
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-add-text textarea:focus,
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-add-text input[type="text"]:focus{
  outline:0!important;
  border-color:#009ab4!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(0,154,180,.18)!important;
}
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-add-text .fpd-btn{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:48px!important;
  height:auto!important;
  margin:0!important;
  padding:12px 18px!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  background:#009ab4!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-add-text .fpd-btn > span{
  white-space:nowrap!important;
}
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-text-templates .fpd-grid:empty,
body.vento-studio-product .fpd-draggable-dialog fpd-module-text .fpd-text-templates:not(:has(.fpd-item)){
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

/* —— تصاویر (upload zone inside same sheet) —— */
body.vento-studio-product .fpd-draggable-dialog fpd-module-images .fpd-btn,
body.vento-studio-product .fpd-draggable-dialog fpd-module-images .fpd-upload-zone{
  border-radius:12px!important;
}
body.vento-studio-product .fpd-draggable-dialog fpd-module-images .fpd-btn{
  min-height:44px!important;
  padding:10px 16px!important;
  font-weight:800!important;
}

@media (max-width:900px){
  body.vento-studio-product .fpd-draggable-dialog.fpd-show,
  body.vento-studio-product .fpd-draggable-dialog.fpd-module-visible,
  body.vento-studio-product .fpd-draggable-dialog.fpd-visible,
  body.vento-studio-product .fpd-draggable-dialog.fpd-opened,
  body.vento-studio-product .fpd-draggable-dialog.fpd-active{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    top:auto!important;
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
    max-height:min(48dvh,380px)!important;
    z-index:10060!important;
  }
}

/* ========== VENTO 5.2.6 — element toolbar bottom sheet ========== */
body.vento-studio-product fpd-element-toolbar.fpd-show,
body.vento-studio-product fpd-element-toolbar.fpd-smart.fpd-show,
body.vento-studio-product fpd-element-toolbar.fpd-layout-small.fpd-show,
body.vento-studio-product fpd-element-toolbar.fpd-container.fpd-show{
  display:flex!important;
  flex-direction:column!important;
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(28dvh,200px)!important;
  margin:0!important;
  padding:0 0 env(safe-area-inset-bottom,0px)!important;
  transform:none!important;
  background:#fff!important;
  color:#06101f!important;
  border:1px solid rgba(8,20,38,.08)!important;
  border-bottom:0!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:0 -14px 40px rgba(6,16,31,.22)!important;
  overflow:visible!important;
  z-index:10070!important;
  box-sizing:border-box!important;
  direction:rtl!important;
}

/* Close X — floating chip above the sheet (FPD default pattern) */
body.vento-studio-product fpd-element-toolbar.fpd-show > .fpd-close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  top:0!important;
  left:12px!important;
  right:auto!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translateY(-100%)!important;
  background:#fff!important;
  color:#06101f!important;
  border-radius:12px 12px 0 0!important;
  box-shadow:0 -4px 14px rgba(6,16,31,.12)!important;
  z-index:2!important;
  cursor:pointer!important;
  font-size:16px!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show > .fpd-close .fpd-icon-close{
  font-size:16px!important;
  line-height:1!important;
}

/* Back row — only when a sub-panel is open */
body.vento-studio-product fpd-element-toolbar.fpd-show > .fpd-close-sub-panel{
  display:none!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show.fpd-panel-visible > .fpd-close-sub-panel{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-width:none!important;
  margin:0!important;
  padding:0 14px!important;
  transform:none!important;
  background:#06101f!important;
  color:#fff!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show.fpd-panel-visible > .fpd-close-sub-panel .fpd-label{
  display:inline!important;
  margin:0!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#fff!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show.fpd-panel-visible > .fpd-close{
  display:none!important;
}

/* Tools nav — single horizontal strip (text + image) */
body.vento-studio-product fpd-element-toolbar.fpd-show > .fpd-tools-nav{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  flex:0 0 auto!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  margin:0!important;
  padding:14px 10px calc(14px + env(safe-area-inset-bottom,0px))!important;
  background:#fff!important;
  border-radius:18px 18px 0 0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  box-sizing:border-box!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show > .fpd-tools-nav::-webkit-scrollbar{
  display:none;
}
body.vento-studio-product fpd-element-toolbar.fpd-show.fpd-panel-visible > .fpd-tools-nav{
  display:none!important;
}

/* Primary + secondary merge into one scroll row */
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools{
  display:contents!important; /* children participate in parent row */
}
/* Fallback if display:contents is flaky: keep rows inline */
@supports not (display:contents){
  body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools,
  body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    gap:4px!important;
    overflow:visible!important;
  }
}

/* Tool chips */
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > div,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools > div{
  flex:0 0 70px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:70px!important;
  min-width:70px!important;
  max-width:70px!important;
  min-height:68px!important;
  height:68px!important;
  margin:0!important;
  padding:8px 4px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#06101f!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > div.fpd-hidden,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools > div.fpd-hidden,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > div[style*="display: none"],
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools > div[style*="display: none"],
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > div[style*="display:none"],
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools > div[style*="display:none"]{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > div.fpd-active,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools > div.fpd-active{
  background:rgba(0,154,180,.1)!important;
  color:#009ab4!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > div > span[class^="fpd-icon-"],
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools > div > span[class^="fpd-icon-"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  font-size:20px!important;
  line-height:1!important;
  margin:0!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > div > .fpd-label,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-secondary-tools > div > .fpd-label{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Size chip: number only (FPD smart default) — hide colliding label/icon */
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > .fpd-tool-text-size,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-tool-text-size{
  justify-content:center!important;
  gap:0!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > .fpd-tool-text-size > .fpd-label,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > .fpd-tool-text-size > span[class^="fpd-icon-"],
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-tool-text-size > .fpd-label,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-tool-text-size > span[class^="fpd-icon-"]{
  display:none!important;
  height:0!important;
  width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:0!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > .fpd-tool-text-size > input.fpd-input,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-primary-tools > .fpd-tool-text-size > .fpd-input,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-tool-text-size > input.fpd-input,
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-tool-text-size > .fpd-input{
  display:block!important;
  position:static!important;
  width:56px!important;
  max-width:100%!important;
  height:40px!important;
  margin:0 auto!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(8,20,38,.14)!important;
  border-radius:10px!important;
  background:#f4f7fa!important;
  color:#06101f!important;
  font-size:15px!important;
  font-weight:800!important;
  text-align:center!important;
  pointer-events:none!important;
  box-shadow:none!important;
}

/* Color swatch */
body.vento-studio-product fpd-element-toolbar.fpd-show .fpd-tool-color > .fpd-current-fill{
  display:block!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  border:2px solid rgba(8,20,38,.12)!important;
  margin:0!important;
}

/* Sub-panel content */
body.vento-studio-product fpd-element-toolbar.fpd-show > .fpd-sub-panel{
  display:none!important;
  width:100%!important;
  max-height:min(34dvh,240px)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  padding:12px 14px 16px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
body.vento-studio-product fpd-element-toolbar.fpd-show.fpd-panel-visible > .fpd-sub-panel{
  display:flex!important;
  flex-direction:column!important;
}

/* While editing an element, tuck the module dialog so sheets don't stack */
body.vento-studio-product:has(fpd-element-toolbar.fpd-show) .fpd-draggable-dialog.fpd-show,
body.vento-studio-product:has(fpd-element-toolbar.fpd-show) .fpd-draggable-dialog.fpd-module-visible{
  opacity:.0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}