/* Soundcrow Course styles */
:root{--sc-bg:#0b0c10;--sc-bg2:#0f1117;--sc-panel:#111319;--sc-muted:#c5c5c5;--sc-white:#fff;}

.sc-course{}
.sc-container{max-width:unset;margin:0 auto;color:var(--sc-white);font-family:"Lekton",ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono",monospace;}

.sc-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px}
@media (max-width:1080px){.sc-grid{grid-template-columns:1fr;gap:36px}}

.sc-hero {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background-image: url(/wp-content/plugins/soundcrow-course/assets/bg2.png);
    min-height: 520px;
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.sc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(9,11,16,.0) 0%, rgba(9,11,16,.4) 40%, rgba(9,11,16,.8) 75%, rgba(9,11,16,1) 100%), url(var(--sc-hero)) center right/cover no-repeat;filter:saturate(.9) contrast(1.05);z-index:0}
.sc-hero__inner{position:relative;z-index:1;padding:64px clamp(18px,3vw,32px)}

.sc-muted{color:#f7c7c4}

.sc-title {
    font-family: "League Gothic", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: clamp(44px, 7.4vw, 88px);
    line-height: 0.94;
    text-transform: uppercase;
    margin: 6px 0 20px;
    max-width: 30ch;
    letter-spacing: .5px;
}
.sc-badge {
    background: var(--sc-red);
    color: #fff;
    font-family: "League Gothic";
    font-weight: 700;
    font-size: 29px;
    padding: 14px 5px;
    display: inline-flex;
    align-items: center;
    transform: rotate(-12deg);
    margin-left: .4em;
    position: relative;
    top: -75px;
    box-shadow: 0 8px 24px rgba(228, 55, 46, .35);
    left: -228px;
}
.sc-badge::before{content:"✸";margin-right:.35em}

.sc-lead{max-width:58ch;color:#d7d7d7;font-size:15px;margin:10px 0 28px}
.sc-cta-row{display:flex;align-items:center;gap:24px;margin-bottom:26px}
.sc-price{font-family:"League Gothic";font-size:clamp(48px,7vw,68px);letter-spacing:1px}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:35px;background:var(--sc-red);color:#fff;font-weight:700;box-shadow:0 10px 22px rgba(228,55,46,.35);transition:.2s ease;position:relative}
.sc-btn:hover {
    transform: translateY(-1px);
    filter: saturate(1.05);
    color: #fff;
}

.sc-features{display:grid;grid-template-columns:1fr;gap:14px;max-width:540px;margin:18px 0 0;padding:0;list-style:none}
.sc-features li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: .3px;
    font-family: League Gothic;
}
.sc-features li::before{content:"✦";color:#ffffff;font-size:22px}

.sc-right{position:relative}
.sc-ribbons{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.sc-ribbon{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;background:var(--sc-red);font-weight:700;text-transform:uppercase}

.sc-accordion{display:grid;gap:12px}
.sc-acc{background:var(--sc-red);overflow:hidden;}
.sc-acc summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:700;display:flex;align-items:center;justify-content:space-between;font-size:18px;text-transform:uppercase}
.sc-acc summary::-webkit-details-marker{display:none}
.sc-arrow{transition:transform .2s ease}
.sc-acc[open] .sc-arrow{transform:rotate(180deg)}
.sc-panel{padding:8px 22px 18px 22px;}
.sc-panel ul{margin:8px 0 0 0;padding:0 0 0 18px}
.sc-panel li{margin:6px 0}

.sc-after {
    margin-top: 26px;
    padding-top: 8px;
    color: #aeb0b8;
    font-size: 14px;
    font-family: 'Lekton';
    color: #8A8A8A;
}

.has_mayosis_dark_bg {
	max-width: unset !important;
	background: #000000 !important;
}
.page_breadcrumb {
	display: none !important;
}
.sc-success {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: var(--sc-red);
    font-weight: 700;
    text-transform: uppercase;
}

/* Loading spinner on Buy button */
.sc-btn.is-loading{opacity:.85;cursor:wait;pointer-events:none}
.sc-btn.is-loading::after{
  content:"";
  position:absolute;
  top:50%;
  right:12px;
  width:16px;
  height:16px;
  margin-top:-8px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  animation:sc-spin .8s linear infinite;
}
@keyframes sc-spin{to{transform:rotate(360deg)}}
.sc-btn:disabled{opacity:.7;cursor:not-allowed}

/* Не менять цвет текста при выделении в .sc-input */
.sc-input::selection,
input.sc-input::selection,
textarea.sc-input::selection {
  color: currentColor !important;          /* оставить тот же цвет, что у текста */
  background: rgba(255,255,255,.18);       /* можешь поставить transparent, если фон не нужен */
}

/* Firefox */
.sc-input::-moz-selection,
input.sc-input::-moz-selection,
textarea.sc-input::-moz-selection {
  color: currentColor !important;
  background: rgba(255,255,255,.18);
}

@media (max-width:740px){
	.container-fluid {
		padding: 0 !important;
	}
.sc-title {
font-size: 76px;
    max-width: 288px;
    margin: 6px 0 0px;
}
.sc-badge {
    font-size: 29px;
    top: -212px;
    left: 110px;
}
.sc-cta-row {
    display: block;
    align-items: unset;
    gap: 24px;
    margin-bottom: 26px;
    text-align: center;
}
.sc-ribbon {
    width: 100%;
}
.sc-hero__inner {
    padding: 0px clamp(18px, 3vw, 32px);
}
}