/* OwnHost — modern order form */

:root {
    --oh-accent: #20bc7e;
    --oh-accent-hover: #1a9a66;
    --oh-accent-soft: rgba(32, 188, 126, 0.12);
    --oh-dark: #282B2D;
    --oh-dark-soft: #35383b;
    --oh-bg: #f4f5f6;
    --oh-surface: #ffffff;
    --oh-text: #6b7280;
    --oh-text-strong: #282B2D;
    --oh-border: #e5e7eb;
    --oh-radius: 14px;
    --oh-radius-sm: 10px;
    --oh-shadow: 0 1px 2px rgba(40, 43, 45, 0.05), 0 8px 24px rgba(40, 43, 45, 0.06);
    --oh-shadow-hover: 0 8px 28px rgba(40, 43, 45, 0.12);
}

body.oh-client-area #order-standard_cart,
body.oh-client-area #order-ownhost,
#order-standard_cart.oh-order,
#order-ownhost.oh-order {
    max-width: 1280px;
    margin: 0 auto;
    padding: 8px 8px 40px;
    font-family: 'Inter', 'Lato', sans-serif;
    color: var(--oh-text-strong);
}

body.oh-client-area #order-ownhost.oh-checkout-page {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0 0 40px;
}

/* Page title */
body.oh-client-area #order-standard_cart .order-cart,
#order-standard_cart.oh-order .order-cart {
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 20px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.oh-client-area #order-standard_cart .order-cart .pull-left,
#order-standard_cart.oh-order .order-cart .pull-left {
    float: none !important;
    width: 100%;
}

body.oh-client-area #order-standard_cart .order-cart .order,
#order-standard_cart.oh-order .order-cart .order,
body.oh-client-area #order-standard_cart .oh-order__title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--oh-text-strong);
    background: transparent !important;
    border: 0 !important;
}

body.oh-client-area #order-standard_cart .order-cart .order span,
body.oh-client-area #order-standard_cart .order-cart .order img {
    display: none !important;
}

body.oh-client-area #order-standard_cart .oh-order__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--oh-accent-soft);
    color: var(--oh-accent);
    font-size: 18px;
}

body.oh-client-area #order-standard_cart .oh-order__subtitle {
    margin: 6px 0 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--oh-text);
}

/* Category nav */
body.oh-client-area #order-standard_cart .host-nav,
#order-standard_cart.oh-order .host-nav {
    background: var(--oh-surface) !important;
    border: 1px solid var(--oh-border);
    border-radius: var(--oh-radius);
    box-shadow: var(--oh-shadow);
    padding: 10px !important;
    margin: 0 0 28px !important;
    overflow: visible;
}

body.oh-client-area #order-standard_cart .host-nav > ul,
#order-standard_cart.oh-order .host-nav > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.oh-client-area #order-standard_cart .host-nav li,
#order-standard_cart.oh-order .host-nav li {
    float: none !important;
    margin: 0 !important;
    width: auto !important;
}

body.oh-client-area #order-standard_cart .host-nav li a.drop-nav,
body.oh-client-area #order-standard_cart .host-nav li a.btn,
#order-standard_cart.oh-order .host-nav li a.drop-nav {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 8px 14px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--oh-text-strong) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

body.oh-client-area #order-standard_cart .host-nav li a.drop-nav:hover,
body.oh-client-area #order-standard_cart .host-nav li a.btn:hover {
    background: var(--oh-bg) !important;
    color: var(--oh-text-strong) !important;
}

body.oh-client-area #order-standard_cart .host-nav li.active > a.drop-nav,
body.oh-client-area #order-standard_cart .host-nav li.active > a {
    background: var(--oh-accent) !important;
    color: #fff !important;
    border-color: var(--oh-accent) !important;
}

body.oh-client-area #order-standard_cart .host-nav .dropdown-menu {
    border: 1px solid var(--oh-border);
    border-radius: var(--oh-radius-sm);
    box-shadow: var(--oh-shadow-hover);
    padding: 6px !important;
    margin-top: 8px !important;
    width: min(280px, 90vw);
    background: #fff !important;
}

body.oh-client-area #order-standard_cart .host-nav .dropdown-menu:before {
    display: none !important;
}

body.oh-client-area #order-standard_cart .host-nav .dropdown-menu li,
body.oh-client-area #order-standard_cart .product_dropdwn ul.dropdown-menu li {
    border-bottom: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.oh-client-area #order-standard_cart .host-nav .dropdown-menu li a,
body.oh-client-area #order-standard_cart .product_dropdwn ul.dropdown-menu li a {
    display: block !important;
    width: 100%;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--oh-text-strong) !important;
    background: transparent !important;
    text-decoration: none !important;
}

body.oh-client-area #order-standard_cart .host-nav .dropdown-menu li a:hover,
body.oh-client-area #order-standard_cart .product_dropdwn ul.dropdown-menu li a:hover {
    background: #f3f4f6 !important;
    color: var(--oh-text-strong) !important;
    text-decoration: none !important;
}

body.oh-client-area #order-standard_cart .host-nav .dropdown-menu li.active,
body.oh-client-area #order-standard_cart .product_dropdwn ul.dropdown-menu li.active {
    background: transparent !important;
}

body.oh-client-area #order-standard_cart .host-nav .dropdown-menu li.active a,
body.oh-client-area #order-standard_cart .product_dropdwn ul.dropdown-menu li.active a,
body.oh-client-area #order-standard_cart .product_dropdwn ul.dropdown-menu li.active a:hover {
    background: #eef8f3 !important;
    color: var(--oh-accent-hover) !important;
    box-shadow: inset 3px 0 0 var(--oh-accent);
}

/* Daha toggle — open state should not look like active category pill */
body.oh-client-area #order-standard_cart .host-nav li.product_dropdwn > a.drop-nav,
body.oh-client-area #order-standard_cart .host-nav li.product_dropdwn.open > a.drop-nav,
body.oh-client-area #order-standard_cart .host-nav li.product_dropdwn > a.btn,
body.oh-client-area #order-standard_cart .host-nav .open > .dropdown-toggle.drop-nav {
    background: transparent !important;
    color: var(--oh-text-strong) !important;
    border: 1px solid var(--oh-border) !important;
}

body.oh-client-area #order-standard_cart .host-nav li.product_dropdwn.open > a.drop-nav,
body.oh-client-area #order-standard_cart .host-nav li.product_dropdwn > a.drop-nav:hover {
    background: #f3f4f6 !important;
    color: var(--oh-text-strong) !important;
}

/* Package section */
body.oh-client-area #order-standard_cart .choose-pack,
#order-standard_cart.oh-order .choose-pack {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.oh-client-area #order-standard_cart .pack-hed,
#order-standard_cart.oh-order .pack-hed {
    margin: 0 0 18px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
}

body.oh-client-area #order-standard_cart .pack-hed h2,
#order-standard_cart.oh-order .pack-hed h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--oh-text-strong);
}

body.oh-client-area #order-standard_cart .pak-row,
body.oh-client-area #order-standard_cart .tab_container,
body.oh-client-area #order-standard_cart .tab_content,
body.oh-client-area #order-standard_cart .tab_content > .row {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    float: none !important;
    width: 100% !important;
}

/* Product grid — fill width, pack side-by-side by viewport */
body.oh-client-area #order-standard_cart .domains-post.slider,
body.oh-client-area #order-standard_cart .oh-order__grid,
#order-standard_cart.oh-order .oh-order__grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    gap: 16px;
    align-items: stretch;
    margin: 0 !important;
    padding: 4px 0 0 !important;
}

body.oh-client-area #order-standard_cart .domains-post.slider.slick-initialized,
body.oh-client-area #order-standard_cart .domains-post.slider.slick-slider {
    display: grid !important;
}

body.oh-client-area #order-standard_cart .domains-post .slick-list,
body.oh-client-area #order-standard_cart .domains-post .slick-track {
    display: contents !important;
    transform: none !important;
    width: auto !important;
}

body.oh-client-area #order-standard_cart .domains-post .slick-dots,
body.oh-client-area #order-standard_cart .domains-post .slick-arrow {
    display: none !important;
}

body.oh-client-area #order-standard_cart .domains-post .slide,
body.oh-client-area #order-standard_cart .oh-order__card-wrap {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
}

/* Product cards — Hostinger-like pricing cards, OwnHost colors */
body.oh-client-area #order-standard_cart .generic_content,
body.oh-client-area #order-standard_cart .oh-package-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0 !important;
    padding: 28px 22px 22px !important;
    background: #fff !important;
    border: 1px solid #e8eaed !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(40, 43, 45, 0.06);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.oh-client-area #order-standard_cart .generic_content:hover,
body.oh-client-area #order-standard_cart .oh-package-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(40, 43, 45, 0.1);
    border-color: #d5d9de !important;
}

body.oh-client-area #order-standard_cart .oh-package-card--featured {
    border-color: var(--oh-accent) !important;
    box-shadow: 0 0 0 1px var(--oh-accent), 0 8px 24px rgba(32, 188, 126, 0.12);
    padding-top: 40px !important;
}

body.oh-client-area #order-standard_cart .oh-package-card__badge {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 10px;
    background: var(--oh-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
}

body.oh-client-area #order-standard_cart .generic_head_price,
body.oh-client-area #order-standard_cart .oh-package-card__head {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    text-align: center !important;
}

body.oh-client-area #order-standard_cart .generic_head_content,
body.oh-client-area #order-standard_cart .head,
body.oh-client-area #order-standard_cart .head.basic,
body.oh-client-area #order-standard_cart .head.dard,
body.oh-client-area #order-standard_cart .head.ultim {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    clip-path: none !important;
    transform: none !important;
    text-align: center !important;
}

body.oh-client-area #order-standard_cart .generic_head_content .head span,
body.oh-client-area #order-standard_cart .oh-package-card__name {
    display: block;
    margin: 0 0 16px;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: var(--oh-dark) !important;
    line-height: 1.25;
    text-align: center !important;
}

body.oh-client-area #order-standard_cart .generic_price_tag,
body.oh-client-area #order-standard_cart .oh-package-card__price {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    min-height: 0 !important;
    height: auto !important;
}

body.oh-client-area #order-standard_cart .oh-package-card__price-row {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
    background: transparent !important;
}

body.oh-client-area #order-standard_cart .generic_feature_list li:empty {
    display: none !important;
}

body.oh-client-area #order-standard_cart .oh-package-card__amount,
body.oh-client-area #order-standard_cart .oh-package-card__amount.price,
body.oh-client-area #order-standard_cart .generic_price_tag .price {
    display: inline-flex !important;
    align-items: flex-start;
    gap: 1px;
    margin: 0 !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em;
    color: var(--oh-dark) !important;
    line-height: 1 !important;
}

body.oh-client-area #order-standard_cart .oh-package-card__sym {
    top: 0.45em;
    font-size: 0.42em;
    font-weight: 700;
    line-height: 1;
}

body.oh-client-area #order-standard_cart .oh-package-card__cycle {
    font-size: 15px;
    font-weight: 600;
    color: var(--oh-dark);
    line-height: 1;
}

body.oh-client-area #order-standard_cart .oh-package-card__currency {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #9ca3af;
}

body.oh-client-area #order-standard_cart .generic_feature_list,
body.oh-client-area #order-standard_cart .oh-package-card__features {
    flex: 1 1 auto;
    padding: 8px 4px 18px !important;
    margin: 8px 0 0 !important;
    background: transparent !important;
    text-align: left !important;
    border-top: 1px solid #f0f2f4;
}

body.oh-client-area #order-standard_cart .generic_feature_list ul {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    text-align: left !important;
}

body.oh-client-area #order-standard_cart .generic_feature_list li {
    position: relative;
    display: block;
    padding: 7px 0 7px 26px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    font-size: 14px;
    font-weight: 500;
    color: #4b5563;
    line-height: 1.45;
    background: transparent !important;
    text-align: left !important;
}

body.oh-client-area #order-standard_cart .generic_feature_list li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", FontAwesome;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 8px;
    width: 16px;
    height: 16px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--oh-accent);
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}

body.oh-client-area #order-standard_cart .generic_price_btn,
body.oh-client-area #order-standard_cart .oh-package-card__cta {
    padding: 0 !important;
    margin: auto 0 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body.oh-client-area #order-standard_cart .generic_price_btn a,
body.oh-client-area #order-standard_cart .oh-package-card__cta a,
body.oh-client-area #order-standard_cart .oh-package-card .wgs_custom-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 11px 16px !important;
    border-radius: 8px !important;
    background: var(--oh-accent) !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: none !important;
    transition: background 0.18s ease, transform 0.18s ease;
}

body.oh-client-area #order-standard_cart .generic_price_btn a:hover,
body.oh-client-area #order-standard_cart .oh-package-card__cta a:hover,
body.oh-client-area #order-standard_cart .oh-package-card .wgs_custom-btn:hover {
    background: var(--oh-accent-hover) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* Domain option cards */
body.oh-client-area #order-standard_cart .sm-gutter {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

body.oh-client-area #order-standard_cart .sm-gutter .col-md-3,
body.oh-client-area #order-standard_cart .sm-gutter .custpm_box {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.oh-client-area #order-standard_cart .card-info-box,
body.oh-client-area #order-standard_cart .card-info-box.domain,
body.oh-client-area #order-standard_cart .card-info-box.transfer,
body.oh-client-area #order-standard_cart .card-info-box.tran-no {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: auto !important;
}

body.oh-client-area #order-standard_cart .card-info-box .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    min-height: 150px;
    height: auto !important;
    padding: 22px !important;
    background: var(--oh-surface) !important;
    border: 1px solid var(--oh-border) !important;
    border-radius: var(--oh-radius) !important;
    box-shadow: var(--oh-shadow);
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.oh-client-area #order-standard_cart .card-info-box .content:hover {
    transform: translateY(-2px);
    box-shadow: var(--oh-shadow-hover);
    border-color: #cfd6dd !important;
}

body.oh-client-area #order-standard_cart .card-info-box .content.active,
body.oh-client-area #order-standard_cart .card-info-box .content:active {
    background: #fff !important;
    border-color: var(--oh-accent) !important;
    box-shadow: 0 0 0 3px var(--oh-accent-soft), var(--oh-shadow);
}

body.oh-client-area #order-standard_cart .card-info-box .icone {
    width: 48px;
    height: 48px;
    margin: 0 !important;
    border-radius: 12px;
    background: var(--oh-accent-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.oh-client-area #order-standard_cart .card-info-box .icone img {
    max-width: 26px;
    max-height: 26px;
    filter: none;
}

body.oh-client-area #order-standard_cart .card-info-box .content .text,
body.oh-client-area #order-standard_cart .card-info-box .content.active .text,
body.oh-client-area #order-standard_cart .card-info-box .content:hover .text {
    color: var(--oh-text-strong) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4;
    text-align: left;
}

/* Domain search panel — legacy hooks */
body.oh-client-area #order-standard_cart .regi-domain {
    background: transparent !important;
    background-image: none !important;
    border: 0;
    box-shadow: none;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--oh-text-strong) !important;
}

body.oh-client-area #order-standard_cart .regi-domain h1.titel-page,
body.oh-client-area #order-standard_cart .titel-page {
    margin: 0 0 16px !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: var(--oh-text-strong) !important;
    background: transparent !important;
    border: 0 !important;
}

/* --- Domain register / transfer pages (Alan Adları shell) --- */
body.oh-client-area #order-standard_cart.oh-domain-register,
body.oh-client-area #order-standard_cart.oh-domain-transfer,
body.oh-client-area .oh-domain-register,
body.oh-client-area .oh-domain-transfer {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 32px !important;
}

body.oh-client-area .oh-domain-register__pagehead.domains-head,
body.oh-client-area #order-standard_cart .oh-domain-register__pagehead.domains-head {
    margin-bottom: 0 !important;
    background: var(--oh-surface) !important;
    background-image: none !important;
    border: 1px solid var(--oh-border) !important;
    border-bottom: none !important;
    border-radius: var(--oh-radius) var(--oh-radius) 0 0 !important;
    box-shadow: none !important;
    padding: 20px 24px !important;
}

body.oh-client-area .oh-domain-register__pagehead h1,
body.oh-client-area #order-standard_cart .oh-domain-register__pagehead h1 {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: var(--oh-text-strong) !important;
    -webkit-text-fill-color: var(--oh-text-strong) !important;
    background: transparent !important;
    border: 0 !important;
    line-height: 1.25;
}

body.oh-client-area .oh-domain-register__pagehead h1 i,
body.oh-client-area #order-standard_cart .oh-domain-register__pagehead h1 i {
    color: var(--oh-accent) !important;
    -webkit-text-fill-color: var(--oh-accent) !important;
    margin-right: 8px;
}

body.oh-client-area .oh-domain-register__subtitle,
body.oh-client-area .oh-domain-register__pagehead p,
body.oh-client-area #order-standard_cart .oh-domain-register__pagehead p,
body.oh-client-area #order-standard_cart .regi-domain p,
body.oh-client-area .oh-domain-transfer__extend {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
    line-height: 1.5 !important;
}

body.oh-client-area .oh-domain-register__search,
body.oh-client-area #order-standard_cart .oh-domain-register__search.regi-domain {
    position: relative;
    overflow: visible;
    padding: 18px 20px 20px !important;
    margin: 0 !important;
    border: 1px solid var(--oh-border) !important;
    border-top: none !important;
    border-radius: 0 0 var(--oh-radius) var(--oh-radius) !important;
    background: var(--oh-surface) !important;
    box-shadow: none !important;
    color: var(--oh-text-strong) !important;
}

body.oh-client-area .oh-domain-register:has(#DomainSearchResults:not(.w-hidden)) .oh-domain-register__search,
body.oh-client-area #order-standard_cart.oh-domain-register:has(#DomainSearchResults:not(.w-hidden)) .oh-domain-register__search.regi-domain {
    border-radius: 0 !important;
    border-bottom: none !important;
}

body.oh-client-area .oh-domain-register__results {
    margin: 0;
    padding: 18px 20px 20px;
    border: 1px solid var(--oh-border);
    border-top: none;
    border-radius: 0 0 var(--oh-radius) var(--oh-radius);
    background: var(--oh-surface);
}

body.oh-client-area .oh-domain-register__form {
    margin: 0;
    width: 100%;
}

body.oh-client-area .oh-domain-register__search-row,
body.oh-client-area .oh-domain-register #adv-search,
body.oh-client-area .oh-domain-register .input-group-box {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: var(--oh-field-bg, #f8fafb) !important;
    border: 1px solid var(--oh-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.oh-client-area .oh-domain-register__search-row:focus-within,
body.oh-client-area .oh-domain-register #adv-search:focus-within {
    border-color: rgba(32, 188, 126, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(32, 188, 126, 0.12) !important;
}

body.oh-client-area .oh-domain-register__input,
body.oh-client-area .oh-domain-register #inputDomain.form-control {
    flex: 1 1 auto;
    width: 1% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 600;
    color: var(--oh-text-strong) !important;
    -webkit-text-fill-color: var(--oh-text-strong) !important;
}

body.oh-client-area .oh-domain-register__input:focus,
body.oh-client-area .oh-domain-register #inputDomain.form-control:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none;
}

body.oh-client-area .oh-domain-register__search-btn,
body.oh-client-area .oh-domain-register .input-group-btn.adv {
    display: flex !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    font-size: 14px !important;
}

body.oh-client-area .oh-domain-register__search-btn .btn,
body.oh-client-area .oh-domain-register #btnCheckAvailability {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 120px;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 0 11px 11px 0 !important;
    background: var(--oh-dark) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    text-transform: none !important;
    transition: background 0.2s ease;
}

body.oh-client-area .oh-domain-register__search-btn .btn:hover,
body.oh-client-area .oh-domain-register #btnCheckAvailability:hover {
    background: var(--oh-accent) !important;
    color: #fff !important;
    transform: none;
}

body.oh-client-area .oh-domain-register__captcha {
    max-width: 420px;
    margin: 16px 0 0;
}

body.oh-client-area .oh-domain-register__captcha-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.oh-client-area .oh-domain-register__results {
    margin: 0;
    padding: 18px 20px 20px;
    border: 1px solid var(--oh-border);
    border-top: none;
    border-radius: 0 0 var(--oh-radius) var(--oh-radius);
    background: var(--oh-surface);
}

body.oh-client-area .oh-domain-register__results.w-hidden {
    display: none;
}

body.oh-client-area .oh-domain-register__results.is-visible,
body.oh-client-area #DomainSearchResults.is-visible {
    display: block !important;
}

body.oh-client-area .oh-domain-register__status--loading,
body.oh-client-area .oh-domain-register .domain-lookup-primary-loader {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    min-height: 140px;
    margin: 0 0 14px !important;
    padding: 32px 18px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(32, 188, 126, 0.22) !important;
    background: #f3faf7 !important;
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

/* Visible while searching; jQuery .hide() inline style wins over this (no !important) */
body.oh-client-area .oh-domain-register__status--loading.is-active {
    display: flex;
}

body.oh-client-area .oh-domain-register__status--loading i,
body.oh-client-area .oh-domain-register .domain-lookup-primary-loader i {
    font-size: 22px;
    color: var(--oh-accent) !important;
    -webkit-text-fill-color: var(--oh-accent) !important;
}

body.oh-client-area .oh-domain-register__primary {
    margin-bottom: 0;
}

/* Result status cards (available / taken / invalid)
   Avoid display:!important so WHMCS jQuery .show()/.hide() still work.
   Loading loader uses its own centered rules above. */
body.oh-client-area .oh-domain-register__status:not(.oh-domain-register__status--loading),
body.oh-client-area .oh-domain-register .domain-invalid,
body.oh-client-area .oh-domain-register .domain-unavailable {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 0 0 14px !important;
    padding: 16px 18px !important;
    border-radius: 14px !important;
    border: 1px solid var(--oh-border) !important;
    background: #fff !important;
    color: var(--oh-text-strong) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

body.oh-client-area .oh-domain-register .domain-unavailable.w-hidden,
body.oh-client-area .oh-domain-register .domain-invalid.w-hidden,
body.oh-client-area .oh-domain-register .domain-available.w-hidden,
body.oh-client-area .oh-domain-register .domain-lookup-primary-loader.w-hidden,
body.oh-client-area .oh-domain-register .domain-contact-support.w-hidden {
    display: none !important;
}

body.oh-client-area .oh-domain-register__status--loading,
body.oh-client-area .oh-domain-register .domain-lookup-primary-loader {
    border-color: rgba(32, 188, 126, 0.22) !important;
    background: #f3faf7 !important;
    color: #166534 !important;
    -webkit-text-fill-color: #166534 !important;
}

body.oh-client-area .oh-domain-register__status--taken,
body.oh-client-area .oh-domain-register .domain-unavailable,
body.oh-client-area .oh-domain-register .domain-checker-unavailable {
    border-color: #fecaca !important;
    background: #fff7f7 !important;
    color: #9f1239 !important;
}

body.oh-client-area .oh-domain-register__status--invalid,
body.oh-client-area .oh-domain-register .domain-invalid,
body.oh-client-area .oh-domain-register .domain-checker-invalid {
    border-color: #fde68a !important;
    background: #fffbeb !important;
    color: #92400e !important;
}

body.oh-client-area .oh-domain-register__status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #fee2e2;
    color: #e11d48;
    font-size: 14px;
}

body.oh-client-area .oh-domain-register__status-body {
    flex: 1 1 auto;
    min-width: 0;
}

body.oh-client-area .oh-domain-register__status-title,
body.oh-client-area .oh-domain-register .domain-unavailable strong,
body.oh-client-area .oh-domain-register .domain-checker-unavailable strong {
    margin: 0 !important;
    color: #9f1239 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

body.oh-client-area .oh-domain-register__status-hint {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

body.oh-client-area .oh-domain-register__status-link {
    display: inline-flex;
    margin-top: 10px;
    color: var(--oh-accent-hover) !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

body.oh-client-area .oh-domain-register__status-link:hover {
    color: #168f5f !important;
    text-decoration: underline !important;
}

body.oh-client-area .oh-domain-register__available-badge,
body.oh-client-area .oh-domain-register .avia-sab {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: var(--oh-accent-soft) !important;
    color: var(--oh-accent-hover) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: left !important;
}

body.oh-client-area .oh-domain-register__available-card,
body.oh-client-area .oh-domain-register .domain-available .host-block {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border: 1px solid rgba(32, 188, 126, 0.28) !important;
    border-left: 4px solid var(--oh-accent) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--oh-text-strong) !important;
    box-shadow: 0 10px 28px rgba(32, 188, 126, 0.08) !important;
}

body.oh-client-area .oh-domain-register__available-main {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    flex: 1 1 220px;
}

body.oh-client-area .oh-domain-register__available-name,
body.oh-client-area .oh-domain-register__available-name strong,
body.oh-client-area .oh-domain-register .domain-available .host-block strong {
    color: var(--oh-text-strong) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    word-break: break-word;
    line-height: 1.2;
}

body.oh-client-area .oh-domain-register__available-price,
body.oh-client-area .oh-domain-register .domain-available .renw {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

body.oh-client-area .oh-domain-register .domain-available .renw .price,
body.oh-client-area .oh-domain-register__available-price .price {
    color: var(--oh-accent-hover) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

body.oh-client-area .oh-domain-register .domain-available .renw small,
body.oh-client-area .oh-domain-register__available-price small {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

body.oh-client-area .oh-domain-register__available-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

body.oh-client-area .oh-domain-register .btn-add-to-cart,
body.oh-client-area .oh-domain-register .cart-btn,
body.oh-client-area .oh-domain-register .cart-blue {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 11px 18px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--oh-accent) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 18px rgba(32, 188, 126, 0.22) !important;
    float: none !important;
}

body.oh-client-area .oh-domain-register .btn-add-to-cart:hover,
body.oh-client-area .oh-domain-register .cart-btn:hover {
    background: var(--oh-accent-hover) !important;
    color: #fff !important;
}

body.oh-client-area .oh-domain-register__contact,
body.oh-client-area .oh-domain-register .domain-contact-support {
    display: inline-flex;
    margin-top: 8px;
    border-radius: 12px !important;
    background: var(--oh-dark) !important;
    border: 0 !important;
    color: #fff !important;
}

body.oh-client-area .oh-domain-register .domain-contact-support.w-hidden,
body.oh-client-area .oh-domain-register .domain-contact-support[style*="display: none"] {
    display: none !important;
}

body.oh-client-area .oh-domain-register__spotlight {
    margin: 18px 0;
}

body.oh-client-area .oh-domain-register .domains-post-register,
body.oh-client-area .oh-domain-register .spotlight-tlds-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
}

body.oh-client-area .oh-domain-register__spot-card,
body.oh-client-area .oh-domain-register .col-host {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    border: 1px solid var(--oh-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(40, 43, 45, 0.05) !important;
    padding: 18px 14px !important;
    text-align: center;
}

body.oh-client-area .oh-domain-register .col-host .in-titel {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 800;
    color: var(--oh-text-strong);
}

body.oh-client-area .oh-domain-register .col-host .usd-price .price,
body.oh-client-area .oh-domain-register .col-host .available.price {
    color: var(--oh-accent-hover) !important;
    font-size: 16px;
    font-weight: 800;
}

body.oh-client-area .oh-domain-register__section-title,
body.oh-client-area .oh-domain-register .tld-title-4 {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--oh-text-strong) !important;
    background: transparent !important;
    border: 0 !important;
    text-align: left !important;
}

body.oh-client-area .oh-domain-register__suggestions {
    margin-top: 8px;
    padding: 18px;
    border: 1px solid var(--oh-border);
    border-radius: 14px;
    background: #fff;
}

body.oh-client-area .oh-domain-register__suggestion,
body.oh-client-area .oh-domain-register #domainSuggestions .domain-suggestion {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
    padding: 14px 16px !important;
    border: 1px solid var(--oh-border) !important;
    border-radius: 12px !important;
    background: #fbfcfd !important;
}

body.oh-client-area .oh-domain-register__suggestion:hover,
body.oh-client-area .oh-domain-register #domainSuggestions .domain-suggestion:hover {
    border-color: rgba(32, 188, 126, 0.35) !important;
    background: #fff !important;
}

body.oh-client-area .oh-domain-register__suggestion h3,
body.oh-client-area .oh-domain-register #domainSuggestions h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--oh-text-strong);
}

body.oh-client-area .oh-domain-register #domainSuggestions .price {
    color: var(--oh-accent-hover) !important;
    font-size: 15px;
    font-weight: 800;
}

body.oh-client-area .oh-domain-register__hint {
    margin: 12px 0 0;
    font-size: 13px;
    color: var(--oh-text);
}

/* Transfer page + transfer-eligible results */
body.oh-client-area .oh-domain-transfer__panel {
    padding: 20px 24px 24px;
    margin: 0;
    border: 1px solid var(--oh-border);
    border-top: none;
    border-radius: 0 0 var(--oh-radius) var(--oh-radius);
    background: var(--oh-surface);
    box-shadow: none;
    width: 100%;
    max-width: none;
}

body.oh-client-area .oh-domain-transfer__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

body.oh-client-area .oh-domain-transfer__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

body.oh-client-area .oh-domain-transfer__label {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #475569 !important;
    -webkit-text-fill-color: #475569 !important;
}

body.oh-client-area .oh-domain-transfer__field .input,
body.oh-client-area .oh-domain-transfer #inputTransferDomain,
body.oh-client-area .oh-domain-transfer #inputAuthCode {
    width: 100% !important;
    height: 48px !important;
    padding: 12px 14px !important;
    border: 1px solid var(--oh-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 600;
    color: var(--oh-text-strong) !important;
    -webkit-text-fill-color: var(--oh-text-strong) !important;
}

body.oh-client-area .oh-domain-transfer__field .input:focus,
body.oh-client-area .oh-domain-transfer #inputTransferDomain:focus,
body.oh-client-area .oh-domain-transfer #inputAuthCode:focus {
    border-color: rgba(32, 188, 126, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(32, 188, 126, 0.12) !important;
    outline: none;
}

body.oh-client-area .oh-domain-transfer__help {
    color: #64748b !important;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
}

body.oh-client-area .oh-domain-transfer__submit,
body.oh-client-area .oh-domain-transfer #btnTransferDomain {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    margin-top: 18px;
    padding: 12px 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--oh-accent) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    text-transform: none !important;
}

body.oh-client-area .oh-domain-transfer__note {
    margin: 14px 0 0;
    font-size: 12px;
    color: #94a3b8 !important;
}

body.oh-client-area .oh-domain-transfer__extend {
    margin-top: 8px !important;
}

body.oh-client-area .oh-domain-transfer #transferUnavailable,
body.oh-client-area .transfer-eligible,
body.oh-client-area .transfer-not-eligible {
    margin: 16px 0 0 !important;
    padding: 16px 18px !important;
    border-radius: 14px !important;
}

body.oh-client-area .transfer-eligible {
    border: 1px solid rgba(32, 188, 126, 0.28) !important;
    background: #f3faf7 !important;
    color: var(--oh-accent-hover) !important;
}

body.oh-client-area .transfer-eligible .host-block,
body.oh-client-area .transfer-eligible .domain-checker-available {
    background: transparent !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.oh-client-area .transfer-eligible .host-block strong,
body.oh-client-area .transfer-eligible #trnsfr_domainname {
    color: var(--oh-text-strong) !important;
}

body.oh-client-area .transfer-not-eligible {
    border: 1px solid #fecaca !important;
    background: #fff7f7 !important;
    color: #9f1239 !important;
}

body.oh-client-area .oh-domain-register__pricing {
    margin-top: 18px;
}

body.oh-client-area .oh-domain-register__pricing-card {
    border-radius: var(--oh-radius) !important;
}

body.oh-client-area .oh-domain-register__cartbar,
body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop,
body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop.right {
    position: fixed !important;
    left: var(--oh-sidebar-width, 295px) !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 1100 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px 16px !important;
    float: none !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none;
    box-sizing: border-box;
}

/* Stay in the content lane — never under left/right sidebars */
body.oh-client-area:has(#sidebar.active) .oh-domain-register__cartbar,
body.oh-client-area:has(#sidebar.active) #order-standard_cart.oh-domain-register #shoppingcartpop,
body.oh-client-area.oh-left-sidebar-collapsed .oh-domain-register__cartbar,
body.oh-client-area.oh-left-sidebar-collapsed #order-standard_cart.oh-domain-register #shoppingcartpop {
    left: var(--oh-sidebar-collapsed-width, 95px) !important;
}

body.oh-client-area:has(.defaultOwnhostSidebar:not(.sidebar-default)) .oh-domain-register__cartbar,
body.oh-client-area:has(.defaultOwnhostSidebar:not(.sidebar-default)) #order-standard_cart.oh-domain-register #shoppingcartpop,
body.oh-client-area.oh-right-sidebar-open .oh-domain-register__cartbar,
body.oh-client-area.oh-right-sidebar-open #order-standard_cart.oh-domain-register #shoppingcartpop {
    right: var(--oh-right-sidebar-width, 300px) !important;
}

@media (max-width: 991px) {
    body.oh-client-area .oh-domain-register__cartbar,
    body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop,
    body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop.right,
    body.oh-client-area:has(#sidebar.active) .oh-domain-register__cartbar,
    body.oh-client-area:has(#sidebar.active) #order-standard_cart.oh-domain-register #shoppingcartpop,
    body.oh-client-area.oh-left-sidebar-collapsed .oh-domain-register__cartbar,
    body.oh-client-area.oh-left-sidebar-collapsed #order-standard_cart.oh-domain-register #shoppingcartpop,
    body.oh-client-area:has(.defaultOwnhostSidebar:not(.sidebar-default)) .oh-domain-register__cartbar,
    body.oh-client-area:has(.defaultOwnhostSidebar:not(.sidebar-default)) #order-standard_cart.oh-domain-register #shoppingcartpop,
    body.oh-client-area.oh-right-sidebar-open .oh-domain-register__cartbar,
    body.oh-client-area.oh-right-sidebar-open #order-standard_cart.oh-domain-register #shoppingcartpop {
        left: 0 !important;
        right: 0 !important;
    }
}

body.oh-client-area .oh-domain-register__cartbar-inner,
body.oh-client-area .oh-domain-register__cartbar .cont-cart,
body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop .cont-cart {
    pointer-events: auto;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 18px;
    width: 100% !important;
    max-width: 1100px;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 14px 18px !important;
    border: 1px solid var(--oh-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--oh-text-strong) !important;
    box-shadow: 0 -4px 24px rgba(40, 43, 45, 0.12), 0 8px 24px rgba(40, 43, 45, 0.08) !important;
    text-align: left !important;
    right: auto !important;
    top: auto !important;
}

body.oh-client-area .oh-domain-register__cartbar-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.oh-client-area .oh-domain-register__cartbar-icon,
body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop .cont-cart > span,
body.oh-client-area .oh-domain-register__cartbar .cont-cart > span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 12px;
    background: var(--oh-accent-soft);
    color: var(--oh-accent) !important;
    font-size: 16px;
}

body.oh-client-area .oh-domain-register__cartbar-text,
body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop .cont-cart p,
body.oh-client-area .oh-domain-register__cartbar .cont-cart p {
    margin: 0 !important;
    color: var(--oh-text-strong) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35;
}

body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop .cont-cart p font,
body.oh-client-area .oh-domain-register__cartbar .cont-cart p font {
    color: var(--oh-accent-hover) !important;
    font-weight: 800 !important;
}

body.oh-client-area .oh-domain-register__cartbar-btn,
body.oh-client-area .oh-domain-register__cartbar .cart-btng,
body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop .cart-btng {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 44px;
    margin: 0 0 0 auto !important;
    padding: 11px 20px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--oh-accent) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    white-space: nowrap;
}

body.oh-client-area .oh-domain-register__cartbar-btn:hover,
body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop .cart-btng:hover {
    background: var(--oh-accent-hover) !important;
    color: #fff !important;
}

body.oh-client-area.oh-domain-cart-open {
    padding-bottom: 96px;
}

body.oh-client-area .oh-domain-register__pricing {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

body.oh-client-area .oh-domain-register__pricing-card {
    padding: 22px;
    border: 1px solid var(--oh-border);
    border-radius: var(--oh-radius);
    background: var(--oh-surface);
    box-shadow: var(--oh-shadow);
}

body.oh-client-area .oh-domain-register__filters,
body.oh-client-area .oh-domain-register .tld-filters.host-nav {
    display: none !important;
}

body.oh-client-area .oh-domain-register__table {
    width: 100%;
}

body.oh-client-area .oh-domain-register__grid {
    display: grid !important;
    grid-template-columns: minmax(120px, 1.2fr) repeat(3, minmax(0, 1fr));
    gap: 8px 12px;
    align-items: center;
    width: 100%;
    margin: 0 !important;
    float: none !important;
}

body.oh-client-area .oh-domain-register__grid--head {
    padding: 11px 16px;
    border-radius: var(--oh-radius-sm) var(--oh-radius-sm) 0 0;
    background: var(--oh-dark) !important;
    color: #fff !important;
    margin-bottom: 0 !important;
}

body.oh-client-area .oh-domain-register__rows {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--oh-border);
    border-top: 0;
    border-radius: 0 0 var(--oh-radius-sm) var(--oh-radius-sm);
    overflow: hidden;
    background: #fff;
}

body.oh-client-area .oh-domain-register__grid--row {
    padding: 12px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--oh-border) !important;
    border-radius: 0 !important;
    background: #fff !important;
}

body.oh-client-area .oh-domain-register__grid--row:nth-child(even) {
    background: #f8fafc !important;
}

body.oh-client-area .oh-domain-register__grid--row:last-child {
    border-bottom: 0 !important;
}

body.oh-client-area .oh-domain-register__grid--head .oh-domain-register__cell {
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

body.oh-client-area .oh-domain-register__grid--head .oh-domain-register__cell:first-child {
    text-align: left;
}

body.oh-client-area .oh-domain-register__grid--row[hidden] {
    display: none !important;
}

body.oh-client-area .oh-domain-register__grid--row.is-visible {
    display: grid !important;
    animation: ohTldFadeIn 0.22s ease;
}

@keyframes ohTldFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: none; }
}

body.oh-client-area .oh-domain-register__cell {
    min-width: 0;
    text-align: center;
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.oh-client-area .oh-domain-register__cell--tld {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.oh-client-area .oh-domain-register__cell--tld strong {
    font-size: 16px;
    font-weight: 800;
    color: var(--oh-text-strong);
}

body.oh-client-area .oh-domain-register__price {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--oh-text-strong);
}

body.oh-client-area .oh-domain-register__cell small {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: #94a3b8;
}

body.oh-client-area .oh-domain-register__loadmore {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 4px;
    padding: 0;
    color: var(--oh-accent);
    font-size: 16px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

body.oh-client-area .oh-domain-register__loadmore.is-visible {
    height: 48px;
    padding: 12px 0 4px;
    opacity: 1;
}

body.oh-client-area .oh-domain-register__loadmore:not(.is-visible) i {
    display: none;
}

body.oh-client-area .oh-domain-register .tld-sale-group {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--oh-accent-soft);
    color: var(--oh-accent-hover);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Kill legacy bootstrap floats inside new TLD list */
body.oh-client-area .oh-domain-register__table .row,
body.oh-client-area .oh-domain-register__table [class*="col-"] {
    float: none !important;
    width: auto !important;
    max-width: none !important;
}

@media (max-width: 767px) {
    body.oh-client-area .oh-domain-register__grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    body.oh-client-area .oh-domain-register__grid--head {
        display: none !important;
    }

    body.oh-client-area .oh-domain-register__cell--tld {
        grid-column: 1 / -1;
    }

    body.oh-client-area .oh-domain-register__cell:nth-child(2)::before {
        content: attr(data-label);
    }
}

body.oh-client-area .oh-domain-register__table-head,
body.oh-client-area .oh-domain-register .tld-pricing-header {
    margin: 0 0 8px !important;
    padding: 12px 14px !important;
    border-radius: var(--oh-radius-sm) !important;
    background: var(--oh-dark) !important;
    color: #fff !important;
}

body.oh-client-area .oh-domain-register__table-row,
body.oh-client-area .oh-domain-register .tld-row:not(.oh-domain-register__grid) {
    margin: 0 0 8px !important;
    padding: 12px 14px !important;
    border: 1px solid var(--oh-border) !important;
    border-radius: var(--oh-radius-sm) !important;
    background: #fff !important;
    align-items: center;
}

body.oh-client-area .oh-domain-register .tld-row:nth-child(even):not(.oh-domain-register__grid) {
    background: #f8fafc !important;
}

body.oh-client-area .oh-domain-register .tld-row strong {
    font-size: 15px;
    font-weight: 800;
    color: var(--oh-text-strong);
}

body.oh-client-area .oh-domain-register__promos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

body.oh-client-area .oh-domain-register__promo,
body.oh-client-area .oh-domain-register .domain-promo-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 !important;
    padding: 22px !important;
    border: 1px solid var(--oh-border) !important;
    border-radius: var(--oh-radius) !important;
    background: var(--oh-surface) !important;
    box-shadow: var(--oh-shadow) !important;
    float: none !important;
    width: auto !important;
}

body.oh-client-area .oh-domain-register__promo-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--oh-accent-soft);
    color: var(--oh-accent);
    font-size: 18px;
    margin-bottom: 4px;
}

body.oh-client-area .oh-domain-register__promo h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: var(--oh-text-strong);
}

body.oh-client-area .oh-domain-register__promo-lead {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--oh-accent-hover) !important;
}

body.oh-client-area .oh-domain-register__promo p {
    margin: 0;
    font-size: 14px;
    color: var(--oh-text);
    line-height: 1.5;
}

body.oh-client-area .oh-domain-register__promo .btn.wgs_custom-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 42px;
    margin-top: 8px;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: var(--oh-radius-sm) !important;
    background: linear-gradient(135deg, var(--oh-accent), var(--oh-accent-hover)) !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.oh-client-area .oh-domain-register__promo-note {
    font-size: 12px !important;
    color: #94a3b8 !important;
}

@media (max-width: 767px) {
    body.oh-client-area .oh-domain-register__pagehead.domains-head,
    body.oh-client-area .oh-domain-register__search,
    body.oh-client-area .oh-domain-transfer__panel {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.oh-client-area .oh-domain-register__pagehead h1 {
        font-size: 20px !important;
    }

    body.oh-client-area .oh-domain-register__search-row,
    body.oh-client-area .oh-domain-register #adv-search,
    body.oh-client-area .oh-domain-register .input-group-box {
        flex-wrap: wrap;
    }

    body.oh-client-area .oh-domain-register__input,
    body.oh-client-area .oh-domain-register #inputDomain.form-control {
        width: 100% !important;
        flex: 1 1 100%;
        border-radius: 12px 12px 0 0 !important;
    }

    body.oh-client-area .oh-domain-register__search-btn,
    body.oh-client-area .oh-domain-register__search-btn .btn,
    body.oh-client-area .oh-domain-register #btnCheckAvailability {
        width: 100% !important;
        border-radius: 0 0 12px 12px !important;
    }

    body.oh-client-area .oh-domain-transfer__fields {
        grid-template-columns: 1fr;
    }

    body.oh-client-area .oh-domain-register__cartbar,
    body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop {
        padding: 0 10px 10px !important;
    }

    body.oh-client-area .oh-domain-register__cartbar-inner,
    body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop .cont-cart {
        flex-direction: column;
        align-items: stretch;
        text-align: center !important;
    }

    body.oh-client-area .oh-domain-register__cartbar-meta {
        justify-content: center;
    }

    body.oh-client-area .oh-domain-register__cartbar-btn,
    body.oh-client-area #order-standard_cart.oh-domain-register #shoppingcartpop .cart-btng {
        margin-left: 0 !important;
        width: 100%;
    }

    body.oh-client-area .oh-domain-register__promos {
        grid-template-columns: 1fr;
    }
}

/* Responsive */
@media (max-width: 1199px) {
    body.oh-client-area #order-standard_cart .sm-gutter {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    body.oh-client-area #order-standard_cart .domains-post.slider,
    body.oh-client-area #order-standard_cart .oh-order__grid {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    body.oh-client-area #order-standard_cart .sm-gutter {
        grid-template-columns: 1fr !important;
    }

    body.oh-client-area #order-standard_cart .order-cart .order,
    body.oh-client-area #order-standard_cart .oh-order__title {
        font-size: 22px;
    }

    body.oh-client-area #order-standard_cart .oh-package-card__amount,
    body.oh-client-area #order-standard_cart .oh-package-card__amount.price,
    body.oh-client-area #order-standard_cart .generic_price_tag .price {
        font-size: 36px !important;
    }

    body.oh-client-area #order-standard_cart .regi-domain {
        padding: 0 !important;
    }

    body.oh-client-area #order-standard_cart .host-nav > ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
    }

    body.oh-client-area #order-standard_cart .host-nav li {
        flex: 0 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.oh-client-area #order-standard_cart .domains-post.slider,
    body.oh-client-area #order-standard_cart .oh-order__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1400px) {
    body.oh-client-area #order-standard_cart .domains-post.slider,
    body.oh-client-area #order-standard_cart .oh-order__grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

/* Domain config — “barındırma yok, eklemek için tıkla” matches danger buttons */
body.oh-client-area .sting-col a.cLick-btn,
body.oh-client-area .domain-configration .sting-col a.cLick-btn,
body.oh-client-area a.cLick-btn {
    display: inline-block !important;
    margin-left: 8px !important;
    padding: 8px 14px !important;
    max-width: none !important;
    left: auto !important;
    position: relative !important;
    background: #ef4444 !important;
    background-image: none !important;
    border: 1px solid #dc2626 !important;
    border-radius: var(--oh-radius-sm, 8px) !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.22) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-align: center;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.oh-client-area .sting-col a.cLick-btn:hover,
body.oh-client-area .sting-col a.cLick-btn:focus,
body.oh-client-area .domain-configration .sting-col a.cLick-btn:hover,
body.oh-client-area .domain-configration .sting-col a.cLick-btn:focus,
body.oh-client-area a.cLick-btn:hover,
body.oh-client-area a.cLick-btn:focus {
    background: #dc2626 !important;
    background-image: none !important;
    border-color: #b91c1c !important;
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(220, 38, 38, 0.28) !important;
}

/* Domain configure — page head + nameservers */
body.oh-client-area .oh-domain-config__pagehead.domains-head,
body.oh-client-area .domains-head.configur.oh-domain-config__pagehead {
    background: var(--oh-surface, #fff) !important;
    border: 1px solid var(--oh-border, #e5e7eb) !important;
    border-radius: var(--oh-radius, 12px) !important;
    box-shadow: var(--oh-shadow, 0 1px 2px rgba(40, 43, 45, 0.05), 0 4px 16px rgba(40, 43, 45, 0.06)) !important;
    padding: 22px 24px !important;
    margin: 0 0 20px !important;
    text-align: left !important;
}

body.oh-client-area .oh-domain-config__pagehead h1,
body.oh-client-area .oh-domain-config__pagehead h1:before {
    background: none !important;
    content: none !important;
}

body.oh-client-area .oh-domain-config__pagehead h1 {
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: var(--oh-text-strong, #282B2D) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

body.oh-client-area .oh-domain-config__pagehead h1 i {
    color: var(--oh-accent, #20bc7e);
    margin-right: 10px;
}

body.oh-client-area .oh-domain-config__subtitle,
body.oh-client-area .oh-domain-config__pagehead p {
    margin: 0 !important;
    color: var(--oh-text, #6b7280) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    text-align: left !important;
}

body.oh-client-area .oh-domain-config__body.page-spase {
    padding-top: 0 !important;
}

body.oh-client-area .oh-nameservers {
    margin: 28px 0 8px;
    padding: 22px 24px 24px;
    background: var(--oh-surface, #fff);
    border: 1px solid var(--oh-border, #e5e7eb);
    border-radius: var(--oh-radius, 12px);
    box-shadow: var(--oh-shadow, 0 1px 2px rgba(40, 43, 45, 0.05), 0 4px 16px rgba(40, 43, 45, 0.06));
}

body.oh-client-area .oh-nameservers__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 12px;
}

body.oh-client-area .oh-nameservers__icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--oh-accent-soft, rgba(32, 188, 126, 0.12));
    color: var(--oh-accent, #20bc7e);
    font-size: 18px;
}

body.oh-client-area .oh-nameservers__intro {
    min-width: 0;
    flex: 1 1 auto;
}

body.oh-client-area .oh-nameservers__title,
body.oh-client-area .oh-nameservers .Pers-titel {
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: var(--oh-text-strong, #282B2D) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    line-height: 1.3;
    text-align: left !important;
}

body.oh-client-area .oh-nameservers__desc {
    margin: 0 !important;
    color: var(--oh-text, #6b7280) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.55;
}

body.oh-client-area .oh-nameservers__hint {
    margin: 0 0 18px !important;
    padding: 10px 14px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid var(--oh-border, #e5e7eb);
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.45;
}

body.oh-client-area .oh-nameservers__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

body.oh-client-area .oh-nameservers__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    font-weight: 500;
}

body.oh-client-area .oh-nameservers__label {
    color: var(--oh-text-strong, #282B2D);
    font-size: 13px;
    font-weight: 700;
}

body.oh-client-area .oh-nameservers__label em {
    font-style: normal;
    font-weight: 500;
    color: #94a3b8;
}

body.oh-client-area .oh-nameservers__input,
body.oh-client-area .oh-nameservers input.input {
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    border: 1px solid var(--oh-field-border, #d1d5db) !important;
    border-radius: var(--oh-radius-sm, 8px) !important;
    background: var(--oh-field-bg, #f9fafb) !important;
    color: var(--oh-text-strong, #282B2D) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

body.oh-client-area .oh-nameservers__input:focus,
body.oh-client-area .oh-nameservers input.input:focus {
    outline: none !important;
    border-color: var(--oh-accent, #20bc7e) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(32, 188, 126, 0.18) !important;
}

body.oh-client-area .oh-domain-config__actions.btn-footer,
body.oh-client-area .oh-domain-config__actions.oh-domain-config__bar {
    position: fixed !important;
    left: var(--oh-sidebar-width, 295px) !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1100 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px 16px !important;
    float: none !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
    pointer-events: none;
    box-sizing: border-box;
}

body.oh-client-area:has(#sidebar.active) .oh-domain-config__actions.oh-domain-config__bar,
body.oh-client-area.oh-left-sidebar-collapsed .oh-domain-config__actions.oh-domain-config__bar {
    left: var(--oh-sidebar-collapsed-width, 95px) !important;
}

body.oh-client-area:has(.defaultOwnhostSidebar:not(.sidebar-default)) .oh-domain-config__actions.oh-domain-config__bar,
body.oh-client-area.oh-right-sidebar-open .oh-domain-config__actions.oh-domain-config__bar {
    right: var(--oh-right-sidebar-width, 300px) !important;
}

body.oh-client-area .oh-domain-config__bar-inner {
    pointer-events: auto;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 18px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 14px 18px;
    border: 1px solid var(--oh-border, #e5e7eb);
    border-radius: 14px;
    background: #fff;
    color: var(--oh-text-strong, #282B2D);
    box-shadow: 0 -4px 24px rgba(40, 43, 45, 0.12), 0 8px 24px rgba(40, 43, 45, 0.08);
}

body.oh-client-area .oh-domain-config__bar-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.oh-client-area .oh-domain-config__bar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--oh-accent-soft, rgba(32, 188, 126, 0.12));
    color: var(--oh-accent, #20bc7e);
    font-size: 16px;
}

body.oh-client-area .oh-domain-config__bar-text {
    margin: 0 !important;
    color: var(--oh-text-strong, #282B2D) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35;
}

body.oh-client-area .oh-domain-config__bar-btn,
body.oh-client-area .oh-domain-config__actions .oh-domain-config__bar-btn.btn-save {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 44px;
    margin: 0 0 0 auto !important;
    padding: 11px 20px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--oh-accent, #20bc7e) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    white-space: nowrap;
    float: none !important;
    width: auto !important;
}

body.oh-client-area .oh-domain-config__bar-btn:hover,
body.oh-client-area .oh-domain-config__bar-btn:focus {
    background: var(--oh-accent-hover, #1a9a66) !important;
    color: #fff !important;
}

body.oh-client-area:has(.oh-domain-config__bar) {
    padding-bottom: 96px;
}

@media (max-width: 991px) {
    body.oh-client-area .oh-domain-config__actions.oh-domain-config__bar,
    body.oh-client-area:has(#sidebar.active) .oh-domain-config__actions.oh-domain-config__bar,
    body.oh-client-area.oh-left-sidebar-collapsed .oh-domain-config__actions.oh-domain-config__bar,
    body.oh-client-area:has(.defaultOwnhostSidebar:not(.sidebar-default)) .oh-domain-config__actions.oh-domain-config__bar,
    body.oh-client-area.oh-right-sidebar-open .oh-domain-config__actions.oh-domain-config__bar {
        left: 0 !important;
        right: 0 !important;
    }
}

@media (max-width: 767px) {
    body.oh-client-area .oh-nameservers {
        padding: 18px 16px 20px;
    }

    body.oh-client-area .oh-nameservers__grid {
        grid-template-columns: 1fr;
    }

    body.oh-client-area .oh-domain-config__bar-inner {
        flex-direction: column;
        align-items: stretch;
    }

    body.oh-client-area .oh-domain-config__bar-btn,
    body.oh-client-area .oh-domain-config__actions .oh-domain-config__bar-btn.btn-save {
        width: 100% !important;
        margin: 0 !important;
    }
}

/* ============================================================
   Checkout — signup / purchase final step
   ============================================================ */

body.oh-client-area .oh-checkout-page .pur-titel,
body.oh-client-area #order-ownhost.oh-checkout-page .pur-titel {
    color: var(--oh-text-strong, #282B2D) !important;
    font-weight: 800 !important;
}

body.oh-client-area .oh-checkout-page .pur-titel i {
    color: var(--oh-accent, #20bc7e);
}

body.oh-client-area .oh-checkout .accout-left.oh-checkout__main,
body.oh-client-area #order-standard_cart.oh-checkout .accout-left {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.oh-client-area .oh-checkout-auth.full-sign {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 22px 22px 20px !important;
    border: 1px solid var(--oh-border, #e5e7eb) !important;
    border-radius: var(--oh-radius, 12px) !important;
    background: var(--oh-surface, #fff) !important;
    background-image: none !important;
    box-shadow: var(--oh-shadow, 0 1px 2px rgba(40, 43, 45, 0.05), 0 4px 16px rgba(40, 43, 45, 0.06)) !important;
}

body.oh-client-area .oh-checkout-auth__intro {
    margin-bottom: 16px;
}

body.oh-client-area .oh-checkout-auth__heading,
body.oh-client-area .oh-checkout-auth .sign-titel {
    margin: 0 0 6px !important;
    color: var(--oh-text-strong, #282B2D) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

body.oh-client-area .oh-checkout-auth__lead {
    margin: 0 !important;
    color: var(--oh-text, #6b7280) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5;
}

body.oh-client-area .oh-checkout-auth__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

body.oh-client-area .oh-checkout-auth__card,
body.oh-client-area .oh-checkout-auth .account-colam {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 18px 18px 16px !important;
    border: 1px solid var(--oh-border, #e5e7eb);
    border-radius: 12px;
    background: #f8fafc;
    text-align: left;
}

body.oh-client-area .oh-checkout-auth__card--login {
    background: #fff;
}

body.oh-client-area .oh-checkout-auth__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    border-radius: 12px;
    background: var(--oh-accent-soft, rgba(32, 188, 126, 0.12));
    color: var(--oh-accent, #20bc7e);
    font-size: 16px;
}

body.oh-client-area .oh-checkout-auth__card--login .oh-checkout-auth__icon {
    background: rgba(40, 43, 45, 0.08);
    color: var(--oh-text-strong, #282B2D);
}

body.oh-client-area .oh-checkout-auth__title,
body.oh-client-area .oh-checkout-auth .acct-box h3 {
    margin: 0 0 6px !important;
    color: var(--oh-text-strong, #282B2D) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3;
}

body.oh-client-area .oh-checkout-auth__text,
body.oh-client-area .oh-checkout-auth .acct-box p {
    margin: 0 0 14px !important;
    color: var(--oh-text, #6b7280) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.45;
    min-height: 2.9em;
}

body.oh-client-area .oh-checkout-auth__btn.crt-ntn,
body.oh-client-area .oh-checkout-auth .crt-ntn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--oh-accent, #20bc7e) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background 0.2s ease, transform 0.2s ease;
}

body.oh-client-area .oh-checkout-auth__btn.crt-ntn:hover,
body.oh-client-area .oh-checkout-auth .crt-ntn:hover {
    background: var(--oh-accent-hover, #1a9a66) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

body.oh-client-area .oh-checkout-auth__btn--secondary.crt-ntn,
body.oh-client-area .oh-checkout-auth .account-colam.have .crt-ntn {
    background: var(--oh-dark, #282B2D) !important;
    color: #fff !important;
}

body.oh-client-area .oh-checkout-auth__btn--secondary.crt-ntn:hover,
body.oh-client-area .oh-checkout-auth .account-colam.have .crt-ntn:hover {
    background: #1a1c1e !important;
    color: #fff !important;
}

body.oh-client-area .oh-checkout__panel.change-pass,
body.oh-client-area .oh-checkout .change-pass.account,
body.oh-client-area .oh-checkout .change-pass,
body.oh-client-area .oh-checkout .Payment-row.oh-checkout__panel,
body.oh-client-area .oh-checkout .marketing-email-optin.oh-checkout__panel,
body.oh-client-area .oh-checkout-page .change-pass.account,
body.oh-client-area .oh-checkout-page .change-pass {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 16px !important;
    padding: 18px 20px 8px !important;
    border: 1px solid var(--oh-border, #e5e7eb);
    border-radius: var(--oh-radius, 12px);
    background: var(--oh-surface, #fff);
    box-shadow: var(--oh-shadow, 0 1px 2px rgba(40, 43, 45, 0.05), 0 4px 16px rgba(40, 43, 45, 0.06));
    overflow: hidden;
    float: none !important;
}

body.oh-client-area .oh-checkout__section-title,
body.oh-client-area .oh-checkout .Pers-titel,
body.oh-client-area .oh-checkout .Payment-row h4 {
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: var(--oh-text-strong, #282B2D) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    line-height: 1.3;
    text-align: left !important;
    text-transform: none !important;
}

body.oh-client-area .oh-checkout__hint {
    margin: -6px 0 14px !important;
    color: var(--oh-text, #6b7280) !important;
    font-size: 13px !important;
}

body.oh-client-area .oh-checkout .inputBox {
    margin-bottom: 14px;
}

body.oh-client-area .oh-checkout .inputBox .input,
body.oh-client-area .oh-checkout .inputBox select.input,
body.oh-client-area .oh-checkout textarea.input {
    border: 1px solid var(--oh-field-border, #d1d5db) !important;
    border-radius: var(--oh-radius-sm, 8px) !important;
    background: var(--oh-field-bg, #f9fafb) !important;
    color: var(--oh-text-strong, #282B2D) !important;
    box-shadow: none !important;
}

body.oh-client-area .oh-checkout .inputBox .input:focus,
body.oh-client-area .oh-checkout .inputBox select.input:focus,
body.oh-client-area .oh-checkout textarea.input:focus {
    border-color: var(--oh-accent, #20bc7e) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(32, 188, 126, 0.16) !important;
}

body.oh-client-area .oh-checkout .inputBox .inputText {
    color: var(--oh-text, #6b7280) !important;
}

body.oh-client-area .oh-checkout__genpass.btn-save,
body.oh-client-area .oh-checkout button.generate-password {
    background: var(--oh-accent-soft, rgba(32, 188, 126, 0.12)) !important;
    border: 1px solid rgba(32, 188, 126, 0.28) !important;
    color: var(--oh-accent-hover, #1a9a66) !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.oh-client-area .oh-checkout__genpass.btn-save:hover {
    background: var(--oh-accent, #20bc7e) !important;
    border-color: var(--oh-accent, #20bc7e) !important;
    color: #fff !important;
}

body.oh-client-area .oh-checkout .pay-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin: 0 0 12px !important;
    padding: 0 !important;
    list-style: none;
}

body.oh-client-area .oh-checkout .pay-list li {
    margin: 0 !important;
    float: none !important;
    width: auto !important;
}

body.oh-client-area .oh-checkout .pay-list .card {
    min-height: 88px;
    padding: 14px 12px;
    border: 1px solid var(--oh-border, #e5e7eb);
    border-radius: 12px;
    background: #fff;
    text-align: center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.oh-client-area .oh-checkout .pay-list label:has(input:checked) .card,
body.oh-client-area .oh-checkout .pay-list li:has(input:checked) .card {
    border-color: var(--oh-accent, #20bc7e);
    box-shadow: 0 0 0 3px rgba(32, 188, 126, 0.14);
}

body.oh-client-area .oh-checkout__submit {
    margin: 8px 0 0;
    padding: 18px 20px;
    border: 1px solid var(--oh-border, #e5e7eb);
    border-radius: var(--oh-radius, 12px);
    background: var(--oh-surface, #fff);
    box-shadow: var(--oh-shadow, 0 1px 2px rgba(40, 43, 45, 0.05), 0 4px 16px rgba(40, 43, 45, 0.06));
    text-align: left !important;
}

body.oh-client-area .oh-checkout__tos {
    margin: 0 0 14px !important;
    color: var(--oh-text, #6b7280);
    font-size: 13px;
}

body.oh-client-area .oh-checkout__tos a {
    color: var(--oh-accent, #20bc7e) !important;
    font-weight: 700;
}

body.oh-client-area .oh-checkout__complete-btn.btn-save,
body.oh-client-area .oh-checkout #btnCompleteOrder {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 48px;
    margin: 0 !important;
    padding: 13px 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--oh-accent, #20bc7e) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 20px rgba(32, 188, 126, 0.22) !important;
    float: none !important;
}

body.oh-client-area .oh-checkout__complete-btn.btn-save:hover,
body.oh-client-area .oh-checkout #btnCompleteOrder:hover {
    background: var(--oh-accent-hover, #1a9a66) !important;
    color: #fff !important;
}

body.oh-client-area .oh-checkout .checkout-security-msg {
    margin-top: 14px;
    border-radius: 10px;
}

body.oh-client-area .oh-checkout-page .items-titel {
    color: var(--oh-text-strong, #282B2D) !important;
    font-weight: 800 !important;
}

/* Checkout: form left, cart summary right (total-bar nests inside #order-standard_cart) */
body.oh-client-area .oh-checkout-page .accout-row {
    display: block !important;
    width: 100% !important;
}

body.oh-client-area .oh-checkout-page .message-cont {
    width: 100%;
    margin-bottom: 12px;
}

body.oh-client-area .oh-checkout-page #order-standard_cart.oh-checkout,
body.oh-client-area .oh-checkout-page #order-standard_cart {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.85fr) !important;
    grid-template-areas: "main cart" !important;
    gap: 20px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.oh-client-area .oh-checkout-page #order-standard_cart > .col-md-7,
body.oh-client-area .oh-checkout-page #order-standard_cart .col-md-7.no-spase,
body.oh-client-area .oh-checkout-page .col-md-7.no-spase {
    grid-area: main !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
    border-right: 0 !important;
}

body.oh-client-area .oh-checkout-page #order-standard_cart > .total-bar,
body.oh-client-area .oh-checkout-page #order-standard_cart > .col-md-5.total-bar,
body.oh-client-area .oh-checkout-page .total-bar,
body.oh-client-area .oh-checkout-page .col-md-5.total-bar {
    grid-area: cart !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    position: sticky;
    top: calc(var(--oh-header-height, 81px) + 16px);
    align-self: start;
}

/* Empty cart: form + summary are direct siblings under .accout-row */
body.oh-client-area .oh-checkout-page .accout-row:has(> .col-md-7):has(> .total-bar) {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.85fr) !important;
    gap: 20px !important;
    align-items: start !important;
}

body.oh-client-area .oh-checkout-page .accout-row:has(> .col-md-7):has(> .total-bar) > .message-cont {
    grid-column: 1 / -1;
}

body.oh-client-area .oh-checkout-page .accout-row:has(> .col-md-7):has(> .total-bar) > .col-md-7 {
    grid-column: 1;
    width: 100% !important;
    float: none !important;
}

body.oh-client-area .oh-checkout-page .accout-row:has(> .col-md-7):has(> .total-bar) > .total-bar {
    grid-column: 2;
    grid-row: 2;
}

body.oh-client-area .oh-checkout-page .accout-right {
    margin-top: 0 !important;
    padding: 18px 18px 16px !important;
    border: 1px solid var(--oh-border, #e5e7eb);
    border-radius: var(--oh-radius, 12px);
    background: #fff;
    box-shadow: var(--oh-shadow, 0 1px 2px rgba(40, 43, 45, 0.05), 0 4px 16px rgba(40, 43, 45, 0.06));
}

/* Promo code row */
body.oh-client-area .oh-checkout-page .promocode_cont {
    display: block !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-promo {
    width: 100%;
}

body.oh-client-area .oh-checkout-page .oh-cart-promo__form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
}

body.oh-client-area .oh-checkout-page .oh-cart-promo__label {
    margin: 0;
    color: var(--oh-text, #6b7280);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

body.oh-client-area .oh-checkout-page .oh-cart-promo__row {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    float: none !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-promo__input,
body.oh-client-area .oh-checkout-page #inputPromotionCode.oh-cart-promo__input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid var(--oh-field-border, #d1d5db) !important;
    border-radius: 10px !important;
    background: var(--oh-field-bg, #f9fafb) !important;
    box-shadow: none !important;
    float: none !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-promo__btn,
body.oh-client-area .oh-checkout-page button.promocode-btn.oh-cart-promo__btn {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 96px;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--oh-accent, #20bc7e) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap;
    float: none !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-promo__btn:hover,
body.oh-client-area .oh-checkout-page button.promocode-btn.oh-cart-promo__btn:hover {
    background: #1aa86f !important;
    color: #fff !important;
}

/* Cart sidebar action buttons */
body.oh-client-area .oh-checkout-page .oh-cart-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
    float: none !important;
    clear: both !important;
}

body.oh-client-area .oh-checkout-page .empty-cart {
    float: none !important;
    margin: 0 !important;
    text-align: left !important;
    width: 100% !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-actions__btn,
body.oh-client-area .oh-checkout-page a#continueShopping,
body.oh-client-area .oh-checkout-page #continueShopping,
body.oh-client-area .oh-checkout-page button#btnEmptyCart,
body.oh-client-area .oh-checkout-page #btnEmptyCart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    float: none !important;
    clear: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-actions__btn--continue,
body.oh-client-area .oh-checkout-page a#continueShopping,
body.oh-client-area .oh-checkout-page #continueShopping {
    background: #fff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #282B2D !important;
    -webkit-text-fill-color: #282B2D !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-actions__btn--continue:hover,
body.oh-client-area .oh-checkout-page a#continueShopping:hover,
body.oh-client-area .oh-checkout-page #continueShopping:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #282B2D !important;
    -webkit-text-fill-color: #282B2D !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-actions__btn--empty,
body.oh-client-area .oh-checkout-page button#btnEmptyCart,
body.oh-client-area .oh-checkout-page #btnEmptyCart {
    background: var(--oh-accent, #20bc7e) !important;
    border: 1.5px solid var(--oh-accent, #20bc7e) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-actions__btn--empty:hover,
body.oh-client-area .oh-checkout-page button#btnEmptyCart:hover,
body.oh-client-area .oh-checkout-page #btnEmptyCart:hover {
    background: #1aa86f !important;
    border-color: #1aa86f !important;
    color: #fff !important;
}

body.oh-client-area .oh-checkout-page .oh-cart-promo__input,
body.oh-client-area .oh-checkout-page #inputPromotionCode.oh-cart-promo__input,
body.oh-client-area .oh-checkout-page .oh-cart-promo__btn,
body.oh-client-area .oh-checkout-page button.promocode-btn.oh-cart-promo__btn {
    box-sizing: border-box !important;
}

@media (max-width: 480px) {
    body.oh-client-area .oh-checkout-page .oh-cart-promo__row {
        flex-direction: column !important;
    }

    body.oh-client-area .oh-checkout-page .oh-cart-promo__btn {
        width: 100% !important;
    }
}

/* Password generate modal */
body.oh-client-area #modalGeneratePassword .modal-content {
    border: 0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(40, 43, 45, 0.22);
}

body.oh-client-area #modalGeneratePassword .modal-header.panel-heading {
    background: var(--oh-dark, #282B2D) !important;
    border: 0;
    color: #fff;
    padding: 16px 18px;
}

body.oh-client-area #modalGeneratePassword .modal-title {
    color: #fff !important;
    font-weight: 700;
}

body.oh-client-area #modalGeneratePassword .close {
    color: #fff;
    opacity: 0.85;
    text-shadow: none;
}

body.oh-client-area #modalGeneratePassword .modal-body {
    padding: 18px 20px 8px;
}

body.oh-client-area #modalGeneratePassword .form-control,
body.oh-client-area #modalGeneratePassword .p-inp {
    min-height: 44px;
    border-radius: 10px !important;
    border: 1px solid var(--oh-field-border, #d1d5db) !important;
    box-shadow: none !important;
}

body.oh-client-area #modalGeneratePassword .modal-footer {
    border-top: 1px solid var(--oh-border, #e5e7eb);
    padding: 14px 18px;
}

body.oh-client-area #modalGeneratePassword #btnGeneratePasswordInsert {
    background: var(--oh-accent, #20bc7e) !important;
    border-color: var(--oh-accent, #20bc7e) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}

@media (max-width: 991px) {
    body.oh-client-area .oh-checkout-page #order-standard_cart.oh-checkout,
    body.oh-client-area .oh-checkout-page #order-standard_cart,
    body.oh-client-area .oh-checkout-page .accout-row:has(> .col-md-7):has(> .total-bar) {
        grid-template-columns: 1fr !important;
        grid-template-areas: "main" "cart" !important;
    }

    body.oh-client-area .oh-checkout-page #order-standard_cart > .total-bar,
    body.oh-client-area .oh-checkout-page #order-standard_cart > .col-md-5.total-bar,
    body.oh-client-area .oh-checkout-page .total-bar,
    body.oh-client-area .oh-checkout-page .col-md-5.total-bar {
        grid-area: cart !important;
        position: static;
    }

    body.oh-client-area .oh-checkout-page .accout-row:has(> .col-md-7):has(> .total-bar) > .total-bar {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 767px) {
    body.oh-client-area .oh-checkout-auth__cards {
        grid-template-columns: 1fr;
    }

    body.oh-client-area .oh-checkout-auth.full-sign {
        padding: 16px !important;
    }

    body.oh-client-area .oh-checkout__grid,
    body.oh-client-area .oh-checkout-type {
        grid-template-columns: 1fr !important;
    }
}


body.oh-client-area .oh-checkout__panel--personal {
    z-index: 5;
}

body.oh-client-area .oh-checkout__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 18px !important;
    margin: 0 0 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

body.oh-client-area .oh-checkout__field {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

body.oh-client-area .oh-checkout__field--wide,
body.oh-client-area .oh-checkout__field--phone,
body.oh-client-area .oh-checkout__field--company,
body.oh-client-area .oh-checkout__field--tax,
body.oh-client-area .oh-checkout__field--select {
    grid-column: 1 / -1 !important;
}

body.oh-client-area .oh-checkout__label {
    margin: 0;
    color: var(--oh-text-strong, #282B2D);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

body.oh-client-area .oh-checkout__control,
body.oh-client-area .oh-checkout__control-wrap .input,
body.oh-client-area .oh-checkout__control-wrap select,
body.oh-client-area .oh-checkout__field select.input,
body.oh-client-area .oh-checkout__field input.input,
body.oh-client-area .oh-checkout__field input.oh-checkout__control,
body.oh-client-area .oh-checkout #inputFirstName,
body.oh-client-area .oh-checkout #inputLastName,
body.oh-client-area .oh-checkout #inputEmail,
body.oh-client-area .oh-checkout #inputPhone,
body.oh-client-area .oh-checkout #inputCompanyName,
body.oh-client-area .oh-checkout #inputAddress1,
body.oh-client-area .oh-checkout #inputAddress2,
body.oh-client-area .oh-checkout #inputCity,
body.oh-client-area .oh-checkout #inputState,
body.oh-client-area .oh-checkout #inputPostcode,
body.oh-client-area .oh-checkout #inputCountry,
body.oh-client-area .oh-checkout #inputTaxId,
body.oh-client-area .oh-checkout #inputNewPassword1,
body.oh-client-area .oh-checkout #inputNewPassword2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid var(--oh-field-border, #d1d5db) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--oh-text-strong, #282B2D) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.oh-client-area .oh-checkout__control:focus,
body.oh-client-area .oh-checkout__field input.input:focus,
body.oh-client-area .oh-checkout__field select.input:focus,
body.oh-client-area .oh-checkout #inputFirstName:focus,
body.oh-client-area .oh-checkout #inputEmail:focus,
body.oh-client-area .oh-checkout #inputPhone:focus {
    border-color: var(--oh-accent, #20bc7e) !important;
    box-shadow: 0 0 0 3px rgba(32, 188, 126, 0.16) !important;
    outline: none !important;
}

body.oh-client-area .oh-checkout__field-help {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.4;
}

body.oh-client-area .oh-checkout__phone-wrap,
body.oh-client-area .oh-checkout__field--phone,
body.oh-client-area .oh-checkout__field--phone .inputBox,
body.oh-client-area .oh-checkout__field--phone .intl-tel-input,
body.oh-client-area .oh-checkout .form-colam > [class*="col-"]:has(#inputPhone),
body.oh-client-area .oh-checkout [class*="col-"]:has(#inputPhone) {
    position: relative !important;
    z-index: 30 !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
}

body.oh-client-area .oh-checkout__field--phone .intl-tel-input {
    display: block !important;
    width: 100% !important;
}

body.oh-client-area .oh-checkout__field--phone .intl-tel-input input,
body.oh-client-area .oh-checkout__field--phone #inputPhone,
body.oh-client-area .oh-checkout #inputPhone {
    width: 100% !important;
    max-width: none !important;
}

body.oh-client-area .oh-checkout__field--phone .intl-tel-input .country-list {
    z-index: 9999 !important;
    max-height: 240px;
    overflow-y: auto;
}

body.oh-client-area .oh-checkout-type {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 4px;
    width: 100%;
}

body.oh-client-area .oh-checkout-type__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 12px 16px;
    border: 1px solid var(--oh-border, #e5e7eb);
    border-radius: 12px;
    background: #fff;
    color: var(--oh-text-strong, #282B2D);
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

body.oh-client-area .oh-checkout-type__btn i {
    color: var(--oh-accent, #20bc7e);
}

body.oh-client-area .oh-checkout-type__btn:hover {
    border-color: rgba(32, 188, 126, 0.45);
}

body.oh-client-area .oh-checkout-type__btn.is-active {
    border-color: var(--oh-accent, #20bc7e);
    background: var(--oh-accent-soft, rgba(32, 188, 126, 0.12));
    box-shadow: 0 0 0 3px rgba(32, 188, 126, 0.14);
    color: var(--oh-accent-hover, #1a9a66);
}

body.oh-client-area .oh-checkout__genpass-wrap {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin: 0 !important;
}

body.oh-client-area .oh-checkout__genpass,
body.oh-client-area #ohGenerateCheckoutPassword {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 180px;
    min-height: 44px;
    margin: 0 !important;
    padding: 11px 18px !important;
    border: 1px solid rgba(32, 188, 126, 0.28) !important;
    border-radius: 10px !important;
    background: var(--oh-accent-soft, rgba(32, 188, 126, 0.12)) !important;
    color: var(--oh-accent-hover, #1a9a66) !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    float: none !important;
    box-shadow: none !important;
}

body.oh-client-area .oh-checkout__genpass:hover,
body.oh-client-area #ohGenerateCheckoutPassword:hover {
    background: var(--oh-accent, #20bc7e) !important;
    border-color: var(--oh-accent, #20bc7e) !important;
    color: #fff !important;
}

body.oh-client-area .oh-checkout__genpass-hint {
    color: var(--oh-accent-hover, #1a9a66);
    font-size: 12px;
    font-weight: 600;
}

body.oh-client-area .oh-checkout__pw-meter {
    height: 8px;
    margin: 0;
    border-radius: 999px;
    overflow: hidden;
    background: #e5e7eb;
}

body.oh-client-area .oh-checkout__check label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-weight: 600;
    color: var(--oh-text-strong, #282B2D);
}

body.oh-client-area .oh-checkout__panel--extra .oh-checkout__control-wrap {
    margin: 0;
}

body.oh-client-area .oh-checkout__panel--extra .oh-checkout__control-wrap .inputText {
    display: none !important;
}

@media (max-width: 767px) {
    body.oh-client-area .oh-checkout__grid,
    body.oh-client-area .oh-checkout-type {
        grid-template-columns: 1fr !important;
    }
}