/* Custom styles for Domains landing page */

/* ===================================
   ROOT VARIABLES & GLOBAL STYLES
   =================================== */
:root {
    --section-divider-top-lg: 110px;
    --section-divider-top-sm: 65px;
    --sub-title-font-size-xxxl: 54px;
    --sub-title-font-size-xxl: 50px;
    --sub-title-font-size-xl: 46px;
    --sub-title-font-size-lg: 44px;
    --sub-title-font-size-md: 40px;
    --sub-title-font-size-sm: 30px;
    --item-title-font-size-xxxl: 40px;
    --item-title-font-size-xxl: 36px;
    --item-title-font-size-xl: 32px;
    --item-title-font-size-lg: 28px;
    --item-title-font-size-md: 24px;
    --item-title-font-size-sm: 22px;
    --find-domain-bg-color: #e42527
}

.zw-product-header {
    background: #052614;
}

.zwph-white .menu>li>a img {
    filter: brightness(0) saturate(100%) invert(100%);
}

.zwd-cart-details:hover .zwd-carted-number-wrap.zwc-active-cart-list,.zwd-details:hover .zwd-carted-number-wrap.zwc-active-cart-list {
    display: block
}

/* ===================================
   UTILITY COMPONENTS
   =================================== */
.zer-pre-eicon img {
    display: none
}

.zwc-main-domain-search {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.zwc-cart-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top: 2px solid #333;
    border-radius: 50%;
    animation: zwcSpin .6s linear infinite;
    vertical-align: middle
}

@keyframes zwcSpin {
    to {
        transform: rotate(360deg)
    }
}

/* ===================================
   FIXED HEADER SECTION
   =================================== */
.zwc-fixed-header-wrapper {
    background-color: #fff;
    box-shadow: 0 0 2px #000;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
    top: 0;
    /* padding-top: 20px;
    padding-bottom: 20px; */
}

.fixed {
    top: 0;
    opacity: 1;
    visibility: visible
}

.zwc-fixed-header-wrapper>div {
    /* padding: 20px 0 0 */
}

.zwe-sticky-wrap {
    text-align: center;
}

.zwe-sticky-wrap form{
      display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-fixed-cmn {
    padding: 12px 20px;
    border: 0;
    max-width: 215px;
    font-family: var(--zf-secondary-semibold);
    margin: 0 5px 0 0px;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    min-height: 50px;
    border-radius: 0 30px 30px 0;
}

#zwc-search-fixed {
    width: 50%;
    padding: 13px 20px;
    margin-right: 0px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    color: #000;
    min-height: 50px;
    border-radius: 30px 0 0 30px;
}

#zwc-search-fixed::placeholder {
    color: #bfbfbf;
    font-size: 16px
}

#fixed-find-domain {
    background-color: #1E7720;
    color: #fff
}

#fixed-transfer-domain {
    background-color: transparent;
    border: 1px solid #000
}

input#zwc-search-fixed {
    outline: 0;
    box-shadow: none;
    padding-right: 30px
}

#zwc-search-fixed.error-block {
    border: 1px solid red;
    box-shadow: 0 0 3px red
}

.zwe-top-cart {
    margin-left: 20px;
    color: #000;
    /* padding-bottom: 4px; */
    font-size: 14px;
    display: inline-grid;
    align-items: center;
    grid-auto-flow: column;
    padding: 30px 0;
}

.zwd-details {
    display: inline-block;
    /* padding-bottom: 30px; */
    line-height: 0;
}

.zwd-cart-details {
    position: relative
}

.zwd-carted-number-wrap {
    display: none;
    position: absolute;
    position: absolute;
    top: 100%;
    background: #dff3b6;
    right: -70%;
    box-shadow: 0 0 2px #000;
    min-width: 350px;
    width: 80%;
    z-index: 9999;
    padding: 15px;
    background: #fff;
    right: 0;
    max-width: 400px;
    padding: 15px;
    background: #fff;
    text-align: left;
color:#000;
}

.zwd-cart-details:hover .zwd-carted-number-wrap.zwc-active-cart-list, .zwd-details:hover .zwd-carted-number-wrap.zwc-active-cart-list {
    display: block
}

.zwd-carted-items-display-wrap {
    height: max-content;
    overflow-y: scroll;
    max-height: 400px
}

.zwd-cart-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #b9b9b9;
    padding: 12px 15px;
}

.zwd-cart-domain-name>p, .zwd-cart-domain-price>p {
    margin-bottom: 0;
    font-family: var(--secondaryfont-bold)
}

.zwd-cart-domain-name>p {
    max-width: 200px;
    word-wrap: break-word;
    min-width: 200px
}

.zwd-cart-domain-price>p {
    min-width: 100px;
    max-width: 200px
}

.zwd-checkout-wrapper {
    text-align: center;
    margin-bottom: 25px
}

.zwd-checkout-wrapper>button {
    width: 90%;
    margin-top: 30px;
    background: #000;
    color: #fff;
    padding: 14px 0;
    border: 0;
    font-family: var(--secondaryfont-semibold);
    cursor: pointer
}

.zwd-more-cart-items {
    font-family: var(--secondaryfont-bold)
}

.zwd-desc-text1 {
    max-width: 220px
}

/* ===================================
   HERO BANNER SECTION
   =================================== */
.zwc-hero-banner {
    background: #052614;
    color: white;
    padding: 80px 0 60px;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.zwc-hero-content {
    max-width: 975px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 92px;
}

.zwc-hero-content-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.zwc-hero-content-box h1 {
    font-family: var(--primaryfont-bold);
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -1.44px;
    color: #dff2b6;
    margin: 0;
    max-width: 685px;
}

.zwc-hero-content-box p {
    font-family: var(--primaryfont-regular);
    font-size: 18px;
    line-height: 28px;
    color: white;
    margin: 0;
    max-width: 785px;
}

.zwc-hero-search {
    width: 100%;
    max-width: 875px;
    margin-top: 20px;
    border: 5px solid rgba(255, 255, 255, .15);
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.zwc-hero-search.error-block-wrap{
 border-color:rgba(255,0,0,.8);
}

.zwc-hero-search-form {
    background: white;
    border-radius: 50px;
    /* border: 10px solid rgba(255, 255, 255, 0.1); */
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* height: 89px; */
    /* box-shadow: 0px 0 0 5px rgba(255, 255, 255, .15); */
}

.hero-search-active .zwc-hero-search-form {
    /* border-bottom-right-radius: 0;
    border-bottom-left-radius: 0px; */
    border-radius: 45px 45px 0px 0px;
}

.zwc-hero-search-form input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 20px 48px 20px 25px;
    color: #052614;
    /* opacity: 0.4; */
    font-family: var(--primaryfont-medium);
    letter-spacing: -0.32px;
    border-radius: 10px;
}

.zwc-hero-search-form input::placeholder {
    color: #052614;
    opacity: 0.4;
}

.zwc-hero-search-btn {
    background: #1E7720;
    border: none;
    border-radius: 50px;
    color: white;
    font-family: var(--primaryfont-semibold);
    font-size: 16px;
    padding: 20px 21px;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    width: 223px;
    height: 63px;
    justify-content: center;
}

.zwc-search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.zwc-search-icon::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url('/sites/zweb/images/domains/com-domain/site-sprite-icon.svg');
    background-size: 68px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.already-added-cart-info {
    color: #000;
    margin-top: 5px;
    font-size: 14px;
    color: #1e7720;
    text-align: left;
    font-family: var(--zf-secondary-semibold);
}

.zwc-hero-search .zwc-available-render-wrap {
    background: #fff;
    width: 100%;
    padding: 15px 15px 15px 15px;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;
    display: none;
}

.zwc-available-render-wrap {
    max-width: 1125px;
    margin: 0 auto;
    width: 90%
}

.zwc-cart-area {
    max-width: 1025px;
    display: none;
    /* margin-bottom: 45px */
}

.zwc-exact-match-domains {
    /* display: none; */
    background: #FFE1E1;
    margin: 0 auto;
    text-align: center;
    padding: 30px 45px 25px 45px;
    border-radius: 30px;
}

.zwc-hero-search .zwc-exact-match-domains {
    padding: 25px 45px 25px 45px;
}

.zwc-exact-match-domains .zwc-exact-match-label {
    display: inline-block;
    max-width: max-content;
    background: #56D257;
    color: #000;
    padding: 8px 20px 8px 20px;
    border-radius: 25px;
    font-size: 12px;
    margin-bottom: 0;
}

.zwc-exact-match-roller-wrap {
    position: relative;
    width: fit-content;
    margin-bottom: 10px;
}

span#roller {
    position: absolute;
    left: -15%;
    height: 90%;
    width: 60%;
    background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.4), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
    top: 5%;
    animation: loading 3.5s infinite;
    z-index: 45;
    opacity: .5
}

@keyframes loading {
    0% {
        left: -25%
    }

    100% {
        left: 50%
    }
}

.zwc-exact-match-block {
    display: flex;
    justify-content: space-around
}

.zwc-exact-match-block.domain-listing-list {
    /* display: none; */
    flex-direction: row;
    gap: 20px;
    padding: 0;
    align-items: flex-start;
    text-align: left;
    background-color: transparent;
    color: #000000;
    align-items: center;
    border-bottom: 0;
    margin: 0;
    border: none;
}

.zwc-exact-match-block .domain-names p {
    font-size: 36px;
    font-family: var(--zf-secondary-bold);
    color: #000;
}

.zwc-exact-match-block .domain-detail .domain-pricing>p {
    font-size: 30px;
    font-family: var(--zf-secondary-medium);
    color: #000;
    letter-spacing: -0.6px;
    text-align: left;
    line-height: 1.2;
}

.zwc-exact-match-block .domain-names.no-exact-domain-available>p {
    font-size: 26px;
    max-width: initial
}

.zwc-exact-match-block .domain-names.no-exact-domain-available .zwc-exact-match-label {
    background: #FD6C6E;
}

.zwc-exact-match-domains {}

.no-exact-domain-available {
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}

.no-exact-domain-available .zwc-exact-match-label {
    background: #fd6c6e;
}

.no-exact-domain-available p {
    font-size: 28px;
    max-width: initial;
    font-family: var(--zf-secondary-bold);
    color: #000;
    margin-bottom: 0;
    margin-top: 15px;
}

.zwd-other-tlds-wrap {
    display: none;
    margin-top: 30px;
}

.zwd-other-tlds-wrap .other-tld-title {
    font-family: var(--primaryfont-semibold);
    color: #000;
    font-size: 14px;
    text-align: left;
    padding: 0 45px;
}

.zwc-domain-listing-wrapper {
    max-width: 1025px;
    width: 100%;
}

.zwc-hero-search .zwc-domain-listing-wrapper{
    max-height: 440px;
    overflow-y: auto; /* Changed from scroll to auto - better UX */
    /* max-width: 735px; */
    margin-left: auto;
    margin-right: auto;
    scrollbar-width: thin; /* For Firefox */
    /* padding-top: 2px; */
    padding: 2px 45px 0px;
}

/* Webkit scrollbar styling for better mobile experience */
.zwc-hero-search .zwc-domain-listing-wrapper::-webkit-scrollbar {
    width: 6px;
}

.zwc-hero-search .zwc-domain-listing-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.zwc-hero-search .zwc-domain-listing-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.zwc-hero-search .zwc-domain-listing-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.domain-listing-list {
    display: flex;
    align-items: center;
    border: 1px solid #e8f3ea;
    padding: 15px 15px;
    gap: 50px;
    transition: all 0.3s ease;
    border-radius: 8px;
    margin-bottom: 0px;
    background: #ffffff;
    min-height: 60px;
    /* overflow: hidden; */
    position: relative;
    justify-content: space-between;
}
.domain-listing-list + .domain-listing-list{
    margin-top: 10px;
}

.domain-listing-list:hover {
    /* background: #f8fffe; */
    /* box-shadow: 0 2px 8px rgba(4, 122, 58, 0.08);
    border-bottom-color: rgba(4, 122, 58, 0.2); */
    /* transform: translateY(-1px); */
}

.domain-listing-list:last-child{
  /* border-bottom: none; */
}

.domain-names {
    min-width: 280px;
    max-width: 420px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    flex: 1;
    line-height: 1.3;
}

.domain-names > p {
    font-family: var(--primaryfont-semibold);
    font-size: 18px;
    line-height: 1.4;
    color: #052614;
    margin: 0;
    letter-spacing: -0.2px;
}

.domain-names .sub-domain {
    /* color: #059669; */
    font-family: var(--primaryfont-bold);
    font-size: 0.95em;
    opacity: 0.9;
}

.domain-names.no-exact-domain-available {
    max-width: 600px;

}

.domain-names p>span {
    /* color: #1b884e; */
    display: inline-block
}

.domain-names>p, .domain-pricing>p {
    margin-bottom: 0
}

.domain-names>p, .domain-pricing>p {
    font-family: var(--zf-secondary-medium)
}

.zwc-domain-listing-wrapper p {
    color: #000;
    font-size: 28px;
    font-family: var(--zf-secondary-bold);
    color: #000;
    text-align: left;
}

.zwc-domain-listing-wrapper .domain-pricing p {
    font-size: 24px;
}

.domain-names>p {
    /* font-size: 24px;
    font-family: var(--zf-secondary-bold);
    color: #000; */
}

.zwc-hero-search .domain-pricing>p {
    color: #000;
    font-size: 20px;
    font-family: var(--zf-secondary-bold);
    text-align: right;
}

.domain-detail {
    display: flex;
    gap: 0px;
    align-items: flex-start;
    flex-direction: column;
}

.zwc-domain-listing-wrapper .domain-detail {
    flex-direction: row;
    text-align: right;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.domain-pricing {
    min-width: 140px;
    /* font-size: 30px; */
    margin-bottom: 15px;
    flex-shrink: 0;
}

.zwc-domain-listing-wrapper .domain-pricing > p {
    font-family: var(--primaryfont-bold);
    font-size: 24px;
    /* color: #1E7720; */
    margin: 0;
    text-align: center;
    /* letter-spacing: -0.3px; */
    /* background: linear-gradient(135deg, rgba(4, 122, 58, 0.1) 0%, rgba(4, 122, 58, 0.05) 100%); */
    padding: 12px 0px;
    border-radius: 8px;
    display: inline-block;
    /* border: 1px solid rgba(4, 122, 58, 0.15); */
    /* box-shadow: 0 1px 3px rgba(4, 122, 58, 0.1); */
    min-width: 100px;
    white-space: nowrap;
}

.zwc-domain-listing-wrapper .domain-detail .domain-pricing {
    margin-bottom: 0;
    /* margin-right: 15px; */
}

.domain-cta-action {
    display: flex;
    align-items: center;
    gap: 15px;
}

.domain-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1E7720;
    min-width: 155px;
    text-align: center;
    padding: 12px 24px;
    color: #1E7720;
    font-size: 16px;
    /* font-family: var(--primaryfont-bold); */
    border-radius: 25px;
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(4, 122, 58, 0.15);
    text-decoration: none;
    /* line-height: 1; */
    height: 50px;
    gap: 5px;
}

.domain-cta span.cart-plus-icon {
    width: 16px;
    height: 16px;
    position: relative;
    transition: transform 0.3s ease;
    display: grid;
    align-items: center;
    justify-items: center;
}

.domain-cta span.cart-plus-icon:before, .domain-cta span.cart-plus-icon:after {
    content: '';
    position: absolute;
    background: #1E7720;
    transition: transform 0.3s ease;
}

.domain-cta span.cart-plus-icon:before {
    content: "";
    width: 14px;
    height: 2px;
}

.domain-cta span.cart-plus-icon:after {
    width: 2px;
    height: 14px;
}


.zwc-hero-search .zwc-domain-listing-wrapper .domain-cta a {
    min-width: 140px;
    /* padding: 10px 0px 10px 20px; */
}

.domain-cta a.carted-domain {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    font-size: 16px;
    font-family: var(--primaryfont-bold);
    border-color: #059669;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.zwc-exact-match-block .domain-detail .domain-cta>a {
    color: #1E7720;
    border: 1px solid #1E7720;
    background: none;
}

.zwc-exact-match-block .domain-detail .domain-cta>a.carted-domain {
    background: #1e7720;
    color: #fff;
}

.domain-cta a:hover:not(.carted-domain) {
    background: linear-gradient(135deg, #1E7720 0%, #059645 100%);
    color: white;
    border-color: #1E7720;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(4, 122, 58, 0.25);
    transition: all 0.3s ease;
}

.domain-cta a:hover:not(.carted-domain) span.cart-plus-icon:before, .domain-cta a:hover:not(.carted-domain) span.cart-plus-icon:after{
    background: #ffffff;
}

.domain-cta-remove, .domain-cta {
    min-width: 40px;
}

.exact-domain-cta-remove {
    display: none
}

.domain-cta-remove{
    display: none;
}

.domain-cta-remove a {
    /* display: none; */
    /* width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    border: 1px solid #d1d5db;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    line-height: 0; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff3433;
    min-width: 140px;
    text-align: center;
    padding: 12px 24px;
    color: #ff3433;
    font-size: 16px;
    /* font-family: var(--primaryfont-bold); */
    border-radius: 25px;
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(4, 122, 58, 0.15);
    text-decoration: none;
    line-height: 1;
    height: 50px;
    gap: 5px;
}

.domain-cta-remove a img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(45%) saturate(7040%) hue-rotate(341deg) brightness(106%) contrast(89%);
    transition: all 0.3s ease;
}

.domain-cta-remove a:hover {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    border-color: #f87171;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.2);
}

.domain-cta-remove a:hover img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(76%) saturate(1945%) hue-rotate(347deg) brightness(89%) contrast(95%);
}

.domain-cta-remove a.carted {
    display: inline-flex
}

span.domain-plus-icon {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    margin-top: 4px;
    left: 25px;
}

.zwc-is-cart-added {}

.zwc-is-cart-added .domain-cta {
    display: none;
}

.zwc-is-cart-added .domain-cta-remove {
    display: block;
}

.zwc-exact-match-block .domain-detail .domain-cta>a span.domain-plus-icon:before {
    content: "";
}

.zwc-exact-match-block .domain-detail .domain-cta>a span.domain-plus-icon:after {
    content: "";
}

span.domain-plus-icon::before, span.domain-plus-icon::after {
    content: '';
    position: absolute;
    background: #1E7720;
    transition: transform 0.3s ease;
}

span.domain-plus-icon::before {
    top: 7px;
    left: 2px;
    width: 12px;
    height: 2px;
}

span.domain-plus-icon::after {
    top: 2px;
    left: 7px;
    width: 2px;
    height: 12px;
}

/* ===================================
   DOMAIN SEARCH PLACEHOLDER LOADER
   =================================== */
.zwc-domain-search-placeholder {
    display: none;
    padding: 50px 30px;
    text-align: center;
    background: linear-gradient(135deg, #f8fffe 0%, #f0f9f4 100%);
    border: 1px solid rgba(4, 122, 58, 0.1);
    border-radius: 12px;
    margin: 0px 0;
    box-shadow: 0 4px 12px rgba(5, 38, 20, 0.05);
}

.zwc-search-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 400px;
    margin: 0 auto;
}

.zwc-search-icon-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: rgba(4, 122, 58, 0.1);
    border-radius: 50%;
    animation: zwc-pulse 2s infinite ease-in-out;
}

.zwc-search-spinner {
    width: 24px;
    height: 24px;
    animation: zwc-rotate 1s linear infinite;
}

@keyframes zwc-pulse {
    0%, 100% {
        background: rgba(4, 122, 58, 0.1);
        transform: scale(1);
    }
    50% {
        background: rgba(4, 122, 58, 0.2);
        transform: scale(1.05);
    }
}

@keyframes zwc-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.zwc-search-message .zwc-search-title {
    font-family: var(--primaryfont-semibold);
    font-size: 20px;
    color: #1E7720;
    margin: 0 0 8px 0;
    letter-spacing: -0.2px;
}

.zwc-search-message p {
    font-family: var(--primaryfont-regular);
    font-size: 16px;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.zwc-popular-domains {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 45px;
    justify-content: center;
}

.zwc-popular-label {
    font-family: var(--primaryfont-semibold);
    font-size: 18px;
    line-height: 28px;
    opacity: 0.5;
    color: white;
}

.zwc-domain-tags {
    display: flex;
    gap: 10px;
}

.zwc-domain-tag {
    background: #1e3c2c;
    border-radius: 50px;
    padding: 4px 10px;
    font-family: var(--primaryfont-medium);
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}

/* ===================================
   WHAT IS .COM DOMAIN SECTION
   =================================== */
.zwc-what-com-domain {
    background: white;
    padding: 120px 0 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-what-com-content {
    display: flex;
    gap: 85px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.zwc-what-com-text {
    width: 565px;
}

.zwc-what-com-text h2 {
    font-family: var(--primaryfont-bold);
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -1.4px;
    color: black;
    margin: 0 0 46px 0;
    width: 491px;
}

.zwc-what-com-text p {
    font-family: var(--primaryfont-regular);
    font-size: 18px;
    line-height: 28px;
    color: black;
    margin: 0;
}

.zwc-what-com-image {
    position: relative;
    border-radius: 14px;
    display: flex;
    align-items: flex-start;
    justify-content: end;
    overflow: hidden;
    /* min-height: 530px; */
}

.zwc-domain-preview {
    background: white;
    border-radius: 32.5px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 62, 30, 0.13);
    height: 65px;
    width: 70%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 15%;
    left: 55%;
    transform: translate(-50%, -50%);
    /* margin: -175px 0 0 20px; */
}

.zwc-www-text {
    background: #d5d3b4;
    border: 1px solid white;
    border-radius: 32.5px 0 0 32.5px;
    height: 65px;
    width: 71%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: var(--primaryfont-bold);
    font-size: 22px;
    color: #000000;
    padding-left: 54px;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
}

.zwc-www-text::before {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    position: absolute;
    left: 16px;
    background-image: url('/sites/zweb/images/domains/com-domain/site-sprite-icon.svg');
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-position: -24px 0px;
    /* filter: brightness(0) invert(1); */
    filter: brightness(0%);
}

.zwc-domain-line {
    height: 3px;
    width: 31%;
    background: #000000;
    position: absolute;
    left: 130px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    margin-top: 5px;
    border-radius: 8px;
}

.zwc-com-text {
    font-family: var(--primaryfont-bold);
    font-size: 24px;
    color: black;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 22%;
    text-align: center;
}

/* ===================================
   WHY CHOOSE .COM DOMAIN SECTION
   =================================== */
.zwc-why-com-domain {
    background: #e5f3eb;
    padding: 110px 0 0px;
    display: flex;
    align-items: flex-end;
    border-bottom: 20px solid #fff;
}

.zwc-why-com-content {
    max-width: 869px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.zwc-why-com-content h2 {
    font-family: var(--primaryfont-bold);
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -1.28px;
    color: black;
    text-align: center;
    margin: 0;
    max-width: 653px;
    margin: 0 auto;
}

.zwc-benefits-wrapper {
    display: flex;
    flex-direction: column;
    gap: 26px;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
}

.zwc-benefits-wrapper.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.zwc-benefit-item {
    background: white;
    border-radius: 20px;
    padding: 50px 90px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 810px;
    min-height: 366px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.zwc-benefit-item:last-child {
    min-height: 270px;
    /* border-radius: 20px 20px 0 0; */
}

/* Manual icon styles removed - using Slick dots instead */
.zwc-benefit-content {
    flex: 1;
    max-width: 610px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.zwc-benefit-header {
    /* display: flex; */
    /* gap: 30px;
    align-items: center; */
        display: grid;
    gap: 20px;
    align-items: center;
    grid-template-columns: 65px auto;
}

.zwc-benefit-icon-badge {
    width: 62px;
    height: 62px;
    background: rgba(4, 122, 58, 0.10);
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-benefit-icon-badge::before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url('/sites/zweb/images/domains/com-domain/site-sprite-icon.svg');
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-position: -24px 0px;
}

.zwc-benefit-header h3 {
    font-family: var(--primaryfont-semibold);
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.48px;
    color: black;
    margin: 0;
}

.zwc-benefit-content p {
    font-family: var(--primaryfont-regular);
    font-size: 16px;
    line-height: 26px;
    color: black;
    margin: 0;
}

/* Slick slider styling for benefits section */
.zwc-benefits-wrapper.slick-slider {
    margin-bottom: 0;
}

.zwc-benefits-wrapper .slick-list {
    overflow: hidden;
    height: auto;
}

.zwc-benefits-wrapper .slick-track {
    display: flex;
    flex-direction: column;
}

.zwc-benefits-wrapper .slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.zwc-benefits-wrapper .slick-slide > div {
    width: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.zwc-benefits-wrapper .slick-slide:not(.slick-active) {
    /* opacity: 0.75; */
    /* transition: opacity 0.3s ease; */
}

.zwc-benefits-wrapper .slick-slide.slick-active {
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Custom Slick dots styling for benefits section - positioned left */
.zwc-benefits-wrapper .slick-dots {
    position: absolute;
    left: 0;
    top: 33%;
    transform: translateY(-50%);
    width: auto;
    display: flex !important;
    flex-direction: column;
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
    bottom: auto;
}

.zwc-benefits-wrapper .slick-dots li {
    margin: 0 0 13px 0;
    width: 22px;
    height: 22px;
    /* border: 2.4px solid #029444; */
    border: none;
    border-radius: 11px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.zwc-benefits-wrapper .slick-dots li.slick-active::after {
    content: '';
    width: 7px;
    height: 7px;
    background: #029444;
    border-radius: 50%;
    position: absolute;
}

.zwc-benefits-wrapper .slick-dots li.slick-active {
    border: 2.4px solid #029444;
}

.zwc-benefits-wrapper .slick-dots li:not(.slick-active)::after {
    content: '';
    width: 7px;
    height: 7px;
    background: #c4c4c4;
    border-radius: 50%;
    position: absolute;
}

.zwc-benefits-wrapper .slick-dots li button {
    display: none;
}

/* ===================================
   PERFECT FOR SECTION
   =================================== */
.zwc-perfect-for {
    background: white;
    padding: 110px 0 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-perfect-content {
    display: flex;
    gap: 71px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.zwc-perfect-text {
    width: 517px;
}

.zwc-perfect-text h2 {
    font-family: var(--primaryfont-bold);
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -1.4px;
    color: black;
    margin: 0 0 61px 0;
    width: 503px;
}

.zwc-floating-domains {
    position: relative;
    /* background: #f1f0ec; */
    /* border: 0.877px solid rgba(0, 62, 30, 0.13); */
    /* border-radius: 18px; */
    /* height: 327px; */
    /* width: 517px; */
    overflow: hidden;
    line-height: 0;
    display: inline-flex;
    border-radius: 14px;
    box-shadow: 0px 5px 15px -5px #033e2057;
}

.zwc-perfect-list {
    display: flex;
    gap: 20px;
}

.zwc-check-list {
    display: flex;
    flex-direction: column;
    gap: 34px;
    width: 446px;
}

.zwc-check-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.zwc-check-mark {
        width: 25px;
    height: 25px;
    background-image: url('/sites/zweb/images/domains/com-domain/site-sprite-icon.svg');
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-position: -55px 0px;
    flex-shrink: 0;
    position: relative;
    top: 5px;
}

.zwc-check-item span:last-child {
    font-family: var(--primaryfont-semibold);
    font-size: 20px;
    line-height: 34px;
    letter-spacing: -0.4px;
    color: black;
    flex: 1;
}

/* ===================================
   FAQ SECTION
   =================================== */
.zwc-faq {
    background: #dff2b6;
    padding: 110px 0 120px;
}

.zwc-faq-content {
    max-width: 925px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.zwc-faq h2 {
    font-family: var(--primaryfont-bold);
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -1.28px;
    color: black;
    text-align: center;
    margin: 0 auto;
    /* max-width: 653px; */
}

.zwc-faq-list {
    display: flex;
    flex-direction: column;
}

.zwc-faq-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.zwc-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px 0;
    cursor: pointer;
}

.zwc-faq-number {
    font-family: var(--primaryfont-bold);
    font-size: 22px;
    color: black;
    margin-right: 15px;
    min-width: 30px;
    display: none;
}

.zwc-faq-question span:nth-child(2) {
    font-family: var(--primaryfont-semibold);
    font-size: 22px;
    color: black;
    flex: 1;
    margin-right: 80px;
}

.zwc-faq-toggle {
    width: 16px;
    height: 16px;
    position: relative;
    transition: transform 0.3s ease;
    /* opacity: 0.2; */
}

.zwc-faq-toggle::before, .zwc-faq-toggle::after {
    content: '';
    position: absolute;
    background: black;
    transition: transform 0.3s ease;
}

.zwc-faq-toggle::before {
    top: 7px;
    left: 2px;
    width: 12px;
    height: 2px;
}

.zwc-faq-toggle::after {
    top: 2px;
    left: 7px;
    width: 2px;
    height: 12px;
}

.zwc-faq-active .zwc-faq-toggle {
    opacity: 1;
}

.zwc-faq-active .zwc-faq-toggle::after {
    transform: scale(0);
}

.zwc-faq-answer {
    display: none;
    padding-bottom: 26px;
}

.zwc-faq-answer p {
    font-family: var(--primaryfont-regular);
    font-size: 16px;
    line-height: 24px;
    color: black;
    margin: 0;
    /* max-width: 635px; */
    padding-right: 100px;
}

.zwc-faq-answer p a{
color: var(--zwc-link-clr);
}

/* ===================================
   EXPLORE MORE DOMAINS SECTION
   =================================== */
.zwc-explore-domains {
    background: white;
    padding: 110px 0 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-explore-content {
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 37px;
    align-items: center;
}

.zwc-explore-header {
    text-align: center;
    max-width: 729px;
}

.zwc-explore-header h2 {
    font-family: var(--primaryfont-semibold);
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -1.4px;
    color: black;
    margin: 0 0 32px 0;
}

.zwc-explore-header p {
    font-family: var(--primaryfont-medium);
    font-size: 20px;
    /* line-height: 34px; */
    letter-spacing: -0.4px;
    color: black;
    margin: 0;
}

.zwc-domain-extensions {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.zwc-extension-item {
    background: #f8f8f8;
    border-radius: 16px;
    padding: 25px 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 155px;
    height: 155px;
    box-sizing: border-box;
    justify-content: center;
}

.zwc-extension-badge {
    border-radius: 36px;
    padding: 9px 18px;
    font-family: var(--zf-secondary-medium);
    font-size: 18px;
    letter-spacing: -0.36px;
    color: black;
    text-align: center;
}

.zwc-extension-in {
    background: #cde3cc;
}

.zwc-extension-net {
    background: #e3dccc;
}

.zwc-extension-org {
    background: #ecd5e5;
}

.zwc-extension-ai {
    background: #c7dbdc;
}

.zwc-extension-io {
    background: #cde3cc;
}

.zwc-extension-co {
    background: #ccd1e3;
}

.zwc-extension-item p {
        font-family: var(--zf-secondary-medium);
    font-size: 12px;
    /* line-height: 34px; */
    letter-spacing: -0.24px;
    color: black;
    text-align: center;
    margin: 10px 0 0 0;
}

/* ===================================
   CHOOSE ZOHO DOMAINS SECTION
   =================================== */
.zwc-choose-zoho {
    background: #e5f3eb;
    padding: 110px 0 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-choose-content {
    max-width: 963px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    /* gap: 46px; */
    align-items: center;
}

.zwc-choose-content h2 {
    font-family: var(--primaryfont-semibold);
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -1.4px;
    color: black;
    margin: 0 0 22px 0;
}

.zwc-choose-content p {
    font-family: var(--primaryfont-regular);
    font-size: 24px;
    color: black;
    margin: 0;
}

.zwc-choose-buttons {
    display: flex;
    gap: 16px;
    align-items: center;
    padding-top: 40px;
}

.zwc-buy-btn {
    background: #e42527;
    border: none;
    color: white;
    font-family: var(--primaryfont-semibold);
    font-size: 16px;
    padding: 15px 35px;
    cursor: pointer;
    height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    /* border-radius: 4px; */
}

.zwc-transfer-btn {
    background: #e5f3eb;
    border: 1px solid #000;
    color: black;
    font-family: var(--primaryfont-semibold);
    font-size: 16px;
    padding: 15px 35px;
    cursor: pointer;
    height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    /* border-radius: 4px; */
}

/* ===================================
   SIDEBAR COMPONENTS & UTILITIES
   =================================== */
.zwc-spinner {
    display: none;
}

.zwc-spinner {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.85);
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    backdrop-filter: blur(2px);
}

.zwc-spinner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-spinner-container {
    position: relative;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-spinner-ring-outer,
.zwc-spinner-ring-inner {
    position: absolute;
    border-radius: 50%;
    border: 3px solid transparent;
}

.zwc-spinner-ring-outer {
    width: 100%;
    height: 100%;
    border-top-color: #047A3A;
    border-right-color: #047A3A;
    animation: zwc-spin-clockwise 1.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}

.zwc-spinner-ring-inner {
    width: 75%;
    height: 75%;
    border-bottom-color: #0BA855;
    border-left-color: #0BA855;
    animation: zwc-spin-counter 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}

.zwc-spinner-icon {
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, rgba(4, 122, 58, 0.2), rgba(11, 168, 85, 0.2));
    border-radius: 50%;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(4, 122, 58, 0.3);
}

.zwc-spinner-icon img {
    display: block;
    filter: brightness(0) saturate(100%) invert(100%);
    opacity: 0.95;
}

@keyframes zwc-spin-clockwise {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes zwc-spin-counter {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.cart-wrapper {
    background: #e0f2b6;
    min-width: 350px;
    margin: 0 auto;
    position: fixed;
    top: 11%;
    right: 0;
    z-index: 2;
    padding: 15px;
    display: none;
    transform: translateX(100%);
    transition-duration: 1.2s;
    border: 1px solid #000;
    height: 60vh;
    z-index: 1000
}

.freeze_layer {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none
}

.cart-popup-main-wrap {
    display: flex;
    justify-content: space-between
}

button.zwe-close-cart-wrap {
    background: red;
    color: #fff;
    border: 0;
    padding: 10px 0;
    font-family: var(--primaryfont-semibold);
    cursor: pointer;
    font-size: 19px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.zwe-cart-close-block {
    width: 100%;
    max-width: 80px;
    margin: 0 0 0 auto;
    display: flex;
    justify-content: end
}

.zwc-common-popup-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.zwc-common-popup {
    position: fixed;
    top: 40%;
    min-width: 400px;
    max-width: 500px;
    padding: 20px;
    background-color: #fff;
    z-index: 999999;
    text-align: center;
    color: #fff;
    color: #000;
    border-top: 4px solid red;
    border-radius: 0 0 10px 10px
}

.zwc-common-popup .zwc-popup-close {
    padding: 6px 20px;
    font-size: 16px;
    margin: 20px 0 0;
    background-color: red;
    border: 0;
    color: white;
    font-family: var(--secondaryfont-semibold);
    cursor: pointer
}

.zwc-bg-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none
}

.zwc-applicable-discount {
    visibility: hidden;
    display: none;
}

ul.zwc-carted-unlist {
    margin-top: 25px
}

ul.zwc-carted-unlist li {
    padding: 10px;
    border-bottom: 1px solid #bbb;
    margin: 10px 0;
    font-family: var(--zf-secondary-medium)
}

.cart-popup-name>p, .cart-popup-price>p {
    margin-bottom: 0
}

.zwc-side-checkout {
    width: 60%;
    margin: 30px auto 10px;
    display: none
}

.zwc-side-checkout>a {
    color: #fff;
    font-family: var(--secondaryfont-semibold);
    display: block;
    padding: 10px 0;
    width: 100%;
    background: #000;
    margin: 0 auto;
    text-align: center
}

.zwc-carted-list .zwc-cart-title {
    font-family: var(--primaryfont-semibold);
    text-align: center
}

.zwd-cart-details a img {
    vertical-align: middle
}

.zwc-sticky-checkout-wrapper {
    position: relative;
    display: none
}

.zwc-sticky-checkout-wrapper p {
    position: fixed;
    top: 50%;
    right: -20%;
    margin-bottom: 0;
    padding: 10px;
    background: #0474ed;
    border-radius: 7px 0 0 7px;
    box-shadow: 0 0 2px #000;
    cursor: pointer;
    font-size: 12px
}

.zwc-sticky-checkout-wrapper p.active-stick {
    transition: all .7s linear;
    right: 0;
    font-family: var(--primaryfont-bold);
    color: #fff
}

.zwc-sticky-checkout-wrapper p:before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background: #fff;
    margin: 0 auto 6px
}

.toast-container {
    position: fixed;
    top: 90px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    pointer-events: none;
    width: 350px;
    justify-content: flex-end;
    align-items: flex-end;

}

.toast {
    /* padding: 8px 14px;
    background-color: #333;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(-30px);
    animation: slideIn .3s forwards;
    font-family: sans-serif;
    pointer-events: all;
    max-width: 350px;
    width: 80%;
    font-size: 15px; */

    color: #fff;
    /* animation: slideIn .3s forwards; */
    font-family: var(--primaryfont-semibold);
    pointer-events: all;
    max-width: 350px;
    width: 80%;
    font-size: 15px;
    background: #222;
    padding: 15px 20px;
    border-radius: 8px;
    min-width: 250px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 5px solid #3b82f6;
    animation: zwcSlideIn 0.4s ease, zwcFadeOut 0.5s ease forwards;
    animation-delay: 0s, 3.5s;
}

.toast.noti-info{
    border-left: 5px solid #3b82f6;
}
.toast.noti-error{
    border-left: 5px solid #ef4444;
}
.toast.noti-success{
    border-left: 5px solid #22c55e;
}
.notification.success {
  border-left: 5px solid #22c55e;
}
.notification.error {
  border-left: 5px solid #ef4444;
}
.notification.info {
  border-left: 5px solid #3b82f6;
}


@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.toast.hide {
    /* animation: fadeOut .5s forwards */
}

@keyframes fadeOut {
    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes zwcSlideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes zwcFadeOut {
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

/* ===================================
   LEGACY DOMAIN SEARCH COMPONENTS
   =================================== */
.zwc-perfect-domain-wrap {
    background-color: #1b884d;
    color: #fff;
    padding: 87px 100px;
    flex-basis: 1045px;
    flex-grow: 1
}

.zwc-already-domain-wrap {
    background-color: #06331b;
    color: #fff;
    padding: 87px 100px;
    flex-basis: 665px;
    flex-grow: 1
}

.zwc-content-domain-already {
    max-width: 410px
}

.zwc-content-domain-new {
    max-width: 450px
}

#transfer-domain {
    position: absolute;
    width: 200px;
    background-color: var(--find-domain-bg-color);
    color: #fff;
    padding: 13px 41px;
    right: 4%;
    cursor: pointer;
    border: 0
}

.zwc-content-domain-new h3, .zwc-content-domain-already h3 {
    letter-spacing: -1.62px
}

.zwc-content-domain-new p, .zwc-content-domain-already p {
    letter-spacing: -0.54px
}

.zwc-available-domains {
    margin-top: var(--section-divider-top-lg);
    display: none;
    gap: 80px
}

.zwc-available-domains h4 {
    font-family: var(--zf-secondary-medium);
    text-align: center;
    margin-bottom: 45px
}

/* ===================================
   DESKTOP & LARGE SCREEN STYLES
   =================================== */
@media(min-width: 1500px) {
    .zwc-content-domain-new h3, .zwc-content-domain-already h3 {
        font-size: var(--sub-title-font-size-xxxl)
    }

    .zwc-content-domain-new p {
        font-size: 18px
    }

    .zwc-content-domain-already p {
        font-size: 18px
    }

    .zwc-available-domains h4 {
        font-size: var(--sub-title-font-size-xxxl)
    }

    .zwc-fixed-cmn {
        font-size: 15px;
        /* min-width: 220px */
    }

    .domain-names>p {
        /* font-size: 28px;
        font-family: var(--zf-secondary-medium);
        color: #000; */
    }

    .domain-pricing>p {
        font-size: 24px;
        font-family: var(--zf-secondary-bold);
    }

    .domain-listing-list {
        justify-content: space-between
    }

    .zwc-domain-search-placeholder {
        padding: 40px 20px;
    }
    
    .zwc-search-icon-loader {
        width: 50px;
        height: 50px;
    }
    
    .zwc-search-spinner {
        width: 20px;
        height: 20px;
    }
    
    .zwc-search-message .zwc-search-title {
        font-size: 18px;
    }
    
    .zwc-search-message p {
        font-size: 14px;
    }


    .zwc-header-content-wrapper::after {
        content: "";
        position: absolute;
        background: #07331b;
        height: 100%;
        width: 140%;
        right: -140%;
        top: 0
    }

    .zwd-cart-domain-name>p, .zwd-cart-domain-price>p {
        font-size: 16px
    }
}

@media(min-width: 1600px) and (max-width:2100px) {
}

@media(min-width: 1201px) and (max-width:16000px) {
    .zwd-cart-domain-name>p, .zwd-cart-domain-price>p {
        font-size: 16px
    }

    .zwc-already-domain-wrap {
        flex-basis: 400px
    }

    .zwc-perfect-domain-wrap {
        flex-basis: 625px
    }
}

@media(min-width: 1201px) {
    .zwd-details {
        /* padding: 15px 0 30px; */
        /* transform: translateY(10px) */
    }

    .zwe-sticky-wrap form {
        /* padding-bottom: 15px */
    }
}

/* Standard Desktop - Zoho Breakpoint */
@media (max-width: 1440px) {
    .domain-listing-list {
        /* justify-content: space-between;
        flex-wrap: nowrap;
        gap: 30px;
        padding: 18px 15px; */
    }
    
    .domain-names {
        min-width: 200px;
        max-width: 300px;
        flex: 1;
    }
    
    .domain-names > p {
        /* font-size: 20px; */
    }
    
    .domain-pricing {
        min-width: 120px;
    }
    
    .domain-pricing > p {
        font-size: 18px;
    }
    
    .domain-cta a {
        min-width: 140px;
        padding: 11px 20px;
        font-size: 15px;
    }

    .domain-names>p, .domain-pricing>p {
        /* font-size: 25px */
    }

    .zwc-hero-content-box h1 {
        font-size: 60px;
        line-height: 68px;
    }

    .zwc-what-com-text h2, .zwc-perfect-text h2 {
        font-size: 54px;
        line-height: 64px;
    }

    .zwc-why-com-content h2, .zwc-faq h2, .zwc-explore-header h2, .zwc-choose-content h2 {
        font-size: 54px;
        line-height: 60px;
    }

    .zwc-explore-header h2{
        max-width: 540px;
    }

    /* Domain Preview Responsive Adjustments */
    .zwc-domain-preview {
        /* width: 390px; */
        height: 62px;
        border-radius: 31px;
        /* margin: -165px 0 0 18px; */
    }

    .zwc-www-text {
        /* width: 276px; */
        height: 62px;
        border-radius: 31px 0 0 31px;
        font-size: 21px;
        padding-left: 50px;
    }

    .zwc-www-text::before {
        /* width: 28px;
        height: 28px;
        background-size: 76px auto;
        left: 14px; */
                transform: scale(.85);
                transform-origin: left;
    }

    .zwc-domain-line {
        /* width: 120px; */
        left: 125px;
    }

    .zwc-com-text {
        font-size: 23px;
        /* width: 85px; */
        right: 18px;
    }
}

/* Medium Desktop - Zoho Breakpoint */
@media (max-width: 1280px) {
    /* Domain Preview Responsive Adjustments */
    .zwc-domain-preview {
        /* width: 370px; */
        height: 59px;
        border-radius: 29.5px;
        /* margin: -155px 0 0 16px; */
    }

    .zwc-www-text {
        /* width: 262px; */
        height: 59px;
        border-radius: 29.5px 0 0 29.5px;
        font-size: 20px;
        padding-left: 48px;
    }

    .zwc-www-text::before {
        /* width: 27px;
        height: 27px;
        background-size: 72px auto;
        left: 13px; */
    }

    .zwc-domain-line {
        /* width: 114px; */
        left: 120px;
    }

    .zwc-com-text {
        font-size: 22px;
        /* width: 80px; */
        right: 16px;
    }
}

/* Standard Desktop - Zoho Breakpoint */
@media (max-width: 1199px) {
    .zw-product-header {
        /* background: #052614 */
    }

    .zwd-details {
        /* transform: translateY(8px) */
    }

    /* Domain Preview Responsive Adjustments */
    .zwc-domain-preview {
        /* width: 350px; */
        height: 56px;
        border-radius: 28px;
        /* margin: -145px 0 0 14px; */
    }

    .zwc-www-text {
        /* width: 248px; */
        height: 56px;
        border-radius: 28px 0 0 28px;
        font-size: 19px;
        padding-left: 46px;
    }

    .zwc-www-text::before {
        /* width: 26px;
        height: 26px;
        background-size: 70px auto;
        left: 12px; */
                transform: scale(.8);
    }

    .zwc-domain-line {
        /* width: 108px; */
        left: 115px;
        width: 28%;
    }

    .zwc-com-text {
        font-size: 21px;
        /* width: 76px; */
        right: 14px;
    }
}

/* Large Tablet - Zoho Breakpoint */
@media (max-width: 1024px) {
    
    /* Domain listing tablet optimization */
    .domain-listing-list {
        /* gap: 25px; */
        /* padding: 16px 12px; */
        /* flex-wrap: nowrap; */
    }
    
    .domain-names {
        min-width: 180px;
        max-width: 280px;
    }
    
    .domain-pricing {
        min-width: 110px;
    }
    
    .domain-cta a {
        min-width: 130px;
        padding: 10px 18px;
        font-size: 14px;
        height: auto;
    }
    .domain-cta-remove a{
        min-width: 130px;
        padding: 10px 18px;
        font-size: 14px;
        height: auto;
    }
    
    .domain-cta-remove a {
        /* width: 42px;
        height: 42px; */
    }

    .zwc-hero-banner{
      padding: 60px 0 55px;
    }

    .zwc-what-com-domain{
      padding: 90px 0 100px;
    }

    .zwc-why-com-domain{
      padding: 90px 0 0px;
    }

    .zwc-perfect-for, .zwc-faq, .zwc-explore-domains, .zwc-choose-zoho{
      padding: 90px 0 100px;
    }

    .zwc-hero-content {
        gap: 60px;
    }

    .zwc-hero-search-form input{
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .zwc-hero-search-btn{
      padding: 15px 15px;
      height: 52px;
    }

    .zwc-what-com-content {
        flex-direction: column;
        gap: 50px;
    }

    .zwc-why-com-content{
      gap: 50px;
    }

    .zwc-what-com-text, .zwc-perfect-text{
      width: 100%;
      margin: 0 auto;
      max-width: 740px;
      text-align: center;
    }

    .zwc-what-com-text h2, .zwc-perfect-text h2{
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
    }

    .zwc-what-com-text h2{
      margin-bottom: 30px;
    }

    .zwc-perfect-text h2{
      margin-bottom: 50px;
    }

    .zwc-what-com-text p{
      font-size: 17px;
    }

    .zwc-check-list{
      width: auto;
      max-width: 450px;
      gap: 20px;
    }

    .zwc-check-item span:last-child{
      font-size: 18px;
      line-height: 30px;
    }

    .zwc-faq h2 {
      max-width: 520px;
    }


    .zwc-perfect-content {
        flex-direction: column;
        gap: 50px;
    }

    .zwc-benefit-item {
        flex-direction: column;
        /* text-align: center; */
        height: auto;
        padding: 30px;
    }

    .zwc-domain-extensions {
        justify-content: center;
    }

    .zwc-faq-answer p{
      padding-right: 60px;
    }
    .zwc-faq-list {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
  .zwc-faq-question{
    padding: 22px 0;
  }

  .zwc-benefits-wrapper{
    /* align-items: center; */
  }

  /* .zwc-benefits-wrapper .slick-list{
    margin-bottom: 15px;
  }

  .zwc-benefits-wrapper .slick-dots{
        bottom: 0;
        top: auto;
        transform: translateX(-50%);
        left: 50%;
        flex-direction: row;
  }

  .zwc-benefits-wrapper .slick-dots li {
    margin: 0 5px;
  } */

  .zwc-benefits-wrapper{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 50px;
  }

  .no-exact-domain-available p{
    font-size: 24px;
  }

   .zwc-domain-listing-wrapper p{
        font-size: 24px;
    }

    .zwc-domain-listing-wrapper .domain-pricing > p{
        font-size: 20px;
    }

    /* Domain Preview Responsive Adjustments */
    .zwc-domain-preview {
        /* width: 380px; */
        height: 60px;
        border-radius: 30px;
        /* margin: -140px 0 0 0; */
    }

    .zwc-www-text {
        /* width: 269px; */
        height: 60px;
        border-radius: 30px 0 0 30px;
        font-size: 20px;
        padding-left: 48px;
    }

    .zwc-www-text::before {
        /* width: 27px;
        height: 27px;
        background-size: 72px auto;
        left: 13px; */
    }

    .zwc-domain-line {
        /* width: 117px; */
        left: 122px;
    }

    .zwc-com-text {
        font-size: 22px;
        /* width: 83px; */
        right: 16px;
    }

}

/* Standard Tablet - Zoho Breakpoint */
@media(max-width: 991px) {
    .zwc-feedback {
        text-align: center;
        font-size: 28px
    }

    #zwc-search-fixed {
        /* width: 100% */
    }

    .zwc-fixed-cmn {
        font-size: 15px;
        /* margin-top: 15px */
    }

    .zwc-fixed-header-wrapper>div>form {
        text-align: center
    }

    .zwc-header-content-wrapper {
        padding-bottom: 10px
    }


    .zwc-exact-match-block.domain-listing-list {
    }

    .zwc-domain-listing-wrapper {
        
    }

    .domain-listing-list {
        
    }

    /* Improve domain listing layout on mobile */
    .domain-names {
        /* flex: 1 1 auto;
        min-width: 0; 
        max-width: 100%;
        text-align: center; */
    }

    .domain-names.no-exact-domain-available {
        /* max-width: 100%;
        flex: 1;
        text-align: left; */
    }

    .zwc-exact-match-block .domain-names.no-exact-domain-available>p{
        font-size: 22px;
    }
    
    .domain-names > p {
        /* font-size: 22px;
        line-height: 1.2; */
        /* margin-bottom: 8px; */
    }
    
    .domain-detail {
        /* display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
        align-items: center; */
    }
    
    .domain-pricing {
        min-width: auto;
        width: auto;
        margin-bottom: 0;
    }

    .zwc-exact-match-active .domain-pricing {
        margin-bottom: 15px;
    }
    
    .domain-cta-action {
        flex-direction: row;
        justify-content: center;
        gap: 15px;
        width: 100%;
    }

    .domain-names > p {
        word-break: break-word; /* Break long domain names */
    }

    .zwc-fixed-header-wrapper {
        /* padding: 20px */
    }

    .domain-names {
        min-width: 180px
    }

    .zwc-available-domains {
        margin-top: var(--section-divider-top-sm)
    }

    .domain-names>p, .domain-pricing>p {
        /* font-size: 20px */
    }

    .zwc-domain-listing-wrapper p{
        font-size: 22px;
    }

    .zwc-domain-listing-wrapper .domain-pricing > p{
        font-size: 18px;
    }

    .no-exact-domain-available p {
        font-size: 22px;
    }


/*  */

    .zwc-hero-content-box h1 {
        font-size: 56px;
        line-height: 60px;
    }

    .zwc-what-com-text h2, .zwc-perfect-text h2, .zwc-why-com-content h2, .zwc-faq h2, .zwc-explore-header h2, .zwc-choose-content h2{
      font-size: 48px;
      line-height: 58px;
    }

    .zwc-why-com-content h2, .zwc-faq h2, .zwc-explore-header h2, .zwc-choose-content h2{

    }

    .zwc-choose-content p{
      font-size: 18px;
    }

    .zwc-what-com-text h2{
      width: 100%;
    }

    .zwc-hero-banner {
        padding: 60px 0 55px;
    }
    .zwc-what-com-domain, .zwc-perfect-for, .zwc-faq, .zwc-explore-domains, .zwc-choose-zoho {
        padding: 80px 0 90px;
    }

    .zwc-perfect-for{
       padding: 80px 0 80px;
    }

    .zwc-why-com-domain {
        padding: 80px 0 0px;
    }

    .zwc-faq-question span:nth-child(2){
      font-size: 20px;
    }

    .toast-container{
        top: 15px;
        right: 15px;
    }

    .toast{
        font-size: 13px;
        padding: 12px 15px;
    }

    .toast.noti-info {
        border-left: 3px solid #3b82f6;
    }

    .toast.noti-error {
        border-left: 3px solid #ef4444
    }

    .toast.noti-success {
        border-left: 3px solid #22c55e
    }

    .zwc-explore-header h2{
        max-width: 480px;
    }

    /* Domain Preview Responsive Adjustments */
    .zwc-domain-preview {
        /* width: 360px; */
        height: 57px;
        border-radius: 28.5px;
        /* margin: -130px 0 0 0; */
    }

    .zwc-www-text {
        /* width: 255px; */
        height: 57px;
        border-radius: 28.5px 0 0 28.5px;
        font-size: 19px;
        padding-left: 46px;
    }

    .zwc-www-text::before {
        /* width: 25px;
        height: 25px;
        background-size: 67px auto;
        left: 12px; */
    }

    .zwc-domain-line {
        /* width: 111px; */
        left: 118px;
    }

    .zwc-com-text {
        font-size: 21px;
        /* width: 79px; */
        right: 15px;
    }

}

/* Large Mobile - Zoho Breakpoint */
@media(max-width: 767px) {
    /* Benefits Slider Mobile Optimization */

    #zwc-search-fixed::placeholder {
    color: #bfbfbf;
    font-size: 14px
    }

    #zwc-search-fixed{
      font-size: 14px;
      /* margin-right: 10px; */
    }
    .zwc-benefits-wrapper {
        min-height: auto;
        padding-left: 0;
    }

    .zwc-benefits-wrapper .slick-slide {
        height: auto !important;
    }

    .zwc-benefit-item {
        /* padding: 20px; */
        height: auto;
        border-radius: 15px;
        margin-bottom: 0;
    }
    .zwc-hero-banner {
        /* padding: 40px 20px; */
    }

    .zwc-why-com-domain {
        padding: 80px 0 90px;
    }

    .zwc-hero-content-box h1 {
        font-size: 44px;
        line-height: 54px;
        max-width: 480px;
    }

    .zwc-hero-content-box p{
      font-size: 17px;
      max-width: 580px;
      
    }

    .no-exact-domain-available{
        text-align: center;
    }

    .zwc-hero-search-form {
        flex-direction: column;
        height: auto;
        gap: 20px; /* Increased gap for better touch interaction */
        padding: 25px 15px;
        border-radius: 20px;
    }

    .zwc-hero-search-form input[type="text"] {
        min-height: 48px; /* Touch target minimum */
        font-size: 16px; /* Prevent zoom on iOS */
        padding: 12px 16px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #d2cece;
        background: linear-gradient(180deg, #ededed4d, transparent);
    }

    .zwc-hero-search-btn {
        width: 100%;
        min-height: 48px; /* Touch target minimum */
        padding: 14px 20px;
    }

    .zwc-what-com-text h2, .zwc-perfect-text h2 {
        font-size: 36px;
        line-height: 46px;
        width: auto;
    }

    .zwc-why-com-content h2, .zwc-faq h2, .zwc-explore-header h2, .zwc-choose-content h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .zwc-explore-header p{
      font-size: 18px;
    }

    .zwc-what-com-image {
        width: 100%;
        min-height: auto;
        justify-content: center;
    }

    .zwc-domain-extensions {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .zwc-extension-item {
        /* width: 120px;
        height: 120px;
        padding: 20px; */
        padding: 15px 5px;
        width: 135px;
        height: 135px;
    }

    /* FAQ Touch Target Improvements */
    .zwc-faq-question {
        min-height: 48px; /* Touch target minimum */
        /* padding: 14px 50px 14px 0; */
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,0.1); /* Better touch feedback */
    }

    .zwc-faq-answer {
        /* padding: 0 15px 15px 15px; */
        font-size: 14px;
        line-height: 1.6;
    }

    .zwc-faq-item {
        /* margin-bottom: 10px; */
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    
    .zwc-faq-number {
        font-size: 18px;
        margin-right: 10px;
        min-width: 25px;
    }

    /* Domain Cart Button Touch Targets */
    .domain-cta a, .domain-transfer-cta a {
        min-height: 44px;
        padding: 12px 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }

    .domain-cta-remove a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        padding: 5px 10px;
        min-width: 100px;
        font-size: 14px;
        height: 40px;
        min-height: auto;
    }

    .domain-cta-action {
    /* gap: 10px; */
  }

    .zwc-faq-question span:nth-child(2) {
        margin-right: 20px;
        font-size: 18px;
    }

    

    .zwc-buy-btn, .zwc-transfer-btn {
        max-width: 300px;
    }

    .zwc-hero-search .zwc-domain-listing-wrapper .domain-cta a {
        padding: 5px 10px;
        min-width: 100px;
        font-size: 14px;
        height: 40px;
        min-height: auto;
    }

    .zwc-exact-match-active .domain-cta a{
padding: 5px 10px;
        min-width: 100px;
        font-size: 14px;
        height: 40px;
        min-height: auto;
    }

    .domain-names {
        min-width: 120px
    }

    .zwc-exact-match-roller-wrap {
        margin: 0 auto
    }

    .zwc-perfect-domain-wrap, .zwc-already-domain-wrap {
        padding: 60px 100px
    }

    #transfer-domain {
        width: auto;
        font-size: 15px;
        position: static;
        margin-bottom: 15px;
        transform: translate(0, 30%);
        margin: 15px 0
    }

    .domain-listing-list {
        flex-direction: column;
        justify-content: flex-start;
        padding: 2px;
        gap: 0px;
        align-items: flex-start;
    }

    .zwc-exact-match-block.domain-listing-list{
        flex-direction: column;
        justify-content: flex-start;
        padding: 0px;
        gap: 0px;
        align-items: flex-start;
        border: 1px solid #55d257;
    }

    .zwc-exact-match-notfound .zwc-exact-match-block.domain-listing-list{
        border: none;
        min-height: auto;
    }
    
    
    .domain-names {
        text-align: left;
        max-width: 200px;
        width: 100%;
        background: #f5f5f5;
        max-width: 100%;
        padding: 15px 20px;
        border-radius: 5px 5px 0 0;
    }

    .domain-names.no-exact-domain-available {
    padding: 0;
    background: none;
    }
    .zwc-exact-match-active .domain-names:not(.no-exact-domain-available){
               padding: 20px 20px 15px 20px;
        background: #ffffff;
        border-radius: 7px 7px 0 0;
    }
    .zwc-hero-search .zwc-exact-match-domains {
    padding: 35px 25px 25px 25px;
    }
        .zwc-hero-search .zwc-exact-match-notfound {
        padding: 23px 25px 25px 25px;
    }
        .zwc-exact-match-active .zwc-exact-match-roller-wrap {
                margin: 0;
        position: absolute;
        left: 20px;
        top: -12px;
    }
   .zwc-exact-match-active .zwc-exact-match-roller-wrap .zwc-exact-match-label {
    font-size: 11px;
    padding: 6px 12px 5px 12px;
}

    .zwc-exact-match-block .domain-names.no-exact-domain-available>p{
        font-size: 20px;
    }
    
    .domain-detail {
        flex-direction: row;
        gap: 15px;
        align-items: center;
    }
    
    .domain-cta-action {
        /* flex-direction: row; */
        gap: 12px;
        justify-content: flex-end;
    }


    .zwe-top-cart {
        /* margin-top: 30px; */
        margin-left: 10px;
        /* min-width: 95px; */
    }

    

    .zwc-fixed-header-wrapper {
        padding: 15px 0px
    }

    .zwc-fixed-header-wrapper>div>button {
        margin: 10px auto
    }

    .zwc-fixed-header-wrapper>div {
        text-align: center;
        padding: 0
    }

    #zwc-search-fixed {
        /* width: 100% */
    }

    .zwc-exact-match-block .domain-detail .domain-pricing>p {
        font-size: 18px
    }

    .zwc-exact-match-block .domain-names p {
        font-size: 20px;
    }

    .zwc-exact-match-active .zwc-exact-match-block .domain-detail .domain-pricing>p{
        
    }
    .zwc-exact-match-active .domain-pricing{
        margin-bottom: 0;
    }

    .zwc-available-domains {
        margin-top: var(--section-divider-top-sm)
    }

    .zwc-domain-listing-wrapper {
        width: 100%;
        padding: 5px 10px
    }

    .domain-names>p {
        /* max-width: 100px */
    }

    .zwc-domain-listing-wrapper .domain-detail{
    width: 100%;
    justify-content: space-between;
    padding: 10px 20px;
    }

    .zwc-exact-match-active .domain-detail{
    width: 100%;
    justify-content: space-between;
    padding: 10px 20px;
    }

    .domain-pricing {
        /* min-width: 90px; */
        margin-right: auto;
        /* text-align: left; */
    }
    .zwc-hero-search .domain-pricing>p{
      text-align: left;
      padding: 10px 0;
    }

    .domain-detail {
        gap: 25px
    }

    .zwd-carted-number-wrap {
        /* min-width: 250px;
        width: 70%;
        right: -50% */
    }

    .zwd-cart-item {
        padding: 10px 15px;
        gap: 30px
    }

    .zwd-details {
        /* padding-bottom: 10px */
    }

    .zmobile-menu-new-content .zwd-cart-details:hover .zwd-carted-number-wrap.zwc-active-cart-list {
        left: 0;
        width: 90%
    }

    .domain-names>p, .domain-pricing>p {
        font-size: 18px
    }

    .zwe-top-cart{
      min-width: 85px;
    }

    .zwc-explore-header h2{
      margin-bottom: 20px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    .zwc-faq-content{
      gap: 30px;
    }

    .zwc-benefit-header h3{
          font-size: 20px;
    line-height: 28px;
    }

    .zwc-domain-preview{
      /* display: none; */
    }

    .zwc-popular-domains{
      flex-direction: column;
      gap: 15px;
    }

    .zwc-hero-search{
      /* width: calc(100% - 10px); */
    }

    .zwc-hero-banner {
        padding: 40px 0 50px;
    }

    .zwc-popular-domains{
        padding-top: 30px;
    }

        .zwc-what-com-domain, .zwc-perfect-for, .zwc-faq, .zwc-explore-domains, .zwc-choose-zoho, .zwc-why-com-domain {
        padding: 70px 0 80px;
    }

        .zwc-perfect-for {
        padding: 70px 0 70px;
    }

    .zwc-perfect-text h2{
      max-width: 370px;
    }

        .zwc-check-item span:last-child {
        font-size: 17px;
        line-height: 28px;
    }
    .zwc-check-item{
      gap: 15px;
    }

    .zwc-check-mark{
      width: 20px;
      height: 20px;
    }

    .zwc-choose-buttons{
      padding-top: 30px;
    }
        .zwc-choose-content p {
        font-size: 16px;
    }
    
    .zwc-domain-search-placeholder {
        padding: 35px 15px;
    }
    
    .zwc-search-status {
        gap: 15px;
    }
    
    .zwc-search-icon-loader {
        width: 45px;
        height: 45px;
    }
    
    .zwc-search-spinner {
        width: 18px;
        height: 18px;
    }
    
    .zwc-search-message .zwc-search-title {
        font-size: 16px;
    }
    
    .zwc-search-message p {
        font-size: 13px;
    }

    .zwd-other-tlds-wrap .other-tld-title{
        padding: 0 20px;
    }

    .zwc-hero-search .zwc-domain-listing-wrapper{
        padding: 0 20px;
    }

    .zwc-hero-search{
        border-radius: 25px;
    }
    .hero-search-active .zwc-hero-search-form {
    border-radius: 20px 20px 0px 0px;
    }
    .zwc-hero-search .zwc-available-render-wrap{
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    }
    .zwc-exact-match-domains{
        border-radius: 10px;
    }

    .zwc-why-com-domain{
        border-bottom: none;
    }


}

/* Small Mobile - Zoho Breakpoint */
@media (max-width: 480px) {

  .zwe-top-cart .zwc-cart-text{
    display: none;
  }
  .zwe-top-cart{
    justify-content: flex-end;
    min-width: auto;
  }

  .zwe-top-cart > img{
    margin-right: 5px;
  }

  input#zwc-search-fixed {
        padding: 10px 12px;
        min-height: 40px;
    }
    .zwc-fixed-cmn{
      min-height: 40px;
    }

    .zw-template-inner .content-wrap {
        width: 92.5%
    }

    .zwe-top-cart {
        /* margin-left: 10px;
        margin-top: 40px;
        display: inline-flex;
        margin-top: 25px */
    }

    .domain-listing-list {
        /* padding: 12px 15px;
        gap: 15px; */
    }
    
    .domain-cta a {
        /* min-width: 120px;
        padding: 10px 16px;
        font-size: 14px; */
    }
    
    .domain-pricing {
        min-width: 100px;
    }
    
    .domain-pricing > p {
        font-size: 16px;
        padding: 8px 12px;
    }

    .zwc-perfect-domain-wrap, .zwc-already-domain-wrap {
        padding: 30px 35px;
        text-align: center
    }

    #transfer-domain {
        padding: 10px 20px;
        transform: translate(0, 50%)
    }

    .zwc-content-domain-new h3, .zwc-content-domain-already h3 {
        font-size: var(--sub-title-font-size-sm)
    }

    .domain-names {
        max-width: initial;
        min-width: 100px
    }

    .zwc-fixed-header-wrapper {
        padding: 15px 0
    }

    #zwc-search-fixed {
        /* width: 95%; */
        margin-right: 0
    }

    .zwc-fixed-header-wrapper>div {
        text-align: center
    }

    #fixed-find-domain, #fixed-transfer-domain {
        font-size: 14px;
        padding: 12px 10px;
    }

    input#zwc-search-fixed{
      /* padding: 13px 12px; */
    }

    .zwc-fixed-cmn {
        /* margin-top: 15px;
        width: 40%;
        padding: 15px; */
    }

    .domain-cta a {
        min-width: 100px;
        padding: 4px 0;
        font-size: 12px
    }

    .zwc-available-domains {
        margin-top: var(--section-divider-top-sm)
    }


    .zwd-cart-domain-name>p {
        max-width: 100px;
        word-wrap: break-word;
        min-width: 100px
    }

    .zwd-cart-item {
        justify-content: flex-start;
        gap: 10px;
        padding: 10px 7px
    }

    .zwd-desc-text1 {
        max-width: 150px;
    }

    .zwc-choose-buttons {
        flex-direction: column;
        width: 100%;
    }

    /*  */

    .zwc-hero-content-box h1 {
        font-size: 38px;
        line-height: 45px;
    }

    .zwc-popular-label{
      font-size: 16px;
    }
    .zwc-domain-tag{
      font-size: 15px;
    }
    .zwc-popular-domains{
      gap: 15px;
    }

        .zwc-hero-banner {
        /* padding: 65px 0 75px; */
    }
        .zwc-what-com-domain, .zwc-perfect-for, .zwc-faq, .zwc-explore-domains, .zwc-choose-zoho, .zwc-why-com-domain {
        padding: 65px 0 70px;
    }

        .zwc-what-com-text h2, .zwc-perfect-text h2 {
        font-size: 32px;
        line-height: 44px;
    }
        .zwc-why-com-content h2, .zwc-faq h2, .zwc-explore-header h2, .zwc-choose-content h2 {
        font-size: 32px;
        line-height: 44px;
    }
        .zwc-perfect-text h2 {
        max-width: 330px;
    }
        .zwc-why-com-content {
        gap: 35px;
    }
        .zwc-perfect-text h2 {
        margin-bottom: 35px;
    }
        .zwc-perfect-content {
        flex-direction: column;
        gap: 35px;
    }
        .zwc-faq-content {
        gap: 20px;
    }
        .zwc-faq-question {
        padding: 18px 0;
    }
    .zwc-explore-content{
      gap: 30px;
    }

    .zwc-explore-header p, .zwc-what-com-text p{
      font-size: 16px;
      line-height: 24px;
    }

    .zwc-benefit-item{
      padding: 30px 20px;
    }

        .zwc-check-item span:last-child {
        font-size: 16px;
        line-height: 24px;
    }

    .zwd-other-tlds-wrap .other-tld-title, .zwc-hero-search .zwc-domain-listing-wrapper{
        padding: 0;
    }

    .zwc-exact-match-domains{
        border-radius: 10px;
    }

    .zwc-hero-search .zwc-exact-match-domains {
    padding: 25px 15px 15px 15px;
    }
         .zwc-hero-search .zwc-exact-match-notfound {
        padding: 15px 15px 15px 15px;
    }

    .no-exact-domain-available p {
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-hero-search .zwc-domain-listing-wrapper .domain-cta a{
        min-width: 85px;
        gap: 3px;
        height: 35px;
    }
    .domain-cta-remove a{
        min-width: 85px;
         height: 35px;
    }
    .domain-cta-remove a img{
        transform: scale(.8);
    }

    .domain-names{
        padding: 10px 15px;
    }

    .zwc-domain-listing-wrapper .domain-detail{
        padding: 10px 13px;
    }

    .domain-cta span.cart-plus-icon:before {
    content: "";
    width: 10px;
    height: 2px;
    }

    .domain-cta span.cart-plus-icon:after {
    width: 2px;
    height: 10px;
    }

    .domain-names > p {
        font-size: 16px;
        line-height: 1.3;
    }
        .zwc-domain-listing-wrapper .domain-pricing > p {
        font-size: 15px;
    }

    .zwc-exact-match-block .domain-names.no-exact-domain-available>p{
        font-size: 17px;
    }

    .zwc-exact-match-block .domain-names p {
        font-size: 17px;
    }
    .zwc-exact-match-block .domain-detail .domain-pricing>p {
        font-size: 15px;
    }
    .zwc-exact-match-active .domain-names:not(.no-exact-domain-available) {
        padding: 20px 15px 15px 15px;
    }

    .zwc-exact-match-active .zwc-exact-match-roller-wrap {
        left: 15px;
        /* top: 18px; */
    }

    .zwc-exact-match-active .domain-detail {
        padding: 10px 15px;
    }

    .zwc-exact-match-active .domain-cta a {
        min-width: 85px;
        gap: 3px;
        height: 35px;
    }
    .zwc-exact-match-block .domain-detail {
        gap: 15px;
    }
    .zwc-hero-search {
        border-radius: 15px;
    border: 3px solid rgba(255, 255, 255, .15);
    }
    .zwc-hero-search-form {
        border-radius: 12px;
        padding: 20px 15px;
    }
    .zwc-hero-search-btn{
        /* font-size: 14px; */
    }
    .zwc-hero-search-form input[type="text"]{
        font-size: 14px;
    }
    .hero-search-active .zwc-hero-search-form {
        border-radius: 10px 10px 0px 0px;
    }
        .zwc-hero-search .zwc-available-render-wrap {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .zwd-other-tlds-wrap {
    margin-top: 20px;
}

.zwc-domain-preview{
    height: 45px;

}

.zwc-www-text{
    font-size: 16px;
    height: 45px;
    width: 67%;

}
.zwc-com-text{
    font-size: 18px;
}
    .zwc-domain-line {
        left: 98px;
    }

     .already-added-cart-info{
        font-size: 13px;
    }

}

@media (max-width: 414px) {
.zwc-fixed-header-wrapper{
  display: none;
}

}


/* Extra Small Devices - 320px Breakpoint */
@media (max-width: 320px) {
    .zw-template-inner .content-wrap {
        width: 95%;
        padding: 0 10px;
    }

    .zwc-hero-banner {
        /* padding: 30px 0px; */
    }

    .zwc-hero-content-box h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .zwc-hero-content-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .zwc-hero-search-form {
        padding: 20px 15px;
        gap: 15px;
    }

    .zwc-hero-search-btn {
        font-size: 14px;
        padding: 12px 16px;
        width: 100%;
        gap: 10px;
    }
    .zwc-search-icon{
        width: 18px;
        height: 18px;
    }
    .zwc-search-icon::before{
            width: 16px;
    height: 16px;background-size: 54px auto;
    }
    .zwc-domain-tag {
        font-size: 13px;
    }
    .zwc-domain-tags {
    gap: 6px;
}
.zwc-popular-label {
        font-size: 14px;
    }
        .zwc-popular-domains {
        gap: 10px;
    }

    .zwc-what-com-text h2, .zwc-perfect-text h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .zwc-what-com-text, .zwc-perfect-text {
        width: 100%;
    }

    .zwc-why-com-content h2, .zwc-faq h2, .zwc-explore-header h2, .zwc-choose-content h2 {
        font-size: 22px;
        line-height: 26px;
    }

        .zwc-explore-header h2 {
        max-width: 200px;
        
    }

    .zwc-benefit-item {
        /* padding: 15px; */
        /* margin-bottom: 20px; */
    }

    .zwc-benefit-header {
        gap: 15px;
    }

    .zwc-benefit-header h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .zwc-benefit-content p {
        font-size: 14px;
        line-height: 20px;
    }

    .zwc-faq-question {
        padding: 15px 0px 15px 0;
    }

    .zwc-faq-question span:nth-child(2) {
        font-size: 16px;
        margin-right: 15px;
    }

    .zwc-faq-answer p {
        font-size: 14px;
        line-height: 20px;
        padding-right: 0px;
    }

    .zwc-domain-extensions {
        gap: 8px;
    }

    .zwc-extension-item {
        /* width: 100px;
        height: 100px;
        padding: 15px; */
    }

    .zwc-extension-badge {
        font-size: 14px;
        padding: 6px 12px;
    }

    .zwc-choose-buttons {
        gap: 12px;
    }

    .zwc-buy-btn, .zwc-transfer-btn {
        font-size: 14px;
        padding: 12px 20px;
        width: 100%;
        max-width: 250px;
    }

    /* Fixed header adjustments */
    .zwc-fixed-header-wrapper {
        padding: 10px;
    }

    .zwc-fixed-cmn {
        padding: 12px 15px;
        font-size: 12px;
        margin: 5px 2px;
    }

    #zwc-search-fixed {
        /* width: 100%; */
        padding: 10px 15px;
        font-size: 14px;
    }

    /* Domain listing adjustments */
    .domain-listing-list {
        /* padding: 12px 8px;
        gap: 8px;
        flex-direction: column;
        text-align: center; */
    }

    .domain-names {
        /* min-width: auto;
        max-width: 100%;
        margin-bottom: 8px; */
    }
    
    .domain-names > p {
        /* font-size: 18px;
        line-height: 1.3; */
    }
    
    .domain-detail {
        /* flex-direction: column;
        gap: 12px;
        width: 100%; */
    }
    .zwc-hero-search .zwc-exact-match-domains{
        padding: 0;
    }

    .zwc-hero-search .zwc-exact-match-notfound{
        padding: 15px;
    }
    
    .domain-pricing {
        /* min-width: auto;
        width: 100%;
        margin-bottom: 0; */
    }
    
    .domain-pricing > p {
        font-size: 14px;
        padding: 6px 10px;
        text-align: center;
    }
    
    .domain-cta-action {
        /* flex-direction: row;
        justify-content: center;
        gap: 10px;
        width: 100%; */
    }
    
    .domain-cta a {
        min-width: 100px;
        padding: 10px 15px;
        font-size: 12px;
        flex: 1;
        max-width: 140px;
    }
    
    .domain-cta-remove a {
        /* width: 40px;
        height: 40px;
        flex-shrink: 0; */
    }

    .domain-names > p {
        /* font-size: 14px;
        word-break: break-all; */
    }

    .domain-pricing {
        /* min-width: 70px; */
    }

    .domain-pricing > p {
        font-size: 14px;
    }

    .domain-cta a {
        min-width: 80px;
        padding: 8px 12px;
        font-size: 11px;
    }

    /* Cart adjustments */
    .zwd-cart-item {
        padding: 8px 5px;
        gap: 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    .zwd-cart-domain-name > p {
        max-width: 100%;
        min-width: auto;
        font-size: 12px;
    }

    .zwd-cart-domain-price > p {
        font-size: 12px;
        min-width: auto;
    }

    .toast-container {
        width: 280px;
        right: 10px;
    }

    .toast {
        font-size: 12px;
        padding: 6px 10px;
    }
        .zwc-perfect-text h2 {
        max-width: 240px;
    }
    
    .zwc-domain-search-placeholder {
        padding: 30px 10px;
    }
    
    .zwc-search-status {
        gap: 12px;
    }
    
    .zwc-search-icon-loader {
        width: 40px;
        height: 40px;
    }
    
    .zwc-search-spinner {
        width: 16px;
        height: 16px;
    }
    
    .zwc-search-message .zwc-search-title {
        font-size: 14px;
    }
    
    .zwc-search-message p {
        font-size: 12px;
    }

    .no-exact-domain-available p {
        font-size: 20px;
    }

    .zwc-hero-search .zwc-domain-listing-wrapper .domain-cta a {
        padding: 5px 8px;
        font-size: 12px;
        height: 32px;
        min-width: 80px;
    }

    .zwc-hero-search .zwc-available-render-wrap{
        padding: 25px 15px 15px 15px;
    }
    .already-added-cart-info{
        font-size: 12px;
    }

}

/* Moved 320px styles to 480px breakpoint for consistency */