/* Tales of Transylvania (Arka 103–106): crem, verde închis și roșu de cruciuliță, ca în cărți. Peste arka.css. */
.t-tales{--tt-cream:#f5eddf;--tt-cream2:#ece2cf;--tt-green:#163a30;--tt-green2:#1f4a3d;--tt-red:#8e2a1e;--tt-red2:#a8382a;--tt-ink:#2a2824;--paper:var(--tt-cream);--paper2:var(--tt-cream2);--gold-ink:#8e2a1e;background:var(--tt-cream)}
.t-tales .sec.alt{background:var(--tt-cream2)}
.t-tales .eyebrow{color:var(--tt-red)}
.t-tales h2 em,.t-tales .big em{color:var(--tt-red);font-style:italic}
.t-tales .intro2 .big{color:var(--tt-green)}
/* banda în cruciuliță */
.tt-stitch{height:30px;background:var(--tt-cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='30' viewBox='0 0 42 30' shape-rendering='crispEdges'%3E%3Cg fill='%238e2a1e'%3E%3Crect x='19' y='3' width='4' height='4'/%3E%3Crect x='15' y='7' width='4' height='4'/%3E%3Crect x='23' y='7' width='4' height='4'/%3E%3Crect x='11' y='11' width='4' height='4'/%3E%3Crect x='27' y='11' width='4' height='4'/%3E%3Crect x='19' y='13' width='4' height='4'/%3E%3Crect x='15' y='17' width='4' height='4'/%3E%3Crect x='23' y='17' width='4' height='4'/%3E%3Crect x='19' y='21' width='4' height='4'/%3E%3Crect x='0' y='13' width='4' height='4'/%3E%3Crect x='38' y='13' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E") repeat-x center/42px 30px;border-top:1px solid #8e2a1e33;border-bottom:1px solid #8e2a1e33}
/* hero */
.tt-hero{background:radial-gradient(circle at 76% 30%,#fbf6ec,var(--tt-cream) 62%);color:var(--tt-ink);padding:64px 0 72px}
.tt-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.tt-hero .kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--tt-red)}
.tt-hero .kicker a{color:inherit}
.tt-hero h1{margin:16px 0 12px;color:var(--tt-green)}
.tt-hero h1 b{font-weight:400;color:var(--tt-green);display:block}
.tt-hero .sub{font:clamp(19px,2.2vw,24px)/1.4 Serif,Georgia,serif;color:var(--tt-red);margin-bottom:22px}
.tt-hero .sub em{color:var(--tt-ink)}
.tt-hero p{color:#4a463e;max-width:580px}
.tt-hero .actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:28px 0 14px}
.tt-hero .small{font-size:13px;color:#7a7266}
.t-tales .btn.red,.t-tales .top .btn.dark,.t-tales .buybox .btn.dark,.t-tales .modal .btn.dark,.t-tales .sample .btn.dark,.t-tales .tt-vol .btn.dark{background:var(--tt-red);border-color:var(--tt-red);color:#fff}
.t-tales .btn.red:hover,.t-tales .btn.dark:hover{background:#74200f}
.t-tales .btn.line{color:var(--tt-green);border-color:#163a3066}
.tt-fan{position:relative;height:480px}
.tt-fan-b{position:absolute;top:50%;left:50%;width:min(44%,240px);transition:transform .3s}
.tt-fan-b img,.tt-cover img{width:100%;height:auto;display:block;border-radius:3px;box-shadow:0 22px 40px -14px #16302877,0 2px 6px #0002}
.tt-fan-b.f0{transform:translate(-112%,-50%) rotate(-7deg)}
.tt-fan-b.f1{transform:translate(-50%,-54%);z-index:2}
.tt-fan-b.f2{transform:translate(12%,-50%) rotate(7deg)}
.tt-fan-b.f0:hover{transform:translate(-112%,-54%) rotate(-7deg)}.tt-fan-b.f1:hover{transform:translate(-50%,-58%)}.tt-fan-b.f2:hover{transform:translate(12%,-54%) rotate(7deg)}
.tt-cover{position:relative;max-width:340px;margin:0 auto}
.tt-cover button{border:0;padding:0;background:none;cursor:zoom-in;display:block;width:100%;transform:rotate(2deg);transition:transform .25s}
.tt-cover button:hover{transform:rotate(0) translateY(-4px)}
.tt-cover .badge{position:absolute;left:-26px;bottom:34px;background:var(--tt-red);color:#fff;border-radius:50%;width:92px;height:92px;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.1;box-shadow:0 8px 20px #0003}
.tt-cover .badge b{font:30px Serif,Georgia,serif;display:block}
.t-tales .facts.tt-facts{background:var(--tt-green);border-top:0}
.t-tales .facts span{color:#cfd9cf}
.tt-motto{background:var(--tt-green2);color:#f5eddf;text-align:center;padding:46px 0}
.tt-motto p{font:italic clamp(21px,2.6vw,30px)/1.45 Serif,Georgia,serif;margin:0 auto;max-width:760px}
/* volumele */
.tt-vols{display:grid;gap:28px;margin-top:34px}
.tt-vol{display:grid;grid-template-columns:220px 1fr;gap:36px;background:#fffdf7;border:1px solid #d9ccb3;border-radius:18px;padding:30px;align-items:start}
.tt-vol-c img{width:100%;height:auto;border-radius:3px;box-shadow:0 14px 28px -12px #16302866}
.tt-vol h3{font-size:34px;margin:0 0 2px}.tt-vol h3 a{color:var(--tt-green);text-decoration:none}
.tt-span{font:italic 17px Serif,Georgia,serif;color:var(--tt-red);margin:0 0 12px}
.tt-vol-b>p{color:#4a463e}
.tt-parts{list-style:none;padding:0;margin:16px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.tt-parts li{border-top:1px solid #d9ccb3;padding-top:8px;font-size:14px;color:#5a5348}
.tt-parts b{color:var(--tt-green);font-weight:600}.tt-parts small{color:var(--tt-red);margin-left:4px}.tt-parts span{display:block}
.tt-vol-a{display:flex;flex-wrap:wrap;gap:12px}
/* setul */
.t-tales .buybox{border-color:#c9a39a;background:#fffdf7}
.t-tales .buybox .price{color:var(--tt-green)}
.tt-set{grid-template-columns:auto 1fr auto}
.tt-set-c{display:flex}
.t-tales .tt-set-c img{width:96px;height:auto;border-radius:2px;box-shadow:0 10px 20px -8px #1630286b;margin-left:-26px}
.t-tales .tt-set-c img:first-child{margin-left:0;transform:rotate(-4deg)}.t-tales .tt-set-c img:last-child{transform:rotate(4deg)}
.tt-upsell{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:18px;padding:18px 26px;border:1px dashed #c9a39a;border-radius:16px;color:#4a463e}
.t-tales .tt-upsell .tt-set-c img{width:56px;margin-left:-16px}.t-tales .tt-upsell .tt-set-c img:first-child{margin-left:0}
.tt-upsell p{margin:0}.tt-upsell b{color:var(--tt-green)}
/* calendarul */
.tt-cal{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--tt-red);counter-reset:n}
.tt-cal li{position:relative;padding:22px 18px 22px 0;border-bottom:1px solid #d9ccb3}
.tt-cal li::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;background:var(--tt-cream2);border:2px solid var(--tt-red);transform:rotate(45deg)}
.tt-cal-d{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-red)}
.tt-cal b{display:block;font:21px/1.25 Serif,Georgia,serif;color:var(--tt-green);margin:6px 0}
.tt-cal li>span:not(.tt-cal-d){display:block;font-size:14px;color:#5a5348}
.tt-cal small{display:block;font-size:12px;color:#8a8174;margin-top:6px}
/* harta, neamul, gravuri */
.tt-two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tt-two figure{margin:0}
.tt-map img,.tt-tree img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 18px 40px -20px #16302880}
.tt-map img{max-height:680px;object-fit:contain;background:#f3ebdc}
.tt-zoom{border:0;padding:0;background:none;cursor:zoom-in;display:block;width:100%}
.tt-tree img{max-width:420px;margin:0 auto}
.tt-neam{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.tt-neam li{background:#fffdf7;border:1px solid #d9ccb3;border-radius:999px;padding:6px 14px;font-size:14px}
.tt-neam b{color:var(--tt-green);font-weight:600;margin-right:6px}.tt-neam small{color:#8a8174}
.tt-neam li:nth-last-child(-n+4) b{color:var(--tt-red)}
.tt-ill-g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.tt-ill-g figure{margin:0}
.tt-ill-g img{width:100%;height:auto;display:block;border-radius:6px;background:#efe6d6}
.tt-ill-g figcaption{font:italic 15px Serif,Georgia,serif;color:#5a5348;margin-top:8px;text-align:center}
.t-tales .copy.tt-copy{background:linear-gradient(135deg,var(--tt-green),#0f2a22)}
.t-tales .copy .eyebrow{color:#e8a08c!important}
.t-tales .copy h2 em{color:#e8a08c}
.tt-aud{border-left:3px solid var(--tt-red);padding-left:14px}
/* paginile volumelor */
.tt-partsg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.tt-part{background:#fffdf7;border:1px solid #d9ccb3;border-radius:16px;padding:22px;border-top:4px solid var(--tt-red)}
.tt-part .n{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tt-red)}
.tt-part h3{font-size:24px;color:var(--tt-green);margin:8px 0 10px}
.tt-part ol{margin:0;padding-left:28px;color:#4a463e;line-height:1.75}
.tt-gallery{grid-template-columns:repeat(4,1fr)}
.tt-gallery img{width:100%;height:auto;display:block}
.t-tales .gallery button span{background:#163a30e0}
.tt-others{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.tt-other{display:flex;gap:18px;align-items:center;background:#fffdf7;border:1px solid #d9ccb3;border-radius:16px;padding:16px;text-decoration:none;color:var(--tt-ink);transition:transform .2s}
.tt-other:hover{transform:translateY(-3px)}
.tt-other img{width:84px;height:auto;border-radius:2px;box-shadow:0 8px 16px -8px #16302877}
.tt-other small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-red)}
.tt-other b{font:24px Serif,Georgia,serif;color:var(--tt-green);font-weight:400}
.tt-all{justify-content:center;background:var(--tt-green)}.tt-all b{color:#fff}.tt-all small{color:#e8a08c}
.t-tales .quote p{color:var(--tt-green)}
.t-tales .quote span{color:var(--tt-red)}
.t-tales .sample{background:#fffdf7;border-color:#d9ccb3}
.t-tales .formats div{background:#fffdf7;border-color:#d9ccb3}
.t-tales .faq details{border-color:#d9ccb3}
@media(max-width:980px){.tt-cal,.tt-partsg{grid-template-columns:repeat(2,1fr)}.tt-ill-g,.tt-gallery{grid-template-columns:repeat(3,1fr)}.tt-others{grid-template-columns:1fr 1fr}}
@media(max-width:820px){
  .tt-hero{padding:40px 0 48px}.tt-hero .wrap{grid-template-columns:1fr;gap:28px}
  .tt-fan{height:330px;order:-1}.tt-fan-b{width:min(40%,180px)}
  .tt-cover{max-width:230px;order:-1}.tt-cover .badge{left:-14px;width:74px;height:74px}.tt-cover .badge b{font-size:24px}
  .tt-vol{grid-template-columns:1fr;padding:22px;gap:20px}.tt-vol-c{max-width:200px}
  .tt-parts{grid-template-columns:1fr}
  .tt-two{grid-template-columns:1fr;gap:28px}.tt-two.rev .tt-tree{order:-1}
  .tt-set,.tt-upsell{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media(max-width:560px){.tt-cal,.tt-partsg,.tt-others{grid-template-columns:1fr}.tt-ill-g,.tt-gallery{grid-template-columns:1fr 1fr}.tt-cal li{padding-right:0}}