.op-page{background:#f5f8fd;color:#526ea3;font-family:var(--body-font-family,"Quicksand",sans-serif)}
.op-page h1,.op-page h2,.op-page h3,.op-page h4,.op-page h5,.op-page h6,
.op-page p,.op-page a,.op-page button,.op-page input,.op-page textarea,.op-page select,
.op-page label,.op-page summary{font-family:inherit}
.op-shell{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:28px;width:min(1320px,calc(100% - 32px));margin:0 auto;padding:28px 0 70px}
.op-sidebar{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding:10px 8px 16px;background:#fff;border:1px solid #dbe5f3;border-radius:14px;box-shadow:0 10px 28px rgba(0,37,115,.08)}
.op-search{display:flex;align-items:center;gap:9px;margin:0 0 13px;padding:10px 12px;border:1px solid #d5e0ef;border-radius:8px;background:#f8fbff;color:#7890af}
.op-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#002573;font:inherit}
.op-sidebar nav{display:grid;gap:5px}
.op-sidebar nav a{display:flex;align-items:flex-start;gap:9px;padding:10px 9px;color:#526ea3;font-size:14px;font-weight:600;line-height:1.45;border-radius:8px;text-decoration:none;transition:.2s}
.op-sidebar nav a i{margin-top:5px;color:#00a99d;font-size:8px}
.op-sidebar nav a:hover,.op-sidebar nav a.is-active{background:#eaf7f6;color:#002573;box-shadow:inset 0 0 0 1px rgba(0,201,183,.25)}
.op-content{min-width:0}
.op-cover{position:relative;isolation:isolate;min-height:420px;display:flex;align-items:center;overflow:hidden;padding:58px 64px;border-radius:18px;background:#002573 var(--op-position) center/cover no-repeat;box-shadow:0 18px 45px rgba(0,37,115,.17);color:#fff}
.op-cover[data-cover-image]{background-image:linear-gradient(rgba(0,14,44,var(--op-overlay)),rgba(0,14,44,var(--op-overlay))),var(--op-cover-image)}
.op-cover-video{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:var(--op-position)}
.op-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,14,44,var(--op-overlay))}
.op-cover-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;width:100%}
.op-cover-logo{display:block;max-width:160px;max-height:70px;width:auto;height:auto;margin:0 0 20px;object-fit:contain}
.op-cover-logo{width:92px;height:92px;max-width:190px;max-height:96px}
.op-eyebrow{display:block;margin-bottom:10px;color:#00c9b7;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.op-cover .op-eyebrow{color:#9ff8ee}
.op-cover h1{margin:0;color:#fff;font-size:clamp(32px,5vw,58px);line-height:1.05}
.op-cover-subtitle{margin:17px 0 0;color:#dce8fb;font-size:22px;font-weight:700}
.op-cover-description{max-width:700px;margin:14px 0 0;color:#d1def2;font-size:16px;line-height:1.75}
.op-cover-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.op-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid #00c9b7;border-radius:5px;background:#00c9b7;color:#002573;font-weight:800;text-decoration:none;transition:.2s}
.op-button:hover{background:#fff;border-color:#fff;color:#002573;transform:translateY(-1px)}
.op-section{scroll-margin-top:104px;margin-top:38px;padding:30px;border:1px solid #dbe5f3;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(0,37,115,.06)}
.op-section-head{margin:0 auto 24px;text-align:center}
.op-section-head .op-eyebrow{margin-bottom:7px}
.op-section-head h2{margin:0;color:#002573;font-size:clamp(25px,3vw,38px);line-height:1.2}
.op-section-head p{max-width:820px;margin:12px auto 0;color:#7186a6;line-height:1.7}
.op-block{margin-top:22px;padding:22px;border:1px solid #e2eaf5;border-radius:12px;background:#fbfdff}
.op-block h3{margin:0 0 14px;color:#002573;font-size:21px}
.op-block-copy{color:#526ea3;line-height:1.75}
.op-block-copy h2,.op-block-copy h3{color:#002573}
.op-media-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}
.op-media-copy.text_image>div:first-child,.op-media-copy.text_video>div:first-child{order:0}
.op-media-copy.text_image>img,.op-media-copy.text_video>video{order:1}
.op-media-copy img,.op-media-copy video,.op-block-full_image img,.op-block-full_video video,.op-block img,.op-block video{display:block;width:100%;max-height:460px;height:auto;object-fit:contain;border-radius:10px}
.op-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.op-gallery img{height:190px;object-fit:cover;border-radius:9px}
.op-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.op-data-item{padding:16px;border-radius:9px;background:#f1f6fc}
.op-data-item strong,.op-data-item span{display:block}
.op-data-item strong{color:#002573}
.op-data-item span{margin-top:6px;color:#7186a6;line-height:1.5}
.op-data-technical_table .op-data-item,.op-data-comparison .op-data-item{background:#fff;border:1px solid #dbe5f3}
.op-data-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
.op-data-faq .op-data-item{background:#fff;border:1px solid #dbe5f3}
.op-data-stats .op-data-item{text-align:center}
.op-data-stats strong{font-size:28px;color:#00a99d}
.op-block-buttons{display:flex;flex-wrap:wrap;gap:10px}
.op-block-buttons .op-button{background:#002573;color:#fff;border-color:#002573}
.op-block-buttons .op-button:hover{background:#00c9b7;color:#002573;border-color:#00c9b7}
@media(max-width:900px){.op-shell{grid-template-columns:1fr}
.op-sidebar{position:sticky;top:70px;z-index:4;max-height:none}
.op-sidebar nav{display:flex;overflow:auto;padding-bottom:3px}
.op-sidebar nav a{flex:0 0 auto}
.op-cover{min-height:360px;padding:45px 32px}
.op-media-copy{grid-template-columns:1fr}
.op-data-grid,.op-data-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Product presentation polish: keep the reference dimensions while making
   editable blocks and the hero readable against the Ontema palette. */
.op-page .op-cover h1,
.op-page .op-cover .op-cover-subtitle,
.op-page .op-cover .op-cover-description {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  text-shadow:0 2px 12px rgba(0,0,0,.2)
}
.op-page .op-cover .op-cover-subtitle{color:#eaf3ff!important;-webkit-text-fill-color:#eaf3ff!important}
.op-page .op-cover .op-cover-description{color:#dce8fb!important;-webkit-text-fill-color:#dce8fb!important}
.op-page .op-cover .op-eyebrow{color:#9ff8ee!important;-webkit-text-fill-color:#9ff8ee!important;opacity:1!important}
.op-page .op-block {
  background:#fff;
  border-color:#b8cbe3;
  box-shadow:0 8px 22px rgba(0,37,115,.10),inset 4px 0 0 #00bfae
}
.op-page .op-block-rich_text,.op-page .op-block-faq{padding:0;background:transparent;border:0;box-shadow:none}
.op-video-embed {
  display:block;
  width:100%;
  min-height:360px;
  border:0;
  border-radius:10px;
  background:#061b3c
}
.op-cover-video-frame {
  pointer-events:none;
  border:0;
  background:#001b4d;
  object-fit:cover
}
.op-mobile-menu-toggle {display:none}
@media(max-width:900px) {
  .op-sidebar {position:relative;top:auto;max-height:none;overflow:visible;padding:10px}
  .op-mobile-menu-toggle {
    width:100%;
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 12px;
    border:1px solid #d5e0ef;
    border-radius:9px;
    background:#f8fbff;
    color:#002573;
    font:600 14px/1.4 inherit;
    text-align:left;
    cursor:pointer
  }
  .op-mobile-menu-toggle .fa-chevron-down {margin-left:auto;transition:transform .2s}
  .op-sidebar.is-open .op-mobile-menu-toggle .fa-chevron-down {transform:rotate(180deg)}
  .op-sidebar nav {
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
    max-height:0;
    overflow:hidden;
    padding:0;
    opacity:0;
    transition:max-height .25s ease,opacity .2s ease,padding .25s ease
  }
  .op-sidebar.is-open nav {max-height:420px;padding-top:9px;opacity:1}
  .op-sidebar nav a {min-width:0;padding:9px;white-space:normal}
}

/* Media blocks use the requested 40/60 composition on desktop.  Contain is
   intentional: screenshots keep their full aspect ratio instead of being
   cropped to fill a card. */
.op-media-copy{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.op-media-copy img,.op-media-copy video{width:100%;max-height:360px;height:auto;object-fit:contain;background:transparent}
.op-media-copy .op-video-embed{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:initial;background:#061b3c;border-radius:10px}
.op-media-copy.text_image>img,.op-media-copy.text_image>video,.op-media-copy.text_image>.op-video-embed{order:0}
.op-media-copy.text_image>div:first-of-type,.op-media-copy.text_video>div:first-of-type{order:1}
.op-media-copy.text_video>.op-video-embed{order:0}
.op-media-copy.text_image>div,.op-media-copy.text_video>div{min-width:0}
.op-media-copy.left>div{order:1}.op-media-copy.left>img,.op-media-copy.left>video,.op-media-copy.left>.op-video-embed{order:0}
.op-media-copy.right>div{order:0}.op-media-copy.right>img,.op-media-copy.right>video,.op-media-copy.right>.op-video-embed{order:1}
.op-media-copy.full{display:block}.op-media-copy.full>img,.op-media-copy.full>video,.op-media-copy.full>.op-video-embed{max-height:460px;margin-bottom:18px}
.op-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:32px;background:rgba(0,16,48,.88)}
.op-lightbox[hidden]{display:none}
.op-lightbox figure{display:flex;flex-direction:column;align-items:center;max-width:min(92vw,1200px);max-height:90vh;margin:0}
.op-lightbox figure img{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.op-lightbox figcaption{margin-top:10px;color:#fff;font-size:13px}
.op-lightbox button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.op-lightbox-close{top:18px;right:22px;width:42px;height:42px;border-radius:50%;font-size:30px;line-height:1}
.op-lightbox-prev,.op-lightbox-next{top:50%;width:46px;height:58px;border-radius:10px;font-size:42px;line-height:1;transform:translateY(-50%)}
.op-lightbox-prev{left:18px}.op-lightbox-next{right:18px}.op-lightbox button:hover{background:#00c9b7;color:#002573}
.op-lightbox-open{overflow:hidden}
@media(max-width:900px){.op-media-copy{grid-template-columns:1fr}.op-media-copy img,.op-media-copy video{max-height:none}.op-media-copy .op-video-embed{height:auto;aspect-ratio:16/9}.op-media-copy.text_image>div:first-of-type,.op-media-copy.text_video>div:first-of-type{order:1}.op-media-copy.text_image>img,.op-media-copy.text_image>video,.op-media-copy.text_image>.op-video-embed,.op-media-copy.text_video>.op-video-embed{order:0}.op-lightbox{padding:18px}.op-lightbox-prev{left:8px}.op-lightbox-next{right:8px}}
@media(max-width:600px){.op-shell{width:min(100% - 20px,1320px);padding-top:12px}
.op-cover{min-height:420px;padding:32px 22px}
.op-cover h1{font-size:34px}
.op-cover-subtitle{font-size:18px}
.op-cover-description{font-size:14px}
.op-section{padding:20px}
.op-block{padding:16px}
.op-gallery,.op-data-grid,.op-data-faq{grid-template-columns:1fr}
.op-gallery img{height:180px}
.op-cover-actions .op-button{width:100%}
}

/* Public presentation catalogue */
.op-list-page{background:#f5f8fd;color:#526ea3;font-family:var(--body-font-family,"Quicksand",sans-serif)}
.op-list-inner{width:min(1240px,calc(100% - 32px));margin:0 auto}
.op-list-hero{padding:72px 0 64px;background:linear-gradient(135deg,#f7fbff,#e9f3ff);border-bottom:1px solid #dbe5f3}
.op-list-hero h1{margin:12px 0 0;color:#002573;font-size:clamp(36px,5vw,62px);line-height:1.02}
.op-list-hero p{max-width:720px;margin:16px 0 0;color:#647da5;font-size:18px;line-height:1.7}
.op-eyebrow{display:block;color:#00a99d;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.op-list-section{padding:46px 0 80px}.op-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.op-list-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dbe5f3;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(0,37,115,.07)}
.op-list-media{display:block;height:210px;background:linear-gradient(135deg,#002573,#0b80a5);overflow:hidden}.op-list-media img{width:100%;height:100%;object-fit:cover}.op-list-media span{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:54px}
.op-list-card-body{display:flex;flex:1;flex-direction:column;padding:22px}.op-list-index{color:#00a99d;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.op-list-card h2{margin:9px 0 0;color:#002573;font-size:24px;line-height:1.2}.op-list-card h2 a{color:inherit;text-decoration:none}.op-list-card p{margin:10px 0 0;color:#7186a6;line-height:1.65}.op-list-card .op-list-subtitle{color:#526ea3;font-weight:700}.op-list-card .op-button{align-self:flex-start;margin-top:auto;padding:10px 14px;background:#002573;color:#fff;border-color:#002573}.op-list-empty{padding:70px 24px;text-align:center;border:1px dashed #bfd0e5;border-radius:16px;background:#fff}.op-list-empty i{color:#00a99d;font-size:42px}.op-list-empty h2{margin:14px 0 0;color:#002573}.op-list-empty p{color:#7186a6}
.op-list-page h1,.op-list-page h2,.op-list-page h3,.op-list-page p,.op-list-page a,.op-list-page button{font-family:inherit}
@media(max-width:980px){.op-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.op-list-hero{padding:48px 0 42px}.op-list-grid{grid-template-columns:1fr}.op-list-media{height:190px}}

/* Reference List - Style 1 parity for the public catalogue.  Keep the
   presentation module scoped so the shared Ontema header/mega menu cannot be
   affected by these card dimensions. */
.op-list-page{min-height:420px;background:#effbf9;color:#526ea3}
.op-list-inner{width:min(1320px,calc(100% - 22.5px));padding:0 11.25px}
.op-list-hero{padding:34px 0 24px;background:transparent;border:0;text-align:center}
.op-list-hero h1{margin:0;color:#002573;font-size:clamp(32px,3.5vw,48px);line-height:1.15}
.op-list-hero p{max-width:none;margin:10px 0 0;color:#6d86a8;font-size:18px;line-height:1.5}
.op-list-hero .op-eyebrow{margin-bottom:8px}
.op-list-section{padding:0 0 68px}
.op-list-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.op-list-card{min-height:498px;border:1px solid #d7ebe8;border-radius:10px;background:#eafaf7;box-shadow:0 10px 24px rgba(0,37,115,.10)}
.op-list-media{height:270px;background:linear-gradient(135deg,#4c60d7,#15b8a7);border-radius:10px 10px 0 0}
.op-list-media img{object-fit:cover}
.op-list-card-body{padding:20px 22px 22px;text-align:center}
.op-list-index{color:#6c849f;font-size:12px;letter-spacing:0;text-transform:none;font-weight:400}
.op-list-card h2{margin:12px 0 0;color:#002573;font-size:20px;line-height:1.3}
.op-list-card p{margin:10px 0 0;color:#7387a2;font-size:14px;line-height:1.5}
.op-list-card .op-list-subtitle{color:#526ea3;font-weight:400}
.op-list-card .op-button{align-self:center;margin-top:18px;padding:8px 12px;border:1px solid #002573;border-radius:4px;background:#002573;color:#fff;font-size:14px}
.op-list-card .op-button,.op-list-card .op-button:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:142px;min-height:44px;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#002573!important;border-color:#002573!important;opacity:1!important;visibility:visible!important;text-indent:0!important;white-space:nowrap}
.op-list-card .op-button i{display:inline-block;color:#fff!important;-webkit-text-fill-color:#fff!important}
.op-list-card .op-button:last-child{margin-left:0}
.op-list-empty{margin:0 0 30px;padding:55px 24px;border-color:#b9d9d5;background:#fff;text-align:center}
@media(max-width:1100px){.op-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.op-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.op-list-card{min-height:0}.op-list-media{height:220px}}
@media(max-width:560px){.op-list-inner{width:calc(100% - 12px);padding:0 6px}.op-list-grid{grid-template-columns:1fr}.op-list-media{height:210px}}

/* Mobile legacy navigation parity: the section links remain visible above
   the cover, as in the original ONGO presentation view.  It is horizontally
   scrollable on narrow screens so no section is clipped or lost. */
@media(max-width:900px) {
  .op-mobile-menu-toggle {display:none!important}
  .op-sidebar nav,
  .op-sidebar.is-open nav {
    display:flex!important;
    flex-wrap:nowrap;
    gap:5px;
    max-height:none!important;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 3px!important;
    opacity:1!important;
    scrollbar-width:thin;
  }
  .op-sidebar nav a {
    flex:0 0 auto;
    white-space:nowrap;
  }
}

/* Final responsive guardrail.  Presentation content is user-authored, so
   long URLs, table values and media must never widen the document on a
   phone.  Keep the navigation usable while constraining every presentation
   surface to its own viewport. */
.op-page,.op-list-page,.op-shell,.op-content,.op-section,.op-block,
.op-list-inner,.op-list-grid,.op-list-card{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
.op-page img,.op-page video,.op-page iframe,.op-list-page img,.op-list-page video,.op-list-page iframe{max-width:100%;box-sizing:border-box}
.op-block-copy,.op-block-copy *,.op-data-item,.op-data-item *,.op-list-card,.op-list-card *{overflow-wrap:anywhere;word-break:break-word}
.op-cover-video-frame{max-width:100%;}
@media(max-width:900px){
  .op-shell{display:grid;grid-template-columns:minmax(0,1fr);width:calc(100% - 20px);max-width:1320px;gap:14px;padding:14px 0 46px;overflow:visible}
  .op-sidebar{position:relative;top:auto;width:100%;max-width:100%;padding:9px;overflow:hidden;border-radius:12px}
  /* The older parity layer kept the links in a single horizontal strip and
     hid the toggle.  That was the source of the unusable mobile menu.  The
     final layer restores the JS-controlled, vertically scrollable menu. */
  .op-mobile-menu-toggle{display:flex!important;width:100%;max-width:100%;min-width:0}
  .op-sidebar nav{display:grid!important;grid-template-columns:minmax(0,1fr);max-width:100%;min-width:0;max-height:0;overflow-x:hidden;overflow-y:hidden;padding:0!important;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .25s ease}
  .op-sidebar.is-open nav{max-height:70vh;overflow-y:auto;padding-top:9px!important;opacity:1}
  .op-sidebar nav a{min-width:0;max-width:100%;flex:none;white-space:normal}
  .op-content{width:100%;max-width:100%;overflow:hidden}
  .op-cover{width:100%;max-width:100%;min-height:0;padding:34px 24px;overflow:hidden;border-radius:15px}
  .op-cover-inner{width:100%;max-width:100%;min-width:0}
  .op-cover h1,.op-cover-subtitle,.op-cover-description{max-width:100%;overflow-wrap:anywhere}
  .op-cover h1{font-size:clamp(28px,8vw,44px)}
  .op-cover-subtitle{font-size:clamp(17px,4.8vw,22px)}
  .op-cover-description{font-size:15px;line-height:1.65}
  .op-cover-logo{max-width:118px;width:auto;height:auto}
  .op-cover-video,.op-cover-video-frame{position:relative;inset:auto;display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover;margin:0 0 20px;z-index:0;border-radius:10px}
  .op-cover:after{z-index:0}
  .op-cover-inner{z-index:1}
  .op-cover-actions{width:100%;max-width:100%;gap:8px}
  .op-cover-actions .op-button{flex:1 1 180px;min-width:0;max-width:100%;white-space:normal;text-align:center}
  .op-section{width:100%;max-width:100%;margin-top:20px;padding:22px 16px;border-radius:13px;overflow:hidden}
  .op-section-head h2{font-size:clamp(24px,7vw,34px);overflow-wrap:anywhere}
  .op-block{width:100%;max-width:100%;margin-top:16px;padding:17px 14px;border-radius:11px;overflow:hidden}
  .op-block h3{font-size:19px;overflow-wrap:anywhere}
  .op-media-copy{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);gap:16px}
  .op-media-copy>div,.op-media-copy>img,.op-media-copy>video,.op-media-copy>.op-video-embed{width:100%;max-width:100%;min-width:0}
  .op-media-copy img,.op-media-copy video,.op-media-copy .op-video-embed,.op-video-embed{height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
  .op-media-copy.full>img,.op-media-copy.full>video,.op-media-copy.full>.op-video-embed{max-height:none}
  .op-gallery,.op-data-grid,.op-data-faq{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);gap:10px}
  .op-gallery img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
  .op-data-item{width:100%;max-width:100%;padding:13px}
  .op-block-buttons{width:100%;max-width:100%;gap:8px}
  .op-block-buttons .op-button{flex:1 1 160px;min-width:0;white-space:normal;text-align:center}
  .op-lightbox{width:100vw;max-width:100vw;padding:12px;overflow:hidden}
  .op-lightbox figure{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}
  .op-lightbox figure img{max-width:100%;max-height:78vh}
}
@media(max-width:560px){
  .op-list-page{width:100%;max-width:100%;overflow:hidden}
  .op-list-inner{width:100%;max-width:100%;padding:0 12px}
  .op-list-hero{padding:40px 0 30px}
  .op-list-hero h1{font-size:clamp(30px,9vw,42px)}
  .op-list-hero p{font-size:16px;line-height:1.55}
  .op-list-section{padding:0 0 46px}
  .op-list-grid{width:100%;grid-template-columns:minmax(0,1fr);gap:14px}
  .op-list-card{width:100%;min-height:0;border-radius:13px}
  .op-list-media{width:100%;height:auto;aspect-ratio:16/10}
  .op-list-card-body{padding:18px 16px 20px}
  .op-list-card h2{font-size:21px}
  .op-list-card p{font-size:14px}
  .op-list-card .op-button{width:100%;max-width:100%;white-space:normal}
}
@media(max-width:390px){
  .op-shell{width:calc(100% - 14px)}
  .op-cover{padding:28px 17px}
  .op-section{padding:18px 12px}
  .op-block{padding:14px 11px}
  .op-sidebar{padding:7px}
}


/*! Tema geliştirme ve ONGO uyarlama: Sitigo Yazılım Çözümleri / 0252 275 09 24 / https://sitigo.net/ */