/*
 * „Micul campion” (#313, variantele #314 și #315, plus setul tipărit), 11 octombrie 2026: doar ce e al acestei pagini. Scena de sus și
 * secțiunile sunt ale landingului comun (cadou.css) și ale „Povestea noastră” (cuplu.css: garanțiile); configuratorul e cel comun al
 * cărților (carti-pasi.css), cu sfaturile „Cărții bunicilor” (bunici.css). Aici: cartonașul 3D cu luciul holografic și textul scris pe
 * loc peste imaginile din proba motorului, setul tipărit, posterul. Prefix mc-. Întâi telefonul (390 px).
 *
 * Cartonașul: imaginea „goală” din motor (63,5 × 88,9 mm) și textele puse în procente, cu mărimile în cqh (1 mm = 100/88,9 cqh), deci
 * pozițiile sunt exact cele din tipar_joc/sabloane/campion.css. Culorile vin din proba fiecărui sport (--c-p, --c-a, …).
 */
.mc{--mc-noapte:#0F1430;--mc-aur:#E3B563}

/* ---------- 1. scena de sus ---------- */
.mc-garantii-sus{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0;list-style:none}
.mc-garantii-sus li{display:inline-flex;align-items:center;gap:7px;font-size:14px;line-height:1.3;color:var(--pc-crem-2,#E6DCCD)}
.mc-garantii-sus svg{flex:none;width:18px;height:18px;color:var(--pc-aur,#E3B563)}
.cadou .mc-hero .pc-nota{margin-top:12px}
.mc-hero__scena{min-width:0;display:flex;flex-direction:column;align-items:center}
.mc-hero__scena .pc-scena__titlu{align-self:stretch}
.mc-sporturi{display:inline-flex;gap:4px;margin:0 0 18px;padding:4px;border-radius:999px;background:rgba(255,243,227,.08);border:1px solid rgba(255,243,227,.16)}
.mc-sport-tab{min-height:40px;padding:10px 18px;border:0;border-radius:999px;background:transparent;font:650 14px/1 var(--font-body);color:var(--pc-crem-2,#E6DCCD);cursor:pointer}
.mc-sport-tab[aria-selected="true"]{background:var(--pc-crem,#FFF3E3);color:var(--mc-noapte)}
.mc-sport-tab:focus-visible{outline:2px solid var(--pc-aur,#E3B563);outline-offset:2px}
.mc-carte-loc{width:100%;display:flex;justify-content:center}
.mc-carte-scena{position:relative;width:min(78vw,340px);perspective:1300px;padding:10px 0 4px}
.mc-carte-scena::before{content:"";position:absolute;left:50%;top:44%;width:150%;height:110%;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(227,181,99,.28),rgba(201,42,72,.12) 55%,transparent 72%);filter:blur(4px);z-index:-1}
.mc-carte__nota,.mc-scena__nota{margin:14px 0 0;text-align:center;font-size:13.5px;line-height:1.45;color:var(--pc-crem-2,#E6DCCD)}
.mc-scena__nota{max-width:440px;opacity:.85}

/* cartonașul: înclinarea după mână, întoarcerea, luciul */
.mc-carte{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--holo:.28;position:relative;display:block;width:100%;aspect-ratio:63.5/88.9;cursor:pointer;
  border-radius:4.7%/3.37%;outline:none;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .5s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;touch-action:pan-y}
.mc-carte.is-mana{transition:transform .08s linear}
.mc-carte:focus-visible{box-shadow:0 0 0 3px var(--pc-aur,#E3B563)}
.mc-carte__in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.3,.9,.25,1);border-radius:inherit}
.mc-carte.is-intors .mc-carte__in{transform:rotateY(180deg)}
.mc-fata,.mc-spate{position:absolute;inset:0;overflow:hidden;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  container-type:size;box-shadow:0 30px 60px -26px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.mc-spate{transform:rotateY(180deg)}
.mc-baza{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;user-select:none;-webkit-user-drag:none}
@media (prefers-reduced-motion:no-preference){
  .mc-carte.is-plutire:not(.is-mana){animation:mc-plutire 6s ease-in-out infinite}
  @keyframes mc-plutire{0%,100%{transform:rotateX(2deg) rotateY(-9deg)}50%{transform:rotateX(-2deg) rotateY(9deg)}}
}
.mc-holo,.mc-luciu{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.mc-holo{opacity:var(--holo);mix-blend-mode:color-dodge;background:
  linear-gradient(115deg,transparent 18%,hsla(330,100%,72%,.55) 30%,hsla(200,100%,66%,.55) 40%,hsla(58,100%,64%,.55) 50%,hsla(140,95%,60%,.5) 60%,hsla(280,100%,72%,.5) 70%,transparent 82%);
  background-size:260% 260%;background-position:var(--mx) var(--my);transition:opacity .3s;
  -webkit-mask:radial-gradient(130% 100% at 50% 50%,rgba(0,0,0,.4) 44%,#000 74%);mask:radial-gradient(130% 100% at 50% 50%,rgba(0,0,0,.4) 44%,#000 74%)}
.mc-holo--spate{opacity:calc(var(--holo) * .6)}
.mc-luciu{background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.5),rgba(255,255,255,.08) 34%,transparent 58%);mix-blend-mode:soft-light;opacity:.7}
.mc-carte:hover,.mc-carte.is-mana{--holo:.55}

/* textele de pe față (pozițiile și mărimile din tipar_joc/sabloane/campion.css) */
.mc-t{position:absolute;display:flex;align-items:center;justify-content:center;min-width:0;pointer-events:none;color:#fff;text-align:center}
.mc-t>b{display:block;min-width:0;font-weight:inherit;white-space:nowrap;overflow:hidden;text-overflow:clip}
.mc-id b{display:block;min-width:0;white-space:nowrap;overflow:hidden}
.mc-nume{left:8.5%;width:83%;top:82.56%;height:8.55%;font:800 7.2cqh/1 var(--font-display);letter-spacing:.17cqh;text-transform:uppercase}
.mc-nume.is-doua{top:80.09%;height:11.2%}
.mc-nume.is-doua b{white-space:normal;line-height:1.02}
.mc-sub{left:8.5%;width:83%;top:90.78%;height:4.05%;font:600 2.64cqh/1 var(--font-body);letter-spacing:.13cqh;color:var(--c-a3,#FFE58A)}
.mc-numar{left:72.91%;top:5.17%;width:19.53%;height:13.95%;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--c-a3,#fff),var(--c-a,#ddd) 55%,var(--c-a2,#bbb));
  box-shadow:0 .56cqh 1.35cqh rgba(0,0,0,.35),inset 0 0 0 .4cqh rgba(255,255,255,.5);font:800 7.42cqh/1 var(--font-display);letter-spacing:-.2cqh;color:var(--c-ta,#1E1A20)}
.mc-numar.is-lung{font-size:5.17cqh}
.mc-scut{left:7.24%;top:4.95%;width:15.12%;height:12.94%;padding-top:2.2cqh;font:800 3.4cqh/1 var(--font-display);letter-spacing:-.05cqh}
.mc-scut.is-doua{font-size:4.3cqh}
.mc-scut svg{width:4.6cqh;height:4.6cqh;color:#fff}
.mc-sport{left:23.94%;top:6.75%;height:6.3cqh;gap:1.24cqh;padding:0 2.47cqh 0 1.69cqh;border-radius:3.15cqh;background:rgba(0,0,0,.28);
  font:700 2.59cqh/1 var(--font-display);letter-spacing:.28cqh;text-transform:uppercase;justify-content:flex-start}
.mc-sport i{display:flex;width:4.05cqh;height:4.05cqh;color:var(--c-a3,#FFE58A)}
.mc-sport i svg{width:100%;height:100%}
/* textele de pe spate */
.mc-id{left:40.79%;top:8.32%;width:50.71%;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}
.mc-id .mc-id__nume{height:7.2cqh;width:100%;font:800 5.85cqh/7.2cqh var(--font-display);letter-spacing:.11cqh;text-transform:uppercase}
.mc-id .mc-id__sub{width:100%;margin-top:.9cqh;font:600 2.59cqh/1.25 var(--font-body);letter-spacing:.11cqh;color:var(--c-a3,#FFE58A)}
.mc-id .mc-id__sub.is-doua{white-space:normal}
.mc-id__pastile{display:flex;gap:1.35cqh;margin-top:1.35cqh;max-width:100%;overflow:hidden}
.mc-id__pastile i{flex:none;padding:.8cqh 2.25cqh;border-radius:2.25cqh;font:800 2.92cqh/1 var(--font-display);font-style:normal;letter-spacing:.22cqh;white-space:nowrap;
  background:var(--c-a,#FFD43B);color:var(--c-ta,#1E1A20)}
.mc-id__pastile i.poz{flex:0 1 auto;min-width:0;overflow:hidden;background:rgba(255,255,255,.18);color:#fff;font-size:2.47cqh;letter-spacing:.09cqh;text-transform:uppercase}
.mc-stat{left:10.08%;width:79.84%;top:38.02%;flex-direction:column;align-items:stretch;justify-content:flex-start;color:#3b3439}
.mc-stat .r{display:flex;align-items:center;justify-content:space-between;gap:2.2cqh;height:11.7cqh;border-bottom:.34cqh dashed rgba(30,26,32,.22)}
.mc-stat.cu-fraza .r{height:9.67cqh}
.mc-stat.n4 .r{height:8.44cqh}
.mc-stat .e{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-align:left;font:600 2.87cqh/1.25 var(--font-body);letter-spacing:.22cqh;text-transform:uppercase}
.mc-stat .v{flex:none;max-width:60%;overflow:hidden;white-space:nowrap;text-align:right;font:800 6.75cqh/1 var(--font-display);color:var(--c-p,#C92A48)}
.mc-stat .v.text{flex:1;font:italic 600 3.6cqh/1.2 var(--font-body)}
.mc-stat .r.cal{justify-content:flex-start}
.mc-stat .r.cal .e{text-transform:none;letter-spacing:0;font:italic 600 3.6cqh/1.2 var(--font-body);color:#2a2428}
.mc-fraza{left:10.08%;width:79.84%;top:68.39%;height:12.82%;padding:1.6cqh 2.7cqh 1.4cqh 7cqh;border-radius:2.25cqh;justify-content:flex-start;text-align:left;
  background:color-mix(in srgb,var(--c-p,#C92A48) 9%,#fff);box-shadow:inset .8cqh 0 0 var(--c-a,#FFD43B);color:#2a2428}
.mc-fraza.n4{top:72.89%;height:10.8%}
.mc-fraza::before{content:"„";position:absolute;left:1.6cqh;top:-4.4cqh;font:800 10cqh/1 Georgia,serif;color:var(--c-a2,#B98C00)}
.mc-fraza b{white-space:normal;font:italic 500 3.37cqh/1.25 var(--font-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

/* configuratorul: varianta o alege „Comanda” (assets/campion.js), deci selectorul WooCommerce și prețul lui nu se văd */
.mc-ghid table.variations,.mc-ghid .reset_variations,.mc-ghid .reset_variations_alert,.mc-ghid .single_variation,.mc-ghid .woocommerce-variation,.mc-ghid .quantity{display:none!important}
.mc-ghid .single_variation_wrap{margin:0}

/* în configurator: cartonașul coboară în pașii cu datele (carti-pasi.js, „previzualizare”) */
.mc .cs-previzualizare{padding:18px 12px 14px;background:radial-gradient(120% 90% at 50% 0,#2A2F66 0,#151A3F 62%,#0F1430 100%)}
.mc .cs-previzualizare .mc-carte-scena{width:min(100%,260px);margin:0 auto;padding:4px 0 0}
.mc .cs-previzualizare .mc-carte__nota{font-size:13px;margin-top:10px}
@media (min-width:861px){.mc .cs-pas--prev .cs-pas__corp{grid-template-columns:minmax(0,1fr) minmax(0,300px)}}
@media (max-width:860px){
  .mc .cs-previzualizare:not(.is-mare){display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px}
  .mc .cs-previzualizare:not(.is-mare) .mc-carte-scena{width:96px;margin:0;padding:0;perspective:none}
  .mc .cs-previzualizare:not(.is-mare) .mc-carte{animation:none!important;transform:none!important}
  .mc .cs-previzualizare:not(.is-mare) .mc-carte__nota{display:none}
  .mc .cs-previzualizare:not(.is-mare)::after{content:"Cartonașul se completează pe loc. Atinge ca să-l vezi mare.";grid-column:2;grid-row:1;padding-bottom:20px;font-size:14px;line-height:1.4;color:#FFF3E3}
  .mc .cs-previzualizare.is-mare .mc-carte-scena{width:min(72vw,280px)}
}
.mc-culori{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.mc-culori button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid rgba(30,26,32,.18);border-radius:999px;background:#fff;
  font:600 14px/1 var(--font-body);color:#1E1A20;cursor:pointer}
.mc-culori button:hover{border-color:#C92A48}
.mc-culori i{display:inline-block;width:22px;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--a) 50%,var(--b) 50%);box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.mc-exemplu{margin:8px 0 0;font-size:14px;line-height:1.5;color:#5b5a70}
.mc-exemplu button{margin-left:4px;padding:0;border:0;background:none;font:inherit;font-weight:650;color:#C92A48;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ---------- 3. setul tipărit ---------- */
.mc-set{padding:clamp(56px,8vw,104px) 0;background:linear-gradient(180deg,#FBF6EC,#F5ECDD)}
.mc-set__grila{display:grid;gap:clamp(28px,4vw,60px);align-items:center}
@media (min-width:981px){.mc-set__grila{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.mc-set__foto{margin:0}
.mc-set__foto img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 30px 60px -34px rgba(60,30,20,.55)}
.mc-set__foto figcaption{margin:12px 0 0;font-size:14px;line-height:1.5;color:#5b5a70}
.mc-set__lead{margin:0 0 18px;font-size:17px;line-height:1.55;color:#2b2a3a}
.mc-set__lista{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none}
.mc-set__lista li{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 1px 0 rgba(30,26,32,.06)}
.mc-set__lista b{font:700 16px/1.3 var(--font-display);color:#1E1A20}
.mc-set__lista span{font-size:14.5px;line-height:1.5;color:#4b4a5c}
.mc-set__pret{display:flex;align-items:baseline;gap:10px;margin:0 0 16px}
.mc-set__pret b{font:800 30px/1 var(--font-display);color:#C92A48}
.mc-set__pret span{font-size:14px;color:#5b5a70}

/* ---------- 4. posterul ---------- */
.mc-poster{padding:clamp(56px,8vw,104px) 0;background:var(--mc-noapte);color:#FFF3E3;overflow:hidden}
.mc-poster .pc-cap h2,.mc-poster .pc-cap h2 em{color:#FFF3E3}
.mc-poster__grila{display:grid;gap:clamp(30px,5vw,64px);align-items:center}
@media (min-width:981px){.mc-poster__grila{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.mc-poster__text p{font-size:17px;line-height:1.6;color:#E6DCCD}
.mc-poster__text .mc-poster__mic{font-size:14.5px;opacity:.8}
.mc-poster__evantai{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:clamp(300px,46vw,520px);padding:10px 0}
.mc-poster__p{position:absolute;bottom:0;width:clamp(150px,30%,260px);margin:0;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.mc-poster__p img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 24px 50px -20px rgba(0,0,0,.8),0 0 0 6px #fff}
.mc-poster__p--1{transform:translateX(-62%) rotate(-7deg)}
.mc-poster__p--2{z-index:2;transform:translateY(-4%) scale(1.06)}
.mc-poster__p--3{transform:translateX(62%) rotate(7deg)}
.mc-poster__evantai:hover .mc-poster__p--1{transform:translateX(-70%) rotate(-9deg)}
.mc-poster__evantai:hover .mc-poster__p--3{transform:translateX(70%) rotate(9deg)}

/* ---------- 5–6. ce primești, formatele ---------- */
@media (min-width:860px){.mc-ce__grila{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:860px){.mc-formate__grila{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* pe telefon, cartonașul vine primul: e „wow”-ul paginii */
@media (max-width:980px){
  .cadou .mc-hero .pc-hero__grila{display:flex;flex-direction:column;gap:24px}
  .cadou .mc-hero__scena{order:-1;width:100%}
}
@media (min-width:981px){.cadou .mc-hero__scena{width:min(100%,460px);justify-self:center}}
@media (max-width:420px){.mc-sport-tab{padding:10px 14px}}
@media (prefers-reduced-motion:reduce){.mc-carte,.mc-carte__in,.mc-poster__p{transition:none}}