/* ASC Sticker Designer — editor styles (Figma "Scandinavian minimal" design system) */
#asc-sticker-designer-root{
  --ink:#242424; --body:#767676; --muted:#6B7280; --faint:#9CA3AF;
  --bg:#F7F7F8; --sur:#FFFFFF; --line:#E7E7EA;
  --ac:#E92D74; --ach:#C31F5F; --acl:#FDEBF2; --acb:#F7C9DB;
  --creative:#FBBC34; --ok:#16A34A; --okl:#DCFCE7; --warn:#E5484D; --star:#FBBC34;
  --cut:#1E5AFF;
  --title-font:'Poppins',Arial,Helvetica,sans-serif;
  --sh-sm:0 1px 2px rgba(20,22,26,.06); --sh-md:0 6px 20px rgba(20,22,26,.08); --sh-lg:0 16px 40px rgba(20,22,26,.12);
  font-family:'Cabin',Arial,Helvetica,sans-serif; color:var(--body); -webkit-font-smoothing:antialiased;
}
#asc-sticker-designer-root *,#asc-sticker-designer-root *::before,#asc-sticker-designer-root *::after{ box-sizing:border-box; }
.asce{ display:flex; flex-direction:column; height:100vh; height:100dvh; height:var(--asc-vh,100dvh); min-height:480px; overflow:hidden; overscroll-behavior:contain; background:var(--bg); }

/* animations */
@keyframes ascePricePop{0%{opacity:.15;transform:scale(.86) translateY(6px)}60%{transform:scale(1.06) translateY(-2px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes asceScaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes asceDash{to{stroke-dashoffset:-24}}

/* ── top bar ── */
.asce-top{ height:50px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; background:var(--sur); border-bottom:1px solid var(--line); flex-shrink:0; z-index:20; box-shadow:var(--sh-sm); gap:8px; }
.asce-top-l{ display:flex; align-items:center; gap:8px; min-width:0; }
.asce-back{ display:flex; align-items:center; gap:5px; padding:6px 10px; border:none; border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; font:inherit; font-size:13px; transition:.15s; }
.asce-back:hover{ background:var(--bg); color:var(--ink); }
.asce-vr{ width:1px; height:18px; background:var(--line); flex-shrink:0; }
.asce-logo{ width:24px; height:24px; border-radius:6px; background:var(--ac); display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0; }
.asce-title{ font-size:13px; font-weight:600; color:var(--ink); white-space:nowrap; }
.asce-top-c{ display:flex; align-items:center; gap:2px; }
.asce-ico{ padding:7px; border:none; border-radius:7px; background:transparent; color:var(--muted); cursor:pointer; display:flex; transition:.15s; }
.asce-ico:hover{ background:var(--bg); color:var(--ink); }
.asce-ico:disabled{ opacity:.4; cursor:default; }
.asce-zoom{ font-size:12px; font-weight:500; color:var(--ink); min-width:44px; text-align:center; }
.asce-preview{ display:flex; align-items:center; gap:6px; padding:7px 12px; border:1px solid var(--line); border-radius:8px; background:var(--sur); color:var(--ink); cursor:pointer; font:inherit; font-size:13px; font-weight:500; transition:.15s; }
.asce-preview:hover{ background:var(--acl); color:var(--ac); border-color:var(--ac); }

/* ── body 3-col ── */
.asce-body{ flex:1; display:flex; overflow:hidden; }
.asce-left{ width:272px; flex-shrink:0; border-right:1px solid var(--line); display:flex; flex-direction:column; overflow-y:auto; background:var(--sur); }
.asce-right{ width:290px; flex-shrink:0; border-left:1px solid var(--line); overflow-y:auto; background:var(--sur); }
.asce-canvas{ flex:1; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#EAECF0; position:relative; }
.asce-dots{ position:absolute; inset:0; background-image:radial-gradient(circle,#B8BCC8 1px,transparent 1px); background-size:22px 22px; opacity:.45; }
.asce-artwrap{ position:relative; background:var(--sur); border-radius:14px; box-shadow:var(--sh-lg); padding:36px 40px; transition:transform 200ms; z-index:1; }
.asce-board{ position:relative; background:
   linear-gradient(45deg,#eef1f5 25%,transparent 25%,transparent 75%,#eef1f5 75%),
   linear-gradient(45deg,#eef1f5 25%,#fff 25%,#fff 75%,#eef1f5 75%);
  background-size:18px 18px; background-position:0 0,9px 9px; background-color:#fff; touch-action:none; }
.asce-cut{ position:absolute; inset:0; pointer-events:none; z-index:5; }
.asce-cut path{ animation:asceDash 1s linear infinite; }
.asce-sizelabel{ position:absolute; left:50%; bottom:-26px; transform:translateX(-50%); font-size:11px; color:var(--muted); font-weight:600; white-space:nowrap; }
.asce-emptyhint{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--faint); font-size:13px; padding:20px; pointer-events:none; }
.asce-floattool{ position:absolute; top:8px; right:8px; display:flex; align-items:center; gap:2px; background:var(--sur); border:1px solid var(--line); border-radius:8px; padding:4px 6px; box-shadow:var(--sh-md); z-index:8; }
.asce-floattool button{ padding:5px; border:none; border-radius:5px; background:transparent; color:var(--muted); cursor:pointer; display:flex; }
.asce-floattool button:hover{ background:var(--bg); color:var(--ink); }
.asce-floattool button.danger:hover{ background:#FEE2E2; color:var(--warn); }

/* ── design elements ── */
.asce-el{ position:absolute; cursor:move; border:1.5px solid transparent; }
.asce-el img{ width:100%; height:100%; display:block; pointer-events:none; user-select:none; }
.asce-el.sel{ border-color:var(--ac); }
.asce-el-text{ padding:2px 4px; }
.asce-txt{ line-height:1.15; white-space:nowrap; }
.asce-h{ position:absolute; width:12px; height:12px; background:var(--ac); border:2px solid #fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.2); display:none; }
.asce-el.sel .asce-h{ display:block; }
.asce-h-se{ right:-7px; bottom:-7px; cursor:nwse-resize; }
.asce-h-rot{ top:-30px; left:50%; margin-left:-6px; cursor:grab; }
.asce-h-rot:active{ cursor:grabbing; }
.asce-h-rot::before{ content:''; position:absolute; left:50%; top:100%; width:2px; height:20px; margin-left:-1px; background:var(--ac); pointer-events:none; }

/* ── accordion left ── */
.asce-acc{ border-bottom:1px solid var(--line); }
.asce-acc-btn{ width:100%; display:flex; align-items:center; justify-content:space-between; padding:11px 16px; border:none; cursor:pointer; background:var(--sur); color:var(--ink); font:inherit; font-size:13px; font-weight:600; }
.asce-acc-btn.on{ background:var(--acl); }
.asce-acc-btn .lbl{ display:flex; align-items:center; gap:8px; color:var(--body); }
.asce-acc-btn.on .lbl{ color:var(--ac); }
.asce-acc-btn .chev{ color:var(--faint); display:flex; transition:transform 150ms; }
.asce-acc-btn.on .chev{ transform:rotate(180deg); }
.asce-acc-body{ padding:12px 14px 16px; background:var(--sur); display:flex; flex-direction:column; gap:10px; }
.asce-drop{ border-radius:12px; border:1.5px dashed var(--line); background:var(--bg); display:flex; flex-direction:column; align-items:center; gap:8px; padding:26px 12px; cursor:pointer; transition:.15s; text-align:center; }
.asce-drop:hover,.asce-drop.over{ border-color:var(--ac); background:var(--acl); }
.asce-drop p{ margin:0; }
.asce-drop .t{ font-size:12px; color:var(--muted); line-height:1.5; }
.asce-drop .t u,.asce-link{ color:var(--ac); text-decoration:none; }
.asce-drop .s{ font-size:11px; color:var(--faint); }
.asce-search{ display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:8px; padding:8px 10px; background:var(--bg); }
.asce-search input{ flex:1; border:none; background:transparent; font:inherit; font-size:12px; color:var(--ink); outline:none; }
.asce-clipgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.asce-clip{ aspect-ratio:1; border-radius:10px; background:var(--bg); border:1px solid var(--line); cursor:pointer; display:flex; align-items:center; justify-content:center; padding:9px; transition:transform 150ms; }
.asce-clip:hover{ transform:scale(1.08); border-color:var(--ac); }
.asce-clip img{ max-width:100%; max-height:100%; }
.asce-fieldlbl{ font-size:11px; font-weight:500; color:var(--muted); display:block; margin-bottom:5px; }
.asce-inp{ border:1px solid var(--line); border-radius:8px; padding:9px 10px; font:inherit; font-size:13px; color:var(--ink); background:var(--sur); outline:none; width:100%; }
.asce-inp:focus{ border-color:var(--ac); }
.asce-addtext{ padding:10px 0; border-radius:10px; border:1px solid var(--acb); background:var(--acl); color:var(--ac); cursor:pointer; font:inherit; font-weight:600; font-size:13px; display:flex; align-items:center; justify-content:center; gap:6px; }
.asce-swatch{ display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:8px; padding:6px 10px; cursor:pointer; }
.asce-swatch .sw{ width:20px; height:20px; border-radius:4px; flex-shrink:0; border:1px solid rgba(0,0,0,.1); }
.asce-layer{ display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:8px; background:var(--bg); border:1px solid transparent; cursor:pointer; }
.asce-layer.on{ background:var(--acl); border-color:var(--acb); }
.asce-layer .n{ flex:1; font-size:12px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.asce-layer .x{ padding:4px; border:none; border-radius:4px; background:transparent; color:var(--faint); cursor:pointer; display:flex; }
.asce-layer .x:hover{ color:var(--warn); background:#FEE2E2; }

/* ── right panel groups ── */
.asce-rp{ padding:14px 16px; display:flex; flex-direction:column; gap:14px; }
.asce-seclbl{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--faint); }
.asce-div{ height:1px; background:var(--line); }
.asce-row{ display:flex; align-items:center; justify-content:space-between; }
.asce-slider{ width:100%; accent-color:var(--ac); }
.asce-mini{ font-size:10px; color:var(--faint); line-height:1.5; margin:0; }
.asce-note{ font-size:11px; color:var(--faint); line-height:1.5; margin:0; }

/* toggle */
.asce-tg{ width:36px; height:20px; border-radius:99px; background:var(--line); position:relative; cursor:pointer; transition:background 150ms; flex-shrink:0; border:none; padding:0; }
.asce-tg.on{ background:var(--ac); }
.asce-tg::after{ content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.15); transition:left 150ms; }
.asce-tg.on::after{ left:18px; }

/* size inputs + link */
.asce-sizerow{ display:flex; align-items:flex-end; gap:6px; }
.asce-numwrap{ display:flex; align-items:center; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.asce-numwrap.locked{ background:var(--bg); }
.asce-numwrap:focus-within{ border-color:var(--ac); }
.asce-numwrap input{ flex:1; border:none; padding:9px 8px; font:inherit; font-size:13px; color:var(--ink); outline:none; background:transparent; width:40px; }
.asce-numwrap .u{ font-size:10px; color:var(--faint); padding-right:8px; flex-shrink:0; }
.asce-linkico{ display:flex; flex-direction:column; align-items:center; gap:2px; padding-bottom:2px; flex-shrink:0; }
.asce-linkico .bar{ width:1px; height:6px; background:var(--line); }
.asce-linkico.on .bar{ background:var(--ac); }
.asce-linkico .knot{ width:16px; height:16px; border-radius:50%; border:1.5px solid var(--line); display:flex; align-items:center; justify-content:center; }
.asce-linkico.on .knot{ border-color:var(--ac); background:var(--acl); }

/* chips */
.asce-chips{ display:flex; flex-wrap:wrap; gap:5px; }
.asce-chip{ padding:5px 11px; border-radius:7px; border:1.5px solid var(--line); background:var(--bg); color:var(--muted); font:inherit; font-size:12px; font-weight:500; cursor:pointer; transition:.15s; }
.asce-chip.sm{ padding:4px 9px; font-size:11px; }
.asce-chip:hover{ border-color:var(--ac); }
.asce-chip.on{ border-color:var(--ac); background:var(--acl); color:var(--ac); }

/* option cards (material/finish) */
.asce-cards{ display:flex; gap:8px; }
.asce-card{ flex:1; padding:11px 12px; border-radius:10px; border:1.5px solid var(--line); background:var(--sur); cursor:pointer; text-align:left; transition:.15s; position:relative; font:inherit; }
.asce-card.on{ border-color:var(--ac); background:var(--acl); }
.asce-card .ct{ display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.asce-card .cn{ font-size:13px; font-weight:700; color:var(--ink); }
.asce-card.on .cn{ color:var(--ac); }
.asce-card .cs{ font-size:11px; color:var(--muted); line-height:1.4; display:block; }
.asce-card.on .cs{ color:var(--ac); }
.asce-card .chint{ font-size:10px; color:var(--faint); display:block; margin-top:3px; }
.asce-cardcheck{ display:none; color:var(--ac); }
.asce-card.on .asce-cardcheck{ display:flex; }
.asce-badge{ position:absolute; top:-8px; right:8px; font-size:9px; font-weight:700; padding:2px 6px; border-radius:99px; background:var(--creative); color:#fff; letter-spacing:.05em; }
.asce-finswatch{ height:22px; border-radius:5px; margin-bottom:8px; border:1px solid rgba(0,0,0,.08); }
.asce-finswatch.blank{ background:linear-gradient(125deg,#d8dce8 0%,#fff 38%,#c4c9d8 55%,#eef0f8 75%,#d0d4e2 100%); }
.asce-finswatch.matt{ background:#C8CBD4; }
.asce-cards-wrap{ flex-wrap:wrap; }
.asce-cards-wrap .asce-card{ flex:1 1 calc(50% - 4px); min-width:120px; }
#asc-sticker-designer-root .asce-title,
#asc-sticker-designer-root .asce-seclbl,
#asc-sticker-designer-root .asce-card .cn,
#asc-sticker-designer-root .asce-acc-btn{ font-family:var(--title-font); }
#asc-sticker-designer-root .asce-preview,
#asc-sticker-designer-root .asce-addtext,
#asc-sticker-designer-root .asce-chip{ border-radius:999px; }

/* price block */
.asce-price{ border-radius:14px; background:linear-gradient(140deg,#FDEBF2 0%,#FBDCE8 60%,#FDEBF2 100%); padding:16px 16px 14px; }
.asce-price-big{ font-size:36px; font-weight:800; font-family:var(--title-font); color:var(--ac); margin:0 0 2px; line-height:1; letter-spacing:-1px; }
.asce-price-big small{ font-size:20px; font-weight:600; }
.asce-price .u{ font-size:12px; color:var(--muted); margin:0 0 1px; }
.asce-price .a{ font-size:11px; color:var(--faint); margin:0 0 8px; }
.asce-minbadge{ font-size:9px; color:var(--warn); font-weight:700; background:#FEE2E2; padding:2px 7px; border-radius:99px; }

/* buttons */
.asce-cta{ padding:14px 0; border-radius:999px; background:var(--ac); color:#fff; border:none; cursor:pointer; font-weight:700; font-size:15px; font-family:var(--title-font); box-shadow:0 4px 16px rgba(233,45,116,.22); transition:.15s; width:100%; }
.asce-cta:hover{ background:var(--ach); box-shadow:0 6px 22px rgba(233,45,116,.28); transform:translateY(-1px); }
.asce-cta:disabled{ opacity:.6; cursor:default; transform:none; }
.asce-textbtn{ padding:10px 0; border-radius:10px; background:transparent; color:var(--muted); border:none; cursor:pointer; font:inherit; font-size:12px; transition:color 150ms; width:100%; }
.asce-textbtn:hover{ color:var(--ink); }
.asce-reassure{ padding:10px 12px; border-radius:10px; background:var(--okl); border:1px solid #BBF7D0; display:flex; flex-direction:column; gap:5px; }
.asce-reassure span{ display:flex; align-items:center; gap:6px; font-size:11px; color:#166534; font-weight:500; }
.asce-status{ font-size:12px; text-align:center; min-height:15px; }
.asce-status.err{ color:var(--warn); }
.asce-status.ok{ color:var(--ok); }

/* ── proof modal ── */
.asce-modal{ position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(20,22,26,.6); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.asce-modal-card{ width:100%; max-width:440px; border-radius:18px; background:var(--sur); padding:24px; box-shadow:var(--sh-lg); display:flex; flex-direction:column; gap:18px; max-height:92vh; overflow-y:auto; }
.asce-modal h2{ font-family:var(--title-font); font-size:17px; font-weight:700; color:var(--ink); margin:0; }
.asce-modal-preview{ border-radius:14px; background:var(--bg); display:flex; align-items:center; justify-content:center; padding:20px; }
.asce-modal-preview img{ max-width:100%; max-height:320px; }
.asce-summary{ border-radius:12px; background:var(--bg); padding:14px; display:flex; flex-direction:column; gap:8px; }
.asce-summary .r{ display:flex; justify-content:space-between; font-size:13px; }
.asce-summary .r .k{ color:var(--muted); } .asce-summary .r .v{ color:var(--ink); font-weight:500; }
.asce-summary .total .k{ color:var(--ink); font-weight:700; font-size:15px; } .asce-summary .total .v{ color:var(--ac); font-weight:700; font-size:15px; }
.asce-check{ display:flex; align-items:center; gap:10px; cursor:pointer; }
.asce-checkbox{ width:20px; height:20px; border-radius:5px; border:1.5px solid #C9CDD4; background:var(--sur); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:.15s; }
.asce-checkbox.on{ border-color:var(--ac); background:var(--ac); }
.asce-iconbtn{ padding:6px; border:none; background:transparent; border-radius:8px; color:var(--muted); cursor:pointer; display:flex; }
.asce-iconbtn:hover{ background:var(--bg); }

/* ── mobile ── */
.asce-mobar{ display:none; }
@media(max-width:900px){
  .asce-left,.asce-right{ display:none; }
  .asce-mobar{ display:block; flex-shrink:0; background:var(--sur); border-top:1px solid var(--line); }
  .asce-mopanel{ max-height:44dvh; overflow-y:auto; border-top:1px solid var(--line); }
  .asce-mopanel-in{ padding:12px 16px; display:flex; flex-direction:column; gap:12px; }
  .asce-mobar-price{ display:flex; align-items:center; gap:10px; padding:9px 14px; border-top:1px solid var(--line); }
  .asce-mobar-price .p{ flex:1; }
  .asce-mobar-price .p .big{ font-size:19px; font-weight:700; font-family:var(--title-font); color:var(--ac); margin:0; }
  .asce-mobar-price .p .sub{ font-size:10px; color:var(--faint); margin:0; }
  .asce-mobar-price .asce-cta{ flex:1; padding:12px 0; font-size:14px; box-shadow:none; }
  .asce-motabs{ display:flex; border-top:1px solid var(--line); }
  .asce-motab{ flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; padding:10px 0 8px; border:none; background:transparent; color:var(--muted); cursor:pointer; }
  .asce-motab.on{ color:var(--ac); }
  .asce-motab span{ font-size:9px; font-weight:600; }
  .asce-artwrap{ padding:20px 22px; }
}
@media(max-width:520px){ .asce-clipgrid{ grid-template-columns:repeat(4,1fr); } }

@media(max-width:680px){ .asce-back span,.asce-title,.asce-preview span{display:none;} .asce-top{padding:0 8px;gap:4px;} .asce-logo{display:none;} }


/* ── ASC themed-page framing: full-screen app inside Woodmart (page 37140) ── */
body.page-id-37140 #asc-sticker-designer-root{ padding-top:var(--asc-hh,90px); }
body.page-id-37140 .wd-content-layout.container{ max-width:100%!important; padding-left:0!important; padding-right:0!important; padding-top:0!important; padding-bottom:0!important; }
body.page-id-37140 .wd-content-area.site-content{ padding:0!important; margin:0!important; }
body.page-id-37140 article.entry-content{ padding:0!important; margin:0!important; }
body.page-id-37140 .main-page-wrapper{ background:#EAECF0; }
body.page-id-37140 .whb-general-header{ background-color:#181818!important; }

/* asc-fix-controls v1.3.3 — neutralise WoodMart button bleed on toggles & chips */
#asc-sticker-designer-root .asce-tg{ -webkit-appearance:none!important; appearance:none!important; position:relative!important; width:38px!important; height:22px!important; min-width:38px!important; min-height:22px!important; max-width:38px!important; padding:0!important; border:none!important; border-radius:999px!important; background:var(--line)!important; box-shadow:none!important; line-height:normal!important; flex:0 0 auto!important; text-transform:none!important; }
#asc-sticker-designer-root .asce-tg.on{ background:var(--ac)!important; }
#asc-sticker-designer-root .asce-tg::after{ content:""!important; position:absolute!important; top:2px!important; left:2px!important; width:18px!important; height:18px!important; border-radius:50%!important; background:#fff!important; box-shadow:0 1px 3px rgba(0,0,0,.2)!important; transition:left .15s!important; }
#asc-sticker-designer-root .asce-tg.on::after{ left:18px!important; }
#asc-sticker-designer-root button{ text-transform:none!important; letter-spacing:normal!important; min-height:0!important; }
#asc-sticker-designer-root .asce-chip{ border-radius:10px!important; padding:7px 14px!important; min-height:0!important; box-shadow:none!important; line-height:1.1!important; font-weight:600!important; width:auto!important; }
#asc-sticker-designer-root .asce-chip.sm{ padding:6px 12px!important; }

/* asc-fix-responsive v1.3.4 — designer-page chrome fixes (page 37140) */
/* Woodmart's fixed mobile bottom toolbar (.wd-toolbar, z-index 350) overlapped the designer's own bottom bar and hid its tool tabs on phone/tablet. The designer has its own complete bottom UI (price + Lagg i varukorg + tool tabs), so remove Woodmart's toolbar on this page only. */
body.page-id-37140 .wd-toolbar{ display:none!important; }
/* Suppress the unconfigured Woodmart/Mailchimp demo promo popup that appeared over the designer. */
body.page-id-37140 #popup-legacy, body.page-id-37140 .wd-promo-popup, body.page-id-37140 .mfp-bg, body.page-id-37140 .mfp-wrap{ display:none!important; }


/* asc-cards-v2 (v1.3.5) — rebuild material/finish option cards; neutralise WoodMart button bleed that forced row/center layout and overlapped name+description */
#asc-sticker-designer-root .asce-cards,#asc-sticker-designer-root .asce-cards-wrap{ display:flex!important; flex-direction:column!important; flex-wrap:nowrap!important; gap:10px!important; width:100%!important; margin-top:4px!important; }
#asc-sticker-designer-root .asce-card{ display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; text-align:left!important; white-space:normal!important; line-height:1.4!important; width:100%!important; flex:1 1 100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; position:relative!important; padding:12px 14px!important; border-radius:12px!important; border:1.5px solid var(--line)!important; background:var(--sur)!important; box-shadow:none!important; cursor:pointer!important; text-transform:none!important; letter-spacing:normal!important; font-family:var(--title-font)!important; overflow:visible!important; }
#asc-sticker-designer-root .asce-card.on{ border-color:var(--ac)!important; background:var(--acl)!important; }
#asc-sticker-designer-root .asce-card>.ct{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; width:100%!important; margin:0 0 3px!important; gap:8px!important; }
#asc-sticker-designer-root .asce-card .cn{ display:block!important; font-size:14px!important; font-weight:700!important; color:var(--ink)!important; white-space:normal!important; text-align:left!important; margin:0!important; }
#asc-sticker-designer-root .asce-card.on .cn{ color:var(--ac)!important; }
#asc-sticker-designer-root .asce-card .cs{ display:block!important; width:100%!important; font-size:12px!important; font-weight:400!important; color:var(--muted)!important; white-space:normal!important; text-align:left!important; line-height:1.45!important; margin:0!important; }
#asc-sticker-designer-root .asce-card.on .cs{ color:var(--ach)!important; }
#asc-sticker-designer-root .asce-card .chint{ display:inline-block!important; align-self:flex-start!important; width:auto!important; margin:8px 0 0!important; padding:2px 9px!important; border-radius:999px!important; background:var(--bg)!important; color:var(--muted)!important; font-size:11px!important; font-weight:600!important; white-space:nowrap!important; }
#asc-sticker-designer-root .asce-card.on .chint{ background:#fff!important; color:var(--ac)!important; }
#asc-sticker-designer-root .asce-card .asce-cardcheck{ display:none!important; }
#asc-sticker-designer-root .asce-card.on .asce-cardcheck{ display:inline-flex!important; align-items:center!important; align-self:flex-end!important; color:var(--ac)!important; flex:0 0 auto!important; }
#asc-sticker-designer-root .asce-badge{ position:absolute!important; top:-8px!important; right:12px!important; z-index:2!important; display:inline-block!important; padding:2px 9px!important; border-radius:999px!important; background:var(--creative)!important; color:#fff!important; font-size:9px!important; font-weight:700!important; letter-spacing:.04em!important; line-height:1.5!important; white-space:nowrap!important; box-shadow:0 2px 6px rgba(0,0,0,.12)!important; }
#asc-sticker-designer-root .asce-finswatch{ display:block!important; width:100%!important; height:20px!important; border-radius:6px!important; margin:0 0 8px!important; border:1px solid rgba(0,0,0,.08)!important; }


/* asc-modal-fix (v1.3.6) — proof modal is appended to <body> (outside #asc-sticker-designer-root), so brand tokens were undefined and WoodMart styles bled in. Re-declare tokens on .asce-modal, harden buttons, lift above the site header. */
.asce-modal{ --ink:#242424; --body:#767676; --muted:#6B7280; --faint:#9CA3AF; --bg:#F7F7F8; --sur:#FFFFFF; --line:#E7E7EA; --ac:#E92D74; --ach:#C31F5F; --acl:#FDEBF2; --acb:#F7C9DB; --creative:#FBBC34; --ok:#16A34A; --okl:#DCFCE7; --warn:#E5484D; --title-font:'Poppins',Arial,Helvetica,sans-serif; font-family:'Cabin',Arial,Helvetica,sans-serif; background:rgba(20,22,26,.6)!important; -webkit-backdrop-filter:blur(5px)!important; backdrop-filter:blur(5px)!important; z-index:100000!important; }
.asce-modal *,.asce-modal *::before,.asce-modal *::after{ box-sizing:border-box; }
.asce-modal-card{ background:var(--sur)!important; color:var(--body)!important; border-radius:18px!important; box-shadow:0 16px 40px rgba(20,22,26,.28)!important; }
.asce-modal h2{ font-family:var(--title-font)!important; font-size:17px!important; font-weight:700!important; color:var(--ink)!important; margin:0!important; text-transform:none!important; letter-spacing:normal!important; line-height:1.3!important; }
.asce-modal .asce-summary{ background:var(--bg)!important; border-radius:12px!important; }
.asce-modal .asce-summary .k{ color:var(--muted)!important; } .asce-modal .asce-summary .v{ color:var(--ink)!important; }
.asce-modal .asce-summary .total .k,.asce-modal .asce-summary .total .v{ color:var(--ac)!important; font-weight:700!important; }
.asce-modal .asce-modal-preview{ background:var(--bg)!important; border-radius:14px!important; }
.asce-modal .asce-checkbox{ border:1.5px solid #C9CDD4!important; background:var(--sur)!important; } .asce-modal .asce-checkbox.on{ background:var(--ac)!important; border-color:var(--ac)!important; }
.asce-modal button{ text-transform:none!important; letter-spacing:normal!important; font-family:'Cabin',Arial,Helvetica,sans-serif!important; }
.asce-modal .asce-cta{ background:var(--ac)!important; color:#fff!important; border:none!important; border-radius:999px!important; font-family:var(--title-font)!important; font-weight:700!important; font-size:15px!important; padding:14px 0!important; width:100%!important; min-height:0!important; box-shadow:0 4px 16px rgba(233,45,116,.22)!important; cursor:pointer!important; }
.asce-modal .asce-cta:disabled{ opacity:.55!important; box-shadow:none!important; }
.asce-modal .asce-textbtn{ background:transparent!important; color:var(--muted)!important; border:none!important; width:100%!important; padding:10px 0!important; font-size:13px!important; min-height:0!important; box-shadow:none!important; cursor:pointer!important; }
.asce-modal .asce-iconbtn{ background:transparent!important; border:none!important; color:var(--muted)!important; padding:6px!important; min-height:0!important; box-shadow:none!important; cursor:pointer!important; }


/* ── pinned price + add-to-cart footer (desktop right panel) ── */
@media(min-width:901px){
  .asce-right-pinned{ overflow:hidden!important; display:flex; flex-direction:column; }
  .asce-right-pinned .asce-rp{ flex:1; min-height:0; display:flex; flex-direction:column; padding:0; gap:0; overflow:hidden; }
  .asce-right-pinned .asce-rp-scroll{ flex:1; min-height:0; overflow-y:auto; padding:14px 16px; display:flex; flex-direction:column; gap:14px; }
  .asce-right-pinned .asce-rp-footer{ flex-shrink:0; padding:12px 16px 14px; display:flex; flex-direction:column; gap:10px; background:var(--sur); border-top:1px solid var(--line); box-shadow:0 -8px 18px rgba(20,22,26,.06); }
}


/* single-screen app lock: no page scroll on the editor page, only the options panel scrolls */
html:has(#asc-sticker-designer-root){ overflow:hidden; }
body.page-id-37140 .wd-footer-container,
body.page-id-37140 .footer-container,
body.page-id-37140 footer.site-footer{ display:none !important; }


/* one natural scroll override: right panel scrolls as a single column (no static/pinned split) */
@media(min-width:901px){
  .asce-right-pinned{ overflow-y:auto !important; overflow-x:hidden; display:block !important; }
  .asce-right-pinned .asce-rp{ display:flex !important; flex-direction:column; padding:14px 16px !important; gap:14px !important; overflow:visible !important; min-height:0; height:auto; }
  .asce-right-pinned .asce-rp-scroll{ flex:0 0 auto !important; overflow:visible !important; display:flex; flex-direction:column; gap:14px; padding:0 !important; min-height:0; }
  .asce-right-pinned .asce-rp-footer{ flex:0 0 auto !important; overflow:visible !important; display:flex; flex-direction:column; gap:14px; padding:0 !important; border-top:none !important; box-shadow:none !important; background:transparent !important; }
}