/* ====== Base / Resets ====== */
hr, img { border: 0; }
.btn, img { vertical-align: middle; }

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
*, ::before, ::after { box-sizing: inherit; }

body {
    margin: 0;
    color: #212121;
    background: #e0e0e0;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
}

h1, h2, h3, h4, ol, p, ul { margin: 0 0 20px; }
h1, h2, h3, h4 { font-weight: 400; line-height: 1.2; }
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }

@media (max-width: 767px) {
    h1 { font-size: 1.75em; }
    h2 { font-size: 1.5em; }
    h3 { font-size: 1.25em; }
    h4 { font-size: 1em; }
}

a {
    -webkit-text-decoration-skip: objects;
    background: transparent;
    border-bottom: 0 solid #2962ff;
    color: #2962ff;
    text-decoration: none;
}
a:active, a:hover { outline-width: 0; }
a:focus, a:hover { color: #e6a422; border-color: #e6a422; }

b, strong { font-weight: bolder; }
.small, small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin: 20px 0;
    border-top: 1px solid #e0e0e0;
}

/* ====== Layout ====== */
.container, .column { padding-left: 20px; padding-right: 20px; position: relative; }
.container { margin: 0 auto; max-width: 1100px; }
#footer a, #header, .column, sub, sup { position: relative; }

#logo, .column { float: left; }
.column, .xs-12 { width: 100%; min-height: 1px; }

.row { margin-left: -20px; margin-right: -20px; }
.row.spacing-sm { margin-left: -10px; margin-right: -10px; }
.row.spacing-0 { margin-left: 0; margin-right: 0; }
.row::before, .row::after, .container::before, .container::after, .clearfix::before, .clearfix::after { content:" "; display: table; }
.row::after, .container::after, .clearfix::after { clear: both; }

.row.spacing-sm > .column { padding-left: 10px; padding-right: 10px; }
.row.spacing-0 > .column { padding-left: 0; padding-right: 0; }

.xs-8 { width: 66.6667%; }
.xs-6 { width: 50%; }
.xs-4 { width: 33.3333%; }

@media (min-width: 576px){
    .sm-12 { width: 100%; }
    .sm-8 { width: 66.6667%; }
    .sm-6 { width: 50%; }
    .sm-4 { width: 33.3333%; }

    .img-thumbnail { max-width: 50%; float: right; margin: 0 0 20px 20px; }
}

@media (min-width: 768px){
    .md-12 { width: 100%; }
    .md-8 { width: 66.6667%; }
    .md-6 { width: 50%; }
    .md-4 { width: 33.3333%; }
}

@media (min-width: 992px){
    .lg-12 { width: 100%; }
    .lg-8 { width: 66.6667%; }
    .lg-6 { width: 50%; }
    .lg-4 { width: 33.3333%; }
}

/* ====== Media ====== */
.img-responsive { display: block; max-width: 100%; height: auto; }

/* ====== Utilities ====== */
.strong, strong { font-weight: 700; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.border-0 { border: 0 !important; }
.d-none { display: none !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.text-center { text-align: center !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.font-italic { font-style: italic; }
.text-primary { color: #e6a422; }
.text-muted { color: #757575; }

@media (min-width: 576px){
    .d-sm-none { display: none !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-block { display: block !important; }
}
@media (min-width: 768px){
    .d-md-none { display: none !important; }
    .d-md-inline-block { display: inline-block !important; }
    .d-md-block { display: block !important; }
}
@media (min-width: 992px){
    .d-lg-none { display: none !important; }
    .d-lg-inline-block { display: inline-block !important; }
    .d-lg-block { display: block !important; }
}

/* ====== Header / Nav / Footer ====== */
#header {
    background:#fff;
    padding:15px 0;
    box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
#nav { float:right; margin:7px 0; }
#nav > a {
    float:left; display:block; line-height:20px;
    margin-left:20px; border:none; color:#757575; font-weight:400; text-transform:uppercase; font-size:.875em;
}
#nav > a:hover, #nav > a:focus, #nav > a.active { color:#212121; box-shadow:0 2px 0 #e6a422; text-decoration:none; }

#disclaimer { line-height:34px; float:right; color:#757575; text-transform:uppercase; font-size:.875em; }
#disclaimer + #nav { border-right:1px solid #e0e0e0; padding-right:20px; margin-right:20px; }

#dropdown { display:none; }

@media (max-width: 767px){
    #disclaimer, #nav { display:none; }
    #dropdown { float:right; display:block; position:relative; height:30px; margin:2px 0; }
    #menu { background:transparent; border:none; height:30px; padding:0; }
    #menu > .bar { display:block; width:30px; height:2px; background:#757575; margin:6px 0; }
    #menu > .times, .show #menu > .bar { display:none; }
    #menu > .times { color:#757575; font-size:24px; line-height:34px; width:30px; }
    .show #menu > .times { display:block; }
    #dropdown-menu {
        margin-top:17px; position:absolute; top:100%; width:160px; right:-20px;
        background:#e0e0e0; color:#757575; z-index:9999; list-style:none; padding:10px 0; display:none;
    }
    #dropdown-menu > a { display:block; color:#757575; font-size:14px; padding:10px 20px; border:none; }
    .show #dropdown-menu { display:block; }
}

#main, #footer { padding:40px 0; }
#main { background:#fff; }
#footer { font-size:.875em; color:#616161; }
#footer a { color:#424242; font-weight:700; border:none; }
#footer a:hover, #footer a:focus { text-decoration:underline; }
#footer .copyright a:not(:last-child){ float:left; margin-right:10px; padding-right:10px; border-right:1px solid #bdbdbd; }
#footer p:last-child { margin:0; }

@media (max-width: 767px){
    #main, #footer { padding:20px 0; }
}

/* ====== Buttons ====== */
.btn {
    display:inline-block;
    font-weight:400;
    line-height:1.3;
    text-align:center;
    user-select:none;
    padding:8px 16px;
    font-size:1em;
    border-radius:4px;
    border:none;
    transition:all .2s ease-in-out;
}
.btn:focus, .btn:hover { outline:0; }
.btn:active { background-image:none; }
.btn-block { display:block; width:100%; }

.btn-primary { color:#fff; background-color:#e6a422; }
.btn-primary:hover, .btn-primary:focus { color:#fff; background-color:#bf8616; }

.btn-secondary { color:#212121; background-color:#f5f5f5; }
.btn-secondary:hover, .btn-secondary:focus { color:#212121; background-color:#e0e0e0; }

.btn-lg { padding:20px 24px; font-size:1.5em; border-radius:6px; }
.btn-sm { padding:4px 8px; font-size:.875em; border-radius:2px; }

@media (max-width: 575px){
    .btn { display:block; width:100%; }
    .btn-lg { padding:20px 15px; }
}

/* ====== Cards ====== */
.card { background:#fff; border:1px solid #e0e0e0; border-radius:4px; }
.card-img { height:150px; background-size:cover; background-position:center; border-radius:3px 3px 0 0; }
.card-text { padding:20px; }
.card-text > p { margin:0 0 10px; }
.card-text > p:last-child { margin-bottom:0; }

@media (max-width: 767px){
    .card { height:100px; overflow:hidden; line-height:1.3; background:#f6f6f6; border:none; border-radius:0; }
    .card-img { float:left; width:100px; height:100px; border-radius:0; }
    .card-text { padding:10px 10px 10px 110px; font-size:.875em; }
    .card-text > p { margin-bottom:5px; }
    .card-text > p:last-child { display:none; }
}

/* ====== Banner / “Select” grid buttons (no floats) ====== */
.banner { background:#f5f5f5; padding:20px; }

.banner .select,
.banner .select-half {
    display:grid !important;
    grid-template-columns: 1fr 1fr;
    gap:10px;
}

.banner .select > a,
.banner .select-half > a {
    display:flex !important;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:6px;
    font-weight:700;
    font-size:14px;
    color:#000;
    line-height:1.2;
    white-space:normal;
    text-align:left;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
    transition:background .15s, border-color .15s, transform .1s;
}
.banner .select > a:hover,
.banner .select-half > a:hover {
    background:#fdf7e3;
    border-color:#e6a422;
    transform: translateY(-1px);
}

/* circular check icon via CSS (no <img>) */
.banner .select > a::before,
.banner .select-half > a::before {
    content:"";
    width:18px; height:18px; flex:0 0 18px;
    background-repeat:no-repeat; background-size:18px 18px;
    background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<circle cx='12' cy='12' r='12' fill='%23e6a422'/>\
<polyline points='20 6 9 17 4 12' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}
/* hide any legacy <img> icons */
.banner .select img, .banner .select-half img { display:none !important; }

@media (max-width: 575px){
    .banner .select, .banner .select-half { grid-template-columns: 1fr; }
}

/* ====== Autoad (sidebar) ====== */
.autoad {
    border:1px solid #e9e9e9;
    border-radius:6px;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
    margin:auto 20px;
    padding:20px;
    display:block;
}
.autoad h3 { font-size:20px !important; line-height:1.25; }
.autoad h4 { font-size:13px; font-weight:800; margin-top:7px; margin-bottom:6px; color:#e6a422; }
.autoad ul {
    list-style:none; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 0;
}
.autoad li {
    border:1px solid #cfcfcf;
    width:47%;
    padding:6px;
    font-weight:800;
    font-size:11px;
    margin-top:10px;
    text-transform:uppercase;
    text-align:center;
    color:#000;
    border-radius:4px;
    transition: all .15s ease-in-out;
}
.autoad li:hover { background:#e6a422; color:#fff; border-color:#e6a422; transform: translateY(-1px); }
.autoad .cta {
    background:#e6a422;
    color:#fff;
    font-size:12px;
    padding:10px;
    display:block;
    margin-top:20px;
    font-weight:800;
    border-radius:4px;
    text-align:center;
    letter-spacing:.2px;
}

@media (max-width: 767px){
    .autoad { margin:20px 0; padding:16px; }
    .autoad li { width:48%; font-size:10px; padding:6px 4px; }
}

/* ====== Article Elements ====== */
blockquote {
    padding:20px;
    margin:20px 0 26px;
    background:#fbfbfb;
    border-left:3px solid #e6a422;
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom:0; }

#main p { margin-bottom:16px; }
#main a.strong { font-weight:700; }
#main a:hover { color:#bf8616; border-color:#bf8616; }

/* ====== Advertorial-specific helpers ====== */
.ad-label{
    font-size:.825rem; letter-spacing:.08em; text-transform:uppercase; color:#757575; margin-bottom:.25rem;
}
.ad-headline{ font-weight:800; line-height:1.2; margin:0 0 .5rem; }

.date-text, .ad-date{
    display:inline-block; font-size:.95rem; color:#616161; background:#fafafa;
    padding:8px 12px; border-left:3px solid #e6a422; border-radius:2px; margin-bottom:1rem;
}

.check-list{ list-style:none; padding-left:0; margin:0 0 1rem; }
.check-list li{
    position:relative; padding-left:28px; margin-bottom:.5rem; font-weight:600;
}
.check-list li::before{
    content:""; position:absolute; left:0; top:2px; width:18px; height:18px;
    background-repeat:no-repeat; background-size:18px 18px;
    background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<circle cx='12' cy='12' r='12' fill='%23e6a422'/>\
<polyline points='20 6 9 17 4 12' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}

.fact, .quote { border-left-width:5px !important; border-radius:4px; }
.fact{ background:#fbfbfb; }
.quote{ background:#fff8e6; }

.ad-ctas{ display:flex; flex-wrap:wrap; gap:12px; }
.ad-ctas .btn{ padding:12px 16px; font-weight:800; letter-spacing:.2px; box-shadow:0 1px 2px rgba(0,0,0,.06); }
.ad-ctas .btn-primary{ color:#fff; background:#e6a422; border-color:#e6a422; }
.ad-ctas .btn-primary:hover{ background:#bf8616; border-color:#bf8616; }
.ad-ctas .btn-outline-dark{ border-width:2px; }

/* Image polish inside side-by-side rows */
.row.spacing-sm .img-responsive.center-block{
    border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,.08);
}

/* Larger screens — subtle spacing on main column CTAs/headlines */
@media (min-width: 992px){
    .lg-8.column > h1 { margin-top:4px; }
    .lg-8.column .mb-40 .btn { font-size:1.1em; }
}

/* Countdown bar styles */
.countdown-bar {
    background: #e6a422;
    color: #fff;
    text-align: center;
    padding: 0.5rem;
    font-weight: 800;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}
.countdown-timer {
    display: inline-block;
    margin-left: 0.5rem;
    font-weight: 900;
}