:root{
--bg: #000;
--ink: #f3f3f3;
--muted: rgba(243,243,243,.72);
--muted2: rgba(243,243,243,.58);
--line: rgba(243,243,243,.12);
--accent: #d7c07a; --accent2:#bfa85f; --radius: 20px;
--radius-pill: 999px;
--shadow: 0 16px 40px rgba(0,0,0,.35);
--shadow-soft: 0 10px 24px rgba(0,0,0,.25);
--focus: 0 0 0 .25rem rgba(215,192,122,.25); --overlay-alpha: 0.58; --overlay-blur: 10px; } html, body{ height:100%; }
body{
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
background: var(--bg);
color: var(--ink);
letter-spacing: .2px;
padding-top: 86px; } h1,h2,h3,.serif{
font-family: "Playfair Display", Georgia, "Times New Roman", serif;
letter-spacing: .2px;
}
p{ margin-bottom: 1rem; } a{ color: inherit; text-decoration: none; }
a:hover{ color: var(--accent); } a:focus, button:focus, input:focus, textarea:focus, select:focus,
.btn:focus, .form-control:focus{
outline: none;
box-shadow: var(--focus) !important;
} ::selection{ background: rgba(215,192,122,.25); } img{ max-width:100%; height:auto; }  body.yn-bg{
background: url(//ynlbpco.com/images/ynlbp%20image%20psd.png) center center / cover no-repeat fixed;
} body.yn-bg::before{
content:"";
position: fixed;
inset: 0;
z-index: 0;
background: rgba(0,0,0,var(--overlay-alpha));
backdrop-filter: blur(var(--overlay-blur));
-webkit-backdrop-filter: blur(var(--overlay-blur));
pointer-events: none;
} body.yn-bg > *{
position: relative;
z-index: 1;
} body:not(.yn-bg){
background: #000;
} .navbar{
background: rgba(0,0,0,0.20) !important; border: 1px solid rgba(255,255,255,0.08) !important;
box-shadow: none !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
} header, .site-header{
border: none !important;
background: transparent !important;
} .navbar .nav-link{
font-family: 'Inter', sans-serif !important;
font-weight: 500 !important;
font-size: 15px !important;
letter-spacing: .6px !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.92) !important;
padding: 10px 16px !important;
}
.navbar .nav-link:hover{
color: #fff !important;
text-shadow: 0 0 10px rgba(255,255,255,0.20);
} .navbar-nav{ align-items:center; } @media (max-width: 768px){
.navbar .nav-link{
padding: 12px 0 !important;
font-size: 14px !important;
}
} #joinDropdown { position: relative; }
#joinDropdown .dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
} #joinDropdown:hover .dropdown-menu,
#joinDropdown:focus-within .dropdown-menu {
display: block;
} #joinDropdown > .dropdown-toggle {
background: none;
border: 0;
padding: 0;
cursor: pointer;
} .nav-item.dropdown { position: relative; }
.dropdown-toggle {
background: none;
border: 0;
cursor: pointer;
font: inherit;
color: inherit;
display: inline-flex;
align-items: center;
gap: 0.35rem;
} .dropdown-menu {
position: absolute;
top: calc(100% + 10px);
left: 0;
min-width: 220px;
padding: 0.5rem 0;
margin: 0;
list-style: none;
border-radius: 10px;
background: #111;
border: 1px solid rgba(255,255,255,0.12);
box-shadow: 0 16px 30px rgba(0,0,0,0.35);
display: none;
z-index: 9999;
}
.dropdown-link {
display: block;
padding: 0.65rem 0.9rem;
text-decoration: none;
color: #fff;
white-space: nowrap;
}
.dropdown-link:hover,
.dropdown-link:focus {
background: rgba(255,255,255,0.08);
outline: none;
} .nav-item.dropdown.open > .dropdown-menu { display: block; } @media (hover: hover) {
.nav-item.dropdown:hover > .dropdown-menu { display: block; }
} .section{
padding: 4.5rem 0;
border-bottom: 1px solid var(--line);
background: transparent !important; }
.hero{
min-height: 52vh;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
border-bottom: 1px solid var(--line);
background: transparent !important; }
.hero > .container{ position:relative; z-index:2; }
.hero-center{ text-align:center !important; }
.kicker{
color: var(--accent);
text-transform: uppercase;
letter-spacing: .22em;
font-size:.78rem;
}
.lead-muted{
color: var(--muted);
max-width: 52rem;
margin-left:auto;
margin-right:auto;
} .divider-title{
color: rgba(243,243,243,.85);
letter-spacing: .18em;
text-transform: uppercase;
font-size: .82rem;
}
.fineprint{
color: rgba(243,243,243,.55);
font-size: .85rem;
line-height: 1.6;
letter-spacing: .04em;
} .card-lux,
.video-frame,
.strip,
.featured-episode{
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
} .video-frame{
border-radius: var(--radius);
overflow:hidden;
}
.video-frame iframe{
border:0;
border-radius: 12px;
box-shadow: 0 25px 60px rgba(0,0,0,.55);
} .strip{
padding: 1.25rem 0;
}
.strip .item{
color: rgba(243,243,243,.82);
} @media (max-width: 575.98px){
.section{ padding: 3.25rem 0; }
.hero{ min-height: 58vh; }
} .btn{
font-weight: 650;
border-radius: var(--radius-pill);
transition: transform .15s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
letter-spacing: .02em;
}
.btn:active{ transform: translateY(1px); } a.btn.btn-lux,
button.btn.btn-lux,
input.btn.btn-lux{
background-color: #b9975b !important;
border: 1px solid #b9975b !important;
color: #000 !important;
border-radius: 999px !important;
font-weight: 700;
letter-spacing: .4px;
padding: 12px 28px;
line-height: 1.2;
}
a.btn.btn-lux:hover,
button.btn.btn-lux:hover,
input.btn.btn-lux:hover,
a.btn.btn-lux:focus,
button.btn.btn-lux:focus,
input.btn.btn-lux:focus{
background-color: #d4b36f !important;
border-color: #d4b36f !important;
color: #000 !important;
box-shadow: none !important;
} .btn-ghost{
border: 1px solid rgba(215,192,122,.55);
color: var(--ink);
background: transparent;
padding: .85rem 1.2rem;
}
.btn-ghost:hover{
border-color: var(--accent);
background: rgba(215,192,122,.14);
color: var(--ink);
}
a.btn, button.btn, input.btn, a.ynlbpc-buy-now{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
} a.ynlbpc-buy-now{
position: fixed;
right: 100px;
bottom: 22px;
z-index: 9999;
text-decoration:none;
}
a.ynlbpc-buy-now:hover{ transform: translateY(-2px); } @media (min-width: 769px){
a.ynlbpc-buy-now{ min-width:160px; padding:12px 28px; }
} @media (max-width: 768px){
a.ynlbpc-buy-now{
left: 50% !important;
right: auto !important;
bottom: 12px;
transform: translateX(-50%) !important;
min-width: 140px;
padding: 10px 22px;
font-size: 14px;
width: auto !important;
}
} input, select, textarea{
background:#000 !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.18) !important;
border-radius: 14px;
}
input::placeholder, textarea::placeholder{ color:#aaa !important; }  .wc-block-components-checkout,
.wc-block-components-sidebar,
.wc-block-checkout__sidebar,
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper{
background: transparent !important;
color: var(--ink) !important;
} .wc-block-components-panel,
.wc-block-components-totals-item,
.wc-block-components-order-summary-item,
.wc-block-components-order-summary__content{
background: transparent !important;
border-color: rgba(255,255,255,.12) !important;
box-shadow: none !important;
} .wc-block-components-totals-item,
.wc-block-components-order-summary-item{
border-bottom: 1px solid rgba(255,255,255,.10) !important;
} .wc-block-components-formatted-money-amount{
color: #fff !important;
} .wc-block-components-button{
border-radius: 999px !important;
font-weight: 800 !important;
} .wc-block-components-button.wp-element-button{
background: #b9975b !important;
color: #000 !important;
border: 1px solid #b9975b !important;
}
.wc-block-components-button.wp-element-button:hover{
background: #d4b36f !important;
border-color: #d4b36f !important;
} .wc-block-components-totals-coupon{ display:none !important; }  :root{
--yn-wrapper-alpha: 0.80 } body{
background: transparent !important;
} body::before{
content:"";
position: fixed;
inset: 0;
z-index: -2;
background-image: url(https://ynlbpco.com/images/ynlbp%20image%20psd.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
transform: translateZ(0);
} body::after{
content:"";
position: fixed;
inset: 0;
z-index: -1;
background: rgba(0,0,0,var(--yn-wrapper-alpha));
} .section,
.hero,
.strip,
.featured-episode{
border-top: none !important;
border-bottom: none !important;
} .ynlbpc-member-bar{
width: 100%;
padding: 10px 16px;
background: rgba(0,0,0,0.55);
border-top: 1px solid rgba(215,192,122,0.35);
border-bottom: 1px solid rgba(215,192,122,0.35);
font-size: 14px;
letter-spacing: .3px;
color: rgba(255,255,255,0.92);
}
.ynlbpc-member-badge{
display: inline-block;
background: linear-gradient(135deg,#d7c07a,#bfa85f);
color: #000;
font-weight: 700;
padding: 4px 10px;
border-radius: 999px;
margin-right: 10px;
font-size: 12px;
}
.ynlbpc-member-link{
margin-left: 10px;
color: #d7c07a;
font-weight: 600;
text-decoration: none;
}
.ynlbpc-member-link:hover{
color: #fff;
text-decoration: underline;
}
.yn-thankyou-wrapper{
text-align:center;
max-width:700px;
margin:0 auto;
padding:40px 20px;
}
.yn-membership-message{
margin-top:30px;
padding:28px;
border:1px solid rgba(215,192,122,.35);
border-radius:14px;
background:rgba(0,0,0,.35);
}
.yn-membership-title{
font-family:"Playfair Display", serif;
color:#d7c07a;
font-size:26px;
margin-bottom:15px;
}
.yn-membership-text{
color:#ffffff;
font-size:16px;
margin-bottom:15px;
}
.yn-benefits-list{
list-style:none;
padding:0;
margin:20px 0;
}
.yn-benefits-list li{
color:#d7c07a;
font-size:17px;
margin-bottom:10px;
font-weight:500;
}
.yn-membership-expire{
margin-top:20px;
font-size:15px;
color:#cccccc;
}
.yn-cta-row{
margin-top:18px;
display:flex;
justify-content:center;
}
a.yn-shop-again{
min-width: 200px;
text-align:center;
} .yn-coupon-box{
margin-top:16px;
padding:18px;
border:1px solid rgba(215,192,122,.45);
border-radius:14px;
background:rgba(0,0,0,.45);
}
.yn-coupon-label{
color: rgba(255,255,255,.75);
letter-spacing:.12em;
text-transform:uppercase;
font-size:12px;
margin-bottom:10px;
}
.yn-coupon-code{
font-family: "Playfair Display", serif;
font-size: 28px;
color: #d7c07a;
font-weight: 700;
letter-spacing: .08em;
padding: 10px 12px;
border-radius: 12px;
border: 1px dashed rgba(215,192,122,.55);
display:inline-block;
}
.yn-coupon-meta{
margin-top:10px;
color: rgba(255,255,255,.70);
font-size: 14px;
}  .yn-membership-form{
max-width: 520px;
margin: 0 auto;
} .yn-membership-form .row{
margin-left: 0 !important;
margin-right: 0 !important;
} .yn-membership-form .form-label{
display: block;
margin-bottom: 6px;
font-weight: 600;
letter-spacing: .02em;
color: rgba(243,243,243,.90);
} .yn-membership-form .form-control{
width: 100% !important;
max-width: 520px;
padding: 12px 14px;
border-radius: 14px;
} .yn-membership-form .form-control::placeholder{
color: rgba(243,243,243,.45) !important;
} .yn-membership-form .btn.btn-lux{
min-width: 220px;
} .yn-membership-form .fineprint{
flex: 1 1 260px;
margin-top: 4px;
} .ynlbpc-membership-card{
max-width: 520px;
margin: 0 auto 18px auto;
padding: 18px 18px;
border-radius: 18px;
border: 1px solid rgba(255,255,255,.10);
background: rgba(0,0,0,.35);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.ynlbpc-membership-card h2{
margin: 0 0 6px 0;
font-family: "Playfair Display", serif;
letter-spacing: .01em;
}
.ynlbpc-membership-card p{
margin: 0;
color: rgba(243,243,243,.72);
line-height: 1.5;
} @media (max-width: 575.98px){
.yn-membership-form,
.ynlbpc-membership-card{
max-width: 92vw;
}
.yn-membership-form .btn.btn-lux{
width: 100%;
}
} .yn-membership-wrap{
width: 100%;
max-width: 560px;
margin: 40px auto;
display: flex;
flex-direction: column;
align-items: stretch;
} .yn-membership-card{
width: 100%;
margin-bottom: 20px;
text-align: left;
} .yn-membership-form{
width: 100%;
} .yn-membership-form .form-control{
width: 100%;
} .yn-membership-form .form-label{
margin-bottom: 6px;
font-weight: 600;
}
.yn-membership-form .btn{
margin-top: 10px;
} .ynlbpc-member-bar {
background: transparent !important;
background-color: transparent !important;
border: none !important;
border-top: none !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
box-shadow: none !important;
padding: 12px 0;
} .ynlbpc-member-badge {
background: transparent !important;
border: none !important;
box-shadow: none !important;
} .ynlbpc-member-bar {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 18px;
text-align: center;
margin: 28px auto 36px auto;
font-family: "Playfair Display", Georgia, serif;
letter-spacing: .3px;
} .ynlbpc-member-badge {
color: #d7c07a !important;
font-size: 22px;
font-weight: 700;
letter-spacing: .6px;
} .ynlbpc-member-text {
color: rgba(255,255,255,0.92);
font-size: 17px;
font-weight: 500;
} .ynlbpc-member-link {
color: #d7c07a !important;
font-size: 17px;
font-weight: 700;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid rgba(215,192,122,0.45);
transition: all .25s ease;
} .ynlbpc-member-link:hover {
color: #f2dc9b !important;
border-bottom: 1px solid #f2dc9b;
text-shadow: 0 0 8px rgba(215,192,122,0.25);
} @media (max-width: 768px) {
.ynlbpc-member-bar {
flex-direction: column;
gap: 8px;
}
.ynlbpc-member-badge {
font-size: 20px;
}
.ynlbpc-member-text,
.ynlbpc-member-link {
font-size: 16px;
}
} .ynlbpc-member-bar { display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
max-width: 1000px;
margin: 28px auto 36px auto;
padding: 10px 20px;
text-align: center; font-family: "Playfair Display", Georgia, serif;
letter-spacing: .35px; background: transparent;
border: none;
box-shadow: none;
} .ynlbpc-member-badge {
color: var(--accent);
font-size: 22px;
font-weight: 700;
letter-spacing: .6px;
} .ynlbpc-member-text {
color: rgba(255,255,255,0.92);
font-family: Inter, system-ui, sans-serif;
font-size: 17px;
font-weight: 500;
} .ynlbpc-member-link {
color: var(--accent);
font-family: Inter, system-ui, sans-serif;
font-size: 17px;
font-weight: 700;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid rgba(215,192,122,0.45);
transition: all .25s ease;
} .ynlbpc-member-link:hover {
color: #f2dc9b;
border-bottom: 1px solid #f2dc9b;
text-shadow: 0 0 8px rgba(215,192,122,0.25);
} .ynlbpc-member-bar::before {
content: "";
display: block;
width: 120px;
height: 1px;
background: linear-gradient(
90deg,
transparent,
rgba(215,192,122,.6),
transparent
);
margin: 0 auto 14px auto;
} @media (max-width: 768px) {
.ynlbpc-member-bar {
flex-direction: column;
gap: 6px;
margin: 22px auto 28px auto;
}
.ynlbpc-member-badge {
font-size: 19px;
}
.ynlbpc-member-text,
.ynlbpc-member-link {
font-size: 15.5px;
}
} .ynlbpc-member-bar{
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
gap: 12px !important;
}
.ynlbpc-member-badge,
.ynlbpc-member-text,
.ynlbpc-member-link{
display: inline !important;
white-space: nowrap !important;
} .yn-member-thanks-wrap{
max-width: 980px;
margin: 0 auto;
padding: 24px 16px;
color: #fff;
}
.yn-member-thanks-title{
font-size: 28px;
font-weight: 900;
letter-spacing: .3px;
text-align: center;
margin: 10px 0 6px;
}
.yn-member-thanks-sub{
text-align: center;
opacity: .9;
margin: 0 0 18px;
}
.yn-coupon-card{
margin: 0 auto 16px;
max-width: 760px;
border-radius: 18px;
padding: 18px;
background: rgba(255,255,255,.06);
box-shadow: 0 20px 50px rgba(0,0,0,.55);
}
.yn-coupon-top{
display:flex;
align-items:center;
justify-content:space-between;
gap: 10px;
margin-bottom: 14px;
}
.yn-coupon-badge{
font-weight: 900;
letter-spacing: .14em;
font-size: 12px;
opacity: .9;
}
.yn-coupon-off{
font-weight: 1000;
font-size: 22px;
color: #d4af37; }
.yn-coupon-label{
font-weight: 800;
opacity: .9;
margin-bottom: 6px;
}
.yn-coupon-code{
font-weight: 1000;
font-size: 26px;
letter-spacing: .08em;
color: #d4af37; padding: 10px 12px;
border-radius: 14px;
background: rgba(0,0,0,.35);
display: inline-block;
max-width: 100%;
overflow-wrap: anywhere;
}
.yn-coupon-code.yn-muted{
color: rgba(255,255,255,.65);
letter-spacing: normal;
font-size: 16px;
}
.yn-coupon-meta{
margin-top: 10px;
opacity: .8;
font-size: 13px;
}
.yn-coupon-actions{
display:flex;
justify-content:center;
gap: 10px;
margin-top: 14px;
flex-wrap: wrap;
}
.yn-member-next{
display:flex;
justify-content:center;
margin-top: 12px;
}
.yn-member-disclaimer{
max-width: 760px;
margin: 18px auto 0;
padding: 14px 16px;
border-radius: 16px;
background: rgba(255,255,255,.04);
}
.yn-member-disclaimer h3{
margin: 0 0 8px;
font-size: 14px;
letter-spacing: .06em;
text-transform: uppercase;
opacity: .95;
}
.yn-member-disclaimer p{
margin: 0;
font-size: 13px;
line-height: 1.55;
opacity: .85;
} @media print{
body * { visibility: hidden !important; }
#ynCouponCard, #ynCouponCard * { visibility: visible !important; }
#ynCouponCard{
position: fixed;
left: 0;
top: 0;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
box-shadow: none !important;
background: #fff !important;
color: #000 !important;
}
.yn-coupon-code{ background:#fff !important; color:#000 !important; border: 1px solid #000 !important; }
.yn-coupon-off{ color:#000 !important; }
.yn-coupon-actions{ display:none !important; }
}
.yn-resend-form { display:inline-block; margin:0; }
.yn-resend-form button { white-space: nowrap; } .yn-member-thanks-wrap{
max-width: 980px;
margin: 0 auto;
padding: 18px 16px 40px;
}
.yn-member-thanks-title{
margin: 0 0 8px;
font-weight: 900;
letter-spacing: .3px;
}
.yn-member-thanks-sub{
margin: 0 0 16px;
opacity: .88;
}
.yn-coupon-card{
border-radius: 18px;
padding: 18px;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 18px 40px rgba(0,0,0,.55);
}
.yn-coupon-top{
display:flex;
align-items:center;
justify-content:space-between;
gap: 12px;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid rgba(255,255,255,.10);
}
.yn-coupon-badge{
font-weight: 900;
letter-spacing: .22em;
font-size: 12px;
opacity: .9;
}
.yn-coupon-off{
font-weight: 1000;
font-size: 26px;
letter-spacing: .06em;
}
.yn-coupon-label{
font-weight: 800;
opacity: .9;
margin-bottom: 6px;
}
.yn-coupon-code{
font-size: 22px;
font-weight: 1000;
letter-spacing: .10em;
padding: 12px 14px;
border-radius: 14px;
background: rgba(0,0,0,.35);
border: 1px dashed rgba(255,255,255,.22);
display: inline-block;
}
.yn-coupon-code.yn-muted{
opacity: .75;
letter-spacing: .02em;
font-weight: 700;
font-size: 16px;
}
.yn-coupon-meta{
margin-top: 10px;
font-size: 13px;
opacity: .8;
}
.yn-coupon-actions{
display:flex;
flex-wrap:wrap;
gap: 10px;
margin-top: 14px;
align-items:center;
}
.yn-resend-form{ margin:0; }
.yn-member-video{
margin-top: 18px;
}
.yn-member-video-frame{
max-width: 960px;
margin: 0 auto;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 18px 40px rgba(0,0,0,.55);
border: 1px solid rgba(255,255,255,.10);
} @media print {
body{
background: #fff !important;
color: #000 !important;
}
.yn-coupon-actions,
.yn-member-video,
.site-footer,
.navbar,
.btn,
a{
display: none !important;
}
.yn-coupon-card{
background: #fff !important;
border: 2px solid #000 !important;
box-shadow: none !important;
}
.yn-coupon-code{
background: #fff !important;
color: #000 !important;
border: 2px dashed #000 !important;
}
}
.position-relative { position: relative; }
.toggle-password{
position:absolute;
right:14px;
top:50%;
transform:translateY(-50%);
border:0;
background:transparent;
padding:0;
cursor:pointer;
z-index:5; font-size:18px;
line-height:1;
opacity:.8;
}
.toggle-password:hover{ opacity:1; } .yn-welcome{
padding: 18px 18px 16px;
border-radius: 14px;
border: 1px solid rgba(255,255,255,.10);
background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
box-shadow: 0 10px 26px rgba(0,0,0,.22);
}
.yn-welcome__title{
font-family: "Playfair Display", serif;
font-weight: 700;
letter-spacing: .2px;
font-size: 1.25rem;
margin-bottom: 8px;
}
.yn-welcome__name{
display: inline-block;
padding: 2px 10px;
border-radius: 999px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.10);
}
.yn-welcome__copy{
margin: 0;
font-family: "Inter", sans-serif;
font-size: 1rem;
line-height: 1.6;
color: rgba(255,255,255,.82);
}
.yn-welcome__copy strong{
color: rgba(255,255,255,.95);
font-weight: 700;
}
.yn-welcome__note{
margin-top: 12px;
padding: 10px 12px;
border-radius: 12px;
font-family: "Inter", sans-serif;
font-size: .95rem;
line-height: 1.4;
color: rgba(255,255,255,.88);
background: rgba(0,0,0,.28);
border: 1px dashed rgba(255,255,255,.18);
}
.yn-btn-shop{
display:inline-block;
padding: 14px 34px;
border-radius: 999px;
font-weight: 700;
letter-spacing: .4px;
text-decoration:none !important;
box-shadow: 0 10px 26px rgba(0,0,0,.28);
transition: transform .2s ease, box-shadow .2s ease;
}
.yn-btn-shop:hover{
transform: translateY(-2px);
box-shadow: 0 14px 34px rgba(0,0,0,.36);
}
@media (max-width: 576px){
.yn-welcome{ padding: 14px; }
.yn-welcome__title{ font-size: 1.15rem; }
.yn-welcome__copy{ font-size: .98rem; }
} .yn-card {
background: rgba(255,255,255,.03);
border: 1px solid rgba(255,255,255,.10);
border-radius: 16px;
padding: 22px;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 16px 40px rgba(0,0,0,.35);
}
.yn-card__header {
padding-bottom: 14px;
margin-bottom: 16px;
border-bottom: 1px solid rgba(255,255,255,.10);
}
.yn-card__title {
margin: 0 0 6px;
font-size: 1.35rem;
letter-spacing: .02em;
line-height: 1.2;
color: rgba(255,255,255,.95);
}
.yn-card__subtitle {
margin: 0;
font-size: .95rem;
color: rgba(255,255,255,.65);
}
.yn-card__lead {
margin: 0 0 10px;
font-size: 1.02rem;
line-height: 1.65;
color: rgba(255,255,255,.86);
}
.yn-name {
color: rgba(255,255,255,.98);
font-weight: 800;
}
.yn-card__copy {
margin: 0 0 14px;
font-size: .98rem;
line-height: 1.75;
color: rgba(255,255,255,.78);
} .yn-note {
background: rgba(225,29,46,.08);
border: 1px solid rgba(225,29,46,.30);
border-radius: 14px;
padding: 14px 14px 12px;
}
.yn-note__title {
font-weight: 900;
letter-spacing: .02em;
margin: 0 0 8px;
color: rgba(255,255,255,.95);
}
.yn-note__list {
margin: 0;
padding-left: 18px;
color: rgba(255,255,255,.82);
line-height: 1.7;
font-size: .95rem;
}
.yn-note__list li {
margin: 6px 0;
} @media (max-width: 520px) {
.yn-card { padding: 16px; border-radius: 14px; }
.yn-card__title { font-size: 1.2rem; }
} .yn-logo-strip{
padding: 14px 0 10px;
margin-top: 86px; }
.yn-logo-row{
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: center;
}
.yn-logo-link{
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.team-logo{
width: 95px !important;
height: 95px !important;
object-fit: contain !important;
opacity: .92;
filter: grayscale(12%);
transition: transform .18s ease, opacity .18s ease, filter .18s ease;
}
.yn-logo-link:hover .team-logo{
transform: scale(1.10);
opacity: 1;
filter: grayscale(0%);
}
@media (max-width: 768px){
.team-logo{
width: 72px !important;
height: 72px !important;
}
} .yn-logo-strip{
padding: 10px 0 12px;
margin-top: 10px;
}
.yn-logo-head{
text-align: center;
margin-bottom: 10px;
}
.yn-logo-h1{
margin: 0 0 6px;
font-family: "Playfair Display", Georgia, serif;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
font-size: clamp(18px, 2.1vw, 34px);
line-height: 1.15;
white-space: nowrap; }
.yn-logo-h2{
margin: 0;
font-family: "Playfair Display", Georgia, serif;
font-weight: 600;
font-size: clamp(14px, 1.35vw, 20px);
line-height: 1.25;
color: rgba(255,255,255,.82);
} .yn-logo-row{
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 18px;
} @media (max-width: 992px){
.yn-logo-row{
justify-content: flex-start;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 6px 10px 10px;
scrollbar-width: thin;
}
} .yn-logo-row .team-logo{
width: 120px !important; height: 120px !important;
object-fit: contain;
opacity: .92;
filter: grayscale(12%);
transition: transform .18s ease, opacity .18s ease, filter .18s ease;
} @media (max-width: 768px){
.yn-logo-row .team-logo{
width: 90px !important; height: 90px !important;
}
} @media (max-width: 576px){
.yn-logo-row .team-logo{
width: 72px !important; height: 72px !important;
}
}
.yn-logo-link{
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.yn-logo-link:hover .team-logo{
transform: scale(1.08);
opacity: 1;
filter: grayscale(0%);
}  .yn-logo-h1{
margin: 0 0 6px;
font-family: "Playfair Display", Georgia, serif;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .04em;
line-height: 1.12;
font-size: clamp(18px, 2.2vw, 36px);
white-space: nowrap;
}
.yn-logo-h2{
margin: 0 0 10px;
font-family: "Playfair Display", Georgia, serif;
font-weight: 600;
font-size: clamp(14px, 1.35vw, 20px);
color: rgba(255,255,255,.82);
} @media (max-width: 768px){
.yn-logo-h1{ white-space: normal; }
} .yn-team-strip{
padding: 10px 0 16px;
} .yn-team-logos{
display: flex !important;
flex-wrap: nowrap !important; align-items: center !important;
justify-content: center !important;
gap: 18px !important;
} .yn-team-logos a{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
} .yn-team-logos img.team-logo{
width: 170px !important; height: 170px !important;
object-fit: contain !important;
opacity: .95;
filter: grayscale(10%);
transition: transform .18s ease, opacity .18s ease, filter .18s ease;
}
.yn-team-logos a:hover img.team-logo{
transform: scale(1.08);
opacity: 1;
filter: grayscale(0%);
} @media (max-width: 992px){
.yn-team-logos{
justify-content: flex-start !important; overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
padding: 6px 12px 10px;
}
.yn-team-logos img.team-logo{
width: 130px !important;
height: 130px !important;
}
} @media (max-width: 576px){
.yn-team-logos img.team-logo{
width: 110px !important;
height: 110px !important;
}
} .yn-member-nav .yn-member-toggle{
display:flex;
align-items:center;
gap:8px;
white-space:nowrap;
}
.yn-member-avatar{
border-radius:999px;
border:1px solid rgba(255,255,255,.22);
}
.yn-member-howdy{
opacity:.7;
font-weight:600;
}
.yn-member-name{
font-weight:800;
}
.yn-member-menu{
min-width:240px;
}
.yn-member-header{
padding:10px 14px;
}
.yn-member-title{
font-size:12px;
text-transform:uppercase;
opacity:.7;
letter-spacing:.08em;
}
.yn-member-fullname{
font-weight:900;
}
.yn-login-btn{
padding:10px 16px;
border-radius:999px;
font-weight:800;
} @media (min-width: 992px) {
.yn-member-nav .dropdown-menu {
display: none;
}
.yn-member-nav:hover > .dropdown-menu {
display: block;
}
} @media (min-width: 992px) { li.yn-member-nav {
position: relative;
} li.yn-member-nav > .dropdown-menu {
display: none;
position: absolute;
top: 100%; left: 0;
margin-top: 0; z-index: 9999;
} li.yn-member-nav:hover > .dropdown-menu,
li.yn-member-nav > .dropdown-menu:hover {
display: block;
}
} .yn-cart-nav {
position: relative;
}
.yn-cart-dropdown {
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: all 0.25s ease;
pointer-events: none;
min-width: 320px;
right: 0;
left: auto;
}
@media (min-width: 992px) {
.yn-cart-nav:hover .yn-cart-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
} .yn-cart-icon {
position: relative;
font-size: 20px;
}
.yn-cart-count {
position: absolute;
top: -8px;
right: -10px;
background: #c8102e; color: #fff;
font-size: 12px;
padding: 2px 6px;
border-radius: 50px;
font-weight: 700;
}
.navbar-nav {
align-items: center;
}
.yn-cart-nav {
margin-left: 12px;
} .teamlogos a:hover img.team-logo {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
} .teamlogos img.team-logo {
transition: transform .2s ease;
-webkit-transition: -webkit-transform .2s ease;
}  .ynlbpc-logo-ticker-zone{
position: relative;
z-index: 1; background: transparent !important;
overflow: hidden;
padding-top: 10px;
} .teamlogos-banner{
width: 100%;
overflow: hidden;
padding: 15px 0;
background: transparent !important;
} .teamlogos-track{
display: flex;
align-items: center;
width: max-content;
animation: scrollLogos 75s linear infinite;
gap: 6px; } .teamlogos-track a{
display: inline-block;
margin: 0;
padding: 0;
} .teamlogos-track img.team-logo{
display: block;
margin: 0 !important; padding: 0;
opacity: 1 !important;
visibility: visible !important;
} .teamlogos-track:hover{
animation-play-state: paused;
} @keyframes scrollLogos{
0%   { transform: translateX(0); }
100% { transform: translateX(-50%); }
} .navbar .dropdown-menu{
position: absolute;
z-index: 99999 !important;
}
.teamlogos-banner{
width: 100%;
overflow: hidden;
padding: 15px 0;
background: transparent !important;
}
.ynlbpc-logo-ticker-zone{
background: transparent !important;
position: relative;
z-index: 1; overflow: hidden;
}
.teamlogos-track{
display: flex;
align-items: center;
width: max-content;
will-change: transform;
animation: scrollLogos 35s linear infinite;
}
.teamlogos-set{
display: flex;
align-items: center;
gap: 6px; } .teamlogos-track img.team-logo{
display: block;
margin: 0 !important;
}
@keyframes scrollLogos{
0%   { transform: translateX(0); }
100% { transform: translateX(-50%); } }
.teamlogos-track:hover{
animation-play-state: paused;
} .navbar .dropdown-menu{
z-index: 99999 !important;
}
.ynlbpc-logo-ticker-zone::before,.ynlbpc-logo-ticker-zone::after{content:"";position:absolute;top:0;bottom:0;width:70px;pointer-events:none;z-index:5}
.ynlbpc-logo-ticker-zone::before{left:0;background:linear-gradient(to right, rgba(0,0,0,.85), rgba(0,0,0,0))}
.ynlbpc-logo-ticker-zone::after{right:0;background:linear-gradient(to left, rgba(0,0,0,.85), rgba(0,0,0,0))}
.ynlbpc-logo-ticker-zone{position:relative;isolation:isolate}
.teamlogos-banner{background:transparent!important}
.teamlogos-track{will-change:transform}