/* KADIRGEHT V17 — limited visual overrides, loaded AFTER earlier CSS.
   Original link-in-bio V12 design retained. This file deliberately doesn't
   style RCC workshop pages, /admin products, or native widget internals. */
:root {
  --k17-ink:#f3efe8;
  --k17-rosebeige:#d2b38a;
  --k17-amber:#c8a06a;
}
/* Product mockups: use uncropped, border-free V13 images. The cards themselves
   retain the approved V14 design. */
.cover-wrap,.product-card-media {overflow:hidden}
.cover-wrap img,.cover-wrap.bundle-mockup img,.product-card-media img {
  object-fit:contain!important;
  object-position:center!important;
  display:block;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  background:transparent!important;
}
.cover-wrap:not(.double) img {width:min(100%,520px)!important;height:auto!important;max-height:540px!important}
.product-card-media:not(.double) img {width:auto!important;max-width:100%!important;height:auto!important;max-height:258px!important}
.product-card-media {padding:17px!important;align-content:center}
/* Requested photo: a real <img> rather than a remote CSS background;
   safe local fallback if the remote URL cannot load. */
.story-art {
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  min-height:380px!important;
  padding:0!important;
  background:#11161b!important;
  border:1px solid #2a2d31;
}
.story-art .k17-story-photo {
  position:absolute!important;inset:0!important;
  display:block!important;
  width:100%!important;height:100%!important;
  max-width:none!important;
  min-height:380px!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  border:0!important;
}
/* Restore the optimized purchase button (same typography as /links). */
.btn-buy {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:15px 24px;
  color:#07090c!important;
  background:#c8a06a!important;
  border:1px solid #c8a06a!important;
  font-weight:800;
  box-shadow:0 12px 26px rgba(200,160,106,.16);
}
.btn-buy:hover,.btn-buy:focus-visible {background:#d2b38a!important;border-color:#d2b38a!important}
/* Upsells — catch attention without false urgency. Digistore24 widget itself
   is untouched: it controls payment/decline in the active purchase session. */
.upsell-body .ku-start {
  border-color:rgba(200,160,106,.45)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.32),0 0 0 1px rgba(200,160,106,.06)!important;
}
.upsell-body .ku-start h1 {text-shadow:0 8px 30px rgba(0,0,0,.30)}
.upsell-body .ku-status {border-color:rgba(200,160,106,.28)!important}
.upsell-body .ku-feature img {object-fit:contain;object-position:center;border-radius:12px}
.upsell-body .ku-offer {border-color:rgba(200,160,106,.60)!important;box-shadow:0 24px 65px rgba(0,0,0,.36),0 0 30px rgba(200,160,106,.06)!important}
.upsell-body .ku-oneclick-widget,.upsell-body .ku-widget-area {
  border:2px solid rgba(200,160,106,.48)!important;
  background:linear-gradient(135deg,#1b1c1f,#101217)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 22px rgba(200,160,106,.08)!important;
  overflow:visible!important;
}
.upsell-body digistore-upsell-button {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px auto!important;
  min-height:46px;
}
/* Styling the host does not pretend to replace an encapsulated Digistore24
   iframe/shadow button; its actual click action remains vendor-controlled. */
.upsell-body .ku-oneclick-price strong {color:#f3efe8!important}
.upsell-body .ku-step-link {min-height:54px!important;font-weight:800!important}
@media(max-width:760px) {
 .story-art,.story-art .k17-story-photo {min-height:260px!important}
 .cover-wrap:not(.double) img {max-height:390px!important}
 .upsell-body .ku-start {border-radius:18px!important}
 .upsell-body .ku-offer {border-radius:18px!important}
 .upsell-body .ku-oneclick-widget,.upsell-body .ku-widget-area {padding:13px 9px!important}
 .btn-buy {width:100%}
}
@media(max-width:380px) {
 .product-card-media img {max-height:240px!important}
 .upsell-body .ku-start h1 {font-size:clamp(35px,9vw,46px)!important}
 .upsell-body .ku-oneclick-widget,.upsell-body .ku-widget-area {padding:10px 5px!important}
}
@media(prefers-reduced-motion:reduce){.btn-buy{transition:none!important}}
