/*
 * Reliz.az
 * Shared site foundation
 *
 * Brand: Midnight Sun Dance
 * Article images: ORIGINAL / NATURAL RATIO / NO CROP
 */

:root{
  /* Brand */
  --navy:#001524;
  --teal:#15616D;
  --cream:#FFECD1;
  --orange:#FF7D00;

  /* Neutral */
  --surface:#FFFFFF;
  --surface-soft:#F6F7F8;
  --surface-muted:#F1F4F5;

  --text:#17212B;
  --muted:#68737D;
  --border:#E2E7EA;

  /* Semantic */
  --success:#157347;
  --warning:#A15C00;
  --error:#B42318;

  /* Layout */
  --container:1180px;
  --content:820px;

  /* Radius */
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:14px;
  --radius-pill:999px;

  /* Shadow */
  --shadow-sm:0 1px 2px rgba(0,21,36,.05);
  --shadow-md:0 8px 30px rgba(0,21,36,.07);

  /* Spacing */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --space-10:60px;

  /* Typography */
  --font-sans:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;
}


/* =========================================================
   BASE
   ========================================================= */

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  min-width:320px;
  background:var(--surface-soft);
  color:var(--text);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.5;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  min-width:320px;
  background:var(--surface-soft);
  color:var(--text);
}

img,
svg{
  max-width:100%;
}

a{
  color:var(--teal);
}

a:hover{
  color:var(--navy);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(255,125,0,.42);
  outline-offset:3px;
}

::selection{
  background:var(--cream);
  color:var(--navy);
}


/* =========================================================
   GENERIC LAYOUT
   ========================================================= */

.container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:24px;
}

.site-main{
  min-height:60vh;
}

.wrap{
  width:100%;
  max-width:var(--container);
  margin:32px auto;
  padding:0 24px 60px;
}


/* =========================================================
   FUTURE HEADER / FOOTER FOUNDATION
   ========================================================= */

.site-header{
  background:var(--navy);
  color:#fff;
}

.site-header a{
  color:inherit;
}

.site-footer{
  margin-top:auto;
  background:var(--navy);
  color:#fff;
}

.site-footer a{
  color:inherit;
}


/* =========================================================
   COMMON UI
   ========================================================= */

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 18px;
  border:0;
  border-radius:var(--radius-sm);
  font:inherit;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
}

.button-primary{
  background:var(--orange);
  color:var(--navy);
}

.button-primary:hover{
  background:#F27400;
  color:var(--navy);
}

.button-secondary{
  background:var(--teal);
  color:#fff;
}

.button-secondary:hover{
  color:#fff;
}

.page-title{
  margin:0;
  color:var(--navy);
  font-size:clamp(32px,5vw,48px);
  line-height:1.08;
  letter-spacing:-.025em;
}

.section-title{
  margin:0;
  color:var(--navy);
  font-size:clamp(24px,3vw,32px);
  line-height:1.15;
}

.muted{
  color:var(--muted);
}


/* =========================================================
   ARTICLE
   ========================================================= */

.article{
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}

.content{
  width:100%;
  max-width:var(--content);
  margin-inline:auto;
  padding:48px 42px 60px;
}

.label{
  display:inline-block;
  margin-bottom:14px;
  color:var(--orange);
  font-size:13px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.article h1{
  margin:0 0 18px;
  color:var(--navy);
  font-size:clamp(32px,5vw,44px);
  line-height:1.12;
  letter-spacing:-.025em;
}

.meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-bottom:28px;
  color:var(--teal);
  font-size:14px;
  font-weight:600;
}

.meta a{
  color:var(--teal);
  text-decoration:none;
}

.meta a:hover{
  color:var(--navy);
  text-decoration:underline;
}


/*
 * CRITICAL MEDIA POLICY
 *
 * Article hero is ALWAYS the original image.
 * Never crop.
 * Never force 16:9.
 * Never force width:100%.
 */

.hero{
  margin:0;
  background:#fff;
  text-align:center;
}

.hero img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:0 auto;
}

.notice{
  margin:0 0 30px;
  padding:14px 18px;
  background:#FFF8EF;
  border-left:4px solid var(--orange);
  font-size:14px;
  line-height:1.5;
}

.body{
  color:var(--text);
  font-size:18px;
  line-height:1.75;
}

.body p{
  margin:0 0 22px;
}

.body h2{
  margin:38px 0 16px;
  color:var(--navy);
  font-size:28px;
  line-height:1.2;
}

.body h3{
  margin:32px 0 14px;
  color:var(--navy);
  font-size:22px;
  line-height:1.25;
}

.body ul,
.body ol{
  margin:0 0 22px;
  padding-left:28px;
}

.body li + li{
  margin-top:8px;
}

.body blockquote{
  margin:28px 0;
  padding:4px 0 4px 20px;
  border-left:4px solid var(--teal);
  color:var(--muted);
}

.body a,
.source a{
  color:var(--teal);
  overflow-wrap:anywhere;
}

.tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:32px;
}

.tag{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 11px;
  border-radius:var(--radius-pill);
  background:#EDF4F5;
  color:var(--teal);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
}

.tag:hover{
  background:var(--cream);
  color:var(--navy);
}

.source{
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid var(--border);
  font-size:14px;
}


/* =========================================================
   AD LAYOUT FOUNDATION
   No fixed creative sizes yet.
   ========================================================= */

.ad-slot{
  display:flex;
  width:100%;
  min-height:90px;
  align-items:center;
  justify-content:center;
}

/*
 * PHASE G — GLOBAL 5-SLOT AD INVENTORY
 *
 * Global placements:
 *   top
 *   inline
 *   bottom
 *   sidebar_1
 *   sidebar_2
 *
 * Empty slots below are visual development placeholders only.
 */

.ad-slot[data-empty="true"]{
  position:relative;
  display:flex;
  width:100%;
  min-height:120px;
  padding:16px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:2px dashed rgba(21,97,109,.42);
  border-radius:12px;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(21,97,109,.035),
      rgba(21,97,109,.035) 12px,
      rgba(255,236,209,.22) 12px,
      rgba(255,236,209,.22) 24px
    );
  color:var(--navy);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
  text-align:center;
}

.ad-slot[data-empty="true"]::before{
  content:"REKLAM · " attr(data-placement);
  display:block;
  max-width:100%;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 1px 8px rgba(0,21,36,.08);
  letter-spacing:.035em;
  overflow-wrap:anywhere;
}


/* Real creative contract */

.ad-slot:not([data-empty="true"]){
  min-height:0;
  padding:0;
  border:0;
  background:none;
}

.ad-slot > a{
  display:block;
  width:100%;
}

.ad-slot img,
.ad-slot video{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
}


/* Global wide placements */

.ad-slot[data-placement="top"],
.ad-slot[data-placement="bottom"]{
  max-width:970px;
  min-height:180px;
  margin:24px auto;
}

.ad-slot[data-placement="inline"]{
  max-width:970px;
  min-height:140px;
  margin:28px auto;
}


/* Shared desktop content + advertising rail */

.ad-global-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:28px;
  align-items:start;
}

.ad-global-main{
  min-width:0;
}

.ad-global-sidebar{
  min-width:0;
  align-self:stretch;
}

.ad-global-sidebar-sticky{
  position:sticky;
  top:24px;
}

.ad-global-sidebar-slot{
  width:100%;
  max-width:300px;
  min-height:250px;
  margin:0;
}

.ad-global-sidebar-slot +
.ad-global-sidebar-slot{
  margin-top:22px;
}


/*
 * Homepage sections now live inside the main advertising column.
 * Their inner containers must use that column instead of creating
 * another desktop max-width container.
 */

.home-ad-global-shell .ad-global-main > section > .container{
  width:100%;
  max-width:none;
  padding-inline:0;
}


/* Mobile is intentionally provisional until desktop is approved. */

@media(max-width:820px){

  .ad-global-shell{
    grid-template-columns:1fr;
  }

  .ad-global-sidebar{
    display:none;
  }

  .ad-slot[data-placement="top"],
  .ad-slot[data-placement="inline"],
  .ad-slot[data-placement="bottom"]{
    width:calc(100% - 32px);
    min-height:100px;
    margin:16px auto;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

  .container{
    padding-inline:16px;
  }

  .wrap{
    margin-top:18px;
    padding:0 12px 36px;
  }

  .content{
    padding:28px 20px 40px;
  }

  .article h1{
    font-size:32px;
  }

  .body{
    font-size:17px;
  }
}


/* =========================================================
   RELIZ HEADER V1
   ========================================================= */

.site-header{
  position:relative;
  z-index:20;
  width:100%;
  background:var(--navy);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.header-inner{
  display:flex;
  min-height:72px;
  align-items:center;
  gap:28px;
}

.site-brand{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  color:#fff;
  font-size:25px;
  font-weight:850;
  line-height:1;
  letter-spacing:-.035em;
  text-decoration:none;
}

.site-brand:hover{
  color:#fff;
}

.site-brand-dot{
  color:var(--orange);
}

.primary-nav{
  display:flex;
  flex:1 1 auto;
  align-items:center;
  gap:4px;
}

.primary-nav a{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  padding:8px 11px;
  border-radius:var(--radius-sm);
  color:rgba(255,255,255,.84);
  font-size:14px;
  font-weight:650;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}

.primary-nav a:hover{
  background:rgba(255,255,255,.07);
  color:#fff;
}

.primary-nav-icon{
  width:14px;
  flex:0 0 14px;
  margin-right:7px;
  color:rgba(255,255,255,.68);
  font-size:13px;
  text-align:center;
}

.primary-nav a:hover .primary-nav-icon{
  color:#fff;
}

.header-actions{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:10px;
}

.header-cta{
  min-height:44px;
  padding-inline:17px;
  white-space:nowrap;
}


/* Desktop compact */

@media(max-width:1000px){

  .header-inner{
    gap:16px;
  }

  .primary-nav{
    gap:0;
  }

  .primary-nav a{
    padding-inline:8px;
    font-size:13px;
  }

  .header-cta{
    padding-inline:13px;
    font-size:14px;
  }
}


/* Mobile header */

@media(max-width:820px){

  .header-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:0 12px;
    padding-top:12px;
    padding-bottom:0;
  }

  .site-brand{
    min-height:44px;
  }

  .header-actions{
    justify-self:end;
  }

  .primary-nav{
    grid-column:1 / -1;
    order:3;
    width:calc(100% + 32px);
    margin:10px -16px 0;
    padding:0 16px 10px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .primary-nav::-webkit-scrollbar{
    display:none;
  }

  .primary-nav a{
    flex:0 0 auto;
    min-height:40px;
    padding:7px 10px;
    font-size:14px;
  }
}


@media(max-width:560px){

  .header-inner{
    padding-top:10px;
  }

  .site-brand{
    font-size:23px;
  }

  .header-cta{
    min-height:42px;
    padding:9px 11px;
    font-size:12px;
  }
}


@media(max-width:390px){

  .header-actions{
    gap:7px;
  }

  .header-cta{
    padding-inline:9px;
    font-size:11px;
  }

  .site-brand{
    font-size:21px;
  }
}


/* =========================================================
   RELIZ FOOTER V1
   ========================================================= */

.site-footer{
  margin-top:64px;
  background:var(--navy);
  color:#fff;
}

.footer-main{
  display:grid;
  grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(150px,1fr));
  gap:48px;
  padding-top:54px;
  padding-bottom:46px;
}

.footer-brand{
  max-width:330px;
}

.footer-logo{
  display:inline-flex;
  align-items:center;
  margin-bottom:18px;
  color:#fff;
  font-size:28px;
  font-weight:850;
  line-height:1;
  letter-spacing:-.035em;
  text-decoration:none;
}

.footer-logo:hover{
  color:#fff;
}

.footer-logo-dot{
  color:var(--orange);
}

.footer-description{
  margin:0;
  color:rgba(255,255,255,.67);
  font-size:14px;
  line-height:1.65;
}

.footer-heading{
  margin:2px 0 16px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.footer-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  margin:0;
  padding:0;
  list-style:none;
}

.footer-links a{
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.35;
  text-decoration:none;
}

.footer-links a:hover{
  color:#fff;
  text-decoration:underline;
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);
}

.footer-bottom-inner{
  display:flex;
  min-height:66px;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:rgba(255,255,255,.58);
  font-size:13px;
}

.footer-bottom-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
}

.footer-bottom-links a{
  color:rgba(255,255,255,.64);
  text-decoration:none;
}

.footer-bottom-links a:hover{
  color:#fff;
}


/* Footer responsive */

@media(max-width:900px){

  .footer-main{
    grid-template-columns:1.4fr 1fr 1fr;
    gap:38px 28px;
  }

  .footer-brand{
    grid-column:1 / -1;
    max-width:520px;
  }
}


@media(max-width:650px){

  .site-footer{
    margin-top:42px;
  }

  .footer-main{
    grid-template-columns:1fr 1fr;
    gap:34px 24px;
    padding-top:40px;
    padding-bottom:36px;
  }

  .footer-brand{
    grid-column:1 / -1;
  }

  .footer-description{
    max-width:440px;
  }

  .footer-bottom-inner{
    display:block;
    padding-top:20px;
    padding-bottom:22px;
  }

  .footer-bottom-links{
    margin-top:10px;
  }
}


@media(max-width:430px){

  .footer-main{
    grid-template-columns:1fr;
  }

  .footer-brand{
    grid-column:auto;
  }
}


/* =========================================================
   RELIZ HOMEPAGE V1
   ========================================================= */

.home-page{
  background:#fff;
}

.home-page .site-footer{
  margin-top:0;
}


/* Advertising placement containers */

.home-ad{
  width:100%;
}

.home-ad .ad-slot{
  max-width:var(--container);
  margin-inline:auto;
}

.home-ad-site-top{
  background:var(--surface-soft);
}


/* Common home sections */

.home-section{
  padding-top:64px;
  padding-bottom:64px;
}

.home-section-muted{
  background:var(--surface-soft);
}

.home-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}

.home-section-intro{
  max-width:690px;
}

.home-section-kicker{
  margin:0 0 8px;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-section-title{
  margin:0;
  color:var(--navy);
  font-size:clamp(27px,4vw,38px);
  line-height:1.1;
  letter-spacing:-.03em;
}

.home-section-description{
  margin:10px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}

.home-section-link{
  flex:0 0 auto;
  color:var(--teal);
  font-size:14px;
  font-weight:750;
  text-decoration:none;
}

.home-section-link:hover{
  color:var(--navy);
  text-decoration:underline;
}


/* Release cards */

.release-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.release-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}

.release-card:hover{
  border-color:#CCD6DA;
  box-shadow:var(--shadow-md);
}

.release-card-media{
  display:flex;
  aspect-ratio:16 / 10;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#F2F5F6;
  border-bottom:1px solid var(--border);
}

.release-card-media img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
}

.release-card-placeholder{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  padding:30px;
  background:var(--cream);
  color:var(--navy);
  font-size:22px;
  font-weight:850;
  text-align:center;
}

.release-card-content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:22px;
}

.release-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-bottom:12px;
  color:var(--muted);
  font-size:12px;
}

.release-card-meta a{
  color:var(--teal);
  font-weight:700;
  text-decoration:none;
}

.release-card-title{
  margin:0;
  color:var(--navy);
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.015em;
}

.release-card-title a{
  color:inherit;
  text-decoration:none;
}

.release-card-title a:hover{
  color:var(--teal);
}

.release-card-excerpt{
  display:-webkit-box;
  margin:13px 0 0;
  overflow:hidden;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.release-card-company{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  gap:9px;
  margin-top:auto;
  padding-top:20px;
  color:var(--teal);
  font-size:13px;
  font-weight:750;
  line-height:1.3;
  text-decoration:none;
}

.release-card-qurum-logo{
  display:inline-flex;
  width:30px;
  height:30px;
  flex:0 0 30px;
  align-items:center;
  justify-content:center;
  padding:4px;
  overflow:hidden;
  background:var(--surface-soft);
  border:1px solid var(--border);
  border-radius:8px;
}

.release-card-qurum-logo img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
}

.release-card-qurum-logo-fallback{
  color:var(--navy);
  font-size:12px;
  font-weight:850;
  line-height:1;
}

.release-card-qurum-name{
  min-width:0;
  overflow-wrap:anywhere;
}


/* Featured */

.featured-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}


/* Categories */

.category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.category-card{
  display:flex;
  min-height:94px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  color:var(--navy);
  text-decoration:none;
}

.category-card:hover{
  border-color:var(--teal);
  color:var(--teal);
}

.category-card-name{
  font-weight:750;
  line-height:1.35;
}

.category-card-count{
  display:inline-flex;
  min-width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border-radius:var(--radius-pill);
  background:var(--surface-muted);
  color:var(--muted);
  font-size:12px;
  font-weight:750;
}


/* Companies */

.company-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}


/* Empty state */

.home-empty{
  padding:34px;
  background:#fff;
  border:1px dashed var(--border);
  border-radius:var(--radius-lg);
  color:var(--muted);
  text-align:center;
}


/* Responsive homepage */

@media(max-width:980px){

  .release-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .company-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


@media(max-width:700px){

  .home-section{
    padding-top:48px;
    padding-bottom:48px;
  }

  .home-section-head{
    display:block;
  }

  .home-section-link{
    display:inline-block;
    margin-top:14px;
  }

  .release-grid,
  .featured-grid,
  .category-grid,
  .company-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   RELIZ RELEASE INDEX V1
   ========================================================= */

.listing-page{
  background:#fff;
}

.listing-page .site-footer{
  margin-top:0;
}

.listing-hero{
  background:var(--surface-soft);
  border-bottom:1px solid var(--border);
}

.listing-hero-inner{
  padding-top:60px;
  padding-bottom:54px;
}

.listing-kicker{
  margin:0 0 10px;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.listing-title{
  margin:0;
  color:var(--navy);
  font-size:clamp(36px,5vw,52px);
  line-height:1.06;
  letter-spacing:-.035em;
}

.listing-description{
  max-width:720px;
  margin:15px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}

.listing-main{
  padding-top:48px;
  padding-bottom:70px;
}

.listing-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
  color:var(--muted);
  font-size:14px;
}

.listing-summary strong{
  color:var(--navy);
}

.listing-page-number{
  white-space:nowrap;
}


/* Pagination */

.pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:44px;
}

.pagination a,
.pagination span{
  display:inline-flex;
  min-width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--navy);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}

.pagination a:hover{
  border-color:var(--teal);
  color:var(--teal);
}

.pagination .pagination-current{
  border-color:var(--navy);
  background:var(--navy);
  color:#fff;
}

.pagination .pagination-disabled{
  color:#A2AAB0;
  cursor:default;
}

.pagination-label{
  padding-inline:16px !important;
}


/* Listing ad areas */

.listing-ad{
  background:#fff;
}

.listing-ad .ad-slot{
  max-width:var(--container);
  margin-inline:auto;
}


/* Responsive */

@media(max-width:700px){

  .listing-hero-inner{
    padding-top:44px;
    padding-bottom:40px;
  }

  .listing-main{
    padding-top:36px;
    padding-bottom:52px;
  }

  .listing-summary{
    display:block;
  }

  .listing-page-number{
    margin-top:6px;
  }

  .pagination{
    margin-top:34px;
  }

  .pagination-label{
    display:none !important;
  }
}


/* =========================================================
   RELIZ COMPANIES V1
   ========================================================= */

.company-directory{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.company-directory-card{
  display:flex;
  min-height:180px;
  flex-direction:column;
  padding:24px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  color:var(--navy);
  text-decoration:none;
  box-shadow:var(--shadow-sm);
}

.company-directory-card:hover{
  border-color:var(--teal);
  color:var(--navy);
  box-shadow:var(--shadow-md);
}


.company-directory-logo{
  display:flex;
  width:74px;
  height:74px;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  padding:10px;
  overflow:hidden;
  background:var(--surface-soft);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
}

.company-directory-logo img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
}

.company-directory-logo-fallback{
  display:block;
  overflow:hidden;
  color:var(--navy);
  font-size:10px;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  overflow-wrap:anywhere;
}

.company-directory-name{  display:block;
  font-size:20px;
  font-weight:800;
  line-height:1.25;
}

.company-directory-country{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:13px;
}

.company-directory-description{
  display:-webkit-box;
  margin-top:16px;
  overflow:hidden;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.company-directory-count{
  display:block;
  margin-top:auto;
  padding-top:20px;
  color:var(--teal);
  font-size:13px;
  font-weight:750;
}


/* Company detail */

.company-page{
  background:#fff;
}

.company-page .site-footer{
  margin-top:0;
}

.company-profile{
  background:var(--surface-soft);
  border-bottom:1px solid var(--border);
}

.company-profile-kicker{
  margin:0 0 10px;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.company-profile-title{
  margin:0;
  color:var(--navy);
  font-size:clamp(36px,5vw,52px);
  line-height:1.06;
  letter-spacing:-.035em;
}

.company-profile-country{
  margin:12px 0 0;
  color:var(--teal);
  font-size:15px;
  font-weight:700;
}

.company-profile-description{
  max-width:720px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}


.company-profile-contacts{
  display:grid;
  gap:9px;
  margin-top:20px;
}

.company-profile-contact{
  display:flex;
  flex-wrap:wrap;
  gap:6px 10px;
  align-items:baseline;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.company-profile-contact strong{
  color:var(--navy);
  font-size:13px;
}

.company-profile-contact a{
  color:var(--teal);
  overflow-wrap:anywhere;
  text-decoration:none;
}

.company-profile-contact a:hover{
  text-decoration:underline;
}

.company-profile-links{  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:20px;
}

.company-profile-links a{
  color:var(--teal);
  font-size:14px;
  font-weight:700;
  overflow-wrap:anywhere;
  text-decoration:none;
}

.company-profile-links a:hover{
  text-decoration:underline;
}

.company-logo-box{
  display:flex;
  width:100%;
  min-height:190px;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
}

.company-logo-box img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:150px;
}

.company-logo-fallback{
  color:var(--navy);
  font-size:25px;
  font-weight:850;
  line-height:1.2;
  text-align:center;
}

.company-releases{
  padding-top:52px;
  padding-bottom:70px;
}

.company-releases-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}

.company-releases-title{
  margin:0;
  color:var(--navy);
  font-size:clamp(26px,4vw,36px);
  line-height:1.12;
  letter-spacing:-.025em;
}

.company-releases-count{
  color:var(--muted);
  font-size:14px;
}

.company-ad{
  background:#fff;
}


/* Responsive */

@media(max-width:900px){

  .company-directory{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .company-logo-box{
    max-width:420px;
    min-height:160px;
  }
}


@media(max-width:650px){

  .company-directory{
    grid-template-columns:1fr;
  }

  .company-releases{
    padding-top:40px;
    padding-bottom:52px;
  }

  .company-releases-head{
    display:block;
  }

  .company-releases-count{
    margin-top:8px;
  }
}


/* =========================================================
   RELIZ CATEGORIES V1
   ========================================================= */

.category-directory{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.category-directory-card{
  display:flex;
  min-height:142px;
  flex-direction:column;
  justify-content:space-between;
  padding:22px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  color:var(--navy);
  text-decoration:none;
  box-shadow:var(--shadow-sm);
}

.category-directory-card:hover{
  border-color:var(--teal);
  color:var(--navy);
  box-shadow:var(--shadow-md);
}

.category-directory-name{
  display:block;
  font-size:18px;
  font-weight:800;
  line-height:1.35;
}

.category-directory-count{
  display:block;
  margin-top:22px;
  color:var(--teal);
  font-size:13px;
  font-weight:750;
}


/* Category detail */

.category-page{
  background:#fff;
}

.category-page .site-footer{
  margin-top:0;
}

.category-profile{
  background:var(--surface-soft);
  border-bottom:1px solid var(--border);
}

.category-profile-inner{
  padding-top:58px;
  padding-bottom:52px;
}

.category-profile-kicker{
  margin:0 0 10px;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.category-profile-title{
  margin:0;
  color:var(--navy);
  font-size:clamp(36px,5vw,52px);
  line-height:1.06;
  letter-spacing:-.035em;
}

.category-profile-description{
  max-width:760px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}

.category-profile-count{
  display:inline-flex;
  margin-top:20px;
  padding:7px 12px;
  border-radius:var(--radius-pill);
  background:#EAF1F2;
  color:var(--teal);
  font-size:13px;
  font-weight:750;
}

.category-releases{
  padding-top:50px;
  padding-bottom:70px;
}

.category-ad{
  background:#fff;
}


/* Responsive */

@media(max-width:900px){

  .category-directory{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


@media(max-width:650px){

  .category-directory{
    grid-template-columns:1fr;
  }

  .category-profile-inner{
    padding-top:42px;
    padding-bottom:40px;
  }

  .category-releases{
    padding-top:38px;
    padding-bottom:52px;
  }
}


/* =========================================================
   RELIZ ARTICLE EXPANSION V1
   ========================================================= */

.article-page-body{
  background:var(--surface-soft);
}

.article-page-body .site-footer{
  margin-top:0;
}

.article-page{
  min-height:60vh;
}

.article-page-container{
  padding-top:26px;
  padding-bottom:64px;
}


/* Breadcrumbs */

.breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:6px 9px;
  align-items:center;
  margin-bottom:20px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

.breadcrumbs a{
  color:var(--teal);
  text-decoration:none;
}

.breadcrumbs a:hover{
  text-decoration:underline;
}

.breadcrumbs span[aria-current="page"]{
  max-width:440px;
  overflow:hidden;
  color:var(--muted);
  text-overflow:ellipsis;
  white-space:nowrap;
}


/* Two-column article layout */

.article-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:28px;
  align-items:start;
}

.article-main-column{
  min-width:0;
}

.article-sidebar{
  min-width:0;
  align-self:stretch;
}

.article-sidebar-sticky{
  position:sticky;
  top:24px;
}


/* Main article refinement */

.article-page .article{
  border-radius:var(--radius-lg);
}

.article-page .content{
  max-width:860px;
}

.article-share{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:-8px 0 28px;
}

.article-share-label{
  margin-right:3px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}

.article-share a{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:6px 10px;
  border:1px solid var(--border);
  border-radius:var(--radius-pill);
  background:#fff;
  color:var(--teal);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}

.article-share a:hover{
  border-color:var(--teal);
  color:var(--navy);
}


/* Company block */

.article-company{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:20px;
  align-items:start;
  margin-top:38px;
  padding:26px;
  background:var(--surface-soft);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
}

.article-company-main{
  min-width:0;
}

.article-company-logo{
  display:flex;
  width:76px;
  height:76px;
  align-items:center;
  justify-content:center;
  padding:10px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
}

.article-company-logo img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
}

.article-company-logo-fallback{
  display:block;
  overflow:hidden;
  color:var(--navy);
  font-size:10px;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  overflow-wrap:anywhere;
}

.article-company-country{
  margin-top:7px;
  color:var(--teal);
  font-size:13px;
  font-weight:700;
}

.article-company-country a{
  color:inherit;
  text-decoration:none;
}

.article-company-country a:hover{
  text-decoration:underline;
}

.article-company-kicker{
  margin-bottom:8px;
  color:var(--orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.article-company h2{
  margin:0;
  color:var(--navy);
  font-size:23px;
  line-height:1.2;
}

.article-company h2 a{
  color:inherit;
  text-decoration:none;
}

.article-company h2 a:hover{
  color:var(--teal);
}

.article-company p{
  margin:12px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}

.article-company-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:17px;
}

.article-company-links a{
  color:var(--teal);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}

.article-company-links a:hover{
  text-decoration:underline;
}


/* Related / latest */

.article-more{
  margin-top:36px;
}

.article-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  margin-bottom:18px;
}

.article-section-head h2{
  margin:0;
  color:var(--navy);
  font-size:25px;
  line-height:1.2;
  letter-spacing:-.02em;
}

.article-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.article-card-grid .release-card-title{
  font-size:18px;
}

.article-card-grid .release-card-content{
  padding:18px;
}


/* Advertising architecture */

.release-ad{
  width:100%;
}

.release-ad-top,
.release-after-ad{
  max-width:var(--container);
  margin-inline:auto;
}

.release-inline-ad{
  margin-top:28px;
  margin-bottom:28px;
}

.release-sidebar-ad + .release-sidebar-ad{
  margin-top:22px;
}


/* Tablet */

@media(max-width:1000px){

  .article-shell{
    grid-template-columns:minmax(0,1fr) 240px;
    gap:22px;
  }
}


/* Mobile */

@media(max-width:820px){

  .article-page-container{
    padding-top:18px;
    padding-bottom:48px;
  }

  .article-shell{
    grid-template-columns:1fr;
  }

  .article-sidebar{
    display:none;
  }

  .breadcrumbs span[aria-current="page"]{
    max-width:230px;
  }

  .article-card-grid{
    grid-template-columns:1fr;
  }
}


@media(max-width:560px){

  .breadcrumbs{
    font-size:12px;
  }

  .article-share{
    margin-top:-4px;
  }

  .article-company{
    padding:20px;
  }

  .article-section-head h2{
    font-size:23px;
  }
}


/* =========================================================
   RELIZ ERROR PAGES V1
   ========================================================= */

.error-page-body{
  background:var(--surface-soft);
}

.error-page-body .site-footer{
  margin-top:0;
}

.error-page{
  display:flex;
  min-height:calc(100vh - 160px);
  align-items:center;
}

.error-page-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,380px);
  gap:60px;
  align-items:center;
  padding-top:72px;
  padding-bottom:80px;
}

.error-code{
  margin:0 0 14px;
  color:var(--orange);
  font-size:14px;
  font-weight:850;
  letter-spacing:.12em;
}

.error-title{
  max-width:700px;
  margin:0;
  color:var(--navy);
  font-size:clamp(38px,6vw,62px);
  line-height:1.02;
  letter-spacing:-.04em;
}

.error-description{
  max-width:660px;
  margin:20px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}

.error-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.error-secondary{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  padding:10px 16px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--teal);
  font-size:14px;
  font-weight:750;
  text-decoration:none;
}

.error-secondary:hover{
  border-color:var(--teal);
  color:var(--navy);
}

.error-panel{
  padding:30px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}

.error-panel-title{
  margin:0 0 16px;
  color:var(--navy);
  font-size:17px;
  font-weight:800;
}

.error-links{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.error-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 0;
  border-bottom:1px solid var(--border);
  color:var(--teal);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}

.error-links li:last-child a{
  border-bottom:0;
}

.error-links a:hover{
  color:var(--navy);
}

@media(max-width:760px){

  .error-page{
    min-height:auto;
  }

  .error-page-inner{
    grid-template-columns:1fr;
    gap:36px;
    padding-top:52px;
    padding-bottom:56px;
  }

  .error-description{
    font-size:16px;
  }
}


/* =========================================================
   RELIZ SEARCH V1
   ========================================================= */

.search-hero{
  padding:56px 0 34px;
  background:var(--surface-soft);
  border-bottom:1px solid var(--border);
}

.search-hero-inner{
  max-width:900px;
}

.search-page-title{
  margin:8px 0 24px;
  color:var(--navy);
  font-size:clamp(36px,5vw,58px);
  line-height:1.02;
  letter-spacing:-.04em;
}

.search-page-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  width:100%;
}

.search-page-input{
  width:100%;
  min-width:0;
  height:52px;
  padding:0 18px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--navy);
  font:inherit;
  font-size:16px;
  outline:none;
}

.search-page-input:focus{
  border-color:var(--teal);
  box-shadow:0 0 0 3px rgba(21,97,109,.12);
}

.search-page-content{
  max-width:900px;
  padding-top:34px;
  padding-bottom:70px;
}

.search-results-summary{
  margin-bottom:16px;
  color:var(--muted);
  font-size:14px;
}

.search-results{
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--border);
}

.search-result{
  display:block;
  padding:24px 2px;
  border-bottom:1px solid var(--border);
  color:inherit;
  text-decoration:none;
}

.search-result:hover .search-result-title{
  color:var(--teal);
}

.search-result-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin-bottom:8px;
}

.search-result-type{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 9px;
  border-radius:999px;
  background:var(--cream);
  color:var(--navy);
  font-size:12px;
  font-weight:800;
}

.search-result-meta{
  color:var(--muted);
  font-size:13px;
}

.search-result-title{
  margin:0;
  color:var(--navy);
  font-size:21px;
  line-height:1.28;
  transition:color .15s ease;
}

.search-result-excerpt{
  max-width:760px;
  margin:9px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}

.search-empty{
  padding:42px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--surface-soft);
}

.search-empty h2{
  margin:0 0 8px;
  color:var(--navy);
  font-size:22px;
}

.search-empty p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media(max-width:640px){

  .search-hero{
    padding-top:38px;
  }

  .search-page-form{
    grid-template-columns:1fr;
  }

  .search-page-form .button{
    width:100%;
  }

  .search-empty{
    padding:28px 22px;
  }

  .search-result-title{
    font-size:19px;
  }
}

/* =========================================================
   RELIZ HEADER LIVE SEARCH V2
   ========================================================= */

.header-live-search{
  position:relative;
  z-index:60;
  width:260px;
  flex:0 1 260px;
}

.header-live-search-field{
  display:flex;
  height:44px;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:var(--radius-sm);
  background:#fff;
  transition:
    border-color .15s ease,
    box-shadow .15s ease;
}

.header-live-search-field:focus-within{
  border-color:var(--teal);
  box-shadow:0 0 0 3px rgba(21,97,109,.2);
}

.header-live-search-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:var(--teal);
  stroke:currentColor;
}

.header-live-search-input{
  width:100%;
  min-width:0;
  height:40px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--navy);
  font:inherit;
  font-size:14px;
  line-height:1;
}

.header-live-search-input::placeholder{
  color:#718087;
  opacity:1;
}

.header-live-search-input::-webkit-search-cancel-button{
  cursor:pointer;
}

.header-live-search-panel[hidden],
.live-search-results[hidden],
.live-search-status[hidden],
.live-search-all[hidden]{
  display:none!important;
}

.header-live-search-panel{
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  right:0;
  width:min(420px,calc(100vw - 32px));
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:#fff;
  box-shadow:0 18px 50px rgba(0,21,36,.2);
  color:var(--text);
}

.live-search-status{
  padding:14px 16px;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}

.live-search-results{
  max-height:440px;
  overflow:auto;
}

.live-search-result{
  display:block;
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  color:inherit;
  text-decoration:none;
  outline:0;
}

.live-search-result:last-child{
  border-bottom:0;
}

.live-search-result:hover,
.live-search-result.is-active{
  background:var(--surface-soft);
}

.live-search-result-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 9px;
  margin-bottom:5px;
}

.live-search-result-type{
  display:inline-flex;
  min-height:20px;
  align-items:center;
  padding:2px 7px;
  border-radius:999px;
  background:var(--cream);
  color:var(--navy);
  font-size:10px;
  font-weight:850;
  line-height:1.2;
}

.live-search-result-meta{
  min-width:0;
  overflow:hidden;
  color:var(--muted);
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.live-search-result-title{
  color:var(--navy);
  font-size:15px;
  font-weight:800;
  line-height:1.35;
}

.live-search-result:hover .live-search-result-title,
.live-search-result.is-active .live-search-result-title{
  color:var(--teal);
}

.live-search-result-excerpt{
  display:-webkit-box;
  margin-top:5px;
  overflow:hidden;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.live-search-all{
  display:flex;
  min-height:43px;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-top:1px solid var(--border);
  color:var(--teal);
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}

.live-search-all:hover{
  background:var(--surface-soft);
  color:var(--navy);
}


@media(max-width:1100px){

  .header-live-search{
    width:220px;
    flex-basis:220px;
  }

}


@media(max-width:760px){

  .header-inner{
    flex-wrap:wrap;
  }

  .header-actions{
    width:100%;
    flex:1 1 100%;
  }

  .header-live-search{
    width:auto;
    min-width:0;
    flex:1 1 auto;
  }

  .header-live-search-panel{
    right:auto;
    left:0;
    width:min(440px,calc(100vw - 32px));
  }

}


@media(max-width:520px){

  .header-actions{
    flex-wrap:wrap;
    align-items:stretch;
  }

  .header-live-search{
    width:100%;
    flex:1 1 100%;
  }

  .header-live-search-panel{
    right:0;
    left:0;
    width:100%;
  }

  .header-cta{
    width:100%;
    flex:1 1 100%;
  }

  .live-search-results{
    max-height:55vh;
  }

}


/* =========================================================
   RELIZ HEADER SEARCH FOCUS FIX V3
   ========================================================= */

.header-live-search-input,
.header-live-search-input:hover,
.header-live-search-input:focus,
.header-live-search-input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.header-live-search-field{
  outline:0;
}

.header-live-search-field:focus-within{
  border-color:var(--teal);
  outline:0;
  box-shadow:0 0 0 2px rgba(21,97,109,.18);
}


/* =========================================================
   RELIZ STATIC PAGES — PHASE E
   ========================================================= */

.static-page{
  min-height:60vh;
}

.static-page-hero{
  border-bottom:1px solid var(--border);
  background:var(--surface-soft);
}

.static-page-hero-inner{
  padding-top:42px;
  padding-bottom:42px;
}

.static-page-eyebrow{
  margin-top:24px;
  margin-bottom:10px;
  color:var(--teal);
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.static-page-hero .page-title{
  max-width:820px;
  margin:0;
}

.static-page-lead{
  max-width:760px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
}

.static-page-main{
  padding-top:48px;
  padding-bottom:72px;
}

.static-page-content{
  max-width:820px;
}

.static-content-section + .static-content-section{
  margin-top:42px;
  padding-top:42px;
  border-top:1px solid var(--border);
}

.static-content-section h2{
  margin:0 0 16px;
  color:var(--navy);
  font-size:24px;
  line-height:1.25;
}

.static-content-section p{
  margin:0 0 16px;
  color:var(--text);
  font-size:16px;
  line-height:1.75;
}

.static-content-section p:last-child{
  margin-bottom:0;
}

.static-content-section ul{
  margin:0;
  padding-left:22px;
}

.static-content-section li{
  margin:0 0 10px;
  color:var(--text);
  font-size:16px;
  line-height:1.65;
}

.static-content-section li:last-child{
  margin-bottom:0;
}

.static-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}


@media(max-width:760px){

  .static-page-hero-inner{
    padding-top:30px;
    padding-bottom:32px;
  }

  .static-page-eyebrow{
    margin-top:18px;
  }

  .static-page-lead{
    font-size:16px;
  }

  .static-page-main{
    padding-top:34px;
    padding-bottom:52px;
  }

  .static-content-section + .static-content-section{
    margin-top:32px;
    padding-top:32px;
  }

  .static-content-section h2{
    font-size:21px;
  }

}


/* ========================================
   RELIZ ADS RESPONSIVE FINAL V2
   ======================================== */

/*
 * TABLET
 *
 * At 1024px and below advertising changes
 * from desktop two-column layout to a single
 * content column.
 *
 * Sidebar inventory remains available but
 * becomes normal document flow.
 */

@media (max-width:1024px){

  .ad-global-shell,
  .article-shell{
    grid-template-columns:1fr;
  }

  .ad-global-sidebar,
  .article-sidebar{
    display:block;
    width:100%;
    margin-top:20px;
  }

  .ad-global-sidebar-sticky,
  .article-sidebar-sticky{
    position:static;
    top:auto;
  }

  .ad-global-sidebar-slot,
  .release-sidebar-ad{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }

  .ad-global-sidebar-slot +
  .ad-global-sidebar-slot,
  .release-sidebar-ad +
  .release-sidebar-ad{
    margin-top:16px;
  }

}


/*
 * MOBILE
 */

@media (max-width:820px){

  /*
   * Horizontal creatives.
   *
   * top/bottom are outside the inner content
   * container and retain page-side margins.
   */

  .ad-slot[data-placement="top"],
  .ad-slot[data-placement="bottom"]{
    width:calc(100% - 32px);
    min-height:100px;
    margin:16px auto;
  }

  /*
   * Inline normally lives inside its content
   * container, therefore it uses that complete
   * available width without another 32px cut.
   */

  .ad-slot[data-placement="inline"]{
    width:100%;
    max-width:none;
    min-height:100px;
    margin-left:0;
    margin-right:0;
  }

  /*
   * Homepage inline is deliberately outside
   * the inner content container, so restore
   * the normal mobile page gutters there.
   */

  .home-page
  .ad-slot[data-placement="inline"]{
    width:calc(100% - 32px);
    margin:16px auto;
  }

  /*
   * Desktop sidebar formats are represented
   * as stacked mobile inventory positions.
   */

  .ad-global-sidebar-slot,
  .release-sidebar-ad{
    min-height:100px;
  }

}


/* ========================================
   RELIZ ADS HORIZONTAL NO GAP V1
   ======================================== */

/*
 * TOP / INLINE / BOTTOM are full-width
 * advertising strips inside their actual
 * layout zone.
 *
 * No artificial outer whitespace.
 */

.ad-slot[data-placement="top"],
.ad-slot[data-placement="inline"],
.ad-slot[data-placement="bottom"]{
  width:100%;
  max-width:none;
  margin:0;
}


/*
 * Homepage inline previously had dedicated
 * mobile gutters. Disable them as well.
 */

.home-page
.ad-slot[data-placement="inline"]{
  width:100%;
  max-width:none;
  margin:0;
}


@media (max-width:820px){

  .ad-slot[data-placement="top"],
  .ad-slot[data-placement="inline"],
  .ad-slot[data-placement="bottom"],
  .home-page
  .ad-slot[data-placement="inline"]{
    width:100%;
    max-width:none;
    margin:0;
  }

}


/* ========================================
   RELIZ ADS EMPTY VISUAL HIDDEN V1
   ======================================== */

/*
 * Empty ad slots remain in the document
 * and keep the current layout geometry.
 *
 * Only the development placeholder visual
 * is hidden.
 */

.ad-slot[data-empty="true"]{
  border:0;
  background:none;
  box-shadow:none;
  color:transparent;
}

.ad-slot[data-empty="true"]::before{
  display:none;
  content:none;
}


/* ========================================
   RELIZ HOUSE ADS V1
   ======================================== */

.ad-slot > .house-ad{
  box-sizing:border-box;
  display:flex;
  width:100%;
  min-height:140px;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:24px clamp(20px,4vw,52px);
  overflow:hidden;
  background:
    linear-gradient(
      135deg,
      #001524 0%,
      #083D48 100%
    );
  color:#fff;
  text-decoration:none;
}

.house-ad-copy{
  display:flex;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}

.house-ad-kicker{
  color:#FF7D00;
  font-size:12px;
  font-weight:850;
  letter-spacing:.1em;
  line-height:1.2;
  text-transform:uppercase;
}

.house-ad-title{
  max-width:760px;
  color:#fff;
  font-size:clamp(20px,2vw,30px);
  font-weight:850;
  line-height:1.1;
}

.house-ad-text{
  max-width:720px;
  color:#DCE7EA;
  font-size:14px;
  line-height:1.45;
}

.house-ad-cta{
  display:inline-flex;
  flex:0 0 auto;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:10px;
  background:#FF7D00;
  color:#001524;
  font-size:14px;
  font-weight:850;
  line-height:1.2;
  white-space:nowrap;
}


/*
 * Desktop sidebar house creatives.
 */

.ad-slot[data-placement="sidebar_1"]
> .house-ad,
.ad-slot[data-placement="sidebar_2"]
> .house-ad{
  min-height:250px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:22px;
  padding:26px 24px;
}

.ad-slot[data-placement="sidebar_1"]
.house-ad-title,
.ad-slot[data-placement="sidebar_2"]
.house-ad-title{
  font-size:24px;
}

.ad-slot[data-placement="sidebar_1"]
.house-ad-cta,
.ad-slot[data-placement="sidebar_2"]
.house-ad-cta{
  width:100%;
}


/*
 * Tablet:
 * former sidebars become horizontal house ads.
 */

@media(max-width:1024px){

  .ad-slot[data-placement="sidebar_1"]
  > .house-ad,
  .ad-slot[data-placement="sidebar_2"]
  > .house-ad{
    min-height:130px;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:22px 24px;
  }

  .ad-slot[data-placement="sidebar_1"]
  .house-ad-title,
  .ad-slot[data-placement="sidebar_2"]
  .house-ad-title{
    font-size:clamp(20px,3vw,27px);
  }

  .ad-slot[data-placement="sidebar_1"]
  .house-ad-cta,
  .ad-slot[data-placement="sidebar_2"]
  .house-ad-cta{
    width:auto;
  }

}


/*
 * Phone.
 */

@media(max-width:820px){

  .ad-slot > .house-ad,
  .ad-slot[data-placement="sidebar_1"]
  > .house-ad,
  .ad-slot[data-placement="sidebar_2"]
  > .house-ad{
    min-height:0;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:16px;
    padding:22px 20px;
  }

  .house-ad-title,
  .ad-slot[data-placement="sidebar_1"]
  .house-ad-title,
  .ad-slot[data-placement="sidebar_2"]
  .house-ad-title{
    font-size:22px;
  }

  .house-ad-text{
    font-size:14px;
  }

  .house-ad-cta,
  .ad-slot[data-placement="sidebar_1"]
  .house-ad-cta,
  .ad-slot[data-placement="sidebar_2"]
  .house-ad-cta{
    width:auto;
  }

}


/* ========================================
   RELIZ ACTIVE HORIZONTAL ZERO GAP V1
   ======================================== */

/*
 * Active horizontal creatives define their
 * own height. The slot must not reserve any
 * additional vertical space.
 */

.ad-slot[data-empty="false"][data-placement="top"],
.ad-slot[data-empty="false"][data-placement="inline"],
.ad-slot[data-empty="false"][data-placement="bottom"]{
  min-height:0;
  margin:0;
  padding:0;
}


/* ========================================
   RELIZ PRICING ADS V1
   ======================================== */

.pricing-jump{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-bottom:42px;
}

.pricing-jump-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:7px;
  padding:24px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  color:var(--navy);
  text-decoration:none;
  box-shadow:0 8px 28px rgba(0,21,36,.06);
}

.pricing-jump-card:hover{
  border-color:rgba(255,125,0,.7);
}

.pricing-jump-card strong{
  font-size:21px;
  line-height:1.2;
}

.pricing-jump-card > span:last-child{
  color:var(--teal);
  font-weight:800;
}

.pricing-jump-kicker{
  color:var(--orange);
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pricing-major-section{
  scroll-margin-top:24px;
}

.pricing-section-heading{
  display:flex;
  gap:18px;
  align-items:flex-start;
  margin-bottom:24px;
}

.pricing-section-heading h2{
  margin:0;
}

.pricing-section-heading p{
  max-width:760px;
  margin:8px 0 0;
}

.pricing-section-number{
  display:inline-flex;
  width:42px;
  height:42px;
  flex:0 0 42px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--navy);
  color:var(--cream);
  font-size:13px;
  font-weight:850;
}

.pricing-release-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:22px 0;
  padding:24px;
  border-radius:16px;
  background:var(--surface-soft);
}

.pricing-release-card > div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.pricing-label{
  color:var(--teal);
  font-size:13px;
  font-weight:800;
}

.pricing-release-price{
  color:var(--navy);
  font-size:32px;
  line-height:1;
}

.pricing-ad-section{
  padding-top:18px;
}

.ad-rate-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

.ad-rate-card{
  min-width:0;
  padding:22px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
}

.ad-rate-card-featured{
  border-color:rgba(255,125,0,.6);
  background:var(--surface-soft);
}

.ad-rate-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}

.ad-rate-name{
  color:var(--teal);
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
}

.ad-rate-head strong{
  color:var(--navy);
  font-size:25px;
  white-space:nowrap;
}

.ad-rate-card dl{
  margin:20px 0 0;
}

.ad-rate-card dl > div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-top:1px solid var(--border);
}

.ad-rate-card dt{
  color:#657078;
  font-size:13px;
}

.ad-rate-card dd{
  margin:0;
  color:var(--navy);
  font-size:13px;
  font-weight:800;
  text-align:right;
}

.ad-rate-note{
  margin:15px 0 0;
  color:#53616A;
  font-size:13px;
  line-height:1.45;
}

.pricing-ad-info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}

.pricing-ad-info > div{
  padding:20px;
  border-radius:14px;
  background:var(--surface-soft);
}

.pricing-ad-info h3{
  margin:0 0 8px;
  color:var(--navy);
  font-size:17px;
}

.pricing-ad-info p{
  margin:0;
  font-size:14px;
  line-height:1.55;
}

.pricing-ad-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:28px;
  padding:26px;
  border-radius:16px;
  background:var(--navy);
  color:#fff;
}

.pricing-ad-cta > div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.pricing-ad-cta strong{
  font-size:21px;
}

.pricing-ad-cta span{
  max-width:700px;
  color:#DCE7EA;
  font-size:14px;
  line-height:1.45;
}

@media(max-width:900px){

  .ad-rate-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pricing-ad-info{
    grid-template-columns:1fr;
  }

}

@media(max-width:650px){

  .pricing-jump,
  .ad-rate-grid{
    grid-template-columns:1fr;
  }

  .pricing-release-card,
  .pricing-ad-cta{
    align-items:flex-start;
    flex-direction:column;
  }

  .pricing-section-heading{
    gap:12px;
  }

}


/* ========================================
   RELIZ PRICING ADS CLIENT V2
   ======================================== */

/*
 * Advertising cards should read as
 * commercial products, not an admin table.
 */

.pricing-ad-section .ad-rate-grid{
  gap:20px;
}

.pricing-ad-section .ad-rate-card{
  position:relative;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(21,97,109,.18);
  border-radius:18px;
  background:#fff;
  box-shadow:
    0 12px 34px rgba(0,21,36,.07);
}

.pricing-ad-section .ad-rate-card::before{
  content:"";
  display:block;
  width:100%;
  height:6px;
  background:
    linear-gradient(
      90deg,
      var(--teal),
      var(--orange)
    );
}

.pricing-ad-section .ad-rate-head{
  display:flex;
  min-height:132px;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:24px 24px 20px;
  background:
    linear-gradient(
      145deg,
      rgba(21,97,109,.08),
      rgba(255,236,209,.30)
    );
}

.pricing-ad-section .ad-rate-title{
  display:flex;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
  gap:7px;
}

.pricing-ad-section .ad-rate-name{
  color:var(--navy);
  font-size:20px;
  font-weight:850;
  letter-spacing:0;
  line-height:1.15;
  text-transform:none;
}

.pricing-ad-section .ad-rate-location{
  max-width:260px;
  color:#617078;
  font-size:13px;
  line-height:1.4;
}

.pricing-ad-section .ad-rate-price{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  text-align:right;
}

.pricing-ad-section .ad-rate-price strong{
  color:var(--navy);
  font-size:34px;
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1;
  white-space:nowrap;
}

.pricing-ad-section .ad-rate-price span{
  color:var(--teal);
  font-size:13px;
  font-weight:800;
}

.pricing-ad-section .ad-rate-card dl{
  margin:0;
  padding:8px 24px 22px;
}

.pricing-ad-section .ad-rate-card dl > div{
  padding:11px 0;
}

.pricing-ad-section .ad-rate-card dt{
  color:#6A767D;
}

.pricing-ad-section .ad-rate-card dd{
  color:var(--navy);
  font-size:14px;
  font-weight:850;
}

.pricing-ad-section .ad-rate-card-featured{
  border:2px solid rgba(255,125,0,.55);
  background:#fff;
}

.pricing-ad-section
.ad-rate-card-featured::before{
  height:7px;
  background:var(--orange);
}

.pricing-ad-section .ad-rate-note{
  margin:0 24px 24px;
  padding:12px 14px;
  border-radius:10px;
  background:var(--surface-soft);
  color:#53616A;
}


/*
 * Make the section itself more visually distinct.
 */

.pricing-ad-section{
  position:relative;
  margin-top:52px;
  padding-top:40px;
  border-top:1px solid var(--border);
}

.pricing-ad-section
.pricing-section-number{
  background:var(--orange);
  color:var(--navy);
}


/*
 * Top two service selectors.
 */

.pricing-jump-card{
  position:relative;
  overflow:hidden;
  min-height:145px;
  justify-content:center;
  padding:28px;
}

.pricing-jump-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--orange);
}

.pricing-jump-card strong{
  color:var(--navy);
  font-size:24px;
}

.pricing-jump-card > span:last-child{
  font-size:20px;
  font-weight:900;
}


/*
 * Responsive cards.
 */

@media(max-width:1100px){

  .pricing-ad-section
  .ad-rate-head{
    flex-direction:column;
  }

  .pricing-ad-section
  .ad-rate-price{
    align-items:flex-start;
    text-align:left;
  }

}

@media(max-width:650px){

  .pricing-ad-section
  .ad-rate-head{
    min-height:0;
    padding:22px 20px 18px;
  }

  .pricing-ad-section
  .ad-rate-price strong{
    font-size:32px;
  }

  .pricing-ad-section
  .ad-rate-card dl{
    padding:
      8px
      20px
      20px;
  }

  .pricing-ad-section
  .ad-rate-note{
    margin:
      0
      20px
      20px;
  }

}


/* ========================================
   RELIZ QIYMETLER LAYOUT FIX V1
   ======================================== */

/*
 * /qiymetler/ is an internal commercial page.
 * It has NO advertising rail.
 *
 * The #reklam anchor makes these rules specific
 * to the pricing page without affecting other
 * static pages.
 */

.static-page-main:has(#reklam)
.static-page-content{
  width:100%;
  max-width:none;
}


/*
 * Advertising tariffs:
 * two proper commercial cards per row.
 */

.static-page-main:has(#reklam)
.ad-rate-grid{
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:22px;
}


/*
 * Prevent title / price collisions.
 */

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-head{
  min-height:0;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
  padding:26px 26px 22px;
}

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-title{
  width:100%;
}

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-name{
  font-size:23px;
  line-height:1.15;
}

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-location{
  max-width:460px;
  font-size:14px;
  line-height:1.45;
}


/*
 * Price becomes the visual focus.
 */

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-price{
  width:100%;
  align-items:flex-start;
  text-align:left;
}

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-price strong{
  display:block;
  color:var(--navy);
  font-size:40px;
  font-weight:900;
  letter-spacing:-.04em;
  line-height:1;
}

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-price span{
  margin-top:3px;
  color:var(--teal);
  font-size:14px;
  font-weight:850;
}


/*
 * Technical dimensions get more breathing room.
 */

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-card dl{
  padding:
    12px
    26px
    24px;
}

.static-page-main:has(#reklam)
.pricing-ad-section
.ad-rate-card dl > div{
  padding:12px 0;
}


/*
 * Full sidebar is a package offer,
 * so let it use the whole row.
 */

.static-page-main:has(#reklam)
.ad-rate-card-featured{
  grid-column:1 / -1;
}

.static-page-main:has(#reklam)
.ad-rate-card-featured
.ad-rate-head{
  background:
    linear-gradient(
      135deg,
      rgba(255,236,209,.72),
      rgba(21,97,109,.08)
    );
}


/*
 * Supporting information also uses
 * the complete pricing-page width.
 */

.static-page-main:has(#reklam)
.pricing-ad-info{
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:22px;
}


/*
 * Tablet.
 */

@media(max-width:850px){

  .static-page-main:has(#reklam)
  .ad-rate-grid{
    grid-template-columns:1fr;
  }

  .static-page-main:has(#reklam)
  .ad-rate-card-featured{
    grid-column:auto;
  }

  .static-page-main:has(#reklam)
  .pricing-ad-info{
    grid-template-columns:1fr;
  }

}


/*
 * Phone.
 */

@media(max-width:650px){

  .static-page-main:has(#reklam)
  .pricing-ad-section
  .ad-rate-head{
    padding:
      22px
      20px
      18px;
  }

  .static-page-main:has(#reklam)
  .pricing-ad-section
  .ad-rate-name{
    font-size:21px;
  }

  .static-page-main:has(#reklam)
  .pricing-ad-section
  .ad-rate-price strong{
    font-size:36px;
  }

}


/* ========================================
   RELIZ DEL PROMO ADS V1
   Animated DEL.AZ house advertising
   ======================================== */

.del-promo{
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  display:flex;
  width:100%;
  overflow:hidden;
  background:
    linear-gradient(
      120deg,
      #001524 0%,
      #063744 50%,
      #001524 100%
    );
  background-size:180% 180%;
  color:#fff;
  text-decoration:none;
  animation:
    delPromoBackground 12s
    ease-in-out infinite alternate;
}


/*
 * Moving ambient light.
 */

.del-promo::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:380px;
  height:380px;
  right:-100px;
  top:-190px;
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(21,97,109,.72) 0%,
      rgba(21,97,109,.20) 42%,
      transparent 70%
    );
  filter:blur(4px);
  pointer-events:none;
  animation:
    delPromoOrb 8s
    ease-in-out infinite alternate;
}


/*
 * Slow light sweep.
 */

.del-promo::after{
  content:"";
  position:absolute;
  z-index:5;
  top:-80%;
  left:-35%;
  width:26%;
  height:260%;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.075),
      transparent
    );
  transform:
    rotate(16deg)
    translateX(-220%);
  pointer-events:none;
  animation:
    delPromoShine 9s
    ease-in-out infinite;
}


.del-promo-copy{
  position:relative;
  z-index:3;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}


.del-promo-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  color:#D8E8EA;
  font-size:11px;
  font-weight:750;
  letter-spacing:.035em;
}


.del-promo-brand b{
  color:#FF7D00;
  font-size:13px;
  font-weight:950;
  letter-spacing:.055em;
}


.del-promo-brand b::after{
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin-left:7px;
  border-radius:50%;
  background:#FF7D00;
  vertical-align:middle;
  box-shadow:
    0 0 0 0 rgba(255,125,0,.45);
  animation:
    delPromoPulseDot 2.2s
    ease-out infinite;
}


.del-promo-title{
  display:block;
  max-width:850px;
  color:#fff;
  font-size:
    clamp(
      22px,
      2.25vw,
      34px
    );
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.05;
}


.del-promo-text{
  display:block;
  max-width:760px;
  margin-top:7px;
  color:#D4E2E5;
  font-size:14px;
  line-height:1.42;
}


.del-promo-button{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:13px;
  padding:9px 16px;
  border-radius:10px;
  background:#FF7D00;
  color:#001524;
  font-size:13px;
  font-weight:900;
  line-height:1;
  box-shadow:
    0 10px 28px
    rgba(255,125,0,.18);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}


.del-promo-button i{
  display:inline-block;
  font-style:normal;
  transition:
    transform .25s ease;
}


.del-promo:hover
.del-promo-button{
  transform:
    translateY(-2px);
  background:#FF8D20;
  box-shadow:
    0 14px 32px
    rgba(255,125,0,.30);
}


.del-promo:hover
.del-promo-button i{
  transform:
    translateX(4px);
}


/* ========================================
   TOP ROTATING PROMO
   ======================================== */

.del-promo-top{
  display:block;
  min-height:168px;
}


.del-promo-top-stage{
  position:relative;
  width:100%;
  min-height:168px;
}


.del-promo-slide{
  position:absolute;
  inset:0;
  z-index:2;
  box-sizing:border-box;
  display:grid;
  width:100%;
  grid-template-columns:
    minmax(0,1fr)
    180px;
  gap:34px;
  align-items:center;
  padding:
    20px
    clamp(
      26px,
      5vw,
      72px
    );
  color:#fff;
  text-decoration:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:
    translateY(10px)
    scale(.995);
  animation:
    delPromoCycle
    18s
    ease-in-out
    infinite;
}


.del-promo-slide-1{
  animation-delay:0s;
}


.del-promo-slide-2{
  animation-delay:-12s;
}


.del-promo-slide-3{
  animation-delay:-6s;
}


/*
 * Service visual.
 */

.del-promo-visual{
  position:relative;
  z-index:2;
  display:flex;
  width:128px;
  height:128px;
  justify-self:center;
  align-items:center;
  justify-content:center;
  border:
    1px solid
    rgba(255,255,255,.18);
  border-radius:32px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.12),
      rgba(255,255,255,.035)
    );
  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.12),
    0 22px 50px
    rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
  animation:
    delPromoFloat
    4.5s
    ease-in-out
    infinite alternate;
}


.del-promo-visual::before{
  content:"";
  position:absolute;
  inset:-10px;
  z-index:-1;
  border:
    1px solid
    rgba(255,125,0,.24);
  border-radius:38px;
  transform:rotate(7deg);
  animation:
    delPromoVisualRing
    7s
    linear
    infinite;
}


.del-promo-visual svg{
  width:76px;
  height:76px;
  overflow:visible;
  fill:none;
  stroke:#FFECD1;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:
    drop-shadow(
      0 7px 10px
      rgba(0,0,0,.18)
    );
}


.del-promo-seo svg{
  stroke:#FFB15C;
}


.del-promo-web svg{
  stroke:#BFDDE1;
}


/*
 * Rotator indicator.
 */

.del-promo-rotator{
  position:absolute;
  z-index:8;
  right:
    clamp(
      24px,
      4vw,
      60px
    );
  bottom:13px;
  display:flex;
  gap:6px;
  align-items:center;
}


.del-promo-rotator i{
  display:block;
  width:8px;
  height:3px;
  border-radius:99px;
  background:
    rgba(255,255,255,.32);
  animation:
    delPromoIndicator
    18s
    ease-in-out
    infinite;
}


.del-promo-rotator i:nth-child(1){
  animation-delay:0s;
}


.del-promo-rotator i:nth-child(2){
  animation-delay:-12s;
}


.del-promo-rotator i:nth-child(3){
  animation-delay:-6s;
}


/*
 * Hover/focus pauses rotation so user can
 * interact with the currently visible service.
 */

.del-promo-top:hover
.del-promo-slide,
.del-promo-top:focus-within
.del-promo-slide,
.del-promo-top:hover
.del-promo-rotator i,
.del-promo-top:focus-within
.del-promo-rotator i{
  animation-play-state:paused;
}


/* ========================================
   INLINE B2B PROMO
   ======================================== */

.del-promo-inline{
  min-height:160px;
  align-items:center;
  justify-content:space-between;
  gap:38px;
  padding:
    24px
    clamp(
      26px,
      5vw,
      68px
    );
}


.del-promo-inline
.del-promo-copy{
  max-width:760px;
}


.del-promo-b2b{
  position:relative;
  z-index:2;
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:15px;
  animation:
    delPromoFloat
    4.8s
    ease-in-out
    infinite alternate;
}


.del-promo-b2b-number{
  display:flex;
  width:108px;
  height:108px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:
    1px solid
    rgba(255,255,255,.18);
  border-radius:27px;
  background:
    rgba(255,255,255,.08);
  box-shadow:
    0 18px 44px
    rgba(0,0,0,.17);
  backdrop-filter:blur(8px);
}


.del-promo-b2b-number strong{
  color:#FFECD1;
  font-size:35px;
  font-weight:950;
  letter-spacing:-.05em;
  line-height:.9;
}


.del-promo-b2b-number span{
  margin-top:7px;
  color:#D5E4E6;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}


.del-promo-b2b-files{
  display:flex;
  flex-direction:column;
  gap:6px;
}


.del-promo-b2b-files i{
  display:block;
  min-width:69px;
  padding:7px 10px;
  border:
    1px solid
    rgba(255,255,255,.12);
  border-radius:8px;
  background:
    rgba(255,255,255,.07);
  color:#fff;
  font-size:11px;
  font-style:normal;
  font-weight:850;
  text-align:center;
  transform:translateX(0);
  animation:
    delPromoFileFloat
    4s
    ease-in-out
    infinite;
}


.del-promo-b2b-files
i:nth-child(2){
  animation-delay:-1.3s;
}


.del-promo-b2b-files
i:nth-child(3){
  animation-delay:-2.6s;
}


/* ========================================
   BOTTOM DEL.AZ PROMO
   ======================================== */

.del-promo-bottom{
  min-height:142px;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  padding:
    22px
    clamp(
      26px,
      5vw,
      68px
    );
}


.del-promo-bottom
.del-promo-copy{
  max-width:760px;
}


.del-promo-bottom-action{
  position:relative;
  z-index:3;
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:24px;
}


.del-promo-bottom-action
.del-promo-button{
  margin-top:0;
}


.del-promo-orbit{
  position:relative;
  display:flex;
  width:92px;
  height:92px;
  align-items:center;
  justify-content:center;
}


.del-promo-orbit > i{
  position:absolute;
  inset:10px;
  border:
    1px solid
    rgba(255,236,209,.32);
  border-radius:50%;
  animation:
    delPromoOrbit
    8s
    linear
    infinite;
}


.del-promo-orbit > i:nth-child(2){
  inset:1px;
  border-color:
    rgba(255,125,0,.30);
  animation:
    delPromoOrbitReverse
    11s
    linear
    infinite;
}


.del-promo-orbit > i::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  top:-4px;
  left:50%;
  border-radius:50%;
  background:#FF7D00;
  box-shadow:
    0 0 18px
    rgba(255,125,0,.65);
}


.del-promo-orbit b{
  display:flex;
  width:49px;
  height:49px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:
    rgba(255,255,255,.10);
  color:#FFECD1;
  font-size:13px;
  font-weight:950;
  letter-spacing:.06em;
}


/* ========================================
   ANIMATION KEYFRAMES
   ======================================== */

@keyframes delPromoBackground{

  from{
    background-position:
      0% 50%;
  }

  to{
    background-position:
      100% 50%;
  }

}


@keyframes delPromoOrb{

  from{
    transform:
      translate3d(
        0,
        0,
        0
      )
      scale(1);
  }

  to{
    transform:
      translate3d(
        -80px,
        55px,
        0
      )
      scale(1.15);
  }

}


@keyframes delPromoShine{

  0%,
  64%{
    transform:
      rotate(16deg)
      translateX(-240%);
  }

  84%,
  100%{
    transform:
      rotate(16deg)
      translateX(650%);
  }

}


@keyframes delPromoPulseDot{

  0%{
    box-shadow:
      0 0 0 0
      rgba(255,125,0,.44);
  }

  70%{
    box-shadow:
      0 0 0 8px
      rgba(255,125,0,0);
  }

  100%{
    box-shadow:
      0 0 0 0
      rgba(255,125,0,0);
  }

}


@keyframes delPromoFloat{

  from{
    transform:
      translateY(-4px)
      rotate(-1deg);
  }

  to{
    transform:
      translateY(6px)
      rotate(1.5deg);
  }

}


@keyframes delPromoVisualRing{

  from{
    transform:
      rotate(7deg);
  }

  to{
    transform:
      rotate(367deg);
  }

}


@keyframes delPromoCycle{

  0%{
    opacity:0;
    visibility:visible;
    pointer-events:none;
    transform:
      translateY(11px)
      scale(.995);
  }

  3%,
  30%{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:
      translateY(0)
      scale(1);
  }

  33%,
  100%{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:
      translateY(-9px)
      scale(1.003);
  }

}


@keyframes delPromoIndicator{

  0%{
    width:8px;
    background:
      rgba(255,255,255,.28);
  }

  3%,
  30%{
    width:28px;
    background:#FF7D00;
  }

  33%,
  100%{
    width:8px;
    background:
      rgba(255,255,255,.28);
  }

}


@keyframes delPromoFileFloat{

  0%,
  100%{
    transform:
      translateX(0);
  }

  50%{
    transform:
      translateX(7px);
  }

}


@keyframes delPromoOrbit{

  from{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }

}


@keyframes delPromoOrbitReverse{

  from{
    transform:rotate(360deg);
  }

  to{
    transform:rotate(0deg);
  }

}


/* ========================================
   TABLET
   ======================================== */

@media(max-width:1024px){

  .del-promo-slide{
    grid-template-columns:
      minmax(0,1fr)
      125px;
    gap:24px;
  }

  .del-promo-visual{
    width:110px;
    height:110px;
    border-radius:28px;
  }

  .del-promo-visual svg{
    width:65px;
    height:65px;
  }

}


/* ========================================
   MOBILE
   ======================================== */

@media(max-width:820px){

  .del-promo-top,
  .del-promo-top-stage{
    min-height:224px;
  }

  .del-promo-slide{
    grid-template-columns:
      minmax(0,1fr)
      84px;
    gap:14px;
    padding:
      20px
      18px
      26px;
  }

  .del-promo-title{
    font-size:
      clamp(
        21px,
        5.7vw,
        27px
      );
  }

  .del-promo-text{
    font-size:13px;
  }

  .del-promo-visual{
    width:78px;
    height:78px;
    border-radius:20px;
  }

  .del-promo-visual::before{
    inset:-6px;
    border-radius:24px;
  }

  .del-promo-visual svg{
    width:47px;
    height:47px;
    stroke-width:5.5;
  }

  .del-promo-rotator{
    right:18px;
    bottom:11px;
  }


  /*
   * Inline becomes a compact horizontal
   * mobile commercial card.
   */

  .del-promo-inline{
    min-height:210px;
    gap:16px;
    padding:
      22px
      18px;
  }

  .del-promo-b2b-number{
    width:78px;
    height:78px;
    border-radius:20px;
  }

  .del-promo-b2b-number strong{
    font-size:28px;
  }

  .del-promo-b2b-files{
    display:none;
  }


  /*
   * Bottom.
   */

  .del-promo-bottom{
    min-height:190px;
    align-items:flex-start;
    padding:
      22px
      18px;
  }

  .del-promo-bottom-action{
    align-self:center;
  }

  .del-promo-orbit{
    display:none;
  }

}


@media(max-width:560px){

  .del-promo-top,
  .del-promo-top-stage{
    min-height:248px;
  }

  .del-promo-slide{
    grid-template-columns:1fr;
    padding:
      20px
      18px
      28px;
  }

  .del-promo-slide
  .del-promo-visual{
    position:absolute;
    right:17px;
    top:17px;
    width:58px;
    height:58px;
    opacity:.55;
  }

  .del-promo-slide
  .del-promo-visual::before{
    display:none;
  }

  .del-promo-slide
  .del-promo-visual svg{
    width:36px;
    height:36px;
  }

  .del-promo-copy{
    padding-right:34px;
  }

  .del-promo-inline,
  .del-promo-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .del-promo-inline
  .del-promo-copy,
  .del-promo-bottom
  .del-promo-copy{
    padding-right:0;
  }

  .del-promo-inline{
    min-height:250px;
  }

  .del-promo-b2b{
    position:absolute;
    right:18px;
    bottom:19px;
  }

  .del-promo-b2b-number{
    width:68px;
    height:68px;
  }

  .del-promo-b2b-number strong{
    font-size:25px;
  }

  .del-promo-bottom{
    min-height:225px;
  }

  .del-promo-bottom-action{
    align-self:flex-start;
  }

}


/* ========================================
   ACCESSIBILITY — REDUCED MOTION
   ======================================== */

@media(prefers-reduced-motion:reduce){

  .del-promo,
  .del-promo::before,
  .del-promo::after,
  .del-promo-visual,
  .del-promo-visual::before,
  .del-promo-b2b,
  .del-promo-b2b-files i,
  .del-promo-orbit > i,
  .del-promo-brand b::after{
    animation:none !important;
  }

  .del-promo-slide{
    animation:none !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:none;
  }

  .del-promo-slide-1{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .del-promo-rotator{
    display:none;
  }

}


/* ========================================
   RELIZ DEL PROMO CONTRAST V2
   DEL.AZ ads must visually separate
   themselves from Reliz.az interface.
   ======================================== */


/* ========================================
   TOP — EACH SERVICE HAS ITS OWN PALETTE
   ======================================== */

.del-promo-top{
  background:#172033;
}


/*
 * 1 — Corporate email
 * Electric blue / cyan
 */

.del-promo-slide-1{
  background:
    radial-gradient(
      circle at 88% 20%,
      rgba(255,255,255,.23),
      transparent 27%
    ),
    radial-gradient(
      circle at 72% 115%,
      rgba(0,229,255,.38),
      transparent 38%
    ),
    linear-gradient(
      120deg,
      #0756D8 0%,
      #087EEA 48%,
      #00AFCB 100%
    );
  background-size:
    140% 140%,
    150% 150%,
    170% 170%;
  animation:
    delPromoCycle 18s ease-in-out infinite,
    delPromoBlueFlow 8s ease-in-out infinite alternate;
}


/*
 * 2 — SEO
 * Violet / magenta
 */

.del-promo-slide-2{
  background:
    radial-gradient(
      circle at 85% 5%,
      rgba(255,255,255,.20),
      transparent 27%
    ),
    radial-gradient(
      circle at 72% 115%,
      rgba(255,89,191,.45),
      transparent 38%
    ),
    linear-gradient(
      120deg,
      #5520A7 0%,
      #7837C8 44%,
      #D52A86 100%
    );
  background-size:
    140% 140%,
    150% 150%,
    170% 170%;
  animation:
    delPromoCycle 18s ease-in-out infinite,
    delPromoPurpleFlow 8s ease-in-out infinite alternate;
}


/*
 * 3 — Website support
 * Orange / red
 */

.del-promo-slide-3{
  background:
    radial-gradient(
      circle at 87% 18%,
      rgba(255,244,214,.24),
      transparent 27%
    ),
    radial-gradient(
      circle at 70% 120%,
      rgba(255,199,80,.30),
      transparent 40%
    ),
    linear-gradient(
      120deg,
      #9D2C16 0%,
      #D84A14 46%,
      #F27A19 100%
    );
  background-size:
    140% 140%,
    150% 150%,
    170% 170%;
  animation:
    delPromoCycle 18s ease-in-out infinite,
    delPromoOrangeFlow 8s ease-in-out infinite alternate;
}


/*
 * Preserve original rotation offsets
 * after defining animated backgrounds.
 */

.del-promo-slide-1{
  animation-delay:
    0s,
    0s;
}

.del-promo-slide-2{
  animation-delay:
    -12s,
    -2s;
}

.del-promo-slide-3{
  animation-delay:
    -6s,
    -4s;
}


/*
 * TOP text and glass objects.
 */

.del-promo-top
.del-promo-brand{
  color:rgba(255,255,255,.88);
}

.del-promo-top
.del-promo-brand b{
  color:#FFF1C9;
  text-shadow:
    0 1px 14px
    rgba(0,0,0,.14);
}

.del-promo-top
.del-promo-brand b::after{
  background:#FFF1C9;
}

.del-promo-top
.del-promo-title{
  color:#fff;
  text-shadow:
    0 3px 22px
    rgba(0,0,0,.18);
}

.del-promo-top
.del-promo-text{
  color:rgba(255,255,255,.90);
}


/*
 * CTA differs from Reliz.az orange buttons.
 */

.del-promo-slide-1
.del-promo-button{
  background:#fff;
  color:#0756D8;
  box-shadow:
    0 12px 30px
    rgba(0,24,84,.24);
}

.del-promo-slide-2
.del-promo-button{
  background:#FDE36B;
  color:#43136F;
  box-shadow:
    0 12px 30px
    rgba(56,10,91,.28);
}

.del-promo-slide-3
.del-promo-button{
  background:#FFF2D0;
  color:#7D210E;
  box-shadow:
    0 12px 30px
    rgba(90,22,8,.26);
}


/*
 * Glass service icons are more visible.
 */

.del-promo-top
.del-promo-visual{
  border:
    1px solid
    rgba(255,255,255,.38);
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.22),
      rgba(255,255,255,.08)
    );
  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.25),
    0 24px 55px
    rgba(0,0,0,.22);
}

.del-promo-top
.del-promo-visual svg{
  stroke:#fff;
  filter:
    drop-shadow(
      0 8px 14px
      rgba(0,0,0,.22)
    );
}

.del-promo-slide-2
.del-promo-visual svg{
  stroke:#FFF0A6;
}

.del-promo-slide-3
.del-promo-visual svg{
  stroke:#FFF5DA;
}


/* ========================================
   INLINE — B2B
   LIGHT GOLD COMMERCIAL CREATIVE
   ======================================== */

.del-promo-inline{
  background:
    radial-gradient(
      circle at 87% 5%,
      rgba(255,255,255,.90),
      transparent 26%
    ),
    radial-gradient(
      circle at 78% 120%,
      rgba(255,126,0,.30),
      transparent 42%
    ),
    linear-gradient(
      118deg,
      #FFF8D8 0%,
      #FFE58A 50%,
      #FFB43C 100%
    );
  background-size:
    145% 145%,
    155% 155%,
    180% 180%;
  color:#001524;
  animation:
    delPromoGoldFlow
    8s
    ease-in-out
    infinite alternate;
  box-shadow:
    inset 0 0 0 1px
    rgba(131,75,0,.10);
}


.del-promo-inline::before{
  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.95) 0%,
      rgba(255,255,255,.28) 42%,
      transparent 70%
    );
}


.del-promo-inline
.del-promo-brand{
  color:#624C24;
}


.del-promo-inline
.del-promo-brand b{
  color:#A83B00;
}


.del-promo-inline
.del-promo-brand b::after{
  background:#A83B00;
}


.del-promo-inline
.del-promo-title{
  color:#001524;
  text-shadow:none;
}


.del-promo-inline
.del-promo-text{
  color:#3F392B;
}


.del-promo-inline
.del-promo-button{
  background:#001524;
  color:#fff;
  box-shadow:
    0 13px 30px
    rgba(0,21,36,.25);
}


.del-promo-inline:hover
.del-promo-button{
  background:#102F40;
}


.del-promo-inline
.del-promo-b2b-number{
  border:
    1px solid
    rgba(0,21,36,.14);
  background:#001524;
  box-shadow:
    0 18px 38px
    rgba(80,44,0,.20);
}


.del-promo-inline
.del-promo-b2b-number strong{
  color:#FFE49A;
}


.del-promo-inline
.del-promo-b2b-number span{
  color:#fff;
}


.del-promo-inline
.del-promo-b2b-files i{
  border:
    1px solid
    rgba(0,21,36,.11);
  background:
    rgba(255,255,255,.65);
  color:#001524;
  box-shadow:
    0 6px 16px
    rgba(102,57,0,.10);
}


/* ========================================
   BOTTOM — DEL.AZ BUSINESS
   VIOLET / BLUE BRAND PROMO
   ======================================== */

.del-promo-bottom{
  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(255,255,255,.21),
      transparent 27%
    ),
    radial-gradient(
      circle at 66% 125%,
      rgba(67,214,255,.32),
      transparent 40%
    ),
    linear-gradient(
      120deg,
      #421A9B 0%,
      #6637D7 48%,
      #2567D9 100%
    );
  background-size:
    145% 145%,
    155% 155%,
    180% 180%;
  animation:
    delPromoBottomFlow
    9s
    ease-in-out
    infinite alternate;
}


.del-promo-bottom
.del-promo-brand{
  color:rgba(255,255,255,.88);
}


.del-promo-bottom
.del-promo-brand b{
  color:#FFE672;
}


.del-promo-bottom
.del-promo-brand b::after{
  background:#FFE672;
}


.del-promo-bottom
.del-promo-title{
  color:#fff;
  text-shadow:
    0 3px 22px
    rgba(21,5,65,.22);
}


.del-promo-bottom
.del-promo-text{
  color:rgba(255,255,255,.90);
}


.del-promo-bottom
.del-promo-button{
  background:#FFE672;
  color:#29106C;
  box-shadow:
    0 12px 30px
    rgba(25,7,73,.25);
}


.del-promo-bottom:hover
.del-promo-button{
  background:#FFF0A0;
}


.del-promo-bottom
.del-promo-orbit b{
  background:
    rgba(255,255,255,.18);
  color:#fff;
}


.del-promo-bottom
.del-promo-orbit > i{
  border-color:
    rgba(255,230,114,.52);
}


.del-promo-bottom
.del-promo-orbit > i:nth-child(2){
  border-color:
    rgba(255,255,255,.32);
}


.del-promo-bottom
.del-promo-orbit > i::after{
  background:#FFE672;
  box-shadow:
    0 0 19px
    rgba(255,230,114,.85);
}


/* ========================================
   EXTRA MOTION
   ======================================== */

@keyframes delPromoBlueFlow{

  from{
    background-position:
      0% 0%,
      100% 100%,
      0% 50%;
  }

  to{
    background-position:
      25% 18%,
      72% 74%,
      100% 50%;
  }

}


@keyframes delPromoPurpleFlow{

  from{
    background-position:
      100% 0%,
      70% 100%,
      0% 50%;
  }

  to{
    background-position:
      74% 20%,
      100% 72%,
      100% 50%;
  }

}


@keyframes delPromoOrangeFlow{

  from{
    background-position:
      100% 5%,
      65% 100%,
      0% 50%;
  }

  to{
    background-position:
      72% 26%,
      100% 70%,
      100% 50%;
  }

}


@keyframes delPromoGoldFlow{

  from{
    background-position:
      100% 0%,
      70% 100%,
      0% 50%;
  }

  to{
    background-position:
      72% 30%,
      100% 68%,
      100% 50%;
  }

}


@keyframes delPromoBottomFlow{

  from{
    background-position:
      100% 0%,
      60% 100%,
      0% 50%;
  }

  to{
    background-position:
      70% 25%,
      100% 72%,
      100% 50%;
  }

}


/*
 * Slight elevation on INLINE / BOTTOM
 * during pointer interaction.
 */

.del-promo-inline,
.del-promo-bottom{
  transition:
    filter .28s ease,
    box-shadow .28s ease;
}


.del-promo-inline:hover{
  filter:saturate(1.08);
  box-shadow:
    inset 0 0 0 1px
    rgba(131,75,0,.12),
    0 16px 38px
    rgba(96,53,0,.13);
}


.del-promo-bottom:hover{
  filter:
    saturate(1.10)
    brightness(1.035);
}


/*
 * Respect reduced-motion preference.
 */

@media(prefers-reduced-motion:reduce){

  .del-promo-slide-1,
  .del-promo-slide-2,
  .del-promo-slide-3,
  .del-promo-inline,
  .del-promo-bottom{
    animation:none !important;
  }

  .del-promo-slide-1{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .del-promo-slide-2,
  .del-promo-slide-3{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

}


/* ========================================
   RELIZ DEL INLINE COMPLETE REBUILD V2
   Real markup:
     .del-promo-inline
       .del-promo-copy
       .del-promo-b2b
         .del-promo-b2b-number
         .del-promo-b2b-files
   ======================================== */


/*
 * COMPLETE COMPOSITION
 *
 * LEFT:
 *   brand
 *   headline
 *   description
 *   CTA
 *
 * RIGHT:
 *   separate animated B2B data panel
 *
 * Nothing uses absolute positioning for
 * the actual content layout.
 */

.ad-slot[data-placement="inline"]
> .del-promo-inline{
  position:relative;
  isolation:isolate;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    220px;

  gap:34px;

  width:100%;
  min-height:250px;

  align-items:center;

  padding:
    32px
    clamp(30px,4.5vw,64px);

  overflow:hidden;

  /*
   * KEEP CURRENT GOLD PALETTE.
   */
  background:
    radial-gradient(
      circle at 86% 8%,
      rgba(255,255,255,.94),
      transparent 25%
    ),
    radial-gradient(
      circle at 75% 120%,
      rgba(255,126,0,.30),
      transparent 42%
    ),
    linear-gradient(
      118deg,
      #FFF8D8 0%,
      #FFE58A 50%,
      #FFB43C 100%
    );

  background-size:
    145% 145%,
    155% 155%,
    180% 180%;

  animation:
    delInlineCanvas
    11s
    ease-in-out
    infinite alternate;

  box-shadow:
    inset 0 0 0 1px
    rgba(131,75,0,.10);

  color:#001524;
}


/* ========================================
   BACKGROUND MOTION
   ======================================== */

.ad-slot[data-placement="inline"]
> .del-promo-inline::before{
  content:"";

  position:absolute;
  z-index:-1;

  width:300px;
  height:300px;

  right:-105px;
  top:-145px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.90) 0%,
      rgba(255,255,255,.34) 34%,
      rgba(255,255,255,0) 70%
    );

  pointer-events:none;

  animation:
    delInlineOrb
    8s
    ease-in-out
    infinite alternate;
}


.ad-slot[data-placement="inline"]
> .del-promo-inline::after{
  content:"";

  position:absolute;
  z-index:1;

  width:170px;
  height:420px;

  top:-100px;
  left:-210px;

  border-radius:50%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.28),
      transparent
    );

  filter:blur(8px);

  transform:
    rotate(18deg);

  pointer-events:none;

  animation:
    delInlineSweep
    8.5s
    ease-in-out
    infinite;
}


/* ========================================
   LEFT COPY
   ======================================== */

.ad-slot[data-placement="inline"]
.del-promo-copy{
  position:relative;
  z-index:3;

  display:flex;

  min-width:0;

  flex-direction:column;
  align-items:flex-start;

  padding:0;
}


.ad-slot[data-placement="inline"]
.del-promo-brand{
  display:flex;

  align-items:center;

  gap:9px;

  margin:0 0 10px;

  color:#624C24;

  font-size:12px;
  line-height:1.2;
}


.ad-slot[data-placement="inline"]
.del-promo-brand b{
  color:#A83B00;

  font-size:14px;
  font-weight:950;

  letter-spacing:.045em;
}


.ad-slot[data-placement="inline"]
.del-promo-title{
  display:block;

  width:100%;
  max-width:760px;

  margin:0;

  color:#001524;

  font-size:
    clamp(
      29px,
      2.45vw,
      42px
    );

  font-weight:950;

  letter-spacing:-.035em;

  line-height:1.02;

  text-wrap:balance;
}


.ad-slot[data-placement="inline"]
.del-promo-text{
  display:block;

  width:100%;
  max-width:680px;

  margin:12px 0 0;

  color:#463A26;

  font-size:14px;

  line-height:1.48;
}


.ad-slot[data-placement="inline"]
.del-promo-button{
  position:relative;
  z-index:4;

  display:inline-flex;

  min-height:44px;

  align-items:center;
  justify-content:center;

  gap:9px;

  margin:20px 0 0;

  padding:
    11px
    18px;

  border-radius:11px;

  background:#001524;

  color:#fff;

  font-size:13px;
  font-weight:900;

  line-height:1;

  box-shadow:
    0 12px 28px
    rgba(0,21,36,.22);

  transform:none;

  transition:
    transform .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}


.ad-slot[data-placement="inline"]
> .del-promo-inline:hover
.del-promo-button{
  background:#12364A;

  transform:
    translateY(-3px);

  box-shadow:
    0 16px 34px
    rgba(0,21,36,.27);
}


.ad-slot[data-placement="inline"]
> .del-promo-inline:hover
.del-promo-button i{
  transform:
    translateX(5px);
}


/* ========================================
   RIGHT DATA PANEL
   ======================================== */

.ad-slot[data-placement="inline"]
.del-promo-b2b{
  position:relative;

  z-index:3;

  display:flex;

  width:100%;

  flex-direction:column;

  align-items:stretch;

  gap:12px;

  padding:17px;

  border:
    1px solid
    rgba(0,21,36,.13);

  border-radius:24px;

  background:
    rgba(255,255,255,.48);

  box-shadow:
    0 20px 48px
    rgba(91,57,0,.14),
    inset 0 1px 0
    rgba(255,255,255,.74);

  backdrop-filter:
    blur(8px);

  transform:none;

  animation:
    delInlinePanelFloat
    5s
    ease-in-out
    infinite alternate;
}


/*
 * 192 ÖLKƏ
 */

.ad-slot[data-placement="inline"]
.del-promo-b2b-number{
  position:relative;

  left:auto;
  right:auto;
  top:auto;
  bottom:auto;

  display:flex;

  width:100%;
  height:auto;
  min-height:108px;

  flex-direction:row;

  align-items:center;
  justify-content:center;

  gap:10px;

  padding:15px;

  border:0;

  border-radius:18px;

  background:#001524;

  box-shadow:
    0 13px 27px
    rgba(0,21,36,.21);

  transform:none;
}


.ad-slot[data-placement="inline"]
.del-promo-b2b-number strong{
  color:#FFE49A;

  font-size:49px;
  font-weight:950;

  letter-spacing:-.055em;

  line-height:1;
}


.ad-slot[data-placement="inline"]
.del-promo-b2b-number span{
  margin:0;

  color:#fff;

  font-size:13px;
  font-weight:900;

  letter-spacing:.05em;

  line-height:1;

  text-transform:uppercase;
}


/*
 * Excel / CSV / Sheets
 */

.ad-slot[data-placement="inline"]
.del-promo-b2b-files{
  position:relative;

  left:auto;
  right:auto;
  top:auto;
  bottom:auto;

  display:grid;

  width:100%;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:7px;
}


.ad-slot[data-placement="inline"]
.del-promo-b2b-files i{
  display:flex;

  width:auto;
  min-width:0;
  min-height:35px;

  align-items:center;
  justify-content:center;

  margin:0;
  padding:6px 5px;

  border:
    1px solid
    rgba(0,21,36,.10);

  border-radius:9px;

  background:
    rgba(255,255,255,.76);

  color:#001524;

  font-size:10px;
  font-style:normal;
  font-weight:900;

  line-height:1;

  box-shadow:
    0 5px 12px
    rgba(73,48,3,.08);

  transform:none;

  animation:
    delInlineChip
    4.8s
    ease-in-out
    infinite;
}


.ad-slot[data-placement="inline"]
.del-promo-b2b-files
i:nth-child(2){
  animation-delay:-1.6s;
}


.ad-slot[data-placement="inline"]
.del-promo-b2b-files
i:nth-child(3){
  animation-delay:-3.2s;
}


/* ========================================
   NEW ANIMATION SYSTEM
   ======================================== */

@keyframes delInlineCanvas{

  from{
    background-position:
      100% 0%,
      65% 100%,
      0% 50%;
  }

  to{
    background-position:
      76% 24%,
      100% 72%,
      100% 50%;
  }

}


@keyframes delInlineOrb{

  from{
    transform:
      translate3d(
        0,
        0,
        0
      )
      scale(1);
  }

  to{
    transform:
      translate3d(
        -58px,
        42px,
        0
      )
      scale(1.18);
  }

}


@keyframes delInlineSweep{

  0%,
  58%{
    left:-220px;
    opacity:0;
  }

  68%{
    opacity:.7;
  }

  88%{
    left:110%;
    opacity:.15;
  }

  100%{
    left:110%;
    opacity:0;
  }

}


@keyframes delInlinePanelFloat{

  from{
    transform:
      translateY(-4px);
  }

  to{
    transform:
      translateY(5px);
  }

}


@keyframes delInlineChip{

  0%,
  100%{
    transform:
      translateY(0);

    box-shadow:
      0 5px 12px
      rgba(73,48,3,.08);
  }

  50%{
    transform:
      translateY(-3px);

    box-shadow:
      0 9px 17px
      rgba(73,48,3,.14);
  }

}


/* ========================================
   NARROW DESKTOP / TABLET PREPARATION
   ======================================== */

@media(max-width:1050px){

  .ad-slot[data-placement="inline"]
  > .del-promo-inline{
    grid-template-columns:
      minmax(0,1fr)
      190px;

    gap:24px;

    padding:
      28px
      28px;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-title{
    font-size:
      clamp(
        27px,
        3vw,
        36px
      );
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b{
    padding:14px;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-number{
    min-height:96px;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-number strong{
    font-size:43px;
  }

}


/*
 * Mobile gets a safe structural fallback.
 * We will tune its final visual separately
 * after desktop approval.
 */

@media(max-width:820px){

  .ad-slot[data-placement="inline"]
  > .del-promo-inline{
    grid-template-columns:1fr;

    gap:22px;

    min-height:0;

    padding:
      26px
      20px;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-title{
    max-width:none;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b{
    width:100%;

    animation:none;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-number{
    min-height:90px;
  }

}


/* ========================================
   REDUCED MOTION
   ======================================== */

@media(prefers-reduced-motion:reduce){

  .ad-slot[data-placement="inline"]
  > .del-promo-inline,

  .ad-slot[data-placement="inline"]
  > .del-promo-inline::before,

  .ad-slot[data-placement="inline"]
  > .del-promo-inline::after,

  .ad-slot[data-placement="inline"]
  .del-promo-b2b,

  .ad-slot[data-placement="inline"]
  .del-promo-b2b-files i{
    animation:none !important;
  }

}


/* ========================================
   RELIZ DEL INLINE MOBILE COMPACT V2
   Desktop untouched.
   ======================================== */

@media(max-width:820px){

  /*
   * Banner keeps normal internal gutters.
   */

  .ad-slot[data-placement="inline"]
  > .del-promo-inline{
    grid-template-columns:1fr;

    gap:0;

    min-height:0;

    padding:
      28px
      24px
      26px;
  }


  /*
   * Text remains the primary object.
   */

  .ad-slot[data-placement="inline"]
  .del-promo-copy{
    width:100%;

    padding:0;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-title{
    max-width:none;

    font-size:
      clamp(
        29px,
        7vw,
        36px
      );

    line-height:1.07;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-text{
    max-width:none;

    margin-top:14px;

    font-size:15px;

    line-height:1.5;
  }


  /*
   * CTA has its own clear zone.
   */

  .ad-slot[data-placement="inline"]
  .del-promo-button{
    min-height:48px;

    margin-top:24px;

    padding:
      12px
      20px;

    border-radius:12px;
  }


  /*
   * Compact visual card below CTA.
   *
   * Full width INSIDE banner padding,
   * not edge-to-edge.
   */

  .ad-slot[data-placement="inline"]
  .del-promo-b2b{
    position:relative;

    display:grid;

    width:100%;

    grid-template-columns:
      minmax(125px,.9fr)
      minmax(120px,1fr);

    gap:14px;

    align-items:stretch;

    margin-top:34px;

    padding:14px;

    border:
      1px solid
      rgba(0,21,36,.12);

    border-radius:20px;

    background:
      rgba(255,255,255,.48);

    box-shadow:
      0 14px 32px
      rgba(91,57,0,.13),
      inset 0 1px 0
      rgba(255,255,255,.72);

    backdrop-filter:blur(7px);

    animation:
      delInlineMobileFloat
      5s
      ease-in-out
      infinite alternate;
  }


  /*
   * 192 ÖLKƏ — compact, not dominant.
   */

  .ad-slot[data-placement="inline"]
  .del-promo-b2b-number{
    display:flex;

    width:100%;
    min-width:0;

    min-height:132px;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:5px;

    padding:12px;

    border-radius:16px;

    background:#001524;

    box-shadow:
      0 11px 25px
      rgba(0,21,36,.20);
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-number strong{
    font-size:48px;

    line-height:.95;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-number span{
    font-size:12px;

    line-height:1;

    margin:0;
  }


  /*
   * Formats live next to 192,
   * not underneath it.
   */

  .ad-slot[data-placement="inline"]
  .del-promo-b2b-files{
    display:grid;

    width:100%;

    grid-template-columns:1fr;

    grid-template-rows:
      repeat(3,1fr);

    gap:8px;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-files i{
    display:flex;

    min-width:0;
    min-height:0;

    align-items:center;
    justify-content:center;

    padding:
      8px
      10px;

    border-radius:11px;

    font-size:11px;

    animation:
      delInlineMobileChip
      4.6s
      ease-in-out
      infinite;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-files
  i:nth-child(2){
    animation-delay:-1.5s;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-files
  i:nth-child(3){
    animation-delay:-3s;
  }

}


/*
 * Very narrow phones.
 */

@media(max-width:390px){

  .ad-slot[data-placement="inline"]
  > .del-promo-inline{
    padding:
      25px
      20px
      23px;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b{
    grid-template-columns:
      minmax(112px,.9fr)
      minmax(105px,1fr);

    gap:10px;

    padding:11px;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-number{
    min-height:120px;
  }


  .ad-slot[data-placement="inline"]
  .del-promo-b2b-number strong{
    font-size:43px;
  }

}


/* ========================================
   MOBILE-SPECIFIC MOTION
   ======================================== */

@keyframes delInlineMobileFloat{

  from{
    transform:
      translateY(-2px);
  }

  to{
    transform:
      translateY(4px);
  }

}


@keyframes delInlineMobileChip{

  0%,
  100%{
    transform:
      translateX(0);

    box-shadow:
      0 4px 10px
      rgba(73,48,3,.07);
  }

  50%{
    transform:
      translateX(3px);

    box-shadow:
      0 7px 14px
      rgba(73,48,3,.12);
  }

}


@media(prefers-reduced-motion:reduce){

  .ad-slot[data-placement="inline"]
  .del-promo-b2b,

  .ad-slot[data-placement="inline"]
  .del-promo-b2b-files i{
    animation:none !important;
  }

}


/* ========================================
   RELIZ MOBILE HEADER FINAL V1
   ======================================== */

@media(max-width:760px){

  .header-inner{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding-top:10px;
    padding-bottom:0;
  }

  .site-brand{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    min-height:42px;
  }

  .header-actions{
    grid-column:1;
    grid-row:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    width:100%;
    min-width:0;
    justify-self:stretch;
    align-items:stretch;
  }

  .header-live-search{
    width:100%;
    min-width:0;
    max-width:none;
    flex:none;
  }

  .header-cta{
    width:auto;
    min-width:max-content;
    flex:none;
  }

  .primary-nav{
    grid-column:1;
    grid-row:3;
    order:initial;
    width:calc(100% + 32px);
    margin:0 -16px;
    padding:0 16px 10px;
  }

  .header-live-search-panel{
    right:auto;
    left:0;
    width:min(440px,calc(100vw - 32px));
  }

}


@media(max-width:520px){

  .header-actions{
    grid-template-columns:1fr;
    gap:8px;
  }

  .header-live-search,
  .header-cta{
    width:100%;
    min-width:0;
  }

  .header-live-search-panel{
    right:0;
    left:0;
    width:100%;
  }

}

@media(max-width:820px){

}

@media(max-width:560px){

}


/*
 * Mobile:
 * CTA remains compact and clearly belongs
 * to Reliz.az content before ad sidebars.
 */

@media(max-width:820px){

}


/* ========================================
   RELIZ HOMEPAGE FINAL POLISH V2
   ======================================== */

/*
 * Latest releases:
 * keep up to 12 items,
 * but desktop grid = 2 columns.
 */

.home-page
.home-ad-global-shell
.release-grid{
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}

@media(max-width:700px){

  .home-page
  .home-ad-global-shell
  .release-grid{
    grid-template-columns:1fr;
  }

}


/*
 * TOP DEL.AZ:
 * smooth crossfade — no empty frame.
 */

@keyframes delPromoCycle{

  0%{
    opacity:0;
    visibility:visible;
    pointer-events:none;
    transform:
      translateY(6px)
      scale(.998);
  }

  2%,
  35%{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:
      translateY(0)
      scale(1);
  }

  37%,
  100%{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:
      translateY(-5px)
      scale(1.001);
  }

}

.del-promo-slide-1{
  animation-delay:
    0s,
    0s;
}

.del-promo-slide-2{
  animation-delay:
    6s,
    -2s;
}

.del-promo-slide-3{
  animation-delay:
    12s,
    -4s;
}


@keyframes delPromoIndicator{

  0%{
    width:8px;
    background:rgba(255,255,255,.30);
  }

  2%,
  35%{
    width:28px;
    background:#FF7D00;
  }

  37%,
  100%{
    width:8px;
    background:rgba(255,255,255,.30);
  }

}

.del-promo-rotator i:nth-child(1){
  animation-delay:0s;
}

.del-promo-rotator i:nth-child(2){
  animation-delay:6s;
}

.del-promo-rotator i:nth-child(3){
  animation-delay:12s;
}


/*
 * Clear CTA after homepage release cards.
 */

.home-release-more{
  display:flex;
  justify-content:center;
  margin-top:30px;
}

.home-release-more-link{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:11px 22px;
  border:1px solid var(--navy);
  border-radius:12px;
  background:#fff;
  color:var(--navy);
  font-size:14px;
  font-weight:850;
  text-decoration:none;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}

.home-release-more-link:hover{
  background:var(--navy);
  color:#fff;
  transform:translateY(-2px);
}


/*
 * Tablet/mobile order:
 *
 * releases
 * Reliz CTA
 * sidebar_1
 * sidebar_2
 */

@media(max-width:1024px){

  .home-page
  .home-ad-global-shell
  > .ad-global-main{
    order:1;
  }

  .home-page
  .home-ad-global-shell
  > .ad-global-sidebar{
    order:3;
    margin-top:24px;
  }

}


@media(max-width:700px){

  .home-release-more{
    margin-top:24px;
  }

  .home-release-more-link{
    width:100%;
  }

}


/* ========================================
   RELIZ GLOBAL INLINE PLACEMENT FINAL V1
   ======================================== */

/*
 * One global geometry for INLINE everywhere.
 *
 * No left-column version.
 * No article-body version.
 * No listing-specific width.
 */

.ad-slot[data-placement="inline"]{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
}


/*
 * DEL.AZ creative always fills
 * the global horizontal slot.
 */

.ad-slot[data-placement="inline"]
> .del-promo-inline{
  width:100%;
  max-width:none;
  margin:0;
}


/*
 * Any old class-specific margins must not
 * alter the global INLINE geometry.
 */

.ad-slot[data-placement="inline"].ad-global-inline,
.ad-slot[data-placement="inline"].release-inline-ad,
.ad-slot[data-placement="inline"].category-ad,
.ad-slot[data-placement="inline"].company-ad{
  width:100%;
  max-width:none;
  margin:0;
}


/*
 * Release grids inside the desktop
 * content + sidebar rail use two columns.
 */

.ad-global-main
.release-grid{
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}


@media(max-width:700px){

  .ad-global-main
  .release-grid{
    grid-template-columns:1fr;
  }

}


/* =========================================================
   RELIZ COMPANY COUNTRY GROUPS
   ========================================================= */

.company-country-directory{
  display:block;
}

.company-country-section + .company-country-section{
  margin-top:42px;
}

.company-country-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid var(--border);
}

.company-country-heading{
  margin:0;
  color:var(--navy);
  font-size:24px;
  line-height:1.2;
}

.company-country-heading a,
.company-country-heading span{
  color:inherit;
  text-decoration:none;
}

.company-country-heading a:hover{
  color:var(--teal);
}

.company-country-total{
  flex:0 0 auto;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}

.company-profile-country a{
  color:inherit;
  text-decoration:none;
}

.company-profile-country a:hover{
  text-decoration:underline;
}

@media(max-width:650px){
  .company-country-head{
    align-items:flex-start;
  }

  .company-country-heading{
    font-size:21px;
  }
}

/* Company detail — clear return to directory */
.company-directory-nav{
  margin-top:24px;
}

.company-directory-nav-link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 16px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  color:var(--navy);
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  box-shadow:var(--shadow-sm);
}

.company-directory-nav-link:hover{
  border-color:var(--teal);
  color:var(--teal);
  box-shadow:var(--shadow-md);
}

/* RELIZ DATE ARCHIVE */
.archive-year + .archive-year{
  margin-top:42px;
}

.archive-month + .archive-month{
  margin-top:30px;
}

.archive-days{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.archive-day{
  display:flex;
  min-width:180px;
  flex-direction:column;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  color:var(--navy);
  text-decoration:none;
  box-shadow:var(--shadow-sm);
}

.archive-day:hover{
  border-color:var(--teal);
  color:var(--teal);
}

.archive-day span{
  margin-top:5px;
  color:var(--muted);
  font-size:13px;
}

@media(max-width:650px){
  .archive-day{
    width:100%;
  }
}

/* =========================================================
   RELIZ DATE ARCHIVE V2.1
   ========================================================= */

.archive-navigator{
  margin-bottom:42px;
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--surface-soft);
}

.archive-navigator-head h2,
.archive-section-head h2{
  margin:0;
  color:var(--navy);
  font-size:22px;
}

.archive-navigator-head p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:14px;
}

.archive-date-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  gap:12px;
  align-items:end;
  margin-top:20px;
}

.archive-date-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.archive-date-field span{
  color:var(--navy);
  font-size:13px;
  font-weight:750;
}

.archive-date-field select{
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  color:var(--navy);
  font:inherit;
}

.archive-date-submit{
  min-height:44px;
  white-space:nowrap;
}

.archive-recent + .archive-month-summary{
  margin-top:42px;
}

.archive-section-head{
  margin-bottom:16px;
}

.archive-month-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.archive-month-stat{
  display:flex;
  flex-direction:column;
  padding:16px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}

.archive-month-stat strong{
  color:var(--navy);
  font-size:15px;
}

.archive-month-stat span{
  margin-top:5px;
  color:var(--muted);
  font-size:13px;
}

@media(max-width:760px){
  .archive-date-form{
    grid-template-columns:1fr 1fr;
  }

  .archive-date-submit{
    width:100%;
  }

  .archive-month-stats{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .archive-date-form{
    grid-template-columns:1fr;
  }
}

/* Archive month interaction */
.archive-month-stat-button{
  width:100%;
  appearance:none;
  text-align:left;
  font:inherit;
  cursor:pointer;
}

.archive-month-stat-button:hover{
  border-color:var(--teal);
  box-shadow:var(--shadow-md);
}

.archive-month-stat-button:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:2px;
}


/* =========================================================
   RELIZ QURUM UI V2
   Scope:
   - /qurum/ directory only
   - /qurum/{slug}/ profile only

   Protected:
   - release cards
   - article Qurum block
   ========================================================= */


/* ---------------------------------------------------------
   QURUM DIRECTORY
   Desktop: strictly 2 columns
   --------------------------------------------------------- */

:is(.qurum-directory-page,.country-detail-qurum) .company-directory{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-card{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  grid-template-rows:auto auto minmax(0,1fr) auto;
  column-gap:22px;
  row-gap:0;
  min-height:200px;
  align-items:start;
  padding:22px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:none;
  color:var(--navy);
  text-decoration:none;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-card:hover{
  border-color:rgba(0,93,108,.38);
  box-shadow:var(--shadow-sm);
  color:var(--navy);
  transform:translateY(-2px);
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-logo{
  grid-column:1;
  grid-row:1 / 5;
  display:flex;
  width:104px;
  height:104px;
  align-items:center;
  justify-content:center;
  align-self:start;
  margin:0;
  padding:13px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-logo img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-logo-fallback{
  display:-webkit-box;
  overflow:hidden;
  color:var(--navy);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-name{
  grid-column:2;
  grid-row:1;
  display:block;
  min-width:0;
  margin:1px 0 0;
  color:var(--navy);
  font-size:22px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:-.015em;
  overflow-wrap:anywhere;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-country{
  grid-column:2;
  grid-row:2;
  display:block;
  margin:7px 0 0;
  color:var(--teal);
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-description{
  grid-column:2;
  grid-row:3;
  display:-webkit-box;
  min-width:0;
  margin:15px 0 0;
  overflow:hidden;
  color:var(--muted);
  font-size:14px;
  line-height:1.58;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-directory-count{
  grid-column:2;
  grid-row:4;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  margin:18px 0 0;
  padding:7px 10px;
  border-radius:var(--radius-pill);
  background:var(--surface-soft);
  color:var(--teal);
  font-size:12px;
  font-weight:800;
  line-height:1;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-country-section{
  margin-top:0;
}


:is(.qurum-directory-page,.country-detail-qurum) .company-country-section + .company-country-section{
  margin-top:46px;
}


/* ---------------------------------------------------------
   QURUM PROFILE
   Compact identity card instead of split hero
   --------------------------------------------------------- */

.company-page .company-profile{
  padding:34px 0 0;
  background:#fff;
  border-bottom:0;
}


.company-page .company-logo-box{
  grid-area:logo;
  display:flex;
  width:144px;
  height:144px;
  min-height:144px;
  align-items:center;
  justify-content:center;
  align-self:start;
  padding:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:none;
}


.company-page .company-logo-box img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
}


.company-page .company-logo-fallback{
  display:-webkit-box;
  overflow:hidden;
  color:var(--navy);
  font-size:14px;
  font-weight:850;
  line-height:1.3;
  text-align:center;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}


.company-page .company-directory-nav{
  order:-1;
  margin:0 0 20px;
}


.company-page .company-directory-nav-link{
  display:inline-flex;
  align-items:center;
  min-height:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  color:var(--teal);
  font-size:13px;
  font-weight:750;
  line-height:1.3;
  text-decoration:none;
}


.company-page .company-directory-nav-link:hover{
  background:transparent;
  border:0;
  box-shadow:none;
  color:var(--navy);
  text-decoration:underline;
}


.company-page .company-profile-kicker{
  margin:0 0 8px;
  color:var(--orange);
  font-size:11px;
  font-weight:850;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
}


.company-page .company-profile-title{
  margin:0;
  color:var(--navy);
  font-size:clamp(32px,4vw,42px);
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.03em;
}


.company-page .company-profile-country{
  margin:9px 0 0;
  color:var(--teal);
  font-size:14px;
  font-weight:750;
  line-height:1.4;
}


.company-page .company-profile-description{
  max-width:760px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
}


.company-page .company-profile-contacts{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 24px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--border);
}


.company-page .company-profile-contact{
  min-width:0;
}


.company-page .company-profile-links{
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  margin-top:18px;
}


.company-page .company-profile-links a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  color:var(--teal);
  font-size:13px;
  font-weight:750;
  line-height:1.3;
  text-decoration:none;
}


.company-page .company-profile-links a:hover{
  color:var(--navy);
  text-decoration:underline;
}


.company-page .company-releases{
  padding-top:42px;
}


/* ---------------------------------------------------------
   RESPONSIVE QURUM UI
   --------------------------------------------------------- */

@media(max-width:900px){

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-card{
    grid-template-columns:84px minmax(0,1fr);
    min-height:188px;
    column-gap:18px;
    padding:19px;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-logo{
    width:84px;
    height:84px;
    padding:11px;
    border-radius:16px;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-name{
    font-size:19px;
  }

  .company-page .company-logo-box{
    width:120px;
    height:120px;
    min-height:120px;
    padding:15px;
    border-radius:18px;
  }
}


@media(max-width:700px){

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory{
    grid-template-columns:1fr;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-card{
    grid-template-columns:82px minmax(0,1fr);
    min-height:0;
    column-gap:16px;
    padding:18px;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-logo{
    width:82px;
    height:82px;
    padding:10px;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-description{
    margin-top:12px;
    -webkit-line-clamp:2;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-count{
    margin-top:14px;
  }

  .company-page .company-profile{
    padding-top:22px;
  }

  .company-page .company-logo-box{
    width:86px;
    height:86px;
    min-height:86px;
    padding:10px;
    border-radius:15px;
  }

  .company-page .company-profile-title{
    font-size:30px;
  }

  .company-page .company-profile-description{
    grid-column:1 / -1;
  }

  .company-page .company-profile-contacts{
    grid-template-columns:1fr;
  }
}


@media(max-width:460px){

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-card{
    grid-template-columns:70px minmax(0,1fr);
    column-gap:14px;
    padding:16px;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-logo{
    width:70px;
    height:70px;
    padding:9px;
    border-radius:14px;
  }

  :is(.qurum-directory-page,.country-detail-qurum) .company-directory-name{
    font-size:18px;
  }

  .company-page .company-logo-box{
    width:72px;
    height:72px;
    min-height:72px;
    padding:8px;
    border-radius:14px;
  }

  .company-page .company-profile-title{
    font-size:27px;
  }
}


/* =========================================================
   RELIZ QURUM CONTACTS V2
   Font Awesome is global; these styles are Qurum-specific.
   ========================================================= */

.company-page .company-profile-contacts{
  gap:12px 18px;
}


.company-page .company-profile-contact{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-width:0;
  padding:10px 12px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
}


.company-page .company-profile-contact-icon{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  background:var(--surface-soft);
  border-radius:9px;
  color:var(--teal);
  font-size:14px;
}


.company-page .company-profile-contact-body{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}


.company-page .company-profile-contact-body strong{
  color:var(--navy);
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}


.company-page .company-profile-contact-body a{
  color:var(--teal);
  overflow-wrap:anywhere;
  text-decoration:none;
}


.company-page .company-profile-contact-body a:hover{
  text-decoration:underline;
}


.company-page .company-profile-links{
  gap:9px;
}


.company-page .company-profile-link{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  gap:8px;
  padding:0 11px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  color:var(--teal);
  font-size:13px;
  font-weight:750;
  line-height:1;
  text-decoration:none;
}


.company-page .company-profile-link i{
  width:16px;
  color:currentColor;
  font-size:14px;
  text-align:center;
}


.company-page .company-profile-link:hover{
  background:var(--surface-soft);
  border-color:rgba(0,93,108,.35);
  color:var(--navy);
  text-decoration:none;
}


@media(max-width:700px){

  .company-page .company-profile-contact{
    grid-template-columns:32px minmax(0,1fr);
    padding:9px 10px;
  }

  .company-page .company-profile-contact-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
}


/* =========================================================
   RELIZ QURUM CONTACT UI V3
   Unified contact + social presentation.
   Only Qurum profile is affected.
   ========================================================= */


/*
 * Contact information:
 * one clean information row, not nested cards.
 */

.company-page .company-profile-contacts{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:0;
  width:100%;
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--border);
}


.company-page .company-profile-contact{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-width:0;
  padding:4px 20px 4px 0;
  background:transparent;
  border:0;
  border-radius:0;
}


.company-page .company-profile-contact +
.company-profile-contact{
  padding-left:20px;
  border-left:1px solid var(--border);
}


.company-page .company-profile-contact-icon{
  display:inline-flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
  border-radius:0;
  color:var(--teal);
  font-size:15px;
}


.company-page .company-profile-contact-body{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}


.company-page .company-profile-contact-body strong{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.055em;
  text-transform:uppercase;
}


.company-page .company-profile-contact-body a{
  color:var(--navy);
  font-weight:650;
  overflow-wrap:anywhere;
  text-decoration:none;
}


.company-page .company-profile-contact-body > span{
  color:var(--navy);
  font-weight:550;
  overflow-wrap:anywhere;
}


.company-page .company-profile-contact-body a:hover{
  color:var(--teal);
  text-decoration:underline;
}


/*
 * Official website + social networks:
 * one coherent row, no floating pill collection.
 */

.company-page .company-profile-links{
  display:flex;
  flex-wrap:wrap;
  gap:6px 22px;
  width:100%;
  margin-top:19px;
  padding-top:0;
}


.company-page .company-profile-link{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  gap:7px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  color:var(--teal);
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  text-decoration:none;
}


.company-page .company-profile-link i{
  display:inline-flex;
  width:17px;
  align-items:center;
  justify-content:center;
  color:currentColor;
  font-size:15px;
  text-align:center;
}


.company-page .company-profile-link:hover{
  background:transparent;
  border:0;
  color:var(--navy);
  text-decoration:none;
}


.company-page .company-profile-link:hover span{
  text-decoration:underline;
}


/*
 * Keep logo/profile composition untouched.
 */

@media(max-width:900px){

  .company-page .company-profile-contacts{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
    gap:14px 0;
  }

  .company-page .company-profile-contact:nth-child(3){
    grid-column:1 / -1;
    padding-left:0;
    padding-top:12px;
    border-left:0;
    border-top:1px solid var(--border);
  }
}


@media(max-width:700px){

  .company-page .company-profile-contacts{
    grid-template-columns:1fr;
    gap:0;
  }

  .company-page .company-profile-contact{
    padding:10px 0;
  }

  .company-page .company-profile-contact +
  .company-profile-contact,
  .company-page .company-profile-contact:nth-child(3){
    grid-column:auto;
    padding:10px 0;
    border-left:0;
    border-top:1px solid var(--border);
  }

  .company-page .company-profile-links{
    gap:8px 18px;
    margin-top:15px;
  }
}


/* =========================================================
   RELIZ QURUM PROFILE V4

   Only /qurum/{slug}/
   - white profile
   - identity on left
   - compact contact panel on right
   - official site CTA
   - social networks = icon only
   ========================================================= */


/* ---------------------------------------------------------
   REMOVE LARGE GREY PROFILE CARD
   --------------------------------------------------------- */

.company-page .company-profile{
  padding:32px 0 0;
  background:#fff;
  border-bottom:1px solid var(--border);
}


/* ---------------------------------------------------------
   LOGO
   --------------------------------------------------------- */

.company-page .company-logo-box{
  grid-column:1;
  width:150px;
  height:150px;
  min-height:150px;
  padding:18px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:var(--shadow-sm);
}


.company-page .company-directory-nav{
  grid-area:nav;
  margin:2px 0 24px;
}


.company-page .company-profile-kicker{
  grid-area:kicker;
  margin:0 0 8px;
}


.company-page .company-profile-title{
  grid-area:title;
  margin:0;
  max-width:760px;
  font-size:clamp(36px,4vw,48px);
}


.company-page .company-profile-country{
  grid-area:country;
  margin:9px 0 0;
}


.company-page .company-profile-description{
  grid-area:description;
  max-width:760px;
  margin:20px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}


/* ---------------------------------------------------------
   CONTACT PANEL
   --------------------------------------------------------- */

.company-page .company-profile-contacts{
  grid-area:contacts;
  display:flex;
  width:100%;
  flex-direction:column;
  gap:0;
  align-self:start;
  margin:0;
  padding:20px 21px;
  background:#fff;
  border:1px solid var(--border);
  border-top:3px solid var(--teal);
  border-radius:15px;
  box-shadow:var(--shadow-sm);
}


.company-page .company-profile-contacts::before{
  display:block;
  margin:0 0 7px;
  color:var(--orange);
  content:"ƏLAQƏ";
  font-size:11px;
  font-weight:850;
  line-height:1;
  letter-spacing:.09em;
}


.company-page .company-profile-contact{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-width:0;
  padding:14px 0;
  background:transparent;
  border:0;
  border-radius:0;
}


.company-page .company-profile-contact +
.company-profile-contact{
  padding-left:0;
  border-top:1px solid var(--border);
  border-left:0;
}


.company-page .company-profile-contact-icon{
  display:inline-flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  background:rgba(0,93,108,.07);
  border:0;
  border-radius:11px;
  color:var(--teal);
  font-size:16px;
}


.company-page .company-profile-contact-body{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
  color:var(--navy);
  font-size:13px;
  line-height:1.45;
}


.company-page .company-profile-contact-body strong{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.055em;
  text-transform:uppercase;
}


.company-page .company-profile-contact-body a,
.company-page .company-profile-contact-body > span{
  color:var(--navy);
  font-size:13px;
  font-weight:650;
  overflow-wrap:anywhere;
}


.company-page .company-profile-contact-body a:hover{
  color:var(--teal);
}


/* ---------------------------------------------------------
   OFFICIAL + SOCIAL LINKS
   --------------------------------------------------------- */

.company-page .company-profile-links{
  grid-area:links;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
  width:100%;
  margin:22px 0 0;
  padding:0;
}


/*
 * Official website remains a real CTA.
 */

.company-page .company-profile-link:first-child{
  display:inline-flex;
  width:auto;
  height:42px;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 15px;
  background:var(--teal);
  border:1px solid var(--teal);
  border-radius:11px;
  color:#fff;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
}


.company-page .company-profile-link:first-child i{
  width:18px;
  color:#fff;
  font-size:17px;
}


.company-page .company-profile-link:first-child:hover{
  background:var(--navy);
  border-color:var(--navy);
  color:#fff;
}


/*
 * Social networks = ICON ONLY.
 * Text remains in DOM for accessibility,
 * but is visually hidden.
 */

.company-page .company-profile-link:not(:first-child){
  position:relative;
  display:inline-flex;
  width:42px;
  height:42px;
  min-height:42px;
  align-items:center;
  justify-content:center;
  padding:0;
  background:#fff;
  border:1px solid var(--border);
  border-radius:11px;
  color:var(--teal);
  text-decoration:none;
}


.company-page .company-profile-link:not(:first-child) i{
  width:auto;
  color:currentColor;
  font-size:19px;
  text-align:center;
}


.company-page .company-profile-link:not(:first-child) span{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}


.company-page .company-profile-link:not(:first-child):hover{
  background:var(--teal);
  border-color:var(--teal);
  color:#fff;
  transform:translateY(-1px);
}


/* ---------------------------------------------------------
   RELEASE SECTION
   --------------------------------------------------------- */

.company-page .company-releases{
  padding-top:46px;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:1050px){
}


@media(max-width:900px){

  .company-page .company-logo-box{
    width:120px;
    height:120px;
    min-height:120px;
    padding:15px;
  }

  .company-page .company-profile-contacts{
    margin-top:26px;
  }
}


@media(max-width:700px){

  .company-page .company-profile{
    padding-top:22px;
  }

  .company-page .company-logo-box{
    width:86px;
    height:86px;
    min-height:86px;
    padding:10px;
    border-radius:15px;
  }

  .company-page .company-directory-nav{
    margin-bottom:18px;
  }

  .company-page .company-profile-title{
    font-size:31px;
  }

  .company-page .company-profile-description{
    margin-top:16px;
  }

  .company-page .company-profile-links{
    margin-top:18px;
  }
}


@media(max-width:520px){

  .company-page .company-logo-box{
    grid-column:1;
    width:92px;
    height:92px;
    min-height:92px;
  }

  .company-page .company-directory-nav{
    margin-top:2px;
  }

  .company-page .company-profile-link:not(:first-child){
    width:40px;
    height:40px;
    min-height:40px;
  }
}


/* =========================================================
   RELIZ QURUM PROFILE V4 — PALETTE POLISH
   Existing global palette only.
   ========================================================= */

.company-page .company-profile-link,
.company-page .company-profile-link:hover,
.company-page .company-profile-link:focus,
.company-page .company-profile-link span,
.company-page .company-profile-link:hover span,
.company-page .company-profile-link:focus span,
.company-page .company-profile-link i{
  text-decoration:none !important;
}


/* Official website = primary navy action */

.company-page .company-profile-link:first-child{
  background:var(--navy);
  border-color:var(--navy);
  color:#fff;
}

.company-page .company-profile-link:first-child:hover,
.company-page .company-profile-link:first-child:focus{
  background:var(--teal);
  border-color:var(--teal);
  color:#fff;
}


/* Socials = clean neutral controls */

.company-page .company-profile-link:not(:first-child){
  background:#fff;
  border-color:var(--border);
  color:var(--navy);
}

.company-page .company-profile-link:not(:first-child):hover,
.company-page .company-profile-link:not(:first-child):focus{
  background:var(--surface-soft);
  border-color:var(--teal);
  color:var(--teal);
}


/* Contact panel uses site accents, not a separate visual theme */

.company-page .company-profile-contacts{
  border-top-color:var(--orange);
}

.company-page .company-profile-contact-icon{
  background:var(--surface-soft);
  color:var(--teal);
}

.company-page .company-profile-contacts::before{
  color:var(--orange);
}



/* =========================================================
   RELIZ QURUM PROFILE V5
   Structural desktop + mobile layout.
   ========================================================= */


/* ---------------------------------------------------------
   PROFILE SHELL
   --------------------------------------------------------- */

.company-page .company-profile{
  padding:32px 0 0;
  background:#fff;
  border-bottom:1px solid var(--border);
}


.company-page .company-profile-shell{
  box-sizing:border-box;
  padding-bottom:40px;
}


.company-page .company-directory-nav{
  margin:0 0 22px;
}


/* ---------------------------------------------------------
   DESKTOP LAYOUT
   --------------------------------------------------------- */

.company-page .company-profile-layout{
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    minmax(285px,320px);
  gap:48px;
  align-items:start;
}


.company-page .company-profile-content{
  min-width:0;
}


.company-page .company-profile-identity{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:34px;
  align-items:center;
}


.company-page .company-profile-heading{
  min-width:0;
}


/*
 * Reset all previous experimental grid positioning.
 */

.company-page .company-logo-box{
  grid-area:auto;
  grid-column:auto;
  width:150px;
  height:150px;
  min-height:150px;
  margin:0;
  padding:18px;
  align-self:start;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:var(--shadow-sm);
}


.company-page .company-profile-kicker{
  grid-area:auto;
  margin:0 0 9px;
}


.company-page .company-profile-title{
  grid-area:auto;
  margin:0;
  max-width:none;
  font-size:clamp(38px,4vw,48px);
  line-height:1.06;
}


.company-page .company-profile-country{
  grid-area:auto;
  margin:10px 0 0;
}


.company-page .company-profile-description{
  grid-area:auto;
  grid-column:auto;
  width:auto;
  max-width:760px;
  margin:24px 0 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}


.company-page .company-profile-links{
  grid-area:auto;
  width:100%;
  margin:22px 0 0;
}


/* ---------------------------------------------------------
   CONTACTS
   --------------------------------------------------------- */

.company-page .company-profile-contacts{
  grid-area:auto;
  display:flex;
  width:100%;
  max-width:320px;
  flex-direction:column;
  gap:0;
  align-self:start;
  margin:0;
  padding:20px 21px;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:1000px){

  .company-page .company-profile-layout{
    grid-template-columns:
      minmax(0,1fr)
      minmax(260px,300px);
    gap:30px;
  }

  .company-page .company-profile-identity{
    grid-template-columns:125px minmax(0,1fr);
    gap:25px;
  }

  .company-page .company-logo-box{
    width:125px;
    height:125px;
    min-height:125px;
    padding:15px;
  }

  .company-page .company-profile-title{
    font-size:38px;
  }
}


/* ---------------------------------------------------------
   MOBILE
   Important:
   - actual container padding
   - no display:contents
   - no overlap
   --------------------------------------------------------- */

@media(max-width:760px){

  .company-page .company-profile{
    padding-top:20px;
  }

  .company-page .company-profile-shell{
    width:100%;
    max-width:100%;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:32px;
  }

  .company-page .company-directory-nav{
    margin:0 0 22px;
  }

  .company-page .company-profile-layout{
    display:block;
  }

  .company-page .company-profile-content{
    width:100%;
  }

  .company-page .company-profile-identity{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:18px;
    align-items:center;
  }

  .company-page .company-logo-box{
    width:88px;
    height:88px;
    min-height:88px;
    margin:0;
    padding:10px;
    border-radius:16px;
  }

  .company-page .company-profile-kicker{
    margin:0 0 6px;
    font-size:11px;
  }

  .company-page .company-profile-title{
    margin:0;
    font-size:clamp(27px,7.6vw,34px);
    line-height:1.06;
    overflow-wrap:normal;
    word-break:normal;
  }

  .company-page .company-profile-country{
    margin-top:8px;
    font-size:13px;
  }

  .company-page .company-profile-description{
    width:100%;
    max-width:none;
    margin:24px 0 0;
    font-size:15px;
    line-height:1.65;
  }

  .company-page .company-profile-links{
    width:100%;
    margin:20px 0 0;
  }

  .company-page .company-profile-contacts{
    width:100%;
    max-width:none;
    margin:32px 0 0;
  }

}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media(max-width:420px){

  .company-page .company-profile-shell{
    padding-left:16px;
    padding-right:16px;
  }

  .company-page .company-profile-identity{
    grid-template-columns:74px minmax(0,1fr);
    gap:15px;
  }

  .company-page .company-logo-box{
    width:74px;
    height:74px;
    min-height:74px;
    padding:8px;
    border-radius:14px;
  }

  .company-page .company-profile-title{
    font-size:27px;
  }

  .company-page .company-profile-link:first-child{
    height:40px;
    min-height:40px;
    padding-left:13px;
    padding-right:13px;
  }

  .company-page .company-profile-link:not(:first-child){
    width:40px;
    height:40px;
    min-height:40px;
  }

}



/* =========================================================
   RELIZ HOMEPAGE QURUM V2
   Scope: homepage Qurumlar block only.
   ========================================================= */


/*
 * Two-column homepage Qurum grid.
 */

.home-page .company-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}


/*
 * Compact publisher-style card.
 */

.home-page .home-qurum-card{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:18px;
  min-width:0;
  min-height:126px;
  align-items:center;
  padding:20px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  color:var(--navy);
  text-decoration:none;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}


.home-page .home-qurum-card:hover,
.home-page .home-qurum-card:focus{
  border-color:rgba(0,93,108,.38);
  box-shadow:var(--shadow-sm);
  color:var(--navy);
  text-decoration:none;
  transform:translateY(-2px);
}


.home-page .home-qurum-card-logo{
  display:flex;
  width:82px;
  height:82px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:10px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
}


.home-page .home-qurum-card-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}


.home-page .home-qurum-card-logo-fallback{
  color:var(--navy);
  font-size:25px;
  font-weight:850;
  line-height:1;
}


.home-page .home-qurum-card-body{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}


.home-page .home-qurum-card-name{
  color:var(--navy);
  font-size:18px;
  font-weight:850;
  line-height:1.25;
  letter-spacing:-.01em;
  overflow-wrap:anywhere;
}


.home-page .home-qurum-card-country{
  margin-top:6px;
  color:var(--teal);
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}


.home-page .home-qurum-card-count{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  margin-top:13px;
  padding:6px 9px;
  background:var(--surface-soft);
  border-radius:var(--radius-pill);
  color:var(--teal);
  font-size:12px;
  font-weight:800;
  line-height:1;
}


/*
 * Tablet keeps two columns while usable.
 */

@media(max-width:900px){

  .home-page .company-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
  }

  .home-page .home-qurum-card{
    grid-template-columns:72px minmax(0,1fr);
    gap:15px;
    min-height:112px;
    padding:17px;
  }

  .home-page .home-qurum-card-logo{
    width:72px;
    height:72px;
    padding:9px;
    border-radius:14px;
  }

}


/*
 * Mobile = one column.
 */

@media(max-width:700px){

  .home-page .company-grid{
    grid-template-columns:1fr;
  }

  .home-page .home-qurum-card{
    grid-template-columns:72px minmax(0,1fr);
    min-height:0;
  }

}


@media(max-width:420px){

  .home-page .home-qurum-card{
    grid-template-columns:64px minmax(0,1fr);
    gap:14px;
    padding:15px;
  }

  .home-page .home-qurum-card-logo{
    width:64px;
    height:64px;
    padding:8px;
    border-radius:13px;
  }

  .home-page .home-qurum-card-name{
    font-size:17px;
  }

}

/* =========================================================
   RELIZ AZ-3 GLOBAL HEADER / CATALOG V2
   ========================================================= */

.header-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:8px 24px;
  padding-top:10px;
  padding-bottom:8px;
}

.site-brand-group{
  grid-column:1;
  grid-row:1;
  display:flex;
  min-width:0;
  align-items:center;
  gap:11px;
}

.site-brand{
  flex:0 0 auto;
}

.site-brand-parent{
  display:inline-flex;
  min-width:0;
  align-items:center;
  gap:5px;
  color:rgba(255,255,255,.58);
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  white-space:nowrap;
}

.site-brand-parent > span{
  color:rgba(255,255,255,.28);
}

.site-brand-parent a{
  color:rgba(255,255,255,.82);
  font-weight:800;
  text-decoration:none;
}

.site-brand-parent a:hover{
  color:#fff;
}

.header-actions{
  grid-column:2;
  grid-row:1;
  width:auto;
  min-width:0;
  justify-self:end;
}

.primary-nav{
  grid-column:1 / -1;
  grid-row:2;
  display:flex;
  flex-wrap:wrap;
  width:100%;
  min-width:0;
  align-items:center;
  gap:2px 4px;
  margin:0;
  padding:0;
  overflow:visible;
}

.primary-nav > a,
.primary-nav-catalog > summary{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:7px 11px;
  border-radius:var(--radius-sm);
  color:rgba(255,255,255,.84);
  font-size:14px;
  font-weight:650;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}

.primary-nav > a:hover,
.primary-nav-catalog > summary:hover,
.primary-nav-catalog[open] > summary{
  background:rgba(255,255,255,.07);
  color:#fff;
}

.primary-nav-catalog{
  position:relative;
  flex:0 0 auto;
}

.primary-nav-catalog > summary{
  cursor:pointer;
  list-style:none;
}

.primary-nav-catalog > summary::-webkit-details-marker{
  display:none;
}

.primary-nav-catalog > summary::marker{
  content:"";
}

.primary-nav-caret{
  margin-left:7px;
  font-size:10px;
  opacity:.7;
  transition:transform .15s ease;
}

.primary-nav-catalog[open] .primary-nav-caret{
  transform:rotate(180deg);
}

.primary-nav-catalog-menu{
  position:absolute;
  z-index:100;
  top:calc(100% + 7px);
  left:0;
  width:230px;
  padding:7px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:#fff;
  box-shadow:0 18px 46px rgba(0,21,36,.22);
}

.primary-nav-catalog-menu a{
  display:flex;
  width:100%;
  min-height:42px;
  align-items:center;
  gap:10px;
  padding:9px 11px;
  border-radius:var(--radius-sm);
  color:var(--navy);
  font-size:14px;
  font-weight:700;
  line-height:1.25;
  text-decoration:none;
  white-space:normal;
}

.primary-nav-catalog-menu a:hover{
  background:var(--surface-soft);
  color:var(--teal);
  text-decoration:none;
}

.primary-nav-catalog-menu i{
  width:18px;
  flex:0 0 18px;
  color:var(--teal);
  text-align:center;
}

@media(max-width:760px){

  .header-inner{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    gap:9px;
    padding-top:10px;
    padding-bottom:10px;
  }

  .site-brand-group{
    grid-column:1;
    grid-row:1;
  }

  .header-actions{
    grid-column:1;
    grid-row:2;
    width:100%;
    justify-self:stretch;
  }

  .primary-nav{
    grid-column:1;
    grid-row:3;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px 6px;
    width:100%;
    margin:0;
    padding:0;
    overflow:visible;
  }

  .primary-nav > a,
  .primary-nav-catalog > summary{
    width:100%;
    min-width:0;
    min-height:42px;
    justify-content:flex-start;
    padding:8px 10px;
  }

  .primary-nav-catalog{
    width:100%;
    min-width:0;
  }

  .primary-nav-catalog-menu{
    width:min(280px,calc(100vw - 32px));
  }

}

@media(max-width:420px){

  .site-brand-group{
    gap:8px;
  }

  .site-brand-parent{
    gap:4px;
    font-size:11px;
  }

}

/* =========================================================
   RELIZ AZ-3 MOBILE MENU V2.1
   Native checkbox toggle / no JavaScript
   ========================================================= */

.primary-nav-shell{
  grid-column:1 / -1;
  grid-row:2;
  min-width:0;
}

.primary-nav-toggle{
  display:none;
}

@media(max-width:760px){

  .primary-nav-shell{
    grid-column:1;
    grid-row:3;
    width:100%;
    min-width:0;
  }

  .primary-nav-toggle{
    display:flex;
    width:100%;
    min-height:42px;
    align-items:center;
    gap:9px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:var(--radius-sm);
    background:rgba(255,255,255,.05);
    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    cursor:pointer;
    user-select:none;
  }

  .primary-nav-toggle:hover{
    background:rgba(255,255,255,.08);
  }

  .primary-nav-toggle-caret{
    margin-left:auto;
    font-size:10px;
    opacity:.72;
    transition:transform .15s ease;
  }

  .primary-nav-toggle-input:focus-visible + .primary-nav-toggle{
    outline:2px solid currentColor;
    outline-offset:2px;
  }

  .primary-nav-shell > .primary-nav{
    display:none;
    grid-column:auto;
    grid-row:auto;
    grid-template-columns:1fr;
    gap:4px;
    width:100%;
    margin:6px 0 0;
    padding:0 0 2px;
    overflow:visible;
  }

  .primary-nav-toggle-input:checked + .primary-nav-toggle
  .primary-nav-toggle-caret{
    transform:rotate(180deg);
  }

  .primary-nav-toggle-input:checked ~ .primary-nav{
    display:grid;
  }

  .primary-nav > a,
  .primary-nav-catalog > summary{
    width:100%;
    min-width:0;
    min-height:42px;
    justify-content:flex-start;
    padding:8px 11px;
  }

  .primary-nav-catalog{
    width:100%;
    min-width:0;
  }

  .primary-nav-catalog-menu{
    position:static;
    width:100%;
    margin-top:4px;
    box-shadow:none;
  }

}

@media(min-width:761px){

  .primary-nav-shell > .primary-nav{
    display:flex;
  }

}


/* =========================================================
   RELIZ AZ-3 HEADER BRANDING / UTILITY V1
   ========================================================= */

.header-inner{
  grid-template-columns:auto minmax(0,1fr) auto;
}

.site-brand-group{
  grid-column:1;
}

.site-brand-parent .del-brand{
  display:inline-flex;
  align-items:baseline;
  font-weight:800;
  letter-spacing:-.01em;
}

.site-brand-parent .del-brand-name{
  color:#fff;
}

.site-brand-parent .del-brand-tld{
  color:#2563eb;
}

.site-brand-parent .del-brand:hover{
  opacity:.88;
}

.header-utility{
  grid-column:2;
  grid-row:1;
  display:flex;
  min-width:0;
  align-items:center;
  justify-self:center;
  gap:16px;
}

.header-utility a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}

.header-utility a:hover{
  color:#fff;
}

.header-utility i{
  color:rgba(255,255,255,.46);
  font-size:12px;
}

.header-actions{
  grid-column:3;
}

@media(max-width:1000px){

  .header-inner{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .header-utility{
    display:none;
  }

  .site-brand-group{
    grid-column:1;
  }

  .header-actions{
    grid-column:2;
  }

}

@media(max-width:760px){

  .header-inner{
    grid-template-columns:1fr;
  }

  .site-brand-group{
    grid-column:1;
    grid-row:1;
  }

  .header-actions{
    grid-column:1;
    grid-row:2;
  }

  .primary-nav-shell{
    grid-column:1;
    grid-row:3;
  }

}


/* =========================================================
   RELIZ AZ-3 HEADER UTILITY ENHANCE V1
   ========================================================= */

.site-brand-parent .del-brand{
  transition:transform .18s ease, opacity .18s ease, text-shadow .18s ease;
  transform-origin:left center;
}

.site-brand-parent .del-brand:hover{
  opacity:1;
  transform:translateY(-1px);
  text-shadow:0 0 12px rgba(37,99,235,.32);
}

.header-utility{
  gap:14px;
}

.header-utility a{
  padding:4px 0;
  transition:color .18s ease, opacity .18s ease, transform .18s ease;
}

.header-utility a:hover{
  transform:translateY(-1px);
}

.header-utility a[href^="tel:"] i{
  color:rgba(255,255,255,.58);
}

.header-utility a[href^="https://wa.me/"] i{
  color:#25d366;
}

@media(max-width:1180px){

  .header-utility{
    gap:10px;
  }

  .header-utility a{
    font-size:11px;
  }

}


/* =========================================================
   RELIZ AZ-3 DEL.AZ GLASS LENS V1
   Desktop-only experimental magnifier
   ========================================================= */

@media(min-width:1001px) and (hover:hover) and (pointer:fine){

  .site-brand-parent .del-brand{
    position:relative;
    cursor:zoom-in;
  }

  .del-brand-lens{
    position:absolute;
    z-index:300;
    top:var(--del-lens-y,50%);
    left:var(--del-lens-x,50%);
    display:flex;
    width:76px;
    height:76px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.55);
    border-radius:50%;
    background:
      radial-gradient(
        circle at 32% 25%,
        rgba(255,255,255,.34),
        rgba(255,255,255,.13) 34%,
        rgba(8,21,37,.93) 72%
      );
    box-shadow:
      0 12px 30px rgba(0,0,0,.30),
      inset 0 0 0 2px rgba(255,255,255,.08);
    opacity:0;
    pointer-events:none;
    transform:
      translate(-50%,-50%)
      translate(24px,-38px)
      scale(.82);
    transition:
      opacity .14s ease,
      transform .14s ease;
    backdrop-filter:blur(5px);
  }

  .del-brand.is-lens-active .del-brand-lens{
    opacity:1;
    transform:
      translate(-50%,-50%)
      translate(24px,-38px)
      scale(1);
  }

  .del-brand-lens::after{
    content:"";
    position:absolute;
    top:8px;
    left:13px;
    width:23px;
    height:9px;
    border-radius:50%;
    background:rgba(255,255,255,.24);
    transform:rotate(-28deg);
  }

  .del-brand-lens-inner{
    display:inline-flex;
    align-items:baseline;
    font-size:25px;
    font-weight:900;
    letter-spacing:-.04em;
    line-height:1;
    white-space:nowrap;
    transform:scale(1.05);
  }

  .del-brand-lens-name{
    color:#fff;
  }

  .del-brand-lens-tld{
    color:#2563eb;
  }

}

@media(max-width:1000px){

  .del-brand-lens{
    display:none !important;
  }

}

/* =========================================================
   RELIZ AZ-3 DEL.AZ MAGNETIC GLASS LENS V2
   ========================================================= */

@media(min-width:1001px) and (hover:hover) and (pointer:fine){

  .site-brand-parent{
    position:relative;
  }

  /*
   * V1 moved the link itself.
   * V2 keeps the original branding completely stationary.
   */
  .site-brand-parent .del-brand,
  .site-brand-parent .del-brand:hover{
    transform:none;
  }

  /*
   * Native zoom cursor is no longer needed:
   * the actual glass lens is the interaction.
   */
  .site-brand-parent .del-brand{
    cursor:pointer;
  }

  .site-brand-parent .del-brand-lens{
    position:fixed;
    z-index:9999;

    top:var(--del-lens-screen-y,44px);
    left:var(--del-lens-screen-x,200px);

    width:80px;
    height:80px;

    display:block;
    overflow:hidden;

    border:1px solid rgba(255,255,255,.64);
    border-radius:50%;

    background:
      radial-gradient(
        circle at 30% 24%,
        rgba(255,255,255,.36) 0,
        rgba(255,255,255,.13) 25%,
        rgba(13,29,48,.95) 72%
      );

    box-shadow:
      0 10px 28px rgba(0,0,0,.34),
      0 0 0 2px rgba(255,255,255,.07),
      inset 0 0 18px rgba(255,255,255,.10);

    backdrop-filter:blur(4px);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translate(-50%,-50%) scale(.88);

    transition:
      opacity .12s ease,
      transform .12s ease,
      visibility 0s linear .12s;
  }

  .site-brand-parent.is-lens-active .del-brand-lens{
    opacity:1;
    visibility:visible;

    transform:translate(-50%,-50%) scale(1);

    transition:
      opacity .12s ease,
      transform .12s ease,
      visibility 0s;
  }

  .site-brand-parent .del-brand-lens::after{
    content:"";

    position:absolute;
    z-index:4;

    top:9px;
    left:13px;

    width:26px;
    height:10px;

    border-radius:50%;

    background:
      rgba(255,255,255,.28);

    transform:rotate(-28deg);
  }

  /*
   * This is the enlarged copy of the REAL complete line.
   * JS shifts it horizontally beneath the fixed glass.
   */
  .site-brand-parent .del-brand-lens-inner{
    position:absolute;

    top:50%;
    left:0;

    display:flex;
    align-items:baseline;

    width:max-content;

    font-size:12px;
    font-weight:650;
    line-height:1;
    letter-spacing:.01em;

    white-space:nowrap;

    transform-origin:left center;

    transform:
      translate(
        var(--del-lens-content-x,0),
        -50%
      )
      scale(2.25);
  }

  .del-brand-lens-prefix,
  .del-brand-lens-suffix{
    color:rgba(255,255,255,.78);
    font-weight:650;
  }

  .del-brand-lens-name{
    color:#fff;
    font-weight:900;
  }

  .del-brand-lens-tld{
    color:#2563eb;
    font-weight:900;
  }

}

@media(max-width:1000px){

  .site-brand-parent .del-brand-lens{
    display:none !important;
  }

}

/* =========================================================
   RELIZ AZ-3 DEL.AZ MAGNETIC LENS V2.1
   Larger glass + explicit word spacing
   ========================================================= */

@media(min-width:1001px) and (hover:hover) and (pointer:fine){

  .site-brand-parent .del-brand-lens{
    width:112px;
    height:112px;
  }

  .site-brand-parent .del-brand-lens-suffix{
    margin-left:.28em;
  }

}

/* =========================================================
   RELIZ AZ-3 DEL.AZ LENS SPACING FINAL
   ========================================================= */

@media(min-width:1001px) and (hover:hover) and (pointer:fine){

  .del-brand-lens-prefix{
    margin-right:.28em;
  }

}

/* =========================================================
   RELIZ AZ-3 DEL.AZ INTERACTIVE LENS V2.3
   ========================================================= */

@media(min-width:1001px) and (hover:hover) and (pointer:fine){

  /*
   * Hidden lens never intercepts the pointer.
   * Visible lens becomes an actual interactive surface.
   */
  .site-brand-parent .del-brand-lens{
    pointer-events:none;
  }

  .site-brand-parent.is-lens-active .del-brand-lens{
    pointer-events:auto;
    cursor:default;
  }

  .site-brand-parent .del-brand-lens-name,
  .site-brand-parent .del-brand-lens-tld{
    cursor:pointer;
  }

}

/* =========================================================
   RELIZ AZ-3 FOOTER FINAL V1
   ========================================================= */

.site-footer{
  background:#001725;
  color:#fff;
}

.footer-main{
  display:grid;
  grid-template-columns:
    minmax(250px,1.45fr)
    repeat(4,minmax(135px,1fr));
  gap:44px;
  padding-top:50px;
  padding-bottom:48px;
}

.footer-brand{
  min-width:0;
}

.footer-logo{
  display:inline-block;
  color:#fff;
  font-size:27px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.045em;
  text-decoration:none;
}

.footer-logo-dot{
  color:#ff7900;
}

.footer-description{
  max-width:310px;
  margin:20px 0 0;
  color:rgba(255,255,255,.70);
  font-size:14px;
  line-height:1.65;
}

.footer-product{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px;
  margin-top:22px;
  color:rgba(255,255,255,.46);
  font-size:12px;
  font-weight:650;
}

.footer-del-brand{
  display:inline-flex;
  align-items:baseline;
  text-decoration:none;
  font-weight:850;
  letter-spacing:-.02em;
  transition:opacity .18s ease;
}

.footer-del-brand:hover{
  opacity:.82;
}

.footer-del-name{
  color:#fff;
}

.footer-del-tld{
  color:#2563eb;
}

.footer-heading{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 20px;
  color:#fff;
  font-size:13px;
  font-weight:850;
  line-height:1.25;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.footer-heading i{
  width:15px;
  color:#ff7900;
  font-size:12px;
  text-align:center;
}

.footer-links{
  display:grid;
  gap:13px;
  margin:0;
  padding:0;
  list-style:none;
}

.footer-links li{
  margin:0;
  padding:0;
}

.footer-links a{
  color:rgba(255,255,255,.76);
  font-size:14px;
  line-height:1.45;
  text-decoration:none;
  transition:
    color .18s ease,
    transform .18s ease;
}

.footer-links a:hover{
  color:#fff;
}

.footer-contact-links a{
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.footer-contact-links i{
  width:15px;
  color:rgba(255,255,255,.48);
  font-size:13px;
  text-align:center;
}

.footer-contact-links a[href^="https://wa.me/"] i{
  color:#25d366;
}

.footer-contact-links a[href="/rss.xml"] i{
  color:#ff7900;
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
}

.footer-bottom-inner{
  display:flex;
  min-height:64px;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.footer-copyright{
  color:rgba(255,255,255,.60);
  font-size:12px;
}

.footer-bottom-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:24px;
}

.footer-bottom-links a{
  color:rgba(255,255,255,.62);
  font-size:12px;
  text-decoration:none;
}

.footer-bottom-links a:hover{
  color:#fff;
}

@media(max-width:1100px){

  .footer-main{
    grid-template-columns:
      minmax(230px,1.3fr)
      repeat(2,minmax(150px,1fr));
    gap:38px 34px;
  }

  .footer-brand{
    grid-row:span 2;
  }

}

@media(max-width:760px){

  .footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:36px 24px;
    padding-top:40px;
    padding-bottom:38px;
  }

  .footer-brand{
    grid-column:1 / -1;
    grid-row:auto;
  }

  .footer-description{
    max-width:440px;
  }

  .footer-bottom-inner{
    min-height:0;
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
    padding-top:22px;
    padding-bottom:24px;
  }

  .footer-bottom-links{
    justify-content:flex-start;
    gap:12px 20px;
  }

}

@media(max-width:430px){

  .footer-main{
    grid-template-columns:1fr;
    gap:30px;
  }

  .footer-brand{
    grid-column:auto;
  }

  .footer-heading{
    margin-bottom:14px;
  }

  .footer-links{
    gap:11px;
  }

}

/* =========================================================
   RELIZ AZ-3 FOOTER FINAL V1.1
   Brand hierarchy + corporate copy + legal row
   ========================================================= */

.footer-product{
  margin-top:12px;
  gap:7px;
  color:rgba(255,255,255,.66);
  font-size:15px;
  line-height:1.25;
}

.footer-del-brand{
  font-size:16px;
  font-weight:900;
}

.footer-product-text{
  color:rgba(255,255,255,.58);
  font-weight:650;
}

.footer-description{
  max-width:345px;
  margin-top:19px;
  color:rgba(255,255,255,.72);
  font-size:13.5px;
  line-height:1.7;
}

/*
 * Contact rows are controls/contact actions,
 * not ordinary editorial navigation links.
 */
.footer-contact-links a,
.footer-contact-links a:hover,
.footer-contact-links a:focus-visible{
  text-decoration:none !important;
}

.footer-contact-links a:hover{
  transform:translateX(2px);
}

.footer-contact-links a:hover i{
  opacity:1;
}

/*
 * More complete copyright hierarchy.
 */
.footer-copyright{
  display:grid;
  gap:5px;
}

.footer-copyright strong{
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:600;
  line-height:1.4;
}

.footer-copyright span{
  color:rgba(255,255,255,.40);
  font-size:11px;
  line-height:1.4;
}

.footer-bottom-links a{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.footer-bottom-links i{
  color:rgba(255,255,255,.36);
  font-size:10px;
}

.footer-bottom-links a:hover i{
  color:#ff7900;
}

@media(max-width:760px){

  .footer-product{
    margin-top:14px;
    font-size:16px;
  }

  .footer-del-brand{
    font-size:17px;
  }

  .footer-description{
    max-width:520px;
    font-size:14px;
  }

}


/* =========================================================
   RELIZ AZ-3 FOOTER BRAND COPY V1.2
   Reliz.az + del.az unified brand lockup
   ========================================================= */

.footer-brand{
  display:grid;
  grid-template-columns:auto max-content;
  align-items:center;
  justify-content:start;
  column-gap:13px;
}

.footer-logo{
  grid-column:1;
  grid-row:1;
}

.footer-product{
  grid-column:2;
  grid-row:1;

  margin:0;
  padding:6px 10px;

  gap:6px;

  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;

  background:rgba(255,255,255,.045);

  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.footer-del-brand{
  font-size:13px;
  line-height:1;
}

.footer-product-text{
  font-size:11px;
  line-height:1;
}

.footer-description{
  grid-column:1 / -1;
  grid-row:2;

  max-width:350px;
  margin-top:20px;
}

@media(max-width:760px){

  .footer-brand{
    grid-template-columns:auto max-content;
    column-gap:12px;
  }

  .footer-product{
    margin:0;
    padding:7px 10px;
    font-size:12px;
  }

  .footer-del-brand{
    font-size:14px;
  }

  .footer-product-text{
    font-size:12px;
  }

  .footer-description{
    grid-column:1 / -1;
    margin-top:20px;
  }

}

@media(max-width:360px){

  .footer-brand{
    grid-template-columns:1fr;
    row-gap:11px;
  }

  .footer-logo{
    grid-column:1;
    grid-row:1;
  }

  .footer-product{
    grid-column:1;
    grid-row:2;
    justify-self:start;
  }

  .footer-description{
    grid-column:1;
    grid-row:3;
    margin-top:8px;
  }

}

/* =========================================================
   RELIZ AZ-3 FOOTER BRAND LAYOUT V1.3
   Brand block stacked to prevent overlap
   ========================================================= */

.footer-main{
  grid-template-columns:
    minmax(300px,1.55fr)
    repeat(4,minmax(130px,1fr));
}

.footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  min-width:0;
}

.footer-logo{
  display:inline-block;
}

.footer-product{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  margin-top:14px;
  padding:8px 12px;
  gap:7px;
  white-space:nowrap;
}

.footer-del-brand{
  font-size:15px;
}

.footer-product-text{
  font-size:12px;
}

.footer-description{
  max-width:360px;
  margin-top:18px;
}

@media(max-width:1100px){

  .footer-main{
    grid-template-columns:
      minmax(260px,1.35fr)
      repeat(2,minmax(150px,1fr));
  }

}

@media(max-width:760px){

  .footer-brand{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-product{
    margin-top:14px;
    padding:8px 12px;
  }

  .footer-description{
    max-width:520px;
    margin-top:18px;
  }

}

@media(max-width:430px){

  .footer-main{
    grid-template-columns:1fr;
  }

  .footer-product{
    white-space:normal;
  }

}

/* =========================================================
   RELIZ AZ-3 FOOTER BRAND RELATION V1.4
   Clear Reliz.az → del.az relationship
   ========================================================= */

.footer-product{
  display:inline-flex;
  align-items:baseline;
  align-self:flex-start;

  margin-top:13px;
  padding:2px 0 2px 11px;

  gap:7px;

  border:0;
  border-left:2px solid rgba(255,121,0,.82);
  border-radius:0;

  background:none;

  line-height:1.3;
  white-space:nowrap;
}

.footer-del-brand{
  font-size:15px;
  font-weight:900;
  line-height:1.2;
}

.footer-product-text{
  color:rgba(255,255,255,.64);
  font-size:13px;
  font-weight:650;
  line-height:1.2;
}

.footer-description{
  max-width:380px;
  margin-top:19px;

  color:rgba(255,255,255,.74);
  font-size:13.5px;
  line-height:1.7;
}

@media(max-width:760px){

  .footer-product{
    margin-top:14px;
    padding-left:11px;
  }

  .footer-del-brand{
    font-size:16px;
  }

  .footer-product-text{
    font-size:14px;
  }

  .footer-description{
    max-width:520px;
    font-size:14px;
  }

}

/* =========================================================
   RELIZ AZ-3 FOOTER MOBILE BOTTOM V1.5
   Legal links first, copyright closes the page
   ========================================================= */

@media(max-width:760px){

  .footer-bottom-inner{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-bottom-links{
    order:1;
    width:100%;
    padding-bottom:18px;
  }

  .footer-copyright{
    order:2;
    width:100%;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
  }

}


/* =========================================================
   RELIZ AZ-3 DEL PROMO BRAND V1
   Canonical del.az text logo
   ========================================================= */

.del-promo-brand .del-promo-logo{
  display:inline-flex;
  align-items:baseline;
  font-size:14px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.025em;
  text-transform:none;
  white-space:nowrap;
}

.del-promo-brand .del-promo-logo-name{
  color:#fff;
}

.del-promo-brand .del-promo-logo-tld{
  color:#2563eb;
}

/*
 * Light inline creative:
 * canonical dark "del" + blue ".az".
 */
.del-promo-inline
.del-promo-brand
.del-promo-logo-name{
  color:#0b1424;
}

.del-promo-inline
.del-promo-brand
.del-promo-logo-tld{
  color:#2563eb;
}

/*
 * Top and bottom creatives stay on dark/colour backgrounds.
 */
.del-promo-top
.del-promo-brand
.del-promo-logo-name,
.del-promo-bottom
.del-promo-brand
.del-promo-logo-name{
  color:#fff;
}

.del-promo-top
.del-promo-brand
.del-promo-logo-tld,
.del-promo-bottom
.del-promo-brand
.del-promo-logo-tld{
  color:#2563eb;
}

/*
 * Existing animated separator dot remains attached
 * to the logo through the existing b::after contract.
 */
.del-promo-brand .del-promo-logo::after{
  margin-left:8px;
}


/* =========================================================
   RELIZ AZ-3 DEL PROMO VISIBILITY V1.1
   Larger / stronger del.az branding inside promo creatives
   ========================================================= */

.del-promo-brand .del-promo-logo{
  font-size:17px;
  font-weight:1000;
  letter-spacing:-.03em;
}

.del-promo-brand .del-promo-logo-name,
.del-promo-brand .del-promo-logo-tld{
  text-shadow:
    0 1px 1px rgba(0,0,0,.16),
    0 0 8px rgba(255,255,255,.08);
}

.del-promo-brand > span:last-child{
  font-size:15px;
  font-weight:700;
  line-height:1.2;
}

.del-promo-top .del-promo-brand,
.del-promo-bottom .del-promo-brand,
.del-promo-inline .del-promo-brand{
  gap:10px;
}

.del-promo-inline .del-promo-logo{
  font-size:18px;
}

.del-promo-inline .del-promo-logo-name,
.del-promo-inline .del-promo-logo-tld{
  text-shadow:
    0 1px 0 rgba(255,255,255,.22),
    0 0 6px rgba(11,20,36,.05);
}

/*
 * Blue/cyan creatives need the strongest support:
 * keep canonical blue .az, but improve separation.
 */
.del-promo-top .del-promo-logo-tld{
  text-shadow:
    0 1px 1px rgba(0,0,0,.22),
    0 0 10px rgba(255,255,255,.14);
}

@media(max-width:760px){

  .del-promo-brand .del-promo-logo{
    font-size:16px;
  }

  .del-promo-brand > span:last-child{
    font-size:14px;
  }

}

/* =========================================================
   RELIZ AZ-3 DEL PROMO VISIBILITY V1.2
   Bigger del.az + stronger .az contrast on color creatives
   ========================================================= */

.del-promo-brand .del-promo-logo{
  font-size:21px;
  font-weight:1000;
  letter-spacing:-.035em;
}

.del-promo-brand .del-promo-logo-name{
  color:#fff;
  text-shadow:
    0 1px 1px rgba(0,0,0,.22),
    0 0 10px rgba(255,255,255,.08);
}

.del-promo-brand .del-promo-logo-tld{
  color:#4ea2ff;
  -webkit-text-stroke:.45px rgba(7,18,31,.55);
  text-shadow:
    0 1px 1px rgba(0,0,0,.26),
    0 0 10px rgba(255,255,255,.16),
    0 0 14px rgba(78,162,255,.18);
}

.del-promo-brand > span:last-child{
  font-size:16px;
  font-weight:750;
  line-height:1.2;
}

.del-promo-top .del-promo-brand,
.del-promo-bottom .del-promo-brand,
.del-promo-inline .del-promo-brand{
  gap:11px;
}

/* strongest treatment for colourful hero promos */
.del-promo-top .del-promo-logo{
  font-size:22px;
}

.del-promo-top .del-promo-logo-tld{
  color:#7dc7ff;
  -webkit-text-stroke:.55px rgba(7,18,31,.62);
  text-shadow:
    0 1px 1px rgba(0,0,0,.30),
    0 0 12px rgba(255,255,255,.18),
    0 0 18px rgba(125,199,255,.22);
}

/* inline/light promo keeps darker "del" but bigger logo */
.del-promo-inline .del-promo-logo{
  font-size:22px;
}

.del-promo-inline .del-promo-logo-name{
  color:#0b1424;
  text-shadow:
    0 1px 0 rgba(255,255,255,.25),
    0 0 6px rgba(11,20,36,.05);
}

.del-promo-inline .del-promo-logo-tld{
  color:#2563eb;
  -webkit-text-stroke:.35px rgba(255,255,255,.28);
  text-shadow:
    0 1px 0 rgba(255,255,255,.22),
    0 0 8px rgba(37,99,235,.12);
}

@media(max-width:760px){

  .del-promo-brand .del-promo-logo,
  .del-promo-top .del-promo-logo,
  .del-promo-inline .del-promo-logo{
    font-size:18px;
  }

  .del-promo-brand > span:last-child{
    font-size:15px;
  }

}

/* =========================================================
   RELIZ AZ-3 DEL PROMO BRAND SYSTEM V2
   Stable logo contrast on every creative background
   ========================================================= */

/*
 * Brand row remains integrated into every existing
 * creative. Gradients, artwork and service colours
 * are NOT changed.
 */
.del-promo-brand{
  display:flex;
  align-items:center;
  gap:9px;

  margin-bottom:10px;

  font-size:14px;
  font-weight:750;
  letter-spacing:0;
}

/*
 * Canonical del.az plate.
 *
 * The logo no longer depends on the advertisement
 * background for contrast.
 */
.del-promo-brand .del-promo-logo{
  position:relative;

  display:inline-flex;
  flex:0 0 auto;
  align-items:baseline;

  padding:6px 10px 7px;

  border:1px solid rgba(11,20,36,.10);
  border-radius:8px;

  background:rgba(255,255,255,.96);

  box-shadow:
    0 4px 14px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.88);

  font-size:20px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;

  text-shadow:none;
  -webkit-text-stroke:0;
}

/*
 * Disable the old animated dot that was attached
 * directly to the logo itself.
 */
.del-promo-brand .del-promo-logo::after{
  display:none !important;
  content:none !important;
}

/*
 * Canonical DEL.AZ colours.
 * These now work on every banner because the logo
 * owns a neutral background.
 */
.del-promo-brand
.del-promo-logo-name{
  color:#0b1424 !important;

  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
}

.del-promo-brand
.del-promo-logo-tld{
  color:#2563eb !important;

  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
}

/*
 * Service descriptor stays outside the logo.
 */
.del-promo-brand > span:last-child{
  position:relative;

  display:inline-flex;
  align-items:center;

  color:inherit;

  font-size:14px;
  font-weight:750;
  line-height:1.2;
  letter-spacing:0;
}

/*
 * Small separator between brand and service.
 */
.del-promo-brand > span:last-child::before{
  content:"";

  display:inline-block;

  width:5px;
  height:5px;

  margin-right:9px;

  border-radius:50%;

  background:#ff7900;

  box-shadow:
    0 0 0 3px rgba(255,121,0,.11);
}

/*
 * TOP:
 * colourful gradient promos.
 */
.del-promo-top .del-promo-brand{
  color:rgba(255,255,255,.94);
}

.del-promo-top
.del-promo-brand
.del-promo-logo{
  font-size:21px;
}

/*
 * INLINE:
 * light commercial creative.
 */
.del-promo-inline .del-promo-brand{
  color:#493d28;
}

.del-promo-inline
.del-promo-brand
.del-promo-logo{
  background:#fff;

  border-color:rgba(11,20,36,.12);

  box-shadow:
    0 4px 14px rgba(74,52,16,.12),
    inset 0 1px 0 rgba(255,255,255,.92);

  font-size:21px;
}

/*
 * BOTTOM:
 * violet/blue DEL business creative.
 */
.del-promo-bottom .del-promo-brand{
  color:rgba(255,255,255,.94);
}

.del-promo-bottom
.del-promo-brand
.del-promo-logo{
  font-size:21px;
}

/*
 * Keep branding readable but proportionate on mobile.
 */
@media(max-width:760px){

  .del-promo-brand{
    gap:7px;
    margin-bottom:9px;
  }

  .del-promo-brand .del-promo-logo,
  .del-promo-top .del-promo-brand .del-promo-logo,
  .del-promo-inline .del-promo-brand .del-promo-logo,
  .del-promo-bottom .del-promo-brand .del-promo-logo{
    padding:5px 8px 6px;
    border-radius:7px;
    font-size:18px;
  }

  .del-promo-brand > span:last-child{
    font-size:13px;
  }

  .del-promo-brand > span:last-child::before{
    width:4px;
    height:4px;
    margin-right:7px;
  }

}


/* =========================================================
   RELIZ AZ-3 DEL PROMO TOP HEIGHT V2.1
   Extra vertical room for canonical del.az plate
   ========================================================= */

/* Desktop */
.del-promo-top,
.del-promo-top-stage{
  min-height:196px;
}

.del-promo-top .del-promo-slide{
  min-height:196px;
}

/* Tablet */
@media(max-width:820px){

  .del-promo-top,
  .del-promo-top-stage{
    min-height:250px;
  }

  .del-promo-top .del-promo-slide{
    min-height:250px;
  }

}

/* Mobile */
@media(max-width:560px){

  .del-promo-top,
  .del-promo-top-stage{
    min-height:276px;
  }

  .del-promo-top .del-promo-slide{
    min-height:276px;
  }

}

/* =========================================================
   RELIZ AZ-3 DEL PROMO ORBIT BRAND V1
   Canonical del.az identity inside decorative orbit
   ========================================================= */

.del-promo-orbit b,
.del-promo-bottom .del-promo-orbit b{
  display:flex;
  width:52px;
  height:52px;
  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(11,20,36,.10);

  border-radius:50%;

  background:#fff;

  box-shadow:
    0 5px 16px
    rgba(8,12,32,.22);

  font-size:11px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.035em;
}

.del-promo-orbit-name{
  color:#0b1424;
}

.del-promo-orbit-tld{
  color:#2563eb;
}



/* =========================================================
   RELIZ AZ-3.1 COUNTRY UI
   - compact /olke/ cards
   - local SVG flags
   - country detail identity
   ========================================================= */

.country-directory{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.country-directory-card{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:20px;
  min-width:0;
  min-height:132px;
  align-items:center;
  padding:20px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:none;
  color:var(--navy);
  text-decoration:none;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.country-directory-card:hover{
  border-color:rgba(0,93,108,.38);
  box-shadow:var(--shadow-sm);
  color:var(--navy);
  transform:translateY(-2px);
}

.country-directory-flag{
  display:flex;
  width:92px;
  min-width:0;
  align-items:center;
  justify-content:center;
}

.country-flag{
  display:flex;
  width:100%;
  aspect-ratio:4 / 3;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
}

.country-flag img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.country-flag-fallback{
  background:var(--surface-soft);
  color:var(--muted);
  font-size:26px;
}

.country-directory-content{
  display:block;
  min-width:0;
}

.country-directory-heading{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.country-directory-name{
  display:block;
  min-width:0;
  color:var(--navy);
  font-size:20px;
  font-weight:850;
  line-height:1.22;
  letter-spacing:-.012em;
  overflow-wrap:anywhere;
}

.country-directory-code{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  min-width:38px;
  padding:5px 8px;
  border-radius:var(--radius-pill);
  background:var(--surface-soft);
  color:var(--teal);
  font-size:12px;
  font-weight:850;
  line-height:1;
  letter-spacing:.04em;
}

.country-directory-stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:16px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}

.country-directory-stats span{
  display:inline-flex;
  align-items:center;
}

.country-identity{
  display:flex;
  min-width:0;
  align-items:center;
  gap:18px;
}

.country-identity-flag{
  display:flex;
  width:58px;
  flex:0 0 58px;
}

.country-identity-flag .country-flag{
  border-radius:9px;
  box-shadow:var(--shadow-sm);
}

.country-identity-text{
  min-width:0;
}

.country-identity .listing-kicker{
  margin-top:0;
}

.country-identity .listing-title{
  overflow-wrap:anywhere;
}

@media (max-width:760px){
  .country-directory{
    grid-template-columns:1fr;
  }

  .country-directory-card{
    grid-template-columns:76px minmax(0,1fr);
    gap:16px;
    min-height:112px;
    padding:17px;
  }

  .country-directory-flag{
    width:76px;
  }

  .country-directory-name{
    font-size:18px;
  }
}

@media (max-width:480px){
  .country-directory-card{
    grid-template-columns:64px minmax(0,1fr);
    gap:14px;
    padding:15px;
  }

  .country-directory-flag{
    width:64px;
  }

  .country-directory-heading{
    gap:10px;
  }

  .country-directory-stats{
    gap:6px 12px;
    margin-top:12px;
    font-size:12px;
  }

  .country-identity{
    gap:13px;
  }

  .country-identity-flag{
    width:48px;
    flex-basis:48px;
  }
}