/* Pagina „Cumpărăm cărți” (2026-10-24) */
.cc{--cc-vin:#7d2e38;--cc-vin2:#94404A;--cc-crem:#f8f3ee;--cc-linie:#e8ddd3;--cc-text:#3d3434;color:var(--cc-text);font-size:15px;line-height:1.65}
.cc *{box-sizing:border-box}
.cc h2,.cc h3{font-family:Georgia,'Times New Roman',serif;color:#2b2222;font-weight:normal;margin:0 0 10px}
.cc h2{font-size:28px;line-height:1.2}
.cc h3{font-size:21px}
.cc p{margin:0 0 10px}
.cc a{color:var(--cc-vin)}
.cc-caseta{background:#fff;border:1px solid var(--cc-linie);border-radius:12px;padding:26px 28px;margin:0 0 22px;box-shadow:0 2px 10px rgba(60,30,30,.05)}
.cc-crem{background:var(--cc-crem)}
.cc-eticheta{display:inline-block;font-size:12px;letter-spacing:3px;font-weight:700;color:var(--cc-vin2);text-transform:uppercase;margin-bottom:8px}
/* sus: textul langa poza cu masina */
.cc-sus{display:flex;gap:28px;align-items:center;padding:0;overflow:hidden}
.cc-sus-text{flex:1 1 50%;padding:30px 0 30px 32px}
.cc-sus-poza{flex:1 1 50%;align-self:stretch;width:50%;min-height:300px;object-fit:cover;object-position:35% 60%;display:block;background:#eee}
.cc-sus h2{font-size:34px}
.cc-sus .cc-lead{font-size:17px;margin-bottom:18px}
.cc-butoane{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.cc-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none!important;line-height:1}
.cc-btn-wa{background:#1f9d55;color:#fff!important;border:2px solid #1f9d55}
.cc-btn-wa:hover{background:#17803f;border-color:#17803f}
.cc-btn-tel{background:#fff;color:var(--cc-vin)!important;border:2px solid var(--cc-vin)}
.cc-btn-tel:hover{background:var(--cc-crem)}
.cc-sfat{margin:12px 0 0;font-size:13.5px;color:#6a5d5d}
.cc-sfat .fa{color:#1f9d55;margin-right:4px}
.cc-btn .fa{font-size:18px}
/* avantaje */
.cc-avantaje{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}
.cc-avantaj{background:var(--cc-crem);border:1px solid var(--cc-linie);border-radius:12px;padding:20px 16px;text-align:center}
.cc-avantaj .cc-ico{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:var(--cc-vin);color:#fff;display:flex;align-items:center;justify-content:center}
.cc-avantaj .cc-ico .fa{font-size:21px}
.cc-avantaj b{display:block;font-size:16px;color:#2b2222;margin-bottom:3px}
.cc-avantaj span{font-size:13.5px;line-height:1.45;color:#6a5d5d}
/* pasi */
.cc-pasi{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
.cc-pas{position:relative;padding:4px 0 0 58px}
.cc-pas .cc-nr{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;border:2px solid var(--cc-vin);color:var(--cc-vin);font:20px Georgia,serif;display:flex;align-items:center;justify-content:center}
.cc-pas b{display:block;font-size:16px;color:#2b2222;margin-bottom:2px}
/* domenii */
.cc-etichete{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;padding:0;list-style:none}
.cc-etichete li{padding:6px 14px;border-radius:20px;background:var(--cc-crem);border:1px solid var(--cc-linie);font-size:14px}
/* caseta cu poza intr-o parte */
.cc-dublu{display:flex;gap:26px;align-items:center}
.cc-dublu>.cc-dublu-text{flex:1 1 55%}
.cc-dublu>img{flex:0 0 40%;width:40%;height:auto;max-height:340px;object-fit:cover;border-radius:10px;display:block}
.cc-invers{flex-direction:row-reverse}
.cc-nota{margin-top:12px;padding:10px 14px;border-left:3px solid var(--cc-vin2);background:var(--cc-crem);border-radius:0 8px 8px 0;font-style:italic}
/* galerie */
.cc-galerie{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}
.cc-galerie img{width:100%;height:280px;object-fit:cover;border-radius:10px;display:block}
.cc-faq details{border-top:1px solid var(--cc-linie);padding:12px 0}
.cc-faq details:last-child{border-bottom:1px solid var(--cc-linie)}
.cc-faq summary{cursor:pointer;font-weight:700;color:#2b2222;font-size:16px;list-style:none;position:relative;padding-right:28px}
.cc-faq summary::-webkit-details-marker{display:none}
.cc-faq summary:after{content:'+';position:absolute;right:4px;top:-3px;font-size:22px;color:var(--cc-vin2);font-weight:normal}
.cc-faq details[open] summary:after{content:'\2212'}
.cc-faq details p{margin:8px 0 2px}
/* jos */
.cc-final{text-align:center;background:var(--cc-vin);border:none;color:#fff}
.cc-final h2{color:#fff}
.cc-final p{color:#f3e4e5}
.cc-final .cc-btn-tel{background:transparent;color:#fff!important;border-color:#fff}
.cc-final .cc-btn-tel:hover{background:rgba(255,255,255,.1)}
.cc-final .cc-butoane{justify-content:center}
@media (max-width:991px){
  .cc-avantaje{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .cc-caseta{padding:20px 18px}
  .cc-caseta.cc-sus{flex-direction:column;gap:0;padding:0}
  .cc-sus-poza{order:-1;width:100%;min-height:0;height:auto;aspect-ratio:16/9}
  .cc-sus-text{padding:20px 18px 22px}
  .cc-sus h2{font-size:27px}
  .cc h2{font-size:24px}
  .cc-pasi{grid-template-columns:1fr;gap:14px}
  .cc-dublu,.cc-invers{flex-direction:column;align-items:stretch}
  .cc-dublu>img{width:100%;flex-basis:auto;max-height:260px}
  .cc-galerie{grid-template-columns:1fr 1fr}
  .cc-galerie img{height:150px}
  .cc-btn{flex:1 1 auto;justify-content:center}
}