/* The drawing table: paper, pencil colours and whole A4 previews. */
:root{--primary:#5d4dba;--primary-dark:#47378e;--primary-light:#d1c5f4;--primary-bg:#f0ebfc;--bg:#fffcf4;--text:#293d43;--text-muted:#637275;--border:#e5e1d4;--border-light:#ece8dc;--shadow-md:0 8px 0 #eee9d9;--radius:18px}
body{background:var(--bg)}
.site-header{background:#fffcf4;border-bottom:1px solid var(--border);box-shadow:none}
.logo-text{font-size:1.25rem;letter-spacing:-.05em;color:var(--text)}
.logo-dot{color:#ba4f3f}.logo-icon{color:#5d4dba}
.hero{background:#fff5dc;padding:4rem 0;border-bottom:1px solid #e9debd;overflow:hidden}
.hero .container{grid-template-columns:1fr 1fr;gap:3rem}
.hero-kicker{display:inline-block;background:#dfeee4;padding:.4rem .9rem;border-radius:50px;font-size:.85rem;font-weight:800;margin-bottom:1.1rem;color:#2b5f50}
.hero-title{font-size:clamp(2.4rem,4.2vw,4rem);line-height:1.09;letter-spacing:-.055em;max-width:600px}
.hero-title span{color:#b94e3b;background:none;-webkit-text-fill-color:initial}
.hero-subtitle{font-size:1.08rem;line-height:1.7;max-width:31rem}
.hero-reassure{font-size:.83rem;max-width:32rem}
.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;perspective:none;align-items:center}
.hero-paper{display:block;background:white;border:1px solid #ded8c5;border-radius:10px;padding:12px 12px 10px;box-shadow:0 7px 0 #e7ddc3;transform:rotate(-5deg);color:var(--text);min-width:0}
.hero-paper:nth-child(2){transform:rotate(5deg) translateY(25px)}
.hero-paper img{display:block;width:100%;aspect-ratio:210/297;object-fit:contain;background:white}
.hero-paper span{display:block;font-size:.8rem;font-weight:800;text-align:center;padding-top:.5rem}
.hero-visual{position:relative;min-width:0}
.hero-sticker{position:absolute;bottom:-20px;left:25%;background:#dfeee4;border:2px solid white;box-shadow:0 4px 0 #d2dccb;border-radius:50%;padding:1rem;max-width:140px;text-align:center;font-weight:900;transform:rotate(-8deg);font-size:.85rem}
.hero-stats{border-top:1px solid #e9debd;padding-top:1rem;gap:2rem}.hero-stat-number{font-size:1.4rem}
.btn{border-radius:12px;white-space:normal}.btn-primary{box-shadow:0 3px 0 #3f337f;border:1px solid var(--primary-dark)}.btn-primary:hover{transform:translateY(-1px)}
.section-title{letter-spacing:-.035em;font-size:2rem}.section{padding-block:3.5rem}
.age-selector-section,.categories-section,.how-section{background:var(--bg)}
.age-card{border:1px solid var(--border);border-radius:22px;background:#e8f1e9;box-shadow:0 5px 0 #d8e2d7}.age-card:nth-child(2){background:#fbe4d8;box-shadow:0 5px 0 #ecd3c5}.age-card:nth-child(3){background:#eee5fc;box-shadow:0 5px 0 #dfd3ef}
.category-card{background:white;border:1px solid var(--border);border-radius:16px}
.coloriage-card{border:1px solid var(--border);box-shadow:0 4px 0 #e9e5d8;border-radius:16px}
.coloriage-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 #e9e5d8}
.card-image-wrapper{padding:12px;background:white;aspect-ratio:210/297}
.card-image-wrapper img{width:100%;height:100%;object-fit:contain;transform:none!important}
.card-watermark{display:none} /* The server-rendered preview already carries its watermark. */
.card-body{padding:1rem}.card-title{font-size:1rem;line-height:1.35}
.card-footer{gap:.5rem;flex-wrap:wrap}.card-price{font-size:.8rem}
.pack-cover,.pack-preview-grid img,.pack-item-thumb img,.cart-item-image,.download-item img,.order-item-thumb{object-fit:contain!important;background:#fff}
.pack-cover{height:260px;padding:12px}.pack-card{border:1px solid var(--border);box-shadow:0 4px 0 #e9e5d8}
.cta-box{background:#e9e2f7;color:var(--text);border:1px solid #d9cfee}.cta-box h2{color:var(--text)}
.pricing-section{background:#fff5dc}.pricing-card{border-radius:20px;border-width:1px}.pricing-card-popular{transform:none;border:2px solid var(--primary);box-shadow:0 7px 0 #e5dceb}
.theme-links{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.theme-links a{padding:.6rem .95rem;border:1px solid var(--border);background:white;border-radius:50px;color:var(--text);font-weight:700;font-size:.88rem}.theme-links a:hover{border-color:var(--primary)}
.collection-hero{padding:3rem 0;background:#fff5dc}.collection-hero h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em}.collection-intro{max-width:760px;line-height:1.8;margin:1rem 0}
.collection-guide{max-width:800px;margin:0 auto;line-height:1.8}.collection-guide h2{margin:1.5rem 0 .75rem}.collection-guide li{margin:.8rem 0}.collection-guide ul{list-style:disc;padding-left:1.2rem}
.site-footer{background:#293d43}.site-footer .logo-text{color:white}
@media(max-width:900px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-visual{display:block;max-width:460px;margin:1rem auto;width:85%}.hero-title,.hero-subtitle,.hero-reassure{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}}
@media(max-width:480px){.hero{padding:2.5rem 0 3.5rem}.hero-cta{flex-direction:column}.hero-visual{width:90%}.hero-cards{gap:.8rem}.hero-paper{padding:8px}.hero-sticker{font-size:.75rem;padding:.7rem;max-width:120px}.section{padding-block:2.5rem}.coloriages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.card-body{padding:.75rem}.card-meta{flex-wrap:wrap}.card-footer .btn{width:100%}.card-price{font-size:.75rem}.card-image-wrapper{padding:6px}.logo-text{font-size:1.1rem}}
