/* Rineo Digital - akcijska prodaja (bez utjecaja na postojece predloske) */
.rd-sale{background:#f7f9fb;color:#263948;padding:50px 16px 72px;font-size:16px;line-height:1.6}
.rd-sale *{box-sizing:border-box}.rd-sale-wrap{max-width:1220px;margin:0 auto}
.rd-sale-intro{max-width:940px;margin:0 0 36px}.rd-sale-intro h1{font-size:clamp(27px,4vw,42px);line-height:1.15;margin:0 0 18px;color:#203b50}
.rd-sale-intro p{font-size:17px;color:#405564}.rd-sale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.rd-sale-card{background:white;border:1px solid #dfe7ec;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px rgba(18,48,71,.06)}
.rd-sale-photo{aspect-ratio:5/4;background:#ecf0f3;width:100%;display:grid;place-items:center;overflow:hidden}
.rd-sale-photo img{display:block;width:100%;height:100%;object-fit:contain}.rd-sale-empty{color:#8b9daa;font-weight:bold;letter-spacing:.12em}
.rd-sale-cardbody{padding:24px}.rd-sale-card h2{margin:0 0 12px;font-size:25px;line-height:1.25;color:#233f54}
.rd-sale-lead{font-weight:600}.rd-sale-description{white-space:normal;margin:14px 0;color:#405564}
.rd-sale-facts{border-top:1px solid #e8edf1;margin-top:18px;padding-top:12px}.rd-sale-facts p{margin:7px 0}.rd-sale-price{font-weight:bold;font-size:25px;color:#245c8a}
.rd-sale-low{font-size:13px;color:#5e6c74}.rd-sale-btn{display:inline-block;background:#33739e;color:white!important;text-decoration:none!important;border-radius:4px;padding:11px 19px;margin-top:14px;font-weight:bold}
.rd-sale-btn:hover{background:#23597d}.rd-sale-more{margin-top:42px;max-width:1000px}.rd-sale-more h2{font-size:25px;color:#203b50;margin:26px 0 10px}
.rd-sale-noitems{padding:20px;background:white;border:1px solid #dce6eb;border-radius:5px}
@media(max-width:720px){.rd-sale-grid{grid-template-columns:1fr}.rd-sale-cardbody{padding:17px}.rd-sale{padding:30px 14px}}

/* RINEO DIGITAL - Navigacija s vecim fontom i kompaktnim jezicnim dropdownom.
   Jedini globalni CSS override; ostali moduli nepromijenjeni. */
header > .container > .lang { position: relative; z-index: 1002; flex: 0 0 auto; }
header > .container > .lang .rd-lang-menu { position: relative; font-size: 15px; }
header > .container > .lang .rd-lang-menu > summary {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  list-style: none; cursor: pointer;
  min-width: 65px; min-height: 42px; padding: 8px 10px;
  color: #244057; background: #f7f9fb; border: 1px solid #dce4e9;
  border-radius: 6px; font-size: 15px; font-weight: 600;
  line-height: 1.3; white-space: nowrap; user-select: none;
}
header > .container > .lang .rd-lang-menu > summary::-webkit-details-marker { display: none; }
header > .container > .lang .rd-lang-menu > summary::marker { content: ""; }
header > .container > .lang .rd-lang-menu > summary:hover { background: #edf3f7; }
header > .container > .lang .rd-lang-menu > summary:focus-visible { outline: 2px solid #4c85a9; outline-offset: 2px; }
header > .container > .lang .rd-lang-arrow {
  display: block; flex: 0 0 7px; width: 7px; height: 7px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); margin-top: -4px;
}
header > .container > .lang details[open] .rd-lang-arrow { transform: rotate(225deg); margin-top: 4px; }
header > .container > .lang .rd-lang-options {
  position: absolute; z-index: 1100; top: calc(100% + 8px); right: 0;
  display: block; margin: 0; padding: 5px;
  min-width: 156px; background: #fff; color: #244057;
  border: 1px solid #e0e6ec; border-radius: 7px;
  box-shadow: 0 8px 24px rgba(18,42,60,.14);
}
header > .container > .lang .rd-lang-options li { display: block; margin: 0; white-space: nowrap; }
header > .container > .lang .rd-lang-options li a {
  display: flex; justify-content: space-between; align-items: center;
  padding: 11px 12px; border-radius: 5px;
  color: #244057; text-decoration: none; font-size: 15px;
}
header > .container > .lang .rd-lang-options li a:hover,
header > .container > .lang .rd-lang-options li a:focus-visible { background: #edf3f7; }
header > .container > .lang .rd-lang-options li a[aria-current="page"] { font-weight: 700; }
header > .container > .lang .rd-lang-selected { color: #4c85a9; }
@media only screen and (min-width: 1201px) {
  header > .container > .header-logo { flex: 0 0 auto; }
  header > .container > .header-logo img { width: 14.2rem; }
  header > .container > nav { flex: 1 1 auto; min-width: 0; margin: 0 1.1rem; }
  header > .container > nav > ul {
    display: flex; flex-wrap: nowrap; justify-content: space-between;
    align-items: center; gap: 0.15rem; margin: 0;
  }
  header > .container > nav > ul > li { flex: 0 0 auto; white-space: nowrap; }
  header > .container > nav > ul > li > a {
    display: inline-block; padding: 0 0.35rem; white-space: nowrap;
    font-size: clamp(15px, 1.04vw, 16.5px);
  }
  header > .container > nav > ul > li > a.btn-header {
    margin: 0; padding: .65rem 1.1rem;
    font-size: clamp(13px, .88vw, 14px); white-space: nowrap;
  }
  header > .container > .lang { margin: 0 0 0 .3rem; }
}
@media only screen and (max-width: 1200px) {
  header > .container > .lang { margin-left: auto; margin-right: 12px; order: 2; }
  header > .container > .menu-toggle { order: 3; }
  header > .container > nav { order: 4; }
}

/* Na uskom desktopu njemacki naslovi su dulji. Umjesto smanjivanja fonta,
   prikazi postojeci mobilni izbornik malo ranije (do 1279px). */
@media only screen and (min-width: 1201px) and (max-width: 1279px) {
  header > .container > .menu-toggle { display: block; order: 3; }
  header > .container > .lang { margin-left: auto; margin-right: 12px; order: 2; }
  header > .container > nav {
    position: fixed; top: 0; right: 0; margin: 0;
    width: 330px; height: 100%; min-height: 100vh;
    background-color: #fff; z-index: 999; padding-top: 10rem;
    transform: translateX(100%); opacity: 0; visibility: hidden;
    transition: all .4s ease-in-out; order: 4;
  }
  header > .container > nav.open {
    transform: translateX(0); opacity: 1; visibility: visible;
  }
  header > .container > nav > ul { display: block; margin: 0; }
  header > .container > nav > ul > li { display: block; white-space: normal; text-align: center; }
  header > .container > nav > ul > li > a {
    display: block; padding: 1rem 2rem; text-align: center;
    font-size: 17px; white-space: normal;
  }
  header > .container > nav > ul > li > a.btn-header {
    display: inline-block; padding: .5rem 2rem; margin: 0; font-size: 14px;
  }
}

/* Faza 6C: prostor za fiksno zaglavlje - samo stranica Akcijska prodaja.
   Header ostaje nepromijenjen; povecavamo gornji razmak prodajnog sadrzaja. */
@media (min-width: 721px) {
  .rd-sale { padding-top: 110px; }
}