/* Bfriend purchase flow v7 – generated by src/bf7/build.mjs, do not edit. Source: src/bf7/css/ */
/* ===== 0-revert.css ===== */
/* The theme styles bare elements (main, headings, buttons, inputs, lists, `* {margin:0;padding:0}`…).
   The flow was designed on browser defaults, so inside it every element starts from the
   browser's own styles again. Zero specificity: any class rule of the flow still wins.
   SVG is left out (`all` would also drop its width/height/fill attributes) and only gets
   the theme's `img,svg{display:block;max-width:100%}` undone. */
.bf7 :where(*:not(svg, svg *)){all:revert}
.bf7 :where(svg, img, iframe, video){display:inline;max-width:none}
.bf7 :where(img){height:revert}
.bf7 :where(svg){margin:0;padding:0;box-sizing:content-box}

/* ===== 00-tokens.css ===== */
/* ---- DS tokens/colors.css ---- */
/* Bfriend color tokens — hex values lifted verbatim from bfriend.co.il theme CSS */
.bf7{
--brown-900:#604032;      /* body + heading ink (text pages, spinners) */
--brown-700:#784E39;      /* price-blob fill, deep surfaces */
--caramel-500:#CC9662;    /* PRIMARY brand: buttons, paw bullets, success bar */
--caramel-600:#B57F4A;    /* checked-paw glyph, pressed caramel */
--caramel-700:#9E602B;    /* struck-through "before" price */
--caramel-shadow:rgba(204,150,98,.77); /* hard offset button shadow */
--beige-300:#DFCAC0;      /* checkbox border, hairlines */
--green-500:#7BB64C;      /* ACCENT: contact panel, button hover, spinner head */
--green-shadow:rgba(123,182,76,.77);
--red-500:#DC3232;        /* validation tip text */
--red-400:#FF0000;        /* invalid field border (pure red on site) */
--white:#FFFFFF;
/* derived tints (not on site; oklch mixes of brand hues for quiet surfaces) */
--cream-50:oklch(0.98 0.012 70);
--cream-100:oklch(0.955 0.025 70);
--green-50:oklch(0.96 0.04 135);

/* semantic */
--accent:var(--green-500);
--primary:var(--caramel-500);
--text-strong:var(--brown-900);
--text-body:var(--brown-900);
--text-muted:color-mix(in oklab,var(--brown-900) 70%,white);
--text-on-primary:var(--white);
--text-on-accent:var(--white);
--surface-page:var(--white);
--surface-soft:var(--cream-50);
--surface-card:var(--white);
--surface-accent:var(--green-500);
--surface-deep:var(--brown-700);
--border-soft:var(--beige-300);
--border-error:var(--red-400);
--text-error:var(--red-500);
--link:inherit;
}

/* ---- DS tokens/typography.css ---- */
.bf7{
--font-body:"Noto Sans Hebrew","Noto Sans",Arial,sans-serif;
--font-display:"Fredoka","Noto Sans Hebrew",Arial,sans-serif;
/* desktop scale (px at 1920 design width; site scales these in vw) */
--fs-display:96px;  --lh-display:1.04;/* @kind font */
--fs-h1:72px;       --lh-h1:1;/* @kind font */
--fs-h2:56px;       --lh-h2:1.1;/* @kind font */
--fs-h3:32px;       --lh-h3:1.3;/* @kind font */
--fs-h4:24px;       --lh-h4:1.3;/* @kind font */
--fs-body-lg:20px;  --lh-body:1.6;/* @kind font */
--fs-body:18px;
--fs-small:16px;
--fs-caption:13px;
--fw-regular:400;/* @kind font */ --fw-medium:500;/* @kind font */ --fw-bold:700;/* @kind font */ --fw-black:900;/* @kind font */
}

/* ---- DS tokens/spacing.css ---- */
.bf7{
/* spacing — site values observed (px @1920): 5, 10, 15, 20, 26, 30, 50, 61, 80 */
--space-1:5px; --space-2:10px; --space-3:15px; --space-4:20px; --space-5:26px;
--space-6:30px; --space-7:50px; --space-8:80px; --space-9:120px;
/* radii */
--radius-xs:3px;     /* checkbox */
--radius-sm:8px;     /* buttons, phone pill */
--radius-md:16px;    /* cards (derived) */
--radius-lg:24px;
--radius-panel:50px; /* green contact panel */
--radius-pill:999px;
/* shadows — signature HARD offset, no blur */
--shadow-btn:4px 4px 0 var(--caramel-shadow);
--shadow-btn-hover:-4px -4px 0 var(--green-shadow);
--shadow-card:0 10px 30px rgba(96,64,50,.10);
/* layout */
--container:1366px;/* @kind spacing */
--container-narrow:1210px;/* @kind spacing */
--bp-mobile:991px;/* @kind other */
/* motion */
--ease:ease;/* @kind other */
--dur-fast:.2s;/* @kind other */ --dur:.3s;/* @kind other */
}

/* ---- DS tokens/base.css ---- */
@keyframes bf7-bf-wiggle{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(0)}100%{transform:rotate(10deg)}}
@keyframes bf7-bf-swing{0%{transform:rotate(0)}25%{transform:rotate(7deg)}50%{transform:rotate(14.5deg)}75%{transform:rotate(7deg)}100%{transform:rotate(0)}}
@keyframes bf7-bf-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.bf7 .bf-root{font-family:var(--font-body);color:var(--text-body);direction:rtl}
.bf7 .bf-root a{color:inherit}
.bf7 .bf-root a:hover{color:var(--caramel-500)}


/* ===== 10-prototype.css ===== */
/* index.html <style> (demo frame/toolbar removed) */
.bf7 .bf-app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;color:var(--brown-900);overflow:hidden}
.bf7 .bf-hd{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:2px solid var(--beige-300);z-index:5}
.bf7 .desk .bf-hd{padding:16px 48px}
.bf7 .bf-logo{height:30px;width:auto}
.bf7 .desk .bf-logo{height:40px}
.bf7 .bf-hd-l{display:flex;align-items:center;gap:18px}
.bf7 .bf-hd-r{font-size:14px}
.bf7 .bf-help-btn{display:inline-flex;align-items:center;gap:8px;min-width:44px;height:44px;justify-content:center;padding:0 12px;border:0;border-radius:var(--radius-pill);background:var(--green-500);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:3px 3px 0 var(--green-shadow)}
.bf7 .desk .bf-help-btn{padding:0 18px}
.bf7 .bf-help-btn:hover{background:var(--caramel-500);box-shadow:-3px -3px 0 var(--caramel-shadow)}
.bf7 .bf-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:14px;width:290px;box-sizing:border-box;background:#fff;border:2px solid var(--green-500);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-card);font-size:14px}
.bf7 .desk .bf-pop{inset-inline-end:48px}
.bf7 .bf-pop strong{font-size:17px}
.bf7 .bf-pop-a{display:flex;gap:8px;margin-top:8px}
.bf7 .bf-pop-x{position:absolute;top:6px;inset-inline-end:10px;border:0;background:none;font-size:22px;color:var(--brown-900);cursor:pointer}
.bf7 .bf-stp{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding:20px 48px 4px}
.bf7 .bf-stp-i{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;color:var(--brown-900);cursor:pointer;width:104px}
.bf7 .bf-stp-i:disabled{cursor:default}
.bf7 .bf-stp-c{width:34px;height:34px;box-sizing:border-box;border-radius:50%;border:2px solid var(--beige-300);background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;transition:all .3s}
.bf7 .bf-stp-i.on .bf-stp-c{background:var(--caramel-500);border-color:var(--caramel-500);color:#fff;box-shadow:3px 3px 0 var(--caramel-shadow);transform:scale(1.08)}
.bf7 .bf-stp-i.done .bf-stp-c{background:var(--green-500);border-color:var(--green-500)}
.bf7 .bf-stp-i:not(:disabled):hover .bf-stp-t{color:var(--caramel-500)}
.bf7 .bf-stp-t{font-size:14px;font-weight:500;white-space:nowrap}
.bf7 .bf-stp-i.on .bf-stp-t{font-weight:700}
.bf7 .bf-stp-l{flex:0 0 40px;height:2px;background:var(--beige-300);margin-top:17px;transition:background .3s}
.bf7 .bf-stp-l.on{background:var(--green-500)}
.bf7 .bf-mprog{flex-shrink:0;padding:12px 18px 0;display:flex;flex-direction:column;gap:8px}
.bf7 .bf-mprog-t{display:flex;justify-content:space-between;font-size:14px}
.bf7 .bf-mprog-t strong{color:var(--caramel-500);font-size:15px}
.bf7 .bf-bar{height:5px;background:var(--beige-300);border-radius:5px;overflow:hidden}
.bf7 .bf-bar span{display:block;height:100%;background:var(--caramel-500);border-radius:5px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.bf7 .bf-msum{flex-shrink:0;margin:10px 18px 0;border:2px solid var(--beige-300);border-radius:var(--radius-md);background:var(--cream-50)}
.bf7 .bf-msum-b{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 12px;border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:var(--brown-900);cursor:pointer;text-align:start}
.bf7 .bf-msum-b>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bf7 .bf-msum-c{font-weight:500;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.bf7 .bf-msum-d{padding:0 10px 10px}
.bf7 .bf-msum-d .bf-card{border:0;padding:6px 6px 0;background:transparent}
.bf7 .bf-msum-d .bf-card-h{display:none}
.bf7 .bf-body{flex:1;min-height:0;display:flex}
.bf7 .bf-col{flex:1;min-width:0;display:flex;flex-direction:column}
.bf7 .bf-main{flex:1;min-height:0;display:flex;flex-direction:column}
.bf7 .bf-scroll{flex:1;min-height:0;overflow:auto;scroll-behavior:smooth}
.bf7 .bf-inner{display:flex;flex-direction:column;gap:18px;padding:16px 18px 28px}
.bf7 .desk .bf-inner{width:600px;margin:0 auto;padding:22px 0 30px;gap:22px}
.bf7 .desk .bf-inner.wide{width:1120px}
.bf7 .bf-cta{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 18px 18px;border-top:2px solid var(--beige-300);background:#fff;box-shadow:0 -8px 20px rgba(96,64,50,.06)}
.bf7 .desk .bf-cta{width:600px;margin:0 auto;border-top:0;box-shadow:none;padding:6px 0 30px}
.bf7 .bf-cta-sub{font-size:13px;text-align:center;line-height:1.5}
.bf7 .bf-aside{width:420px;flex-shrink:0;box-sizing:border-box;background:var(--cream-50);border-inline-start:2px solid var(--beige-300);padding:30px 34px;display:flex;flex-direction:column;gap:22px;overflow:auto}
.bf7 .bf-phx{height:40px;width:auto;align-self:flex-start;margin-top:auto}
.bf7 .bf-back{align-self:flex-start;border:0;background:none;padding:4px 0;font:inherit;font-size:15px;font-weight:500;color:var(--brown-900);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.bf7 .bf-back:hover{color:var(--caramel-500)}
.bf7 .bf-link{border:0;background:none;padding:0;font:inherit;font-size:16px;font-weight:700;color:var(--brown-900);text-decoration:underline;text-underline-offset:4px;cursor:pointer;align-self:flex-start}
.bf7 .bf-link.sm{font-size:14px;font-weight:500}
.bf7 .bf-link:hover{color:var(--caramel-500)}
.bf7 .bf-card{background:#fff;border:2px solid var(--beige-300);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px}
.bf7 .bf-card-h{display:flex;align-items:center;gap:12px}
.bf7 .bf-card-n{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.15}
.bf7 .bf-card-s{font-size:13px;opacity:.8}
.bf7 .bf-card-r{margin:0;display:flex;flex-direction:column}
.bf7 .bf-card-r div{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid var(--beige-300);font-size:15px;animation:bf7-bf-fu .4s both}
.bf7 .bf-card-r dt{opacity:.8;flex-shrink:0;width:88px}
.bf7 .bf-card-r dd{margin:0;font-weight:700;flex:1}
.bf7 .bf-card-p{display:flex;align-items:baseline;justify-content:space-between;padding-top:12px;border-top:2px solid var(--caramel-500)}
.bf7 .bf-card-p strong{font-family:var(--font-display);font-size:28px;color:var(--caramel-500)}
.bf7 .bf-ava{flex-shrink:0;border-radius:50%;background:var(--cream-100);border:3px solid var(--caramel-500);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.bf7 .bf-ava.pop{animation:bf7-bf-pop .5s cubic-bezier(.2,.8,.2,1) both}
.bf7 .bf-hero{display:flex;align-items:center;gap:16px}
.bf7 .bf-hero .bf-ava{animation:bf7-bf-swing 3s ease-in-out infinite;transform-origin:50% 0}
.bf7 .bf-qwrap{display:flex;flex-direction:column;gap:6px}
.bf7 .bf-kicker{font-weight:700;font-size:15px;color:var(--caramel-500)}
.bf7 .bf-q{margin:0;font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1.15;text-wrap:balance}
.bf7 .desk .bf-q{font-size:42px;line-height:1.08}
.bf7 .bf-q em, .bf7 .bf-q-em{font-style:normal;color:var(--caramel-500)}
.bf7 .bf-q.big{font-size:44px}
.bf7 .desk .bf-q.big{font-size:64px}
.bf7 .bf-sub{margin:0;font-size:16px;line-height:1.5;text-wrap:pretty}
.bf7 .desk .bf-sub{font-size:19px}
.bf7 .bf-reveal{display:flex;flex-direction:column;gap:10px;animation:bf7-bf-fu .45s cubic-bezier(.2,.8,.2,1) both}
.bf7 .bf-lbl{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}
.bf7 .bf-lbl-n{width:26px;height:26px;border-radius:50%;background:var(--caramel-500);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.bf7 .bf-field{display:flex;flex-direction:column;gap:6px}
.bf7 .bf-field-q{font-size:16px;font-weight:500}
.bf7 .bf-app input[type="tel"], .bf7 .bf-app input[type="email"]{direction:ltr!important;text-align:right}
.bf7 .bf-help{font-size:13px;line-height:1.5;opacity:.9}
.bf7 .bf-help.strong{font-weight:700;opacity:1;font-size:14px}
.bf7 .bf-errt{color:var(--red-500);font-size:13px;font-weight:500}
.bf7 .bf-part{display:flex;flex-direction:column;gap:12px;padding:18px;border:2px solid var(--beige-300);border-radius:var(--radius-lg)}
.bf7 .bf-checks{display:flex;flex-direction:column;gap:14px;font-size:15px}
.bf7 .bf-stack{display:flex;flex-direction:column;gap:12px}
.bf7 .bf-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.bf7 .bf-center{display:flex;justify-content:center}
.bf7 .bf-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-md);background:var(--cream-50);font-size:15px;line-height:1.55}
.bf7 .bf-note.green{background:var(--green-50)}
.bf7 .bf-note.warn{background:var(--cream-100)}
.bf7 .bf-note-i{margin-top:3px;display:inline-flex}
.bf7 .bf-note-a{margin-top:10px}
.bf7 .bf-chips{display:flex;flex-wrap:wrap;gap:8px}
.bf7 .bf-chip{min-height:44px;padding:0 16px;border-radius:var(--radius-sm);border:2px solid var(--beige-300);background:#fff;color:var(--brown-900);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center}
.bf7 .bf-chip:hover{border-color:var(--caramel-500)}
.bf7 .bf-chip.on{background:var(--caramel-500);border-color:var(--caramel-500);color:#fff;box-shadow:var(--shadow-btn)}
.bf7 .bf-picked{display:flex;align-items:center;gap:14px}
.bf7 .bf-sel{display:flex;flex-direction:column;gap:6px}
.bf7 .bf-sel>span:first-child{font-size:16px;font-weight:500}
.bf7 .bf-sel select{height:51px;padding:0 14px;border:2px solid var(--beige-300);border-radius:var(--radius-sm);background:#fff;font:inherit;font-size:17px;outline:none;cursor:pointer;width:100%}
.bf7 .bf-sel select:focus{border-color:var(--caramel-500)}
.bf7 .bf-cal{border:2px solid var(--beige-300);border-radius:var(--radius-md);padding:12px;animation:bf7-bf-fu .35s both}
.bf7 .bf-cal-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:16px}
.bf7 .bf-cal-h strong{flex:1;text-align:center}
.bf7 .bf-cal-nav{width:36px;height:36px;border-radius:50%;border:2px solid var(--beige-300);background:#fff;font-size:22px;line-height:1;color:var(--brown-900);cursor:pointer}
.bf7 .bf-cal-nav:disabled{opacity:.3;cursor:default}
.bf7 .bf-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.bf7 .bf-cal-w{text-align:center;font-size:13px;font-weight:700;padding-bottom:4px}
.bf7 .bf-day{height:40px;border:0;border-radius:var(--radius-sm);background:var(--cream-50);font:inherit;font-size:15px;font-weight:700;color:var(--brown-900);cursor:pointer;transition:all .2s}
.bf7 .bf-day:hover{background:var(--cream-100)}
.bf7 .bf-day.on{background:var(--caramel-500);color:#fff;box-shadow:3px 3px 0 var(--caramel-shadow)}
.bf7 .bf-day:disabled{opacity:.3;cursor:default}
.bf7 .bf-load{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding-top:40px}
.bf7 .bf-load-ava{position:relative;width:128px;height:128px;display:flex;align-items:center;justify-content:center}
.bf7 .bf-load-ava>span[role="status"]{position:absolute;inset:0}
.bf7 .bf-load-ava .bf-ava{border:0;background:#fff}
.bf7 .bf-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.bf7 .bf-steps li{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;animation:bf7-bf-fu .5s both}
.bf7 .bf-tick{width:26px;height:26px;border-radius:50%;background:var(--green-500);display:inline-flex;align-items:center;justify-content:center}
.bf7 .bf-perkbar{display:flex;flex-direction:column;gap:6px;padding:14px 18px;border-radius:var(--radius-md);background:var(--caramel-500);color:#fff;font-size:15px;line-height:1.45}
.bf7 .desk .bf-perkbar{flex-direction:row;justify-content:space-between;align-items:center;font-size:17px}
.bf7 .bf-perkbar>span:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bf7 .bf-perkbar-g{display:inline-flex;align-self:flex-start;padding:4px 12px;border-radius:var(--radius-pill);background:var(--green-500);font-weight:700;font-size:14px}
.bf7 .desk .bf-perkbar-g{align-self:auto}
.bf7 .bf-plans{display:flex;flex-direction:column;gap:24px;padding-top:12px}
.bf7 .desk .bf-plans{display:grid;align-items:stretch;gap:22px}
.bf7 .desk .bf-plans.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bf7 .desk .bf-plans.n2{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center}
.bf7 .bf-plan{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 22px 22px;background:#fff;border:2px solid var(--beige-300);border-radius:var(--radius-lg);animation:bf7-bf-fu .5s both}
.bf7 .bf-plan.rec{border-color:var(--caramel-500);box-shadow:var(--shadow-btn)}
.bf7 .desk .bf-plan.rec{transform:translateY(-10px)}
.bf7 .bf-plan:nth-child(2){animation-delay:.08s}
.bf7 .bf-plan:nth-child(3){animation-delay:.16s}
.bf7 .bf-plan-n{font-size:22px;font-weight:900}
.bf7 .bf-plan-d{font-size:15px}
.bf7 .bf-plan-p{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bf7 .bf-plan-x{font-size:16px}
.bf7 .bf-plan-big{font-family:var(--font-display);font-weight:700;font-size:46px;line-height:1;color:var(--caramel-500)}
.bf7 .bf-plan-y{font-size:15px;display:flex;gap:8px;margin-top:-4px}
.bf7 .bf-plan-y s{color:var(--caramel-700);opacity:.7}
.bf7 .bf-plan-f{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--beige-300);display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.45}
.bf7 .bf-plan-f li{display:flex;gap:9px;align-items:flex-start}
.bf7 .bf-plan-f li>span:first-child, .bf7 .bf-plan-f li>svg, .bf7 .bf-plan-f li>img{margin-top:4px;flex-shrink:0}
.bf7 .bf-plan-f li.minus{opacity:.85}
.bf7 .bf-plan-f li.minus span{width:14px;text-align:center;font-weight:900;margin-top:0!important}
.bf7 .bf-plan-more{margin:0;display:flex;flex-direction:column;background:var(--cream-50);border-radius:var(--radius-sm);padding:4px 12px}
.bf7 .bf-plan-more div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;border-bottom:1px solid var(--beige-300)}
.bf7 .bf-plan-more div:last-child{border-bottom:0}
.bf7 .bf-plan-more dd{margin:0;font-weight:700;text-align:end}
.bf7 .bf-cmp{overflow-x:auto;border:2px solid var(--beige-300);border-radius:var(--radius-md)}
.bf7 .bf-cmp table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.bf7 .desk .bf-cmp table{font-size:16px}
.bf7 .bf-cmp th, .bf7 .bf-cmp td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--beige-300)}
.bf7 .bf-cmp thead th{background:var(--cream-50);font-weight:900}
.bf7 .bf-cmp tbody th{font-weight:500}
.bf7 .bf-cmp .rec{background:var(--cream-100);font-weight:700}
.bf7 .bf-sec-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:15px}
.bf7 .bf-city{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--cream-50);border-radius:var(--radius-sm);font-size:16px}
.bf7 .bf-city .bf-link{margin-inline-start:auto}
.bf7 .bf-ac{position:relative}
.bf7 .bf-ac-l{list-style:none;margin:4px 0 0;padding:6px;border:2px solid var(--caramel-500);border-radius:var(--radius-sm);background:#fff;display:flex;flex-direction:column}
.bf7 .bf-ac-l button{width:100%;min-height:44px;text-align:start;padding:0 12px;border:0;border-radius:6px;background:none;font:inherit;font-size:16px;color:var(--brown-900);cursor:pointer}
.bf7 .bf-ac-l button:hover{background:var(--cream-50)}
.bf7 .bf-recap{padding:14px 16px;border-radius:var(--radius-md);background:var(--cream-50);border:2px dashed var(--caramel-500);font-size:15px;line-height:1.6}
.bf7 .bf-recap span{font-weight:700;color:var(--caramel-700)}
.bf7 .bf-order{padding:18px;border-radius:var(--radius-lg);background:var(--brown-700);color:#fff;display:flex;flex-direction:column;gap:10px}
.bf7 .bf-order-r{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:15px}
.bf7 .bf-order-big{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.bf7 .bf-order-big small{font-family:var(--font-body);font-weight:500;font-size:16px}
.bf7 .bf-trust{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.45;color:var(--brown-900)}
.bf7 .bf-trust svg{flex-shrink:0;color:var(--green-500)}
.bf7 .bf-iframe{border:2px solid var(--beige-300);border-radius:var(--radius-md);overflow:hidden}
.bf7 .bf-iframe-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:var(--cream-50);font-size:14px;font-weight:700;border-bottom:2px solid var(--beige-300)}
.bf7 .bf-iframe-tag{font-size:12px;font-weight:500;padding:2px 8px;border:1px dashed var(--caramel-700);border-radius:var(--radius-pill);color:var(--caramel-700)}
.bf7 .bf-iframe-b{padding:16px;display:flex;flex-direction:column;gap:14px}
.bf7 .bf-opt{display:flex;align-items:center;gap:14px;text-align:start;padding:14px 16px;border-radius:var(--radius-md);border:2px solid var(--beige-300);background:#fff;color:var(--brown-900);font:inherit;cursor:pointer;transition:all .3s;width:100%}
.bf7 .bf-opt:hover{border-color:var(--caramel-500);box-shadow:var(--shadow-btn)}
.bf7 .bf-opt span{display:flex;flex-direction:column;gap:2px}
.bf7 .bf-opt strong{font-size:18px}
.bf7 .bf-opt small{font-size:14px}
.bf7 .bf-sum{margin:0;display:flex;flex-direction:column;border-radius:var(--radius-md);background:var(--cream-50);padding:4px 18px;width:100%;box-sizing:border-box}
.bf7 .bf-sum div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--beige-300);font-size:15px}
.bf7 .bf-sum div:last-child{border-bottom:0}
.bf7 .bf-sum dt{opacity:.8}
.bf7 .bf-sum dd{margin:0;font-weight:700;text-align:end}
.bf7 .bf-done{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding-top:8px}
.bf7 .bf-done-ava .bf-ava{animation:bf7-bf-pop .6s cubic-bezier(.2,.8,.2,1) both,bf7-bf-swing 3s 1s ease-in-out infinite;transform-origin:50% 0}
.bf7 .bf-rain{position:absolute;inset:-40px -18px auto;height:520px;overflow:hidden;pointer-events:none}
.bf7 .bf-rain span{position:absolute;top:-40px;animation:bf7-bf-fall 3s cubic-bezier(.3,.1,.7,1) 2 both}
.bf7 .bf-gift{width:100%;display:flex;flex-direction:column;gap:12px;padding:18px;border:2px solid var(--caramel-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-btn);text-align:start;box-sizing:border-box}
.bf7 .bf-gift-h{display:flex;flex-direction:column;gap:2px;font-size:18px}
.bf7 .bf-todo{width:100%;text-align:start;display:flex;flex-direction:column;gap:10px}
.bf7 .bf-todo-t{font-weight:900;font-size:18px}
.bf7 .bf-next{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bf7 .bf-next li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--cream-50);font-size:15px;line-height:1.45;animation:bf7-bf-fu .5s both}
.bf7 .bf-next li span{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--green-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.bf7 .bf-tag{margin:0;font-family:var(--font-display);font-weight:600;font-size:24px;color:var(--caramel-500)}
.bf7 .bf-done-a{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding-bottom:10px}
.bf7 .v3{--plum-900:#360623;--sun-400:#F2A516;--green-500:#5B9A2E;--green-shadow:rgba(91,154,46,.45);--green-50:oklch(0.96 0.045 135)}
.bf7 .bf-dbar{flex-shrink:0;height:4px;background:var(--beige-300);margin:10px auto 0;width:600px;border-radius:4px;overflow:hidden}
.bf7 .bf-dbar span{display:block;height:100%;background:var(--caramel-500);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.bf7 .bf-tiles{display:grid;gap:14px}
.bf7 .bf-chip{white-space:nowrap}
.bf7 .bf-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:16px 12px;border:2px solid var(--beige-300);border-radius:var(--radius-lg);background:#fff;color:var(--brown-900);font:inherit;cursor:pointer;transition:all .3s;text-align:center}
.bf7 .bf-tile.txt{min-height:110px}
.bf7 .bf-tile:hover{border-color:var(--caramel-500);transform:translateY(-2px)}
.bf7 .bf-tile.on{border-color:var(--caramel-500);background:var(--cream-50);box-shadow:var(--shadow-btn)}
.bf7 .bf-tile-l{font-size:22px;font-weight:700}
.bf7 .bf-tile small{font-size:14px;line-height:1.4}
.bf7 .bf-tile.on .bf-tile-l{color:var(--caramel-700)}
.bf7 .bf-hero{display:flex;align-items:flex-end;gap:12px}
.bf7 .bf-hero>svg{flex-shrink:0;margin-bottom:-6px}
.bf7 .bf-mascot{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:0}
.bf7 .bf-bubble{position:relative;max-width:100%;text-align:center;padding:8px 16px;border-radius:var(--radius-pill);background:var(--green-500);color:#fff;font-weight:700;font-size:16px;animation:bf7-bf-pop .45s cubic-bezier(.2,.8,.2,1) both;box-shadow:3px 3px 0 var(--green-shadow)}
.bf7 .bf-bubble::after{content:"";position:absolute;bottom:-7px;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:var(--green-500);border-bottom:0}
.bf7 .bf-bubble-slot{min-height:42px;display:flex;align-items:flex-end}
.bf7 .bf-agel{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 14px;border-radius:var(--radius-pill);background:var(--green-50);font-size:15px;font-weight:700}
.bf7 .bf-load-pet{animation:bf7-bf-hop 1s ease-in-out infinite}
.bf7 .bf-sniff{animation:bf7-bf-hop .8s ease-in-out infinite}
@keyframes bf7-bf-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.bf7 .toon .t-tail{transform-box:fill-box;transform-origin:100% 100%;animation:bf7-t-wag .7s ease-in-out infinite}
.bf7 .toon.fast .t-tail{animation-duration:.28s}
.bf7 .toon.cat .t-tail{animation:bf7-t-swish 1.8s ease-in-out infinite}
.bf7 .toon.cat.fast .t-tail{animation-duration:.8s}
.bf7 .toon .t-head{transform-box:fill-box;transform-origin:50% 100%;animation:bf7-t-tilt 3.2s ease-in-out infinite}
.bf7 .toon.fast .t-head{animation:bf7-t-tilt 1.2s ease-in-out infinite}
.bf7 .toon .t-eyes{transform-box:fill-box;transform-origin:center;animation:bf7-t-blink 4s infinite}
.bf7 .toon .t-ear{transform-box:fill-box;transform-origin:50% 0;animation:bf7-t-ear 1.4s ease-in-out infinite}
.bf7 .toon .t-tongue{transform-box:fill-box;transform-origin:50% 0;animation:bf7-t-tongue .5s ease-in-out infinite}
@keyframes bf7-t-wag{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(22deg)}}
@keyframes bf7-t-swish{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(14deg)}}
@keyframes bf7-t-tilt{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg)}60%{transform:rotate(4deg)}}
@keyframes bf7-t-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes bf7-t-ear{0%,100%{transform:rotate(0)}50%{transform:rotate(-6deg)}}
@keyframes bf7-t-tongue{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.25)}}
.bf7 .bf-ava{overflow:hidden;align-items:flex-start}
.bf7 .bf-revs{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--radius-lg);background:#fff;border:2px solid var(--beige-300)}
.bf7 .bf-revs-wide{width:640px;align-self:center}
.bf7 .bf-revs-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-decoration:none;color:var(--brown-900);font-size:14px}
.bf7 .bf-revs-h strong{font-family:var(--font-display);font-size:26px;line-height:1}
.bf7 .bf-stars{letter-spacing:1px;font-size:15px}
.bf7 .bf-stars.sm{font-size:12px}
.bf7 .bf-revs-v{overflow:hidden}
.bf7 .bf-revs-t{display:flex;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.bf7 .bf-rev-c{flex:0 0 100%;margin:0;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:2px}
.bf7 .bf-rev-c blockquote{margin:0;font-size:16px;line-height:1.55;text-wrap:pretty;min-height:74px}
.bf7 .bf-revs.compact .bf-rev-c blockquote{font-size:15px;min-height:70px}
.bf7 .bf-rev-c figcaption{display:flex;align-items:center;gap:10px}
.bf7 .bf-rev-c img, .bf7 .bf-rev-i{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--caramel-500);flex-shrink:0;box-sizing:border-box}
.bf7 .bf-rev-i{display:flex;align-items:center;justify-content:center;background:var(--cream-100);font-weight:900;font-size:18px}
.bf7 .bf-rev-c figcaption span{display:flex;flex-direction:column}
.bf7 .bf-rev-c strong{font-size:15px}
.bf7 .bf-rev-c small{font-size:13px}
.bf7 .bf-revs-n{display:flex;align-items:center;justify-content:space-between}
.bf7 .bf-revs-a{width:40px;height:40px;border-radius:50%;border:2px solid var(--beige-300);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
.bf7 .bf-revs-a span, .bf7 .bf-revs-a>*{animation:bf7-bf-wiggle 1s linear infinite}
.bf7 .bf-revs-a:hover{border-color:var(--caramel-500)}
.bf7 .bf-revs-a.nx>*{transform:scaleX(-1)}
.bf7 .bf-modal.found>svg{margin-bottom:-8px}
.bf7 .v3 .bf-perkbar{background:var(--plum-900)}
.bf7 .v3 .bf-plan.rec{border:3px solid var(--plum-900);box-shadow:6px 6px 0 var(--caramel-shadow);padding:40px 24px 26px;gap:14px}
.bf7 .v3 .bf-plan.rec .bf-plan-big{font-size:56px;color:var(--brown-900)}
.bf7 .v3 .bf-plan.rec .bf-plan-n{font-size:26px}
.bf7 .desk.v3 .bf-plans.n3{align-items:center}
.bf7 .desk.v3 .bf-plan.rec{transform:none;z-index:1;min-height:calc(100% + 56px);margin:-28px 0;box-sizing:border-box}
.bf7 .v3 .bf-badge-rec{position:absolute;top:-19px;inset-inline-start:22px;display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:var(--radius-pill);background:var(--plum-900);color:#fff;font-weight:700;font-size:16px;white-space:nowrap;box-shadow:3px 3px 0 var(--caramel-shadow)}
.bf7 .v3 .bf-badge-rec>span{display:inline-flex}
.bf7 .bf-dots{display:flex;gap:6px;justify-content:center}
.bf7 .bf-dots button{width:8px;height:8px;padding:0;border:0;border-radius:8px;background:var(--beige-300);cursor:pointer;transition:all .3s}
.bf7 .bf-dots button.on{width:24px;background:var(--caramel-500)}
.bf7 .bf-skip{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:0 16px;border:2px dashed var(--beige-300);border-radius:var(--radius-sm);background:#fff;font:inherit;font-size:15px;font-weight:500;color:var(--brown-900);cursor:pointer;transition:all .3s;margin-top:-6px}
.bf7 .bf-skip span{font-size:14px;font-weight:700;color:var(--caramel-700)}
.bf7 .bf-skip:hover{border-color:var(--caramel-500);background:var(--cream-50)}
.bf7 .bf-skipped{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);background:var(--green-50);font-size:15px}
.bf7 .bf-skipped span{flex:1;min-width:180px}
.bf7 .bf-gift-hero{position:relative;display:flex;justify-content:center;padding-top:8px;min-height:120px}
.bf7 .bf-gift-hero .bf-rain{inset:-20px -18px auto;height:260px}
.bf7 .bf-courses{display:flex;flex-direction:column;gap:12px}
.bf7 .bf-course{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:2px solid var(--beige-300);border-radius:var(--radius-lg);background:#fff;font:inherit;color:var(--brown-900);text-align:start;cursor:pointer;transition:all .3s;animation:bf7-bf-fu .45s both}
.bf7 .bf-course:hover{border-color:var(--caramel-500);box-shadow:var(--shadow-btn)}
.bf7 .bf-course.on{border-color:var(--green-500);background:var(--green-50);box-shadow:3px 3px 0 var(--green-shadow)}
.bf7 .bf-course-i{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:var(--cream-100);display:flex;align-items:center;justify-content:center;transition:all .3s}
.bf7 .bf-course.on .bf-course-i{background:var(--green-500)}
.bf7 .bf-course-t{flex:1;display:flex;flex-direction:column;gap:2px}
.bf7 .bf-course-t strong{font-size:19px}
.bf7 .bf-course-t small{font-size:14px}
.bf7 .bf-course-c{width:28px;height:28px;border-radius:50%;border:2px solid var(--beige-300);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;flex-shrink:0}
.bf7 .bf-course.on .bf-course-c{background:var(--green-500);border-color:var(--green-500)}
.bf7 .bf-resume{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:2px solid var(--green-500);border-radius:var(--radius-md);background:var(--green-50);font:inherit;color:var(--brown-900);text-align:start;cursor:pointer;transition:all .3s}
.bf7 .bf-resume:hover{box-shadow:-3px -3px 0 var(--green-shadow)}
.bf7 .bf-resume>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.bf7 .bf-resume strong{font-size:16px}
.bf7 .bf-resume small{font-size:14px}
.bf7 .bf-resume>span:last-child{font-size:24px;font-weight:700;color:var(--green-500)}
.bf7 .bf-scrim{position:absolute;inset:0;z-index:20;background:rgba(96,64,50,.55);display:flex;align-items:center;justify-content:center;padding:18px;animation:bf7-bf-fade .25s both}
.bf7 .bf-modal{position:relative;overflow:hidden;width:100%;max-width:440px;box-sizing:border-box;background:#fff;border-radius:var(--radius-lg);padding:30px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.bf7 .bf-modal.found{border:2px solid var(--caramel-500);box-shadow:var(--shadow-btn);animation:bf7-bf-pop .5s cubic-bezier(.2,.8,.2,1) both}
.bf7 .bf-modal.checking{padding:34px 24px;gap:18px}
.bf7 .bf-modal-t{font-family:var(--font-display);font-weight:600;font-size:36px;line-height:1.1}
.bf7 .bf-modal-t.sm{font-size:22px}
.bf7 .bf-modal-t em{font-style:normal;color:var(--caramel-500)}
.bf7 .bf-modal-blob{animation:bf7-bf-pop .6s .2s cubic-bezier(.2,.8,.2,1) both}
.bf7 .bf-modal .bf-rain{inset:0;height:100%}
@keyframes bf7-bf-fade{from{opacity:0}to{opacity:1}}
@keyframes bf7-bf-fu{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes bf7-bf-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes bf7-bf-fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(560px) rotate(380deg);opacity:0}}
@keyframes bf7-bf-inF{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes bf7-bf-inB{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
.bf7 .scr-f{animation:bf7-bf-inF .45s cubic-bezier(.2,.8,.2,1) both}
.bf7 .scr-b{animation:bf7-bf-inB .45s cubic-bezier(.2,.8,.2,1) both}
.bf7 .fu{animation:bf7-bf-fu .4s both}
.bf7 button:focus-visible, .bf7 select:focus-visible{outline:3px solid var(--green-500);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.bf7 *{animation:none!important;transition:none!important}}

/* index.html <style id="v5-brand"> */
.bf7, .bf7 .bf-app.bf-app, .bf7 .bf-app.v3{--ink:#2D1A10;--brown-900:#2D1A10;--brown-700:#2D1A10;--caramel-500:#c8935e;--caramel-600:#b07a45;--caramel-700:#8a5a2b;--caramel-shadow:rgba(200,147,94,.8);--green-500:#71b345;--green-600:#5e9a36;--green-shadow:rgba(113,179,69,.75);--green-50:oklch(0.965 0.04 135);--beige-300:#e6d6cc;--plum-900:#2D1A10;--font-body:"Noto Sans Hebrew","Noto Sans",Arial,sans-serif;--font-display:"Noto Sans Hebrew",Arial,sans-serif;--font-fun:"Rubik Moonrocks","Noto Sans Hebrew",sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1)}
.bf7 .bf-app{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased}
.bf7 .bf-app button, .bf7 .bf-app a, .bf7 .bf-app input, .bf7 .bf-app select{touch-action:manipulation}
.bf7 .bf-q, .bf7 .bf-modal-t, .bf7 .bf-card-n{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}
.bf7 .bf-q{font-size:28px;line-height:1.2}
.bf7 .desk .bf-q{font-size:40px;line-height:1.15}
.bf7 .bf-q.big{font-size:40px}
.bf7 .desk .bf-q.big{font-size:60px}
.bf7 .bf-q em, .bf7 .bf-q-em, .bf7 .bf-modal-t em{font-family:var(--font-fun);font-weight:400;letter-spacing:0;color:var(--caramel-500)}
.bf7 .bf-sub{font-weight:300;font-size:17px;line-height:1.6;color:var(--brown-700)}
.bf7 .desk .bf-sub{font-size:19px}
.bf7 .bf-kicker{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--caramel-700)}
.bf7 .bf-plan-big, .bf7 .bf-order-big, .bf7 .bf-card-p strong, .bf7 .bf-revs-h strong{font-family:var(--font-fun);font-weight:400;font-variant-numeric:tabular-nums}
.bf7 .v3 .bf-plan.rec .bf-plan-big{color:var(--ink)}
.bf7 .bf-plan-n{font-weight:800}
.bf7 .bf-tile-l{font-weight:800}
.bf7 .bf-tag{font-family:var(--font-fun);font-weight:400}
.bf7 .bf-help, .bf7 .bf-cta-sub, .bf7 .bf-card-s, .bf7 .bf-plan-d, .bf7 .bf-tile small, .bf7 .bf-course-t small, .bf7 .bf-rev-c small{font-weight:300;color:var(--brown-700);opacity:1}
.bf7 .bf-sum dt, .bf7 .bf-card-r dt{opacity:1;color:var(--brown-700);font-weight:400}
.bf7 .bf-order{background:var(--brown-700)}
.bf7 .bf-perkbar, .bf7 .v3 .bf-perkbar{background:var(--ink)}
.bf7 .bf-hd{border-bottom-color:var(--beige-300)}
.bf7 .bf-app button, .bf7 .bf-app a, .bf7 .bf-chip, .bf7 .bf-tile, .bf7 .bf-opt, .bf7 .bf-course, .bf7 .bf-skip, .bf7 .bf-resume, .bf7 .bf-help-btn, .bf7 .bf-day, .bf7 .bf-revs-a, .bf7 .bf-stp-c{transition-property:background-color,border-color,color,box-shadow,transform,opacity!important;transition-duration:.18s!important;transition-timing-function:var(--ease-out)!important}
.bf7 .bf-app button:not(:disabled):active, .bf7 .bf-app a:active{transform:scale(.97)}
.bf7 .bf-tile:hover{transform:none}
@media (hover:hover) and (pointer:fine){.bf7 .bf-tile:hover{transform:translateY(-2px)}}
@keyframes bf7-bf-pop{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}
@keyframes bf7-bf-fu{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes bf7-bf-inF{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
@keyframes bf7-bf-inB{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.bf7 .scr-f, .bf7 .scr-b{animation-duration:.28s;animation-timing-function:var(--ease-out)}
.bf7 .bf-reveal, .bf7 .fu, .bf7 .bf-cal{animation-duration:.25s;animation-timing-function:var(--ease-out)}
.bf7 .bf-modal.found, .bf7 .bf-bubble, .bf7 .bf-ava.pop{animation-duration:.3s;animation-timing-function:var(--ease-out)}
.bf7 .bf-scrim{animation-duration:.2s}
.bf7 .bf-plan:nth-child(2){animation-delay:.05s}
.bf7 .bf-plan:nth-child(3){animation-delay:.1s}
.bf7 .bf-bar span, .bf7 .bf-dbar span{transition:width .5s var(--ease-io)}
.bf7 .bf-errt{display:flex;gap:6px;align-items:center}
.bf7 .bf-errt::before{content:"!";flex-shrink:0;width:16px;height:16px;border-radius:50%;background:var(--red-500);color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}
@media (prefers-reduced-motion:reduce){.bf7 .scr-f,.bf7 .scr-b,.bf7 .bf-reveal,.bf7 .fu{animation:bf7-bf-fade .2s both!important}}

/* ===== 20-v6.css ===== */
/* handoff v6.css (demo frame rules removed) */
.bf7 .v6, .bf7 .v6.bf-app.v3{--ink:#2D1A10;--brown-900:#2D1A10;--brown-700:#2D1A10;--plum-900:#2D1A10;--text-strong:#2D1A10;--text-body:#2D1A10;--surface-deep:#2D1A10;--text-muted:#6B5548}
.bf7 .v6{--amber:#F2A516;--amber-d:#C98500;--amber-50:#FEF0D3;--cream:#FBF4EA;--line:#EADBC9;--green-brand:#71b345;--green-500:#3D7A1E;--green-600:#33681A;--green-shadow:rgba(61,122,30,.35);--green-d:#3D7A1E;--green-100:#E4F1D6;--red-500:#B42318;--red-400:#B42318;--text-muted:#6B5548;background:var(--cream)!important;isolation:isolate}
.bf7 .v6-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.bf7 .v6-bg b{position:absolute;display:block}
.bf7 .v6-bg .b1{width:560px;height:480px;top:-200px;right:-160px;background:var(--amber-50);border-radius:58% 42% 61% 39%/49% 58% 42% 51%}
.bf7 .v6-bg .b2{width:640px;height:540px;bottom:-300px;left:-220px;background:var(--green-100);border-radius:42% 58% 37% 63%/55% 41% 59% 45%}
.bf7 .v6-bg .b3{width:220px;height:200px;bottom:120px;right:-90px;background:#fff;opacity:.7;border-radius:50% 50% 46% 54%/60% 52% 48% 40%}
.bf7 .v6-bg .p{position:absolute;opacity:.45}
.bf7 .mob .v6-bg .p{opacity:.25}
.bf7 .v6>.v6-hd, .bf7 .v6>.v6-trail, .bf7 .v6>.v6-mtrail, .bf7 .v6>.v6-msum, .bf7 .v6>.bf-body{position:relative;z-index:1}
.bf7 .v6>.v6-hd{z-index:6}
.bf7 .v6-hd{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px auto 0;width:calc(100% - 80px);max-width:1560px;box-sizing:border-box;padding:8px;background:#fff;border:1.5px solid var(--brown-700);border-radius:999px;color:var(--ink);box-shadow:none}
.bf7 .mob .v6-hd{margin:12px 12px 0;width:auto;padding:6px}
.bf7 .v6-logo{display:flex;align-items:center;padding:7px 18px;background:transparent;border-radius:999px}
.bf7 .v6-logo img{height:30px;display:block}
.bf7 .mob .v6-logo img{height:24px}
.bf7 .mob .v6-logo{padding:6px 14px}
.bf7 .v6-hd-l{display:flex;align-items:center;gap:16px}
.bf7 .v6-rate{display:flex;align-items:center;gap:6px;font-size:14px}
.bf7 .v6-rate b{color:var(--amber-d);letter-spacing:1px;font-size:13px}
.bf7 .v6-help{min-height:44px;min-width:44px;padding:0 20px;border:0;border-radius:999px;background:var(--amber);color:var(--ink);font:inherit;font-weight:800;font-size:15px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}
.bf7 .mob .v6-help{padding:0}
@media (hover:hover) and (pointer:fine){.bf7 .v6-help:hover{background:#FFB624}}
.bf7 .v6 .bf-pop{border-color:var(--amber);border-radius:24px;color:var(--ink);inset-inline-end:8px}
.bf7 .v6-trail{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding:22px 0 4px}
.bf7 .v6-trail-i{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;padding:0;font:inherit;color:var(--brown-700);cursor:pointer;width:100px}
.bf7 .v6-trail-i:disabled{cursor:default}
.bf7 .v6-trail-c{width:36px;height:36px;box-sizing:border-box;border-radius:50%;background:#fff;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:var(--brown-700)}
.bf7 .v6-trail-i.on .v6-trail-c{width:46px;height:46px;margin-top:-5px;background:var(--amber);border-color:var(--amber);color:var(--ink);font-size:17px;border-radius:46% 54% 50% 50%/55% 45% 55% 45%;box-shadow:0 0 0 7px rgba(242,165,22,.2)}
.bf7 .v6-trail-i.done .v6-trail-c{background:var(--green-500);border-color:var(--green-500)}
.bf7 .v6-trail-t{font-size:13px;font-weight:500;white-space:nowrap}
.bf7 .v6-trail-i.on .v6-trail-t{font-weight:800;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.bf7 .v6-trail-i:not(:disabled):hover .v6-trail-t{color:var(--green-d)}}
.bf7 .v6-trail-l{display:flex;align-items:center;gap:12px;margin-top:11px;padding:0 6px}
.bf7 .v6-trail-l>*:nth-child(odd){transform:rotate(-90deg) translateY(-4px)}
.bf7 .v6-trail-l>*:nth-child(even){transform:rotate(-90deg) translateY(4px)}
.bf7 .v6-mtrail{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:14px 20px 2px}
.bf7 .v6-mtrail-t{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--brown-700)}
.bf7 .v6-mtrail-t strong{font-size:16px;font-weight:800;color:var(--ink)}
.bf7 .v6-mtrail-p{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.bf7 .v6-mtrail-p span{height:6px;border-radius:6px;background:var(--line);transition:background-color .3s var(--ease-out)}
.bf7 .v6-mtrail-p span.done{background:var(--green-500)}
.bf7 .v6-mtrail-p span.on{background:var(--amber)}
.bf7 .v6-msum{flex-shrink:0;margin:12px 16px 0;background:var(--ink);border-radius:22px;color:#fff;overflow:hidden}
.bf7 .v6-msum-b{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:4px 16px 4px 6px;border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:#fff;cursor:pointer;text-align:start}
.bf7 .v6-msum-a{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--amber);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.bf7 .v6-msum-b>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bf7 .v6-msum-c{font-size:13px;font-weight:700;color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.bf7 .v6-msum-d{padding:0 6px 6px}
.bf7 .v6-msum-d .v6-pass{transform:none;box-shadow:none;padding-top:14px}
.bf7 .v6-msum-d .v6-pass-ring, .bf7 .v6-msum-d .v6-pass-k, .bf7 .v6-msum-d .v6-pass-id{display:none}
.bf7 .v6-msum-d .v6-pass dl{margin-top:0}
.bf7 .v6 .bf-body{width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box;gap:48px}
.bf7 .desk.v6 .bf-body{padding:6px 40px 0}
.bf7 .desk.v6 .bf-inner{width:auto;max-width:760px;margin:0 auto;padding:26px 8px 30px}
.bf7 .desk.v6 .bf-inner.wide{width:auto;max-width:1400px}
.bf7 .mob.v6 .bf-inner{padding:16px 20px 24px}
.bf7 .v6 .bf-aside{width:420px;background:none;border:0;padding:30px 4px 24px 8px;gap:24px}
.bf7 .v6 .bf-cta{background:transparent;border-top:0;box-shadow:none}
.bf7 .desk.v6 .bf-cta{width:auto;max-width:760px;margin:0 auto;box-sizing:border-box;padding:4px 8px 30px;align-self:stretch}
.bf7 .desk.v6 .bf-main{align-items:stretch}
.bf7 .mob.v6 .bf-cta{padding:18px 20px 20px;background:linear-gradient(to top,var(--cream) 72%,rgba(251,244,234,0))}
.bf7 .v6 .bf-back{font-size:14px;color:var(--brown-700);text-decoration:none;padding:6px 12px;margin-inline-start:-12px;border-radius:999px}
@media (hover:hover) and (pointer:fine){.bf7 .v6 .bf-back:hover{background:#fff;color:var(--ink)}}
.bf7 .v6 .bf-phx{height:34px;opacity:.9}
.bf7 .v6-go{gap:16px!important}
.bf7 .v6-go-i{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--amber);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s var(--ease-out)}
.bf7 .mob .v6-go-i{width:42px;height:42px}
@media (hover:hover) and (pointer:fine){.bf7 .v6-go:not(:disabled):hover{background:#FFB624!important}.bf7 .v6-go:not(:disabled):hover .v6-go-i{transform:translateX(-4px)}}
.bf7 .v6-go:disabled{opacity:1!important;background:var(--line)!important;color:var(--brown-700)!important}
.bf7 .v6-go:disabled .v6-go-i{background:#fff;color:var(--line)}
.bf7 .v6 .bf-cta-sub{color:var(--brown-700)}
.bf7 .v6 .bf-q{font-weight:800;font-size:32px;line-height:1.14}
.bf7 .desk.v6 .bf-q{font-size:52px;line-height:1.06;letter-spacing:-.015em}
.bf7 .v6 .bf-q em, .bf7 .v6 .bf-q-em, .bf7 .v6 .bf-modal-t em{color:var(--green-d);font-family:var(--font-fun);font-weight:400;letter-spacing:0}
.bf7 .desk.v6 .bf-q.big{font-size:64px}
.bf7 .v6 .bf-kicker{align-self:flex-start;padding:5px 14px;border-radius:999px;background:var(--amber-50);color:#7A4F00;font-size:14px;font-weight:800;letter-spacing:0}
.bf7 .v6 .bf-sub{color:var(--brown-700)}
.bf7 .v6 .bf-lbl-n{background:var(--amber);color:var(--ink)}
.bf7 .v6 .bf-tiles{gap:20px}
.bf7 .v6 .bf-tile{position:relative;background:#fff;border:2px solid var(--line);border-radius:32px;min-height:180px;box-shadow:0 3px 0 var(--line)}
.bf7 .v6 .bf-tile.txt{min-height:100px;border-radius:26px}
.bf7 .v6 .bf-tile:not(.txt){padding:26px 14px 18px}
.bf7 .desk.v6 .bf-tile:not(.txt){min-height:280px}
.bf7 .v6 .bf-tile:not(.txt)>svg{background:var(--amber-50);border-radius:52% 48% 44% 56%/58% 52% 48% 42%;padding:10px 12px 0;transition:background-color .2s var(--ease-out),transform .25s var(--ease-out)}
.bf7 .v6 .bf-tile:not(.txt) .bf-tile-l{position:absolute;top:16px;right:-12px;padding:8px 22px;border-radius:999px;background:var(--green-500);color:#fff;font-family:var(--font-fun);font-weight:400;font-size:22px;transform:none;box-shadow:0 4px 0 var(--green-d);transition:background-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}
.bf7 .mob.v6 .bf-tile:not(.txt) .bf-tile-l{top:10px;right:-6px;font-size:16px;padding:5px 14px;box-shadow:0 3px 0 var(--green-d)}
.bf7 .mob.v6 .bf-tile:not(.txt){padding-top:40px}
.bf7 .desk.v6 .bf-tile:not(.txt) .bf-tile-l{font-size:28px;padding:10px 26px}
.bf7 .v6 .bf-tile .bf-tile-l{color:var(--ink)}
.bf7 .v6 .bf-tile.on, .bf7 .v6 .bf-tile.on:hover{border-color:var(--amber);background:#fff!important;box-shadow:0 0 0 2px var(--amber),0 10px 0 rgba(242,165,22,.3)}
.bf7 .v6 .bf-tile.on .bf-tile-l{color:var(--ink)}
.bf7 .v6 .bf-tile small{color:var(--brown-700)}
@media (hover:hover) and (pointer:fine){.bf7 .v6 .bf-tile:hover{border-color:var(--amber);transform:translateY(-3px)}.bf7 .v6 .bf-tile:not(.txt):hover>svg{transform:scale(1.04)}}
.bf7 .v6 .bf-chip{border-radius:999px;border-color:var(--line);background:#fff}
.bf7 .v6 .bf-chip.on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}
.bf7 .v6 .bf-opt, .bf7 .v6 .bf-course, .bf7 .v6 .bf-part, .bf7 .v6 .bf-cal, .bf7 .v6 .bf-iframe, .bf7 .v6 .bf-cmp{border-radius:26px;border-color:var(--line);background:#fff}
.bf7 .v6 .bf-opt:hover, .bf7 .v6 .bf-course:hover{border-color:var(--amber);box-shadow:0 6px 0 rgba(242,165,22,.25)}
.bf7 .v6 .bf-course.on{border-color:var(--green-500);background:var(--green-100);box-shadow:0 6px 0 rgba(113,179,69,.3)}
.bf7 .v6 .bf-course-i{background:var(--amber-50);border-radius:52% 48% 44% 56%/58% 52% 48% 42%}
.bf7 .v6 .bf-day{border-radius:12px}
.bf7 .v6 .bf-day.on{background:var(--amber);color:var(--ink);box-shadow:none}
.bf7 .v6 .bf-skip{border-radius:999px;border-color:var(--line)}
.bf7 .v6 input:not([type="checkbox"]):not([type="radio"]){height:56px!important;border-radius:18px!important;font-size:18px!important;padding:0 20px!important}
.bf7 .v6 input:not([type="checkbox"]):not([type="radio"]):focus{box-shadow:0 0 0 5px rgba(242,165,22,.22)}
.bf7 .v6 .bf-sel select{height:56px;border-radius:18px;border-color:#A88B78;padding:0 18px}
.bf7 .v6 .bf-sel select:focus{border-color:var(--amber);box-shadow:0 0 0 5px rgba(242,165,22,.22)}
.bf7 .v6 .bf-note{border-radius:22px;background:var(--amber-50)}
.bf7 .v6 .bf-note.green{background:var(--green-100)}
.bf7 .v6 .bf-agel{background:var(--green-100);color:var(--green-d)}
.bf7 .v6 .bf-city, .bf7 .v6 .bf-recap, .bf7 .v6 .bf-sum, .bf7 .v6 .bf-next li{border-radius:20px;background:#fff}
.bf7 .v6 .bf-recap{border-color:var(--amber)}
.bf7 .v6 .bf-ac-l{border-color:var(--amber);border-radius:18px}
.bf7 .v6-pass{position:relative;background:var(--ink);color:#fff;border-radius:34px;padding:34px 26px 24px;box-shadow:0 26px 40px -24px rgba(45,26,16,.7)}
.bf7 .v6-pass::before{content:"";position:absolute;inset:9px;border:1.5px dashed rgba(242,165,22,.4);border-radius:27px;pointer-events:none}
.bf7 .v6-pass-ring{position:absolute;top:-16px;left:44px;width:24px;height:24px;border-radius:50%;border:7px solid var(--amber);background:var(--cream)}
.bf7 .v6-pass-k{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--amber);direction:ltr;text-align:right}
.bf7 .v6-pass-id{display:flex;align-items:center;gap:16px;margin-top:12px}
.bf7 .v6-pass-ph{width:96px;height:96px;flex-shrink:0;background:var(--amber);border-radius:52% 48% 44% 56%/58% 52% 48% 42%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.bf7 .v6-pass-ph>span{align-self:center}
.bf7 .v6-pass-n{font-family:var(--font-fun);font-size:38px;line-height:1.05;color:var(--amber);word-break:break-word}
.bf7 .v6-pass-s{margin-top:4px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.75)}
.bf7 .v6-pass dl{margin:20px 0 0;display:flex;flex-direction:column}
.bf7 .v6-pass dl div{display:flex;align-items:baseline;gap:10px;padding:11px 0;border-top:1px dashed rgba(255,255,255,.2);font-size:15px;animation:bf7-v6-row .3s var(--ease-out) both}
.bf7 .v6-pass dt{width:86px;flex-shrink:0;color:rgba(255,255,255,.7)}
.bf7 .v6-pass dd{margin:0;flex:1;font-weight:700}
.bf7 .v6-pass .bf-link{color:var(--amber);font-size:13px;font-weight:500}
.bf7 .v6-pass-empty{margin-top:18px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.2);font-size:15px;line-height:1.55;color:rgba(255,255,255,.8)}
.bf7 .v6-stampw{display:flex;justify-content:flex-end;margin-top:4px;margin-bottom:-6px}
.bf7 .v6-stamp{width:122px;height:122px;box-sizing:border-box;border-radius:50%;border:3px double var(--green-500);outline:2px solid var(--green-500);outline-offset:-12px;color:#BFE39C;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:rotate(-12deg);text-align:center;animation:bf7-v6-stampin .35s var(--ease-out) both}
.bf7 .v6-stamp strong{font-family:var(--font-fun);font-weight:400;font-size:24px;line-height:1;color:#fff}
.bf7 .v6-stamp small{font-size:11px;font-weight:700}
@keyframes bf7-v6-stampin{from{opacity:0;transform:rotate(-12deg) scale(1.25)}to{opacity:1;transform:rotate(-12deg) scale(1)}}
@keyframes bf7-v6-row{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.bf7 .v6-perks{padding:0 10px}
.bf7 .v6-note{position:relative}
.bf7 .v6-note::before{content:"";position:absolute;top:-12px;left:50%;width:96px;height:26px;margin-left:-48px;background:rgba(242,165,22,.55);transform:rotate(-3deg);z-index:1;border-radius:3px}
.bf7 .v6 .bf-revs{border:0;border-radius:28px;box-shadow:0 18px 30px -20px rgba(45,26,16,.4)}
.bf7 .v6 .bf-revs-a{border-color:var(--line);background:var(--amber-50)}
.bf7 .v6 .bf-dots button.on{background:var(--amber)}
.bf7 .v6 .bf-rev-c img, .bf7 .v6 .bf-rev-i{border-color:var(--amber)}
.bf7 .v6 .bf-perkbar{background:var(--amber)!important;color:var(--ink);border-radius:24px}
.bf7 .v6 .bf-perkbar-g{background:var(--ink);color:var(--amber)}
.bf7 .v6 .bf-plan{border-radius:34px;border-color:var(--line);box-shadow:0 3px 0 var(--line)}
.bf7 .v6 .bf-plan.rec{background:var(--ink)!important;color:#fff;border:0!important;box-shadow:0 30px 44px -26px rgba(45,26,16,.75)!important}
.bf7 .v6 .bf-plan.rec .bf-plan-big{color:var(--amber)!important}
.bf7 .v6 .bf-plan.rec .bf-plan-d, .bf7 .v6 .bf-plan.rec .bf-plan-x, .bf7 .v6 .bf-plan.rec .bf-plan-y{color:rgba(255,255,255,.8)}
.bf7 .v6 .bf-plan.rec .bf-plan-y s{color:rgba(255,255,255,.55)}
.bf7 .v6 .bf-plan.rec .bf-plan-f{border-top-color:rgba(255,255,255,.2)}
.bf7 .v6 .bf-plan.rec .bf-link{color:var(--amber)}
.bf7 .v6 .bf-plan.rec .bf-plan-more{background:rgba(255,255,255,.08)}
.bf7 .v6 .bf-plan.rec .bf-plan-more div{border-bottom-color:rgba(255,255,255,.15)}
.bf7 .v6 .bf-badge-rec{background:var(--amber)!important;color:var(--ink)!important;box-shadow:0 4px 0 var(--amber-d)!important;transform:rotate(-4deg)}
.bf7 .v6 .bf-order{background:var(--ink);border-radius:30px}
.bf7 .v6 .bf-order-big{color:var(--amber)}
.bf7 .v6 .bf-gift{border-color:var(--amber);border-radius:28px;box-shadow:0 8px 0 rgba(242,165,22,.3);background:#fff}
.bf7 .v6 .bf-modal{border-radius:36px}
.bf7 .v6 .bf-modal.found{border-color:var(--amber);box-shadow:0 10px 0 rgba(242,165,22,.35)}
.bf7 .v6 .bf-bubble{background:var(--ink);box-shadow:none;color:var(--amber)}
.bf7 .v6 .bf-bubble::after{border-top-color:var(--ink)}
.bf7 .v6 .bf-resume{border-radius:22px;background:#fff;border-color:var(--green-500)}
.bf7 .v6 .bf-tag{color:var(--green-d)}
.bf7 .v6 button:focus-visible, .bf7 .v6 a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.bf7 .v6 label{--beige-300:#A88B78;--caramel-500:#8A5A2B}
.bf7 .v6 input::placeholder{color:#6B5548;opacity:1}
.bf7 .v6 .bf-plan:not(.rec) .bf-plan-big{color:var(--ink)}
.bf7 .v6 .bf-perkbar>span:first-child svg *{fill:var(--ink)}
.bf7 .v6 .bf-errt{color:#B42318}
.bf7 .v6-scrim{background:rgba(45,26,16,.62)}
.bf7 .v6-cele{position:relative;width:100%;max-width:560px;box-sizing:border-box;background:var(--cream);border-radius:40px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;text-align:center;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);animation:bf7-v6-celein .45s cubic-bezier(.34,1.4,.64,1) both}
.bf7 .mob .v6-cele{border-radius:32px}
@keyframes bf7-v6-celein{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
.bf7 .v6-cele-top{position:relative;height:250px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.bf7 .mob .v6-cele-top{height:200px}
.bf7 .v6-burst{position:absolute;left:50%;top:58%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(from 0deg,rgba(242,165,22,.28) 0 10deg,transparent 10deg 20deg);border-radius:50%;animation:bf7-v6-spin 18s linear infinite}
.bf7 .v6-cele-blob{position:absolute;bottom:-70px;left:50%;width:340px;height:220px;margin-left:-170px;background:var(--amber);border-radius:52% 48% 44% 56%/58% 52% 48% 42%}
.bf7 .v6-cele-pet{position:relative;margin-bottom:-6px;animation:bf7-v6-jump 1.1s .5s cubic-bezier(.3,.7,.4,1) 3 both}
@keyframes bf7-v6-jump{0%,100%{transform:translateY(0)}35%{transform:translateY(-26px) rotate(-3deg)}55%{transform:translateY(0) scaleY(.94)}70%{transform:translateY(-8px)}}
@keyframes bf7-v6-spin{to{transform:rotate(360deg)}}
.bf7 .v6-hearts{position:absolute;inset:0;pointer-events:none}
.bf7 .v6-hearts span{position:absolute;bottom:90px;opacity:0;animation:bf7-v6-heart 2.6s ease-out infinite}
.bf7 .v6-hearts span:nth-child(1){left:30%;animation-delay:.6s}
.bf7 .v6-hearts span:nth-child(2){left:64%;animation-delay:1.1s}
.bf7 .v6-hearts span:nth-child(3){left:40%;animation-delay:1.7s}
.bf7 .v6-hearts span:nth-child(4){left:58%;animation-delay:2.2s}
@keyframes bf7-v6-heart{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-120px) scale(1.1) rotate(12deg)}}
.bf7 .v6-conf{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.bf7 .v6-conf span{position:absolute;top:-30px;animation:bf7-v6-fall 3s cubic-bezier(.3,.1,.7,1) infinite both}
.bf7 .v6-conf span.k2{width:9px;height:16px;border-radius:3px;background:var(--green-brand)}
.bf7 .v6-conf span.k3{width:12px;height:12px;border-radius:50%;background:var(--amber)}
@keyframes bf7-v6-fall{0%{transform:translateY(0) rotate(var(--r));opacity:1}85%{opacity:1}100%{transform:translateY(760px) rotate(calc(var(--r) + 420deg));opacity:0}}
.bf7 .v6-cele-b{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 34px 30px;background:var(--cream)}
.bf7 .mob .v6-cele-b{padding:22px 22px 24px;gap:12px}
.bf7 .v6-cele-k{padding:6px 16px;border-radius:999px;background:var(--ink);color:var(--amber);font-size:14px;font-weight:800}
.bf7 .v6-cele-t{font-weight:800;font-size:44px;line-height:1.05;color:var(--ink);text-wrap:balance}
.bf7 .mob .v6-cele-t{font-size:34px}
.bf7 .v6-cele-t em{font-style:normal;font-family:var(--font-fun);font-weight:400;color:var(--green-d)}
.bf7 .v6-ticket{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 44px 16px;background:var(--ink);color:#fff;border-radius:22px;animation:bf7-v6-tick .5s .3s cubic-bezier(.34,1.5,.64,1) both}
.bf7 .v6-ticket::before, .bf7 .v6-ticket::after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--cream)}
.bf7 .v6-ticket::before{left:-11px}
.bf7 .v6-ticket::after{right:-11px}
@keyframes bf7-v6-tick{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.bf7 .v6-ticket-l{font-size:15px;color:rgba(255,255,255,.85)}
.bf7 .v6-ticket-n{font-family:var(--font-fun);font-size:76px;line-height:1;color:var(--amber);font-variant-numeric:tabular-nums;direction:ltr}
.bf7 .mob .v6-ticket-n{font-size:62px}
.bf7 .v6-ticket-s{font-size:13px;font-weight:700;color:#BFE39C}
.bf7 .v6-cele-p{margin:0;font-size:17px;line-height:1.55;color:var(--brown-700);max-width:400px;text-wrap:pretty}
@media (prefers-reduced-motion:reduce){.bf7 .v6-burst,.bf7 .v6-conf,.bf7 .v6-hearts,.bf7 .v6-cele-pet{animation:none!important}.bf7 .v6-conf{display:none}}
.bf7 .v6-promo{display:flex;align-items:center;gap:14px;padding:10px 20px 10px 10px;margin-top:28px;background:#fff;border:1.5px solid var(--brown-700);border-radius:999px;color:var(--ink);animation:bf7-bf-fu .35s var(--ease-out) both}
.bf7 .v6-promo-n{width:52px;height:52px;flex-shrink:0;border-radius:52% 48% 44% 56%/58% 52% 48% 42%;background:var(--ink);color:var(--amber);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.bf7 .v6-promo-n small{font-size:10px;font-weight:700;color:#fff}
.bf7 .v6-promo-n strong{font-family:var(--font-fun);font-weight:400;font-size:26px}
.bf7 .v6-promo-t{flex:1;min-width:0;font-size:16px;line-height:1.4;text-wrap:pretty}
.bf7 .v6-promo-t b{color:var(--green-d);font-weight:800}
.bf7 .v6-promo-t strong{font-weight:800}
.bf7 .v6-promo-r{display:flex;flex-direction:column;align-items:center;flex-shrink:0;font-size:14px;font-weight:800;line-height:1.2}
.bf7 .v6-promo-s{color:var(--amber-d);font-size:13px;letter-spacing:1px}
.bf7 .mob .v6-promo{border-radius:24px;padding:10px 14px 10px 10px;gap:10px;margin-top:20px}
.bf7 .mob .v6-promo-n{width:44px;height:44px}
.bf7 .mob .v6-promo-n strong{font-size:22px}
.bf7 .mob .v6-promo-t{font-size:14px}
.bf7 .mob .v6-promo-r{display:none}
.bf7 .v6-g100{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;margin-bottom:18px;background:var(--amber-50);border:1.5px dashed var(--amber-d);border-radius:999px;font-size:16px;color:var(--ink);animation:bf7-bf-fu .35s var(--ease-out) both}
.bf7 .v6-g100-i{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--amber);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bf7 .v6-g100 strong{font-weight:800}
.bf7 .v6 .bf-inner:has(.v6-g100){display:flex;flex-direction:column}
.bf7 .mob .v6-g100{font-size:14px;margin-bottom:12px;padding-inline-end:14px}
.bf7 .mob .v6-g100-i{width:30px;height:30px}
.bf7 .mob.v6 .bf-inner:has(.v6-promo)>.bf-revs{order:3}
.bf7 .mob.v6 .bf-inner:has(.v6-promo)>.v6-promo{order:2;margin-bottom:16px}
.bf7 .v6-owner{margin-top:26px;padding-top:22px;border-top:1.5px dashed var(--line);display:flex;flex-direction:column;gap:12px}
.bf7 .v6-owner-h{font-size:18px;font-weight:800;color:var(--ink)}
.bf7 .mob .v6-owner .bf-row2{grid-template-columns:1fr}
.bf7 .v6 .bf-scroll{overflow-x:hidden}
.bf7 .mob.v6 .bf-inner:has(.v6-owner){padding-top:6px;padding-bottom:8px;gap:10px}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) .bf-back{padding-top:2px;padding-bottom:2px}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) .bf-mascot{margin:0;gap:4px}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) .bf-mascot svg{width:100px!important;height:auto!important}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) .bf-bubble-slot{min-height:30px;height:auto}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) .bf-bubble{font-size:13px;padding:6px 12px}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) .bf-q{font-size:26px;margin:0}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) .bf-qwrap{margin:0}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) .bf-field{margin:0}
.bf7 .mob.v6 .v6-owner{margin-top:6px;padding-top:12px;gap:8px}
.bf7 .mob.v6 .v6-owner-h{font-size:16px}
.bf7 .mob.v6 .v6-owner .bf-row2{gap:8px}
.bf7 .mob.v6 .bf-inner:has(.v6-owner) input:not([type="checkbox"]){height:48px!important}
.bf7 .mob.v6 .bf-inner:has(.v6-owner)~.bf-cta, .bf7 .mob.v6 .bf-main:has(.v6-owner) .bf-cta{padding-top:8px;padding-bottom:12px}
.bf7 .v6-pick{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}
.bf7 .v6-pick-l{font-size:15px;font-weight:700;color:var(--ink)}
.bf7 .v6-pick-b{display:flex;align-items:center;justify-content:space-between;gap:10px;height:56px;padding:0 20px;background:#fff;border:1.5px solid #A88B78;border-radius:18px;font:inherit;font-size:18px;color:var(--ink);cursor:pointer;text-align:start}
.bf7 .v6-pick-b.ph{color:var(--text-muted)}
.bf7 .v6-pick-b svg{flex-shrink:0;transition:transform .2s var(--ease-out)}
.bf7 .v6-pick-b.open{border-color:var(--amber-d);box-shadow:0 0 0 5px rgba(242,165,22,.22)}
.bf7 .v6-pick-b.open svg{transform:rotate(180deg)}
.bf7 .v6-pick-m{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:20;max-height:212px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fff;border:1.5px solid var(--amber-d);border-radius:18px;box-shadow:0 18px 30px -16px rgba(45,26,16,.45);display:flex;flex-direction:column;gap:2px;transform-origin:top;animation:bf7-v6-pickin .16s var(--ease-out) both}
@keyframes bf7-v6-pickin{from{opacity:0;transform:scaleY(.94)}to{opacity:1;transform:none}}
.bf7 .v6-pick-m button{flex-shrink:0;min-height:44px;padding:0 14px;border:0;border-radius:12px;background:none;font:inherit;font-size:16px;color:var(--ink);text-align:start;cursor:pointer}
.bf7 .v6-pick-m button[aria-selected="true"]{background:var(--amber-50);font-weight:800}
.bf7 .v6-pick-m button:disabled{color:#A88B78;cursor:default}
@media (hover:hover) and (pointer:fine){.bf7 .v6-pick-m button:not(:disabled):hover{background:var(--cream)}}
.bf7 .mob .v6-pick-m{max-height:184px}
.bf7 .mob .v6-pick-b{height:52px;font-size:17px}
.bf7 .v6-yn{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bf7 .v6-yn-w{position:relative;display:flex}
.bf7 .v6-yn-w:has(.v6-tip){position:static}
.bf7 .v6-yn-w:has(.v6-tip)>.bf-tile{position:relative}
.bf7 .v6-yn-w>.bf-tile{flex:1;width:100%;min-height:96px}
.bf7 .v6-yn .bf-tile-l{font-size:24px}
.bf7 .v6-tip{position:static}
.bf7 .v6-tip>.v6-tip-b{position:absolute;top:10px;left:calc(50% + 18px);z-index:4}
.bf7 .v6-tip-b{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:italic 800 15px/1 Georgia,serif;display:flex;align-items:center;justify-content:center;cursor:help;padding:0;position:relative}
.bf7 .v6-tip-b::after{content:"";position:absolute;inset:-7px}
.bf7 .v6-tip-b[aria-expanded="true"]{background:var(--ink);color:#fff}
.bf7 .v6-tip-p{position:absolute;top:50px;left:0;right:0;z-index:5;box-sizing:border-box;padding:14px 16px;background:var(--ink);color:#fff;border-radius:16px;font-size:14px;line-height:1.55;font-weight:400;text-align:start;box-shadow:0 18px 30px -14px rgba(45,26,16,.6);display:block;animation:bf7-bf-fu .18s var(--ease-out) both}
.bf7 .v6-tip-p::before{content:"";position:absolute;top:-6px;left:calc(50% + 27px);width:12px;height:12px;background:var(--ink);transform:rotate(45deg);border-radius:2px}
.bf7 .v6-tip-p strong{display:block;margin-bottom:4px;color:var(--amber);font-weight:800;font-size:15px}
.bf7 .v6-info{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;background:var(--green-100);border-radius:18px;font-size:15px;line-height:1.45;color:var(--ink)}
.bf7 .v6-info-i{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#fff;color:var(--green-d);display:flex;align-items:center;justify-content:center}
.bf7 .v6-dfield{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.bf7 .v6-dfield .bf-cal{margin-top:6px}
.bf7 .mob.v6 .bf-cal{padding:10px 12px}
.bf7 .mob.v6 .bf-cal-h{margin-bottom:4px}
.bf7 .mob.v6 .bf-cal-h strong{font-size:15px}
.bf7 .mob.v6 .bf-cal-nav{width:34px;height:34px}
.bf7 .mob.v6 .bf-cal-g{gap:2px}
.bf7 .mob.v6 .bf-cal-w{font-size:12px}
.bf7 .mob.v6 .bf-day{height:34px;min-height:0;font-size:14px}
.bf7 .mob.v6 .bf-inner:has(.v6-dfield) .bf-tile.txt{min-height:76px}
.bf7 .mob.v6 .bf-inner:has(.v6-dfield) .bf-mascot, .bf7 .mob.v6 .bf-inner:has(.v6-dfield) .bf-hero svg{max-height:70px}
.bf7 .v6 .bf-plan-p{flex-wrap:wrap;align-items:baseline;column-gap:10px}
.bf7 .v6 .bf-plan-p .bf-plan-x{flex-basis:100%}
.bf7 .v6-was{font-size:17px;color:var(--text-muted)}
.bf7 .v6 .bf-plan.rec .v6-was{color:rgba(255,255,255,.7)}
.bf7 .v6 .bf-plan-y{font-size:15px;font-weight:700;color:var(--ink)}
.bf7 .v6 .bf-plan.rec .bf-plan-y{color:#fff}
.bf7 .v6-recap{display:flex;flex-direction:column;gap:4px;padding:18px 22px;border:2px dashed var(--amber-d)!important;background:#fff}
.bf7 .v6-recap-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:15px;color:var(--ink)}
.bf7 .v6-recap-h strong{font-weight:800}
.bf7 .v6-recap-p{display:flex;align-items:baseline;gap:10px;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}
.bf7 .v6-recap-p small{font-size:14px;color:var(--text-muted)}
.bf7 .v6-recap-p b{font-family:var(--font-fun);font-weight:400;font-size:40px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.bf7 .v6-recap-i{font-size:16px;font-weight:700;color:var(--green-d)}
.bf7 .v6-pgift{display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:#fff;border:2px dashed var(--amber-d);border-radius:24px;animation:bf7-bf-fu .3s var(--ease-out) both}
.bf7 .v6-pgift.on{border-style:solid;border-color:var(--green-d);background:var(--green-100)}
.bf7 .v6-pgift-h{display:flex;align-items:center;gap:14px}
.bf7 .v6-pgift-h>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bf7 .v6-pgift-h strong{font-size:17px;font-weight:800;color:var(--ink)}
.bf7 .v6-pgift-h>div>span{font-size:14px;line-height:1.45;color:var(--ink)}
.bf7 .v6-pgift-i{width:44px;height:44px;flex-shrink:0;border-radius:52% 48% 44% 56%/58% 52% 48% 42%;background:var(--ink);color:var(--amber);display:flex;align-items:center;justify-content:center}
.bf7 .v6-pgift.on .v6-pgift-i{background:var(--green-d);color:#fff}
.bf7 .v6-pgift-c{display:flex;flex-wrap:wrap;gap:8px}
.bf7 .v6-pgift-c .bf-chip{min-height:44px}
.bf7 .v6-ageq{position:relative;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-radius:32px}
.bf7 .v6-ageq .bf-modal-t{font-size:28px;line-height:1.2}
.bf7 .v6-ageq .bf-sub{margin:0}
.bf7 .v6-ageq-a{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.bf7 .v6-ageq-a .bf-tile.txt{min-height:76px}
.bf7 .v6-ageq-a .bf-tile-l{font-size:17px}
.bf7 .mob .v6-ageq-a{grid-template-columns:1fr}
.bf7 .mob .v6-ageq-a .bf-tile.txt{min-height:58px}

/* ===== 30-v7.css ===== */
/* handoff v7.css (demo frame rules removed) */
.bf7 .v7{--cream:#FBF6F0;--caramel:#CC9662;--caramel-l:#F3E6DA;--caramel-ll:#FAF3EC;--amber:#CC9662;--amber-d:#8A5A2B;--amber-50:#F6ECE2;--line:#E6D6CC;--muted:#6B5548;--green-500:#3D7A1E;background:var(--cream)!important}
.bf7 .v7 a{color:var(--amber-d)}
.bf7 .v7 a:hover{color:var(--ink)}
.bf7 .v7-hd{flex-shrink:0;display:flex;justify-content:flex-start;padding:22px 48px 0;max-width:1600px;width:100%;margin:0 auto;box-sizing:border-box}
.bf7 .v7-hd{align-items:center;gap:18px}
.bf7 .v7-hd img{height:34px;display:block}
.bf7 .v7-hd-x{width:1.5px;height:30px;background:var(--line);flex-shrink:0}
.bf7 .v7-hd .v7-hd-p{height:28px;mix-blend-mode:multiply}
.bf7 .mob .v7-hd{gap:12px}
.bf7 .mob .v7-hd-x{height:22px}
.bf7 .mob .v7-hd .v7-hd-p{height:20px}
.bf7 .mob .v7-hd{padding:14px 20px 0}
.bf7 .mob .v7-hd img{height:26px}
.bf7 .v7-prog{flex-shrink:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:760px;margin:18px auto 0;box-sizing:border-box;padding:0 8px}
.bf7 .mob .v7-prog{padding:0 20px;margin-top:12px;gap:5px;align-items:start}
.bf7 .v7-prog button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:0;background:none;padding:0;font:inherit;color:var(--muted);cursor:pointer;min-width:0}
.bf7 .v7-prog button:disabled{cursor:default}
.bf7 .v7-prog-b{display:block;width:100%;height:6px;border-radius:6px;background:var(--line);transition:background-color .3s var(--ease-out)}
.bf7 .v7-prog .done .v7-prog-b{background:#A9763F}
.bf7 .v7-prog .on .v7-prog-b{background:var(--amber-d)}
.bf7 .v7-prog-t{font-size:13px;font-weight:500;white-space:nowrap}
.bf7 .v7-prog .on .v7-prog-t{font-weight:800;color:var(--ink)}
.bf7 .mob .v7-prog .on{grid-column:span 1}
.bf7 .mob .v7-prog-t{font-size:12px;overflow:visible}
.bf7 .v7-hand{display:inline-flex;animation:bf7-v7-nudge 1.4s var(--ease-out) infinite}
@keyframes bf7-v7-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}
.bf7 .v7-go:disabled .v7-hand{animation:none;opacity:.5}
.bf7 .v7-go:disabled{background:var(--line)!important;color:var(--muted)!important;opacity:1!important}
@media (hover:hover) and (pointer:fine){.bf7 .v7-go:not(:disabled):hover{background:#D8A878!important}}
.bf7 .v7 .bf-cta{background:transparent}
.bf7 .mob.v7 .bf-cta{background:linear-gradient(to top,var(--cream) 75%,rgba(251,246,240,0))}
.bf7 .v7-perk{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:2px solid var(--caramel);border-radius:22px}
.bf7 .v7-perk-i{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--caramel-l);color:var(--amber-d);display:flex;align-items:center;justify-content:center}
.bf7 .v7-perk-x{display:flex;flex-direction:column;gap:2px}
.bf7 .v7-perk-t{font-size:18px;font-weight:800}
.bf7 .v7-perk-s{font-size:14px;color:var(--muted)}
.bf7 .mob .v7-perk-t{font-size:16px}
.bf7 .v7 .bf-tile:not(.txt) .bf-tile-l{background:var(--caramel);color:var(--ink);box-shadow:none}
.bf7 .v7 .bf-tile.on, .bf7 .v7 .bf-tile.on:hover{border-color:var(--amber-d);box-shadow:0 0 0 2px var(--amber-d)}
.bf7 .v7 .v6-promo{border-color:var(--caramel)}
.bf7 .v7 .v6-promo-n{background:#2D1A10;color:#F2A516}
.bf7 .v7 .v6-promo-n small{color:#fff}
.bf7 .v7 .v6-promo-t b{color:var(--amber-d)}
.bf7 .v7-tt .bf-tile.txt{min-height:84px}
.bf7 .v7-tt .bf-tile-l{font-size:22px}
.bf7 .v7-tt.sm .bf-tile.txt{min-height:72px}
.bf7 .v7-tt.sm .bf-tile-l{font-size:18px}
.bf7 .v7-namehd{display:flex;align-items:flex-end;gap:14px}
.bf7 .v7-namehd>svg{flex-shrink:0;margin-bottom:-4px}
.bf7 .v7-checks{gap:8px}
.bf7 .v7-checks label{font-size:14px}
.bf7 .mob.v7 .bf-inner:has(.v7-namehd){gap:12px;padding-top:16px}
.bf7 .mob.v7 .bf-inner:has(.v7-namehd)>.bf-back{margin-bottom:6px}
.bf7 .mob.v7 .bf-inner:has(.v7-namehd) .bf-row2{grid-template-columns:1fr;gap:12px}
.bf7 .mob.v7 .bf-inner:has(.v7-namehd) input:not([type="checkbox"]){height:48px!important}
.bf7 .mob.v7 .bf-inner:has(.v7-namehd) .bf-q{font-size:26px}
.bf7 .v7-breed{display:flex;flex-direction:column;gap:16px}
.bf7 .v7-pop{display:flex;flex-direction:column;gap:8px}
.bf7 .v7 .bf-chip.on{background:var(--caramel);border-color:var(--caramel);color:var(--ink)}
.bf7 .v7-combo{position:relative;display:flex;flex-direction:column;gap:6px}
.bf7 .v7-combo-f{display:flex;flex-direction:column;gap:6px}
.bf7 .v7-combo-i{position:relative;display:flex;align-items:center}
.bf7 .v7-combo-i svg{position:absolute;inset-inline-start:16px;color:var(--muted);pointer-events:none}
.bf7 .v7-combo-i input{width:100%;box-sizing:border-box;height:56px;padding:0 46px 0 18px;border:1.5px solid #A88B78;border-radius:18px;background:#fff;font:inherit;font-size:17px;color:var(--ink);outline:none}
.bf7 .v7-combo-i input:focus{border-color:var(--amber-d);box-shadow:0 0 0 5px rgba(204,150,98,.25)}
.bf7 .v7-combo-i input:disabled{background:var(--caramel-ll);border-color:var(--line)}
.bf7 .v7-combo-i input::placeholder{color:var(--muted)}
.bf7 .v7-combo-m{max-height:220px;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fff;border:1.5px solid var(--amber-d);border-radius:18px;display:flex;flex-direction:column;gap:2px}
.bf7 .v7-combo:not(.always) .v7-combo-m{position:absolute;top:100%;margin-top:6px;inset-inline:0;z-index:20;box-shadow:0 18px 30px -16px rgba(45,26,16,.4)}
.bf7 .v7-combo.always .v7-combo-m{border-color:var(--line);max-height:240px}
.bf7 .mob .v7-combo.always .v7-combo-m{max-height:200px}
.bf7 .v7-combo-m button{flex-shrink:0;min-height:44px;padding:0 14px;border:0;border-radius:12px;background:none;font:inherit;font-size:16px;color:var(--ink);text-align:start;cursor:pointer}
.bf7 .v7-combo-m button[aria-selected="true"]{background:var(--caramel-l);font-weight:800}
@media (hover:hover) and (pointer:fine){.bf7 .v7-combo-m button:hover{background:var(--caramel-ll)}}
.bf7 .v7-combo-e{padding:12px 14px;font-size:15px;color:var(--muted)}
.bf7 .v7-combo-v{font-size:15px}
.bf7 .v7 .bf-agel{background:var(--caramel-l);color:var(--ink)}
.bf7 .v7-health{display:flex;flex-direction:column;gap:12px;margin-top:6px;padding-top:18px;border-top:1.5px dashed var(--line)}
.bf7 .v7-hh{position:relative;display:flex;align-items:center;gap:10px}
.bf7 .v7-h3{margin:0;font-size:22px;font-weight:800;color:var(--ink)}
.bf7 .desk .v7-h3{font-size:26px}
.bf7 .v7-tip{display:inline-flex}
.bf7 .v7-tip .v6-tip-b{position:relative;top:auto;left:auto}
.bf7 .v7-tip-p{position:absolute;top:calc(100% + 10px);inset-inline:0;z-index:6;padding:14px 16px;background:#fff;color:var(--ink);border:1.5px solid var(--caramel);border-radius:16px;font-size:14px;line-height:1.55;box-shadow:0 18px 30px -16px rgba(45,26,16,.35);animation:bf7-bf-fu .18s var(--ease-out) both}
.bf7 .v7 .v6-tip-b[aria-expanded="true"]{background:var(--caramel);color:var(--ink);border-color:var(--caramel)}
.bf7 .v7 .bf-note{background:var(--caramel-ll);border:1.5px solid var(--line)}
.bf7 .v7 .bf-note.warn{background:#FFF4EC;border-color:#E9B48A}
.bf7 .v7-known{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#fff;border:1.5px solid var(--line);border-radius:18px;font-size:16px;font-weight:700}
.bf7 .v7-load{gap:30px}
.bf7 .v7-pawl{display:flex;gap:10px;align-items:center;transform:rotate(-8deg)}
.bf7 .v7-pawl span{display:inline-flex;opacity:0;animation:bf7-v7-paw 1.6s var(--ease-out) infinite}
.bf7 .v7-pawl span:nth-child(odd){transform:translateY(-10px) rotate(-90deg)}
.bf7 .v7-pawl span:nth-child(even){transform:translateY(10px) rotate(-90deg)}
@keyframes bf7-v7-paw{0%{opacity:0}20%,60%{opacity:1}100%{opacity:0}}
.bf7 .v7-offhd{display:flex;align-items:center;gap:18px;padding:18px 22px;background:#fff;border:2px solid var(--caramel);border-radius:26px}
.bf7 .v7-offhd>svg{flex-shrink:0}
.bf7 .v7-offt{margin:0;font-size:24px;line-height:1.35;font-weight:700;color:var(--ink);text-wrap:balance}
.bf7 .v7-offt b{font-weight:900;color:var(--amber-d)}
.bf7 .v7-offt-s{display:block;font-size:15px;font-weight:500;color:var(--muted)}
.bf7 .mob .v7-offt{font-size:18px}
.bf7 .mob .v7-offhd{padding:14px 16px;gap:12px}
.bf7 .v7-plans{display:grid;gap:20px;align-items:stretch}
.bf7 .desk .v7-plans.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:0 auto;width:100%}
.bf7 .desk .v7-plans.n1{max-width:520px;margin:0 auto;width:100%}
.bf7 .v7-plan{position:relative;display:flex;flex-direction:column;gap:16px;padding:26px 24px 22px;background:#fff;border:2px solid var(--line);border-radius:28px}
.bf7 .v7-plan.rec{border-color:var(--caramel);background:var(--caramel-ll)}
.bf7 .v7-plan-b{position:absolute;top:-14px;inset-inline-start:22px;padding:5px 14px;border-radius:999px;background:var(--caramel);color:var(--ink);font-size:13px;font-weight:800}
.bf7 .v7-plan-n{margin:0;font-size:24px;font-weight:900;color:var(--ink)}
.bf7 .v7-plan-n small{font-size:15px;font-weight:500;color:var(--muted)}
.bf7 .v7-price{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-block:1.5px dashed var(--line)}
.bf7 .v7-price-k{font-size:14px;font-weight:700;color:var(--muted)}
.bf7 .v7-price-r{display:flex;align-items:baseline;gap:8px}
.bf7 .v7-price-r b{font-size:44px;line-height:1;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.bf7 .v7-price-u{font-size:16px;font-weight:700}
.bf7 .v7-price-r s{font-size:17px;color:var(--muted);margin-inline-start:4px}
.bf7 .v7-price-m{font-size:16px;color:var(--ink)}
.bf7 .v7-price-m strong{font-size:19px;font-weight:800}
.bf7 .v7-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bf7 .v7-feats li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.bf7 .v7-feats li>svg{flex-shrink:0;margin-top:4px}
.bf7 .v7-feats strong{font-weight:800}
.bf7 .v7-more{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:#fff;border-radius:18px;font-size:14px;line-height:1.55}
.bf7 .v7-more ul{margin:4px 0 0;padding-inline-start:18px}
.bf7 .v7-fine{margin:0;font-size:13px;color:var(--muted);text-align:center}
.bf7 .v7-gsub{margin-top:-8px}
.bf7 .v7-gifts{display:flex;flex-direction:column;gap:10px}
.bf7 .v7-gift{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:0 22px;background:#fff;border:2px solid var(--line);border-radius:20px;font:inherit;font-size:18px;font-weight:700;color:var(--ink);cursor:pointer;text-align:start}
.bf7 .v7-gift .v7-hand{color:var(--amber-d);opacity:0;animation:none;transition:opacity .2s var(--ease-out)}
.bf7 .v7-gift.on{border-color:var(--amber-d);box-shadow:0 0 0 2px var(--amber-d)}
.bf7 .v7-gift.on .v7-hand{opacity:1;animation:bf7-v7-nudge 1.4s var(--ease-out) infinite}
@media (hover:hover) and (pointer:fine){.bf7 .v7-gift:hover{border-color:var(--caramel)}.bf7 .v7-gift:hover .v7-hand{opacity:.6}}
.bf7 .v7-house{max-width:220px}
.bf7 .v7-final{display:flex;flex-direction:column;gap:4px;padding:20px 24px;background:var(--caramel-l);border-radius:26px}
.bf7 .v7-final-k{font-size:15px;font-weight:800}
.bf7 .v7-final-p{display:flex;align-items:baseline;gap:12px}
.bf7 .v7-final-p b{font-size:48px;line-height:1.05;font-weight:900;font-variant-numeric:tabular-nums}
.bf7 .v7-final-p s{font-size:18px;color:var(--muted)}
.bf7 .v7-final-m{font-size:17px;font-weight:700}
.bf7 .v7-final-d{font-size:14px;color:var(--muted)}
.bf7 .v7-box{display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:#fff;border:1.5px solid var(--line);border-radius:22px}
.bf7 .v7-valid{font-size:15px;font-weight:700}
.bf7 .v7-rows{margin:0;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:4px 20px}
.bf7 .v7-rows div{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}
.bf7 .v7-rows div:last-child{border-bottom:0}
.bf7 .v7-rows dt{width:96px;flex-shrink:0;font-size:14px;color:var(--muted)}
.bf7 .v7-rows dd{margin:0;flex:1;min-width:0;font-size:15px;font-weight:700;overflow-wrap:anywhere}
.bf7 .v7-nochip{align-self:flex-start;min-height:48px;padding:0 22px;border:2px solid var(--caramel);border-radius:999px;background:#fff;font:inherit;font-size:16px;font-weight:800;color:var(--ink);cursor:pointer}
@media (hover:hover) and (pointer:fine){.bf7 .v7-nochip:hover{background:var(--caramel-ll)}}
.bf7 .v7-chipok{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.5}
.bf7 .v7-chipok .bf-link{align-self:flex-start}
.bf7 .v7-paybar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;padding:20px 24px;background:var(--caramel);color:var(--ink);border-radius:24px}
.bf7 .v7-paybar b{font-size:40px;font-weight:900;font-variant-numeric:tabular-nums}
.bf7 .v7-paybar-s{font-size:17px;font-weight:700}
.bf7 .mob .v7-paybar{flex-direction:column;align-items:flex-start;gap:2px}
.bf7 .mob .v7-paybar-s{font-size:15px}
.bf7 .v7-card{border-radius:24px}
.bf7 .v7-paygift{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.bf7 .v7-paygift li{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}
.bf7 .v7-paygift svg{color:var(--amber-d);flex-shrink:0}
.bf7 .v7-sum{display:flex;flex-direction:column;gap:6px;padding:22px 24px;background:#fff;border:2px solid var(--caramel);border-radius:28px}
.bf7 .v7-sum-h{display:flex;align-items:center;gap:14px}
.bf7 .v7-sum-a{width:64px;height:64px;flex-shrink:0;border-radius:50%;background:var(--caramel-l);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.bf7 .v7-sum-a>svg:only-child{align-self:center}
.bf7 .v7-sum-h strong{font-size:24px;font-weight:900}
.bf7 .v7-sum dl{margin:8px 0 0;display:flex;flex-direction:column}
.bf7 .v7-sum dl div{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-top:1px dashed var(--line);font-size:15px}
.bf7 .v7-sum dt{width:84px;flex-shrink:0;color:var(--muted)}
.bf7 .v7-sum dd{margin:0;flex:1;font-weight:700}
.bf7 .v7-sum-e{margin:6px 0 0;font-size:15px;color:var(--muted)}
.bf7 .v7 .bf-link{color:var(--amber-d)}
.bf7 .v7-revs .bf-revs{box-shadow:none;border:1.5px solid var(--line)}
.bf7 .v7-msum{flex-shrink:0;margin:12px 16px 0;background:#fff;border:1.5px solid var(--caramel);border-radius:20px;overflow:hidden}
.bf7 .v7-msum-b{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:4px 14px 4px 6px;border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;text-align:start}
.bf7 .v7-msum-a{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--caramel-l);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.bf7 .v7-msum-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bf7 .v7-msum-c{font-size:14px;font-weight:800;color:var(--amber-d);text-decoration:underline;text-underline-offset:3px}
.bf7 .v7-msum-d{padding:0 8px 8px}
.bf7 .v7-msum-d .v7-sum{border:0;padding:6px 8px}
.bf7 .v7-msum-d .v7-sum-h{display:none}
.bf7 .v7-msum-d .v7-sum dl{margin:0}
.bf7 .v7 .v6-ticket{background:var(--caramel);color:var(--ink)}
.bf7 .v7 .v6-ticket::before, .bf7 .v7 .v6-ticket::after{background:var(--cream)}
.bf7 .v7 .v6-ticket-l{color:var(--ink);font-size:17px;font-weight:700}
.bf7 .v7 .v6-ticket-n{color:var(--ink);font-family:var(--font-body);font-weight:900}
.bf7 .v7 .v6-cele-t em{color:var(--amber-d)}
.bf7 .v7 .v6-cele-b .bf-cta{width:100%;padding:6px 0 0;background:none}
.bf7 .v7 .v6-conf span.k2{background:var(--caramel)}
.bf7 .v7 .v6-conf span.k3{background:#E8C9A8}
.bf7 .v7 .v6-conf span.k1{width:10px;height:10px;border-radius:2px;background:var(--amber-d)}
.bf7 .v7 .v6-burst{background:repeating-conic-gradient(from 0deg,rgba(204,150,98,.22) 0 10deg,transparent 10deg 20deg)}
.bf7 .v7 .v6-cele-blob{background:var(--caramel-l)}
.bf7 .v7-done{gap:16px}
@media (prefers-reduced-motion:reduce){.bf7 .v7-hand,.bf7 .v7-pawl span{animation:none!important;opacity:1}}
.bf7 .v7.v6 .v7-combo-i input:not([type="checkbox"]):not([type="radio"]){padding:0 48px 0 18px!important}
.bf7 .v7 .bf-q, .bf7 .v7 .bf-q em, .bf7 .v7 .bf-modal-t, .bf7 .v7 .bf-modal-t em, .bf7 .v7 .v6-cele-t, .bf7 .v7 .v6-cele-t em, .bf7 .v7 .v7-h3, .bf7 .v7 .v7-offt, .bf7 .v7 .v7-offt b{font-family:var(--font-fun);font-weight:400;letter-spacing:0;color:#3D7A1E;font-style:normal}
.bf7 .v7-mrevs{margin-top:4px}
.bf7 .v7-mrevs .bf-revs{box-shadow:none;border:1.5px solid var(--line)}
.bf7 .mob.v7 .bf-inner:has(.v6-promo)>.v6-promo{order:2}
.bf7 .mob.v7 .bf-inner:has(.v6-promo)>.v7-mrevs{order:3}
.bf7 .v7 .v7-msum-b{min-height:68px;padding:6px 16px 6px 8px;gap:12px;font-size:16px}
.bf7 .v7 .v7-msum-a{width:56px;height:56px}
.bf7 .v7-hand svg{transform:rotate(-180deg)}
.bf7 .v7-hand svg *{fill:currentColor}
.bf7 .v7 .v7-tt.yn .bf-tile.txt{min-height:56px!important;padding-block:6px}
.bf7 .v7 .v7-tt.yn .bf-tile-l{font-size:18px}
.bf7 .v7 .v7-offhd{flex-direction:column;align-items:flex-start;gap:10px}
.bf7 .v7 .bf-course{border-color:var(--line);border-radius:22px;background:#fff}
.bf7 .v7 .bf-course.on{border-color:var(--amber-d);box-shadow:0 0 0 2px var(--amber-d);background:#fff}
.bf7 .v7 .bf-course-i{background:var(--caramel-l);color:var(--ink)}
.bf7 .v7 .bf-course.on .bf-course-i{background:var(--amber-d);color:#fff}
.bf7 .v7 .bf-course.on .bf-course-c{background:var(--amber-d);border-color:var(--amber-d);color:#fff}
.bf7 .v7 .bf-course-t small{color:var(--muted)}
.bf7 .v7 .bf-course .v7-hand{color:var(--amber-d);flex-shrink:0;margin-inline-start:auto}
.bf7 .v7 .bf-course-t{flex:1;min-width:0}
.bf7 .v7-course-p{flex-shrink:0;width:52px;height:52px;border-radius:52% 48% 44% 56%/58% 52% 48% 42%;background:var(--caramel-l);display:flex;align-items:center;justify-content:center;color:var(--amber-d);transition:background-color .2s var(--ease-out)}
.bf7 .v7 .bf-course.on .v7-course-p{background:var(--amber-d);color:#fff}
.bf7 .v7 .bf-course .v7-course-p .v7-hand{margin:0;color:inherit}
.bf7 .v7 .bf-course.on{box-shadow:none}
.bf7 .v7-final-o{display:flex;flex-direction:column;gap:4px;padding:14px 20px;background:#fff;border:1.5px solid var(--line);border-radius:22px;font-size:15px}
.bf7 .v7-final-o strong{font-weight:800}
.bf7 .v7-paybar{align-items:center}
.bf7 .v7-paybar-p{display:flex;align-items:baseline;gap:10px}
.bf7 .v7-paybar-p s{font-size:18px;font-weight:600}
.bf7 .v7 .v7-paybar-s{display:flex;flex-direction:column;gap:2px}
.bf7 .v7-paybar-s strong{font-size:17px;font-weight:800}
.bf7 .v7-paybar-s span{font-size:14px;font-weight:600}
.bf7 .mob .v7-paybar{align-items:flex-start}
.bf7 .v7-thx{display:flex;flex-direction:column;gap:6px;max-width:520px;padding:18px 22px;background:#fff;border:1.5px solid var(--line);border-radius:22px;font-size:16px;line-height:1.55}
.bf7 .v7-thx p{margin:0}
.bf7 .v7-ig{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 18px;border:1.5px solid var(--caramel);border-radius:999px;color:var(--ink)!important;text-decoration:none;font-size:15px;text-align:start}
.bf7 .v7-ig svg{flex-shrink:0;color:var(--amber-d)}
@media (hover:hover) and (pointer:fine){.bf7 .v7-ig:hover{background:var(--caramel-ll)}}
.bf7 .mob.v7 .v7-q26 .bf-q{font-size:26px}
.bf7 .v7 .v7-tt .bf-tile.txt{min-height:56px!important;padding-block:6px}
.bf7 .v7 .v7-tt .bf-tile-l{font-size:18px}
.bf7 .v7 .v7-tt .bf-tile-s{font-size:13px}
.bf7 .mob.v7 .bf-inner:has(.v7-known){gap:12px;padding-top:16px}
.bf7 .mob.v7 .bf-inner:has(.v7-known)>.bf-back{margin-bottom:6px}
.bf7 .mob.v7 .bf-inner:has(.v7-known) input:not([type="checkbox"]){height:48px!important}
.bf7 .mob.v7 .bf-inner:has(.v7-known) .bf-q{font-size:26px}
.bf7 .v7 .v7-paybar{background:var(--caramel-l)}
.bf7 .mob.v7 .v7-h3{font-size:26px}
.bf7 .desk.v7 .bf-q, .bf7 .desk.v7 .v7-q26 .bf-q{font-size:44px;line-height:1.15}
.bf7 .desk.v7 .v7-h3{font-size:36px}
.bf7 .desk.v7 .v7-offt{font-size:36px}
.bf7 .desk.v7 .bf-modal-t{font-size:40px}
.bf7 .desk.v7 .v7-tt .bf-tile.txt, .bf7 .desk.v7 .v7-tt.yn .bf-tile.txt, .bf7 .desk.v7 .v7-tt.sm .bf-tile.txt{min-height:72px!important;padding-block:8px}
.bf7 .desk.v7 .v7-tt .bf-tile-l, .bf7 .desk.v7 .v7-tt.yn .bf-tile-l, .bf7 .desk.v7 .v7-tt.sm .bf-tile-l{font-size:22px}
.bf7 .desk.v7 .v7-tt .bf-tile-s{font-size:15px}
.bf7 .desk.v7 .bf-course{min-height:88px}
.bf7 .desk.v7 .bf-course-t strong{font-size:21px}
.bf7 .desk.v7 .v6-ageq-a .bf-tile.txt{min-height:72px}
.bf7 .v7-sum-n{display:flex;flex-direction:column;gap:2px}
.bf7 .v7-sum-n span{font-size:15px;font-weight:700;color:var(--amber-d)}
.bf7 .v7-price-m{position:relative;display:flex;align-items:center;gap:6px}
.bf7 .v7-price-m .v7-tip-p{inset-inline:auto;inset-inline-start:0;width:max-content;max-width:240px}
.bf7 .v7-paygift li>svg{transform:scaleX(-1)}
.bf7 .v7-feats li>svg{transform:scaleX(-1)}
.bf7 .mob.v7 .bf-inner.wide, .bf7 .mob.v7 .bf-inner:has(.v7-offhd){padding-inline:16px}
.bf7 .mob.v7 .bf-scroll{scrollbar-width:none}
.bf7 .mob.v7 .bf-scroll::-webkit-scrollbar{display:none}
.bf7 .v7 .v6-pick{position:relative}
.bf7 .v7 .v6-pick:has(.v6-pick-b.open){z-index:30}
.bf7 .v7 .bf-iframe, .bf7 .v7 .bf-iframe-b{overflow:visible}

/* ===== 90-host.css ===== */
/* ==========================================================================
   v7 inside the site: <dialog id="quiz" class="quiz quiz--v7"> › .bf7 (mount) › .bf-app
   Everything here and in 00–30 is scoped under .bf7 by the build (src/bf7/build.mjs);
   rules for the <dialog> itself use the :host-dialog marker, rewritten to #quiz.quiz--v7.
   ========================================================================== */

/* Noto Sans Hebrew variable (300–900): the flow uses 300/500/800/900, the theme ships only 400/700 */
@font-face{font-family:"Noto Sans Hebrew Var";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/noto-sans-hebrew-var-hebrew.woff2) format("woff2-variations"),url(../fonts/noto-sans-hebrew-var-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Noto Sans Hebrew Var";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/noto-sans-hebrew-var-latin.woff2) format("woff2-variations"),url(../fonts/noto-sans-hebrew-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

#quiz.quiz--v7{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border-radius:0;overflow:hidden;background:#FBF6F0}
/* desktop frame: DS radius + the brand's hard caramel shadow (the token lives inside .bf7, so it is
   declared on the dialog too). Mobile stays full screen without a frame. */
@media (min-width:900px){#quiz.quiz--v7{--caramel-shadow:rgba(200,147,94,.8);width:min(1480px,calc(100vw - 48px));height:min(1000px,calc(100dvh - 48px));margin:auto;border-radius:14px;box-shadow:8px 8px 0 var(--caramel-shadow)}}
#quiz.quiz--v7 > .dialog-close{z-index:30;top:10px;inset-inline-end:12px;width:2.5rem;height:2.5rem}
@media (min-width:900px){#quiz.quiz--v7 > .dialog-close{top:18px;inset-inline-end:24px;width:2.75rem;height:2.75rem}}

.bf7{height:100%;font-size:16px;line-height:normal;font-weight:400;font-style:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;text-align:start;text-shadow:none;--font-body:"Noto Sans Hebrew Var","Noto Sans Hebrew","Noto Sans",Arial,sans-serif;--font-display:"Noto Sans Hebrew Var","Noto Sans Hebrew",Arial,sans-serif}
.bf7 .bf-app.bf-app,.bf7 .bf-app.v3{--font-body:"Noto Sans Hebrew Var","Noto Sans Hebrew","Noto Sans",Arial,sans-serif;--font-display:"Noto Sans Hebrew Var","Noto Sans Hebrew",Arial,sans-serif}
.bf7 .bf-app{text-align:start;line-height:normal;letter-spacing:normal}
/* the theme styles bare elements (main, h1–h3, buttons…) – undo inside the flow */
/* (main/h1–h3/button resets: see 0-revert.css) */

/* header row leaves room for the dialog's close button */
.bf7 .v7-hd{padding-inline-end:76px}
.bf7 .mob .v7-hd{padding-inline-end:60px}

/* DS checkbox: real input stays focusable (was display:none) */
.bf7 .bf-cb-input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.bf7 .bf-cb-input:focus-visible+.bf-cb-box{outline:3px solid var(--ink);outline-offset:2px}

/* CTA while waiting for the server (not specified in v7) */
.bf7 .v7-go[aria-busy="true"]{cursor:progress!important;background:var(--caramel)!important;color:var(--ink)!important;opacity:.85!important}
.bf7 .v7-go[aria-busy="true"] .v7-hand{animation-duration:.6s!important;opacity:1}

/* live payment page (CreditGuard iframe) */
.bf7 .v7-card--live{padding:0;overflow:hidden!important}
.bf7 .v7-payframe{display:block;width:100%;height:520px;border:0;background:#fff}
.bf7 .mob .v7-payframe{height:600px}

.bf7 .bf-inner>.bf-note{margin-top:4px}

/* ---------- Scrollbars (main column, summary aside, dropdowns, search lists) ----------
   A thin caramel pill on a transparent track, in the flow's palette instead of the OS default.
   Chrome/Edge/Safari use ::-webkit-scrollbar (the standard scrollbar-* properties would switch it off
   in Chrome 121+), Firefox gets the standard properties. */
.bf7 *::-webkit-scrollbar{width:10px;height:10px}
.bf7 *::-webkit-scrollbar-track{background:transparent}
.bf7 *::-webkit-scrollbar-thumb{background:#D8BEA6;border:3px solid transparent;border-radius:999px;background-clip:padding-box;min-height:40px}
.bf7 *::-webkit-scrollbar-thumb:hover{background-color:var(--caramel,#CC9662)}
.bf7 *::-webkit-scrollbar-thumb:active{background-color:var(--amber-d,#8A5A2B)}
.bf7 *::-webkit-scrollbar-button,.bf7 *::-webkit-scrollbar-corner{display:none;background:transparent}
/* lists inside rounded boxes: keep the pill off the corners */
.bf7 .v6-pick-m::-webkit-scrollbar-track,.bf7 .v7-combo-m::-webkit-scrollbar-track{margin-block:12px}
.bf7 .v6-pick-m::-webkit-scrollbar,.bf7 .v7-combo-m::-webkit-scrollbar{width:12px}
.bf7 .v6-pick-m::-webkit-scrollbar-thumb,.bf7 .v7-combo-m::-webkit-scrollbar-thumb{border-width:4px}
@supports not selector(::-webkit-scrollbar){
  .bf7 *{scrollbar-width:thin;scrollbar-color:#D8BEA6 transparent}
}

/* Real recommendations from the site can be long: the compact card (summary aside / mobile) shows up to
   5 lines so every slide keeps the design's height; the full text stays available to screen readers. */
.bf7 .bf-revs.compact .bf-rev-c blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}

/* Partner co-brand next to the Bfriend logo (any partner logo, any aspect ratio):
   same height as in the design, width capped so a wide logo never pushes into the close button.
   multiply (as in the design) lets logos on a white background sit on the cream header. */
.bf7 .v7-hd .v7-hd-p{width:auto;max-width:170px;object-fit:contain;object-position:center}
.bf7 .mob .v7-hd .v7-hd-p{max-width:120px}