/*
Theme Name: Youbuild Child
Template: youbuild
Version: 1.0
*/


.wishlist_products_counter_text{
	display: none;
}
.wishlist_products_counter:before {
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90"><path fill="black" d="M45 84.334 L6.802 46.136 C2.416 41.75 0 35.918 0 29.716c0-6.203 2.416-12.034 6.802-16.42 4.386-4.386 10.217-6.802 16.42-6.802 6.203 0 12.034 2.416 16.42 6.802L45 18.654l5.358-5.358c4.386-4.386 10.218-6.802 16.42-6.802 6.203 0 12.034 2.416 16.42 6.802C87.585 17.682 90 23.513 90 29.716c0 6.203-2.415 12.034-6.802 16.42L45 84.334z"/></svg>') no-repeat center;
  background-size: contain;
	    margin-right: 0px !important;
}
.wishlist_products_counter_number {
      position: absolute;
    top: 5px;
    right: 75px;
    background: red;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 50%;
    font-weight: 600;
}
.wishlist-counter-with-products:hover {
    background: #fcf9fa;
}
.wishlist-counter-with-products{
display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 100px;
    transition: background var(--transition), transform var(--transition);
}
.cart-icon{
	display: flex;
}
/* ===== FULL WIDTH ===== */
.tinv-wishlist {
        max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 40px 20px;
}
.tinvwl-woocommerce_after_add_to_cart_button {
    padding: 20px 0px !important;
}

/* ===== TABLE CLEAN DESIGN ===== */
.tinvwl-table-manage-list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 15px !important;
}

/* Header */
.tinvwl-table-manage-list thead th {
    text-align: left !important;
    font-weight: 600;
    padding: 12px 15px;
    background: transparent;
}

/* Row like card */
.tinvwl-table-manage-list tbody tr {
    background: #f8fafc;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Cells */
.tinvwl-table-manage-list tbody td {
    padding: 15px;
    vertical-align: middle;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

/* First & last cell radius */
.tinvwl-table-manage-list tbody tr td:first-child {
    border-left: 1px solid #e5e7eb;
    border-radius: 12px 0 0 12px;
}
.tinvwl-table-manage-list tbody tr td:last-child {
    border-right: 1px solid #e5e7eb;
    border-radius: 0 12px 12px 0;
}
.tinv-wishlist .product-action {
    width: 180px;
    text-align: center;
}

/* Image */
.tinvwl-table-manage-list img {
    width: 70px;
    border-radius: 8px;
}

/* Product name */
.product-name a {
    font-weight: 600;
    color: #111827;
    text-decoration: none;
}

/* Button */
.custom-wishlist-cart-btn {
    background: #0f172a !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
}

/* ===== COLUMN WIDTH FIX ===== */
.product-name { width: 17%; }
.product-price { width: 15%; }
.product-date { width: 15%; }
.product-stock-status { width: 15%; }
.product-action { width: 20%; }
.product-quantity { width: 18% !important; }

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {

    .tinvwl-table-manage-list thead {
        display: none;
    }

    .tinvwl-table-manage-list,
    .tinvwl-table-manage-list tbody,
    .tinvwl-table-manage-list tr,
    .tinvwl-table-manage-list td {
        display: block;
        width: 100%;
    }

    .tinvwl-table-manage-list tbody tr {
        margin-bottom: 15px;
        padding: 10px;
    }

    .tinvwl-table-manage-list td {
        border: none;
        padding: 8px 10px;
    }

    .product-thumbnail img {
        width: 100%;
        max-width: 120px;
    }

    .product-name {
        margin-top: 10px;
    }

    .custom-wishlist-cart-btn {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}
.tinvwl-table-manage-list tfoot {
    display: none !important;
}
/* ===== REMOVE UNIT PRICE COLUMN ===== */
.tinvwl-table-manage-list th.product-price,
.tinvwl-table-manage-list td.product-price {
    display: none !important;
}

/* ===== BUTTON ONE LINE ===== */
.custom-wishlist-cart-btn {
    white-space: nowrap !important;
    min-width: 120px;
    text-align: center;
}

/* ===== STOCK ONE LINE ===== */
.product-stock-status {
    white-space: nowrap !important;
}

/* ===== FIX COLUMN WIDTH ===== */
.product-name { width: 17%; }
.product-date { width: 15% !important; }
.product-stock-status { width: 15%; }
.product-action { width: 5% !important; }
.product-quantity { width: 18%; }


/* ===== ALIGN BUTTON RIGHT ===== */
.product-action {
    text-align: right;
}
.product-cb{
	display: none;
}
.product-quantity .qib-button-wrapper {
    margin-bottom: 0px !important;
}

/* Remove checkbox completely */
.tinv-wishlist th.product-cb,
.tinv-wishlist td.product-cb {
    display: none !important;
}

/* Mobile Wishlist Fix */
@media only screen and (max-width: 768px) {

    .tinv-wishlist table.tinvwl-table-manage-list tbody tr {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid #eee;
        border-radius: 10px;
        background: #fff;
        position: relative;
    }

    /* Remove unwanted empty row space */
    .tinv-wishlist tr > td:empty {
        display: none !important;
    }

    .tinv-wishlist td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 6px 0;
    }

    .tinv-wishlist td.product-thumbnail img {
        margin: 0 auto;
        display: block;
        max-width: 120px;
    }

    .tinv-wishlist td.product-name {
        font-size: 14px;
        font-weight: 500;
    }

    .tinv-wishlist td.product-quantity {
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .tinv-wishlist .product-action button {
        width: 100%;
        max-width: 200px;
        margin-top: 10px;
    }

    /* X button position fix */
    .tinv-wishlist td.product-remove {
        position: absolute;
        top: 10px;
        right: 10px;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
	    .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove {
        border-top: 0;
    }
	.product-thumbnail{
		    margin-top: 10%;
	}
}

.yb-account-trigger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:1px solid rgba(20,33,61,.12);
    border-radius:50%;
    color:#14213d;
    text-decoration:none;
    transition:all .25s ease;
    background:#fff;
}
.yb-account-trigger:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    color:#14213d;
}
.tinvwl-table-manage-list tbody tr {
    align-items: center;
}

/* =====================================
   YOUBUILD LOGIN / REGISTER - CLEAN FIX
   ===================================== */

.yb-login-register-page {
    background: #f6f8fb;
}

.yb-login-register-page .woocommerce {
    max-width: 1240px;
    margin: 48px auto 70px;
    padding: 0 20px;
}

/* Force clean 2-column layout */
.yb-login-register-page #customer_login {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 36px !important;
    align-items: start !important;
    width: 100%;
}

.yb-login-register-page #customer_login .u-column1,
.yb-login-register-page #customer_login .u-column2,
.yb-login-register-page .woocommerce .col2-set .col-1,
.yb-login-register-page .woocommerce .col2-set .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
}

/* headings */
.yb-login-register-page #customer_login h2 {
    margin: 0 0 18px !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #0f2343 !important;
    letter-spacing: -0.02em;
}

/* cards */
.yb-login-register-page .woocommerce form.login,
.yb-login-register-page .woocommerce form.register {
    margin: 0 !important;
    padding: 34px !important;
    border: 1px solid #dfe6ef !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 35, 67, 0.06) !important;
    width: 100% !important;
}

/* reset theme flex/float issues inside rows */
.yb-login-register-page .woocommerce form .form-row,
.yb-login-register-page .woocommerce-page form .form-row,
.yb-login-register-page .woocommerce .woocommerce-form-row {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    float: none !important;
}

/* labels */
.yb-login-register-page .woocommerce form label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #14213d !important;
    text-align: left !important;
}

/* inputs */
.yb-login-register-page .woocommerce .input-text,
.yb-login-register-page .woocommerce input[type="text"],
.yb-login-register-page .woocommerce input[type="email"],
.yb-login-register-page .woocommerce input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 54px !important;
    border: 1px solid #cfd8e3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.yb-login-register-page .woocommerce .input-text:focus,
.yb-login-register-page .woocommerce input[type="text"]:focus,
.yb-login-register-page .woocommerce input[type="email"]:focus,
.yb-login-register-page .woocommerce input[type="password"]:focus {
    outline: none !important;
    border-color: #14213d !important;
    box-shadow: 0 0 0 4px rgba(20, 33, 61, 0.08) !important;
}

/* password eye */
.yb-login-register-page .woocommerce .password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.yb-login-register-page .woocommerce .password-input .input-text {
    padding-right: 48px !important;
}

.yb-login-register-page .woocommerce button.show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: .75;
}

/* remember me + button row */
.yb-login-register-page .woocommerce form.login .form-row:last-of-type,
.yb-login-register-page .woocommerce form.register .form-row:last-of-type {
    display: block !important;
    width: 100% !important;
}

.yb-login-register-page .woocommerce .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 4px 0 18px !important;
    font-size: 14px !important;
    color: #334155 !important;
}

.yb-login-register-page .woocommerce .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

/* buttons */
.yb-login-register-page .woocommerce button.button,
.yb-login-register-page .woocommerce .button,
.yb-login-register-page .woocommerce input.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 52px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #14213d !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    text-align: center !important;
}

.yb-login-register-page .woocommerce button.button:hover,
.yb-login-register-page .woocommerce .button:hover,
.yb-login-register-page .woocommerce input.button:hover {
    background: #0e1a33 !important;
    color: #fff !important;
}

/* helper text */
.yb-login-register-page .woocommerce form.register > p:not(.form-row),
.yb-login-register-page .woocommerce .woocommerce-privacy-policy-text {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #546275 !important;
    margin: 0 0 16px !important;
}

.yb-login-register-page .woocommerce .woocommerce-privacy-policy-text a,
.yb-login-register-page .woocommerce form.register a {
    color: #14213d !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* lost password */
.yb-login-register-page .woocommerce .lost_password {
    margin: 14px 0 0 !important;
}

.yb-login-register-page .woocommerce .lost_password a {
    color: #14213d !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

/* mobile */
@media (max-width: 991px) {
    .yb-login-register-page #customer_login {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .yb-login-register-page .woocommerce {
        margin: 30px auto 50px;
        padding: 0 16px;
    }

    .yb-login-register-page #customer_login h2 {
        font-size: 28px !important;
    }

    .yb-login-register-page .woocommerce form.login,
    .yb-login-register-page .woocommerce form.register {
        padding: 24px !important;
    }
}
.woo-selected-variation-item-name {
    display: none !important;
}
table.variations tbody tr th label{    
color: #0f172b;
    font-weight: 500;
    font-size: 14px;
}
.reset_variations {
    display: none !important;
}




.yb-login-register-page{
    background:#f6f8fb;
}
.yb-login-register-page .yb-auth-wrap{
    max-width:1240px;
    margin:48px auto 70px;
    padding:0 20px;
}
.yb-login-register-page .yb-auth-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:36px;
    align-items:start;
}
.yb-login-register-page .yb-auth-col h2{
    margin:0 0 18px;
    font-size:32px;
    line-height:1.15;
    font-weight:700;
    color:#0f2343;
}
.yb-login-register-page .yb-auth-card{
    background:#fff;
    border:1px solid #dfe6ef;
    border-radius:24px;
    padding:32px;
    box-shadow:0 10px 30px rgba(15,35,67,.06);
}
.yb-login-register-page .yb-field{
    margin-bottom:16px;
}
.yb-login-register-page .yb-field label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    color:#14213d;
}
.yb-login-register-page .yb-field input{
    width:100%;
    height:54px;
    border:1px solid #cfd8e3;
    border-radius:14px;
    background:#fff;
    padding:0 16px;
    font-size:15px;
    box-sizing:border-box;
}
.yb-login-register-page .yb-field input:focus{
    outline:none;
    border-color:#14213d;
    box-shadow:0 0 0 4px rgba(20,33,61,.08);
}
.yb-login-register-page .yb-btn,
.yb-login-register-page .yb-btn-secondary{
    width:100%;
    height:52px;
    border:0;
    border-radius:14px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}
.yb-login-register-page .yb-btn{
    background:#14213d;
    color:#fff;
}
.yb-login-register-page .yb-btn-secondary{
    background:#eef3f8;
    color:#14213d;
    margin-bottom:14px;
}
.yb-login-register-page .yb-required{
    color:#dc2626;
}
@media (max-width:991px){
    .yb-login-register-page .yb-auth-grid{
        grid-template-columns:1fr;
        gap:24px;
    }
}

/* =========================================
   YOUBUILD MY ACCOUNT - SINGLE CLEAN VERSION
   ========================================= */

.woocommerce-account {
  background: #f6f8fb;
}

.woocommerce-account .woocommerce {
  max-width: 1240px !important;
  margin: 48px auto 80px !important;
  padding: 0 10px !important;
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
  display: none !important;
  content: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  clear: none !important;
}

/* left menu */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 12px !important;
  background: #fff !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 24px rgba(15,35,67,.05) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block !important;
  padding: 13px 14px !important;
  border-radius: 14px !important;
  color: #14213d !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  transition: .2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: #eef3f8 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  background: #14213d !important;
  color: #fff !important;
}

/* right panel */
.woocommerce-account .woocommerce-MyAccount-content {
  background: #fff !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 24px !important;
  padding: 26px !important;
  box-shadow: 0 12px 28px rgba(15,35,67,.05) !important;
  min-height: 420px !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend {
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #0f2343 !important;
  margin: 0 0 18px !important;
  border: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #425466 !important;
/*   margin-bottom: 14px !important; */
}

.woocommerce-account .woocommerce-MyAccount-content a {
  color: #14213d !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.woocommerce-account .woocommerce .tinv-wishlist-clear {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* =========================================
   EDIT ACCOUNT PAGE
   ========================================= */

.woocommerce-account .woocommerce-EditAccountForm.edit-account{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px 20px !important;
  align-items:start !important;
}

/* remove old clear div spacing */
.woocommerce-account .woocommerce-EditAccountForm.edit-account > .clear{
  display:none !important;
}

/* reset rows */
.woocommerce-account .woocommerce-EditAccountForm.edit-account > p.form-row,
.woocommerce-account .woocommerce-EditAccountForm.edit-account > p.woocommerce-form-row{
  width:100% !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  display:block !important;
}

/* first / last row */
.woocommerce-account .woocommerce-EditAccountForm.edit-account > .form-row-first,
.woocommerce-account .woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--first{
  grid-column:1 !important;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account > .form-row-last,
.woocommerce-account .woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--last{
  grid-column:2 !important;
}

/* full width rows */
.woocommerce-account .woocommerce-EditAccountForm.edit-account > .form-row-wide,
.woocommerce-account .woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--wide{
  grid-column:1 / -1 !important;
}

/* labels */
.woocommerce-account .woocommerce-EditAccountForm.edit-account label{
  display:block !important;
  width:100% !important;
  margin:0 0 6px !important;
  text-align:left !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
  color:#14213d !important;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account label .required{
  color:#dc2626 !important;
  margin-left:3px !important;
}

/* inputs */
.woocommerce-account .woocommerce-EditAccountForm.edit-account input.input-text,
.woocommerce-account .woocommerce-EditAccountForm.edit-account input[type="text"],
.woocommerce-account .woocommerce-EditAccountForm.edit-account input[type="email"],
.woocommerce-account .woocommerce-EditAccountForm.edit-account input[type="password"]{
  width:100% !important;
  height:46px !important;
  border:1px solid #cfd8e3 !important;
  border-radius:14px !important;
  background:#fff !important;
  padding:0 14px !important;
  font-size:14px !important;
  box-sizing:border-box !important;
}

/* helper text below display name */
.woocommerce-account .woocommerce-EditAccountForm.edit-account #account_display_name_description{
  display:block !important;
  margin-top:6px !important;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account #account_display_name_description em{
  display:block !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.5 !important;
  color:#64748b !important;
  font-style:normal !important;
}

/* password block */
.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset{
  grid-column:1 / -1 !important;
  margin-top:4px !important;
  padding:18px !important;
  border:1px solid #dbe4ef !important;
  border-radius:20px !important;
  background:#fbfcfe !important;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset legend{
  font-size:16px !important;
  font-weight:700 !important;
  margin-bottom:12px !important;
  color:#0f2343 !important;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset .form-row{
  width:100% !important;
  float:none !important;
  margin:0 0 14px !important;
  padding:0 !important;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account .password-input{
  display:block !important;
  width:100% !important;
  position:relative !important;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account .password-input input{
  width:100% !important;
  padding-right:42px !important;
}

.woocommerce-account .woocommerce-EditAccountForm.edit-account .show-password-input{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

/* save button row */
.woocommerce-account .woocommerce-EditAccountForm.edit-account > p:last-child{
  grid-column:1 / -1 !important;
  margin-top:4px !important;
}

/* mobile */
@media (max-width:991px){
  .woocommerce-account .woocommerce-EditAccountForm.edit-account{
    grid-template-columns:1fr !important;
  }

  .woocommerce-account .woocommerce-EditAccountForm.edit-account > .form-row-first,
  .woocommerce-account .woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--first,
  .woocommerce-account .woocommerce-EditAccountForm.edit-account > .form-row-last,
  .woocommerce-account .woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--last,
  .woocommerce-account .woocommerce-EditAccountForm.edit-account > .form-row-wide,
  .woocommerce-account .woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--wide,
  .woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset,
  .woocommerce-account .woocommerce-EditAccountForm.edit-account > p:last-child{
    grid-column:1 / -1 !important;
  }
}
/* =========================================
   ADDRESS LIST PAGE
   ========================================= */

.woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses{
  display:flex !important;
  flex-wrap:nowrap !important;
/*   gap:24px !important; */
  align-items:stretch !important;
  justify-content:space-between !important;
  margin-top:18px !important;
}

.woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .u-column1,
.woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .u-column2,
.woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .col-1,
.woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .col-2,
.woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .woocommerce-Address{
  float:none !important;
  clear:none !important;
  width:calc(50% - 12px) !important;
  max-width:calc(50% - 12px) !important;
  flex:0 0 calc(50% - 12px) !important;
  margin:0 !important;
}

.woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .woocommerce-Address{
  border:1px solid #dbe4ef !important;
  border-radius:20px !important;
  padding:24px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(15,35,67,.05) !important;
  min-height:220px !important;
  display:flex !important;
  flex-direction:column !important;
}

.woocommerce-account .woocommerce-Address-title.title{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin-bottom:18px !important;
}

.woocommerce-account .woocommerce-Address-title.title h2{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.25 !important;
  flex:1 1 auto !important;
}

.woocommerce-account .woocommerce-Address-title.title .edit{
  margin:0 !important;
  white-space:nowrap !important;
  font-size:13px !important;
  line-height:1.4 !important;
  flex:0 0 auto !important;
}

.woocommerce-account .woocommerce-Address address{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.7 !important;
  color:#425466 !important;
}

/* mobile */
@media (max-width: 991px){
  .woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses{
    flex-wrap:wrap !important;
  }

  .woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .u-column1,
  .woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .u-column2,
  .woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .col-1,
  .woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .col-2,
  .woocommerce-account .woocommerce-Addresses.u-columns.col2-set.addresses > .woocommerce-Address{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }
}
/* =========================================
   BILLING / SHIPPING EDIT FORM
   ========================================= */

.woocommerce-account .woocommerce-address-fields__field-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 18px 20px !important;
  align-items: start !important;
}

/* reset all Woo rows */
.woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  display: block !important;
}

/* first row: two columns */
.woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row-first {
  grid-column: 1 !important;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row-last {
  grid-column: 2 !important;
}

/* all wide fields full width */
.woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row-wide {
  grid-column: 1 / -1 !important;
}

/* labels always above */
.woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row > label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 6px !important;
  text-align: left !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #14213d !important;
}

/* star */
.woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row > label .required {
  color: #dc2626 !important;
  margin-left: 3px !important;
}

/* wrapper under label */
.woocommerce-account .woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper {
  display: block !important;
  width: 100% !important;
}

/* inputs/selects full width */
.woocommerce-account .woocommerce-address-fields__field-wrapper input.input-text,
.woocommerce-account .woocommerce-address-fields__field-wrapper input[type="text"],
.woocommerce-account .woocommerce-address-fields__field-wrapper input[type="tel"],
.woocommerce-account .woocommerce-address-fields__field-wrapper input[type="email"],
.woocommerce-account .woocommerce-address-fields__field-wrapper select,
.woocommerce-account .woocommerce-address-fields__field-wrapper textarea {
  width: 100% !important;
  min-height: 46px !important;
  border: 1px solid #cfd8e3 !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper textarea {
  min-height: 120px !important;
  padding: 12px 14px !important;
}

/* select2 */
.woocommerce-account .woocommerce-address-fields__field-wrapper .select2-container {
  width: 100% !important;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper .select2-selection--single {
  min-height: 46px !important;
  border: 1px solid #cfd8e3 !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper .select2-selection__rendered {
  padding-left: 14px !important;
  line-height: normal !important;
}

/* save button row */
.woocommerce-account .woocommerce-address-fields > p:last-child {
  margin-top: 18px !important;
}

/* mobile */
@media (max-width: 991px) {
  .woocommerce-account .woocommerce-address-fields__field-wrapper {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row-first,
  .woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row-last,
  .woocommerce-account .woocommerce-address-fields__field-wrapper > .form-row-wide {
    grid-column: 1 / -1 !important;
  }
}
/* =========================================
   ORDERS PAGE
   ========================================= */

.woocommerce-account.woocommerce-orders .woocommerce-info,
.woocommerce-account.woocommerce-orders .woocommerce-message {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 18px !important;
  padding: 20px 22px !important;
  background: #f8fbff !important;
  margin: 0 !important;
}

.woocommerce-account.woocommerce-orders .woocommerce-info::before,
.woocommerce-account.woocommerce-orders .woocommerce-message::before {
  display: none !important;
}

.woocommerce-account.woocommerce-orders .woocommerce-info .button,
.woocommerce-account.woocommerce-orders .woocommerce-message .button {
  margin: 0 !important;
  white-space: nowrap !important;
  justify-self: end !important;
}

/* buttons */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce a.button {
  background: #14213d !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
  min-height: 48px !important;
  padding: 17px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 10px 20px rgba(20,33,61,.12) !important;
}

/* mobile */
@media (max-width: 991px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr !important;
    padding: 0 16px !important;
    margin: 30px auto 60px !important;
  }

  .woocommerce-account .woocommerce-EditAccountForm {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-account .woocommerce-EditAccountForm .form-row-wide,
  .woocommerce-account .woocommerce-EditAccountForm fieldset,
  .woocommerce-account .woocommerce-EditAccountForm > p:last-child {
    grid-column: 1 / -1 !important;
  }

  .woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
  }

 .woocommerce-account .woocommerce-address-fields__field-wrapper {
  grid-template-columns: 1fr !important;
}

  .woocommerce-account.woocommerce-orders .woocommerce-info,
  .woocommerce-account.woocommerce-orders .woocommerce-message {
    grid-template-columns: 1fr !important;
  }
}

/* header action row */
.yb-actions{
  display:flex;
  align-items:center;
  gap:16px;
}

/* wishlist icon */
.yb-actions .wishlist_products_counter{
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  color:#111827;
  text-decoration:none;
  line-height:1;
}

/* hide wishlist text label */
.yb-actions .wishlist_products_counter_text{
  display:none !important;
}

/* wishlist badge */
.yb-actions .wishlist_products_counter_number{
  position:absolute !important;
  top:2px !important;
  right:0px !important;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:999px;
  background:#ff0000;
  color:#fff;
  font-size:10px;
  font-weight:700;
  line-height:16px;
  text-align:center;
}

/* account icon */
.yb-account-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  color:#111827;
  text-decoration:none;
  line-height:1;
}

.yb-account-btn svg{
  display:block;
}

/* cart */
.yb-cart-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  color:#111827;
  text-decoration:none;
}

/* cart badge */
.yb-cart-btn .cart-count{
  position:absolute;
  top:0;
  right:-2px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:999px;
  background:#ff0000;
  color:#fff;
  font-size:10px;
  font-weight:700;
  line-height:16px;
  text-align:center;
}

.yb-form-message{
  display:none;
  margin-bottom:14px;
  padding:12px 14px;
  border-radius:12px;
  font-size:14px;
  line-height:1.5;
}

.yb-form-message.yb-success{
  display:block;
  background:#e7f8ee;
  border:1px solid #b7e4c7;
  color:#166534;
}

.yb-form-message.yb-error{
  display:block;
  background:#fef2f2;
  border:1px solid #fecaca;
  color:#b91c1c;
}

.yb-form-message strong{
  font-weight:700;
}

.yb-form-message .yb-demo-otp{
  display:inline-block;
  margin-left:6px;
  padding:2px 8px;
  border-radius:8px;
  background:#ffffff;
  border:1px solid #b7e4c7;
  color:#166534;
  font-weight:700;
  letter-spacing:1px;
}
/* REMOVE CROSS COMPLETELY */
.woo-variation-swatches .variable-item.disabled .variable-item-contents::before,
.woo-variation-swatches .variable-item.disabled .variable-item-contents::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* EXTRA SAFETY */
.variable-item-contents::before,
.variable-item-contents::after {
    display: none !important;
}

/*  KEEP ITEMS CLICKABLE */
.woo-variation-swatches .variable-item.disabled {
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: not-allowed !important;
}
.qib-button-wrapper .quantity input.input-text.qty.text {
	font-family: var(--font-sans);
	font-size: 16px !important;
	    padding:0px !important;
}

/* ---------- Page Header ---------- */
.tnc-page-header {
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 24px 20px;
  text-align: center;
}
 
.tnc-page-header .section-label {
  text-align: center;
}
 
.tnc-page-header .section-title {
  text-align: center;
}
 
.tnc-page-meta {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 12px;
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}
 
/* ---------- Main Wrapper ---------- */
.tnc-wrap {
  max-width: 1200px;
  margin: 0 auto;
	    padding: 0px 20px 60px;
}
 
/* ---------- Intro Box ---------- */
.tnc-intro {
  background: #f7f7f7;
  border-left: 4px solid #1a1a2e;
  padding: 20px 24px;
  border-radius: 6px;
  margin-bottom: 36px;
}
 
.tnc-intro p {
  margin: 0 0 12px;
  color: #333;
  font-size: 14.5px;
  line-height: 1.8;
}
 
.tnc-intro p:last-child {
  margin-bottom: 0;
}
 
.tnc-notice {
  font-weight: 700;
  color: #1a1a2e;
}
 
/* ---------- Each Section ---------- */
.tnc-section {
  margin-bottom: 32px;
  border-bottom: 1px solid #eee;
  padding-bottom: 32px;
}
 
.tnc-section:last-of-type {
  border-bottom: none;
}
 
/* ---------- Headings ---------- */
.tnc-heading {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 12px;
}
 
.tnc-subheading {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0 0 10px;
}
 
/* ---------- Body Text ---------- */
.tnc-text {
  color: #555;
  font-size: 14.5px;
  line-height: 1.8;
  margin: 0 0 12px;
}
 
.tnc-text:last-child {
  margin-bottom: 0;
}
 
/* ---------- Lists ---------- */
.tnc-list {
  color: #555;
  font-size: 14.5px;
  line-height: 1.8;
  padding-left: 20px;
  margin: 0 0 16px;
	    list-style-type: disc;
}
 
.tnc-list li {
  margin-bottom: 8px;
}
 
.tnc-list li:last-child {
  margin-bottom: 0;
}
 
.tnc-list-gap {
  margin-bottom: 20px;
}
 
/* ---------- Contact Box ---------- */
.tnc-contact-box {
  background: #f7f7f7;
  border-radius: 8px;
  padding: 24px 28px;
}
 
.tnc-contact-box .tnc-heading {
  margin-bottom: 10px;
}
 
.tnc-contact-box a {
  color: #1a1a2e;
  text-decoration: underline;
}
 
/* ---------- Privacy Policy Section ---------- */
.tnc-privacy-wrap {
  padding: 60px 24px;
}
 
.tnc-privacy-inner {
  max-width: 1200px;
  margin: 0 auto;
}
 
.tnc-privacy-intro {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 40px;
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}
 
/* ---------- Privacy Cards ---------- */
.tnc-card {
  border-radius: 8px;
/*   padding: 28px 32px; */
  margin-bottom: 20px;
}
 
.tnc-card .tnc-heading {
  margin-bottom: 16px;
}
 
.tnc-card .tnc-subheading {
  margin-top: 16px;
}
 
/* ---------- Privacy Dark CTA Card ---------- */
.tnc-card-dark {
  background: #1a1a2e;
  border-radius: 8px;
  padding: 28px 32px;
  margin-bottom: 20px;
}
 
.tnc-card-dark .tnc-heading {
  color: #fff;
  margin-bottom: 12px;
}
 
.tnc-card-dark .tnc-text {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}
 
.tnc-card-dark a {
  color: #fff;
  text-decoration: underline;
}
.pkg-wrapper{
	display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
}
.pkg-modal-hero {
  display: flex;
  align-items: center;
  gap: 10px;
}

#pkg-modal-img {
  flex: 1;
}

.pkg-slide {
  display: none;
}

.pkg-slide.active {
  display: block;
}

#pkg-prev,
#pkg-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  width: 48px;
  height: 48px;

  border-radius: 50%;
  border: none;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 50;

  /* Strong contrast background */
  background: rgba(0, 0, 0, 0.65);

  box-shadow: 0 4px 12px rgba(0,0,0,0.3);

  transition: all 0.3s ease;
}

/* LEFT */
#pkg-prev {
  left: 10px;
}

/* RIGHT */
#pkg-next {
  right: 10px;
}

/* ICON */
#pkg-prev::before,
#pkg-next::before {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
}

/* Symbols */
#pkg-prev::before {
  content: "❮";
}

#pkg-next::before {
  content: "❯";
}

/* HOVER */
#pkg-prev:hover,
#pkg-next:hover {
  background: #000;
  transform: translateY(-50%) scale(1.15);
}

/* Remove default text */
#pkg-prev,
#pkg-next {
  font-size: 0;
}
.pkg-group {
  margin-bottom: 15px;
}

.pkg-group-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.pkg-group-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pkg-item {
  background: #f5f5f5;
  padding: 8px 12px;
  border-radius: 8px;
}

.quote-form .wpcf7-not-valid-tip {
  color: #dc2626;
  font-size: 13px;
  margin-top: 6px;
  display: block;
}

.quote-form select.wpcf7-not-valid {
  border-color: #dc2626;
}
.prod-card-body {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.prod-sku{
    display:block;
}

.prod-name{
    margin:0;
}

.prod-meta{
    margin-top:10px;
}

.prod-card-body h3,
.prod-card-body .woocommerce-loop-product__title {
    margin-top: 12px;

}

.prod-card-body p,
.prod-card-body .brand-name {
    margin-top: auto;
}

@media (max-width: 768px){
	.pkg-wrapper {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr !important;
}
}
.custom-price-range{
    font-size: 12px;
        color: #314158;
    font-weight: 500;
}

.custom-price-range span{
    color: #f97316;
    font-weight: 500;
}
.thumbs-slider-wrap{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:15px;
}

.thumbs{
    display:flex;
    gap:12px;
    overflow:hidden;
    width:100%;
    scroll-behavior:smooth;
	    padding: 10px;
}

.thumb-btn{
    flex:0 0 calc(25% - 9px);
    border:0;
    background:none;
    padding:0;
    cursor:pointer;
}

.thumb-btn img{
    width:100%;
    object-fit:cover;
    border-radius:10px;
    display:block;
}

.thumb-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:25px;
    height:25px;
    border:none;
    cursor:pointer;
    font-size:30px;
    z-index:10;
	    border-radius: 50px;
	display: flex;
	    justify-content: center;
    align-items: center;
	margin: 0px 20px;
}
.thumb-arrow span{
	    position: absolute;
    bottom: -10%;
}

.thumb-prev{
    left:5px;
}

.thumb-next{
    right:5px;
}
.hiw-section {
  width: 100%;
  padding: 70px 0 40px;
  background: #fff;
}

.hiw-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.hiw-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  margin-top: 50px;
}

.hiw-step {
  text-align: center;
}

/* .hiw-img-wrap {
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 4 / 5;
} */

.hiw-img-wrap img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  display: block;
}

.hiw-step-label {
  margin: 18px 0 6px;
  font-size: 13px;
  font-weight: 400;
  color: #888;
}

.hiw-step-text {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.5;
}

/* Mobile */
@media (max-width: 768px) {
  .hiw-section {
    padding: 50px 0 30px;
  }

  .hiw-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 35px;
  }

  .hiw-step:last-child {
    grid-column: 1 / -1;
    max-width: 50%;
    margin: 0 auto;
  }

  .hiw-step-text {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .hiw-grid {
    grid-template-columns: 1fr;
    gap: 28px;
/*     max-width: 280px; */
    margin: 35px auto 0;
  }

  .hiw-step:last-child {
    max-width: 100%;
  }
	.testimonials {
    padding: 64px 20px 96px;
}
}

/* ===================================
   YouBuild - About Page CSS
   Unique design (different from T&C)
   =================================== */

/* ---------- Hero Section ---------- */
.abt-hero {
       background: linear-gradient(to right, #0f172a, #334155);
    text-align: center;
    padding: 70px 24px 60px;
}

.abt-hero-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    color: rgba(255,255,255,0.5);
    margin-bottom: 16px;
}

.abt-hero-title {
    font-size: 38px;
    font-weight: 700;
    color: #fff !important;
    margin: 0 0 18px;
    line-height: 1.2;
}

.abt-hero-desc {
    font-size: 16px;
    color: rgba(255,255,255,0.7);
    line-height: 1.8;
    max-width: 680px;
    margin: 0 auto;
}

/* ---------- Container ---------- */
.abt-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 24px 20px;
}

/* ---------- Content Block ---------- */
.abt-block {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}

.abt-block:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* ---------- Title ---------- */
.abt-title {
    font-size: 22px;
    font-weight: 700;
    color: #14213d;
    margin: 0 0 16px;
}

/* ---------- Text ---------- */
.abt-text {
    font-size: 16px;
    color: #555;
    line-height: 1.85;
    margin: 0 0 14px;
}

.abt-text:last-child {
    margin-bottom: 0;
}

/* ---------- Why Choose - Cards ---------- */
.abt-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 24px;
}

.abt-card {
    background: #f8fafc;
    border: 1px solid #e8ecf1;
    border-radius: 12px;
    padding: 24px 20px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.abt-card:hover {
    box-shadow: 0 6px 20px rgba(20,33,61,0.08);
    transform: translateY(-3px);
}

.abt-card-icon {
    font-size: 28px;
    display: block;
    margin-bottom: 12px;
}

.abt-card-title {
    font-size: 15px;
    font-weight: 700;
    color: #14213d;
    margin: 10px 0 10px;
}

.abt-card-text {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

/* ---------- Vision & Mission ---------- */
.abt-vm-section {
    padding: 50px 24px;
}

.abt-vm-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.abt-vm-box {
    background: #fff;
    border: 1px solid #e0e5ec;
    border-radius: 12px;
    padding: 30px 28px;
}

.abt-vm-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #14213d;
    background: #eef2f7;
    padding: 5px 14px;
    border-radius: 4px;
    margin-bottom: 16px;
}

.abt-vm-text {
    font-size: 15px;
    color: #555;
    line-height: 1.85;
    margin-top: 25px;
}

/* ---------- CTA Section ---------- */
.abt-cta-section {
    text-align: center;
    padding: 60px 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.abt-cta-title {
    font-size: 26px;
    font-weight: 700;
    color: #14213d;
    margin: 0 0 16px;
}

.abt-cta-text {
    font-size: 15px;
    color: #555;
    line-height: 1.85;
    max-width: 680px;
    margin: 0 auto 30px;
}

.abt-cta-buttons {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

.abt-btn-primary {
    display: inline-block;
    padding: 14px 32px;
    background: #14213d;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.abt-btn-primary:hover {
    background: #0e1a33;
    color: #fff;
}

.abt-btn-outline {
    display: inline-block;
    padding: 14px 32px;
    background: transparent;
    color: #14213d;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid #14213d;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.abt-btn-outline:hover {
    background: #14213d;
    color: #fff;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .abt-hero {
        padding: 50px 20px 40px;
    }

    .abt-hero-title {
        font-size: 28px;
    }

    .abt-hero-desc {
        font-size: 15px;
    }

    .abt-container {
        padding: 36px 20px 10px;
    }

    .abt-block {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .abt-title {
        font-size: 20px;
    }

    .abt-cards {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .abt-vm-section {
        padding: 36px 0px;
    }

    .abt-vm-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .abt-cta-section {
        padding: 40px 0px;
    }

    .abt-cta-title {
        font-size: 22px;
    }

    .abt-cta-buttons {
        flex-direction: column;
        align-items: center;
    }

    .abt-btn-primary,
    .abt-btn-outline {
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
}

/* ===================================
   YouBuild - Single Blog Post CSS
   Attractive client-facing design
   =================================== */

/* ---------- Page Wrapper ---------- */
.bp-page {
    background: #fff;
}
.bp-featured-image img {
    width: 100%;
    display: flex;
    padding: 20px 0;
    max-width: 1200px;
    margin: auto;
    height: 500px;
	object-fit: cover;
}



/* ---------- Hero Banner ---------- */
.bp-hero {
        background: linear-gradient(to right, #0f172a, #334155);
    padding: 80px 24px 64px;
}

.bp-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.bp-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #14213d;
    background: #fff;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 22px;
}

.bp-hero-title {
    font-size: 36px;
    font-weight: 800;
    color: #fff !important;
    line-height: 1.25;
    margin: 0 0 22px;
    letter-spacing: -0.02em;
}

.bp-hero-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: rgba(255,255,255,0.55);
    flex-wrap: wrap;
}

.bp-hero-meta strong {
    color: rgba(255,255,255,0.85);
}

.bp-dot {
    width: 4px;
    height: 4px;
    background: rgba(255,255,255,0.35);
    border-radius: 50%;
    display: inline-block;
}

/* ---------- Content Area ---------- */
.bp-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0px 50px;
}
.post-width{
	max-width: 1200px;
	margin: auto;
	    padding: 0px 0px 50px;
}

.single-post .post-width ul{
	    list-style: disc !important;
	    padding: 0px 20px;
}
.single-post .post-width h2,
.single-post .post-width h3,
.single-post .post-width p,
.single-post .post-width ul{
    margin-bottom: 18px;
}
.single-post .post-width li{
    margin-bottom: 5px;
}

/* ---------- CTA Section ---------- */
.bp-cta {
        background: linear-gradient(to right, #0f172a, #334155);
    margin-top: 0;
}

.bp-cta-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.bp-cta-content {
    flex: 1;
    min-width: 280px;
}

.bp-cta-title {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
}

.bp-cta-desc {
    font-size: 15px;
    color: rgba(255,255,255,0.6);
    margin: 0;
    line-height: 1.6;
}

.bp-cta-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.bp-btn-solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    background: #fff;
    color: #14213d;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.bp-btn-solid:hover {
    background: #eef2f7;
    color: #14213d;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.bp-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid rgba(255,255,255,0.25);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.bp-btn-ghost:hover {
    border-color: #fff;
    background: rgba(255,255,255,0.08);
    color: #fff;
    transform: translateY(-2px);
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    .bp-hero {
        padding: 56px 20px 48px;
    }

    .bp-hero::after {
        height: 30px;
    }

    .bp-hero-title {
        font-size: 26px;
    }

    .bp-content {
        padding: 10px 20px 40px;
    }

    .bp-lead {
        font-size: 16px;
    }

    .bp-h2 {
        font-size: 20px;
        margin: 32px 0 14px;
    }

    .bp-strategy-card {
        flex-direction: column;
        gap: 14px;
        padding: 22px 20px;
    }

    .bp-strategy-num {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .bp-benefits-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .bp-benefit-item {
        padding: 16px 12px;
    }

    .bp-benefit-icon {
        font-size: 22px;
    }

    .bp-benefit-label {
        font-size: 13px;
    }

    .bp-conclusion {
        padding: 22px 20px;
    }

    .bp-cta-inner {
        flex-direction: column;
        text-align: center;
        padding: 36px 20px;
    }

    .bp-cta-actions {
        flex-direction: column;
        width: 100%;
    }

    .bp-btn-solid,
    .bp-btn-ghost {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .bp-benefits-grid {
        grid-template-columns: 1fr;
    }

    .bp-hero-title {
        font-size: 22px;
    }
}

/* Why Choose Section */
.why-choose {
      padding: 0px 0px 20px;
}

.why-choose-inner {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
}

.why-title {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 50px;
}

.why-grid {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.why-item {
  background: #fff;
  border-radius: 12px;
  padding: 35px 25px;
  width: 220px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.why-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

/* .why-icon {
  margin-bottom: 18px;
	    width: 30px;
} */

.why-icon svg {
  width: 50px;
  height: 50px;
}

.why-item-title {
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 10px;
}

.why-item-text {
  font-size: 13.5px;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .why-title {
    font-size: 26px;
    margin-bottom: 35px;
  }
	.why-choose-inner {
    margin: 0 auto;
    text-align: center;
		padding: 0px !important;
}
	.post-width {
		padding: 30px 20px;
	}
	.bp-featured-image img{
		padding: 0px;
	}

  .why-grid {
    gap: 20px;
	          flex-direction: column;
        align-items: center;
  }

  .why-item {
    width: 100%;
    max-width: 320px;
    padding: 28px 20px;
  }
}

@media (max-width: 480px) {
  .why-choose {
    padding: 50px 0;
  }

  .why-title {
    font-size: 22px;
  }
}
.load-more{
	    display: flex;
    flex-direction: column;
}
.load-but{
	    margin: 30px auto;
}
.loader {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
  background:
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
  margin: 30px auto;
}

@keyframes l3 {
  20%{
    background-position:0% 0%, 50% 50%,100% 50%;
  }
  40%{
    background-position:0% 100%, 50% 0%,100% 50%;
  }
  60%{
    background-position:0% 50%, 50% 100%,100% 0%;
  }
  80%{
    background-position:0% 50%, 50% 50%,100% 100%;
  }
}

.blog-card{
  opacity:0;
  transform:translateY(30px);
  animation:blogFade .6s ease forwards;
}

@keyframes blogFade{
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.blog-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:40px;
    flex-wrap:wrap;
}

.blog-search{
    max-width:320px;
    width:100%;
}

.blog-search input{
    width:100%;
    height:52px;
    border:1px solid #ddd;
    border-radius:10px;
    padding:0 18px;
    font-size:16px;
    outline:none;
    transition:.3s;
}

.blog-search input:focus{
    border-color:#000;
}
.blog-content h3{
    line-height: 1.5;
}

.blog-content p{
    line-height: 1.8;
}
.custom-price-range{
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 1.4;
}

.custom-price-range .price-label{
    color: #111;
    font-weight: 400;
}

.custom-price-range .price-value{
    color: #f58220;
    font-weight: 600;
}

.yb-calc-banner img , .yb-banner img  {
  width: 100%;
}

.blog-filters{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:40px;
}

.filter-btn{
padding:10px 18px;
border:none;
border-radius:30px;
background:#f1f5f9;
cursor:pointer;
font-weight:600;
transition:0.3s;
}

.filter-btn.active{
background:#0f172a;
color:#fff;
}

.blog-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

@media(max-width:991px){

.blog-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.blog-grid{
grid-template-columns:1fr;
}

}
.blog-category{
padding: 5px 12px;
    border: none;
    border-radius: 30px;
    background: #f1f5f9;
    font-weight: 500;
    width: max-content;
    font-size: 12px;
    margin-bottom: 10px;
}

/* REMOVE WHITE BACKGROUND */

.pum-theme-default-theme,
.pum-container{
background: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
}

/* POPUP CONTAINER */

.popmake{
background: transparent !important;
padding:0 !important;
width:auto !important;

}

/* REMOVE EXTRA SPACE */

.pum-content{
padding:0 !important;
margin:0 !important;
line-height:0 !important;
}

/* IMAGE */

.popmake-content img{

display:block !important;

width:100% !important;
max-width:500px !important;

margin:auto !important;

border-radius:10px;



}

/* OVERLAY */

.pum-overlay{

background: rgba(0,0,0,0.75) !important;
backdrop-filter: blur(6px);

}

/* CLOSE BUTTON */

.pum-close{

font-size:0 !important;

width:30px !important;
height:30px !important;

border-radius:50% !important;

background:#fff !important;

display:flex !important;
align-items:center;
justify-content:center;

top:30px !important;
right:10px !important;

box-shadow:
0 5px 20px rgba(0,0,0,0.2);

}

/* X MARK */

.pum-close::before{

content:"×";

font-size:28px;
font-weight:700;
color:#000;

line-height:1;
	    bottom: 20%;
    position: relative;

}
/* POPUP CONTENT */

.popmake-content{

text-align:center !important;
padding-top:20px !important;

}

/* HEADING */

.popmake-content h2{

font-size:32px !important;
font-weight:700 !important;

color:#fff !important;

margin-top:20px !important;
margin-bottom:10px !important;

line-height:1.2 !important;

}

/* PARAGRAPH */

.popmake-content p{

font-size:16px !important;
color:#fff !important;

margin-bottom:20px !important;

line-height:1.6 !important;

}

/* COUPON */

.popmake-content strong{

display:inline-block !important;

background:#0f172a !important;
color:#fff !important;

    padding: 35px 20px !important;
    border-radius: 12px !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-top: 10px !important;
    display: flex !important;
    width: fit-content;
    margin: auto;
    justify-content: center;

}

/* ANIMATION */

@keyframes popupAnim{

from{
transform:scale(0.85);
opacity:0;
}

to{
transform:scale(1);
opacity:1;
}

}

/* ===== MOBILE RESPONSIVE FIX ===== */

@media(max-width:767px){

/* POPUP IMAGE */

.popmake-content img{

max-width:90vw !important;
border-radius:16px !important;

}

/* CONTENT AREA */

.popmake-content{

padding-top:15px !important;
padding-left:15px !important;
padding-right:15px !important;

}

/* HEADING */

.popmake-content h2{

font-size:22px !important;
line-height:1.3 !important;

margin-top:15px !important;
margin-bottom:8px !important;

}

/* PARAGRAPH */

.popmake-content p{

font-size:14px !important;
line-height:1.5 !important;

margin-bottom:15px !important;

}

/* COUPON */

.popmake-content strong{

font-size:22px !important;

padding:20px 20px !important;

border-radius:10px !important;

        width: fit-content !important;


}

/* CLOSE BUTTON */

.pum-close{
        height: 28px !important;
        width: 28px !important;
        top: 20px !important;
        right: 20px !important;

}

/* CLOSE ICON */

.pum-close::before{

font-size:24px !important;
        bottom: 7% !important;
}
	
	.popmake{
			    left: 0px !important;
	}

}
/* FIX POPUP PAGE SHIFT */
body.pum-open {
    padding-right: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

html.pum-open {
    padding-right: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
}
.yb-btn-secondary.is-loading,
.yb-btn.is-loading {
  opacity: 0.7;
  cursor: not-allowed;
}
.yb-footer-brand img{
width: 50% !important;
}
.qty-group{
    display: flex;
    align-items: center;
    gap: 10px;
}
.bags .single_add_to_cart_button{
	margin-bottom: 25px !important;
}
.single_variation .woocommerce-variation-description,
.woocommerce-variation-description {
    display: none !important;
}

/* Hide empty CF7 response box */
.wpcf7 form .wpcf7-response-output[aria-hidden="true"],
.wpcf7 form .wpcf7-response-output:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Show only when CF7 has real response */
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    display: block !important;
    margin: 16px 0 0 !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
}

/* Success message */
.wpcf7 form.sent .wpcf7-response-output {
    background: #ecfdf5 !important;
    border: 1px solid #10b981 !important;
    color: #065f46 !important;
}

/* Error / validation message */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    background: #fff7ed !important;
    border: 1px solid #f97316 !important;
    color: #9a3412 !important;
}

@media (max-width: 768px) {
    #yb-header .yb-logo {
        font-size: unset !important;
    }

    #yb-header .yb-logo img {
        width: 200px !important;
        max-width: 200px !important;
    }
}
.bestselling-inner{
    padding: 48px 32px;
}
@media (max-width: 768px) {  
.detail-wrapper {
        padding: 24px 16px;
    }
}
 /* Visually lock quantity input field */
/*         .qty-group input[type="number"],
        .qib-button-wrapper input[type="number"],
        div.quantity input[type="number"],
        .wqpmb_quantity input[type="number"] {
            pointer-events: none !important;
            user-select: none !important;
            cursor: default !important;
            caret-color: transparent !important; /* hide text cursor */
        } */

        /* Style for disabled minus button */
        button.minus[disabled] {
            opacity: 0.35 !important;
            cursor: not-allowed !important;
            pointer-events: none !important;
        }
.filter-options label:has(input[value="blockfix"]) {
    display: none !important;
}

@media (max-width: 768px) {
    #yb-header .yb-actions {
        gap: 0px !important;
    }
}

@media (max-width:768px){

  .hiw-grid{
    position: relative;
    overflow: hidden;
  }

  .hiw-step{
    display: none;
    animation: fadeIn .5s ease;
  }

  .hiw-step.active{
    display: block;
  }

  @keyframes fadeIn{
    from{
      opacity:0;
      transform:translateX(20px);
    }
    to{
      opacity:1;
      transform:translateX(0);
    }
  }
}
.woocommerce-account .woocommerce-EditAccountForm .form-row {
    display: block !important;
    width: 100% !important;
}

.woocommerce-account .woocommerce-EditAccountForm .form-row label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px;
}

.woocommerce-account .woocommerce-EditAccountForm .password-input,
.woocommerce-account .woocommerce-EditAccountForm input.input-text {
    width: 100% !important;
}
@media (max-width: 768px) {

    .pkg-modal-hero img {
        width: 100% !important;
        height: unset !important;
    }
	.quote-form{
		padding: 12px !important;
	}

}

.quote-form .wpcf7-not-valid-tip + .wpcf7-not-valid-tip{
    display:none !important;
}

.prod-body p:last-child{
margin-bottom:0px;
}