/* Shared full-card showcase: scoped so the home page keeps its own design. */
#compare.visual-comparison{box-sizing:border-box;width:calc(100% - 48px);max-width:1160px;margin:64px auto 80px;padding:0;color:#0a1628;font-family:Heebo,system-ui,sans-serif;direction:rtl}
#compare *{box-sizing:border-box}
#compare .full-card-heading{text-align:center;margin:0 auto 36px;max-width:760px;background:none;padding:0;position:static}
#compare .full-card-heading>span{font-size:14px;font-weight:700;color:#96731d}
#compare .full-card-heading h2{font-size:clamp(30px,3.5vw,44px);line-height:1.25;margin:10px 0 14px}
#compare .full-card-heading p{font-size:18px;line-height:1.7;color:#596979;margin:0}
#compare .comparison-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:56px;align-items:center;max-width:none;margin:0}
#compare .comparison-preview{margin:0;min-width:0;width:100%;text-align:center;position:relative}
#compare .comparison-preview figcaption{min-height:0;margin-bottom:18px}
#compare .comparison-preview figcaption>span{font-size:13px;color:#96731d;font-weight:700}
#compare .comparison-preview h2{font-size:24px;line-height:1.4;margin:6px 0 0}
#compare .demo-phone{position:relative;width:340px;max-width:100%;height:auto;aspect-ratio:9/19.5;min-height:0;margin:auto;border:8px solid #142837;border-radius:42px;background:#fff;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;box-shadow:0 22px 46px #14283720;text-align:center}
#compare .demo-phone::-webkit-scrollbar{display:none}
#compare .demo-phone:before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:64px;height:14px;border-radius:20px;background:#142837;z-index:1}
#compare .demo-cover{height:180px;background:linear-gradient(#492c341a,#492c3455),url('/backgrounds/beauty/nails/premium-1.webp') center/cover;display:flex;align-items:center;justify-content:center;color:#724d45;font-size:18px;letter-spacing:.15em}
#compare .demo-cover span{background:#fff9;padding:8px 12px;border-radius:6px}
#compare .demo-profile{position:relative;margin:-32px auto 0;border:4px solid white;width:72px;height:72px;border-radius:50%;overflow:hidden}
#compare .demo-profile img{width:100%;height:100%;object-fit:cover}
#compare .demo-content{padding:14px 18px 18px}
#compare .demo-content h3{font-size:20px;line-height:1.4;margin:10px 0}
#compare .demo-tag{font-size:13px;color:#87645d;margin:4px 0 13px}
#compare .demo-actions{display:flex;flex-wrap:wrap;width:184px;justify-content:center;gap:29px 16px;margin:20px auto 34px}
#compare .demo-actions>span{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:0;border-radius:50%;color:#bc2856;background:#fff;box-shadow:0 3px 12px #24202b18}
#compare .demo-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#compare .demo-actions small{position:absolute;top:51px;right:50%;transform:translateX(50%);font-size:10px;color:#8b858a;white-space:nowrap}
#compare .demo-whatsapp{background:linear-gradient(100deg,#ca3262,#a3234e);color:#fff;border-radius:30px;padding:11px;font-size:13px;font-weight:700}
#compare .demo-about{background:white;border:1px solid #f5e6ec;border-radius:13px;padding:14px;text-align:right;color:#b42c58;font-size:13px;line-height:1.8;margin:18px 0}
#compare .demo-content h4{text-align:right;font-size:15px;margin:18px 0 9px}
#compare .demo-content h4 small{display:block;font-size:11px;color:#8b7c7a;font-weight:400}
#compare .demo-services,#compare .demo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#compare .demo-service{background:#f7f4f2;border:1px solid #eadbd8;border-radius:8px;padding:10px 5px;font-size:12px;min-height:44px;display:grid;place-items:center;margin:0}
#compare .demo-gallery img{width:100%;height:98px;object-fit:cover;border-radius:9px}
#compare .demo-review{background:#faf6f3;border:1px solid #eee0d9;border-radius:9px;margin-top:8px;padding:11px;text-align:right}
#compare .demo-review>span{color:#b68120;letter-spacing:2px;font-size:15px}
#compare .demo-review p{font-size:12px;line-height:1.7;margin:5px 0}
#compare .demo-review b{font-size:11px;color:#7e6d6c;font-weight:500}
#compare .demo-hours{font-size:12px;margin:8px 0 12px}
#compare .demo-hours>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}
#compare .demo-hours dd{margin:0;direction:ltr}
#compare .demo-dvora-mini{position:sticky;bottom:8px;margin-right:auto;width:max-content;max-width:150px;height:48px;padding:8px 12px;border-radius:28px;background:#10293b;display:flex;flex-direction:row;align-items:center;gap:8px;box-shadow:0 4px 12px #10293b35;z-index:2}
#compare .demo-dvora-mini img{width:27px;height:32px}
#compare .demo-dvora-mini>span{display:block;color:#f4d06a;font-size:12px}
#compare .demo-caption{font-size:12px;color:#687785;margin:16px 0 0}
#compare .comparison-details{grid-column:auto;grid-row:auto;min-width:0;margin:0;padding:32px;background:#fff;border:1px solid #e4dfd2;border-radius:26px;box-shadow:0 14px 36px #12263708}
#compare .comparison-eyebrow{font-size:13px;color:#96731d;font-weight:700}
#compare .comparison-details h2{font-size:30px;line-height:1.4;margin:8px 0 16px}
#compare .trial-explainer{font-size:17px;line-height:1.8;color:#596979}
#compare .cmp-table{border-collapse:separate;border-spacing:0;width:100%;font-size:16px;table-layout:fixed}
#compare .cmp-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#compare .cmp-table th,#compare .cmp-table td{padding:17px 10px;border-bottom:1px solid #eceeed;vertical-align:middle}
#compare .cmp-table thead th{background:#132e40;color:#fff;font-size:14px}
#compare .cmp-table thead th:first-child{width:52%;border-radius:0 10px 0 0;text-align:right}
#compare .cmp-table thead th:last-child{border-radius:10px 0 0 0;color:#ffe090}
#compare .cmp-table tbody th{text-align:right;font-weight:500;line-height:1.5}
#compare .cmp-table td{text-align:center}
#compare .cmp-table td:last-child{background:#fbf7eb}
#compare .cmp-yes{display:block;font-size:23px;font-weight:800;color:#287966}
#compare .lead-form-note{font-size:13px;line-height:1.7;color:#596979;margin:18px 0}
#compare .full-card-cta{display:flex;justify-content:center;align-items:center;min-height:52px;padding:12px 18px;background:linear-gradient(110deg,#c49a2a,#e8b84b);border-radius:13px;color:#0a1628;font-size:18px;font-weight:800;text-decoration:none}
#compare :focus-visible{outline:3px solid #c49a2a;outline-offset:4px}
@media(max-width:900px){#compare .comparison-layout{grid-template-columns:310px minmax(0,1fr);gap:24px}#compare .comparison-details{padding:22px}#compare .cmp-table{font-size:14px}}
@media(max-width:760px){#compare.visual-comparison{width:calc(100% - 32px);margin:48px auto}#compare .comparison-layout{display:flex;flex-direction:column;gap:32px}#compare .comparison-preview{order:0;width:100%}#compare .comparison-details{order:1;width:100%;padding:22px 14px}#compare .demo-phone{width:314px;max-width:100%;border-width:7px;border-radius:38px}#compare .full-card-heading p{font-size:16px}#compare .comparison-details h2{font-size:26px}#compare .trial-explainer{font-size:15px}#compare .cmp-table th,#compare .cmp-table td{padding:14px 6px}#compare .cmp-table thead th{font-size:12px}#compare .full-card-heading{margin-bottom:28px}}
