/* BFY 11. sınıf paketi: 3B cihaz vitrini ve ana sayfa tanıtım bandı */
.c3d-sahne{position:relative;width:100%;perspective:1500px;perspective-origin:50% 40%}
.c3d-tas{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:scale(var(--olcek,1)) rotateX(calc(12deg + var(--fy,0deg))) rotateY(calc(-16deg + var(--fx,0deg)))}
.c3d-kutu{position:absolute;transform-style:preserve-3d;transform:translate3d(var(--x,0),var(--y,0),var(--z,0)) rotateY(var(--ry,0)) rotateX(var(--rx,0)) rotateZ(var(--rz,0));animation:c3d-suz 7s ease-in-out infinite}
.c3d-yuz{position:absolute;backface-visibility:hidden}
.c3d-on{background:#121a17;border-radius:var(--r,26px);padding:var(--bez,8px);box-shadow:inset 0 0 0 1.5px #2e3a35}
.c3d-on img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:calc(var(--r,26px) - var(--bez,8px));display:block}
.c3d-arka{background:linear-gradient(135deg,#27332e,#141c19);border-radius:var(--r,26px)}
.c3d-yan{background:linear-gradient(180deg,#39463f,#1a231f);border-radius:4px}
.c3d-ust{background:linear-gradient(90deg,#46544c,#232d29)}
.c3d-golge{position:absolute;left:50%;top:50%;width:560px;height:90px;margin-left:-280px;border-radius:50%;background:radial-gradient(closest-side,rgba(10,30,24,.45),transparent);transform:translate3d(0,230px,-120px) rotateX(90deg) scale(var(--olcek,1));filter:blur(6px);pointer-events:none}
@keyframes c3d-suz{0%,100%{translate:0 0 0}50%{translate:0 -14px 18px}}
@media (prefers-reduced-motion:reduce){.c3d-kutu{animation:none}}

/* Ana sayfa: 11. sınıf paketi tanıtım bandı */
.f11-vitrin{position:relative;overflow:hidden;margin:6px 0 30px;border-radius:30px;background:radial-gradient(120% 140% at 85% 20%,#2f6b56 0%,#214e41 45%,#173a30 100%);color:#fff;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:520px}
.f11-vitrin::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(217,237,175,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(217,237,175,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(80% 90% at 75% 50%,#000,transparent);pointer-events:none}
.f11-metin{position:relative;padding:52px 0 52px 56px;z-index:2}
.f11-rozet{display:inline-flex;align-items:center;gap:8px;background:#e9be64;color:#1c2522;font-size:11px;font-weight:800;letter-spacing:.12em;padding:7px 14px;border-radius:999px;text-transform:uppercase}
.f11-rozet i{width:7px;height:7px;border-radius:50%;background:#c16b4b;box-shadow:0 0 0 0 rgba(193,107,75,.7);animation:f11-nabiz 1.8s infinite}
@keyframes f11-nabiz{70%{box-shadow:0 0 0 9px rgba(193,107,75,0)}100%{box-shadow:0 0 0 0 rgba(193,107,75,0)}}
.f11-vitrin h2{color:#fff;font-size:clamp(34px,3.8vw,54px);margin:18px 0 0;letter-spacing:-.045em}
.f11-vitrin h2 em{color:#e9be64}
.f11-vitrin p.f11-alt{color:#dbe7df;font-size:16px;line-height:1.65;margin:18px 0 22px;max-width:470px}
.f11-liste{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0 0 26px;padding:0;list-style:none;max-width:500px}
.f11-liste li{position:relative;padding-left:24px;font-size:14px;color:#eef4ef;font-weight:600}
.f11-liste li::before{content:'';position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:4px;background:#d9edaf}
.f11-alim{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.f11-fiyat{display:flex;flex-direction:column;line-height:1.1;margin-right:6px}
.f11-fiyat strong{font-size:38px;letter-spacing:-.04em;color:#fff}
.f11-fiyat small{font-size:12px;color:#b9cfc4}
.f11-btn{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;font-weight:700;font-size:15px}
.f11-btn-ana{background:#e9be64;color:#1c2522}
.f11-btn-ana:hover{background:#f2cd7d}
.f11-btn-cizgi{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.f11-btn-cizgi:hover{background:rgba(255,255,255,.08)}
.f11-sahne{height:520px}
@media (max-width:980px){
  .f11-vitrin{grid-template-columns:1fr;min-height:0}
  .f11-metin{padding:36px 28px 8px}
  .f11-sahne{height:400px;margin-top:-10px}
}
@media (max-width:600px){
  .f11-vitrin{border-radius:22px;margin-inline:-4px}
  .f11-metin{padding:30px 20px 4px}
  .f11-liste{grid-template-columns:1fr}
  .f11-sahne{height:360px}
  .f11-sahne .c3d-mobil-gizle{display:none}
  .f11-sahne .c3d-tas{margin-left:-6px;margin-top:6px}
  .f11-fiyat strong{font-size:32px}
}