/* OROODAK unified redesign — 2026-09-12
   Rollback: remove this stylesheet link from partials/header.php. */
:root{
  --od-brand:#0b8f75!important;
  --od-brand-dark:#076b59!important;
  --od-ink:#10233e!important;
  --od-muted:#66758a!important;
  --od-line:#e3e9f0!important;
  --od-soft:#f6f8fb!important;
  --od-success:#087f5b!important;
  --od-shadow:0 12px 36px rgba(16,35,62,.09)!important;
}
html{background:#f6f8fb;color-scheme:light}
body{background:#f6f8fb!important;color:#10233e!important;font-size:16px;line-height:1.7}
.od-topbar{background:#10233e!important;color:#dce6ef!important}
.od-header{background:rgba(255,255,255,.96)!important;border-color:#e3e9f0!important;backdrop-filter:blur(14px)}
.od-header.is-scrolled{box-shadow:0 10px 34px rgba(16,35,62,.1)!important}
.od-global-search{border-color:#0b8f75!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(16,35,62,.05)}
.od-global-search button{background:#0b8f75!important;color:#fff!important}
.od-global-search button:hover{background:#076b59!important}
.od-nav-actions a,.od-category-row .od-menu a{color:#253a55!important}
.od-nav-actions a:hover,.od-category-row .od-menu a:hover{color:#0b8f75!important}
.od-all-categories{color:#10233e!important;border-color:#e3e9f0!important}
.od-all-categories>span{color:#0b8f75!important}
.od-all-categories>b{background:#eaf8f4!important;color:#076b59!important}
.od-drawer-head{background:linear-gradient(135deg,#10233e,#14536a)!important}
.od-drawer-all{background:#eaf8f4!important;border-color:#b8e4da!important}
.od-drawer-promo{background:linear-gradient(135deg,#10233e,#153d54)!important}
.od-drawer-promo span{color:#7ee9d2!important}
.xp-home{--ink:#10233e!important;--muted:#66758a!important;--line:#e3e9f0!important;--brand:#0b8f75!important;--brand2:#076b59!important;--soft:#f6f8fb!important;background:#f6f8fb!important}
.xp-hero{background:linear-gradient(128deg,#10233e 0%,#153d54 58%,#0b5d59 100%)!important;padding-block:44px!important}
.xp-hero:before{opacity:.25!important}
.xp-hero h1{letter-spacing:-.7px!important;max-width:760px!important}
.xp-search{border-radius:14px!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
.xp-search button{background:#0b8f75!important;border-radius:10px!important}
.xp-stat,.xp-hero-deal{border-radius:18px!important}
.xp-section{padding-top:34px!important}
.xp-card,.deal-card,.xp-new{border:1px solid #e3e9f0!important;border-radius:18px!important;box-shadow:0 5px 18px rgba(16,35,62,.05)!important}
.xp-card:hover,.deal-card:hover{border-color:#b8e4da!important;box-shadow:0 16px 38px rgba(16,35,62,.11)!important}
.xp-open,.btn-primary,.buy-button{background:#0b8f75!important;color:#fff!important;border-radius:10px!important}
.xp-open:hover,.btn-primary:hover,.buy-button:hover{background:#076b59!important}
.xp-chip.active{background:#10233e!important;border-color:#10233e!important;color:#fff!important}
.xp-chip:hover{background:#eaf8f4!important;border-color:#0b8f75!important;color:#076b59!important}
.xp-price{color:#076b59!important}
.xp-discount,.discount{background:#d92d20!important}
.product-page,.deal-page,main{min-height:50vh}
.deal-shell,.product-shell,.container{max-width:1180px}
.product-hero,.deal-hero,.product-card,.detail-card,.content-card{
  border-color:#e3e9f0!important;
  border-radius:20px!important;
  box-shadow:0 9px 28px rgba(16,35,62,.07)!important;
}
.product-price,.price-current{color:#076b59!important}
.breadcrumb,.breadcrumbs{color:#66758a!important;font-size:.88rem}
.od-mobile-bar{border-color:#e3e9f0!important;box-shadow:0 -8px 28px rgba(16,35,62,.08)!important}
.od-mobile-bar a:first-child b{color:#0b8f75!important}
.site-footer,footer{border-color:#223954}
.od-toast{background:#10233e!important}
button,a,input,select{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:focus-visible{outline:3px solid #f5b940!important;outline-offset:3px!important}
@media(max-width:900px){
  body{padding-bottom:72px!important}
  .od-main-nav{gap:10px!important;padding-block:10px!important}
  .od-global-search input{font-size:16px!important}
  .xp-hero{padding-block:30px!important}
}
@media(max-width:560px){
  .xp-grid,.deals-grid{gap:10px!important}
  .xp-card-body,.deal-content{padding:11px!important}
  .xp-title,.deal-card h3{font-size:.86rem!important;line-height:1.55!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}