/* ═══════════════════════════════════════════
   CLARTI — index.css  V0.10
   Varma psykologiska konverteringsfärger
   ═══════════════════════════════════════════ */

/* ORANGE CTA */
.btn-orange {
  background: linear-gradient(135deg, #ff6b35, #f7521f);
  color: #fff; padding: 16px 32px; border-radius: var(--radius-full);
  font-size: 16px; font-weight: 700; display: inline-block;
  box-shadow: 0 4px 20px rgba(255,107,53,0.4);
  transition: all 0.25s var(--ease-out); letter-spacing: -0.2px;
}
.btn-orange:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(255,107,53,0.5); filter: brightness(1.05); }
.btn-orange:active { transform: translateY(0) scale(0.98); }

/* HERO — SPLIT */
.hero {
  display: grid; grid-template-columns: 1fr 1fr;
  align-items: center; min-height: 560px;
  padding: 72px 64px 36px; gap: 40px;
  position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse 70% 80% at 100% 50%, rgba(255,107,53,0.05) 0%, transparent 60%),
    radial-gradient(ellipse 60% 60% at 0% 30%, rgba(0,113,227,0.05) 0%, transparent 60%),
    #fff;
}
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(0,0,0,0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse 80% 100% at 50% 50%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 100% at 50% 50%, black 0%, transparent 80%);
  pointer-events: none; z-index: 0;
}
.hero-left  { position: relative; z-index: 2; }
.hero-right { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; }

/* PILL */
.hero-pill {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,107,53,0.07); border: 1px solid rgba(255,107,53,0.2);
  padding: 6px 16px; border-radius: var(--radius-full);
  font-size: 12px; font-weight: 600; color: #d94f1a; margin-bottom: 24px;
}
.pill-dot { width: 7px; height: 7px; border-radius: 50%; background: #ff6b35; animation: pulse 2s infinite; flex-shrink: 0; }

/* H1 */
.hero h1 { font-size: clamp(40px, 5vw, 60px); font-weight: 800; letter-spacing: -2.5px; line-height: 1.04; margin-bottom: 16px; color: var(--text); }
.hero-gradient {
  background: linear-gradient(135deg, #ff6b35 0%, #f7521f 40%, #ff9500 100%);
  background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  animation: shimmerGradient 4s linear infinite;
}

/* SUBTEXT */
.hero-sub { font-size: clamp(17px, 2vw, 21px); color: var(--text-secondary); font-weight: 400; line-height: 1.5; margin-bottom: 24px; }
.hero-sub strong { color: var(--text); font-weight: 700; font-size: 1.1em; }

.hero-ctas  { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.hero-trust { display: flex; gap: 20px; flex-wrap: wrap; }
.ht-item    { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-tertiary); font-weight: 500; }

/* PHONE SCENE */
.hero-phone-scene { position: relative; width: 260px; height: 500px; flex-shrink: 0; }
.hero-phone-scene::before {
  content: ''; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);
  width: 240px; height: 420px;
  background: radial-gradient(ellipse, rgba(255,107,53,0.12) 0%, transparent 70%);
  border-radius: 50%; z-index: 0;
}
.phone-frame {
  width: 220px; height: 440px; border-radius: 36px; border: 6px solid #1d1d1f;
  background: #fff; overflow: hidden; position: absolute;
  left: 50%; transform: translateX(-50%); z-index: 2;
  box-shadow: 0 36px 80px rgba(0,0,0,0.22), 0 8px 20px rgba(0,0,0,0.10), 0 0 0 1px rgba(255,255,255,0.06) inset;
  animation: phoneFloat 4s ease-in-out infinite;
}
@keyframes phoneFloat { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-10px)} }

.phone-notch { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 20px; background: #1d1d1f; border-radius: 0 0 14px 14px; z-index: 5; }
.phone-screen { padding: 28px 12px 12px; height: 100%; overflow: hidden; position: relative; }
.phone-screen::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to bottom, #fff 0%, transparent 12%, transparent 88%, #fff 100%);
  pointer-events: none; z-index: 10;
}
.phone-scroll-inner { display: flex; flex-direction: column; gap: 8px; animation: phoneScroll 18s linear infinite; }
@keyframes phoneScroll { 0%{transform:translateY(0)} 100%{transform:translateY(-50%)} }

/* Phone content */
.ps-hero { background: linear-gradient(145deg,#eef4fb,#ddeaf5); border-radius: 10px; padding: 16px; text-align: center; }
.ps-hero h3 { font-size: 11px; font-weight: 700; color: #1d1d1f; margin-bottom: 3px; }
.ps-hero p  { font-size: 8px; color: #6e6e73; margin-bottom: 8px; }
.ps-btn { background: #1a6bc4; color: #fff; padding: 4px 12px; border-radius: 999px; font-size: 8px; font-weight: 700; display: inline-block; }
.ps-trust-row { font-size: 7px; color: #86868b; margin-top: 5px; }
.ps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.ps-card { background: #f5f5f7; border-radius: 7px; padding: 7px; }
.ps-card strong { display: block; font-size: 7px; font-weight: 700; color: #1d1d1f; margin-bottom: 1px; }
.ps-card span   { font-size: 6px; color: #86868b; }
.ps-reviews     { display: flex; flex-direction: column; gap: 5px; }
.ps-rev { background: #fff; border: 0.5px solid rgba(0,0,0,0.07); border-radius: 7px; padding: 7px; }
.ps-stars { font-size: 7px; color: #ff9500; margin-bottom: 2px; }
.ps-rev p    { font-size: 6px; color: #6e6e73; line-height: 1.4; }
.ps-rev span { font-size: 6px; color: #86868b; font-weight: 600; }
.ps-hours { background: #f5f5f7; border-radius: 7px; padding: 8px; }
.ps-hours h5 { font-size: 8px; font-weight: 700; color: #1d1d1f; margin-bottom: 4px; }
.ps-hrow { display: flex; justify-content: space-between; font-size: 6px; color: #6e6e73; padding: 2px 0; border-bottom: 0.5px solid rgba(0,0,0,0.06); }
.ps-hrow:last-child { border: none; }
.ps-hrow.accent span { color: #1a6bc4; font-weight: 700; }
.ps-map { background: #e8edf2; border-radius: 7px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 8px; color: #6e6e73; font-weight: 600; }

.phone-shadow-blur { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 180px; height: 24px; background: radial-gradient(ellipse, rgba(0,0,0,0.18) 0%, transparent 70%); z-index: 1; animation: shadowPulse 4s ease-in-out infinite; }
@keyframes shadowPulse { 0%,100%{transform:translateX(-50%) scaleX(1);opacity:.8} 50%{transform:translateX(-50%) scaleX(.7);opacity:.4} }

/* FLOATING BADGES */
.float-badge { position: absolute; background: rgba(255,255,255,0.95); border-radius: 14px; padding: 9px 13px; box-shadow: 0 8px 28px rgba(0,0,0,0.10), 0 0.5px 0 rgba(0,0,0,0.05); font-size: 11px; display: flex; align-items: center; gap: 8px; z-index: 10; border: 0.5px solid rgba(0,0,0,0.06); }
.float-badge strong { display: block; font-weight: 700; color: var(--text); font-size: 11px; line-height: 1; }
.float-badge span   { display: block; font-size: 9px; color: var(--text-tertiary); line-height: 1.4; margin-top: 2px; }
.fb-icon  { width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.fb-green { background: #e8faf0; }
.fb-blue  { background: var(--blue-subtle); }
.fb-amber { background: #fff5e6; }
.fb-1 { top: 20px;   right: -20px;  animation: float 4s ease-in-out infinite; }
.fb-2 { bottom: 90px; left: -20px;  animation: float 4s ease-in-out infinite 1.5s; }
.fb-3 { top: 46%;    right: -30px;  animation: float 4s ease-in-out infinite 0.8s; }

/* LOSS AVERSION */
.loss-label { font-size: 12px; font-weight: 700; color: #ff453a; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 16px; }
.loss-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; max-width: 520px; margin: 0 auto; }
.ls { text-align: center; padding: 24px 12px; background: rgba(255,255,255,0.04); border-radius: var(--radius-lg); border: 0.5px solid rgba(255,255,255,0.07); }
.ls-num { font-size: clamp(28px,5vw,40px); font-weight: 800; letter-spacing: -1px; margin-bottom: 4px; }
.ls-num.blue  { color: #0a84ff; }
.ls-num.red   { color: #ff453a; }
.ls-num.green { color: #30d158; }
.ls-label { font-size: 11px; color: #8e8e93; line-height: 1.3; }

/* TIMELINE */
.timeline { max-width: 520px; margin: 0 auto; position: relative; padding-left: 56px; }
.timeline::before { content: ''; position: absolute; left: 19px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(to bottom, #ff6b35, #ff9500, #34c759); }
.tl-step { position: relative; padding: 0 0 40px; text-align: left; }
.tl-step:last-child { padding-bottom: 0; }
.tl-dot { position: absolute; left: -56px; top: 2px; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; color: #fff; z-index: 2; }
.tl-1 { background: linear-gradient(135deg,#ff6b35,#f7521f); }
.tl-2 { background: linear-gradient(135deg,#ff9500,#ff6b35); }
.tl-3 { background: linear-gradient(135deg,#34c759,#1a9e3f); }
.tl-step h3 { font-size: 18px; font-weight: 700; margin-bottom: 4px; color: var(--text); }
.tl-step p  { font-size: 14px; color: var(--text-tertiary); line-height: 1.5; }
.tl-tag { display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: var(--radius-full); margin-top: 8px; }
.tag-green  { background: var(--green-subtle); color: #1b9e5a; }
.tag-blue   { background: var(--blue-subtle);  color: var(--blue); }
.tag-orange { background: #fff0ea; color: #d94f1a; }

/* ANCHOR */
.anchor-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; max-width: 560px; margin: 0 auto; }
.ac { background: var(--bg-card); border-radius: var(--radius-xl); padding: 28px 16px; text-align: center; border: 0.5px solid var(--border); transition: all var(--dur-normal); position: relative; }
.ac-loser  { opacity: 0.65; }
.ac-winner { border: 2px solid #ff6b35; box-shadow: 0 12px 40px rgba(255,107,53,0.12); transform: scale(1.04); opacity: 1; }
.ac-badge  { display: inline-block; background: #ff6b35; color: #fff; font-size: 10px; font-weight: 700; padding: 4px 12px; border-radius: var(--radius-full); margin-bottom: 16px; text-transform: uppercase; letter-spacing: 0.5px; }
.ac-label  { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-tertiary); margin-bottom: 12px; }
.ac-price  { font-size: clamp(24px,4vw,36px); font-weight: 800; letter-spacing: -1px; margin-bottom: 2px; }
.ac-loser .ac-price  { color: var(--text-tertiary); }
.ac-winner .ac-price { color: #ff6b35; }
.ac-period { font-size: 12px; color: var(--text-tertiary); margin-bottom: 4px; }
.ac-setup  { font-size: 11px; margin-bottom: 16px; font-weight: 600; }
.ac-setup.red   { color: var(--red); }
.ac-setup.green { color: var(--green); }
.ac-list li { font-size: 11px; padding: 4px 0; display: flex; align-items: center; gap: 6px; color: var(--text-secondary); }
.ac-list .y { color: var(--green); font-weight: 700; }
.ac-list .n { color: #ccc; }

/* PRICING */
.campaign-banner { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg,#ff6b35,#ff9500); color: #fff; padding: 10px 24px; border-radius: var(--radius-full); font-size: 13px; font-weight: 700; margin-bottom: 28px; box-shadow: 0 4px 16px rgba(255,107,53,0.3); animation: float 3s ease-in-out infinite; }
.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; max-width: 640px; margin: 0 auto; }
.pc { background: var(--bg-card); border-radius: var(--radius-xl); padding: 28px 18px; border: 0.5px solid var(--border); text-align: left; transition: all var(--dur-normal); position: relative; }
.pc:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.pc-featured { border: 2px solid #ff6b35; box-shadow: 0 16px 48px rgba(255,107,53,0.10); }
.pc-badge { position: absolute; top: -11px; left: 50%; transform: translateX(-50%); background: #ff6b35; color: #fff; font-size: 10px; font-weight: 700; padding: 4px 14px; border-radius: var(--radius-full); text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }
.pc-name  { font-size: 12px; font-weight: 700; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.pc-price { display: flex; align-items: baseline; gap: 2px; margin-bottom: 2px; }
.pc-num   { font-size: 32px; font-weight: 800; letter-spacing: -1px; color: var(--text); }
.pc-per   { font-size: 13px; color: var(--text-tertiary); }
.pc-orig  { font-size: 11px; color: var(--text-tertiary); text-decoration: line-through; margin-bottom: 4px; }
.pc-save  { font-size: 11px; color: var(--green); font-weight: 600; margin-bottom: 16px; }
.pc-list  { padding: 0; margin: 0 0 20px; }
.pc-list li { font-size: 12px; color: var(--text-secondary); padding: 5px 0; display: flex; align-items: flex-start; gap: 8px; line-height: 1.3; }
.pc-list li span { color: #ff6b35; flex-shrink: 0; font-size: 13px; margin-top: 1px; }
.pc-featured .btn-solid { background: linear-gradient(135deg,#ff6b35,#f7521f); box-shadow: 0 4px 16px rgba(255,107,53,0.3); }

/* TRUST GRID */
.trust-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; max-width: 560px; margin: 0 auto; }
.tg { background: var(--bg-card); border-radius: var(--radius-lg); padding: 20px; text-align: left; display: flex; gap: 12px; align-items: flex-start; border: 0.5px solid rgba(0,0,0,0.03); transition: all 0.25s; }
.tg:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.tg-icon   { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.tg-blue   { background: var(--blue-subtle); }
.tg-green  { background: var(--green-subtle); }
.tg-amber  { background: #fff5e6; }
.tg-orange { background: #fff0ea; }
.tg-red    { background: var(--red-subtle); }
.tg strong { font-size: 14px; font-weight: 700; color: var(--text); display: block; margin-bottom: 2px; }
.tg p      { font-size: 12px; color: var(--text-tertiary); line-height: 1.4; margin: 0; }

/* TESTIMONIALS */
.testimonial-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; max-width: 600px; margin: 0 auto; }
.tc       { background: var(--bg-secondary); border-radius: var(--radius-lg); padding: 24px; text-align: left; border: 0.5px solid rgba(0,0,0,0.02); }
.tc-wide  { grid-column: 1 / -1; }
.tc-stars { color: var(--amber); font-size: 12px; margin-bottom: 10px; letter-spacing: 2px; }
.tc-text  { font-size: 14px; line-height: 1.55; color: var(--text); margin-bottom: 14px; }
.tc-author { display: flex; align-items: center; gap: 10px; }
.tc-av     { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; color: #fff; flex-shrink: 0; }
.tc-author strong { font-size: 13px; font-weight: 700; color: var(--text); display: block; }
.tc-author span   { font-size: 11px; color: var(--text-tertiary); }

/* FAQ */
.faq-list { max-width: 560px; margin: 0 auto; text-align: left; }
.faq-item { border-bottom: 0.5px solid var(--border); padding: 18px 0; cursor: pointer; }
.faq-q    { display: flex; justify-content: space-between; align-items: center; font-size: 15px; font-weight: 600; color: var(--text); }
.faq-q span { color: #ff6b35; font-size: 20px; transition: transform var(--dur-normal); flex-shrink: 0; margin-left: 12px; }
.faq-a    { max-height: 0; overflow: hidden; transition: max-height var(--dur-slow) ease, padding var(--dur-normal); font-size: 14px; color: var(--text-secondary); line-height: 1.6; }
.faq-item.open .faq-a    { max-height: 200px; padding-top: 12px; }
.faq-item.open .faq-q span { transform: rotate(45deg); }

/* FINAL CTA */
.final-cta  { position: relative; overflow: hidden; }
.final-glow { position: absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 600px; height: 600px; background: radial-gradient(circle, rgba(255,107,53,0.12) 0%, transparent 70%); pointer-events: none; }
.btn-white  { background: #fff; color: var(--text); padding: 18px 36px; border-radius: var(--radius-full); font-size: 17px; font-weight: 700; transition: all var(--dur-normal); box-shadow: 0 4px 24px rgba(255,255,255,0.15); display: inline-block; }
.btn-white:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 8px 32px rgba(255,255,255,0.2); }

.cta-form { max-width: 400px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; position: relative; }
.cta-form input { width: 100%; padding: 16px 20px; border-radius: var(--radius-md); border: 1.5px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.07); color: #fff; font-size: 16px; font-family: inherit; font-weight: 500; transition: border-color .2s, background .2s; outline: none; }
.cta-form input::placeholder { color: rgba(255,255,255,0.35); }
.cta-form input:focus { border-color: #ff6b35; background: rgba(255,255,255,0.10); }
.cta-form .btn-white { border: none; cursor: pointer; font-family: inherit; margin-top: 4px; }
.cta-form-success { position: relative; text-align: center; padding: 20px 0; }

/* RESPONSIVE */
@media(max-width:900px) {
  .hero { grid-template-columns: 1fr; padding: 60px 24px 0; text-align: center; min-height: auto; }
  .hero-left { display: flex; flex-direction: column; align-items: center; }
  .hero-ctas, .hero-trust { justify-content: center; }
  .hero-right { margin-top: 48px; }
  .float-badge { display: none; }
}
@media(max-width:768px) {
  .loss-stats { grid-template-columns: 1fr; gap: 12px; max-width: 300px; }
  .anchor-grid { grid-template-columns: 1fr; gap: 12px; max-width: 320px; margin: 0 auto; }
  .ac-winner { transform: none; }
  .pricing-grid { grid-template-columns: 1fr; gap: 12px; max-width: 360px; margin: 0 auto; }
  .trust-grid { grid-template-columns: 1fr; max-width: 400px; }
  .testimonial-grid { grid-template-columns: 1fr; max-width: 400px; }
  .timeline { padding-left: 48px; }
}
@media(max-width:480px) {
  .hero h1  { font-size: 36px; letter-spacing: -1.5px; }
  .hero-sub { font-size: 16px; }
}

/* ═══════════════════════════════════════════
   ZERO SECTION + 2-PAKET PRICING
   ═══════════════════════════════════════════ */
.zero-section { padding-top: 48px; padding-bottom: 40px; }
.zero-big { font-size: clamp(56px,8vw,80px); font-weight: 800; letter-spacing: -3px; color: #1d1d1f; line-height: 1; margin-bottom: 8px; }
.zero-keep { display: inline-block; background: #f0f0f0; border-radius: var(--radius-full); padding: 8px 22px; font-size: 14px; font-weight: 600; color: #1d1d1f; margin-bottom: 0; }
.zero-keep span { color: #ff6b35; }
.zero-arrow { display: flex; flex-direction: column; align-items: center; padding: 16px 0 24px; }
.zero-arrow-line { width: 1.5px; height: 48px; background: linear-gradient(to bottom, rgba(255,107,53,0.5), transparent); }
.zero-arrow-tip { color: rgba(255,107,53,0.5); font-size: 18px; margin-top: -4px; line-height: 1; }
.zero-arrow-lbl { font-size: 11px; color: var(--text-tertiary); font-weight: 500; margin-top: 6px; }

/* 2-PACKAGE GRID */
.pricing-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 620px; margin: 0 auto 28px; }
.pc2 { background: var(--bg-card); border: 0.5px solid rgba(0,0,0,0.1); border-radius: 20px; padding: 32px 24px; text-align: left; position: relative; }
.pc2-featured { border: 2px solid #ff6b35; box-shadow: 0 0 0 4px rgba(255,107,53,0.05), 0 16px 48px rgba(255,107,53,0.10); }
.pc2-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg,#ff6b35,#f7521f); color: #fff; font-size: 10px; font-weight: 700; padding: 4px 16px; border-radius: var(--radius-full); white-space: nowrap; }
.pc2-name { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--text-tertiary); margin-bottom: 10px; }
.pc2-price { line-height: 1; margin-bottom: 4px; }
.pc2-num { font-size: 48px; font-weight: 800; letter-spacing: -2px; color: #1d1d1f; }
.pc2-per { font-size: 14px; color: var(--text-tertiary); font-weight: 400; }
.pc2-orig { font-size: 11px; color: #b0b0b5; text-decoration: line-through; margin-bottom: 3px; }
.pc2-save { font-size: 11px; color: var(--green); font-weight: 600; margin-bottom: 16px; }
.pc2-divider { height: 0.5px; background: rgba(0,0,0,0.07); margin: 14px 0; }
.pc2-list { list-style: none; display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.pc2-list li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #3d3d3f; line-height: 1.4; }
.pc2-list li span:first-child { color: #ff6b35; font-weight: 700; flex-shrink: 0; font-size: 14px; margin-top: 1px; }
.pc2-list li strong { color: #1d1d1f; font-weight: 600; }
.pc2-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 18px; }
.pc2-chips span { background: var(--bg-secondary); border-radius: var(--radius-full); padding: 3px 10px; font-size: 10px; color: var(--text-tertiary); font-weight: 500; }
.pc2-btn-solid { background: linear-gradient(135deg,#ff6b35,#f7521f) !important; box-shadow: 0 4px 16px rgba(255,107,53,0.3) !important; border: none !important; }

/* COMPARE TABLE */
.compare-table { max-width: 620px; margin: 0 auto; background: var(--bg-card); border: 0.5px solid rgba(0,0,0,0.08); border-radius: 14px; overflow: hidden; }
.ct-row { display: grid; grid-template-columns: 2fr 1fr 1fr; padding: 11px 20px; border-bottom: 0.5px solid rgba(0,0,0,0.05); font-size: 13px; align-items: center; }
.ct-row:last-child { border: none; }
.ct-head { background: var(--bg-secondary); }
.ct-head span { font-size: 10px; font-weight: 700; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.5px; }
.ct-head span:nth-child(2) { color: #1d1d1f; text-align: center; }
.ct-head span:nth-child(3) { color: #ff6b35; text-align: center; }
.ct-row span:nth-child(2), .ct-row span:nth-child(3) { text-align: center; font-size: 15px; }
.ct-y { color: var(--green); }
.ct-n { color: #d0d0d5; }

/* ADDONS — TIER-BASERAD */
.addon-section { background: var(--bg-secondary); }

/* Tier block */
.tier-block{max-width:600px;margin:0 auto 16px;border-radius:16px;border:0.5px solid rgba(0,0,0,0.07);overflow:hidden;background:var(--bg-card);}
.tier-free{border:2px solid #ff6b35;background:linear-gradient(135deg,rgba(255,107,53,0.02),rgba(255,107,53,0.05));}

/* Tier header */
.tier-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:0.5px solid rgba(0,0,0,0.06);}
.tier-price{font-size:20px;font-weight:800;letter-spacing:-0.5px;}
.tier-price small{font-size:12px;font-weight:500;color:var(--text-tertiary);letter-spacing:0;}
.tier-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:99px;}
.tier-h1{background:rgba(255,107,53,0.06);}
.tier-h1 .tier-price{color:#ff6b35;}
.tier-h1 .tier-label{background:rgba(255,107,53,0.1);color:#d94f1a;}
.tier-h2{background:rgba(0,113,227,0.04);}
.tier-h2 .tier-price{color:var(--blue);}
.tier-h2 .tier-label{background:rgba(0,113,227,0.08);color:var(--blue);}
.tier-h3{background:rgba(52,199,89,0.04);}
.tier-h3 .tier-price{color:#1b9e5a;}
.tier-h3 .tier-label{background:rgba(52,199,89,0.08);color:#1b9e5a;}
.tier-h4{background:rgba(255,107,53,0.06);}
.tier-h4 .tier-price{color:#ff6b35;font-size:18px;}
.tier-h4 .tier-label{background:linear-gradient(135deg,#ff6b35,#f7521f);color:#fff;}

/* Tier items */
.tier-items{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.tier-items .ao2{border-radius:0;border:none;border-right:0.5px solid rgba(0,0,0,0.05);border-bottom:0.5px solid rgba(0,0,0,0.05);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .2s;}
.tier-items .ao2:hover{background:rgba(0,0,0,0.015);}
.tier-items .ao2:nth-child(2n){border-right:none;}
.tier-items .ao2:nth-last-child(-n+2){border-bottom:none;}
.ao2-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}
.ao2-icon{font-size:20px;flex-shrink:0;}
.ao2-row strong{font-size:12px;font-weight:700;color:var(--text);display:block;line-height:1.3;}
.ao2-row span{font-size:10px;color:var(--text-tertiary);line-height:1.3;}
.ao2-vs{font-size:9px;color:var(--text-tertiary);text-decoration:line-through;flex-shrink:0;text-align:right;}

/* HÅRD SANNING */
.hard-truth{position:relative;overflow:hidden;}
.hard-truth::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(255,69,58,0.08) 0%,transparent 70%);pointer-events:none;}

/* RESPONSIVE */
@media(max-width:768px){
  .tier-items{grid-template-columns:1fr;}
  .tier-items .ao2{border-right:none;}
  .tier-items .ao2:nth-last-child(-n+2){border-bottom:0.5px solid rgba(0,0,0,0.05);}
  .tier-items .ao2:last-child{border-bottom:none;}
}

/* RESPONSIVE */
@media(max-width: 768px) {
  .pricing-grid-2 { grid-template-columns: 1fr; max-width: 380px; margin: 0 auto 24px; }
  .tier-block { max-width: 100%; }
  .compare-table { max-width: 100%; }
  .zero-big { font-size: 64px; }
}

/* ═══════════════════════════════════════════
   FAB + GLASSMORPHISM KONTAKTFORMULÄR
   ═══════════════════════════════════════════ */

/* FAB button */
.fab-btn{position:fixed;bottom:28px;right:28px;z-index:1000;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7521f);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(255,107,53,0.4),0 0 0 0 rgba(255,107,53,0.3);transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:fabPulse 3s infinite;}
.fab-btn:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(255,107,53,0.5);}
.fab-btn.hide{transform:scale(0) rotate(180deg);opacity:0;pointer-events:none;animation:none;}
@keyframes fabPulse{0%,100%{box-shadow:0 4px 24px rgba(255,107,53,0.4),0 0 0 0 rgba(255,107,53,0.3)}50%{box-shadow:0 4px 24px rgba(255,107,53,0.4),0 0 0 12px rgba(255,107,53,0)}}

/* Overlay */
.fab-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .4s ease;}
.fab-overlay.show{opacity:1;pointer-events:all;}

/* Glass panel */
.fab-glass{position:fixed;bottom:28px;right:28px;z-index:1001;width:min(400px,calc(100vw - 32px));background:rgba(255,255,255,0.07);backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid rgba(255,255,255,0.12);border-radius:24px;padding:32px 28px 28px;transform:translateY(20px) scale(0.95);opacity:0;pointer-events:none;transition:all .45s cubic-bezier(.34,1.56,.64,1);}
.fab-glass.show{transform:translateY(0) scale(1);opacity:1;pointer-events:all;}
.fab-glass::before{content:'';position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 50%,rgba(255,107,53,0.04) 100%);pointer-events:none;}

/* Close */
.fab-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s;}
.fab-close:hover{background:rgba(255,255,255,0.12);color:#fff;}

/* Title */
.fab-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px;}
.fab-sub{font-size:14px;color:rgba(255,255,255,0.5);margin-bottom:24px;}

/* Fields */
.fab-field{margin-bottom:14px;}
.fab-field input,.fab-field textarea{width:100%;padding:14px 16px;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;color:#fff;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:14px;outline:none;transition:all .3s;resize:none;}
.fab-field input::placeholder,.fab-field textarea::placeholder{color:rgba(255,255,255,0.3);}
.fab-field input:focus,.fab-field textarea:focus{border-color:rgba(255,107,53,0.5);background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(255,107,53,0.1);}
.fab-field textarea{height:88px;}

/* Submit */
.fab-submit{width:100%;padding:15px;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6b35,#f7521f);border:none;border-radius:14px;cursor:pointer;transition:all .3s;}
.fab-submit:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,107,53,0.3);}
.fab-submit:active{transform:translateY(0);}
.fab-submit:disabled{opacity:0.7;cursor:wait;}

/* Success */
.fab-success{display:none;text-align:center;padding:32px 0;}
.fab-check{width:64px;height:64px;border-radius:50%;background:rgba(34,197,94,0.12);border:2px solid #22c55e;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.fab-success h4{font-size:20px;font-weight:700;color:#fff;margin-bottom:6px;}
.fab-success p{font-size:14px;color:rgba(255,255,255,0.5);}

/* Mobile */
@media(max-width:480px){
  .fab-glass{bottom:0;right:0;width:100%;border-radius:24px 24px 0 0;padding:28px 20px 24px;}
  .fab-btn{bottom:20px;right:20px;width:54px;height:54px;}
}

/* ═══════════════════════════════════════════
   PREVIEW MODAL + PHONE MOCKUPS
   ═══════════════════════════════════════════ */

/* Clickable addons */
.ao2-click{cursor:pointer;}
.ao2-click:hover{background:rgba(255,107,53,0.03);}
.ao2-eye{font-size:10px;color:#ff6b35;font-weight:600;flex-shrink:0;white-space:nowrap;opacity:0;transition:opacity .2s;}
.ao2-click:hover .ao2-eye{opacity:1;}

/* Overlay */
.prev-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s;}
.prev-overlay.show{opacity:1;pointer-events:all;}

/* Modal */
.prev-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.92);z-index:2001;width:min(400px,calc(100vw - 32px));max-height:min(700px,calc(100vh - 40px));background:var(--bg-card);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,0.25);overflow:hidden;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;}
.prev-modal.show{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:all;}
.prev-close{position:absolute;top:12px;right:12px;z-index:10;width:32px;height:32px;border-radius:50%;border:0.5px solid rgba(0,0,0,0.1);background:var(--bg-card);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;}
.prev-close:hover{background:var(--bg-secondary);color:var(--text);}

/* Header */
.prev-head{display:flex;align-items:center;gap:12px;padding:20px 20px 0;}
.prev-icon{font-size:28px;}
.prev-head h3{font-size:16px;font-weight:700;color:var(--text);margin:0;}
.prev-head p{font-size:12px;color:var(--text-tertiary);margin:0;}

/* Phone mockup */
.prev-phone{margin:16px auto;width:240px;border-radius:28px;border:5px solid #1d1d1f;background:#fff;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.15);}
.prev-notch{width:60px;height:16px;background:#1d1d1f;border-radius:0 0 12px 12px;margin:0 auto;}
.prev-screen{padding:0;min-height:340px;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch;}

/* Footer */
.prev-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:0.5px solid rgba(0,0,0,0.06);}
.prev-price{font-size:16px;font-weight:800;color:#ff6b35;}
.prev-cta{padding:10px 20px !important;font-size:13px !important;}

/* ═══ MOCKUP APP STYLES ═══ */
.pm-app{font-family:'Plus Jakarta Sans',sans-serif;}
.pm-bar{background:#1d1d1f;color:#fff;padding:10px 14px;font-size:12px;font-weight:700;text-align:center;}
.pm-form{padding:14px;}
.pm-label{font-size:10px;font-weight:600;color:#86868b;margin:0 0 4px;text-transform:uppercase;letter-spacing:0.3px;}
.pm-select,.pm-input{width:100%;padding:9px 10px;border:1px solid #e5e5e7;border-radius:8px;font-size:12px;color:#1d1d1f;margin:0 0 12px;background:#f9f9fb;}
.pm-textarea{width:100%;padding:9px 10px;border:1px solid #e5e5e7;border-radius:8px;font-size:11px;color:#1d1d1f;background:#f9f9fb;min-height:60px;line-height:1.4;margin-bottom:4px;}
.pm-char{font-size:9px;color:#86868b;text-align:right;margin-bottom:10px;}
.pm-divider{height:0.5px;background:#e5e5e7;margin:12px 0;}
.pm-btn{background:linear-gradient(135deg,#ff6b35,#f7521f);color:#fff;text-align:center;padding:10px;border-radius:10px;font-size:12px;font-weight:700;margin-top:8px;}
.pm-result{text-align:center;padding:12px;background:#f5f5f7;border-radius:10px;margin:8px 0;}
.pm-res-label{font-size:10px;color:#86868b;}
.pm-res-num{font-size:28px;font-weight:800;color:#1d1d1f;letter-spacing:-1px;}
.pm-res-sub{font-size:11px;color:#86868b;}
.pm-res-sub strong{color:#22c55e;}

/* Pipeline/CRM */
.pm-pipeline{display:flex;gap:6px;padding:10px 8px;min-height:260px;}
.pm-pipe-col{flex:1;}
.pm-pipe-head{font-size:9px;font-weight:700;padding:5px 6px;border-radius:6px;margin-bottom:6px;text-align:center;}
.pm-pipe-head span{opacity:0.6;}
.pm-h-orange{background:#fff0ea;color:#d94f1a;}
.pm-h-blue{background:#e6f1fb;color:#0071e3;}
.pm-h-green{background:#e8faf0;color:#1b9e5a;}
.pm-pipe-card{background:#f5f5f7;border-radius:6px;padding:7px;font-size:9px;font-weight:600;color:#1d1d1f;margin-bottom:4px;line-height:1.3;}
.pm-pipe-card small{font-weight:400;color:#86868b;}

/* Invoice */
.pm-invoice{padding:14px;}
.pm-inv-row{display:flex;justify-content:space-between;padding:6px 0;font-size:11px;color:#6e6e73;}
.pm-inv-row strong{color:#1d1d1f;font-weight:600;}
.pm-inv-total{border-top:1.5px solid #1d1d1f;margin-top:4px;padding-top:8px;}
.pm-inv-total strong{font-size:16px;font-weight:800;}
.pm-green{color:#22c55e !important;}
.pm-red{color:#ff453a !important;}
.pm-swish{display:flex;align-items:center;justify-content:space-between;background:#65b02c;border-radius:10px;padding:10px 14px;margin-top:12px;}
.pm-swish-logo{color:#fff;font-weight:800;font-size:14px;}
.pm-swish-txt{color:#fff;font-size:11px;font-weight:600;}

/* Calendar */
.pm-cal{padding:14px;}
.pm-cal-month{font-size:13px;font-weight:700;text-align:center;margin-bottom:8px;color:#1d1d1f;}
.pm-cal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center;font-size:11px;color:#1d1d1f;margin-bottom:8px;}
.pm-cal-d{font-size:9px;color:#86868b;font-weight:600;}
.pm-cal-today{background:#ff6b35;color:#fff;border-radius:6px;font-weight:700;padding:4px 0;}
.pm-cal-avail{background:#e8faf0;color:#1b9e5a;border-radius:6px;font-weight:600;padding:4px 0;}
.pm-times{display:flex;gap:6px;margin:8px 0;}
.pm-time{flex:1;text-align:center;padding:8px 0;border:1px solid #e5e5e7;border-radius:8px;font-size:11px;font-weight:600;color:#1d1d1f;}
.pm-time-sel{background:#ff6b35;color:#fff;border-color:#ff6b35;}

/* Menu/Order */
.pm-menu{padding:10px;}
.pm-menu-item{display:flex;align-items:center;gap:8px;padding:10px;border:0.5px solid #e5e5e7;border-radius:10px;margin-bottom:6px;}
.pm-menu-item div:first-child{flex:1;}
.pm-menu-item strong{font-size:12px;display:block;color:#1d1d1f;}
.pm-menu-item small{font-size:9px;color:#86868b;}
.pm-menu-price{font-size:12px;font-weight:700;color:#1d1d1f;white-space:nowrap;}
.pm-menu-add{width:26px;height:26px;border-radius:50%;background:#f5f5f7;display:flex;align-items:center;justify-content:center;font-size:16px;color:#ff6b35;font-weight:700;flex-shrink:0;}
.pm-menu-qty{width:26px;height:26px;border-radius:50%;background:#ff6b35;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;flex-shrink:0;}
.pm-menu-sel{border-color:#ff6b35;background:rgba(255,107,53,0.03);}
.pm-cart{display:flex;justify-content:space-between;align-items:center;background:#1d1d1f;border-radius:10px;padding:10px 14px;margin-top:4px;font-size:11px;color:#fff;font-weight:600;}
.pm-cart-btn{color:#ff6b35;}

/* Stock */
.pm-stock{padding:14px;}
.pm-stock-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:0.5px solid #f0f0f0;font-size:12px;color:#1d1d1f;}
.pm-stock-item:last-child{border:none;}
.pm-stock-avail{font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;}
.pm-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.pm-dot.green{background:#22c55e;}
.pm-dot.orange{background:#ff9500;}
.pm-dot.red{background:#ff453a;}

/* Gift card */
.pm-gift{padding:14px;text-align:center;}
.pm-gift-card{background:linear-gradient(135deg,#ff6b35,#f7521f);border-radius:14px;padding:20px;color:#fff;margin-bottom:14px;text-align:center;}
.pm-gift-top{font-size:11px;font-weight:600;opacity:0.8;margin-bottom:6px;}
.pm-gift-amount{font-size:32px;font-weight:800;margin-bottom:6px;}
.pm-gift-to,.pm-gift-from{font-size:11px;opacity:0.8;}
.pm-gift-code{font-size:12px;margin-top:10px;letter-spacing:2px;opacity:0.6;}
.pm-gift-amounts{display:flex;gap:6px;justify-content:center;margin:8px 0;}
.pm-gift-amounts span{padding:6px 16px;border:1px solid #e5e5e7;border-radius:8px;font-size:12px;font-weight:600;color:#1d1d1f;}
.pm-gift-sel{background:#ff6b35 !important;color:#fff !important;border-color:#ff6b35 !important;}

/* Reviews */
.pm-reviews{padding:14px;}
.pm-sms-mock{margin-bottom:8px;}
.pm-sms-bubble{background:#e8faf0;border-radius:12px 12px 12px 0;padding:10px 12px;font-size:11px;color:#1d1d1f;line-height:1.4;}
.pm-sms-time{font-size:9px;color:#86868b;margin-top:4px;}
.pm-rev-stat{display:flex;align-items:center;gap:10px;margin:8px 0;}
.pm-rev-big{font-size:32px;font-weight:800;color:#1d1d1f;}
.pm-rev-stars{color:#ff9500;font-size:14px;letter-spacing:1px;}
.pm-rev-bar{display:flex;align-items:center;gap:6px;font-size:10px;color:#86868b;margin:3px 0;}
.pm-bar-bg{flex:1;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;}
.pm-bar-fill{height:100%;background:#ff9500;border-radius:3px;}

/* Loyalty */
.pm-loyal{padding:14px;text-align:center;}
.pm-loyal-name{font-size:14px;font-weight:700;color:#1d1d1f;margin-bottom:2px;}
.pm-loyal-desc{font-size:11px;color:#86868b;margin-bottom:14px;}
.pm-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px;}
.pm-stamp{width:100%;aspect-ratio:1;border-radius:10px;border:1.5px dashed #d0d0d5;display:flex;align-items:center;justify-content:center;font-size:12px;color:#d0d0d5;font-weight:700;}
.pm-stamp.filled{background:#e8faf0;border:1.5px solid #22c55e;color:#22c55e;}
.pm-stamp.last{border-color:#ff6b35;color:#ff6b35;font-size:16px;}
.pm-loyal-prog{font-size:11px;color:#1b9e5a;font-weight:600;}

/* Chat/AI */
.pm-chat{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:280px;}
.pm-chat-msg{padding:9px 12px;border-radius:12px;font-size:11px;line-height:1.4;max-width:88%;}
.pm-chat-user{background:#ff6b35;color:#fff;align-self:flex-end;border-radius:12px 12px 2px 12px;}
.pm-chat-bot{background:#f5f5f7;color:#1d1d1f;align-self:flex-start;border-radius:12px 12px 12px 2px;}
.pm-chat-ai{display:inline-block;background:#1d1d1f;color:#fff;font-size:8px;font-weight:700;padding:2px 5px;border-radius:4px;margin-right:4px;}

/* Email flows */
.pm-flows{padding:14px;}
.pm-flow{display:flex;align-items:center;gap:8px;font-size:11px;}
.pm-flow strong{display:block;color:#1d1d1f;font-size:11px;}
.pm-flow small{color:#86868b;font-size:9px;}
.pm-flow-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.pm-flow-dot.green{background:#22c55e;}
.pm-flow-dot.blue{background:#0071e3;}
.pm-flow-dot.orange{background:#ff9500;}
.pm-flow-dot.purple{background:#7f77dd;}
.pm-flow-stat{margin-left:auto;font-size:10px;color:#1b9e5a;font-weight:600;white-space:nowrap;}
.pm-flow-line{width:1.5px;height:14px;background:#e5e5e7;margin:0 0 0 4px;}

/* ROT */
.pm-rot{padding:8px 12px;background:#f5f5f7;border-radius:10px;}
.pm-rot-row{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;color:#6e6e73;}
.pm-rot-row span:last-child{font-weight:600;color:#1d1d1f;}
.pm-rot-total{border-top:1.5px solid #1d1d1f;margin-top:4px;padding-top:6px;}
.pm-rot-total span:last-child{font-size:16px;font-weight:800;}
.pm-rot-save{text-align:center;font-size:11px;color:#22c55e;font-weight:600;margin-top:10px;}

/* Kundkort */
.pm-kund{padding:14px;}
.pm-kund-top{display:flex;align-items:center;gap:10px;margin-bottom:4px;}
.pm-kund-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7521f);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0;}
.pm-kund-top strong{font-size:13px;color:#1d1d1f;display:block;}
.pm-kund-top small{font-size:10px;color:#86868b;}
.pm-kund-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:0.5px solid #f0f0f0;font-size:11px;}
.pm-kund-row span{color:#86868b;}
.pm-kund-row strong{color:#1d1d1f;font-weight:600;text-align:right;max-width:55%;}

/* QR Menu */
.pm-qrmenu{padding:10px 14px;}
.pm-qr-cat{font-size:13px;font-weight:700;color:#1d1d1f;margin:8px 0 6px;}
.pm-qr-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:0.5px solid #f0f0f0;}
.pm-qr-item strong{font-size:12px;color:#1d1d1f;display:block;}
.pm-qr-item small{font-size:9px;color:#86868b;}
.pm-qr-item span{font-size:12px;font-weight:700;color:#ff6b35;white-space:nowrap;margin-left:8px;}

/* Range */
.pm-range{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.pm-range input{flex:1;accent-color:#ff6b35;}
.pm-range span{font-size:12px;font-weight:600;color:#1d1d1f;white-space:nowrap;}

/* RESPONSIVE */
@media(max-width:480px){
  .prev-modal{width:100%;max-height:100vh;border-radius:20px 20px 0 0;top:auto;left:0;bottom:0;transform:translateY(100%);max-width:100%;}
  .prev-modal.show{transform:translateY(0);}
  .prev-phone{width:220px;}
}