/* ------------------------
   FONT DISPLAY FIX (icon-font swap was causing a large layout shift on
   pages with long bulleted lists - e.g. the hosting package cards; the
   vendor CSS below never sets font-display, so this repeats the same
   @font-face descriptors with font-display:optional added, which wins
   over the vendor rule for the same family without editing that file)
------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
         url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
         url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
         url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'ElegantIcons';
    src: url('../fonts/ElegantIcons.eot');
    src: url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ElegantIcons.woff') format('woff'),
         url('../fonts/ElegantIcons.ttf') format('truetype'),
         url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
@font-face {
    font-family: 'themify';
    src: url('../fonts/themify.eot?-fvbane');
    src: url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
         url('../fonts/themify.woff?-fvbane') format('woff'),
         url('../fonts/themify.ttf?-fvbane') format('truetype'),
         url('../fonts/themify.svg?-fvbane#themify') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}


/* ------------------------
   CAROUSEL CLS FIX (owl.carousel.min.css sets .owl-carousel{display:none}
   until its JS adds .owl-loaded, so these carousels occupy zero height on
   first paint and then snap to full height once JS runs, shoving every
   section below them down. Reserve the real space up front and hide the
   pre-init flash of unstyled stacked slides via opacity instead.)
------------------------- */
.slider-section .slider-items.owl-carousel {
    display: block !important;
    height: 580px;
    overflow: hidden;
}
.slider-section .slider-items.owl-carousel:not(.owl-loaded) {
    opacity: 0;
}

.product-slider.owl-carousel {
    display: block !important;
    min-height: 360px;
    overflow: hidden;
}
.product-slider.owl-carousel:not(.owl-loaded) {
    opacity: 0;
}

@media (max-width: 767.98px) {
    .slider-section .slider-items.owl-carousel {
        height: auto;
        min-height: 420px;
    }
}


/* ------------------------
   GLOBAL OVERRIDES (apply everywhere)
------------------------- */
.header-section > .container {
    margin-bottom: 16px;
}

.inner-header .advanced-search .input-group {
    max-width: unset;
}

.slider-items .single-slider-items {
    height: 580px;
}

.product-section {
    padding-bottom: 0;
}

.product-slider {
    padding-top: 32px;
}

.domain-search {
    background: #191919;
    padding: 38px 0;
}

.slider-section .slider-items .slider-countdown {
    margin: 0;
    padding: 87px 0;
}

.slicknav_nav {
    margin-top: 42px;
}

.slicknav_menu:after, .slicknav_menu:before {
    content: unset;
    display: table
}

#mobile-menu-wrap .slicknav_btn {
    position: absolute;
    top: 0;
    left: 3px;
    width: 38px;
}

.premium-domain {
    padding-top: 72px;
    padding-bottom: 80px;
}

.premium-domain #domainlist {
    margin-left: 30px;
    margin-bottom: 60px;
}

.premium-domain button.refresh {
    color: #ffffff;
    background: #e7ab3c;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #e7ab3c;
    padding: 13px 20px 12px;
}

/* Hosting Cards Styling */
.single-latest-blog {
    background-color: #fff;
    transition: all 0.3s ease;
    border: 1px solid #eee;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Fixed aspect box for card images: reserves layout space before the
   image loads, so varying source dimensions can't cause a layout shift. */
.single-latest-blog > img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.single-latest-blog:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.single-latest-blog h4 {
    font-size: 20px;
    font-weight: 600;
    color: #111;
}

.single-latest-blog ul {
    padding-left: 1rem;
}

.single-latest-blog ul li {
    padding: 6px 0;
    font-size: 15px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Hosting CTA Button */
.hosting-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #e7ab3c;
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.hosting-btn:hover {
    background-color: #bf8a2d;
    transform: translateY(-2px);
    text-decoration: none;
    color: #fff;
}

/* Hosting Section - Mobile Optimizations */
@media (max-width: 767.98px) {
    .single-latest-blog {
        padding: 20px 15px;
        margin-bottom: 30px;
        text-align: center;
   
}

    .single-latest-blog ul {
        padding-left: 0;
        text-align: left;
        margin-top: 15px;
   
}

    .single-latest-blog ul li {
        font-size: 14px;
        padding: 5px 0;
   
}

    .hosting-btn {
        width: 100%;
        padding: 10px 0;
        font-size: 16px;
   
}

    .section-title h2 {
        font-size: 24px;
   
}

    .section-title p {
        font-size: 16px;
   
}
}

h4.mb-3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 32px;
}

.slider-items .row {
    height: 100%;
}

.slider-items .col-lg-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center; /* optional, for text centering */
}


/* ------------------------
   BACKORDER PAGE STYLES (scoped only to .backorder-page)
------------------------- */
.backorder-page {
    font-family: 'Muli', 'Helvetica Neue', Arial, sans-serif;
    font-size: 17px;
    line-height: 1.7;
    color: #2c2c2c;
    background-color: #fafafa;
}

.backorder-page h1,
.backorder-page h2,
.backorder-page h3,
.backorder-page h4 {
    font-family: 'Muli', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.4;
    margin-bottom: 15px;
}

.backorder-page h1 {
    font-size: 2.2rem;
    margin-bottom: 20px;
}
.backorder-page h2 {
    font-size: 1.6rem;
    border-left: 4px solid #0073e6;
    padding-left: 12px;
    margin-top: 40px;
}
.backorder-page h3 {
    font-size: 1.3rem;
    margin-top: 25px;
}

.backorder-page .blog-details-inner {
    background: #fff;
    padding: 40px 50px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}
.backorder-page .blog-detail-title h1 {
    font-size: 2.3rem;
    margin-bottom: 5px;
}
.backorder-page .blog-detail-title p span {
    font-size: 0.95rem;
    color: #666;
}

.backorder-page .blog-detail-desc p {
    margin-bottom: 18px;
}
.backorder-page .blog-detail-desc a {
    color: #0073e6;
    font-weight: 600;
    text-decoration: none;
}
.backorder-page .blog-detail-desc a:hover {
    text-decoration: underline;
}

.backorder-page .blog-detail-desc ul {
    margin: 15px 0 25px 20px;
    padding: 0;
}
.backorder-page .blog-detail-desc ul li {
    margin-bottom: 10px;
    line-height: 1.6;
    padding-left: 8px;
    position: relative;
}
.backorder-page .blog-detail-desc ul li::before {
    content: "✔";
    color: #0073e6;
    position: absolute;
    left: -20px;
}

.backorder-page .newslatter-item {
    margin-top: 40px;
    text-align: center;
}
.backorder-page .subscribe-form button {
    background: linear-gradient(135deg, #0073e6, #005bb5);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 14px 30px;
    border-radius: 8px;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.backorder-page .subscribe-form button:hover {
    background: linear-gradient(135deg, #005bb5, #004499);
    transform: translateY(-2px);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .backorder-page .blog-details-inner {
        padding: 25px 20px;
   
}
    .backorder-page h1 {
        font-size: 1.8rem;
   
}
    .backorder-page h2 {
        font-size: 1.4rem;
   
}
}



/************ INDEX PAGE FIXED ENHANCEMENTS (Scoped to .home-page) ************/

/* --- Section titles (remove duplicate orange lines) --- */
.home-page .section-title h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #222;
    margin-bottom: 10px;
    position: relative;
}
.home-page .section-title h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #e7ab3c;
    margin: 12px auto 0;
    border-radius: 2px;
}
/* Disable the theme's own underline (lives on h2:before, not the wrapper) so only ours shows */
.home-page .section-title h2:before {
    display: none !important;
}

/* --- Hosting cards --- */
.home-page .single-latest-blog {
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 24px;
}
.home-page .single-latest-blog:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 22px rgba(0,0,0,0.1);
}
.home-page .single-latest-blog h4 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #e7ab3c;
    margin-bottom: 16px;
}
.home-page .hosting-btn {
    display: inline-block;
    margin-top: 12px;
    background: #e7ab3c;
    border: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 10px 26px;
    transition: all .3s ease;
}
.home-page .hosting-btn:hover {
    background: #bf8a2d;
    text-decoration: none;
}

/* --- Blog cards --- */
.home-page .single-latest-blog img {
    border-radius: 10px 10px 0 0;
    transition: transform .3s ease;
}
.home-page .single-latest-blog:hover img {
    transform: scale(1.05);
}
.home-page .latest-text {
    padding: 15px;
}
.home-page .latest-text h4 {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 8px;
}

/* --- Benefit icons --- */
.home-page .single-benefit {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    transition: all .3s ease;
    text-align: center;
}
.home-page .single-benefit:hover {
    background: #fdf7ef;
    box-shadow: 0 4px 15px rgba(231,171,60,0.15);
}
.home-page .single-benefit h6 {
    font-weight: 700;
    color: #222;
    margin-top: 12px;
}
.home-page .single-benefit p {
    color: #666;
    font-size: 0.9rem;
}


/* ------------------------
   VISUAL POLISH PASS (accent consistency, buttons, nav, hero, footer)
------------------------- */

/* One consistent hover/darker accent shade everywhere (was #BFAB2F / #dfad51 in different spots) */
.slider-items .owl-nav button[type=button]:hover {
    color: #bf8a2d;
}

/* primary-btn / site-btn get the same rounded, lifted hover treatment hosting-btn already has */
.primary-btn,
.site-btn {
    border-radius: 4px;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.primary-btn:hover,
.site-btn:hover {
    background: #bf8a2d;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    color: #fff;
}

/* Nav: underline + accent text on hover/active instead of a full solid-orange block fill */
.nav-item .nav-menu li:hover > a,
.nav-item .nav-menu li.active > a {
    background: transparent;
    color: #e7ab3c;
    box-shadow: inset 0 -3px 0 0 #e7ab3c;
}

/* Hero slides: subtle gradient overlay for text legibility over photos */
.single-slider-items {
    position: relative;
}
.single-slider-items::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 100%);
    z-index: 0;
    pointer-events: none;
}
.single-slider-items > .container {
    position: relative;
    z-index: 1;
}

/* Footer: light brand touch */
.footer-section {
    border-top: 3px solid #e7ab3c;
}
.footer-widget h5 {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(231, 171, 60, 0.4);
}


/* ------------------------
   BLOG LISTING PAGE (scoped to .blog-page - blog.php / en/blog.php)
------------------------- */
.blog-page .section-title h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #222;
    margin-bottom: 10px;
    position: relative;
}
.blog-page .section-title h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #e7ab3c;
    margin: 12px auto 0;
    border-radius: 2px;
}
.blog-page .section-title h2:before {
    display: none !important;
}

.blog-page .single-latest-blog {
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    overflow: hidden;
}
.blog-page .single-latest-blog:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 22px rgba(0,0,0,0.1);
}
.blog-page .single-latest-blog img {
    border-radius: 0;
    transition: transform .3s ease;
}
.blog-page .single-latest-blog:hover img {
    transform: scale(1.05);
}
.blog-page .latest-text {
    padding: 18px 20px 22px;
}
.blog-page .latest-text h4 {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 8px;
}
.blog-page .latest-text p {
    margin-bottom: 0;
}


/* ------------------------
   SERVICES PAGE (scoped to .services-page - services.php / en/services.php)
------------------------- */
.services-page .section-title h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #222;
    margin-bottom: 10px;
    position: relative;
}
.services-page .section-title h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #e7ab3c;
    margin: 12px auto 0;
    border-radius: 2px;
}
.services-page .section-title h2:before {
    display: none !important;
}
.services-page .section-title p {
    color: #666;
    font-size: 1.05rem;
    max-width: 640px;
    margin: 0 auto;
}

.services-page .single-latest-blog {
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    overflow: hidden;
    margin-bottom: 30px;
}
.services-page .single-latest-blog:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 22px rgba(0,0,0,0.1);
}
.services-page .single-latest-blog img {
    border-radius: 0;
    height: 200px;
    object-fit: cover;
    width: 100%;
    transition: transform .3s ease;
}
.services-page .single-latest-blog:hover img {
    transform: scale(1.05);
}
.services-page .latest-text {
    padding: 22px 24px 26px;
}
.services-page .service-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fdf3e2;
    color: #e7ab3c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-top: -46px;
    margin-bottom: 14px;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.services-page .latest-text h4 {
    font-weight: 700;
    font-size: 1.15rem;
    margin-bottom: 10px;
    color: #222;
}
.services-page .latest-text p {
    color: #555;
    margin-bottom: 0;
    font-size: 0.95rem;
    line-height: 1.6;
}
.services-page .latest-text a {
    color: #0073e6;
    font-weight: 600;
    text-decoration: none;
}
.services-page .latest-text a:hover {
    text-decoration: underline;
}

/* CTA banner */
.services-page .services-cta {
    background: linear-gradient(135deg, #191919, #2b2b2b);
    border-radius: 14px;
    padding: 50px 40px;
    text-align: center;
}
.services-page .services-cta h3 {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 12px;
}
.services-page .services-cta p {
    color: rgba(255,255,255,0.75);
    margin-bottom: 24px;
    font-size: 1rem;
}

@media (max-width: 767.98px) {
    .services-page .service-icon {
        margin-top: -40px;
    }
    .services-page .services-cta {
        padding: 35px 20px;
    }
}


/* ------------------------
   RESELLER API PAGE — AAK_API (scoped to .reseller-page — bayilik.php / en/reseller.php)
------------------------- */
.reseller-page {
    font-family: 'Muli', 'Helvetica Neue', Arial, sans-serif;
    color: #2c2c2c;
    background: #fff;
}
.reseller-page h1,
.reseller-page h2,
.reseller-page h3,
.reseller-page h4 {
    font-family: 'Muli', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 800;
    color: #16181d;
    line-height: 1.3;
}
.reseller-page code,
.reseller-page .mono {
    font-family: 'Poppins', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.9em;
    background: rgba(231, 171, 60, 0.14);
    color: #8a5a12;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Hero */
.reseller-hero {
    background: linear-gradient(135deg, #16181d 0%, #23262e 55%, #2c2f38 100%);
    color: #fff;
    padding: 90px 0 100px;
    position: relative;
    overflow: hidden;
}
.reseller-hero::after {
    content: "";
    position: absolute;
    right: -120px;
    top: -120px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(231,171,60,0.25) 0%, rgba(231,171,60,0) 70%);
    pointer-events: none;
}
.reseller-hero code,
.reseller-cta code {
    background: rgba(231, 171, 60, 0.22);
    color: #f0c273;
}
.reseller-hero .eyebrow {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e7ab3c;
    margin-bottom: 18px;
}
.reseller-hero h1 {
    color: #fff;
    font-size: 2.7rem;
    margin-bottom: 18px;
}
.reseller-hero p.lead {
    font-size: 1.15rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.82);
    max-width: 620px;
    margin-bottom: 32px;
}
.reseller-hero .hero-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}
.reseller-btn {
    display: inline-block;
    padding: 14px 30px;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 6px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.reseller-btn-primary {
    background: #e7ab3c;
    color: #fff;
}
.reseller-btn-primary:hover {
    background: #bf8a2d;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
.reseller-btn-ghost {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.reseller-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
}
.reseller-hero .hero-meta {
    margin-top: 28px;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
}
.reseller-hero .hero-code {
    margin-top: 34px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 18px 20px;
    font-family: 'Poppins', Consolas, Menlo, monospace;
    font-size: 0.86rem;
    color: #d7dbe0;
    overflow-x: auto;
    max-width: 560px;
}
.reseller-hero .hero-code .c-method { color: #7fd18c; font-weight: 700; }
.reseller-hero .hero-code .c-path { color: #e7ab3c; }
.reseller-hero .hero-code .c-com { color: #7a8290; }

/* Generic section rhythm */
.reseller-section {
    padding: 80px 0;
}
.reseller-section.alt {
    background: #f7f8fa;
}
.reseller-section .sec-head {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 50px;
}
.reseller-section .sec-head h2 {
    font-size: 2rem;
    margin-bottom: 14px;
}
.reseller-section .sec-head h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #e7ab3c;
    border-radius: 2px;
    margin: 14px auto 0;
}
.reseller-section .sec-head p {
    color: #5c6470;
    font-size: 1.05rem;
    margin-bottom: 0;
}

/* Card grid */
.reseller-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.reseller-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.reseller-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.reseller-card {
    background: #fff;
    border: 1px solid #e8eaee;
    border-radius: 12px;
    padding: 28px 26px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.reseller-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(22, 24, 29, 0.1);
}
.reseller-card .rc-icon {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: #fdf3e2;
    color: #e7ab3c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
}
.reseller-card h4 {
    font-size: 1.15rem;
    margin-bottom: 10px;
}
.reseller-card p {
    color: #5c6470;
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 0;
}

/* Expertise list block */
.reseller-expertise {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 40px;
}
.reseller-expertise .xi {
    display: flex;
    gap: 14px;
}
.reseller-expertise .xi i {
    color: #e7ab3c;
    font-size: 18px;
    margin-top: 3px;
    flex-shrink: 0;
}
.reseller-expertise .xi h4 {
    font-size: 1.05rem;
    margin-bottom: 6px;
}
.reseller-expertise .xi p {
    color: #5c6470;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* How it works steps */
.reseller-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    counter-reset: step;
}
.reseller-step {
    position: relative;
    background: #fff;
    border: 1px solid #e8eaee;
    border-radius: 12px;
    padding: 32px 26px 28px;
}
.reseller-step::before {
    counter-increment: step;
    content: counter(step);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #16181d;
    color: #fff;
    font-weight: 800;
    font-size: 1.1rem;
    margin-bottom: 16px;
}
.reseller-step h4 {
    font-size: 1.1rem;
    margin-bottom: 8px;
}
.reseller-step p {
    color: #5c6470;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Extension chips */
.reseller-tlds {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 8px;
}
.reseller-tlds span {
    background: #fff;
    border: 1px solid #e2e5ea;
    border-radius: 30px;
    padding: 7px 16px;
    font-family: 'Poppins', Consolas, monospace;
    font-size: 0.85rem;
    color: #16181d;
}

/* CTA band */
.reseller-cta {
    background: linear-gradient(135deg, #16181d, #2b2f38);
    border-radius: 16px;
    padding: 56px 44px;
    text-align: center;
    color: #fff;
}
.reseller-cta h2 {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 12px;
}
.reseller-cta p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 1.05rem;
    max-width: 560px;
    margin: 0 auto 26px;
}

/* FAQ */
.reseller-faq {
    max-width: 820px;
    margin: 0 auto;
}
.reseller-faq .faq-item {
    border-bottom: 1px solid #e5e8ec;
    padding: 22px 0;
}
.reseller-faq .faq-item h4 {
    font-size: 1.08rem;
    margin-bottom: 10px;
}
.reseller-faq .faq-item p {
    color: #5c6470;
    font-size: 0.97rem;
    line-height: 1.7;
    margin-bottom: 0;
}

/* Homepage promo band for the reseller API (scoped to .home-page) */
.home-page .reseller-promo {
    background: linear-gradient(135deg, #16181d, #2b2f38);
    color: #fff;
    padding: 46px 0;
}
.home-page .reseller-promo .rp-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}
.home-page .reseller-promo .eyebrow {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e7ab3c;
    margin-bottom: 8px;
}
.home-page .reseller-promo h3 {
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    margin: 0 0 6px;
}
.home-page .reseller-promo p {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    max-width: 620px;
}
.home-page .reseller-promo .primary-btn {
    white-space: nowrap;
}
.home-page .reseller-promo code {
    font-family: 'Poppins', Consolas, Menlo, monospace;
    font-size: 0.9em;
    background: rgba(231, 171, 60, 0.2);
    color: #f0c273;
    padding: 1px 5px;
    border-radius: 4px;
}

@media (max-width: 991.98px) {
    .reseller-grid,
    .reseller-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
    .reseller-steps { grid-template-columns: 1fr; }
    .reseller-expertise { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .reseller-hero { padding: 60px 0 70px; }
    .reseller-hero h1 { font-size: 2rem; }
    .reseller-section { padding: 56px 0; }
    .reseller-grid,
    .reseller-grid.cols-2,
    .reseller-grid.cols-4 { grid-template-columns: 1fr; }
    .reseller-cta { padding: 40px 22px; }
    .home-page .reseller-promo .rp-inner { flex-direction: column; text-align: center; }
}


/* ------------------------
   FREE DOMAIN WITH HOSTING offer (mirrors account.aak.com.tr):
   strip under the hosting section title, corner ribbon on each hosting
   card (.aak-ribbon-card is added only to the hosting cards, so blog cards
   sharing .single-latest-blog are untouched) and a line under the menu
   domain search box.
------------------------- */
.aak-freedomain-strip {
    max-width: 760px;
    margin: -20px auto 35px;
    padding: 12px 20px;
    background: #FDF3E2;
    border: 1px dashed #e7ab3c;
    border-radius: 6px;
    color: #333;
    font-size: 16px;
    text-align: center;
}
.aak-freedomain-strip i { color: #e7ab3c; margin-right: 8px; }
.aak-freedomain-strip small { display: block; margin-top: 4px; color: #777; font-size: 12px; }

.single-latest-blog.aak-ribbon-card {
    position: relative;
    overflow: hidden;
}
/* box centre on the corner diagonal (60px, 60px): ~170px visible band */
.aak-freedomain-ribbon {
    position: absolute;
    top: 50px;
    right: -50px;
    width: 220px;
    transform: rotate(45deg);
    background: #28a745;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    padding: 4px 0;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    z-index: 1;
}

.aak-freedomain-searchnote {
    margin: 8px 0 0;
    text-align: center;
    font-size: 14px;
    color: #555;
}
.aak-freedomain-searchnote i { color: #e7ab3c; margin-right: 6px; }
.aak-freedomain-searchnote a { color: #e7ab3c; font-weight: 600; }

/* ------------------------
   HEADER DOMAIN SEARCH: TLD price chips (USD + TRY, from WHMCS's price
   feed via inc/domain_prices.php) and the welcome bar shown to visitors
   arriving from trabis.gov.tr (toggled by inc/searchbar.js.php).
------------------------- */
.aak-price-chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}
.aak-price-chip {
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}
.aak-price-chip:hover,
.aak-price-chip:focus { border-color: #e7ab3c; background: #FDF3E2; outline: none; }
.aak-price-chip b { color: #252525; margin-right: 2px; }
.aak-price-chip span { color: #888; margin-left: 2px; }
.aak-price-chips small { flex-basis: 100%; text-align: center; color: #999; font-size: 11px; }

.aak-trabis-welcome {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 auto 12px;
    padding: 10px 16px;
    background: #e9f7ef;
    border: 1px solid #28a745;
    border-radius: 6px;
    color: #1e5631;
    font-size: 14px;
    line-height: 1.5;
}
.aak-trabis-welcome[hidden] { display: none; }
.aak-trabis-welcome i { color: #28a745; font-size: 18px; margin-top: 2px; }

@media (max-width: 767.98px) {
    .aak-price-chips { padding: 0 10px; gap: 6px; }
    .aak-price-chip { font-size: 12px; padding: 3px 10px; }
    .aak-trabis-welcome { margin: 0 10px 10px; font-size: 13px; }
}

/* ------------------------
   HOMEPAGE "MORE SERVICES" band (inc/more-services.php): Backorder,
   Professional E-mail, Web Design cards between hosting and the blog.
------------------------- */
.aak-services {
    background: #f6f7f9;
}
.aak-service-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 14px;
    border-top: 4px solid #e7ab3c;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 28px 26px 26px;
    transition: transform .3s ease, box-shadow .3s ease;
}
.aak-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 26px rgba(0,0,0,0.1);
}
.aak-service-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #FDF3E2;
    color: #e7ab3c;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.aak-service-tag {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #e7ab3c;
}
.aak-service-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #252525;
    line-height: 1.35;
    margin: 6px 0 16px;
}
.aak-service-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    flex-grow: 1;
}
.aak-service-card li {
    font-size: 14px;
    color: #555;
    padding: 5px 0 5px 24px;
    position: relative;
    line-height: 1.5;
}
.aak-service-card li i {
    position: absolute;
    left: 0;
    top: 9px;
    color: #28a745;
    font-size: 13px;
}
.aak-service-price {
    border-top: 1px dashed #e5e5e5;
    padding-top: 14px;
    margin-bottom: 16px;
    line-height: 1.3;
}
.aak-service-price strong {
    font-size: 28px;
    font-weight: 800;
    color: #252525;
    margin-right: 6px;
}
.aak-service-price .aak-service-try {
    font-size: 15px;
    color: #888;
}
.aak-service-price small {
    display: block;
    font-size: 12px;
    color: #999;
}
.aak-service-btn {
    display: block;
    text-align: center;
    background: #e7ab3c;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 30px;
    padding: 11px 20px;
    transition: background .3s ease;
}
.aak-service-btn:hover {
    background: #bf8a2d;
    color: #fff;
    text-decoration: none;
}
.aak-service-note {
    max-width: 900px;
    margin: 4px auto 0;
    text-align: center;
    font-size: 12px;
    color: #888;
    line-height: 1.5;
}

/* ------------------------
   HOMEPAGE DOMAIN PRICES (inc/domain-price-table.php): one card per TLD,
   3 columns on desktop, 2 on tablets, 1 on phones (the earlier table
   overflowed the screen on phones). Grey band; the "More services" band
   that follows goes back to white so the two alternate.
------------------------- */
.aak-domain-prices { background: #f6f7f9; }
.aak-services { background: #fff; }

.aak-dp-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
}
.aak-dp-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #eee;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    padding: 22px 22px 20px;
    transition: transform .25s ease, box-shadow .25s ease;
}
.aak-dp-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.09);
}
.aak-dp-featured { border: 2px solid #e7ab3c; }
.aak-dp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.aak-dp-tld {
    font-size: 24px;
    font-weight: 800;
    color: #252525;
}
.aak-dp-badge {
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    background: #e7ab3c;
    border-radius: 10px;
    padding: 3px 9px;
    white-space: nowrap;
}
.aak-dp-main strong {
    display: block;
    font-size: 30px;
    font-weight: 800;
    color: #252525;
    line-height: 1.1;
}
.aak-dp-main span {
    font-size: 13px;
    color: #888;
}
.aak-dp-meta {
    list-style: none;
    padding: 12px 0 0;
    margin: 12px 0 16px;
    border-top: 1px dashed #e5e5e5;
    flex-grow: 1;
}
.aak-dp-meta li {
    font-size: 13px;
    color: #555;
    padding: 2px 0;
}
.aak-dp-meta li span { color: #999; }
.aak-dp-free { color: #28a745; }
.aak-tld-pick {
    display: block;
    text-align: center;
    border: 1px solid #e7ab3c;
    background: #fff;
    color: #e7ab3c;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 9px 16px;
    transition: all .2s ease;
}
.aak-tld-pick i { margin-right: 6px; }
.aak-tld-pick:hover,
.aak-tld-pick:focus { background: #e7ab3c; color: #fff; text-decoration: none; }
.aak-dp-featured .aak-tld-pick { background: #e7ab3c; color: #fff; }
.aak-dp-featured .aak-tld-pick:hover { background: #bf8a2d; border-color: #bf8a2d; }
.aak-dp-note {
    max-width: 1000px;
    margin: 18px auto 0;
    text-align: center;
    font-size: 12px;
    color: #888;
}
.aak-dp-note a { color: #e7ab3c; font-weight: 600; margin-left: 6px; }

@media (max-width: 991.98px) {
    .aak-dp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    /* phones: compact one-column rows - extension + price on the left,
       button on the right */
    .aak-dp-grid { grid-template-columns: 1fr; gap: 10px; }
    .aak-dp-card {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas: "head btn" "main btn" "meta meta";
        align-items: center;
        column-gap: 12px;
        padding: 14px 16px;
    }
    .aak-dp-card:hover { transform: none; }
    .aak-dp-head { grid-area: head; margin-bottom: 2px; justify-content: flex-start; }
    .aak-dp-tld { font-size: 20px; }
    .aak-dp-main { grid-area: main; }
    .aak-dp-main strong { display: inline; font-size: 20px; margin-right: 4px; }
    .aak-dp-meta { grid-area: meta; margin: 10px 0 0; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 0 14px; }
    .aak-dp-meta li { font-size: 12px; }
    .aak-tld-pick { grid-area: btn; padding: 8px 14px; font-size: 12px; }
}

/* ------------------------
   HOMEPAGE TRUST STRIP (inc/trust-strip.php), right under the hero slider.
   Replaces the template's generic "benefit-items" row.
------------------------- */
.aak-trust {
    background: #252525;
    padding: 18px 0;
}
.aak-trust-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.aak-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    padding: 6px 4px;
}
.aak-trust-item:hover { text-decoration: none; color: #fff; }
.aak-trust-item:hover strong { color: #e7ab3c; }
.aak-trust-item i {
    flex: 0 0 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(231,171,60,.15);
    color: #e7ab3c;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aak-trust-item strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    transition: color .2s ease;
}
.aak-trust-item small {
    display: block;
    font-size: 12px;
    color: #bbb;
}
@media (max-width: 991.98px) {
    .aak-trust-row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 479.98px) {
    .aak-trust-item i { flex-basis: 36px; height: 36px; font-size: 15px; }
    .aak-trust-item strong { font-size: 13px; }
}

/* ------------------------
   HOSTING CARD PRICE (aak_hosting_price_html in inc/domain_prices.php):
   monthly equivalent as the headline, yearly billed amount underneath.
------------------------- */
.aak-host-price {
    margin: -4px 0 18px;
    padding-bottom: 14px;
    border-bottom: 1px dashed #e5e5e5;
    line-height: 1.25;
}
.aak-host-price strong {
    font-size: 34px;
    font-weight: 800;
    color: #252525;
}
.aak-host-price span {
    font-size: 15px;
    color: #777;
    margin-left: 2px;
}
.aak-host-price em {
    display: block;
    font-style: normal;
    font-size: 15px;
    font-weight: 600;
    color: #888;
    margin-top: 2px;
}
.aak-host-price small {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 6px;
}

/* ------------------------
   HEADER DOMAIN SEARCH (inc/searchbar.tr.php / .en.php), redesigned to
   match account.aak.com.tr's search: input + orange "Ara" (register) +
   green "Transfer" (posts the same input to the cart's transfer page via
   formaction). On phones the two buttons sit side by side under the input,
   as on the account site. Replaces the old inline <style> in the partials.
------------------------- */
.search-wrapper {
    padding: 10px 0;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.search-heading {
    font-family: 'Poppins', sans-serif;
    color: #333;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1.3;
    text-align: center;
}
.aak-ds-group {
    display: flex;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    background: #fff;
}
.aak-ds-group input {
    flex: 1 1 auto;
    min-width: 0;
    height: 56px;
    border: 1px solid #e5e5e5;
    border-right: none;
    border-radius: 8px 0 0 8px;
    padding: 0 22px;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    color: #333;
    outline: none;
    transition: border-color .2s ease;
}
.aak-ds-group input:focus { border-color: #e7ab3c; }
.aak-ds-group input::placeholder { color: #aaa; font-size: 15px; }
.aak-ds-buttons { display: flex; }
.aak-ds-buttons button {
    height: 56px;
    border: none;
    padding: 0 28px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s ease;
}
.aak-ds-buttons button i { margin-right: 6px; }
.aak-ds-search { background: #e7ab3c; }
.aak-ds-search:hover, .aak-ds-search:focus { background: #f0b44b; outline: none; }
.aak-ds-transfer { background: #28a745; }
.aak-ds-transfer:hover, .aak-ds-transfer:focus { background: #218838; outline: none; }

@media (max-width: 767.98px) {
    .search-heading { font-size: 20px; padding: 0 15px; }
    .search-wrapper form#domain_search_box { padding: 0 10px; }
}
@media (max-width: 575.98px) {
    /* account.aak.com.tr layout on phones: input on top, buttons 50/50 below */
    .aak-ds-group {
        flex-direction: column;
        box-shadow: none;
        overflow: visible;
        background: transparent;
    }
    .aak-ds-group input {
        height: 50px;
        border-right: 1px solid #e5e5e5;
        border-radius: 8px;
        font-size: 16px; /* 16px stops iOS zooming in on focus */
        padding: 0 16px;
    }
    .aak-ds-buttons { gap: 8px; margin-top: 8px; }
    .aak-ds-buttons button {
        flex: 1 1 50%;
        height: 46px;
        padding: 0 10px;
        border-radius: 8px;
        font-size: 14px;
    }
}

/* ------------------------
   PRODUCT PAGES (alan-adi / hosting / kurumsal-eposta and their /en/
   versions; bodies in inc/products/). They reuse the reseller page's
   components (.reseller-hero, .reseller-section, .reseller-card,
   .reseller-steps, .reseller-faq, .reseller-cta) via body class
   "reseller-page home-page product-page"; home-page brings the homepage
   section-title / hosting-card styles used by the shared partials.
   Only product-specific pieces are defined here.
------------------------- */
.product-hero { padding: 80px 0 90px; }
.product-hero .product-search { max-width: 640px; margin-top: 8px; }
.product-hero .aak-ds-group { box-shadow: 0 6px 24px rgba(0,0,0,0.25); }
.product-hero .aak-ds-group input { border-color: transparent; }

.product-page .reseller-cta .reseller-btn { margin: 6px; }

/* "More details" link under a homepage section (hosting / domain prices) */
.aak-section-more {
    text-align: center;
    margin: 18px 0 0;
}
.aak-section-more a {
    font-weight: 700;
    color: #e7ab3c;
    border-bottom: 2px solid rgba(231,171,60,.35);
    padding-bottom: 2px;
}
.aak-section-more a:hover { color: #bf8a2d; text-decoration: none; border-color: #bf8a2d; }

/* link at the bottom of a .reseller-card */
.aak-card-link {
    display: inline-block;
    margin-top: 12px;
    font-weight: 700;
    color: #e7ab3c;
}
.aak-card-link:hover { color: #bf8a2d; text-decoration: none; }

/* OX App Suite plan cards (inc/products/email.php) */
.aak-ox-plans {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    max-width: 820px;
    margin: 0 auto;
}
.aak-ox-plan {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 16px;
    padding: 32px 28px 28px;
}
.aak-ox-best { border: 2px solid #e7ab3c; box-shadow: 0 8px 26px rgba(231,171,60,0.18); }
.aak-ox-flag {
    position: absolute;
    top: -12px;
    left: 28px;
    background: #e7ab3c;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-radius: 12px;
    padding: 4px 12px;
}
.aak-ox-plan h3 { font-size: 1.3rem; margin-bottom: 14px; }
.aak-ox-price { margin-bottom: 18px; line-height: 1.2; }
.aak-ox-price strong { font-size: 36px; font-weight: 800; color: #16181d; }
.aak-ox-price span { font-size: 14px; color: #777; margin-left: 3px; }
.aak-ox-price em { display: block; font-style: normal; font-size: 14px; color: #888; margin-top: 2px; }
.aak-ox-plan ul { list-style: none; padding: 0; margin: 0 0 24px; flex-grow: 1; }
.aak-ox-plan li { padding: 6px 0 6px 24px; position: relative; font-size: 15px; color: #444; }
.aak-ox-plan li i { position: absolute; left: 0; top: 10px; color: #28a745; font-size: 13px; }
.aak-ox-plan .reseller-btn { text-align: center; }

@media (max-width: 767.98px) {
    .product-hero { padding: 56px 0 60px; }
    .aak-ox-plans { grid-template-columns: 1fr; }
}

/* ------------------------
   AUTHORIZED RESELLERS list (inc/resellers-list.php) on bayilik.php /
   en/reseller.php — legally required public list of AAK's resellers.
------------------------- */
.aak-reseller-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 380px));
    justify-content: center;
    gap: 20px;
}
.aak-reseller-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e5e8ec;
    border-radius: 14px;
    padding: 22px 24px;
    color: #2c2c2c;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.aak-reseller-item:hover {
    border-color: #e7ab3c;
    box-shadow: 0 6px 20px rgba(0,0,0,0.07);
    text-decoration: none;
    color: #2c2c2c;
}
.aak-reseller-icon {
    flex: 0 0 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(231,171,60,0.14);
    color: #e7ab3c;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aak-reseller-body strong { display: block; font-size: 1.1rem; color: #16181d; margin-bottom: 4px; }
.aak-reseller-body small { display: block; font-size: 13px; color: #777; line-height: 1.5; }
.aak-reseller-url { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 700; color: #e7ab3c; }

/* Web design packages (inc/products/webdesign.php) reuse the OX plan cards;
   extra "who it's for" line and a secondary link under the buy button. */
.aak-plan-for { font-size: 14px; color: #777; margin: -8px 0 14px; }
.aak-plan-more { text-align: center; }