:root { --rp-gutter: clamp(18px, 5vw, 42px); --rp-section: clamp(62px, 10vw, 96px); }
body { font-size: 16px; }
.home .site-header { position: relative; }
h1 { font-size: clamp(45px, 9vw, 78px); }
h2 { font-size: clamp(35px, 7vw, 58px); }
.header-inner { min-height: 82px; grid-template-columns: 1fr auto; gap: 18px; }
.brand, .brand img, .brand .custom-logo { width: 125px; }
.nav-toggle { width: 48px; height: 48px; display: grid; align-content: center; gap: 6px; padding: 10px; border: 0; background: transparent; }
.nav-toggle span:not(.screen-reader-text) { height: 2px; background: var(--rp-ink); }
.primary-navigation { position: absolute; top: 82px; left: 0; right: 0; display: none; padding: 22px var(--rp-gutter) 34px; border-bottom: 1px solid var(--rp-line); background: var(--rp-paper); box-shadow: 0 18px 25px rgba(0,0,0,.08); }
.primary-navigation.is-open { display: block; }.primary-navigation .menu { display: grid; gap: 0; }.primary-navigation li { border-bottom: 1px solid var(--rp-line); }.primary-navigation a { display: block; padding: 16px 0; }
.header-cta { display: none; }
.hero { padding-top: 58px; }.hero-grid { min-height: 540px; grid-template-columns: 1fr; align-items: start; }.hero-copy { padding-right: 0; }.hero-lead { font-size: 20px; }.hero-device { min-height: 230px; }.hero-device img { width: min(720px, 92vw); right: -18vw; }
.quick-wizard { grid-template-columns: 1fr 1fr; }.quick-wizard label { min-height: 120px; padding: 20px 24px; }.quick-wizard label:nth-child(2) { border-right: 0; }.quick-wizard label b { font-size: 34px; }.wizard-submit { min-height: 84px; grid-column: 1 / -1; }
.device-chapters { grid-template-columns: 1fr; }.device-chapter { min-height: 220px; border-right: 0; border-bottom: 1px solid var(--rp-line); }.device-art { width: 34%; }.device-art-tablet, .device-art-laptop { width: 45%; }
.section-heading { align-items: start; flex-direction: column; }.service-item { grid-template-columns: 45px 48px 1fr 28px; gap: 18px; padding-inline: 10px; }.service-item strong { font-size: 24px; }.service-featured { min-height: 165px; }.service-item small { font-size: 14px; }
.review-grid { grid-template-columns: 1fr; }.review-grid article { min-height: auto; }
.courier-grid, .faq-grid, .greece-grid { grid-template-columns: 1fr; gap: 55px; }.process-list { grid-template-columns: 1fr 1fr; }.process-list li { min-height: 230px; }.why-grid { grid-template-columns: 1fr; }.why-grid article { min-height: auto; padding: 38px 0; border-right: 0; border-bottom: 1px solid #4d4f51; }.why-grid .rp-icon { margin-bottom: 28px; }.faq-grid { gap: 28px; }.greece-map { min-height: 230px; }
.final-cta .site-shell { min-height: 230px; align-items: flex-start; justify-content: center; flex-direction: column; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-brand { grid-column: 1 / -1; }.footer-bottom { gap: 18px; align-items: flex-start; flex-direction: column; justify-content: center; }
.page-hero { padding-block: 64px 50px; }.breadcrumb { margin-bottom: 38px; }.device-tabs a, .device-tabs button { min-height: 90px; font-size: 23px; }.directory-row { grid-template-columns: 90px 1fr; gap: 28px; padding: 35px 22px; }.directory-icon .rp-icon { width: 70px; height: 70px; }.diagnosis-banner { align-items: flex-start; flex-direction: column; }
.model-grid { grid-template-columns: 1fr 1fr; }.model-grid a { min-height: 330px; }.model-help { align-items: flex-start; flex-direction: column; }.wizard-progress span, .wizard-progress button { min-height: 75px; flex-direction: column; gap: 2px; font-size: 13px; }.wizard-progress b { font-size: 22px; }.full-wizard { padding: 36px 28px; }.choice-grid { grid-template-columns: 1fr; }.choice-grid span { min-height: 110px; }.issue-list { grid-template-columns: 1fr; }.issue-featured { grid-column: auto; }.form-grid { grid-template-columns: 1fr; }.field-wide { grid-column: auto; }
.service-detail-hero, .detail-columns, .contact-layout { grid-template-columns: 1fr; }.technical-visual { min-height: 300px; }.service-device-chapters { grid-template-columns: repeat(3,1fr); }.service-device-chapters a { min-height: 110px; }.detail-columns { gap: 35px; }.contact-layout { gap: 40px; padding: 38px; }.contact-details { padding-right: 0; padding-bottom: 32px; border-right: 0; border-bottom: 1px solid var(--rp-line); }

@media (max-width: 680px) {
  h1 { font-size: clamp(42px, 13vw, 62px); }
  .hero-grid { min-height: 480px; }.hero-device { min-height: 180px; }.hero-device img { width: 115vw; right: -40vw; }.quick-wizard { grid-template-columns: 1fr; }.quick-wizard label { min-height: 105px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.45); }.quick-wizard label:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.45); }.quick-wizard label b { font-size: 30px; }.device-chapter { padding-block: 38px; font-size: 42px; }.service-item { grid-template-columns: 38px 1fr 24px; }.service-item > .rp-icon:not(.service-arrow) { display: none; }.service-number { align-self: start; padding-top: 7px; }.process-list { grid-template-columns: 1fr; }.process-list li { min-height: 190px; border-left: 0; border-top: 1px solid #bbb9b4; }.process-list li::after { display: none; }.why-grid { margin-top: 45px; }.greece-map::after { font-size: 30px; }.footer-grid { grid-template-columns: 1fr; }.footer-brand { grid-column: auto; }.page-hero h1 br { display: none; }.device-tabs { grid-template-columns: 1fr; }.device-tabs a, .device-tabs button { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.45); }.directory-row { grid-template-columns: 1fr; }.directory-icon .rp-icon { width: 54px; height: 54px; }.diagnosis-banner > div { grid-template-columns: 50px 1fr; }.wizard-progress { overflow-x: auto; }.wizard-progress span, .wizard-progress button { min-width: 90px; }.model-grid { grid-template-columns: 1fr; }.model-grid a { min-height: 300px; }.full-wizard { padding: 28px 18px; }.wizard-panel > h2 { font-size: 38px; }.wizard-actions { align-items: stretch; flex-direction: column-reverse; }.wizard-actions .button { width: 100%; }.service-device-chapters { grid-template-columns: 1fr; }.technical-visual { min-height: 240px; }.contact-layout { padding: 28px 20px; }
}

@media (max-width: 1024px) {
  .home .hero-grid { min-height: 480px; grid-template-columns: 1fr; }
  .home .hero-device img.hero-phone-art { top: -35px; right: -22vw; width: min(720px,92vw); }
  .home .service-list { grid-template-columns: repeat(3,1fr); }
  .home .service-item, .home .service-featured { min-height: 165px; border-bottom: 1px solid var(--rp-line); }
  .home .courier-grid { grid-template-columns: 1fr; }
  .home .why-grid, .home .review-grid { grid-template-columns: 1fr; }
  .home .why-grid article, .home .review-grid article { min-height: auto; padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--rp-line); }
}

@media (max-width: 680px) {
  .home .hero { padding-top: 26px; }
  .home .hero-grid { min-height: 340px; }
  .home .hero-copy h1 { font-size: 44px; }
  .home .hero-lead { font-size: 17px; }
  .home .hero-device { min-height: 170px; margin-top: 18px; }
  .home .hero-device img.hero-phone-art { top: -22px; right: -58vw; width: 135vw; }
  .home .quick-wizard label, .home .wizard-submit { min-height: 70px; }
  .home .device-chapter { min-height: 132px; }
  .home .service-list { grid-template-columns: 1fr 1fr; }
  .home .service-item, .home .service-featured { min-height: 155px; }
  .home .faq-grid { grid-template-columns: 1fr; gap: 24px; }
  .home .faq-device { height: 130px; }
}
