/*
Theme Name: MySin Premium v7.5
Theme URI: https://mysin.pl
Description: Clean premium MySin homepage theme based on Blocksy.
Author: MySin
Template: blocksy
Version: 7.5.6
Text Domain: mysin-premium-v7
*/

:root{
  --ms-bg:#f7f4ef;
  --ms-paper:#fffdfa;
  --ms-soft:#f0eee8;
  --ms-text:#111111;
  --ms-blue:#17283d;
  --ms-muted:#5b5d56;
  --ms-green:#27351f;
  --ms-line:rgba(17,17,17,.12);
  --ms-max:1180px;
}

body{background:var(--ms-bg);color:var(--ms-text)}
.home header#header,
.home .ct-header,
.home footer.ct-footer,
.home .entry-header,
.home .hero-section{display:none!important}
.home .site-main,.home #main{background:var(--ms-bg)}
.ct-footer .ct-footer-copyright,
footer .ct-footer-copyright,


.ms7,.ms7 *{box-sizing:border-box}
.ms7{
  background:var(--ms-bg);
  color:var(--ms-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
}
.ms7 a{color:inherit}
.ms7-wrap{max-width:var(--ms-max);margin:0 auto;padding:0 32px}
.ms7-serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.058em}

/* Header */
.ms7-header{
  background:rgba(255,253,250,.96);
  border-bottom:1px solid rgba(17,17,17,.08);
}
.ms7-header__inner{
  height:88px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:36px;
}
.ms7-logo{
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1;
  letter-spacing:-.055em;
  text-decoration:none;
}
.ms7-nav{
  display:flex;
  align-items:center;
  gap:34px;
  font-size:14px;
}
.ms7-nav a{text-decoration:none}
.ms7-contact{
  border:1px solid rgba(17,17,17,.34);
  border-radius:4px;
  padding:11px 16px;
}

/* Hero */
.ms7-hero{
  background:#f8f5f0;
  border-bottom:1px solid rgba(17,17,17,.08);
}
.ms7-hero__grid{
  display:grid;
  grid-template-columns:.74fr 1.26fr;
  gap:72px;
  align-items:center;
  min-height:640px;
}
.ms7-hero__copy{
  padding:42px 0;
}
.ms7-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--ms-blue);
  font-size:clamp(60px,7vw,94px);
  line-height:.95;
  letter-spacing:-.072em;
  margin:0 0 30px;
}
.ms7-hero p{
  max-width:455px;
  font-size:18px;
  line-height:1.68;
  margin:0 0 36px;
}
.ms7-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:15px 24px;
  border-radius:4px;
  background:var(--ms-green);
  color:#fff!important;
  text-decoration:none;
  font-weight:500;
}
.ms7-hero__visual{
  height:610px;
  background-image:url("assets/img/hero.jpg");
  background-size:cover;
  background-position:center;
}

/* Note */
.ms7-note{
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(17,17,17,.08);
}
.ms7-note .ms7-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:18px;
  padding-bottom:18px;
  color:var(--ms-muted);
  font-size:14px;
}
.ms7-shield{
  width:22px;height:22px;display:inline-block;flex:0 0 22px;
  background:var(--ms-green);
  clip-path:path("M11 1.5 L19 4.7 V10.5 C19 15.2 15.7 18.9 11 20.7 C6.3 18.9 3 15.2 3 10.5 V4.7 Z M10 13.8 L15.1 8.7 L13.9 7.5 L10 11.4 L8.1 9.5 L6.9 10.7 Z");
}

/* Sections */
.ms7-section{padding:78px 0}
.ms7-section--topics{padding-top:26px}
.ms7-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:30px;
}
.ms7 h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--ms-blue);
  font-size:clamp(36px,4vw,50px);
  line-height:1.04;
  letter-spacing:-.058em;
  margin:0 0 10px;
}
.ms7-head p,.ms7-intro{
  margin:0;
  color:#222;
}
.ms7-small-link{
  color:var(--ms-text);
  font-size:14px;
  text-decoration:none;
  white-space:nowrap;
}

/* Real visible arrow */
.ms7-arrow{
  width:36px;
  height:22px;
  display:inline-flex;
  align-items:center;
  color:var(--ms-green);
  margin-top:22px;
  transition:transform .18s ease;
}
.ms7-arrow svg{width:36px;height:14px;display:block}
.ms7-guide:hover .ms7-arrow,
.ms7-topic:hover .ms7-arrow{transform:translateX(4px)}

/* Guides */
.ms7-guides{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.ms7-guide{
  min-height:282px;
  padding:34px 28px 30px;
  border:1px solid var(--ms-line);
  background:rgba(255,255,255,.76);
  color:var(--ms-text);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.ms7-guide:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 42px rgba(17,17,17,.055);
}
.ms7-icon{
  width:38px;height:38px;margin-bottom:22px;color:var(--ms-green);
}
.ms7-guide h3{
  color:var(--ms-blue);
  font-size:23px;
  line-height:1.16;
  letter-spacing:-.03em;
  margin:0 0 14px;
}
.ms7-guide p{
  color:#333;
  line-height:1.55;
  margin:0;
}

/* Topics as proper background cards */
.ms7-topics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:30px;
}
.ms7-topic{
  display:block;
  position:relative;
  min-height:250px;
  overflow:hidden;
  border-radius:7px;
  color:var(--ms-text);
  text-decoration:none;
  background:#eee8dc;
  isolation:isolate;
}
.ms7-topic::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--topic-img);
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  transition:transform .25s ease;
}
.ms7-topic:hover::before{transform:scale(1.055)}
.ms7-topic::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(248,245,240,.95),rgba(248,245,240,.80) 39%,rgba(248,245,240,.33) 67%,rgba(248,245,240,.03));
}
.ms7-topic__body{
  position:absolute;
  left:0;
  bottom:0;
  width:60%;
  padding:34px 32px;
}
.ms7-topic h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--ms-blue);
  font-size:33px;
  line-height:1;
  letter-spacing:-.058em;
  margin:0 0 13px;
}
.ms7-topic p{
  color:#222;
  font-size:15px;
  line-height:1.45;
  margin:0;
}

/* Trust */
.ms7-trust{
  padding:0;
  background:var(--ms-soft);
  border-top:1px solid var(--ms-line);
  border-bottom:1px solid var(--ms-line);
}
.ms7-trust .ms7-wrap{padding-top:68px;padding-bottom:68px}
.ms7-trust-grid{
  display:grid;
  grid-template-columns:1.05fr repeat(3,1fr);
  gap:0;
  border-top:1px solid rgba(17,17,17,.10);
  border-bottom:1px solid rgba(17,17,17,.10);
}
.ms7-trust-title{
  display:flex;
  align-items:center;
  padding:36px 36px 36px 0;
}
.ms7-trust-title h2{margin:0}
.ms7-trust-item{
  padding:36px 32px;
  border-left:1px solid rgba(17,17,17,.12);
  background:rgba(255,255,255,.18);
}
.ms7-trust-item svg{
  width:34px;height:34px;color:var(--ms-green);margin-bottom:18px;
}
.ms7-trust-item strong{
  display:block;
  color:#111;
  margin-bottom:8px;
}
.ms7-trust-item p{
  margin:0;
  color:#333;
  line-height:1.55;
}

/* Footer */
.ms7-footer{
  padding:58px 0 38px;
}
.ms7-footer-grid{
  display:grid;
  grid-template-columns:1.5fr repeat(4,1fr);
  gap:34px;
}
.ms7-footer h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--ms-blue);
  font-size:31px;
  letter-spacing:-.058em;
  margin:0 0 16px;
}
.ms7-footer p{
  color:#333;
  line-height:1.55;
}
.ms7-footer a{
  display:block;
  text-decoration:none;
  color:var(--ms-text);
  margin:8px 0;
}

/* Woo/category polish */
.woocommerce-products-header{
  background:#f0eee8!important;
  padding:72px 24px!important;
  margin-bottom:52px!important;
  text-align:center;
}
.woocommerce-products-header__title.page-title{
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  color:var(--ms-blue)!important;
  font-size:clamp(42px,5vw,64px)!important;
  letter-spacing:-.055em!important;
  margin-bottom:18px!important;
}
.term-description{
  max-width:720px;
  margin:0 auto;
  font-size:18px;
  line-height:1.7;
}
.woocommerce-info,.woocommerce-result-count,.woocommerce-ordering{display:none!important}

@media(max-width:940px){
  .ms7-header__inner{height:auto;padding-top:20px;padding-bottom:20px;align-items:flex-start}
  .ms7-nav{flex-wrap:wrap;gap:18px}
  .ms7-hero__grid,.ms7-guides,.ms7-topics,.ms7-trust-grid,.ms7-footer-grid{grid-template-columns:1fr}
  .ms7-hero__grid{min-height:0;padding-top:54px;gap:44px}
  .ms7-hero__visual{height:430px}
  .ms7-head{display:block}
  .ms7-topic__body{width:74%}
  .ms7-trust-item{border-left:0;border-top:1px solid rgba(17,17,17,.12)}
  .ms7-trust-title{padding-right:0}
}
@media(max-width:640px){
  .ms7-wrap{padding:0 22px}
  .ms7-section{padding:54px 0}
  .ms7-hero h1{font-size:54px}
  .ms7-hero__visual{height:320px}
  .ms7-topic__body{width:100%}
}


/* =========================
   v7.1 surgical fix:
   Odkrywaj tematy readability
   ========================= */

.ms7-topic::after {
  background:
    linear-gradient(
      90deg,
      rgba(248,245,240,.97) 0%,
      rgba(248,245,240,.90) 34%,
      rgba(248,245,240,.56) 58%,
      rgba(248,245,240,.14) 100%
    ) !important;
}

.ms7-topic__body {
  z-index: 3;
}

.ms7-topic h3,
.ms7-topic p {
  opacity: 1 !important;
  color: #17283d !important;
  text-shadow: none !important;
}

.ms7-topic p {
  color: #111 !important;
}

.ms7-topic .ms7-arrow,
.ms7-topic .ms7-arrow svg {
  opacity: 1 !important;
  color: #27351f !important;
}

.ms7-topic .ms7-arrow path {
  stroke: currentColor !important;
}

.ms7-topic::before {
  opacity: .92;
}


/* =========================
   v7.3 topic cards fix
   Restore background layer; hide ghost text with a stronger left-side panel.
   ========================= */

.ms7-topic::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background-image: var(--topic-img) !important;
  background-size: cover !important;
  background-position: center right !important;
  opacity: 1 !important;
  filter: none !important;
  transform: scale(1.02);
}

.ms7-topic::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(248,245,240,1) 0%,
      rgba(248,245,240,.98) 38%,
      rgba(248,245,240,.82) 55%,
      rgba(248,245,240,.22) 78%,
      rgba(248,245,240,.04) 100%
    ) !important;
}

.ms7-topic__body {
  position: absolute !important;
  z-index: 3 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 60% !important;
  padding: 34px 32px !important;
  background: transparent !important;
}

.ms7-topic h3,
.ms7-topic p,
.ms7-topic .ms7-arrow {
  opacity: 1 !important;
  visibility: visible !important;
  color: #17283d !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.ms7-topic p {
  color: #111 !important;
}

.ms7-topic .ms7-arrow path {
  stroke: #27351f !important;
}


/* =========================
   v7.4 WP menu integration
   ========================= */

.ms7-nav ul {
  display: flex;
  align-items: center;
  gap: 34px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ms7-nav li {
  margin: 0;
  padding: 0;
}

.ms7-nav li a {
  text-decoration: none;
}

/* Last item as contact button */
.ms7-nav li:last-child > a {
  border: 1px solid rgba(17,17,17,.34);
  border-radius: 4px;
  padding: 11px 16px;
}

.ms7-nav .current-menu-item > a,
.ms7-nav .current_page_item > a {
  color: var(--ms-green);
}

@media(max-width:940px){
  .ms7-nav ul {
    flex-wrap: wrap;
    gap: 18px;
  }
}


/* =========================
   v7.5 scoped templates and global header unification
   - keep homepage shortcode layout intact
   - use the same custom MySin header on subpages
   ========================= */
body:not(.home) header#header,
body:not(.home) .ct-header,
body:not(.home) footer.ct-footer,
body:not(.home) .ct-footer,
body:not(.home) .entry-header,
body:not(.home) .hero-section {
  display: none !important;
}

body:not(.home) .site-main,
body:not(.home) #main,
body:not(.home) .ct-container-full {
  background: var(--ms-bg) !important;
}

.ms75-page {
  background: var(--ms-bg);
  color: var(--ms-text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 70vh;
}

.ms75-hero {
  background: #f0f4f7;
  border-bottom: 1px solid rgba(17,17,17,.08);
  text-align: center;
  padding: 82px 24px 74px;
}
.ms75-kicker {
  display:block;
  margin-bottom: 18px;
  color: var(--ms-blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.ms75-hero h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: var(--ms-blue);
  font-size: clamp(44px, 5vw, 78px);
  line-height: .98;
  letter-spacing: -.065em;
  max-width: 920px;
  margin: 0 auto 24px;
}
.ms75-hero p {
  max-width: 760px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.75;
  color: #2d3d52;
}
.ms75-section { padding: 72px 0; }
.ms75-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.ms75-card {
  display:flex;
  min-height: 260px;
  flex-direction: column;
  justify-content: space-between;
  padding: 34px 30px;
  background: rgba(255,255,255,.78);
  border: 1px solid var(--ms-line);
  color: var(--ms-text);
  text-decoration: none;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.ms75-card:hover { transform: translateY(-3px); background: #fffdfa; box-shadow: 0 18px 42px rgba(17,17,17,.055); }
.ms75-card h2,
.ms75-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: var(--ms-blue);
  font-size: 32px;
  line-height: 1.04;
  letter-spacing: -.055em;
  margin: 0 0 14px;
}
.ms75-card p { margin: 0; color: #333; line-height: 1.6; }
.ms75-card small { color: var(--ms-muted); }

.ms75-article {
  max-width: 820px;
  margin: 0 auto;
  padding: 72px 32px 92px;
  font-size: 18px;
  line-height: 1.85;
}
.ms75-article .wp-post-image {
  width: 100%;
  height: auto;
  display:block;
  margin: 0 0 42px;
  border-radius: 0;
}
.ms75-article h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: var(--ms-blue);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.14;
  letter-spacing: -.055em;
  margin: 2.35em 0 .75em;
}
.ms75-article h3 {
  color: var(--ms-blue);
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.25;
  margin: 1.8em 0 .65em;
}
.ms75-article p { margin: 0 0 1.35em; }
.ms75-article ul,
.ms75-article ol { margin-bottom: 1.5em; }
.ms75-article a { color: #1f5fc4; text-underline-offset: 3px; }
.ms75-article-footer { margin-top: 54px; padding-top: 28px; border-top:1px solid var(--ms-line); }
/* MySin v7.5.4 — styled article back link */
.ms75-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
  color: var(--ms-text) !important;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  padding: 12px 18px;
  border: 1px solid rgba(43,76,65,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 26px rgba(17,17,17,.035);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.ms75-back:hover {
  color: var(--ms-text) !important;
  background: #fffdfa;
  border-color: rgba(43,76,65,.32);
  transform: translateY(-1px);
}
.ms75-article-footer {
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid rgba(43,76,65,.10);
}


body.single-post #comments,
body.single-post .comments-area,
body.single-post .ct-comments,
body.single-post .comment-respond,
body.single-post .entry-meta,
body.single-post .post-meta,
body.single-post .author,
body.single-post .author-box { display:none!important; }

.ms75-shop .woocommerce-products-header { display:block!important; }
.ms75-shop-gapless .woocommerce-products-header + .term-description:empty,
.ms75-shop-gapless .woocommerce-products-header + div:empty { display:none!important; }
.woocommerce.archive .mysin-placeholder,
.woocommerce.archive .mysin-banner-placeholder,
.woocommerce.archive .category-placeholder,
.woocommerce.archive .ct-dynamic-data:empty { display:none!important; }

@media(max-width: 940px){
  .ms75-grid{grid-template-columns:1fr;}
  .ms75-hero{padding:62px 22px 54px;}
  .ms75-article{padding:54px 22px 72px; font-size:17px;}
}


/* =========================
   v7.5.2 micro patch — subpage menu colors + evergreen article cards
   Scope: custom MySin header / discover cards only. Homepage layout untouched.
   ========================= */
.ms7-header .ms7-logo,
.ms7-header .ms7-logo:visited,
.ms7-header .ms7-nav a,
.ms7-header .ms7-nav a:visited {
  color: var(--ms-blue) !important;
}

.ms7-header .ms7-nav a:hover,
.ms7-header .ms7-nav .current-menu-item > a,
.ms7-header .ms7-nav .current_page_item > a {
  color: var(--ms-green) !important;
}

.ms7-header .ms7-nav li:last-child > a {
  color: var(--ms-blue) !important;
  border-color: rgba(23,40,61,.34) !important;
}

.ms7-header .ms7-nav li:last-child > a:hover {
  color: var(--ms-green) !important;
  border-color: rgba(39,53,31,.5) !important;
}

.ms75-discover .ms75-card small {
  display: none !important;
}

/* MySin v7.5.4 — hide Woo add-to-cart CTAs on temporary site */
.woocommerce.archive ul.products li.product .button,
.woocommerce-shop ul.products li.product .button,
.post-type-archive-product ul.products li.product .button,
.tax-product_cat ul.products li.product .button,
.ms75-shop ul.products li.product .button,
.single-product form.cart,
.single-product .single_add_to_cart_button,
.single-product .quantity {
  display: none !important;
}

/* =========================
   v7.5.5 micro patch — discover SEO + article thumbnails
   Scope: /odkrywaj/ cards only. Homepage/Woo untouched.
   ========================= */
.ms75-discover .ms75-card--article {
  padding: 0;
  overflow: hidden;
  min-height: 0;
  background: rgba(255,255,255,.82);
}

.ms75-discover .ms75-card-media {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, #efe8df 0%, #d9c7bd 45%, #17283d 100%);
}

.ms75-discover .ms75-card-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .28s ease;
}

.ms75-discover .ms75-card-fallback {
  display: block;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 25% 25%, rgba(255,255,255,.42), transparent 34%),
    linear-gradient(135deg, #efe8df 0%, #d8c4ba 42%, #17283d 100%);
}

.ms75-discover .ms75-card-content {
  display: flex;
  min-height: 220px;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 28px 32px;
}

.ms75-discover .ms75-card--article:hover .ms75-card-img {
  transform: scale(1.035);
}

/* =========================
   v7.5.6 — discover pagination + related articles
   ========================= */
.ms75-pagination {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.ms75-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ms75-pagination .page-numbers li {
  margin: 0;
  padding: 0;
}

.ms75-pagination a.page-numbers,
.ms75-pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(23,40,61,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: var(--ms-blue);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.ms75-pagination a.page-numbers:hover {
  transform: translateY(-1px);
  background: #fffdfa;
  border-color: rgba(23,40,61,.34);
}

.ms75-pagination span.page-numbers.current {
  background: var(--ms-blue);
  border-color: var(--ms-blue);
  color: #fffdfa;
}

.ms75-pagination span.page-numbers.dots {
  min-width: 24px;
  padding: 0 4px;
  border-color: transparent;
  background: transparent;
}

.ms75-related {
  padding: 18px 0 92px;
  border-top: 1px solid rgba(17,17,17,.08);
}

.ms75-related-head {
  max-width: 820px;
  margin: 0 auto 34px;
  padding-top: 54px;
  text-align: center;
}

.ms75-related-head .ms75-kicker {
  margin-bottom: 14px;
}

.ms75-related-head h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.055em;
  color: var(--ms-blue);
}

.ms75-related .ms75-card--article {
  padding: 0;
  overflow: hidden;
  min-height: 0;
  background: rgba(255,255,255,.82);
}

.ms75-related .ms75-card-media {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, #efe8df 0%, #d9c7bd 45%, #17283d 100%);
}

.ms75-related .ms75-card-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .28s ease;
}

.ms75-related .ms75-card-fallback {
  display: block;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 25% 25%, rgba(255,255,255,.42), transparent 34%),
    linear-gradient(135deg, #efe8df 0%, #d8c4ba 42%, #17283d 100%);
}

.ms75-related .ms75-card-content {
  display: flex;
  min-height: 210px;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 26px 30px;
}

.ms75-related .ms75-card h3 {
  font-size: 28px;
}

.ms75-related .ms75-card--article:hover .ms75-card-img {
  transform: scale(1.035);
}

@media(max-width: 940px){
  .ms75-related { padding-bottom: 72px; }
  .ms75-related-head { padding: 46px 22px 0; }
}

.ct-footer::after {
  content: "MySin — serwis dla osób pełnoletnich (18+). Intymność po Twojemu.";
  display: block;
  text-align: center;
  padding: 14px 20px 18px;
  font-size: 13px;
  line-height: 1.5;
  color: #17283d;
  opacity: .72;
  background: #f7f4ef;
}