.woocard-planb-product-cta{margin:18px 0;padding:18px;border:1px solid rgba(20,20,20,.10);border-radius:18px;background:linear-gradient(135deg,#fff7ed,#f8fafc);display:flex;gap:14px;align-items:center;box-shadow:0 10px 26px rgba(15,23,42,.08)}
.woocard-planb-product-cta__image{width:72px;height:72px;border-radius:16px;object-fit:cover;background:#fff;border:1px solid rgba(0,0,0,.08)}
.woocard-planb-product-cta__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#9a3412}.woocard-planb-product-cta p{margin:.2rem 0 .8rem}.woocard-planb-product-cta__button{border-radius:999px!important;padding:.75rem 1.1rem!important}
.woocard-studio{--wc-bg:#fffaf4;--wc-panel:#fff;--wc-ink:#172033;--wc-muted:#64748b;--wc-line:rgba(15,23,42,.10);--wc-soft:#f1f5f9;--wc-accent:#ea580c;--wc-radius:24px;color:var(--wc-ink);max-width:1180px;margin:0 auto 48px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.woocard-studio *{box-sizing:border-box}.woocard-studio-notice{padding:28px;border:1px solid var(--wc-line);border-radius:20px;background:#fff}.woocard-studio-hero{margin:0 0 18px;padding:18px;border-radius:var(--wc-radius);background:linear-gradient(135deg,#fff7ed 0%,#f8fafc 100%);border:1px solid var(--wc-line)}.woocard-studio-product{display:flex;gap:16px;align-items:center}.woocard-studio-product__image{width:86px;height:86px;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--wc-line);flex:0 0 auto}.woocard-studio-product__image img{width:100%;height:100%;object-fit:cover}.woocard-studio-product h1{margin:2px 0 5px;font-size:clamp(26px,4vw,42px);line-height:1.05}.woocard-studio-product p{margin:0;color:var(--wc-muted)}.woocard-studio-kicker{display:block;text-transform:uppercase;letter-spacing:.10em;font-size:12px;font-weight:850;color:var(--wc-accent)}.woocard-studio-shell{display:grid;grid-template-columns:minmax(320px,44%) minmax(0,1fr);gap:22px;align-items:start}.woocard-studio-preview-panel{position:sticky;top:24px;background:var(--wc-panel);border:1px solid var(--wc-line);border-radius:var(--wc-radius);padding:18px;box-shadow:0 20px 50px rgba(15,23,42,.10)}.woocard-studio-preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.woocard-studio-card-wrap{display:flex;justify-content:center;align-items:center;min-height:390px;border-radius:20px;background:radial-gradient(circle at top left,#fed7aa,#f8fafc 45%,#fff);padding:18px}.woocard-studio-card{display:grid;grid-template-columns:1fr 1fr;width:min(100%,520px);background:#fff;border-radius:18px;box-shadow:0 18px 48px rgba(15,23,42,.22);overflow:hidden;border:1px solid rgba(15,23,42,.12)}.woocard-studio-card[data-card-layout="portrait"]{aspect-ratio:230/170}.woocard-studio-card[data-card-layout="landscape"]{aspect-ratio:170/230;grid-template-columns:1fr;grid-template-rows:1fr 1fr;max-width:360px}.woocard-studio-card__cover{background:#f8fafc center/cover no-repeat;border-right:1px solid rgba(15,23,42,.10)}.woocard-studio-card[data-card-layout="landscape"] .woocard-studio-card__cover{border-right:0;border-bottom:1px solid rgba(15,23,42,.10)}.woocard-studio-card__inside{display:flex;align-items:center;justify-content:center;padding:26px;background:#fffaf4}.woocard-studio-message{white-space:pre-wrap;text-align:center;line-height:1.25;overflow-wrap:anywhere;max-height:100%;font-family:"Dancing Script",cursive;font-size:18px;color:#111}.woocard-studio-note,.woocard-studio-help{color:var(--wc-muted);font-size:14px;line-height:1.5}.woocard-studio-steps{display:grid;gap:16px}.woocard-studio-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;background:var(--wc-panel);border:1px solid var(--wc-line);border-radius:var(--wc-radius);padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.07)}.woocard-studio-step__badge{width:42px;height:42px;border-radius:16px;background:#ffedd5;color:#9a3412;display:flex;align-items:center;justify-content:center;font-weight:900}.woocard-studio-step h2{margin:0 0 14px;font-size:22px}.woocard-studio label{display:block;font-weight:750;margin:10px 0 7px}.woocard-studio textarea,.woocard-studio input[type="text"],.woocard-studio input[type="email"],.woocard-studio input[type="tel"],.woocard-studio input[type="date"],.woocard-studio select{width:100%;border:1px solid var(--wc-line);border-radius:14px;background:#fff;padding:12px 13px;min-height:46px;font:inherit;color:var(--wc-ink)}.woocard-studio textarea{resize:vertical;min-height:150px}.woocard-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.woocard-studio-charcount{text-align:right;color:var(--wc-muted);font-size:13px;margin-top:6px}.woocard-studio-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 10px}.woocard-studio-swatch{width:36px;height:36px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.16);cursor:pointer}.woocard-studio-color-field{max-width:180px}.woocard-studio-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.woocard-studio-choice input{position:absolute;opacity:0}.woocard-studio-choice span{display:block;border:1px solid var(--wc-line);border-radius:16px;padding:13px;background:#fff;cursor:pointer;font-weight:850}.woocard-studio-choice small{display:block;margin-top:3px;color:var(--wc-muted);font-weight:500}.woocard-studio-choice input:checked+span{border-color:#fb923c;box-shadow:0 0 0 3px #ffedd5;background:#fff7ed}.woocard-studio-recipient{margin-top:12px;padding:14px;border-radius:18px;background:#f8fafc;border:1px solid var(--wc-line)}.woocard-studio-review{background:linear-gradient(135deg,#fff,#f0fdf4)}.woocard-studio-mobile-review{display:none}.woocard-studio-summary{display:grid;gap:8px;margin:16px 0}.woocard-studio-summary div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:8px}.woocard-studio-summary dt{font-weight:850}.woocard-studio-summary dd{margin:0;color:var(--wc-muted);text-align:right}.woocard-studio-submit{width:100%;border-radius:999px!important;padding:14px 18px!important;font-size:17px!important;font-weight:850!important}
@media (max-width:860px){.woocard-studio{padding:0 12px}.woocard-studio-shell{grid-template-columns:1fr}.woocard-studio-preview-panel{position:relative;top:auto}.woocard-studio-card-wrap{min-height:0}.woocard-studio-preview-panel .woocard-studio-card-wrap{padding:14px}.woocard-studio-step{grid-template-columns:1fr;padding:16px}.woocard-studio-step__badge{width:36px;height:36px;border-radius:14px}.woocard-studio-grid,.woocard-studio-choice-grid{grid-template-columns:1fr}.woocard-studio-product{align-items:flex-start}.woocard-studio-product__image{width:68px;height:68px}.woocard-studio-preview-panel{display:none}.woocard-studio-mobile-review{display:flex;justify-content:center;margin:14px 0;padding:14px;border-radius:18px;background:#fff7ed}.woocard-studio-mobile-review .woocard-studio-card{width:100%;max-width:420px}.woocard-studio-summary div{display:block}.woocard-studio-summary dd{text-align:left;margin-top:3px}}


/* WooCard Studio 1.9.6.1 – preview ratio fix
   Studio-previewen visar nu själva kortets textyta i korrekt format:
   portrait 115×170 och landscape 170×115. Produktbilden visas redan i hero/CTA. */
.woocard-studio-card-wrap{
  min-height:0;
  width:100%;
}
.woocard-studio-card{
  display:block;
  position:relative;
  width:min(100%,340px);
  max-width:340px;
  margin:0 auto;
  border-radius:22px;
  overflow:hidden;
}
.woocard-studio-card[data-card-layout="portrait"]{
  aspect-ratio:115/170;
  width:min(100%,340px);
  max-width:340px;
}
.woocard-studio-card[data-card-layout="landscape"]{
  aspect-ratio:170/115;
  width:min(100%,520px);
  max-width:520px;
}
.woocard-studio-card__cover{
  display:none!important;
}
.woocard-studio-card__inside{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(18px,6%,34px);
  background:#fffaf4;
}
.woocard-studio-message{
  width:100%;
  max-height:100%;
  overflow:auto;
  font-size:clamp(14px,var(--woocard-studio-font-size,18px),30px);
  line-height:1.24;
}
.woocard-studio-mobile-review{
  align-items:center;
}
@media (max-width:860px){
  .woocard-studio-card-wrap{padding:12px!important;}
  .woocard-studio-card[data-card-layout="portrait"]{
    width:min(82vw,300px);
    max-width:300px;
  }
  .woocard-studio-card[data-card-layout="landscape"]{
    width:min(92vw,420px);
    max-width:420px;
  }
  .woocard-studio-card__inside{
    padding:clamp(14px,5.5%,26px);
  }
  .woocard-studio-message{
    font-size:clamp(13px,var(--woocard-studio-font-size,18px),24px)!important;
    line-height:1.22;
  }
}
@media (max-width:420px){
  .woocard-studio-card[data-card-layout="portrait"]{
    width:min(78vw,270px);
  }
  .woocard-studio-card[data-card-layout="landscape"]{
    width:min(92vw,360px);
  }
}

/* WooCard Studio 1.9.6.2 – mobile no-horizontal-scroll fix
   Håller Studio inom viewporten på mobil och hindrar små overflow/glapp från
   grids, formulärfält, hero-kort och preview-panel. */
.woocard-studio,
.woocard-studio-form,
.woocard-studio-shell,
.woocard-studio-steps,
.woocard-studio-step,
.woocard-studio-step__content,
.woocard-studio-hero,
.woocard-studio-preview-panel,
.woocard-studio-card-wrap{
  max-width:100%;
  min-width:0;
}
.woocard-studio{
  width:100%;
  overflow-x:clip;
}
.woocard-studio textarea,
.woocard-studio input,
.woocard-studio select,
.woocard-studio button{
  max-width:100%;
}
.woocard-studio-product__text,
.woocard-studio-product__text h1,
.woocard-studio-product__text p{
  min-width:0;
  overflow-wrap:anywhere;
}
@media (max-width:860px){
  .woocard-studio{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    padding-left:clamp(10px,3vw,14px);
    padding-right:clamp(10px,3vw,14px);
    overflow-x:hidden;
  }
  .woocard-studio-hero,
  .woocard-studio-preview-panel,
  .woocard-studio-step{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
  .woocard-studio-product{
    width:100%;
    min-width:0;
  }
  .woocard-studio-shell,
  .woocard-studio-steps{
    width:100%;
    max-width:100%;
    min-width:0;
    gap:14px;
  }
  .woocard-studio-step{
    padding:14px;
    border-radius:20px;
  }
  .woocard-studio-grid,
  .woocard-studio-choice-grid{
    width:100%;
    min-width:0;
  }
  .woocard-studio-choice span{
    width:100%;
    min-width:0;
  }
  .woocard-studio-mobile-review{
    width:100%;
    max-width:100%;
    overflow:hidden;
    padding:12px;
  }
  .woocard-studio-mobile-review .woocard-studio-card,
  .woocard-studio-card-wrap .woocard-studio-card{
    max-width:100%;
  }
}
@media (max-width:480px){
  .woocard-studio{
    padding-left:10px;
    padding-right:10px;
  }
  .woocard-studio-hero,
  .woocard-studio-step{
    border-radius:18px;
  }
  .woocard-studio-product{
    gap:10px;
  }
  .woocard-studio-product h1{
    font-size:24px;
  }
}

/* WooCard Studio 1.9.7 – stabil grund/schedule adapter
   Datum är frivilligt. Kalendern visas först när kunden aktivt väljer
   tidsstyrning, och min-datum hämtas från WooCards serverkonfiguration. */
.woocard-studio-field-title{
  margin:0 0 10px;
  font-weight:800;
  color:#111827;
}
.woocard-studio-schedule{
  margin-top:16px;
}
.woocard-studio-choice-grid--schedule{
  margin-bottom:12px;
}
.woocard-studio-date-row{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(15,23,42,.1);
  border-radius:16px;
  padding:14px;
  margin-top:10px;
}
.woocard-studio-date-row[hidden]{
  display:none !important;
}
.woocard-studio-date-row input[type="date"]{
  max-width:260px;
}
@media (max-width:640px){
  .woocard-studio-date-row input[type="date"]{
    width:100%;
    max-width:100%;
  }
}


/* WooCard Studio 1.9.7.1 – Lavender UI polish
   Endast Studio-skal: färgtema, preview-panel, valkort och kortskugga.
   WooCard Core/affärslogik ändras inte här. */
.woocard-studio{
  --wc-bg:#FCFBFF;
  --wc-panel:#FFFFFF;
  --wc-ink:#2F3142;
  --wc-muted:#6C7285;
  --wc-line:rgba(111,82,181,.16);
  --wc-soft:#F6F2FF;
  --wc-accent:#6F52B5;
  --wc-lavender-25:#FCFBFF;
  --wc-lavender-50:#F8F5FF;
  --wc-lavender-75:#F6F2FF;
  --wc-lavender-100:#EEE5FF;
  --wc-lavender-200:#D9CCFF;
  --wc-lavender-300:#C9B6FF;
  --wc-lavender-700:#6F52B5;
}
.woocard-planb-product-cta,
.woocard-studio-hero{
  background:linear-gradient(135deg,var(--wc-lavender-50) 0%,#F3F6FF 100%);
  border-color:rgba(111,82,181,.16);
}
.woocard-planb-product-cta{
  box-shadow:0 14px 34px rgba(70,55,120,.10);
}
.woocard-planb-product-cta__eyebrow,
.woocard-studio-kicker{
  color:var(--wc-lavender-700);
}
.woocard-studio-preview-panel{
  background:#fff;
  border-color:rgba(111,82,181,.18);
  box-shadow:0 24px 60px rgba(50,45,80,.11);
}
.woocard-studio-card-wrap{
  background:
    radial-gradient(circle at 18% 10%,rgba(238,229,255,.95),rgba(246,242,255,.72) 34%,rgba(248,250,255,.82) 68%),
    linear-gradient(135deg,var(--wc-lavender-50),#F1F4FF);
  border:1px solid rgba(111,82,181,.12);
}
.woocard-studio-card{
  box-shadow:
    0 28px 72px rgba(50,45,80,.18),
    0 10px 24px rgba(50,45,80,.10),
    0 2px 8px rgba(50,45,80,.08);
  border-color:rgba(50,45,80,.12);
}
.woocard-studio-step{
  border-color:rgba(111,82,181,.14);
  box-shadow:0 14px 34px rgba(50,45,80,.07);
}
.woocard-studio-step__badge{
  background:var(--wc-lavender-100);
  color:var(--wc-lavender-700);
  box-shadow:inset 0 0 0 1px rgba(111,82,181,.08);
}
.woocard-studio textarea:focus,
.woocard-studio input[type="text"]:focus,
.woocard-studio input[type="email"]:focus,
.woocard-studio input[type="tel"]:focus,
.woocard-studio input[type="date"]:focus,
.woocard-studio select:focus{
  border-color:var(--wc-lavender-300);
  box-shadow:0 0 0 3px rgba(201,182,255,.42);
  outline:none;
}
.woocard-studio-choice span{
  border-color:rgba(111,82,181,.14);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.woocard-studio-choice span:hover{
  background:var(--wc-lavender-50);
  border-color:var(--wc-lavender-200);
}
.woocard-studio-choice input:focus-visible+span{
  box-shadow:0 0 0 3px rgba(201,182,255,.45);
}
.woocard-studio-choice input:checked+span{
  border-color:var(--wc-lavender-300);
  box-shadow:0 0 0 3px var(--wc-lavender-100);
  background:var(--wc-lavender-50);
}
.woocard-studio-recipient,
.woocard-studio-date-row{
  background:rgba(248,245,255,.72);
  border-color:rgba(111,82,181,.14);
}
.woocard-studio-mobile-review{
  background:linear-gradient(135deg,var(--wc-lavender-50),#F1F4FF);
  border:1px solid rgba(111,82,181,.12);
}
.woocard-studio-review{
  background:linear-gradient(135deg,#fff,var(--wc-lavender-25));
}
@media (max-width:860px){
  .woocard-studio-card{
    box-shadow:
      0 22px 54px rgba(50,45,80,.16),
      0 8px 18px rgba(50,45,80,.09);
  }
}