.ocf-theme-light-block .ocf-search-btn-static, .ocf-theme-light-block .ocf-search-btn-popover, .ocf-theme-light-block .ocf-search-btn-static.ocf-disabled, .ocf-theme-light-block .ocf-search-btn-popover.ocf-disabled, .ocf-noUi-connect:before, .ocf-noUi-handle {background-color:rgb(33, 64, 154) !important;}
:root {--ds-primary-color:rgb(33, 64, 154);}
:root {--ds-body-bg-light-color:rgb(251, 251, 251);}
:root {--ds-links-color:rgb(33, 64, 154);}
.light-theme .ds-header {background:rgb(255, 255, 255);}
.ds-dropdown-links .blue-link, .ds-switcher button {color:rgb(0, 0, 0);}
.ds-dropdown-links .blue-link:hover {color:rgb(33, 64, 154);}
:root {--ds-footer-bg-light-color:rgb(255, 255, 255);}
.light-theme .ds-footer-subscribe-text, .light-theme .ds-footer-item .secondary-text, .light-theme .ds-footer-socials .secondary-text {color:rgb(0, 0, 0);}
.ds-footer .blue-link {color:rgb(0, 0, 0);}
.ds-footer .blue-link:hover {color:rgb(33, 64, 154);}
.light-theme .ds-footer-links li a, .light-theme ul.ds-footer-item li a {color:rgb(0, 0, 0);}
.ds-footer-links li a:hover, ul.ds-footer-item li a:hover {color:rgb(33, 64, 154);}
.light-theme .ds-footer-item-title {color:rgb(0, 23, 31);}
.light-theme .ds-footer-item-title svg path {fill:rgb(0, 23, 31);}
:root {--ds-interactive-color:rgb(82, 187, 56);}
.ds-price-new.red-text {color:rgb(213, 56, 61);}
/* =====================================================================
   LUMO — Product Card Styles
   Підключити один раз у файлі стилів теми OpenCart
   (наприклад: catalog/view/theme/<your-theme>/stylesheet/lumo-product.css)
   або вставити вміст у <head> через <style> у header.tpl
   ===================================================================== */

.lumo-product{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:#1a1a2e;line-height:1.7;max-width:900px;margin:0 auto;font-size:15px;
}
.lumo-product *{box-sizing:border-box}

/* HERO */
.lumo-hero{
  text-align:center;padding:30px 20px;
  background:linear-gradient(135deg,#0a0a23 0%,#1a1a3e 100%);
  border-radius:16px;margin-bottom:30px;color:#fff;
}
.lumo-hero h2{color:#fff;font-size:28px;margin:0 0 10px;font-weight:700}
.lumo-hero p{color:#ffffff!important; font-size:16px;margin:0}

/* INTRO */
.lumo-intro{
  background:#f8f9ff;border-left:4px solid #3b5bdb;
  padding:20px 25px;border-radius:0 12px 12px 0;margin-bottom:30px;
}
.lumo-intro p{font-size:16px;margin:0;color:#333}

/* SECTION */
.lumo-section{margin-bottom:35px}
.lumo-section h3{
  font-size:20px;color:#1a1a2e;border-bottom:2px solid #3b5bdb;
  padding-bottom:8px;display:inline-block;margin:0 0 15px;
}

/* GRID (cards) */
.lumo-grid{display:flex;flex-wrap:wrap;gap:15px}
.lumo-grid--center{justify-content:center}

/* WHY-US cards */
.lumo-card{
  flex:1;min-width:200px;border-radius:12px;
  padding:22px 18px;text-align:center;border:1px solid #d8e0ff;
  background:linear-gradient(135deg,#f0f4ff 0%,#e8edff 100%);
}
.lumo-card--green{background:linear-gradient(135deg,#f0fff4 0%,#e6f9ec 100%);border-color:#c3e8d0}
.lumo-card--orange{background:linear-gradient(135deg,#fff8f0 0%,#fff0e0 100%);border-color:#f0d8b8}
.lumo-card--purple{background:linear-gradient(135deg,#f5f0ff 0%,#ece4ff 100%);border-color:#d4c8f0}
.lumo-card__icon{font-size:30px;margin-bottom:8px}
.lumo-card__title{font-weight:700;font-size:15px;color:#1a1a2e;margin-bottom:4px}
.lumo-card__text{font-size:13px;color:#666}

/* SMALL feature tile */
.lumo-tile{
  flex:1;min-width:180px;background:#fff;border:1px solid #e8e8f0;
  border-radius:12px;padding:20px;text-align:center;
}
.lumo-tile__icon{font-size:32px;margin-bottom:8px}
.lumo-tile__title{font-weight:600;font-size:14px;color:#1a1a2e}
.lumo-tile__text{font-size:12px;color:#888}

/* SPECS table */
.lumo-table{width:100%;border-collapse:collapse;margin-top:5px}
.lumo-table td{padding:12px 16px;border-bottom:1px solid #e8e8f0;font-size:14px}
.lumo-table tr:nth-child(odd){background:#f4f5fb}
.lumo-table td:first-child{font-weight:600;width:45%}

/* TAGS / pills */
.lumo-tags{display:flex;flex-wrap:wrap;gap:10px}
.lumo-tag{
  background:#eef1ff;color:#3b5bdb;padding:8px 16px;border-radius:20px;
  font-size:13px;font-weight:500;display:inline-block;
}

/* PACKAGE */
.lumo-pack{
  flex:1;min-width:170px;background:#f8f9ff;border-radius:12px;
  padding:18px;text-align:center;
}
.lumo-pack__icon{font-size:28px;margin-bottom:6px}
.lumo-pack__title{font-size:14px;font-weight:600}

/* REVIEWS */
.lumo-review{
  background:#fff;border:1px solid #e8e8f0;border-radius:12px;
  padding:20px;margin-top:15px;
}
.lumo-review__head{display:flex;align-items:center;margin-bottom:12px}
.lumo-review__avatar{
  width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,#3b5bdb,#6c8cff);
  color:#fff;font-weight:700;font-size:16px;
  display:flex;align-items:center;justify-content:center;
  margin-right:12px;
}
.lumo-review__name{font-weight:600;font-size:15px;color:#1a1a2e}
.lumo-review__meta{font-size:12px;color:#999}
.lumo-review__text{margin:0;font-size:14px;color:#444;line-height:1.6}

/* FAQ */
.lumo-faq{margin-top:5px;border:1px solid #e8e8f0;border-radius:12px;overflow:hidden}
.lumo-faq__item{padding:18px 20px;border-bottom:1px solid #e8e8f0}
.lumo-faq__item:nth-child(even){background:#fafbff}
.lumo-faq__item:last-child{border-bottom:none}
.lumo-faq__q{font-weight:700;font-size:15px;color:#1a1a2e;margin-bottom:8px}
.lumo-faq__a{font-size:14px;color:#555;line-height:1.6}

/* COMPARE */
.lumo-compare-wrap{overflow-x:auto}
.lumo-compare{width:100%;border-collapse:collapse;min-width:600px;margin-top:5px}
.lumo-compare thead tr{background:linear-gradient(135deg,#0a0a23 0%,#1a1a3e 100%)}
.lumo-compare th{
  padding:14px 16px;color:#ffffff;font-size:13px;font-weight:600;
  text-align:center;border-bottom:2px solid #3b5bdb;
}
.lumo-compare th:first-child{text-align:left}
.lumo-compare th.lumo-compare__hero{
  color:#fff;font-weight:700;
  background:linear-gradient(135deg,#1a1a3e 0%,#2a2a5e 100%);
}
.lumo-compare td{padding:12px 16px;border-bottom:1px solid #e8e8f0;font-size:14px;text-align:center;color:#666}
.lumo-compare td:first-child{text-align:left;font-weight:600;color:#1a1a2e}
.lumo-compare tr:nth-child(even){background:#f4f5fb}
.lumo-compare__hero-cell{font-weight:700;color:#3b5bdb !important}

/* CTA */
.lumo-cta{
  text-align:center;padding:30px 20px;
  background:linear-gradient(135deg,#3b5bdb 0%,#6c8cff 100%);
  border-radius:16px;color:#fff;margin-top:20px;
}
.lumo-cta h3{color:#fff;font-size:22px;margin:0 0 10px;border:none}
.lumo-cta p{margin:0;font-size:15px;color:#e0e8ff!important;}

/* ===== RESPONSIVE ===== */
@media (max-width:600px){
  .lumo-hero h2{font-size:22px}
  .lumo-section h3{font-size:18px}
  .lumo-card,.lumo-tile,.lumo-pack{min-width:100%}
}

/* VIDEO (responsive 16:9) */
.lumo-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin-top:5px}
.lumo-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}

/* DISCLAIMER */
.lumo-disclaimer{font-size:12px;color:#999;text-align:center;margin:20px 0 0;font-style:italic}

