/* Carta e carattere: solo pagina libro; il checkout e la home restano indipendenti. */
.sales-page{--ink:#1f1d1b;--muted:#625c58;--cream:#faf9f7;--line:#ddd8d3;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink)}
.sales-page h1,.sales-page h2,.sales-page h3{letter-spacing:-.045em}
.sales-page h1 em,.sales-page h2 em{color:inherit}
.sales-page .eyebrow{font-size:10px;letter-spacing:.16em;color:#6a625d}
.sales-page .eyebrow span{background:#bc2d25;width:27px;height:2px}
.sales-page a:focus-visible,.sales-page button:focus-visible,.sales-page summary:focus-visible{outline-color:#a32922}
.sales-header{height:88px;border-color:#ded8d2}
.sales-header .logo-mark span{color:#b72c24}
.sales-header .header-link{padding:12px 17px;border:0;background:#b72c24;color:#fff}
.sales-page .button-dark{background:#b72c24;color:#fff}
.sales-page .button-dark:hover,.sales-header .header-link:hover{background:#8e211c;color:#fff}
.sales-page .text-link:hover,.sales-header nav a:hover{color:#a32922}
.sales-hero{grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,105px);padding-top:55px;padding-bottom:100px}
.sales-hero-copy{max-width:600px}
.sales-hero h1{font-size:clamp(62px,7vw,104px);line-height:.98;margin-bottom:24px}
.sales-hero-line{font:normal clamp(22px,2.15vw,30px)/1.35 var(--sans);color:#373331;max-width:520px;margin-bottom:18px}
.sales-hero-description{font-size:16px;line-height:1.75;color:#55504d;max-width:500px}
.sales-actions{gap:24px;flex-wrap:wrap;margin-top:29px}
.sales-actions .button{justify-content:center;min-width:260px;gap:18px}
.sales-proof{display:flex;align-items:center;gap:14px;margin-top:28px;color:#272321}
.sales-proof svg,.sales-payment-note svg{width:27px;height:27px;flex:none}
.sales-proof p{margin:0;line-height:1.45}
.sales-proof strong{font:normal 18px var(--serif)}
.sales-proof span{font-size:11px;color:#625c58}
.sales-payment-note{display:flex;align-items:center;gap:9px;margin:20px 0 0;font-size:11px;color:#625c58}
.sales-payment-note svg{width:23px;height:23px}
.sales-art{min-height:600px;background:#eee8e1 url('/carta-stage-v1.jpg') center/cover no-repeat;padding:55px 45px 70px;position:relative;display:grid;place-items:center;overflow:hidden}
.sales-device{width:min(335px,86%);padding:13px 13px 23px;border:1px solid #12110f;border-radius:18px;background:linear-gradient(105deg,#363330,#171614 25%,#282624 85%,#0e0d0c);box-shadow:0 34px 35px #21170e70,5px 12px 10px #21170e33;transform:perspective(1200px) rotateY(-5deg) rotate(-3deg)}
.sales-device .sales-cover{width:100%;min-height:410px;max-height:none;margin:0;padding:30px;background:#f1e8db;color:#282321;box-shadow:none;transform:none}
.sales-device .sales-cover strong{font:normal clamp(38px,4vw,56px)/1.02 var(--serif);letter-spacing:-.045em}
.sales-device .sales-cover.sales-cover-image{display:block;min-height:0;width:100%;max-height:440px;padding:0;object-fit:contain}
.sales-art-caption{position:absolute;bottom:22px;left:25px;margin:0;color:#625951;font-size:10px;letter-spacing:.12em}
.sales-story{padding:120px 0;gap:clamp(45px,8vw,110px);border-bottom:1px solid var(--line)}
.sales-story h2{max-width:680px}
.sales-story-copy{padding-top:34px;color:#383330;font:normal 22px/1.65 var(--serif)}
.sales-story-copy p:nth-child(2){color:#625c58;font:15px/1.8 var(--sans)}
.sales-themes{background:#faf9f7;color:#1f1d1b;padding:115px 0}
.sales-themes h2 em{color:inherit}
.sales-themes-note{color:#625c58}
.sales-theme-grid{gap:48px;margin-top:60px}
.sales-theme-grid article{border-top:1px solid #d4cbc4;padding-top:24px}
.sales-theme-grid article>span{display:none}
.sales-theme-grid h3{margin:0 0 14px;color:#1f1d1b;font:normal 30px/1.12 var(--serif)}
.sales-theme-grid p{color:#58514c;font-size:15px}
.sales-page .sample-section{padding:115px 0;background:#faf9f7}
.sales-page .sample-grid{grid-template-columns:1.12fr .88fr;gap:clamp(45px,8vw,110px);align-items:center}
.sales-page .sample-grid>div{order:2}
.sales-page .sample-grid blockquote{order:1;min-height:390px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:clamp(24px,4vw,58px);align-items:center;padding:clamp(28px,4vw,50px);background:linear-gradient(90deg,#fffdfa 0%,#f6f2ed 49.6%,#d8d0c7 50%,#fffdfa 50.5%);box-shadow:0 18px 35px #5e504530;border:1px solid #e2dbd3;border-radius:3px 3px 8px 8px}
.sales-page .sample-grid blockquote>span{grid-column:1;grid-row:1;color:#b72c24}
.sales-page .sample-grid blockquote p{grid-column:1;grid-row:2;font-size:clamp(16px,1.5vw,21px);line-height:1.6;color:#2c2723;margin:16px 0;align-self:center}
.sales-page .sample-grid blockquote footer{grid-column:1;grid-row:3;overflow-wrap:anywhere}
.sales-page .sample-grid blockquote::after{content:'';grid-column:2;grid-row:1/4;align-self:stretch;background:#ddd6ce url('/carta-landscape-v1.jpg') center/cover no-repeat}
.sales-page .sample-cta{margin-top:54px;justify-content:flex-end}
.sample-cta div>span{color:#625c58}
.sales-audience{padding:115px 0;background:#faf9f7}
.sales-audience-grid{gap:60px}
.sales-audience-grid>div>p{color:#4c4641}
.sales-offer{padding:115px 0;background:#eee9e3}
.sales-offer-grid{gap:clamp(45px,8vw,100px)}
.sales-offer-grid>div:first-child>p:not(.eyebrow){color:#514a45}
.sales-offer-card{background:#fffdfa;box-shadow:none;border:1px solid #ded7d0;padding:42px}
.sales-offer-card>p:not(.eyebrow):not(.micro),.sales-offer-details span{color:#625b55}
.sales-faq{padding:115px 0;gap:clamp(45px,8vw,100px)}
.sales-faq>div:first-child>p:not(.eyebrow){color:#625c58}
.sales-faq details p{color:#514b47;line-height:1.75}
.sales-final{background:#242220;color:#fffdfa;padding:100px 0}
.sales-final .eyebrow{color:#ddd1c6}
.sales-final h2 em{color:inherit}
.sales-final .button{background:#b72c24;color:#fff}
.sales-final .button:hover{background:#92231d}
.sales-final>div>p:last-child{color:#e5dcd4}
.sales-page .footer .logo-mark span{color:#b72c24}
@media(max-width:850px){
  .sales-hero{grid-template-columns:1fr 1fr;gap:30px;padding-top:40px;padding-bottom:65px}
  .sales-hero h1{font-size:clamp(50px,8vw,75px)}
  .sales-art{min-height:480px;padding:35px 25px 55px}
  .sales-device{width:min(280px,95%)}
  .sales-device .sales-cover{min-height:330px}
  .sales-story,.sales-audience,.sales-faq,.sales-themes,.sales-page .sample-section,.sales-offer{padding:80px 0}
}
@media(max-width:640px){
  .sales-header .header-link{font-size:11px;padding:10px 12px}
  .sales-hero{grid-template-columns:1fr;gap:36px;padding-top:40px}
  .sales-hero h1{font-size:clamp(48px,12vw,70px)}
  .sales-hero-line{font-size:21px}
  .sales-actions{align-items:stretch;flex-direction:column;gap:18px}
  .sales-actions .button{min-width:0;width:100%}
  .sales-actions .text-link{align-self:flex-start}
  .sales-art{min-height:410px}
  .sales-device{width:min(260px,86%)}
  .sales-device .sales-cover{min-height:300px}
  .sales-story,.sales-audience,.sales-faq,.sales-themes,.sales-page .sample-section,.sales-offer{padding:70px 0}
  .sales-theme-grid{grid-template-columns:1fr;gap:27px;margin-top:40px}
  .sales-page .sample-grid{grid-template-columns:1fr;gap:35px}
  .sales-page .sample-grid>div{order:1}
  .sales-page .sample-grid blockquote{order:2;min-height:300px}
  .sales-page .sample-cta{align-items:stretch;flex-direction:column;gap:15px}
  .sales-offer-card{padding:28px 22px}
  .sales-final{padding:75px 0}
}
@media(max-width:480px){
  .sales-page .sample-grid blockquote{grid-template-columns:1fr;grid-template-rows:auto auto auto 180px;background:#fffdfa;padding:30px}
  .sales-page .sample-grid blockquote p{font-size:18px;line-height:1.65}
  .sales-page .sample-grid blockquote::after{grid-column:1;grid-row:4;margin-top:20px}
}

/* Composizione fedele al concept: copertina, racconto, estratto e chiusura. */
.book-wordmark{font:700 16px/1 var(--serif);letter-spacing:.24em}
.sales-header{height:80px}
.sales-hero{grid-template-columns:.9fr 1fr;gap:clamp(45px,7vw,105px);padding-top:38px;padding-bottom:95px;align-items:start}
.sales-hero h1{font-size:clamp(60px,6.5vw,95px);line-height:.97;font-weight:700;margin:20px 0 25px}
.sales-hero-line{font-size:clamp(19px,1.7vw,24px);line-height:1.45;max-width:490px;color:#373331}
.sales-actions{margin-top:26px}
.sales-actions .button{font:normal 18px/1.2 var(--serif);min-width:290px;justify-content:center}
.sales-format{margin:25px 0 0;font-size:10px;font-weight:700;letter-spacing:.15em}
.sales-payment-note{margin-top:15px;flex-wrap:wrap}
.sales-payment-note::before{content:'';display:inline-block;flex:none;width:90px;height:28px;background:url('/carta-metodi-v2.svg') center/contain no-repeat}
.sales-payment-note::after{content:'(icone indicative)';font-size:10px}
.sales-art{min-height:0;aspect-ratio:1122/1402;width:100%;padding:0;background:#eee8e1 url('/carta-ereader-v2.jpg') center/100% 100% no-repeat}
.sales-device{position:absolute;top:16.1%;left:24.1%;width:51.9%;height:57.8%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;overflow:hidden}
.sales-device .sales-cover{width:100%;height:100%;min-height:0;max-height:none;padding:8% 7%;background:transparent;color:#211f1d;display:flex;flex-direction:column;align-items:center;text-align:center}
.sales-device .sales-cover small{order:1;font-size:clamp(7px,.65vw,9px);letter-spacing:.15em}
.sales-device .sales-cover strong{order:2;font:normal clamp(16px,2.2vw,31px)/1.05 var(--serif);letter-spacing:-.05em;margin:auto 0 6%;overflow-wrap:anywhere}
.sales-device .sales-cover::before{content:'';order:3;display:block;width:100%;height:28%;flex:none;background:url('/carta-landscape-v1.jpg') center/cover no-repeat;filter:contrast(.8)}
.sales-device .sales-cover span{order:4;font-size:clamp(7px,.65vw,9px);letter-spacing:.12em;margin:auto 0 0}
.sales-device .sales-cover.sales-cover-image{width:100%;height:100%;max-height:none;object-fit:contain;padding:0}
.sales-art-caption{display:none}
.sales-story{grid-template-columns:1fr;gap:15px;padding:75px 0 25px;border:0}
.sales-story h2{max-width:900px;font-size:clamp(48px,5.5vw,76px);line-height:1}
.sales-story-copy{padding:0;max-width:900px;font:normal 17px/1.7 var(--sans)}
.sales-story-copy p:nth-child(2){font-size:15px}
.sales-themes{padding:20px 0 95px}
.sales-themes .eyebrow,.sales-themes h2,.sales-themes-note{display:none}
.sales-theme-grid{margin-top:10px}
.sales-theme-grid article{border:0}
.sales-page .sample-section{padding:85px 0 115px}
.sales-conclusion{background:#242220;color:#fffdfa;padding:85px 0}
.conclusion-grid{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:start}
.sales-conclusion .sales-final{padding:0;background:none;text-align:left}
.sales-conclusion .sales-final .eyebrow{justify-content:flex-start}
.sales-conclusion .sales-final h2{font-size:clamp(42px,4.5vw,66px);max-width:620px}
.sales-conclusion .sales-final>p:not(.eyebrow){font:16px/1.65 var(--serif);max-width:550px;color:#eee7e2}
.sales-conclusion .sales-final .button{font:normal 18px var(--serif);min-width:280px;justify-content:center}
.sales-conclusion .sales-faq{display:block;padding:0 0 0 40px;border-left:1px solid #716b66}
.sales-conclusion .sales-faq h2{font-size:30px;margin:0 0 12px}
.sales-conclusion .sales-faq .eyebrow{color:#ddd1c6}
.sales-conclusion .sales-faq>div:first-child>p:not(.eyebrow),.sales-conclusion .sales-faq details p{color:#e2dad4}
.sales-conclusion .sales-faq details{border-color:#77716c}
.sales-conclusion .sales-faq summary{color:#fffdfa;font:normal 16px/1.5 var(--serif)}
@media(max-width:850px){
  .sales-hero{grid-template-columns:1fr 1fr;gap:30px}
  .sales-art{min-height:0;padding:0}
  .sales-device{width:51.9%}
  .sales-device .sales-cover{min-height:0}
  .sales-story{padding:65px 0 20px}
  .sales-themes{padding:20px 0 65px}
  .conclusion-grid{gap:40px}
}
@media(max-width:640px){
  .book-wordmark{font-size:13px;letter-spacing:.17em}
  .sales-hero{grid-template-columns:1fr;padding-top:32px;gap:38px}
  .sales-hero h1{font-size:clamp(49px,11vw,70px)}
  .sales-actions .button{min-width:0}
  .sales-art{min-height:0}
  .sales-device{width:51.9%}
  .sales-device .sales-cover{min-height:0}
  .sales-device .sales-cover strong{font-size:clamp(15px,4.5vw,23px)}
  .sales-story{padding:60px 0 15px}
  .sales-story h2{font-size:clamp(43px,10vw,60px)}
  .sales-themes{padding:15px 0 65px}
  .sales-page .sample-section{padding:65px 0 80px}
  .sales-conclusion{padding:70px 0}
  .conclusion-grid{grid-template-columns:1fr;gap:48px}
  .sales-conclusion .sales-faq{border-left:0;border-top:1px solid #716b66;padding:35px 0 0}
}

/* Rifinitura aderente al concept, senza frecce decorative. */
.sales-page .button{justify-content:center;gap:0}
.sales-header .header-link{font-size:12px}
.sales-hero h1{max-width:530px;font-weight:700;line-height:.96}
.sales-hero-line{font-size:clamp(20px,1.9vw,26px);line-height:1.38;margin-bottom:14px}
.sales-hero-description{font-size:15px;line-height:1.65}
.sales-actions .button{min-width:290px}
.sales-proof{margin-top:25px}
.sales-story{padding:75px 0 15px}
.sales-story-copy{max-width:880px;font-size:15px}
.sales-audience-note{margin-top:22px;font:14px/1.6 var(--sans);color:#514b47}
.sales-audience-note strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.sales-audience-note p{margin:6px 0 0}
.sales-themes{padding:5px 0 90px}
.sales-theme-grid{gap:50px}
.sales-theme-grid h3{font-size:28px}
.sales-page .sample-section{padding:55px 0 80px}
.sales-page .sample-grid{grid-template-columns:1.22fr .78fr;gap:clamp(38px,6vw,85px)}
.sales-page .sample-grid blockquote{display:flex;flex-direction:column;align-items:stretch;justify-content:center;aspect-ratio:3/2;min-height:0;padding:9% 55% 9% 10%;background:#f9f7f4 url('/carta-estratto-v3.jpg') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none}
.sales-page .sample-grid blockquote::after{content:none}
.sales-page .sample-grid blockquote>span{color:#b72c24;font:normal 13px/1.3 var(--serif);text-align:center}
.sales-page .sample-grid blockquote p{font:normal clamp(13px,1.1vw,17px)/1.5 var(--serif);color:#2c2723;margin:18px 0}
.sales-page .sample-grid blockquote footer{font-size:8px;line-height:1.4;letter-spacing:.08em}
.sales-page .sample-grid>div h2{font-size:clamp(43px,4.3vw,64px);line-height:1}
.sales-page .sample-grid>div .text-link{display:inline-block;margin-top:8px;padding:13px 20px;border:0;background:#b72c24;color:#fff;font:normal 16px var(--serif)}
.sales-page .sample-grid>div .text-link:hover{background:#8e211c}
.sales-page .sample-cta{margin-top:20px}
.sales-offer{padding:25px 0 65px;background:#faf9f7}
.sales-offer-bar{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #ded7d0;padding-top:26px}
.sales-offer-bar .eyebrow{margin-bottom:10px}
.sales-offer-bar h2{font:normal 28px/1.2 var(--serif);letter-spacing:-.03em;margin:0 0 6px;overflow-wrap:anywhere}
.sales-offer-bar p:not(.eyebrow){margin:0;color:#625c58;font-size:12px}
.sales-offer-bar .button{min-width:200px}
.sales-conclusion .sales-final .button{justify-content:center}
@media(max-width:850px){
  .sales-story{padding:60px 0 15px}
  .sales-themes{padding:5px 0 65px}
  .sales-page .sample-grid{grid-template-columns:1fr 1fr;gap:35px}
}
@media(max-width:640px){
  .sales-actions .button{min-width:0}
  .sales-story{padding:55px 0 15px}
  .sales-themes{padding:5px 0 55px}
  .sales-theme-grid{gap:18px}
  .sales-page .sample-section{padding:55px 0 65px}
  .sales-page .sample-grid{grid-template-columns:1fr;gap:30px}
  .sales-page .sample-grid>div{order:1}
  .sales-page .sample-grid blockquote{order:2}
  .sales-offer{padding:35px 0 55px}
  .sales-offer-bar{align-items:stretch;flex-direction:column;gap:18px}
}
@media(max-width:480px){
  .sales-page .sample-grid blockquote{aspect-ratio:auto;min-height:0;padding:30px;background:#fffdfa;border:1px solid #e2dbd3;box-shadow:0 12px 28px #5e50451a}
  .sales-page .sample-grid blockquote>span{text-align:left}
  .sales-page .sample-grid blockquote p{font-size:18px;line-height:1.6}
  .sales-page .sample-grid blockquote::after{content:'';display:block;width:100%;height:180px;margin-top:20px;background:url('/carta-landscape-v1.jpg') center/cover no-repeat}
}

/* Loghi dei circuiti mostrati nella sola anteprima, da confermare con il gestore. */
.sales-payment-note::before,.sales-payment-note::after{content:none}
.payment-icons{display:flex;align-items:center;gap:5px;flex:none}
.payment-icons img{display:block;width:42px;height:28px;object-fit:contain}