/* =========================================================
   HoR Product Pages — Kurs A0→A1
   WYŁĄCZNIE PREZENTACJA. Zero zmian logiki WooCommerce.
========================================================= */
body.hor-pp-course-product .hor-course {
  --course-navy: #202867;
  --course-yellow: #ffcf3f;
  --course-blue: #f4f8ff;
  --course-line: #dfe7f3;
  --course-muted: #5d6b82;
  width: min(1240px, calc(100% - 28px));
  max-width: 1240px;
  margin: 0 auto;
  color: var(--course-navy);
  font-size: 16px;
  line-height: 1.55;
}
body.hor-pp-course-product .hor-course * { box-sizing: border-box; }
body.hor-pp-course-product .hor-course svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* HERO */
body.hor-pp-course-product .hor-course__hero {
  display: grid;
  grid-template-columns: minmax(330px, 1.12fr) minmax(320px, .94fr) minmax(245px, .62fr);
  gap: 26px;
  align-items: center;
  padding: 26px;
  margin: 0 0 26px;
  border: 1px solid #e3ebf6;
  border-radius: 22px;
  background: linear-gradient(135deg, #f7fbff 0%, #ffffff 55%, #f5f9ff 100%);
  box-shadow: 0 14px 34px rgba(32,40,103,.055);
}
body.hor-pp-course-product .hor-course__visual { min-width: 0; }
body.hor-pp-course-product .hor-course__devices { position: relative; min-height: 360px; padding: 18px 36px 22px 0; }
body.hor-pp-course-product .hor-course__laptop {
  position: relative;
  width: 92%;
  padding: 9px 9px 14px;
  border: 8px solid #1d2746;
  border-bottom-width: 16px;
  border-radius: 18px 18px 12px 12px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(26,34,80,.16);
}
body.hor-pp-course-product .hor-course__laptop::after {
  content: '';
  position: absolute;
  left: -8%; right: -8%; bottom: -28px;
  height: 15px;
  border-radius: 3px 3px 13px 13px;
  background: linear-gradient(180deg,#d7dce5,#adb5c4);
  box-shadow: 0 5px 10px rgba(0,0,0,.08);
}
body.hor-pp-course-product .hor-course__camera { position: absolute; width: 5px; height: 5px; border-radius: 50%; background:#555f72; top: -6px; left: 50%; transform: translateX(-50%); }
body.hor-pp-course-product .hor-course__laptop img { display:block; width:100%; aspect-ratio: 16/10; object-fit: contain; background:#fff; }
body.hor-pp-course-product .hor-course__phone {
  position: absolute;
  right: 0; bottom: 2px;
  width: 30%;
  min-width: 112px;
  padding: 9px 5px 7px;
  border: 6px solid #202735;
  border-radius: 23px;
  background:#fff;
  box-shadow: 0 16px 30px rgba(26,34,80,.22);
  transform: rotate(1.5deg);
}
body.hor-pp-course-product .hor-course__speaker { display:block; width:34%; height:4px; margin:0 auto 7px; border-radius:999px; background:#4b5260; }
body.hor-pp-course-product .hor-course__phone img { display:block; width:100%; aspect-ratio: 9/19.5; object-fit: contain; object-position:top center; background:#fff; border-radius:14px; }
body.hor-pp-course-product .hor-course__hero-thumbs { display:flex; gap:8px; margin-top: 6px; padding-left: 4px; }
body.hor-pp-course-product .hor-course__hero-thumb { appearance:none; -webkit-appearance:none; width:86px; height:62px; margin:0; padding:4px; overflow:hidden; border:1px solid var(--course-line); border-radius:10px; background:#fff; box-shadow:0 4px 10px rgba(32,40,103,.04); cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
body.hor-pp-course-product .hor-course__hero-thumb:hover, body.hor-pp-course-product .hor-course__hero-thumb:focus-visible { transform:translateY(-2px); border-color:#e9b900; box-shadow:0 7px 16px rgba(32,40,103,.09); outline:none; }
body.hor-pp-course-product .hor-course__hero-thumb.is-active { border:2px solid var(--course-yellow); }
body.hor-pp-course-product .hor-course__hero-thumb img { display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }

body.hor-pp-course-product .hor-course__intro { min-width:0; align-self:center; }
body.hor-pp-course-product .hor-course__pill { display:inline-flex; align-items:center; min-height:31px; padding:5px 12px; border:1px solid #eed278; border-radius:999px; background:#fffdf5; color:#4a4f65; font-size:13px; font-weight:750; }
body.hor-pp-course-product .hor-course__intro h1 { margin:13px 0 9px!important; color:var(--course-navy)!important; font-size:clamp(38px,3.6vw,54px)!important; line-height:1.02!important; letter-spacing:-.045em; font-weight:900!important; }
body.hor-pp-course-product .hor-course__sublead { margin:0 0 8px; color:#4b5e7f; font-size:20px; line-height:1.35; }
body.hor-pp-course-product .hor-course__usp { margin:0 0 10px; color:var(--course-navy); font-size:17px; line-height:1.42; }
body.hor-pp-course-product .hor-course__lead { margin:0; color:#53637c; font-size:16px; line-height:1.58; }
body.hor-pp-course-product .hor-course__facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:20px; }
body.hor-pp-course-product .hor-course__facts > span { display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; min-height:98px; padding:10px 7px; border:1px solid #e0e8f4; border-radius:14px; background:#fff; text-align:center; }
body.hor-pp-course-product .hor-course__facts i { display:inline-flex; color:var(--course-navy); margin-bottom:6px; }
body.hor-pp-course-product .hor-course__facts b { font-size:14px; line-height:1.15; }
body.hor-pp-course-product .hor-course__facts small { margin-top:3px; color:#63728a; font-size:11px; line-height:1.2; }

body.hor-pp-course-product .hor-course__buy { align-self:stretch; padding:21px; border:1px solid #dce5f2; border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(32,40,103,.08); }
body.hor-pp-course-product .hor-course__buy-label { display:inline-flex; padding:7px 11px; border-radius:999px; background:var(--course-yellow); color:var(--course-navy); font-size:11px; font-weight:900; letter-spacing:.05em; }
body.hor-pp-course-product .hor-course__price { margin:17px 0 13px; color:var(--course-navy); font-size:clamp(34px,3vw,46px); line-height:1; font-weight:900; letter-spacing:-.04em; }
body.hor-pp-course-product .hor-course__price del { color:#8e9aad; font-size:.52em; font-weight:600; }
body.hor-pp-course-product .hor-course__price ins { text-decoration:none; }
body.hor-pp-course-product .hor-course__buy-copy { display:flex; flex-direction:column; gap:3px; padding:13px; margin-bottom:13px; border:1px solid #dfe7f3; border-radius:12px; background:#f7f9ff; }
body.hor-pp-course-product .hor-course__buy-copy strong { font-size:14px; }
body.hor-pp-course-product .hor-course__buy-copy span { color:#57667e; font-size:12px; line-height:1.45; }
body.hor-pp-course-product .hor-course__native-cart form.cart { display:block!important; margin:0 0 14px!important; }
body.hor-pp-course-product .hor-course__native-cart .quantity { margin:0 0 8px!important; }
body.hor-pp-course-product .hor-course__native-cart button.single_add_to_cart_button { width:100%; min-height:50px; display:flex; align-items:center; justify-content:center; border:0!important; border-radius:12px!important; background:var(--course-yellow)!important; color:var(--course-navy)!important; font-size:15px!important; font-weight:900!important; box-shadow:none!important; }
body.hor-pp-course-product .hor-course__native-cart form.cart .button,
body.hor-pp-course-product .hor-course__native-cart form.cart button.button,
body.hor-pp-course-product .hor-course__native-cart form.cart a.button { width:100%!important; max-width:none!important; min-height:50px; margin-left:0!important; margin-right:0!important; box-sizing:border-box; display:flex!important; align-items:center; justify-content:center; text-align:center; border-radius:12px!important; }
body.hor-pp-course-product .hor-course__native-cart form.cart .button + .button,
body.hor-pp-course-product .hor-course__native-cart form.cart button.button + button.button,
body.hor-pp-course-product .hor-course__native-cart form.cart .single_add_to_cart_button + .button { margin-top:10px!important; }
body.hor-pp-course-product .hor-course__stock { padding:13px; margin-bottom:14px; border:1px solid #ebcaca; border-radius:11px; background:#fff5f5; color:#913d3d; font-size:13px; }
body.hor-pp-course-product .hor-course__stock p { margin:0!important; }
body.hor-pp-course-product .hor-course__buy-list { list-style:none!important; margin:14px 0 0!important; padding:14px 0 0!important; border-top:1px solid var(--course-line); }
body.hor-pp-course-product .hor-course__buy-list li { display:flex; gap:8px; align-items:flex-start; margin:0 0 8px!important; color:#33425c; font-size:12.5px; line-height:1.38; }
body.hor-pp-course-product .hor-course__buy-list li span { flex:0 0 18px; color:var(--course-navy); }
body.hor-pp-course-product .hor-course__buy-list li svg { width:17px; height:17px; stroke-width:2.5; }
body.hor-pp-course-product .hor-course__buy-trust { display:flex; align-items:center; gap:7px; margin-top:13px; padding-top:12px; border-top:1px solid var(--course-line); color:#4d5d75; font-size:12px; }
body.hor-pp-course-product .hor-course__buy-trust svg { width:17px; height:17px; }

/* SECTIONS */
body.hor-pp-course-product .hor-course__below { padding-bottom:38px; }
body.hor-pp-course-product .hor-course__section { padding:26px 0; border-top:1px solid #edf1f7; }
body.hor-pp-course-product .hor-course__section-head { max-width:820px; margin:0 auto 19px; text-align:center; }
body.hor-pp-course-product .hor-course__section-head h2 { margin:0 0 6px!important; color:var(--course-navy)!important; font-size:31px!important; line-height:1.15!important; letter-spacing:-.025em; font-weight:900!important; }
body.hor-pp-course-product .hor-course__section-head p { margin:0; color:#63718a; font-size:15px; line-height:1.5; }

body.hor-pp-course-product .hor-course__skill-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
body.hor-pp-course-product .hor-course__skill-card { min-height:182px; padding:18px 15px; border:1px solid var(--course-line); border-radius:14px; background:#fff; box-shadow:0 6px 18px rgba(32,40,103,.035); }
body.hor-pp-course-product .hor-course__card-icon { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; margin-bottom:12px; border-radius:10px; background:#f4f7ff; color:var(--course-navy); }
body.hor-pp-course-product .hor-course__skill-card h3 { margin:0 0 7px!important; color:var(--course-navy)!important; font-size:15px!important; line-height:1.3!important; font-weight:850!important; }
body.hor-pp-course-product .hor-course__skill-card p { margin:0; color:#63718a; font-size:12.5px; line-height:1.48; }

body.hor-pp-course-product .hor-course__steps { background:linear-gradient(180deg,#fbfdff,#f6f9ff); margin-left:calc((100vw - min(1240px, calc(100vw - 28px)))/-2); margin-right:calc((100vw - min(1240px, calc(100vw - 28px)))/-2); padding-left:max(14px, calc((100vw - 1240px)/2)); padding-right:max(14px, calc((100vw - 1240px)/2)); }
body.hor-pp-course-product .hor-course__step-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
body.hor-pp-course-product .hor-course__step-card { position:relative; min-height:180px; padding:18px 14px 15px; border:1px solid var(--course-line); border-radius:14px; background:#fff; text-align:center; }
body.hor-pp-course-product .hor-course__step-no { position:absolute; top:12px; left:12px; display:flex; align-items:center; justify-content:center; width:27px; height:27px; border-radius:50%; background:#f0f3fb; color:var(--course-navy); font-size:12px; font-weight:800; }
body.hor-pp-course-product .hor-course__step-icon { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:4px auto 8px; color:var(--course-navy); }
body.hor-pp-course-product .hor-course__step-icon svg { width:30px; height:30px; }
body.hor-pp-course-product .hor-course__step-card h3 { margin:0 0 7px!important; color:var(--course-navy)!important; font-size:16px!important; font-weight:850!important; }
body.hor-pp-course-product .hor-course__step-card p { margin:0; color:#63718a; font-size:12.5px; line-height:1.48; }

body.hor-pp-course-product .hor-course__peek-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
body.hor-pp-course-product .hor-course__peek-card { height:270px; margin:0; padding:8px; overflow:hidden; border:1px solid var(--course-line); border-radius:13px; background:#fff; box-shadow:0 7px 18px rgba(32,40,103,.04); }
body.hor-pp-course-product .hor-course__peek-card img { display:block; width:100%; height:100%; object-fit:contain; border-radius:8px; background:#fff; }

body.hor-pp-course-product .hor-course__audience-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
body.hor-pp-course-product .hor-course__audience-card { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:start; min-height:132px; padding:17px; border:1px solid var(--course-line); border-radius:14px; background:#fff; }
body.hor-pp-course-product .hor-course__audience-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; background:#f4f7ff; color:var(--course-navy); }
body.hor-pp-course-product .hor-course__audience-card h3 { margin:1px 0 6px!important; color:var(--course-navy)!important; font-size:14px!important; line-height:1.3!important; font-weight:850!important; }
body.hor-pp-course-product .hor-course__audience-card p { margin:0; color:#63718a; font-size:12px; line-height:1.48; }

/* CTA */
body.hor-pp-course-product .hor-course__cta { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr); gap:28px; align-items:center; margin-top:8px; padding:26px 28px; overflow:hidden; border:1px solid #f0df9b; border-radius:18px; background:linear-gradient(100deg,#fff9e7 0%,#fffdf8 60%,#fff4c7 100%); }
body.hor-pp-course-product .hor-course__cta h2 { margin:0 0 8px!important; color:var(--course-navy)!important; font-size:28px!important; line-height:1.15!important; font-weight:900!important; }
body.hor-pp-course-product .hor-course__cta p { margin:0; color:#5e6980; font-size:13.5px; line-height:1.5; }
body.hor-pp-course-product .hor-course__cta-action { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
body.hor-pp-course-product .hor-course__cta-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 19px; border-radius:12px; background:var(--course-yellow); color:var(--course-navy)!important; text-decoration:none!important; font-size:14px; font-weight:900; box-shadow:0 6px 14px rgba(210,164,0,.16); }
body.hor-pp-course-product .hor-course__cta-trust { display:flex; align-items:center; gap:6px; color:#4e5d74; font-size:11px; }
body.hor-pp-course-product .hor-course__cta-trust svg { width:15px; height:15px; }

@media (max-width: 1050px) {
  body.hor-pp-course-product .hor-course__hero { grid-template-columns: minmax(300px,1fr) minmax(300px,1fr); }
  body.hor-pp-course-product .hor-course__buy { grid-column:1/-1; display:grid; grid-template-columns: .55fr 1fr 1fr; gap:14px; align-items:start; }
  body.hor-pp-course-product .hor-course__buy-label { grid-column:1/2; width:max-content; }
  body.hor-pp-course-product .hor-course__price { grid-column:1/2; margin:0; }
  body.hor-pp-course-product .hor-course__buy-copy { grid-column:2/3; grid-row:1/3; margin:0; }
  body.hor-pp-course-product .hor-course__native-cart, body.hor-pp-course-product .hor-course__stock { grid-column:3/4; grid-row:1/3; margin:0; }
  body.hor-pp-course-product .hor-course__buy-list { grid-column:1/3; margin-top:0!important; }
  body.hor-pp-course-product .hor-course__buy-trust { grid-column:3/4; align-self:end; }
  body.hor-pp-course-product .hor-course__skill-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.hor-pp-course-product .hor-course__audience-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  body.hor-pp-course-product .hor-course { width:calc(100% - 16px); font-size:15px; }
  body.hor-pp-course-product .hor-course__hero { grid-template-columns:1fr; gap:18px; padding:16px; border-radius:16px; }
  body.hor-pp-course-product .hor-course__devices { min-height:300px; padding-right:28px; }
  body.hor-pp-course-product .hor-course__intro h1 { font-size:39px!important; }
  body.hor-pp-course-product .hor-course__sublead { font-size:18px; }
  body.hor-pp-course-product .hor-course__facts { grid-template-columns:repeat(2,1fr); }
  body.hor-pp-course-product .hor-course__buy { grid-column:auto; display:block; padding:18px; }
  body.hor-pp-course-product .hor-course__buy-label, body.hor-pp-course-product .hor-course__price, body.hor-pp-course-product .hor-course__buy-copy, body.hor-pp-course-product .hor-course__native-cart, body.hor-pp-course-product .hor-course__stock, body.hor-pp-course-product .hor-course__buy-list, body.hor-pp-course-product .hor-course__buy-trust { display:flex; grid-column:auto; grid-row:auto; }
  body.hor-pp-course-product .hor-course__price { display:block; margin:15px 0 12px; }
  body.hor-pp-course-product .hor-course__buy-copy { flex-direction:column; margin-bottom:12px; }
  body.hor-pp-course-product .hor-course__buy-list { display:block; margin-top:14px!important; }
  body.hor-pp-course-product .hor-course__skill-grid, body.hor-pp-course-product .hor-course__step-grid, body.hor-pp-course-product .hor-course__peek-grid, body.hor-pp-course-product .hor-course__audience-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:4px; }
  body.hor-pp-course-product .hor-course__skill-card, body.hor-pp-course-product .hor-course__step-card, body.hor-pp-course-product .hor-course__peek-card, body.hor-pp-course-product .hor-course__audience-card { flex:0 0 78%; scroll-snap-align:start; }
  body.hor-pp-course-product .hor-course__section { padding:22px 0; }
  body.hor-pp-course-product .hor-course__section-head { text-align:left; }
  body.hor-pp-course-product .hor-course__section-head h2 { font-size:27px!important; }
  body.hor-pp-course-product .hor-course__steps { margin-left:-8px; margin-right:-8px; padding-left:8px; padding-right:8px; }
  body.hor-pp-course-product .hor-course__peek-card { height:230px; }
  body.hor-pp-course-product .hor-course__cta { grid-template-columns:1fr; padding:20px; }
}

@media (max-width: 430px) {
  body.hor-pp-course-product .hor-course__devices { min-height:245px; padding:8px 22px 18px 0; }
  body.hor-pp-course-product .hor-course__phone { min-width:92px; }
  body.hor-pp-course-product .hor-course__hero-thumbs { gap:5px; }
  body.hor-pp-course-product .hor-course__hero-thumb { width:68px; height:50px; }
  body.hor-pp-course-product .hor-course__intro h1 { font-size:34px!important; }
  body.hor-pp-course-product .hor-course__lead { font-size:15px; }
  body.hor-pp-course-product .hor-course__skill-card, body.hor-pp-course-product .hor-course__step-card, body.hor-pp-course-product .hor-course__peek-card, body.hor-pp-course-product .hor-course__audience-card { flex-basis:88%; }
}