:root{
  --bb-bg:#fbf8f5;
  --bb-panel:#fff;
  --bb-text:#342a25;
  --bb-muted:#81716a;
  --bb-line:#eadfd8;
  --bb-accent:#bd7256;
  --bb-accent-dark:#96523c;
  --bb-soft:#f3e8e2;
  --bb-green:#627a5b;
}

.bbud-root,
.bbud-root *{box-sizing:border-box}

.bbud-root{
  width:min(1320px,calc(100% - 32px));
  margin:42px auto 72px;
  color:var(--bb-text);
}

.bbud-layout{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) !important;
  align-items:stretch !important;
  background:var(--bb-panel);
  border:1px solid var(--bb-line);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(69,44,33,.08);
  min-height:700px;
}

.bbud-root .bbud-side{
  display:flex !important;
  flex-direction:column !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  min-width:0 !important;
  position:relative !important;
  inset:auto !important;
  padding:28px 20px 22px !important;
  margin:0 !important;
  background:linear-gradient(180deg,#f3e6df,#fbf7f4);
  border-right:1px solid var(--bb-line);
}

.bbud-user{
  display:flex;
  align-items:center;
  gap:12px;
  padding:4px 8px 24px;
}

.bbud-user-avatar img{
  display:block;
  width:52px;
  height:52px;
  border-radius:50%;
}

.bbud-user span,
.bbud-order small,
.bbud-product-row small{
  display:block;
  font-size:12px;
  color:var(--bb-muted);
}

.bbud-user strong{display:block;margin-top:2px}

.bbud-menu{
  display:grid !important;
  gap:6px;
}

.bbud-menu-link,
.bbud-logout{
  display:flex !important;
  align-items:center;
  min-height:48px;
  padding:0 14px;
  border-radius:13px;
  color:var(--bb-text)!important;
  text-decoration:none!important;
  font-weight:650;
}

.bbud-menu-link:hover{background:rgba(255,255,255,.7)}

.bbud-menu-link.is-active{
  background:#fff;
  color:var(--bb-accent-dark)!important;
  box-shadow:0 7px 24px rgba(86,58,45,.08);
}

.bbud-logout{
  margin-top:auto;
  color:#8c6658!important;
}

.bbud-main{
  min-width:0;
  padding:44px;
}

.bbud-mobile-header{display:none!important}

.bbud-heading{
  margin-bottom:30px;
}

.bbud-heading-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-end;
}

.bbud-kicker{
  display:block;
  color:var(--bb-accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.bbud-heading h1{
  margin:0 0 10px;
  font-size:clamp(32px,4vw,48px);
  line-height:1.05;
}

.bbud-heading p{
  margin:0;
  color:var(--bb-muted);
}

.bbud-courses{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.bbud-course{
  overflow:hidden;
  border:1px solid var(--bb-line);
  border-radius:20px;
  background:#fff;
}

.bbud-course-image{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#efe5df;
}

.bbud-course-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.bbud-owned{
  position:absolute;
  left:12px;
  top:12px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:var(--bb-green);
  font-size:11px;
  font-weight:800;
}

.bbud-course-copy{padding:19px}

.bbud-course-copy h3{
  margin:0 0 15px;
  font-size:19px;
  line-height:1.35;
}

.bbud-progress-copy{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  margin-bottom:7px;
  color:var(--bb-muted);
}

.bbud-progress{
  height:7px;
  margin-bottom:15px;
  border-radius:999px;
  overflow:hidden;
  background:#eee6e1;
}

.bbud-progress i{
  display:block;
  height:100%;
  background:var(--bb-accent);
  border-radius:inherit;
}

.bbud-btn,
.bbud-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 17px;
  border-radius:12px;
  text-decoration:none!important;
  font-weight:750;
  border:0;
  cursor:pointer;
}

.bbud-btn{
  background:var(--bb-accent);
  color:#fff!important;
}

.bbud-btn:hover{background:var(--bb-accent-dark)}

.bbud-btn-secondary{
  background:#fff;
  color:var(--bb-text)!important;
  border:1px solid var(--bb-line);
}

.bbud-btn-full{width:100%}

.bbud-empty{
  padding:50px 30px;
  text-align:center;
  border:1px dashed #ddcec6;
  border-radius:20px;
  background:#fcf9f7;
}

.bbud-empty h3{margin-top:0}
.bbud-empty p{color:var(--bb-muted)}

.bbud-orders{
  display:grid;
  gap:12px;
}

.bbud-order{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr auto;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border:1px solid var(--bb-line);
  border-radius:16px;
}

.bbud-order strong{display:block;margin-top:3px}

.bbud-order-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);
  gap:22px;
  align-items:start;
}

.bbud-card{
  padding:25px;
  background:#fff;
  border:1px solid var(--bb-line);
  border-radius:20px;
}

.bbud-card h3{margin-top:0}

.bbud-product-row,
.bbud-total-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:13px 0;
  border-top:1px solid var(--bb-line);
}

.bbud-product-row:first-of-type,
.bbud-total-row:first-of-type{
  border-top:0;
}

.bbud-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  max-width:820px;
}

.bbud-form-narrow{
  max-width:600px;
  grid-template-columns:1fr;
}

.bbud-form label{
  display:grid;
  gap:7px;
  font-size:13px;
  font-weight:700;
}

.bbud-form input{
  min-height:48px;
  border:1px solid #ddcfc7;
  border-radius:11px;
  padding:10px 13px;
}

.bbud-notice{
  margin-bottom:20px;
  padding:12px 15px;
  border-radius:12px;
  font-weight:700;
}

.bbud-notice.is-success{background:#edf5ea;color:#4f6b49}
.bbud-notice.is-error{background:#faece9;color:#9b4e3e}

.bbud-login{
  max-width:520px;
  margin:70px auto;
  padding:20px;
}

.bbud-login-card{
  padding:34px;
  border:1px solid var(--bb-line);
  border-radius:24px;
  box-shadow:0 20px 60px rgba(69,44,33,.08);
  background:#fff;
}

.bbud-login-card input[type=text],
.bbud-login-card input[type=password]{
  width:100%;
  min-height:48px;
  border:1px solid #ddcfc7;
  border-radius:11px;
  padding:10px 13px;
}

.bbud-login-card .button-primary{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:12px;
  background:var(--bb-accent);
  color:#fff;
}

@media(max-width:1050px){
  .bbud-courses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bbud-order{grid-template-columns:repeat(2,1fr)}
  .bbud-order .bbud-btn{grid-column:1/-1}
  .bbud-order-detail-grid{grid-template-columns:1fr}
}

@media(max-width:780px){
  .bbud-layout{
    display:block!important;
    min-height:0;
  }

  .bbud-mobile-header{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    padding:16px 18px;
    background:#fbf7f4;
    border-bottom:1px solid var(--bb-line);
  }

  .bbud-root .bbud-side{
    display:none!important;
    border-right:0;
    border-bottom:1px solid var(--bb-line);
  }

  .bbud-root .bbud-side.is-open{
    display:flex!important;
  }

  .bbud-main{padding:28px 18px 34px}
  .bbud-courses{grid-template-columns:1fr}
  .bbud-form{grid-template-columns:1fr}
  .bbud-heading-row{align-items:flex-start;flex-direction:column}
}

@media(max-width:520px){
  .bbud-order{grid-template-columns:1fr}
  .bbud-order .bbud-btn{grid-column:auto}
}




/* v1.0.6 — wyraźna etykieta dostępu */
.bbud-owned--strong{
  background:#5f7b58 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 8px 20px rgba(60,92,54,.24);
  padding:8px 12px !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.01em;
}

.bbud-course.is-owned{
  border-color:#d6e1d2;
}

.bbud-course.is-owned .bbud-btn{
  background:#6e8668;
}

.bbud-course.is-owned .bbud-btn:hover{
  background:#587052;
}