@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Playfair+Display:ital,wght@1,400;1,600&family=Amiri:ital,wght@1,400;1,700&display=swap');
@font-face {
    font-family: 'qatar2022_arabicbold';
    src: url('../fonts/qatar2022arabic-bold-webfont.woff2') format('woff2'),
         url('../fonts/qatar2022arabic-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'qatar2022_arabicheavy';
    src: url('../fonts/qatar2022arabic-heavy-webfont.woff2') format('woff2'),
         url('../fonts/qatar2022arabic-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'qatar2022_arabicmedium';
    src: url('../fonts/qatar2022arabic-medium-webfont.woff2') format('woff2'),
         url('../fonts/qatar2022arabic-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'qatar2022bold';
    src: url('../fonts/qatar2022-bold-webfont.woff2') format('woff2'),
         url('../fonts/qatar2022-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'qatar2022heavy';
    src: url('../fonts/qatar2022-heavy-webfont.woff2') format('woff2'),
         url('../fonts/qatar2022-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'qatar2022medium';
    src: url('../fonts/qatar2022-medium-webfont.woff2') format('woff2'),
         url('../fonts/qatar2022-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{  font-family: 'qatar2022medium'; font-size: 16px;}
html{  font-family: 'qatar2022heavy'; font-size: 16px;}
/* ── SECTION 1 — Hero: black ── */
section.fifa.sec2Bg,
section.fifa.sec2Bg .tab_content_box,
section.fifa.sec2Bg .tab_main {
    background: #000000 !important;
}

.fifa{ background: #141718 url(../images/fifa-bg.png) no-repeat bottom center; text-align: center; }
.fifa .center{width: 100%; max-width: 1100px; margin: 0 auto;}
.fifa .center .tab_main{ text-align: center; display: inherit;  flex-wrap: inherit; justify-content: inherit; padding: 0px 0 100px 0;}
.fifa .center h1{ font-size: 45px; color: #077aa4; text-transform: uppercase; font-weight: 900; line-height: 60px;}
.fifa .center h2{font-size: 35px; color: #adaeae; padding: 25px 0 15px 0; display: block; line-height: 40px; }

/* ── FIFA 2026 hero two-column layout ── */
.fifa26-hero {
    display: flex;
    align-items: center;
    gap: 70px;
    padding: 60px 0 50px 0;
    text-align: left;
}
.fifa26-img-col {
    flex: 0 0 42%;
    max-width: 42%;
}
.fifa26-img-col img {
    width: 100%;
    height: auto;
    display: block;
}
.fifa26-text-col {
    flex: 1;
}
/* Eyebrow label */
.fifa26-eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #9a8446;
    padding-bottom: 16px;
}

/* Main hero heading */
.fifa26-main-title {
    font-size: 40px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    line-height: 50px !important;
    padding-bottom: 4px !important;
    letter-spacing: -0.5px !important;
}
.fifa26-title-sub {
    display: block;
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    text-transform: none;
    color: #e8c86a;
    letter-spacing: 1px;
    line-height: 38px;
    font-family: Georgia, 'Times New Roman', serif;
}
.fifa26-title-rule {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #c9a84c, transparent);
    margin: 14px 0 18px;
}

/* Sub-tagline */
.fifa26-curated {
    font-size: 13px;
    font-style: italic;
    color: #9a8446;
    letter-spacing: 0.4px;
    padding-bottom: 24px;
    display: block;
}

/* Specs 2-column grid — data from the FIFA brochure */
.fifa26-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 28px;
    padding: 20px 22px 18px;
    border-top: 2px solid rgba(201,168,76,0.55);
    border-left: 1px solid rgba(201,168,76,0.12);
    border-right: 1px solid rgba(201,168,76,0.12);
    border-bottom: 1px solid rgba(201,168,76,0.12);
    background: rgba(201,168,76,0.025);
    margin-bottom: 20px;
}
.fifa26-spec-label {
    display: block;
    font-size: 8px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #8a7040;
    margin-bottom: 5px;
    font-family: 'Arial Narrow', Arial, sans-serif;
}
.fifa26-spec-value {
    display: block;
    font-size: 14px;
    color: #c9a84c;
    font-weight: 600;
    line-height: 1.2;
    font-family: Georgia, 'Times New Roman', serif;
}

/* Limited edition strip */
.fifa26-limited-strip {
    text-align: center;
    padding: 11px 0;
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #c9a84c;
    border-top: 1px solid rgba(201,168,76,0.2);
    border-bottom: 1px solid rgba(201,168,76,0.2);
    margin-bottom: 14px;
}

/* Footer licence note */
.fifa26-licensed-tag {
    color: #7a6230;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.3px;
    display: block;
    padding-top: 4px;
}

/* ═══════════════════════════════════════════════
   FIFA 2026 — Video Presentation Section
   ═══════════════════════════════════════════════ */
.fifa-video-section {
    background: #141718;
    padding: 0;
}

/* Video — 1024px centered */
.fifa-video-wrap {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    background: #000;
    line-height: 0;
}
.fifa-video-wrap video {
    width: 100%;
    height: auto;
    display: block;
}

/* Text block — centered below video */
.fifa-video-text-area {
    max-width: 760px;
    margin: 0 auto;
    padding: 44px 20px 48px;
    text-align: center;
}
.fifa-video-eyebrow {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #c9a84c;
    opacity: 0.75;
    margin-bottom: 16px;
}
.fifa-video-title {
    font-size: 34px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    text-transform: uppercase !important;
    line-height: 44px !important;
    padding-bottom: 4px !important;
    letter-spacing: -0.5px !important;
}
.fifa-video-title span {
    display: block;
    font-size: 22px !important;
    font-weight: 300 !important;
    font-style: italic !important;
    text-transform: none !important;
    color: #e8c86a !important;
    letter-spacing: 1px !important;
    line-height: 34px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
}
.fifa-video-rule {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c9a84c, transparent);
    margin: 16px auto 22px;
}
.fifa-video-limited {
    font-size: 20px;
    color: #e8c86a;
    letter-spacing: 2px;
    padding: 0 0 16px;
    display: block;
}
.fifa-video-spec {
    font-size: 16px;
    color: #d0d0d0;
    padding-bottom: 18px;
    display: block;
    border-bottom: 1px solid rgba(201,168,76,0.15);
    margin-bottom: 18px;
}
.fifa-video-sub {
    font-size: 14px;
    color: #9a8446;
    font-style: italic;
    line-height: 22px;
    padding-bottom: 14px;
    display: block;
}
.fifa-video-license {
    font-size: 10px;
    color: #7a6230;
    font-style: italic;
    letter-spacing: 0.3px;
    display: block;
}
@media only screen and (max-width: 600px) {
    .fifa-video-title { font-size: 26px !important; line-height: 34px !important; }
    .fifa-video-limited { font-size: 17px; }
}

/* ═══════════════════════════════════════════════
   FIFA — The Original Section
   ═══════════════════════════════════════════════ */
.fifa-original-section {
    background: #141718;
    padding: 0;
}
.fifa-original-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.fifa-original-inner {
    display: flex;
    align-items: center;
    gap: 72px;
    padding: 60px 0 50px;
}
.fifa-original-text-col {
    flex: 1;
}
.fifa-original-img-col {
    flex: 0 0 42%;
    max-width: 42%;
}
.fifa-original-img-col img {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid rgba(201,168,76,0.15);
}
.fifa-original-eyebrow {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #9a8446;
    opacity: 0.8;
    margin-bottom: 16px;
}
.fifa-original-title {
    font-size: 34px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    text-transform: uppercase !important;
    line-height: 44px !important;
    padding-bottom: 4px !important;
    letter-spacing: -0.5px !important;
}
.fifa-original-title span {
    display: block;
    font-size: 22px !important;
    font-weight: 300 !important;
    font-style: italic !important;
    text-transform: none !important;
    color: #e8c86a !important;
    letter-spacing: 1px !important;
    line-height: 34px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
}
.fifa-original-rule {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #c9a84c, transparent);
    margin: 14px 0 22px;
}
.fifa-original-p {
    font-size: 15px;
    color: #b0b0b0;
    line-height: 27px;
    margin-bottom: 16px;
    display: block;
}
.fifa-original-emphasis {
    font-size: 18px;
    color: #e8c86a;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', serif;
    margin-top: 10px;
    display: block;
    letter-spacing: 0.5px;
}
@media only screen and (max-width: 1024px) {
    .fifa-original-inner { flex-direction: column-reverse; gap: 36px; padding: 40px 0; }
    .fifa-original-img-col { flex: none; max-width: 60%; margin: 0 auto; }
    .fifa-original-text-col { text-align: center; }
    .fifa-original-rule { margin: 14px auto 22px; }
    .fifa-original-title { font-size: 28px !important; }
}
@media only screen and (max-width: 600px) {
    .fifa-original-img-col { max-width: 90%; }
    .fifa-original-title { font-size: 24px !important; line-height: 32px !important; }
}

/* ═══════════════════════════════════════════════
   FIFA — News & Announcements Section
   ═══════════════════════════════════════════════ */
.fifa-news-section {
    background: #141718;
    padding: 0;
}
.fifa-news-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.fifa-news-heading {
    text-align: center;
    padding: 56px 0 40px;
}
.fifa-news-eyebrow {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #9a8446;
    opacity: 0.8;
    margin-bottom: 12px;
}
.fifa-news-title {
    font-size: 30px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding-bottom: 0 !important;
}
.fifa-news-rule {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c9a84c, transparent);
    margin: 14px auto 0;
}

/* ── Newspaper clipping cards (2 col) ── */
.fifa-news-row-featured {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}
.fifa-news-clip-card {
    background: #1a1c1d;
    border: 1px solid rgba(201,168,76,0.12);
    border-top: 2px solid rgba(201,168,76,0.5);
    overflow: hidden;
}

/* Thumbnail image container */
.fifa-news-clip-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    line-height: 0;
}
.fifa-news-clip-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.4s ease;
}
.fifa-news-clip-img:hover img {
    transform: scale(1.03);
}

/* Hover overlay label */
.fifa-thumb-zoom {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: rgba(0,0,0,0.75);
    color: #c9a84c;
    font-size: 10px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}
.fifa-news-clip-img:hover .fifa-thumb-zoom {
    opacity: 1;
}

/* ── Lightbox Modal ── */
.fifa-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.92);
    z-index: 99999;
    align-items: center;
    justify-content: center;
    padding: 30px;
}
.fifa-modal-overlay.active {
    display: flex;
}
body.fifa-modal-open {
    overflow: hidden;
}
.fifa-modal-inner {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    animation: fifaModalIn 0.25s ease;
}
@keyframes fifaModalIn {
    from { opacity: 0; transform: scale(0.94); }
    to   { opacity: 1; transform: scale(1); }
}
.fifa-modal-inner img {
    display: block;
    max-width: 90vw;
    max-height: 85vh;
    width: auto;
    height: auto;
    border: 1px solid rgba(0,191,165,0.25);
}
.fifa-modal-close {
    position: absolute;
    top: -42px;
    right: 0;
    font-size: 32px;
    line-height: 1;
    color: #00bfa5;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-weight: 300;
    transition: color 0.2s;
}
.fifa-modal-close:hover {
    color: #5dffd8;
}
.fifa-news-clip-text {
    padding: 20px 22px 22px;
}
.fifa-news-publication {
    display: block;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #c9a84c;
    margin-bottom: 8px;
}
.fifa-news-headline {
    font-size: 15px !important;
    color: #e0e0e0 !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    padding-bottom: 10px !important;
}
.fifa-news-meta {
    font-size: 12px;
    color: #9a8446;
    display: block;
    padding-bottom: 4px;
}
.fifa-news-dist {
    font-size: 12px;
    color: #7a6230;
    display: block;
    line-height: 18px;
}

/* ── Article quote cards (3 col) ── */
.fifa-news-row-quotes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 0px;
}
.fifa-news-quote-card {
    background: #1a1c1d;
    border: 1px solid rgba(201,168,76,0.1);
    border-top: 2px solid rgba(201,168,76,0.3);
    padding: 22px;
    display: flex;
    flex-direction: column;
}
.fifa-news-pub-tag {
    display: inline-block;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #7a6230;
    border: 1px solid rgba(201,168,76,0.18);
    padding: 4px 10px;
    margin-bottom: 14px;
    align-self: flex-start;
}
.fifa-news-quote-headline {
    font-size: 14px !important;
    color: #e0e0e0 !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    font-style: italic !important;
    padding-bottom: 10px !important;
}
.fifa-news-quote-text {
    font-size: 13px;
    color: #9a9a9a;
    line-height: 22px;
    margin-bottom: 10px;
    display: block;
}
.fifa-news-quote-note {
    font-size: 12px;
    color: #c9a84c;
    font-style: italic;
    line-height: 20px;
    display: block;
    margin-top: 4px;
}
.fifa-news-quote-meta {
    font-size: 11px;
    color: #7a6230;
    display: block;
    padding-top: 8px;
    margin-top: auto;
}
.fifa-news-link {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    color: #c9a84c;
    text-decoration: none;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid rgba(201,168,76,0.12);
}
.fifa-news-link:hover { color: #e8c86a; }

@media only screen and (max-width: 1024px) {
    .fifa-news-row-featured { grid-template-columns: 1fr; }
    .fifa-news-row-quotes { grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 600px) {
    .fifa-news-row-quotes { grid-template-columns: 1fr; }
    .fifa-news-title { font-size: 24px !important; }
}

@media only screen and (max-width: 1024px) {
    .fifa26-hero { flex-direction: column; gap: 40px; padding: 40px 20px; }
    .fifa26-img-col { flex: none; max-width: 60%; margin: 0 auto; }
    .fifa26-text-col { text-align: center; }
    .fifa26-main-title { font-size: 32px !important; line-height: 40px !important; }
}
@media only screen and (max-width: 600px) {
    .fifa26-img-col { max-width: 85%; }
    .fifa26-main-title { font-size: 26px !important; line-height: 34px !important; }
    .fifa26-limited { font-size: 18px; }
}

.fifa .container { width: 900px; margin: 0 auto;}
.tab_left {width: 50%; text-align: left; float: left;}
.tab_right { width: 50%; float: left;}
#nav{ font-family: 'Open Sans', sans-serif, sans-serif;}
.tab_right{ padding: 117px 0 0 0;}
.tab_right h3{ color: #adaeae; font-size: 35px;  text-transform: uppercase;}
.tab_right table{ margin: 15px 0; color: #adaeae; font-size: 18px; text-align: left; padding: 0 0 0 50px;}
.tab_right table td.left-site {
    text-align: right;
    margin: 0 0px 0 0;
    vertical-align: top;
}
.tab_right table td{ padding: 0 7px;}
.pieces{ font-size: 30px; padding: 20px 0 0 0; color: #9a8446;}
.animate-charcter {background-image: linear-gradient(
    -225deg,
    #079cd2 0%,
    #079cd2 29%,
    #9a8446 67%,
    #9a8446 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 30px; line-height: 35px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
.tab_main article{ padding: 25px 0 15px 0;}
.tab_main article h2{ text-transform: uppercase;}
.tab_main article p{ font-size: 27px; line-height: 35px; color: #a0a1a1; padding: 15px 0 0 0;}
.tab_main article ul{ margin: 65px auto;}
.tab_main article ul li{ display: inline-block; text-align: center; padding: 0 35px; font-size: 18px; color:#fff; }
.cefter{ padding: 80px 0 18px 0; position: relative; text-align: left;}
.right-logo{ position: absolute; right: 0px; bottom: 35px;}
.cefter aside{ display: inline-block; padding: 0px; width: 70px; vertical-align: top;}
.cefter article h4{ color: #fff; text-align: left; padding: 0px; margin: 0px;}
.cefter article {display: inline-block; text-align: left; vertical-align: top;padding: 0px; margin: 0px;}
.cefter article p {display: inline-block; font-size: 12px; text-align: left; line-height: 14px;padding: 0px; margin: 0px;}
.clear{ clear: both;}
/* .content_panel:before{ display:none;} */
/*-----------Chakraberia Landing Page ---------------*/
.bg {background: url(../images/chakraberia-landing-page-banner.jpg) no-repeat 50% 50%; background-size: cover;}
.bannerSec {vertical-align: middle; text-align: center; padding: 62px 0 0; position: relative; min-height: 600px;}
.bannerSec:after {content: '\200B'; height: 100%; display: inline-block; vertical-align: middle;}
.body-part{ max-width: 1156px; margin: 0 auto;}
.body-part .right-box{ width: 873px; padding: 250px 0 0 0px; text-align: left;}
.locality-part{background: #ededed;min-height: 930px;}
.aword-part{background: #141718; min-height: 530px; margin: 0px 0 0 0;}
.accolades-part{background: linear-gradient(135deg, #14171d 0%, #0b0e12 100%); padding: 90px 0;}
.gallery-part{ background: #ececec; min-height: 571px;}
.center-part{ width: 1100px; margin: 0 auto; padding: 21px 0 0 0px; text-align: left; position: relative; height: 100%;}
.center-part .scroll{ position: absolute; bottom: 70px; right: 0px;}
.breadcrumb2{ margin: 0 0 0 -30px;}
.breadcrumb2 ul{height: 30px;}
.breadcrumb2 ul:before{ border-left: 2px solid #fece1a; content: ""; display: inline-block; height: 30px; float: left; padding: 0 30px 0 0;}
.breadcrumb2 ul li {float: left; color: #ffea08; font-size: 10px; padding: 0px; line-height: 30px;}
.breadcrumb2 ul li:after{ content: "/"; display: block;color: #979797; float: left; padding: 0 8px;}
.breadcrumb2 ul li:nth-child(1):after{ content: ""; display: inline-block; padding: 0px 0px 0 0px;}
.breadcrumb2 ul li a{color: #979797;}
.breadcrumb2 ul li a:hover{color: #ffea08;}
.bread-top {padding: 0px 0 0 0px;}
.banner-text{position: absolute; bottom: 70px; left: 0px; color: #fff;/* min-height: 340px;*/}
.banner-text:before{border-left: 2px solid #fece1a;content: ""; display: inline-block; min-height: 360px; position: absolute; left: -30px;}
.banner-text i{ background: #c9173c; padding: 8px 15px; color: #fff; font-size: 16px; display: inline-block; border-radius: 0px; font-weight: 400; font-style: normal;}
.banner-text a:hover{background: #fff; color: #000;}
.banner-text h2{ font-size: 52px; color: #fff; font-weight: 600; padding: 15px 0 0 0;}
.banner-text h3{ font-size: 30px; color: #ffcf1a; font-weight: 600; padding: 5px 0 0 0;}
.locality ul{ display: block; width: 100%; padding: 0px 0 40px 40px;}
.locality ul li{ display: inline-block;width: 230px; border-right: 1px solid #c8c8c8; min-height: 92px; padding: 0 0 0 30px;}
.locality ul li:nth-child(1){padding: 0 0 0 0px;}
.locality ul li:nth-child(3){border-right:none;}
.locality ul li h2{ font-size: 40px; line-height: 40px; color: #c9173c; font-weight: 400; padding: 0 0 16px 0;}
.locality ul li p{ font-size: 22px; line-height: 22px; color: #000; font-weight: 400;}
.locality article p{ font-size: 22px; color: #363636; font-style: italic; line-height: 30px; padding: 0 0 45px 0;}
.locality article a{ -webkit-box-shadow: 0px 0px 18px 0px rgba(181,181,181,0.77); -moz-box-shadow: 0px 0px 18px 0px rgba(181,181,181,0.77);box-shadow: 0px 0px 18px 0px rgba(181,181,181,0.77); padding: 16px 20px; border-radius: 3px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600; width: 135px; margin: 0 auto;text-align: center; background: #fff; color: #000;}
/*.content_panel:before {background: none !important; z-index: -1;}*/
.locality article a:hover{ color: #fff; background: #c9173c;}
.clr{ clear: both;}
.locality-map{ margin: 90px 0 0 0;-webkit-box-shadow: 5px 5px 18px 2px rgba(168,168,168,0.9);-moz-box-shadow: 5px 5px 18px 2px rgba(168,168,168,0.9);
box-shadow: 5px 5px 18px 2px rgba(168,168,168,0.9);}
.locality-map-text{float: left; width: 50%; background: #ffcf1a; min-height: 280px; padding: 60px 70px 40px 70px; position: relative;}

.locality-map-text h2{position: relative;}
.locality-map-text h2 span{ width: 348px; border-bottom: 2px solid #c9173c; position: absolute; top: 23px;left: 151px; z-index: 1;}
.locality-map-images a{ background: #c9173c; padding: 16px 20px; border-radius: 3px; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600; position: absolute; bottom: 50px; left: 0px; right: 0px; width: 135px; margin: 0 auto; text-align: center;-webkit-box-shadow: 0px 10px 23px -4px rgba(143,143,143,1);
-moz-box-shadow: 0px 10px 23px -4px rgba(143,143,143,1); box-shadow: 0px 10px 23px -4px rgba(143,143,143,1);}
.locality-map-images a:hover{background: #fff; color: #000;}

.locality-map-images{ float: left; width: 50%; background: #f0f1f4; min-height: 280px; position: relative;}
.locality-map-images img{ width: 100%; height: 277px; }
.locality-map-text h2{ font-size: 40px; color: #c9173c; font-weight: 400; padding: 0 0 25px 0;}
.locality-map-text p{ font-size: 14px; color: #000; font-weight: 400; line-height: 22px;}
.locality-map-text p span{ font-size: 16px; display: block; padding: 0 0 10px 0; font-weight: 600;}
.locality article{ padding: 0 0 0 40px; width:730px;}
.locality article p span{color: #c9173c;}
.accolades-inner{ max-width: 720px; margin: 0 auto; text-align: center; }
.accolades-heading{ font-size: 30px; color: #fff; font-weight: 900; margin: 0 0 44px; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: -0.3px; }

.accolades-hero{ position: relative; max-width: 300px; margin: 0 auto 28px; border-radius: 14px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,0.45), 0 0 0 1px rgba(201,168,76,0.2); }
.accolades-hero img{ display: block; width: 100%; height: auto; }
.accolades-hero-text{ text-align: center; margin: 0 auto 50px; }
.accolades-hero-text h3{ margin: 0 0 8px; font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 600; font-size: 26px; color: #e8c86a; }
.accolades-hero-tagline{ display: block; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; color: rgba(255,255,255,0.7); margin-bottom: 12px; }
.accolades-hero-value{ display: inline-block; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.8px; color: #0b0e12; background: linear-gradient(135deg, #f3dfa5, #c9a24a); padding: 6px 16px; border-radius: 999px; text-transform: uppercase; }

.accolades-text{ max-width: 640px; margin: 0 auto 50px; text-align: left; }
.accolades-text p{ font-size: 16px; color: rgba(255,255,255,0.8); font-weight: 400; line-height: 26px; margin: 0 0 16px; }
.accolades-text p:last-child{ margin-bottom: 0; }
.accolades-emphasis{ font-style: italic !important; font-family: Georgia, 'Times New Roman', serif !important; color: #e8c86a !important; font-size: 17px !important; margin-top: 22px !important; }

.accolades-cover img{ display: block; width: 100%; max-width: 338px; height: auto; margin: 0 auto 28px; border-radius: 10px; box-shadow: 0 20px 50px rgba(0,0,0,0.45); }
.accolades-btn{ font-size: 12px; text-transform: uppercase; font-weight: 600; padding: 15px 28px; border-radius: 3px; text-align: center; display: inline-block; border: 1px solid transparent; }
.accolades-btn-secondary{ background: transparent; color: #fff; border-color: rgba(255,255,255,0.5); }
.accolades-btn-secondary:hover{ background: rgba(255,255,255,0.15); border-color: #fff; }
.committee{position: absolute;top: 0px; z-index: 1;left: 0px; padding: 80px 0 80px 110px;}
.committee article{float: left; width: 290px;  position: relative;}
.committee article:nth-child(2){ margin: 0 60px 0 0;}
.committee article:nth-child(3){ margin: 0 60px 0 0;}
.committee h2{ padding: 0 0 50px 0;}
.committee:before {border-left: 2px solid #fece1a; content: ""; display: inline-block; min-height: 450px; position: absolute; left: 55px;}


.committee article .committee-bag{ background: #fff; padding: 40px 35px; margin: 0px;}
.committee article .committee-bag p{ font-size: 14px; color: #000; line-height: 22px; padding: 0 33px;}
.committee article .committee-bag span{ display: inline-block; font-size: 18px; color: #c9173c; font-weight: 600; padding: 0 25px 0 0;}
.committee article .committee-bag a{ font-size: 12px; color: #c9173c; text-transform: uppercase; font-weight: 600; display: block; padding: 35px 0 0 0; display: inline-block;}
.committee article .committee-bag a span{ font-size: 16px; font-weight: 900; padding: 0 25px 0 0;}
.committee article .committee-bag a:hover{color: #000;}
.committee figure{position: relative;}
.committee figure h2 {position: absolute; bottom: 38px; left: 70px; z-index: 3; font-size: 40px; font-weight: 400; color: #fff;}
.committee article span.line{ border-left: 2px solid #c9173c; height: 175px; position: absolute; top: 188px; left: 39px; z-index: 3;}
.hover05 figure img {margin-left: 30px;-webkit-transform: scale(1.5);transform: scale(1.5);	-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.hover05 figure:hover img {margin-left: 0;}
.gallery-part figure {margin: 0;padding: 0;background: #fff;overflow: hidden;}
.gallery-part figure:hover+span {bottom: -36px;	opacity: 1;}
.landing{ position: fixed; left: 21%; z-index: 9;}

/*--------------- Chakraberia Locality --------------*/
.locality-pages{ position: relative;}
.locality-pages h1{ font-size: 50px; color: #c9173c; font-weight: 600; padding: 0 0 0 30px;}
.locality-pages .pageName_breadcrumb {margin: 0 0 30px; position: relative; padding: 75px 0 10px 0px; margin-top: -54px; border: none;}
.locality-pages .top-locality{min-height: 154px; background: #fff;}
.locality-pages .top-locality article{ padding: 62px 0 33px 54px;}
.locality-pages .metro-stations{ background: #c9173c;}
.locality-pages .map-box-part{ width: 100%;}
.locality-pages .map-box-part img{ overflow: hidden; width: auto;}
.locality-pages .map-text{ width: 400px; height: 280px; background: #ffd606; position: absolute; top: 55px; left: 55px;-webkit-box-shadow: 0px 0px 22px -2px rgba(0,0,0,0.39);-moz-box-shadow: 0px 0px 22px -2px rgba(0,0,0,0.39); box-shadow: 0px 0px 22px -2px rgba(0,0,0,0.39); padding: 50px;}
.locality-pages .content_banner{ position: relative;}
.locality-pages .map-text h2{ color: #c9173c; font-size: 30px; font-weight: 400; padding: 0 0 30px 0; position: relative;}
.locality-pages .map-text h2 span{ position: absolute; top: 18px;left: 180px; border: 1px solid #c9173c; width: 274px;}
.locality-pages .map-text p{font-size: 14px; color: #000; line-height: 20px;}
.locality-pages .map-text p span{ font-size: 16px; font-weight: 600; display: block; padding: 0 0 20px 0;}

.locality-pages .body-center{ padding: 60px 85px 0 85px;}
.locality-pages .body-center h2{ padding: 0 0 20px 0;}
.locality-pages .body-center ul{ margin: 0 0 0 30px;}
.locality-pages .body-center ul li{font-size: 14px; color: #363636; line-height: 22px; background: url(../images/tab-line.jpg) left 9px no-repeat; padding: 0 16px 27px 40px;}
.locality-pages .body-center ul li span{ font-size: 18px; color: #000; display: block; font-weight: 600; padding: 0 0 7px 0;}

.locality-pages .body-center2{ padding: 60px 85px 0 85px;}
.locality-pages .body-center2 h2{ color: #fff; font-size: 30px; font-weight: 400;}
.locality-pages .stations{ padding: 40px 0px 40px 40px;}
.locality-pages .stations h3{ font-size: 18px; color: #ffcf1a; font-weight: 400; display: inline-block;}
.locality-pages .stations h3 span{ width: 158px; border: 1px solid #ffcf1a; display: inline-block; margin: -2px 22px 5px 0px;}
.locality-pages .left-icon{ display: inline-block; width: 160px; margin: 0 auto; text-align: center; padding: 20px 0;}
.locality-pages .right-text{ display: inline-block; width: 500px; text-align: left; padding: 28px 0 28px 20px; vertical-align: top;}
.locality-pages .right-text ul li{ vertical-align: top; color: #fff;background: url(../images/tab-centerpng.png) left 9px no-repeat; padding: 0 0 30px 15px; font-size: 14px;}
.bus-auto{ margin: 0 0 0 30px; border-left: 2px solid #ffcf1a; padding: 0 0 0 40px;}
.bus-auto h4{ font-size: 18px; color: #000; padding: 0 0 40px 0; font-weight: 400;}
.locality-pages .body-center .bus-auto ul li{background: url(../images/tab-centerpng2.png) left 9px no-repeat; padding: 0 0 30px 15px;}
/*.top-locality .left-line{ border-left: 2px solid #ffcf1a; padding: 0 0 0 30px;}*/


/*--------------- Chakraberia Committee --------------*/
.committee-part {margin: 0 60px 0 85px;}
.committee-part h2.heading3_b2{ color: #363636; font-size: 27px; font-style: italic; font-weight: 400; padding: 0 0 35px 0;}
.committee-part ul li{ padding: 30px 0; font-size: 16px; color: #363636; display: inline-block;}
.committee-part .committee-left{ width: 20%; border-top: 1px solid #ffcf1a; color: #c9173c; font-weight: 600; margin: 0 5% 0 0;}
.committee-part .committee-right{ width: 70%;border-top: 1px solid #e3e3e3;}

.awardsAccordian article{}
.awardsAccordian article h3{font-size:30px; line-height:36px; color:#363636; font-weight:400; margin:0 60px 0 0px; border-top:1px dashed #adadad; padding:33px 0 35px 68px; position:relative; cursor:pointer;}
.awardsAccordian article h3:before{content:''; width:80px; height:80px; border-radius:50%; background:url(../images/maximum-arrow.png); position:absolute; left:0; top:23px;}
.awardsAccordian article.awardActive h3:before{background:url(../images/minus-arrow.png);}
.awardsAccordian article:first-child h3:before{left:0; top:-10px;}


.awardsAccordian article h3 strong{color:#c9173c; font-weight:bold;}
.awardsAccordian article:first-child h3{border-top:0; padding-top:0;}
.center3{margin:0 60px 0 114px;}
.pujoProfileType1 p{margin-bottom:30px; line-height:20px;}


.block-text{font-size:18px; line-height:24px; color:#000000; display:block; border-top:2px solid #ffcf1a; border-bottom:2px solid #ffcf1a; padding:25px 0 24px; margin:0 0 26px;}
ul.awards-row{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -5px 40px -5px; position:relative;}
ul.awards-row:before{content:''; width:2px; height:100%; background:#ffcf1a; position:absolute; left:-36px; top:0;}
ul.awards-row li{padding:0 10px 20px; width:33.3333333333%;}
ul.awards-row li a{display:inline-block; height:100%; background:#c9173c; position:relative; -webkit-box-shadow:0px 9px 18px 2px rgba(0,0,0,0.34); -moz-box-shadow:0px 9px 18px 2px rgba(0,0,0,0.34); box-shadow:0px 9px 18px 2px rgba(0,0,0,0.34);}
ul.awards-row li a:after{content:''; background:url(../images/pop-open-arrow.png) no-repeat 0 0; background-size:contain; width:13px; height:13px; position:absolute; right:20px; bottom:20px;}
ul.awards-row li a em{display:block; overflow:hidden;}
ul.awards-row li a em img{display:block; width:100%; webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all 1s ease;transition:all .5s ease;}
ul.awards-row li a:hover em img{-ms-transform:scale(1.1); -webkit-transform:scale(1.12); transform:scale(1.1);}
ul.awards-row li a b{font-size:16px; line-height:24px; font-weight:400; color:#FFFFFF; padding:24px 30px 65px; display:block;}

h2.awards-heading{margin-bottom:30px; color:#c9173c; font-size:30px; font-weight:500; padding-left:85px;}

.aword-part article { width: 1100px; margin: 0 auto;}
.left-ee { float: right; width: 35%;}
.left-part-new {float: left; width: 60%; padding: 90px 0 0 0; text-align: center;}

.left-part-new h2{ text-transform: uppercase; font-size: 40px; color: #fff; text-align: center; line-height: 50px;}
.left-part-new h2 span{ display: block; text-transform: none;}
.left-part-new a{ padding: 15px 0 0 0;}
.awardsAccordian{ padding: 80px 0; margin: 0 0 0 90px;}
.awardsAccordian h2{ padding: 0 0 35px 0;}
ul.awards-row li a b {font-size: 16px; line-height: 24px; font-weight: 400; color: #FFFFFF; padding: 24px 30px 65px; display: block;}
ul.awards-row li a b p{ font-weight: 400; font-size: 14px; line-height: 14px; line-height: 20px; display: block; padding: 15px 0 0 0;}

.inside_banner {position: relative; margin: 88px auto 0 auto; text-align: center; display: block; background: #141718;}
.inside_banner img{ text-align: center; margin: 0 auto;}

/* Banner height reduced 30% vs. the native image ratio (desktop 1919x900,
   mobile 853x1844) by fixing the section to a shorter aspect-ratio and
   letting the image cover/crop it, instead of rendering at full natural
   height. */
.inside_banner {
  aspect-ratio: 1919 / 630 !important;
}
.inside_banner .inner_image_dekstop,
.inside_banner .inner_image_mob {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
}
@media screen and (max-width: 520px) {
  .inside_banner {
    aspect-ratio: 853 / 1291 !important;
  }
}
.fifa-history{ padding: 100px 0; background: #141718 url(../images/fifa-bg2.png) no-repeat top center;}
.left-img{ padding: 30px 0;}
.left-img .left-box2{ float: left; width: 45%; padding: 0 10px 0 0; text-align: left; color: #fff;}
.left-img .right-box2{ float: right;width: 53%;padding: 0 20px 0 10px; text-align: left; color: #fff;}
.left-img .right-box2 p{ font-size: 16px; line-height: 22px; padding: 0 0 20px 0;}
.line-h img{ margin: 60px 0 30px 0;}
.left-img h1{ color: #755f3b !important; font-size: 48px; line-height: 48px; padding: 15px 0 30px 0; text-align: left;}

.right-img{ padding: 30px 0;}
.right-img .left-box2{ float: right; width: 45%; padding: 0 10px 0 0; text-align: left; color: #fff;}
.right-img .right-box2{ float: left;width: 53%;padding: 0 20px 0 10px; text-align: left; color: #fff;}
.right-img .right-box2 p{ font-size: 16px; line-height: 22px; padding: 0 0 20px 0;}
.right-img h1{ color: #755f3b !important; font-size: 48px; line-height: 48px; padding: 15px 0 30px 0; text-align: left;}

.left-box2 h3{ text-align: left; float: left !important;}
.left-box2 ul { margin: 0 0 0 0px}
.left-box2 ul li{ margin: 30px 0;}
.left-box2 ul li aside{ display: inline-block; vertical-align: top; width: 90px;}
.left-box2 ul li article{ display: inline-block; vertical-align: top; font-size: 20px;}
.left-box2 ul li article span{ display: block; vertical-align: top; font-size: 18px; font-style: italic;}

.right-box2 h3{ text-align: left; float: left !important;}
.right-box2 ul { margin: 0 0 0 0px}
.right-box2 ul li{ margin: 30px 0;}
.right-box2 ul li aside{ display: inline-block; vertical-align: top; width: 90px;}
.right-box2 ul li article{ display: inline-block; vertical-align: top; font-size: 20px;}
.right-box2 ul li article span{ display: block; vertical-align: top; font-size: 18px; font-style: italic;}










@media only screen and (max-width: 1366px) {
.landing { position: fixed;left: 9%; z-index: 9;}
}


@media only screen and (max-width: 1024px) {
.center-part {width: auto; padding: 62px 0 0 50px;}
.banner-text {position: absolute; bottom: 70px; left: 50px;}
.center-part .scroll {position: absolute; bottom: 70px; right: 30px;}
.locality article {padding: 0 30px; width: auto;}
.locality-map {margin: 90px 30px 0 0;}
.accolades-inner {
    padding: 0 30px;
}
.committee {position: inherit; top: 0px; z-index: 1; left: 60px;}
.fifa .center {
    width: 100%;
    max-width: inherit;
    margin: 0 auto;
}
.fifa .container {
    width: inherit;
    margin: 0 auto;
}
.tab_left {
    width: 100%;
    text-align: center;
    float: none;
}
.tab_right {
    width: 100%;
    float: inherit;
}
.aword-part article {
    width: inherit;
    margin: 0 auto;
}
.left-part-new {
    float: none;
    width: 100%;
    padding: 0px 0 0 0;
    text-align: center;
}
.aword-part {
    background: #141718;
    min-height: inherit;
    margin: 0px 0 0 0;
}	
.accolades-part {
    min-height: inherit;
}
.left-ee {
    float: none;
    width: auto;
    text-align: center;
    padding: 30px 0 0 0;
}
.accolades-heading {
    font-size: 25px;
}
.committee {
    position: inherit;
    top: 0px;
    z-index: 1;
    left: 0px;
    padding: 40px 0 40px 0px;
}
.committee:before {
    border-left: 0px solid #fece1a;
    content: "";
    display: inline-block;
    min-height: inherit;
    position: inherit;
    left: 0;
}
.awardsAccordian {
    padding: 80px 0;
    margin: 0 0 0 30px;
}
.awardsAccordian article h3 {
    font-size: 20px;
    line-height: 36px;
    color: #363636;
    font-weight: 400;
    margin: 0 60px 0 0px;
    border-top: 1px dashed #adadad;
    padding: 33px 0 35px 68px;
    position: relative;
    cursor: pointer;
}
ul.awards-row li {
    padding: 0 10px 20px;
    width: auto;
}
.center3 {
    margin: 0 60px 0 20px;
}
.fifa .center h2 {
    font-size: 23px;
    color: #adaeae;
    padding: 25px 0 15px 0;
    display: block;
    line-height: 36px;
}
.fifa .center h1 {
    font-size: 30px;
    color: #077aa4;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 41px; text-align: center;
}
.fifa .center h2 {
    font-size: 20px;
    color: #adaeae;
    padding: 25px 0 15px 0;
    display: block;
    line-height: 36px;
}
.tab_main article ul li {
    display: inline-block;
    text-align: center;
    padding: 19px;
    font-size: 18px;
    color: #fff;
}
.tab_top_mid {
    border-bottom: 0px solid #c2c2c2;
    margin: 0px 0px;
}
.left-img .left-box2 {
    float: none;
    width: 100%;
    padding: 15px;
    text-align: left;
    color: #fff;
}
.left-img .right-box2 {
    float: none;
    width: 100%;
    padding: 15px;
    text-align: left;
    color: #fff;
}
.right-img .left-box2 {
    float: none;
    width: 100%;
    padding: 15px;
    text-align: left;
    color: #fff;
}
.right-img .right-box2 {
    float: none;
    width: 100%;
    padding: 15px;
    text-align: left;
    color: #fff;
}
.line-h img {
    margin: 0;
}
.sec2Bg h3{ display: block;}

}

@media only screen and (max-width: 800px) {
.banner-text {position: inherit; bottom: 0;left: 0;}
.locality ul {display: block;width: 100%;padding: 0px 0 40px 0px;}
.locality-map-text {float: left; width: 50%; background: #ffcf1a; min-height: 280px; padding: 30px; position: relative;}
.locality article {padding: 0 0px; width: auto;}
.committee article:nth-child(1) {margin: 0 30px 0 0;}
.committee {position: inherit; top: 0; z-index: 1;left: 0;}
.center-part {width: auto;padding: 62px 0 62px 30px;}
.committee article {float: left; width: 45%;}
.committee article img{ max-width: 100%; height: auto;}
.committee article .committee-bag p {font-size: 14px; color: #000;line-height: 22px; padding: 0 0 0 33px;}
.map-box-part iframe{ width:92%; height: 300px; margin: 15px;}
}

@media only screen and (max-width: 600px) {
.center-part {width: auto;padding: 30px 15px;}
.locality ul li {display: block; width: auto; border-right: none; min-height: 92px; padding: 30px 10px; border-bottom: 1px solid #ccc; width: 100%;}
.locality ul li p {font-size: 24px; text-align: center;}
.locality ul li h2 {text-align: center;}
.locality ul li:nth-child(1) {padding: 0 10px;}
.locality ul li h2 {font-size: 40px;}
.locality-map-text {float: none; width: 100%; background: #ffcf1a; min-height: 280px; padding: 30px; position: inherit;}
.locality-map-text h2 span{ display: none;}
.locality-map-images {float: none; width: 100%; background: #f0f1f4; min-height: 280px; position: relative;}
.locality-map {margin: 60px auto;}
.committee article {float: none; width: auto; margin: 0 auto 30px auto !important;}
.committee article img {max-width: 100%; height: auto; width: 100%;}
.accolades-inner {padding: 0 16px;}
.accolades-hero-text {padding: 0 16px;}
.accolades-hero-text h3 {font-size: 20px;}
.accolades-heading {font-size: 22px;}
.locality ul li {display: inline-block; margin: 0 auto;}
.locality ul {display: block; width: 100%; padding: 0px 0 40px 0px; margin: 0 auto; text-align: center;}
.banner-text h2 {font-size: 34px; color: #fff; font-weight: 600; padding: 15px 0 0 0;}
.banner-text h3 {font-size: 25px; color: #ffcf1a; font-weight: 600; padding: 5px 0 0 0;}
.banner-text {position: inherit; bottom: 0; left: 0; padding: 257px 0 0 0;}
.landing {left: 0;z-index: 9;}
.locality article {padding: 0 0px; width: auto;text-align: center;}
.locality article a {margin: 15px auto;}
.locality-map-images img {width: 100%; height: auto;}
.locality-map-text {text-align: center;}
.locality-pages .body-center {padding: 30px 25px 0 25px;}
.locality-pages .body-center2 {padding: 50px 25px 0 25px;}
.locality-pages .stations {padding: 40px 0px 40px 0px;}
.locality-pages .left-icon {display: inline-block; width: 15%; margin: 0 auto; text-align: center; padding: 20px 0;}
.locality-pages .right-text {display: inline-block; width: 80%; text-align: left; padding: 28px 0 28px 20px; vertical-align: top;}
.bus-auto {margin: 0; border-left: none; padding: 0;}
.locality-pages .body-center ul {margin: 0 0 0 0;}
.locality-pages .map-text {width: auto; height: auto; background: #ffd606; position: inherit; top: 0; left: 0; padding: 50px; margin: 15px;}
.locality-pages .map-text h2 span {width: 79px;}
}


/* ═══════════════════════════════════════════════════════════════
   2026 DESIGN REFRESH — 4-section contrast system
   DARK COOL hero → LIGHT NEUTRAL video → DARK WARM original → LIGHT WARM news
   ═══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════
   SECTION 1 — Hero (dark midnight navy)
   Text: white headings, gold accents
   ══════════════════════════════════ */
.fifa26-hero {
    padding: 72px 0 64px !important;
}
/* Trophy image: screen blend removes black bg on black hero */
.fifa26-img-col img {
    mix-blend-mode: screen !important;
}
.fifa26-eyebrow {
    color: #9a8446 !important;
}
.fifa26-main-title {
    color: #ffffff !important;
}
.fifa26-title-sub {
    color: #e8c86a !important;
}
.fifa26-title-rule {
    background: linear-gradient(90deg, #c9a84c, transparent) !important;
}
.fifa26-curated {
    color: #9a8446 !important;
}
.fifa26-specs-grid {
    background: rgba(255,255,255,0.03) !important;
    border-top-color: rgba(201,168,76,0.65) !important;
    border-left-color: rgba(201,168,76,0.12) !important;
    border-right-color: rgba(201,168,76,0.12) !important;
    border-bottom-color: rgba(201,168,76,0.12) !important;
}
.fifa26-spec-label {
    color: #8a7040 !important;
}
.fifa26-spec-value {
    color: #c9a84c !important;
}
.fifa26-limited-strip {
    color: #c9a84c !important;
    border-top-color: rgba(201,168,76,0.2) !important;
    border-bottom-color: rgba(201,168,76,0.2) !important;
}
.fifa26-licensed-tag {
    color: #7a6230 !important;
}

/* ══════════════════════════════════
   SECTION 2 — Video (FIFA 2026 deep navy)
   Text: white headings, teal accents
   ══════════════════════════════════ */
.fifa-video-section {
    background: linear-gradient(135deg, #08102a 0%, #0d1a4a 50%, #091430 100%) !important;
    padding-top: 60px !important;
    border-top: 3px solid rgba(0,191,165,0.35) !important;
    position: relative !important;
    overflow: hidden !important;
}
/* Fluid curved blob — top right */
.fifa-video-section::before {
    content: '' !important;
    position: absolute !important;
    top: -180px !important;
    right: -180px !important;
    width: 500px !important;
    height: 500px !important;
    background: rgba(0,191,165,0.08) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
.fifa-video-section::after {
    content: '' !important;
    position: absolute !important;
    bottom: -120px !important;
    left: -100px !important;
    width: 380px !important;
    height: 380px !important;
    background: rgba(41,98,255,0.07) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
.fifa-video-wrap {
    background: #000 !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow:
        0 12px 56px rgba(0,0,0,0.5),
        0 0 0 1px rgba(0,191,165,0.25),
        0 2px 8px rgba(0,0,0,0.3) !important;
}
.fifa-video-text-area {
    padding: 52px 20px 60px !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
}
.fifa-video-eyebrow {
    color: #00bfa5 !important;
    opacity: 1 !important;
}
.fifa-video-title {
    color: #ffffff !important;
}
.fifa-video-title span {
    color: #00bfa5 !important;
}
.fifa-video-rule {
    background: linear-gradient(90deg, transparent, #00bfa5, transparent) !important;
}
.fifa-video-limited {
    color: #00bfa5 !important;
    font-size: 22px !important;
    letter-spacing: 3px !important;
}
.fifa-video-spec {
    color: rgba(255,255,255,0.8) !important;
    border-bottom-color: rgba(0,191,165,0.2) !important;
}
.fifa-video-sub {
    color: rgba(255,255,255,0.55) !important;
}
.fifa-video-license {
    color: rgba(255,255,255,0.35) !important;
}

/* ══════════════════════════════════
   SECTION 3 — The Original (light blue-grey — FIFA 2026 light)
   Text: deep navy headings, teal/blue accents
   ══════════════════════════════════ */
.fifa-original-section {
    background: #f0f4ff !important;
    border-top: 3px solid rgba(41,98,255,0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}
/* Decorative blob top-right */
.fifa-original-section::before {
    content: '' !important;
    position: absolute !important;
    top: -150px !important;
    right: -150px !important;
    width: 440px !important;
    height: 440px !important;
    background: rgba(41,98,255,0.06) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
.fifa-original-container {
    padding: 0 40px !important;
    position: relative !important;
    z-index: 2 !important;
}
.fifa-original-inner {
    padding: 70px 0 58px !important;
}
.fifa-original-eyebrow {
    color: #2962ff !important;
    opacity: 1 !important;
    letter-spacing: 3.5px !important;
}
.fifa-original-title {
    color: #08102a !important;
    letter-spacing: -0.5px !important;
}
.fifa-original-title span {
    color: #2962ff !important;
}
.fifa-original-rule {
    background: linear-gradient(90deg, #2962ff, rgba(41,98,255,0.1)) !important;
}
.fifa-original-p {
    color: #1a2545 !important;
    line-height: 28px !important;
    font-size: 15px !important;
}
.fifa-original-p em {
    color: #2962ff !important;
    font-style: normal !important;
    font-weight: 700 !important;
}
.fifa-original-emphasis {
    color: #2962ff !important;
    font-size: 19px !important;
}
.fifa-original-img-col img {
    border-color: rgba(41,98,255,0.18) !important;
    box-shadow: 0 16px 48px rgba(8,16,42,0.12), 0 2px 8px rgba(8,16,42,0.06) !important;
}

/* ══════════════════════════════════
   SECTION 1B — Trophy Showcase (light blue-grey — FIFA 2026 light)
   Sits between the Hero and the Video section: front/back product shots
   on the left, sales copy on the right. Reuses the "light" palette from
   Section 3 (Original) for the alternating dark/light/dark rhythm.
   ══════════════════════════════════ */
.fifa-showcase-section {
    background: #f0f4ff;
    border-top: 3px solid rgba(41,98,255,0.2);
    position: relative;
    overflow: hidden;
}
.fifa-showcase-section::before {
    content: '';
    position: absolute;
    top: -150px;
    left: -150px;
    width: 440px;
    height: 440px;
    background: rgba(41,98,255,0.06);
    border-radius: 50%;
    pointer-events: none;
}
.fifa-showcase-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 2;
}
.fifa-showcase-inner {
    display: flex;
    align-items: center;
    gap: 72px;
    padding: 70px 0 58px;
}
.fifa-showcase-img-col {
    flex: 0 0 42%;
    max-width: 42%;
}
.fifa-showcase-text-col {
    flex: 1;
}
.fifa-showcase-media {
    display: flex;
    justify-content: center;
    gap: 16px;
}
.fifa-showcase-shot {
    flex: 1 1 50%;
    margin: 0;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(41,98,255,0.18);
    box-shadow: 0 16px 48px rgba(8,16,42,0.12), 0 2px 8px rgba(8,16,42,0.06);
    text-align: center;
    display: flex;
    flex-direction: column;
}
/* When only one shot remains (e.g. front view removed), stop it from
   stretching edge-to-edge — the 2:5 frame ratio turns full-width into
   an oversized slab, so cap it to a natural portrait width instead. */
.fifa-showcase-shot:only-child {
    flex: 0 1 auto;
    width: 62%;
    max-width: 300px;
}
/* Aspect-ratio lives on this inner frame (image only) so the figcaption
   below sits on top of its own natural height instead of eating into
   the ratio budget — otherwise both shots get squeezed shorter than
   intended and object-fit:cover crops more than necessary. */
.fifa-showcase-shot-frame {
    width: 100%;
    aspect-ratio: 2 / 5;
    overflow: hidden;
}
.fifa-showcase-shot-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.fifa-showcase-shot figcaption {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #cbd5f5;
    padding: 10px 0;
    background: #08102a;
    flex: 0 0 auto;
}
/* Highlight card — wraps the badge/title/scarcity line so this section's
   key selling point stands out from the plainer bullet list below it. */
.fifa-showcase-highlight {
    position: relative;
    margin: 0 0 30px;
    padding: 30px 32px 28px;
    background: linear-gradient(135deg, #fdf3d9 0%, #f0d49b 38%, #e6c176 65%, #f6e2ae 100%);
    border: 1px solid rgba(160,124,61,0.4);
    border-radius: 16px;
    box-shadow: 0 18px 44px rgba(160,124,61,0.28), inset 0 0 0 1px rgba(255,255,255,0.6);
    overflow: hidden;
}
.fifa-showcase-highlight::before {
    content: '';
    position: absolute;
    top: -60%;
    left: -20%;
    width: 45%;
    height: 240%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.7), transparent);
    transform: rotate(20deg) translateX(-160%);
    animation: fifaShowcaseShine 6s ease-in-out infinite;
    pointer-events: none;
}
.fifa-showcase-highlight::after {
    content: '';
    position: absolute;
    right: -35px;
    bottom: -45px;
    width: 320px;
    height: 320px;
    background-image: url(../images/fifa-history/trophy-icon-gold.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    opacity: 0.24;
    pointer-events: none;
}
@keyframes fifaShowcaseShine {
    0%, 55%, 100% { transform: rotate(20deg) translateX(-160%); }
    80% { transform: rotate(20deg) translateX(320%); }
}
.fifa-showcase-highlight > * {
    position: relative;
    z-index: 1;
}
.fifa-showcase-badge {
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #f4d78a;
    background: linear-gradient(135deg, #0b1330 0%, #08102a 55%, #0b1330 100%);
    border: 1px solid rgba(244,215,138,0.55);
    border-radius: 999px;
    padding: 8px 24px;
    margin-bottom: 20px;
    text-shadow: 0 0 10px rgba(244,215,138,0.7), 0 0 22px rgba(244,215,138,0.4);
    box-shadow: 0 8px 22px rgba(8,16,42,0.4), 0 0 20px rgba(244,215,138,0.28), inset 0 0 0 1px rgba(244,215,138,0.12);
}
.fifa-showcase-badge-text {
    position: relative;
    z-index: 1;
}
.fifa-showcase-badge::after {
    content: '';
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(244,215,138,0.55), transparent);
    transform: skewX(-20deg);
    animation: fifaBadgeShine 3.2s ease-in-out infinite;
    pointer-events: none;
}
@keyframes fifaBadgeShine {
    0%, 45% { left: -60%; }
    75%, 100% { left: 130%; }
}
.fifa-showcase-title {
    font-size: 36px !important;
    color: #a07c3d !important;
    font-weight: 600 !important;
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
    font-style: italic !important;
    text-transform: none !important;
    line-height: 44px !important;
    letter-spacing: 0.5px !important;
    text-shadow: none;
    padding-bottom: 4px !important;
}
.fifa-showcase-title span {
    display: block;
    font-size: 24px !important;
    font-weight: 300 !important;
    font-style: italic !important;
    text-transform: none !important;
    color: #a07c3d !important;
    letter-spacing: 1px !important;
    line-height: 36px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
}
.fifa-showcase-rule {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #a07c3d, rgba(160,124,61,0.1));
    margin: 16px 0 20px;
}
.fifa-showcase-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
}
.fifa-showcase-tag-gold {
    display: inline-block;
    font-family: 'Amiri', Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: 0.4px;
    color: #483104;
    text-shadow: 0 1px 0 rgba(255,255,255,0.35);
    opacity: 0;
    animation: fifaTagFadeIn 0.8s ease forwards;
}
.fifa-showcase-tag-gold-strong {
    font-weight: 700;
    animation: fifaTagFadeIn 0.8s ease 0.15s forwards;
}
@keyframes fifaTagFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
.fifa-showcase-secondary {
    background: #ffffff;
    border: 1px solid rgba(41,98,255,0.12);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(8,16,42,0.06);
    padding: 24px 28px;
    margin-bottom: 26px;
}
.fifa-showcase-points {
    margin: 0;
    padding: 0;
    list-style: none;
}
.fifa-showcase-points li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 15px;
    color: #1a2545;
    line-height: 24px;
}
.fifa-showcase-points li:last-child { margin-bottom: 0; }
.fifa-showcase-points li svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    fill: #2962ff;
}
.fifa-showcase-emphasis {
    font-size: 18px;
    color: #2962ff;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0.5px;
    margin: 0;
    padding-top: 14px;
    border-top: 1px solid rgba(41,98,255,0.15);
}

@media only screen and (max-width: 1024px) {
    .fifa-showcase-inner { flex-direction: column; gap: 36px; padding: 40px 0; }
    .fifa-showcase-img-col { flex: none; max-width: 60%; margin: 0 auto; }
    .fifa-showcase-text-col { text-align: center; }
    .fifa-showcase-highlight { text-align: center; }
    .fifa-showcase-tags { align-items: center; justify-content: center; }
    .fifa-showcase-rule { margin: 14px auto 26px; }
    .fifa-showcase-title { font-size: 28px !important; }
    .fifa-showcase-points li { text-align: left; }
}
@media only screen and (max-width: 600px) {
    .fifa-showcase-img-col { max-width: 90%; }
    .fifa-showcase-highlight { padding: 26px 20px 24px; }
    .fifa-showcase-title { font-size: 24px !important; line-height: 32px !important; }
    .fifa-showcase-tags { align-items: center; justify-content: center; flex-direction: column; gap: 8px; }
    .fifa-showcase-tag-gold { font-size: 22px; }
    .fifa-showcase-secondary { padding: 20px 22px; }
    .fifa-showcase-media { gap: 10px; }
}

/* ══════════════════════════════════
   SECTION 1C — Certificate of Authenticity (black & gold)
   Recreates the printed certificate's content (cover art + specs +
   guarantee + signatures) as one unified, legible card instead of two
   flat scanned pages.
   ══════════════════════════════════ */
.fifa-cert-section {
    background: #0b0e12;
    padding: 70px 20px 76px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.fifa-cert-heading-img {
    margin: 0;
    text-align: center;
}
.fifa-cert-heading-img img {
    display: inline-block;
    width: 100%;
    max-width: 550px;
    height: auto;
    margin: 0 auto 20px auto;
}
.fifa-cert-footer-img {
    margin: 0 0 24px;
    text-align: center;
}
.fifa-cert-footer-img img {
    display: inline-block;
    width: 100%;
    max-width: 340px;
    height: auto;
    margin: 0 auto;
}
.fifa-cert-tagline {
    margin: 22px 0 0;
    font-size: 30px;
    color: #ffffff;
    font-weight: 900;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    line-height: 1.15;
    letter-spacing: -0.5px;
}
.fifa-cert-tagline span {
    display: block;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    text-transform: none;
    color: #e8c86a;
    letter-spacing: 1px;
    line-height: 1.4;
    font-family: Georgia, 'Times New Roman', serif;
}
.fifa-cert-rule {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c9a84c, transparent);
    margin: 18px auto 22px;
}
.fifa-cert-intro {
    max-width: 640px;
    margin: 0 auto;
}
.fifa-cert-intro p {
    font-size: 15px;
    line-height: 26px;
    color: rgba(255,255,255,0.65);
    margin: 0 0 18px;
}
.fifa-cert-intro p:last-child { margin-bottom: 0; }
.fifa-cert-view-btn {
    display: inline-block;
    margin: 0 0 36px;
    padding: 13px 34px;
    background: transparent;
    border: 1px solid #c9a84c;
    border-radius: 999px;
    color: #e8c86a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease;
}
.fifa-cert-view-btn:hover {
    background: #c9a84c;
    color: #0b0e12;
}

/* View-only PDF modal */
.fifa-cert-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 30px 16px;
}
.fifa-cert-modal.is-open { display: flex; }
.fifa-cert-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(5,6,10,0.82);
}
.fifa-cert-modal-box {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 820px;
    height: 88vh;
    background: #14171d;
    border: 1px solid rgba(201,168,76,0.3);
    border-radius: 10px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.6);
    overflow: hidden;
}
.fifa-cert-modal-pages {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #0b0e12;
    padding: 16px 0;
}
.fifa-cert-modal-pages img {
    display: block;
    width: 100%;
    max-width: 560px;
    margin: 0 auto 16px;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    user-select: none;
}
.fifa-cert-modal-pages img:last-child { margin-bottom: 0; }
.fifa-cert-modal-close {
    position: absolute;
    top: 10px;
    right: 14px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(201,168,76,0.5);
    background: #14171d;
    color: #e8c86a;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fifa-cert-modal-close:hover { background: #c9a84c; color: #0b0e12; }

@media only screen and (max-width: 900px) {
    .fifa-cert-intro { padding: 0 12px; }
}
@media only screen and (max-width: 600px) {
    .fifa-cert-modal-box { height: 82vh; }
}

/* ══════════════════════════════════
   SECTION 1D — Box & Packaging (light blue-grey — FIFA 2026 light)
   A large hero shot of the case + trophy, followed by a supporting
   gallery of the outer box, case and interior. Reuses the "light"
   palette so dark/light keeps alternating: Cert(dark) → Box(light) →
   Video(dark).
   ══════════════════════════════════ */
.fifa-box-section {
    background: #f0f4ff;
    border-top: 3px solid rgba(41,98,255,0.2);
    padding: 70px 20px 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.fifa-box-section::before {
    content: '';
    position: absolute;
    bottom: -160px;
    right: -160px;
    width: 460px;
    height: 460px;
    background: rgba(41,98,255,0.06);
    border-radius: 50%;
    pointer-events: none;
}
.fifa-box-container {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.fifa-box-eyebrow {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #2962ff;
    margin-bottom: 16px;
}
.fifa-box-title {
    font-size: 34px !important;
    color: #08102a !important;
    font-weight: 900 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
    margin: 0 !important;
}
.fifa-box-title span {
    display: block;
    font-size: 20px !important;
    font-weight: 300 !important;
    font-style: italic !important;
    text-transform: none !important;
    color: #2962ff !important;
    letter-spacing: 0.5px !important;
    line-height: 1.6 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    margin-top: 6px !important;
}
.fifa-box-rule {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #2962ff, transparent);
    margin: 20px auto 48px;
}

/* Hero — clean cutout shot */
.fifa-box-hero {
    max-width: 420px;
    margin: 0 auto 56px;
}
.fifa-box-hero img {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 24px 40px rgba(8,16,42,0.18));
}
.fifa-box-hero-caption {
    margin: 20px 0 0;
    font-size: 15px;
    font-style: italic;
    color: #1a2545;
    font-family: Georgia, 'Times New Roman', serif;
}

/* Supporting gallery */
.fifa-box-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}
.fifa-box-card {
    flex: 1 1 280px;
    max-width: 320px;
    margin: 0;
    background: #ffffff;
    border: 1px solid rgba(41,98,255,0.12);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(8,16,42,0.08), 0 2px 8px rgba(8,16,42,0.05);
    text-align: left;
}
.fifa-box-card img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
    display: block;
}
.fifa-box-card figcaption {
    padding: 14px 18px;
    font-size: 13px;
    font-weight: 700;
    color: #08102a;
}

@media only screen and (max-width: 600px) {
    .fifa-box-title { font-size: 26px !important; }
    .fifa-box-hero { max-width: 280px; margin-bottom: 44px; }
    .fifa-box-card { flex-basis: 100%; max-width: 360px; }
}

/* ══════════════════════════════════
   SECTION 4 — News (FIFA 2026 deep navy variant)
   Text: white headings, teal accents
   ══════════════════════════════════ */
.fifa-news-section {
    background: linear-gradient(135deg, #060e24 0%, #0a1535 50%, #060e24 100%) !important;
    border-top: 3px solid rgba(0,191,165,0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}
/* Fluid teal blob bottom-right */
.fifa-news-section::before {
    content: '' !important;
    position: absolute !important;
    bottom: -200px !important;
    right: -200px !important;
    width: 550px !important;
    height: 550px !important;
    background: rgba(0,191,165,0.07) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
/* Blue blob top-left */
.fifa-news-section::after {
    content: '' !important;
    position: absolute !important;
    top: -150px !important;
    left: -150px !important;
    width: 420px !important;
    height: 420px !important;
    background: rgba(41,98,255,0.06) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
.fifa-news-container {
    padding: 0 40px !important;
}
.fifa-news-heading {
    padding: 62px 0 46px !important;
}
/* FIFA 2026 navy — news section text */
.fifa-news-eyebrow {
    color: #00bfa5 !important;
    opacity: 1 !important;
}
.fifa-news-title {
    color: #ffffff !important;
}
.fifa-news-rule {
    background: linear-gradient(90deg, transparent, #00bfa5, transparent) !important;
    margin-top: 16px !important;
}

/* Dark card treatment for clips — lifted off deep navy */
.fifa-news-clip-card {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(0,191,165,0.12) !important;
    border-top: 3px solid #00bfa5 !important;
    border-radius: 2px !important;
    box-shadow: 0 6px 28px rgba(0,0,0,0.3) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.fifa-news-clip-card:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,0.45) !important;
    transform: translateY(-3px);
}
.fifa-news-publication {
    color: #00bfa5 !important;
}
.fifa-news-headline {
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 24px !important;
}
.fifa-news-meta {
    color: #7ecdc4 !important;
    font-size: 13px !important;
}
.fifa-news-dist {
    color: #8ba8c8 !important;
    font-size: 12px !important;
}

/* Dark card treatment for quotes */
.fifa-news-quote-card {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(41,98,255,0.15) !important;
    border-top: 2px solid rgba(41,98,255,0.6) !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.fifa-news-quote-card:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
    transform: translateY(-2px);
}
.fifa-news-pub-tag {
    color: #2962ff !important;
    border-color: rgba(41,98,255,0.35) !important;
    background: rgba(41,98,255,0.08) !important;
    border-radius: 2px !important;
}
.fifa-news-quote-headline {
    color: #f0f4ff !important;
    line-height: 23px !important;
}
.fifa-news-quote-text {
    color: #a8b8d8 !important;
    line-height: 23px !important;
}
.fifa-news-quote-note {
    color: #00bfa5 !important;
}
.fifa-news-quote-meta {
    color: #7a90b0 !important;
}
.fifa-news-link {
    color: #00bfa5 !important;
    border-top-color: rgba(0,191,165,0.2) !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
}
.fifa-news-link:hover {
    color: #5dffd8 !important;
}

/* ── Thumb zoom label on dark cards ── */
.fifa-news-clip-card .fifa-thumb-zoom {
    background: rgba(0,0,0,0.75) !important;
    color: #00bfa5 !important;
}

/* ── Spacing between all FIFA sections ── */
.fifa-video-section,
.fifa-original-section,
.fifa-news-section {
    padding-top: 60px;
    padding-bottom: 50px;
}

/* ═══════════════════════════════════════════════════════
   FIFA 2026 — RESPONSIVE: TABLET (max-width: 1024px)
   ═══════════════════════════════════════════════════════ */
@media only screen and (max-width: 1024px) {

    /* ── Hero ── */
    .fifa26-hero {
        flex-direction: column !important;
        gap: 32px !important;
        padding: 48px 24px 40px !important;
        text-align: center !important;
    }
    .fifa26-img-col {
        flex: none !important;
        max-width: 52% !important;
        margin: 0 auto !important;
    }
    .fifa26-text-col {
        text-align: center !important;
        width: 100% !important;
    }
    .fifa26-main-title {
        font-size: 34px !important;
        line-height: 44px !important;
    }
    .fifa26-title-rule {
        margin: 14px auto 18px !important;
    }
    .fifa26-specs-grid {
        max-width: 520px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .fifa26-limited-strip {
        max-width: 520px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* ── Video ── */
    .fifa-video-section {
        padding-top: 28px !important;
    }
    .fifa-video-text-area {
        padding: 36px 24px 44px !important;
    }
    .fifa-video-title {
        font-size: 28px !important;
        line-height: 38px !important;
    }

    /* ── The Original ── */
    .fifa-original-container {
        padding: 0 24px !important;
    }
    .fifa-original-title {
        font-size: 28px !important;
        line-height: 38px !important;
    }

    /* ── News ── */
    .fifa-news-container {
        padding: 0 24px !important;
    }
    .fifa-news-heading {
        padding: 48px 0 36px !important;
    }
    .fifa-news-title {
        font-size: 26px !important;
    }
}

/* ═══════════════════════════════════════════════════════
   FIFA 2026 — RESPONSIVE: MOBILE (max-width: 600px)
   ═══════════════════════════════════════════════════════ */
@media only screen and (max-width: 600px) {

    /* ── Hero ── */
    .fifa26-hero {
        padding: 32px 16px 28px !important;
        gap: 24px !important;
    }
    .fifa26-img-col {
        max-width: 78% !important;
    }
    .fifa26-main-title {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .fifa26-title-sub {
        font-size: 17px !important;
        line-height: 28px !important;
    }
    .fifa26-specs-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 16px !important;
        max-width: 100% !important;
    }
    .fifa26-limited-strip {
        max-width: 100% !important;
        font-size: 9px !important;
        letter-spacing: 2px !important;
    }
    .fifa26-eyebrow {
        font-size: 9px !important;
        letter-spacing: 2.5px !important;
    }

    /* ── Video ── */
    .fifa-video-section {
        padding-top: 16px !important;
    }
    .fifa-video-text-area {
        padding: 24px 16px 32px !important;
    }
    .fifa-video-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }
    .fifa-video-title span {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    .fifa-video-limited {
        font-size: 15px !important;
        letter-spacing: 2px !important;
    }
    .fifa-video-spec {
        font-size: 14px !important;
    }
    .fifa-video-sub {
        font-size: 13px !important;
    }
    .fifa-video-eyebrow {
        font-size: 8px !important;
        letter-spacing: 2.5px !important;
    }

    /* ── The Original ── */
    .fifa-original-container {
        padding: 0 16px !important;
    }
    .fifa-original-inner {
        padding: 32px 0 28px !important;
        gap: 24px !important;
    }
    .fifa-original-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }
    .fifa-original-title span {
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .fifa-original-p {
        font-size: 14px !important;
        line-height: 24px !important;
    }
    .fifa-original-emphasis {
        font-size: 15px !important;
    }
    .fifa-original-eyebrow {
        font-size: 8px !important;
    }

    /* ── News ── */
    .fifa-news-container {
        padding: 0 16px !important;
    }
    .fifa-news-heading {
        padding: 32px 0 24px !important;
    }
    .fifa-news-title {
        font-size: 22px !important;
        letter-spacing: 1px !important;
    }
    .fifa-news-eyebrow {
        font-size: 8px !important;
    }
    .fifa-news-clip-text {
        padding: 14px 16px 16px !important;
    }
    .fifa-news-headline {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .fifa-news-meta,
    .fifa-news-dist {
        font-size: 11px !important;
    }
    .fifa-news-quote-card {
        padding: 16px !important;
    }
    .fifa-news-quote-headline {
        font-size: 13px !important;
        line-height: 20px !important;
    }
    .fifa-news-quote-text {
        font-size: 12px !important;
        line-height: 20px !important;
    }
    .fifa-news-row-quotes {
        margin-bottom: 32px !important;
    }
}


/* ══════════════════════════════════════════════════════════
   HISTORY PAGE — Premium Magazine Design
══════════════════════════════════════════════════════════ */

/* ── Override sec2Bg white on history page ── */
section.fifa-history.sec2Bg,
section.fifa-history.sec2Bg .tab_content_box,
section.fifa-history.sec2Bg .tab_main {
    background: #08102a !important;
}

/* ── Reset old box layout ── */
section.fifa-history .left-img,
section.fifa-history .right-img,
section.fifa-history .left-box2,
section.fifa-history .right-box2,
section.fifa-history .line-h,
section.fifa-history > .center > .clear,
section.fifa-history > .center > h1,
section.fifa-history > .center > h3 {
    display: none !important;
}

/* ── Chapter wrapper ── */
.hist-chapter-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 80px 40px 40px;
}

/* ── Eyebrow ── */
.hist-eyebrow {
    display: block;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    color: #00bfa5 !important;
    margin-bottom: 14px !important;
    font-family: Arial, sans-serif !important;
}

/* ── Chapter heading ── */
.hist-chapter {
    text-align: center;
    margin-bottom: 52px;
}

.hist-heading {
    font-size: clamp(2.2rem, 5.5vw, 4.4rem) !important;
    font-weight: 900 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    text-transform: uppercase !important;
    line-height: 1.05 !important;
    color: #ffffff !important;
    margin: 0 0 26px !important;
    letter-spacing: -0.5px !important;
    display: block !important;
}

.hist-heading em {
    font-style: italic !important;
    color: #00bfa5 !important;
}

.hist-rule {
    width: 56px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00bfa5, transparent);
    margin: 0 auto;
    border: none;
}

/* ── Two-column text grid ── */
.hist-two-col {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    align-items: start !important;
}

.hist-col-text p,
.hist-col-spec p {
    font-size: 15px !important;
    line-height: 1.9 !important;
    color: rgba(255,255,255,0.8) !important;
    margin-bottom: 18px !important;
}

.hist-subhead {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #00bfa5 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    margin: 0 0 14px !important;
    display: block !important;
}

/* ── Callout block ── */
.hist-callout {
    border-left: 3px solid #00bfa5 !important;
    background: rgba(0,191,165,0.07) !important;
    padding: 20px 24px !important;
    margin: 28px 0 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

.hist-callout p {
    font-size: 14px !important;
    line-height: 1.85 !important;
    color: rgba(255,255,255,0.75) !important;
    margin: 0 !important;
}

/* ── Spec box ── */
.hist-spec-box {
    background: #0d1545 !important;
    border: 1px solid rgba(41,98,255,0.25) !important;
    border-top: 3px solid #2962ff !important;
    padding: 28px 30px !important;
    border-radius: 2px !important;
}

.hist-spec-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(41,98,255,0.18) !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.hist-spec-period {
    font-size: 11px !important;
    color: rgba(255,255,255,0.45) !important;
    letter-spacing: 2.5px !important;
    font-family: Arial, sans-serif !important;
}

.hist-spec-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.hist-spec-list li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    gap: 16px !important;
}

.hist-spec-list li:last-child {
    border-bottom: none !important;
}

.hist-spec-label {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: rgba(255,255,255,0.4) !important;
    flex-shrink: 0 !important;
}

.hist-spec-value {
    font-size: 13px !important;
    color: #00bfa5 !important;
    font-weight: 600 !important;
    text-align: right !important;
}

/* ── Photo spread ── */
.hist-photo-spread {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px !important;
    margin: 0 0 4px !important;
}

.hist-photo-item {
    position: relative !important;
    overflow: hidden !important;
}

.hist-photo-item img {
    width: 100% !important;
    height: 420px !important;
    object-fit: cover !important;
    display: block !important;
    filter: brightness(0.82) sepia(0.12) !important;
    transition: filter 0.5s ease !important;
}

.hist-photo-item:hover img {
    filter: brightness(0.95) sepia(0.04) !important;
}

.hist-caption {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.88)) !important;
    padding: 50px 22px 20px !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.7) !important;
    letter-spacing: 0.3px !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* ── Story cards ── */
.hist-story-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 40px 60px !important;
}

.hist-story-card {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(0,191,165,0.15) !important;
    border-top: 3px solid rgba(0,191,165,0.7) !important;
    padding: 26px 28px 30px !important;
}

.hist-story-year {
    display: block !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    color: rgba(0,191,165,0.14) !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
    font-style: italic !important;
}

.hist-story-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #00bfa5 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    margin: 0 0 14px !important;
    display: block !important;
}

.hist-story-card p {
    font-size: 14px !important;
    line-height: 1.82 !important;
    color: rgba(255,255,255,0.73) !important;
    margin: 0 !important;
}

/* ── Winners section ── */
.hist-winners-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 40px 80px !important;
}

.hist-winners-era {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #2962ff !important;
    border-bottom: 1px solid rgba(41,98,255,0.25) !important;
    padding-bottom: 12px !important;
    margin: 0 0 6px !important;
    display: block !important;
}

.hist-winner-row {
    display: flex !important;
    align-items: center !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.045) !important;
    gap: 14px !important;
}

.hist-winner-row:last-child {
    border-bottom: none !important;
}

.hist-winner-year {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    color: rgba(255,255,255,0.38) !important;
    min-width: 40px !important;
    flex-shrink: 0 !important;
}

.hist-winner-flag {
    font-size: 22px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.hist-winner-country {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.88) !important;
    letter-spacing: 0.3px !important;
    flex: 1 !important;
}

.hist-winner-host {
    font-size: 10px !important;
    color: rgba(255,255,255,0.3) !important;
    letter-spacing: 0.5px !important;
    text-align: right !important;
    flex-shrink: 0 !important;
}

/* ── Section divider ── */
.hist-divider {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(0,191,165,0.3), transparent) !important;
    margin: 0 !important;
}

/* ── Full-column text block ── */
.hist-full-col {
    max-width: 820px;
    margin: 0 auto;
}

.hist-full-col p {
    font-size: 15px !important;
    line-height: 1.9 !important;
    color: rgba(255,255,255,0.8) !important;
    margin-bottom: 18px !important;
}

/* ── Single wide photo ── */
.hist-photo-single {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px 60px;
}

.hist-photo-single img {
    width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block !important;
    filter: brightness(0.82) sepia(0.12) !important;
    border-top: 3px solid rgba(0,191,165,0.3) !important;
}

/* ── Responsive: tablet ── */
@media (max-width: 900px) {
    .hist-two-col,
    .hist-winners-wrap {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
    .hist-photo-spread {
        grid-template-columns: 1fr !important;
    }
    .hist-photo-item img {
        height: 280px !important;
    }
    .hist-story-grid {
        grid-template-columns: 1fr !important;
        padding: 0 20px 60px !important;
    }
    .hist-chapter-wrap {
        padding: 56px 20px 32px !important;
    }
    .hist-winners-wrap {
        padding: 0 20px 60px !important;
    }
    .hist-photo-single {
        padding: 0 0 40px !important;
    }
    .hist-photo-single img {
        height: 240px !important;
    }
}

/* ── Responsive: mobile ── */
@media (max-width: 600px) {
    .hist-chapter-wrap {
        padding: 44px 16px 24px !important;
    }
    .hist-heading {
        font-size: 2rem !important;
    }
    .hist-story-grid {
        gap: 16px !important;
        padding: 0 16px 48px !important;
    }
    .hist-winners-wrap {
        gap: 32px !important;
        padding: 0 16px 48px !important;
    }
    .hist-spec-box {
        padding: 20px 18px !important;
    }
    .hist-winner-host {
        display: none !important;
    }
}