.customer-intro{padding:10px 0 8px}.customer-intro h1{font-size:clamp(28px,3vw,36px);margin:0 0 4px;line-height:1.12;letter-spacing:-.04em}.customer-intro p{margin:0;color:#555;font-size:16px}
#customer-walkthrough{scroll-margin-top:16px}.customer-step-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:6px;background:#f4f4f4;border-radius:8px 8px 0 0}.customer-step-nav button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 7px;border:2px solid #d5d5d5;border-radius:6px;background:#fff;font-size:14px;font-weight:700;line-height:1.25;text-align:left}.customer-step-nav b{font-size:20px;color:#8d5a16}.customer-step-nav button[aria-selected=true]{background:#101010;color:#fff;border-color:#101010}.customer-step-nav button[aria-selected=true] b{color:#e9b45d}.customer-step-nav button:hover{border-color:#c48a2d}.customer-panel{border:1px solid #ddd;border-top:0;border-radius:0 0 8px 8px;padding:12px}.customer-panel:focus{outline:none}.customer-panel:focus-visible{outline:3px solid #c48a2d;outline-offset:3px}.customer-count{font-size:12px;letter-spacing:.12em;color:#8d5a16;font-weight:800;margin:0}.customer-panel-heading h2{font-size:clamp(24px,2.5vw,30px);margin:0}.customer-panel-heading>p:last-child{color:#555;margin:0;max-width:820px}.customer-scene{margin-top:8px;min-height:0;background:#f6f6f6;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.customer-step-footer{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.customer-step-footer button:disabled{opacity:.3;box-shadow:none}.customer-step-footer button{font-size:16px}
.customer-paper{width:100%;max-width:960px;margin:auto;background:#fff}.customer-paper .print-card{padding:0;display:block;min-height:0;height:100%;border:1px solid #c7b999;border-radius:3px}.customer-paper .placement-card{height:100%}.customer-paper .placement-card-logo img{width:100%;height:100%;object-fit:contain;max-height:none}.customer-card-select{padding:0;border:0;background:#fff;display:block;min-height:0;min-width:0;overflow:hidden;border-radius:3px}.customer-card-select:hover{outline:3px solid #c48a2d;outline-offset:-3px}.customer-paper .sheet-header{border:0}.customer-paper .sheet-footer strong{font-size:clamp(8px,1.25vw,15px)}.customer-paper .sheet-header strong{font-size:clamp(9px,1.5vw,18px)}.customer-sheet-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:960px;margin:6px auto 0;gap:10px;font-size:14px;font-weight:700}.customer-side-buttons{display:flex;gap:8px}.customer-side-buttons button{font-size:14px;padding:6px 12px;min-height:36px;border-width:1px}.customer-side-buttons button[aria-pressed=true]{background:#101010;color:#fff}.customer-offer-caption{text-align:center}.customer-offer-caption>img{width:100px;height:72px;object-fit:contain}.customer-offer-caption h3{font-size:20px;margin:6px 0;line-height:1.2}.customer-offer-caption p{font-size:14px;color:#555}.customer-card-closeup{width:min(100%,760px)}.customer-card-closeup>.print-card,.customer-scan-print>.print-card{width:100%;aspect-ratio:2.14;padding:0;display:block;min-height:0;border:1px solid #bfa66f;background:#fff;box-shadow:0 8px 24px #0001}.customer-card-closeup .placement-card-category{font-size:clamp(10px,2.8cqw,19px)}.customer-card-closeup .placement-card-copy strong{font-size:clamp(16px,5.2cqw,38px)}.customer-card-closeup .placement-card-copy span{font-size:clamp(10px,3.4cqw,24px)}.customer-card-closeup .placement-card-copy small{font-size:clamp(8px,2.3cqw,14px)}.customer-card-closeup .placement-card-qr small{font-size:clamp(7px,1.9cqw,12px)}
.customer-scan-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:40px}.customer-overline{font-size:12px;letter-spacing:.12em;font-weight:800;color:#646464}.customer-phone{width:300px;max-width:100%;padding:8px;background:#101010;border-radius:35px;box-shadow:0 10px 25px #0002;flex-shrink:0}.customer-phone-top{height:22px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:white;font-weight:700;font-size:12px}.customer-phone-screen{background:#fff;min-height:0;border-radius:0 0 25px 25px;overflow:hidden;display:flex;flex-direction:column;padding:10px 12px 12px}.customer-camera{background:#202328;color:#fff;justify-content:space-between;align-items:center;text-align:center;gap:12px;min-height:340px}.customer-camera>p:first-child{font-size:16px;margin:0}.customer-viewfinder{width:170px;height:170px;padding:14px;border:3px solid #e7b65f;border-radius:14px}.customer-viewfinder img{display:block;width:100%;height:100%;object-fit:contain;background:white}.customer-camera .customer-scanned-name{font-size:18px;font-weight:700;margin:0}.customer-scan-link{border:0;border-radius:8px;background:#f3ce88;color:#17130f;padding:13px 18px;font-weight:700;font-size:16px}.customer-camera small{font-size:12px;color:#ddd}.customer-phone-brand img{width:140px;height:28px;object-fit:contain;display:block;margin:0 auto 6px}.customer-mobile-offer{text-align:center}.customer-mobile-logo img{display:block;width:100%;height:64px;object-fit:contain;margin:auto}.customer-mobile-offer h3{font-size:16px;margin:6px 0 8px;line-height:1.2}.customer-offer-value{display:block;font-size:36px;letter-spacing:-.04em;line-height:1.1}.customer-offer-detail{font-size:16px;margin:6px 0 10px;line-height:1.3}.customer-mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.customer-mobile-actions button{padding:12px 2px;background:#fff;border:1px solid #9b6a23;border-radius:6px;font-size:14px;font-weight:800;min-height:44px}.customer-mobile-actions button:nth-child(2){background:#c48a2d;color:#101010}.customer-action-status{font-size:13px;min-height:0;margin:6px 0 0;overflow-wrap:anywhere;color:#76511b}.customer-sample-note{font-size:12px;line-height:1.4;color:#6a6a6a;margin:6px 0}.customer-cobrand{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid #ddd;font-size:12px;line-height:1.4;color:#606060}.customer-cobrand img{width:60px;height:28px;object-fit:contain}.customer-catalog-button{width:100%;font-size:14px;text-align:center;padding:8px;min-height:44px}.customer-catalog{width:100%;background:#fff;border:1px solid #ddd;border-radius:10px;padding:16px}.customer-catalog-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.customer-catalog-heading img{width:110px;height:65px;object-fit:contain}.customer-catalog-heading h3{font-size:26px;flex:1;margin:0;letter-spacing:-.035em}.customer-catalog-heading button{font-size:14px;padding:8px 14px}.customer-catalog-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #ddd;margin:0 0 12px}.customer-catalog-summary div{display:flex;flex-direction:column;gap:3px}.customer-catalog-summary strong{font-size:30px;line-height:1.1}.customer-catalog-summary span{font-size:14px;color:#626262}.customer-catalog-edition{font-size:14px;font-weight:700}.customer-catalog-item{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:16px;border-top:1px solid #ddd;padding:12px 0}.customer-catalog-logo img{width:100%;height:85px;object-fit:contain}.customer-catalog-item h4{font-size:18px;margin:0 0 4px}.customer-catalog-item p{font-size:16px;margin:0 0 5px}.customer-catalog-item .customer-catalog-tags{font-size:13px;color:#8d5a16;font-weight:700}.customer-catalog-item button{font-size:14px;padding:10px 14px}.category-source-note{font-size:12px;color:#777;margin:8px 0}.category-source-note summary{cursor:pointer}.category-source-note a{margin-right:12px}.category-source-note p{margin:10px 0}

@media(max-width:1000px){.customer-step-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-scan-layout{gap:24px;grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:650px){.customer-step-nav{gap:6px;padding:8px}.customer-step-nav button{font-size:13px;min-height:58px;padding:9px 5px;gap:6px}.customer-step-nav b{font-size:17px}.customer-panel{padding:18px 12px}.customer-scene{padding:16px 8px;min-height:320px}.customer-step-footer{gap:8px}.customer-step-footer button{font-size:14px;padding:10px 12px}.customer-sheet-toolbar{align-items:flex-start;flex-direction:column}.customer-side-buttons{width:100%}.customer-side-buttons button{flex:1;font-size:12px;padding:8px 5px}.customer-scan-layout{display:flex;flex-direction:column;gap:24px}.customer-scan-print{width:100%;max-width:420px}.customer-phone{width:300px}.customer-offer-caption>img{height:75px}.customer-catalog{padding:18px 12px}.customer-catalog-heading{gap:10px}.customer-catalog-heading img{width:70px;height:45px}.customer-catalog-heading h3{font-size:22px;min-width:150px}.customer-catalog-item{grid-template-columns:62px 1fr;gap:12px;padding:18px 0}.customer-catalog-item button{grid-column:2;justify-self:start}.customer-catalog-logo img{height:65px}.customer-catalog-item h4{font-size:16px}.customer-catalog-item p{font-size:14px}.customer-catalog-summary strong{font-size:25px}.customer-catalog-summary span{font-size:12px}.customer-paper .sheet-footer strong{font-size:7px}.customer-paper .sheet-header strong{font-size:8px}}


.customer-paper .sheet-footer span{font-size:clamp(6px,.95vw,12px)}

.placement-card-logo.named-symbol-logo{flex-direction:column;gap:5%;padding:5%}.placement-card-logo.named-symbol-logo img{height:72%;max-height:72%}.placement-card-logo.named-symbol-logo small{font-size:clamp(6px,4cqw,16px);font-weight:800;line-height:1.1;text-align:center}

/* One physical fold: a straight-on cover, then the inside spread. */
.customer-insert-composition{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 12px}
.customer-folded-book{display:block;position:relative;isolation:isolate;width:min(340px,86%);aspect-ratio:5.375 / 8.25;flex:none;padding:0;border:1px solid #bdb7ab;border-radius:2px;background:#fff;box-shadow:1px 1px 0 #fff,3px 3px 0 #c8c3b8,5px 5px 0 #fff,7px 7px 0 #c8c3b8,12px 18px 28px #0002;cursor:pointer}
.customer-paper-face{position:absolute;inset:0;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.customer-paper-face>.customer-paper{position:absolute;top:0;width:200%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;pointer-events:none}
.customer-cover-front>.customer-paper{left:-100%}
.customer-folded-book::after{content:'';position:absolute;left:0;top:0;bottom:0;width:14px;z-index:2;border-left:2px solid #aaa18c;background:linear-gradient(90deg,#0003,#0000 80%);pointer-events:none}
.customer-fold-label{font-size:14px;font-weight:700;color:#71634c;margin:0;text-align:center}
.customer-paper-face .sheet-header strong{font-size:clamp(9px,1.5vw,16px)}
.customer-paper-face .sheet-footer strong,.customer-paper-face .sheet-footer span{font-size:clamp(7px,1vw,11px)}
.customer-unfold-spread{position:relative;width:100%;max-width:960px;aspect-ratio:10.75 / 8.25;isolation:isolate}
.customer-unfold-spread>.customer-paper{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0}
.customer-unfold-spread.is-opening>.customer-paper{animation:customer-spread-reveal 1.25s ease both}
.customer-unfold-leaf{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.customer-unfold-leaf .customer-paper-face{width:50%;height:100%;outline:1px solid #d3c9b7;box-shadow:0 8px 18px #0002}
.customer-unfold-leaf .customer-cover-front{left:50%;right:auto;transform-origin:left center;animation:customer-front-fold 1.25s ease-in-out both}
.customer-unfold-leaf .customer-cover-back{left:0;right:auto;transform-origin:right center;animation:customer-inside-open 1.25s ease-in-out both}

.customer-cover-back>.customer-paper{left:0}
/* Two independent faces use positive scales only: print is never mirrored. */
@keyframes customer-front-fold{0%{transform:scaleX(1);opacity:1}49%{transform:scaleX(.02);opacity:1}50%,100%{transform:scaleX(0);opacity:0}}
@keyframes customer-inside-open{0%,50%{transform:scaleX(0);opacity:0}51%{transform:scaleX(.02);opacity:1}100%{transform:scaleX(1);opacity:1}}
@keyframes customer-spread-reveal{0%,90%{clip-path:inset(0 0 0 50%)}100%{clip-path:inset(0)}}
@media(max-width:650px){.customer-folded-book{width:min(245px,85%)}.customer-insert-composition{gap:20px;padding:8px 8px 0}.customer-paper-face .sheet-header strong{font-size:8px}.customer-paper-face .sheet-footer strong,.customer-paper-face .sheet-footer span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.customer-unfold-spread.is-opening>.customer-paper{animation:none;clip-path:none}.customer-unfold-leaf{display:none;animation:none}}

/* Compact customer workspace; the visual fits the available laptop window. */
body>header{padding:6px 4%;border-top-width:3px}body>header .brand{font-size:30px}body>header .brand img{width:25px;height:34px}
#experience-main{padding-bottom:28px}
.customer-panel-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;align-items:baseline}
.customer-panel-heading>p:last-child{grid-column:1 / -1;font-size:16px;line-height:1.3;max-width:none}
.customer-toolbar-host:empty{display:none}
.customer-stage-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.customer-scene.fit-window{position:relative;display:block;min-height:0;padding:12px;overflow:hidden}
.customer-scene.fit-window>.customer-stage-content{position:absolute;left:50%;top:50%;width:calc(100% - 24px);transform-origin:center}
.customer-stage-content[data-step='2']{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;max-width:1000px}
.customer-offer-caption>img{margin:auto}.customer-offer-caption p{margin:4px 0 8px;line-height:1.3}.customer-offer-caption>.text-link{font-size:14px;line-height:1.3;text-align:center;margin:8px auto 0}
.customer-stage-content[data-step='2'] .customer-card-closeup{width:100%}
.customer-step-footer .primary,.customer-step-footer .secondary{min-height:40px;padding:8px 16px}
.customer-action-status:empty{display:none}
.customer-scene.fit-catalog{overflow:auto;overscroll-behavior:contain}
.customer-scene.fit-catalog>.customer-stage-content{position:static;transform:none!important;width:100%}
.customer-catalog-edition{margin:0 0 8px}.customer-catalog-heading img{height:44px}.customer-catalog-logo img{height:60px}
@media(min-width:1000px){.customer-intro{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.customer-intro h1{margin:0}.customer-intro p{text-align:right}.customer-step-nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:760px) and (max-width:999px){.customer-step-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.customer-step-nav button{font-size:12px;gap:6px}.customer-step-nav b{font-size:17px}}
@media(max-width:759px){.customer-panel-heading{display:block}.customer-count{margin-bottom:3px}.customer-panel-heading h2{margin-bottom:4px}.customer-stage-content[data-step='2']{display:flex;gap:12px}.customer-offer-caption>img{height:50px}.customer-offer-caption h3{font-size:18px}.customer-scene{min-height:0;padding:12px 8px}.customer-panel{padding:12px 8px}.customer-step-nav button{min-height:44px;padding:8px 5px}.customer-intro{padding:10px 0 8px}.customer-step-footer{margin-top:8px}.customer-folded-book{width:min(215px,85%)}.customer-insert-composition{padding:6px 8px}.customer-catalog-item{padding:12px 0}.customer-scan-layout{gap:14px}}

.customer-phone-brand img{width:150px;height:auto;max-height:58px;margin:0 auto 10px}.customer-recipient-preview{display:block;width:100%;margin:10px 0;padding:10px;background:#fff;border:1px solid #555;border-radius:7px;font:inherit;font-size:14px;cursor:pointer}.customer-share-message{background:#edf3eb;border-radius:12px;padding:16px;font-size:16px;line-height:1.5}.customer-phone-screen>.inabag-age-check{margin:24px auto;padding:24px 14px}.customer-phone-screen>.inabag-age-check h2{font-size:22px}.customer-phone-screen>img{max-width:100%;height:80px;object-fit:contain}

/* Keep the insert heading inside its own row, with room around both panels. */
.customer-paper{grid-template-rows:11% minmax(0,1fr) 8.4%}
.customer-paper .sheet-header{height:100%;min-height:0;overflow:hidden;align-items:stretch}
.customer-paper .sheet-header>*{height:100%;min-height:0;padding:0 6%;overflow:hidden}
.customer-paper .sheet-header strong{font-size:clamp(9px,1.3vw,16px);line-height:1.3;letter-spacing:0}
.customer-paper .sheet-panel-brand img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;padding:6px 0}
.customer-phone-brand img{width:210px;height:46px;max-height:none;object-fit:contain}
/* Consistent portrait handset, including the age-check screen. */
.customer-phone{min-height:560px;display:flex;flex-direction:column}
.customer-phone-screen{flex:1}
.customer-stage-content[data-step='2'].age-gated{display:flex;max-width:1000px}
.age-gated .customer-scan-layout{width:100%;grid-template-columns:minmax(0,1fr) 300px;gap:48px}
.age-gated .customer-phone-screen{justify-content:center}
.customer-recipient-preview{background:#101010;color:#fff;border-color:#101010;font-weight:700}
.customer-recipient-preview[hidden]{display:none!important}
@media(max-width:650px){.age-gated .customer-scan-layout{display:flex;gap:24px}.customer-phone{min-height:540px}.customer-paper .sheet-header>*{padding:0 5%}}

@media(min-width:760px){.customer-step-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
.customer-recipient-screen{justify-content:center;text-align:center}