/* RANA REKOR ALI — Premium hydraulic blue redesign, 2026 */
:root{
  --rra-navy:#06213c;
  --rra-navy-2:#092b4f;
  --rra-navy-3:#0d3a66;
  --rra-blue:#086df4;
  --rra-blue-2:#1684ff;
  --rra-ice:#eef4fb;
  --rra-soft:#f6f9fd;
  --rra-line:#dbe4ee;
  --rra-ink:#0b1726;
  --rra-muted:#667789;
  --rra-green:#10a56e;
  --theme_primary:#086df4 !important;
  --theme_dark:#06213c !important;
  --cyan:#086df4 !important;
  --cyan-dim:#005fd7 !important;
  --cyan-wash:rgba(8,109,244,.10) !important;
  --steel-blue:#0d5fc4 !important;
  --flow-blue:#1684ff !important;
  --flow-violet:#4ea1ff !important;
}
html,body{background:#fff!important;color:var(--rra-ink)!important}
body{font-family:Inter,Jost,Rubik,system-ui,-apple-system,"Segoe UI",sans-serif!important}
::selection{background:var(--rra-blue)!important;color:#fff!important}

/* ===== PUBLIC HEADER ===== */
.main-header{position:relative;z-index:500!important;background:#fff!important;box-shadow:0 5px 24px rgba(6,33,60,.06)!important}
.main-header .header-top{background:linear-gradient(90deg,#04192d,#082947)!important;border:0!important;padding:0!important}
.main-header .header-top .wrapper-box{min-height:34px!important}
.main-header .header-top .info-list li,.main-header .header-top .info-list a,.main-header .header-top .social-links a{color:rgba(255,255,255,.74)!important;font-size:11px!important}
.main-header .header-upper{background:#fff!important;border-bottom:1px solid #e8eef5!important}
.main-header .header-upper .inner-container{min-height:72px!important;padding:0!important}
.main-header .logo img{max-height:42px!important;width:auto!important}
.main-header .main-menu .navigation>li{margin:0 2px!important}
.main-header .main-menu .navigation>li>a{color:#22364d!important;font-size:12px!important;font-weight:700!important;line-height:72px!important;padding:0 11px!important;text-transform:none!important;transition:.18s ease!important}
.main-header .main-menu .navigation>li>a:before{background:var(--rra-blue)!important;height:2px!important;bottom:18px!important}
.main-header .main-menu .navigation>li>a:hover,.main-header .main-menu .navigation>li>a.is-active{color:var(--rra-blue)!important}
.main-header .navbar-right-info{display:flex!important;align-items:center!important;gap:9px!important;margin-left:10px!important}
.main-header .rra-header-search{height:38px;width:255px;display:flex;align-items:center;background:#f7f9fc;border:1px solid #dce5ee;border-radius:7px;overflow:hidden}
.main-header .rra-header-search input{height:100%;width:100%;border:0!important;outline:0!important;background:transparent!important;padding:0 12px!important;font-size:11px!important;color:#33485d!important}
.main-header .rra-header-search button{width:38px;height:38px;flex:0 0 38px;border:0;background:var(--rra-blue);color:#fff;display:grid;place-items:center;cursor:pointer}
.main-header .navbar-right-info .link-btn .theme_btn_1{height:38px!important;min-width:92px!important;padding:0 16px!important;border-radius:7px!important;background:linear-gradient(135deg,var(--rra-blue-2),var(--rra-blue))!important;box-shadow:0 8px 18px rgba(8,109,244,.22)!important}
.main-header .navbar-right-info .link-btn .theme_btn_1 span{font-size:11.5px!important;font-weight:800!important}
.main-header .sticky-header{box-shadow:0 8px 28px rgba(6,33,60,.10)!important}
.main-header .sticky-header .header-top{display:none!important}
.mobile-menu .menu-box{background:linear-gradient(180deg,#061f39,#082946)!important}
.mobile-menu .nav-logo img{max-height:54px!important}

/* ===== HOME HERO — reference layout ===== */
.rra-reference-hero{position:relative;overflow:hidden;background:#041a30;color:#fff;min-height:455px}
.rra-reference-hero__media{position:absolute;inset:0;background-image:url('/images/rakor-2.jpg');background-repeat:no-repeat;background-position:right center;background-size:62% 100%;filter:saturate(1.12) contrast(1.05)}
.rra-reference-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061f39 0%,#061f39 37%,rgba(6,31,57,.95) 48%,rgba(4,25,45,.45) 68%,rgba(4,25,45,.04) 100%)}
.rra-reference-hero__inner{position:relative;z-index:2;min-height:378px;display:flex;align-items:center}
.rra-reference-hero__copy{max-width:610px;padding:44px 0 32px}
.rra-reference-hero__eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#cfe4fb;margin-bottom:12px}
.rra-reference-hero h1{font-family:Inter,Jost,sans-serif!important;font-size:46px!important;line-height:1.04!important;letter-spacing:-.035em!important;color:#fff!important;margin:0 0 14px!important;font-weight:850!important;max-width:590px}
.rra-reference-hero p{font-size:14px;line-height:1.65;color:#d1dfec;max-width:545px;margin:0}
.rra-reference-hero__actions{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}
.rra-reference-hero__actions a{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:7px;font-size:12px;font-weight:800;transition:.18s ease}
.rra-reference-hero__actions .primary{background:linear-gradient(135deg,var(--rra-blue-2),var(--rra-blue));color:#fff;box-shadow:0 10px 22px rgba(8,109,244,.26)}
.rra-reference-hero__actions .secondary{background:#fff;color:var(--rra-navy);border:1px solid rgba(255,255,255,.85)}
.rra-reference-hero__actions a:hover{transform:translateY(-2px)}
.rra-reference-benefits{position:relative;z-index:3;min-height:77px;background:rgba(4,27,49,.94);border-top:1px solid rgba(255,255,255,.10);display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.rra-reference-benefit{min-height:54px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.12)}
.rra-reference-benefit:last-child{border-right:0}
.rra-reference-benefit__icon{grid-row:1/3;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;font-size:15px}
.rra-reference-benefit b{font-size:11px;color:#fff;line-height:1.25}
.rra-reference-benefit small{font-size:9px;color:#9fb7cc;margin-top:2px}
.rra-reference-category-strip{background:#f1f5f9;padding:13px 0 18px}
.rra-reference-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.rra-reference-category{position:relative;min-height:114px;background:#fff;border:1px solid #dfe8f0;border-radius:9px;overflow:hidden;display:grid;grid-template-columns:105px 1fr 25px;align-items:center;gap:9px;padding:8px 8px 8px 0;box-shadow:0 5px 16px rgba(6,33,60,.05);transition:.18s ease}
.rra-reference-category:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(6,33,60,.10);border-color:#cbdced}
.rra-reference-category img{width:105px;height:96px;object-fit:cover;background:#f7f9fb}
.rra-reference-category strong{font-size:11px;line-height:1.25;display:block;color:#0c1d30}
.rra-reference-category small{font-size:8.5px;color:#708197;display:block;margin-top:5px}
.rra-reference-category i{width:23px;height:23px;border-radius:50%;background:var(--rra-blue);color:#fff;font-style:normal;display:grid;place-items:center;font-size:12px}

/* Existing homepage sections harmonized */
.clients-logo-section{display:none!important}
.why-chooseus,.product-section,.news-section,.fullwidth-section{background:#fff!important}
.why-chooseus{padding-top:72px!important}
.theme_color{color:var(--rra-blue)!important}
.theme_btn_1,.paanee_btn.theme_btn_1{background:linear-gradient(135deg,var(--rra-blue-2),var(--rra-blue))!important;border-color:var(--rra-blue)!important;border-radius:7px!important;box-shadow:0 7px 18px rgba(8,109,244,.16)!important}
.theme_btn_2,.paanee_btn.theme_btn_2{border-radius:7px!important;border-color:#cdd9e5!important;color:var(--rra-navy)!important}
.theme_btn_1:hover,.theme_btn_2:hover{transform:translateY(-1px)!important}

/* ===== Page title ===== */
.page-title{min-height:210px!important;padding:62px 0 48px!important;background-position:center!important;position:relative!important}
.page-title:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,45,.94),rgba(4,25,45,.70))!important;z-index:0}
.page-title>div[style*="position:absolute"]{display:none!important}
.page-title .auto-container{position:relative!important;z-index:1!important}
.page-title h1{font-family:Inter,Jost,sans-serif!important;font-size:35px!important;line-height:1.1!important;color:#fff!important;font-weight:850!important;letter-spacing:-.025em!important}
.page-title .bread-crumb li,.page-title .bread-crumb li a{color:rgba(255,255,255,.78)!important;font-size:10.5px!important}
.page-title p{font-size:12.5px!important;line-height:1.6!important;color:rgba(255,255,255,.75)!important}

/* ===== PRODUCTS / CATALOG ===== */
#categoryLanding,.rra-product-grid{font-family:Inter,Jost,sans-serif!important}
.pg-bento{gap:12px!important}
.pg-tile{border-radius:9px!important;border-color:#dfe7ef!important;box-shadow:0 5px 15px rgba(6,33,60,.05)!important;background:#fff!important;transition:.18s ease!important}
.pg-tile:hover{border-color:#bfd5e9!important;box-shadow:0 12px 25px rgba(6,33,60,.10)!important;transform:translateY(-2px)!important}
.pg-tile:before{background:var(--rra-blue)!important}
.pg-tile--all{background:linear-gradient(145deg,#061f39,#0b3156)!important;color:#fff!important;border-color:transparent!important}
.pg-tile__badge{background:var(--rra-blue)!important;color:#fff!important}
.pg-tile__title{font-weight:800!important;color:inherit!important}
.category-landing__cta{border-radius:9px!important;border:1px solid #dbe6ef!important;background:#f8fbff!important;box-shadow:none!important}
.back-to-categories{border-radius:7px!important;border-color:#d7e2ec!important;background:#fff!important;color:#334b63!important}
.urunler-main__head{max-width:1320px!important;margin:0 auto 14px!important;padding:0 24px!important}
.rra-product-grid{background:#f7f9fc!important;padding-top:10px!important}
#itemsContainer{row-gap:12px!important}
#itemsContainer .grid-item{padding-left:6px!important;padding-right:6px!important;margin-bottom:0!important}
#itemsContainer .card{height:100%!important;border:0!important;background:transparent!important}
#itemsContainer .card>.inner-box{border:1px solid #dfe7ef!important;border-radius:8px!important;padding:10px!important;background:#fff!important;box-shadow:none!important;transition:.18s ease!important;text-align:left!important;overflow:hidden!important}
#itemsContainer .card>.inner-box:hover{transform:translateY(-2px)!important;box-shadow:0 12px 25px rgba(6,33,60,.10)!important;border-color:#c8d9e8!important}
#itemsContainer .card>.inner-box>div:first-child{left:10px!important;right:10px!important;height:2px!important;background:var(--rra-blue)!important}
#itemsContainer .image{min-height:145px!important;height:145px!important;margin-bottom:10px!important;background:#f4f7fa!important;border-radius:7px!important}
#itemsContainer .image img{max-width:88%!important;max-height:132px!important}
#itemsContainer .lower-content span{font-size:8.5px!important;color:#7d8c9d!important;letter-spacing:.02em!important}
#itemsContainer .card__title{font-size:12px!important;line-height:1.3!important;margin-top:4px!important;min-height:31px!important;font-weight:800!important}
#itemsContainer .card__link{color:#0b1d30!important}
#itemsContainer .overlay{top:auto!important;bottom:8px!important;right:8px!important;left:auto!important;display:flex!important;gap:5px!important;opacity:0!important;transform:translateY(4px)!important;transition:.18s ease!important}
#itemsContainer .inner-box:hover .overlay{opacity:1!important;transform:none!important}
#itemsContainer .overlay li a,#itemsContainer .overlay li button{width:31px!important;height:31px!important;border-radius:6px!important;background:#fff!important;color:var(--rra-blue)!important;box-shadow:0 4px 12px rgba(6,33,60,.12)!important;display:grid!important;place-items:center!important}
#itemsContainer .overlay li a:hover,#itemsContainer .overlay li button:hover{background:var(--rra-blue)!important;color:#fff!important}
.search--hero input{height:42px!important;border:1px solid #dbe5ee!important;border-radius:7px!important;background:#fff!important;font-size:11.5px!important;box-shadow:none!important}
.filter-btns li{border-radius:999px!important;border:1px solid #dce5ee!important;background:#fff!important;color:#5d7084!important;font-size:10.5px!important}
.filter-btns li.active,.filter-btns li:hover{background:var(--rra-blue)!important;color:#fff!important;border-color:var(--rra-blue)!important}

/* ===== PRODUCT DETAIL ===== */
.pdp{font-family:Inter,Jost,sans-serif!important;background:#fff!important;padding:24px 0 58px!important}
.pdp__layout{max-width:1320px!important;gap:28px!important}
.pdp__media,.pdp__gallery-main,.pdp__content{border-color:#dfe7ef!important}
.pdp__gallery-main,.pdp__main-image{background:#f7f9fb!important;border-radius:9px!important}
.pdp h1,.pdp__title{font-size:30px!important;line-height:1.12!important;color:var(--rra-navy)!important;font-weight:850!important;letter-spacing:-.02em!important}
.pdp__sku,.pdp__meta{color:#718398!important;font-size:10px!important}
.pdp__desc{color:#5e7185!important;font-size:12.5px!important;line-height:1.65!important}
.pdp__tag{background:#eaf3ff!important;color:#1763b6!important;border-color:#d6e8fc!important;border-radius:999px!important}
.pdp__mediatab.is-active{background:var(--rra-navy)!important;border-color:var(--rra-navy)!important;color:#fff!important}
.pdp table,.pdp__specs{border-color:#dfe7ef!important}
.product-add-quote-btn,.pdp .theme_btn_1{background:linear-gradient(135deg,var(--rra-blue-2),var(--rra-blue))!important;border-radius:7px!important}

/* ===== ACCOUNT / QUOTE ===== */
.account-hero{background:linear-gradient(135deg,#061f39,#0a3158)!important}
.account-hero__avatar{background:linear-gradient(145deg,#5aa8ff,#086df4)!important;color:#fff!important}
.account-sidebar__item.is-active,.account-tabs__btn.is-active{color:var(--rra-blue)!important;border-color:var(--rra-blue)!important}
.account-quote-card,.account-panel,.account-card{border-radius:9px!important;border-color:#dfe7ef!important;box-shadow:0 5px 16px rgba(6,33,60,.05)!important}

/* ===== FOOTER ===== */
.main-footer{background:linear-gradient(180deg,#061f39,#04192d)!important}
.main-footer .upper-box{border-bottom:1px solid rgba(255,255,255,.08)!important}
.main-footer .widget-title{color:#fff!important;font-size:14px!important}
.main-footer,.main-footer p,.main-footer li,.main-footer a,.main-footer .text{color:rgba(255,255,255,.66)!important}
.main-footer a:hover{color:#fff!important}
.main-footer .copyright-text{color:rgba(255,255,255,.52)!important}

/* ===== GENERAL CARDS ===== */
.inner-box,.service-block .inner-box,.news-block .inner-box,.product-block .inner-box{border-radius:9px!important}
.product-block .inner-box,.news-block .inner-box{border:1px solid #e0e8f0!important;box-shadow:0 7px 18px rgba(6,33,60,.05)!important}
.product-block .inner-box:hover,.news-block .inner-box:hover{box-shadow:0 14px 28px rgba(6,33,60,.10)!important}

/* Header quote cart badge */
.rra-quote-header-btn{position:relative!important}
.rra-quote-header-badge{position:absolute;right:-6px;top:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4052;color:#fff;font-size:9px;line-height:16px;text-align:center;font-weight:800;box-shadow:0 2px 6px rgba(239,64,82,.35)}

/* ===== RESPONSIVE ===== */
@media(max-width:1200px){
  .main-header .rra-header-search{width:190px}
  .main-header .main-menu .navigation>li>a{padding:0 7px!important;font-size:11.5px!important}
  .rra-reference-category-grid{grid-template-columns:repeat(3,1fr)}
  .rra-reference-category:nth-child(n+4){display:none}
}
@media(max-width:991px){
  .main-header .rra-header-search{display:none}
  .main-header .navbar-right-info .link-btn{display:none!important}
  .rra-reference-hero__media{background-size:cover;background-position:center}
  .rra-reference-hero__media:after{background:linear-gradient(90deg,rgba(4,25,45,.98),rgba(4,25,45,.82) 70%,rgba(4,25,45,.55))}
  .rra-reference-hero__copy{padding-left:6px;padding-right:6px}
  .rra-reference-benefits{grid-template-columns:repeat(2,1fr)}
  .rra-reference-benefit:nth-child(2){border-right:0}
  .rra-reference-benefit{padding:10px 16px}
}
@media(max-width:767px){
  .rra-reference-hero{min-height:545px}
  .rra-reference-hero__inner{min-height:430px}
  .rra-reference-hero h1{font-size:34px!important}
  .rra-reference-hero p{font-size:12.5px}
  .rra-reference-benefits{grid-template-columns:1fr 1fr}
  .rra-reference-benefit{min-height:66px}
  .rra-reference-category-grid{grid-template-columns:1fr 1fr}
  .rra-reference-category:nth-child(3){display:none}
  .page-title{min-height:180px!important;padding:52px 0 40px!important}
  .page-title h1{font-size:28px!important}
  #itemsContainer .image{height:132px!important;min-height:132px!important}
}
@media(max-width:520px){
  .rra-reference-hero h1{font-size:30px!important}
  .rra-reference-hero__copy{padding-top:34px}
  .rra-reference-benefit{grid-template-columns:32px 1fr;padding:8px 10px}
  .rra-reference-benefit__icon{width:27px;height:27px;font-size:12px}
  .rra-reference-category-grid{grid-template-columns:1fr}
  .rra-reference-category:nth-child(2){display:none}
}
/* Brand lockup — match approved reference */
.main-header .header-top{display:none!important}
.main-header .logo-box{display:flex!important;align-items:center!important;gap:11px!important;min-width:255px!important}
.main-header .logo-box .logo{display:flex!important;align-items:center!important}
.main-header .rra-brand-copy{display:flex;flex-direction:column;line-height:1;padding-left:11px;border-left:1px solid #cbd7e2;white-space:nowrap}
.main-header .rra-brand-copy strong{font-family:Inter,sans-serif;font-size:14px;letter-spacing:.015em;color:#06213c;font-weight:850}
.main-header .rra-brand-copy span{font-family:Inter,sans-serif;font-size:7.5px;letter-spacing:.18em;color:#53687d;margin-top:6px;font-weight:700}
.main-header .sticky-header .rra-brand-copy strong{font-size:12.5px}.main-header .sticky-header .rra-brand-copy span{font-size:7px;margin-top:4px}
@media(max-width:1200px){.main-header .logo-box{min-width:205px!important}.main-header .rra-brand-copy strong{font-size:11.5px}.main-header .rra-brand-copy span{font-size:6.5px}}
@media(max-width:991px){.main-header .rra-brand-copy{display:none!important}.main-header .logo-box{min-width:auto!important}}