html
{
    scroll-behavior: smooth;
}
body {
  font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
}

div#reviews-io-floating-widget {
    display: none !important;
}
.ml {
   font-family: 'Montserrat', sans-serif;
   font-weight: 300;
}
.mr {
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
}
.mm {
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
}
.msb {
   font-family: 'Montserrat', sans-serif;
   font-weight: 600;
}
.mb {
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
}

.cur
{
font-family: epicursive, sans-serif;
font-weight: 400;
font-style: normal;
}

.ftl {
 font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: normal;
}

.ftr {
 font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
}

.ftm {
 font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;
}

.ftm2 {
 font-family: futura-pt, sans-serif;
 font-size:17px;
font-weight: 500;
font-style: normal;
text-align: center;
}

.ftm3 {
 font-family: futura-pt, sans-serif;
font-size:14px;
font-weight: 500;
font-style: normal;
text-align: center;
padding-top: 10px;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100%;
}

.ftsb {
 font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
}

.ftb {
 font-family: futura-pt, sans-serif;
font-weight: 700;
font-style: normal;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;
}

ul li a {
    text-decoration: none;
}

.upr {
    text-transform: uppercase;
}
.center-text
{
    text-align: center;
}
.top-bar1
{
   background: #e12226;
   padding: 5px 0px;
}
.top-bar2.center-text p {
    color: #fff;
    margin-bottom: 0;
   font-size: 12px;
}
.nav-item a
{
    color: #040728;
    font-size: 13px;
    letter-spacing: 0.05em;
text-transform: uppercase;
}
.nav-icon img {
    padding-right: 22px;
}
img.img-fluid.logo {
    max-width: 90px;
    object-fit: cover;
}
ul.navbar-nav li {
    padding: 0 5px;
}

.banner1
{
     background-image: url("https://www.threadtheword.com/wp-content/uploads/2022/06/banner_t50.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* padding: 80px 0px;*/
  padding: 140px 0px 40px 0px;
}
.banner2 h2
{
    letter-spacing: 0.03em;
    font-size: 50px;
    color: #FFFFFF;
    line-height: 55px;
}
.banner2 p
{
    font-size: 19px;
    line-height: 26px;
	color: #FFFFFF;
}
.main-button {
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
	 /* transition: all .5s ease-in-out !important; */
    display: inline-block;
    width: 100%;
    background: #7035EC;
    border-radius: 50px;
    max-width: 270px;
	border: 2px solid #7035EC;
	white-space: nowrap;
}
.main-button:hover {
    background: #FFFFFF;
    color: #7035EC;
    border: 2px solid #7035EC;
}
.second-button {
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #7035EC;
	 /* transition: all .5s ease-in-out !important; */
    display: inline-block;
    width: 100%;
    background: #FFFFFF;
    border-radius: 50px;
    max-width: 270px;
	border: 2px solid #7035EC;
	white-space: nowrap;
}
.second-button:hover {
    background: #7035EC;
    color: #FFFFFF;
    border: 2px solid #7035EC;
}
.third-button {
    font-size: 15px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
	 /* transition: all .5s ease-in-out !important; */
    display: inline-block;
    width: 100%;
    background: #7035EC;
    border-radius: 50px;
    max-width: 200px;
	border: 2px solid #7035EC;
	white-space: nowrap;
}
.third-button:hover {
    background: #FFFFFF;
    color: #7035EC;
    border: 2px solid #7035EC;
}
/*
.main-button:hover {
   color: #FFFFFF;
    transform: translateY(-3px);
}
*/
.product_item_lists .products__image img {
    width: 100%;
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
}


.product_item_lists .woocommerce-loop-product__title {
    font-size: 22px;
    line-height: 26px;
    color: #040728;
    margin-bottom: 0;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-top: 15px;
}
.product_item_lists .products__text {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.products__desc {
    order:2;
    margin: 5px 0px 0px 0px;
}


.product_item_lists .products__desc, .product_item_lists .products__desc p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
        color: #040728;
    line-height: 20px;
}

div#reviews_fade {z-index:99999!important;}
div#reviews_container { margin:5% auto!important; padding:10px!important; }

.review-slider7 {
    order: 2;
    margin: -2px 0px -5px !important;
}
a.dropdown-item {
    padding: 20px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.dropdown-menu.show {
    min-width: 180px;
    padding: 0px;
    margin-top: 17px;
    border-radius: 0px;
    border: none;
}
.product_item_lists span.price a {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #040728;
    margin-bottom: 6px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}


.product_item_lists a.button.add_to_cart_button {
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    transition: all .5s ease-in-out!important;
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    background: #7035EC;
    border-radius: 50px;
    max-width: 100%;
    display: block !important;
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    opacity: 0;
          transition: all 0.2s ease-in-out;
}

.product_item_lists:hover a.add_to_cart_button {
opacity: 1;
      transition: all 0.2s ease-in-out;
}


.pwgc-field-container {
    display: flex;
    font-style: italic;
    align-items: center;
}

label.pwgc-label {
    width: 32%;
    font-style: normal;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.pwgc-subtitle {
    display: none;
}

.pwgc-input-text,.wc_input_price {
    width: 95%;
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 30px;
    height: 50px;
    padding-left: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background: #F7F5F6;
    border: 1px solid #fff;
}

.wc_input_price { width: 95%; }
section.woocommerce-order-details .wc-item-meta {display: none;}


select#pwgc-email-design-id {
    width: 80%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 30px;
    height: 50px;
    padding-left: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background: #F7F5F6;
    border: 1px solid #fff;
}

button#pwgc-email-preview-button {
    background: #000;
    color: #fff;
    height: 30px;
    padding: 5px 10px;
    border-radius: 40px;
    font-size: 16px;
    line-height: 1;
}

tr.Gift.Card.Amount {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}

tr.Gift.Card.Amount td.label {
    font-weight: 400 !important;
    width: 25%;
}

tr.Gift.Card.Amount  td.value {
    width: 75%;
}

iframe#widget2 {
    width: 100%;
        display: none;
    height: 500px;
}

.home-new-vids2.center-text {
    position: relative;
    max-width: 900px;
    margin: -160px auto 0px;
	display: flex;
}

img.img-fluid.video {
    height: 500px;
    object-fit: cover;

}

select {
    background-image: url(https://www.threadtheword.com/wp-content/uploads/2022/07/br_down.webp) !important;
    -webkit-appearance: none;
    background-position-x: 0px 0px;
    /* background-position: 37px 20px !important; */
    background-position-x: 96% !important;
        background-position-y: 15px !important;
        background-repeat: no-repeat !important;
}
.dropdown i.fa-solid.fa-chevron-down {
    color: #FF7642 !important;
    font-size: 13px;
    position: relative;
    top: -2px;
}

.dropdown-toggle:after {
display: none;
}

a.sz_guide {
    color: #01000;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    right: 15px;
    text-decoration: underline;
}

.personalise_add_to_cart img, .add_to_cart_button img, .au-personalize img, .checkout-button img, #place_order img, .single_add_to_cart_button img{
margin-left: 5px;
}

td.label {
    position: relative;
}



tr.Gift.Card.Amount  a.reset_variations {
    display: none !important;
}


.single-product .woocommerce-variation-description {
    display: none;
}

textarea#pwgc-message {
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 5px;
    height: 100px;
    padding-left: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background: #F7F5F6;
    border: 1px solid #fff;
}

.product_item_lists {
  padding: 10px;
  border-radius: 4px;
      transition: all 0.2s ease-in-out;
}

/* Consistent 8px below the Add to Cart / Personalise button in product cards.
   Single-product pages already force the card's own bottom padding to 0 via
   `.single-product div.product`, so we zero it everywhere else too (otherwise the
   card's default 10px + this 8px would stack to 18px). The 8px lives on .product-item. */
.product_item_lists { padding-bottom: 0; }
.product_item_lists .product-item { padding-bottom: 8px; }

nav.woocommerce-breadcrumb {
    color: #fff;
    font-size: 16px;
}


.product_item_lists:hover {
  background: #fff;
  box-shadow: 0px 4px 20px 0px #b97663;
      transition: all 0.2s ease-in-out;
}
.item.product_item_lists:hover {
  background: #EFECF4;
  box-shadow: none !important;
      transition: all 0.2s ease-in-out;
}


.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px 0px;
    width: 100%;
    text-align: center;
}

.bg_ss_white {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 30px;
  width: 100%;
}

h1.product_title.entry-title {
    font-size: 40px !important;
    line-height: 40px !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    border: none !important;
    letter-spacing: 0.03em !important;
    color: #040728 !important;
    text-transform: capitalize !important;
    margin-bottom: 0px !important;
padding-bottom: 5px !important;
}

.bg_ss_white  td.label {
    /* margin-bottom: 0px !important; */
    /* padding-bottom: 5px !important; */
    color: #040728;
    font-size: 14px;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin:0px !important;
}
.bg_ss_white  td.label label {
    margin:0px !important;
}
.bg_ss_white td.value select {
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 30px;
    height: 50px;
    padding-left: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background: #F7F5F6;
    background-repeat: no-repeat !important;
    border: 1px solid #fff;
}


.single_add_to_cart_button {
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
   /* !transition: all .5s ease-in-out!important; */
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    background: #7035EC;
    border-radius: 50px;
    max-width: 100%;
    border: none;
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
	border: 2px solid #7035EC;
}

.single_add_to_cart_button:hover {
    background: #FFFFFF;
    color: #7035EC;
    border: 2px solid #7035EC;
}


.woocommerce-variation-price {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.bg_ss_white td.value select:focus, .bg_ss_white td.value select:hover {
border: 1px solid #E58763;
outline: none !important;
}
.qib-container {
  width: 26%;
      text-align: center !important;
      margin-right: 10px;
}

.woocommerce-variation.single_variation {
    line-height: 50px;
    width: 60%;
    text-align: right !important;
}

form.cart button[type='submit']:not(#qib_id):not(#qib_id):not(_):not(_) {
    height: 50px !important;
    text-align: center;

}

.qib-container {
    background: #F7F5F6;
    border-radius: 100px;
    padding: 0px 15px;
    display: flex !important;
    justify-content: center;
}

button.minus.qib-button, button.plus.qib-button {
    background: #F7F5F6 !important;
    border: none !important;
    height: 50px !important;
        border-radius: 100px !important;
        width: 15px !important;
            text-align: center !important;
}

.qib-container  input.qty {
    height: 50px !important;
    border: none !important;
}

ol.flex-control-nav.flex-control-thumbs {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        justify-content: space-between;
    /* flex: 0 0 25% !important; */
    margin: 30px 0 !important;
}

ol.flex-control-nav.flex-control-thumbs li {
  width: 13%;
    padding: 5px;
    background: #fff;
    border-radius: 4px;
    margin: 5px 1px;
    justify-content: flex-start !important;
}
.woocommerce-product-gallery__wrapper img.wp-post-image {
    height: 500px;
    object-fit: contain;
}

.single-product div.product {
    padding-bottom: 0 !important;
}

.container {
    position: relative;
    z-index: 1;
}

table.variations {
    display: flex !important;
    width: 100%;
}

table.variations tbody {
    width: 100%;
}

table.variations tr {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 10px;
}

.bg_ss_white .product_title ~ p {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #B97663;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}

img.img-fluid.hand {
    max-width: 20px;
    object-fit: cover;
    position: relative;
top: -3px;
}
.banner4 span
{
font-size: 14px;
line-height: 16px;
letter-spacing: 0.05em;
color: #FFFFFF;

}
.banner4 {
    padding-top: 10px;
}
.why-choose1
{
    padding: 60px 0px;
}
.why-choose2 p
{
    letter-spacing: 0.05em;
color: #B97663;
font-size: 14px;
line-height: 19px;
}

/* Container for the pagination */
.woocommerce-pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.woocommerce-pagination ul.page-numbers {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 6px;
}

.woocommerce-pagination ul.page-numbers li {
    margin: 0;
}

/* Style for pagination links */
.woocommerce-pagination .page-numbers a {
    display: block;
    padding: 7px 14px;
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Current active page */
.woocommerce-pagination .page-numbers.current {
    padding: 7px 14px;
    background-color: #7035ec; /* WooCommerce primary blue */
    color: white;
    border-radius: 5px;
}

/* Hover effect */
.woocommerce-pagination .page-numbers a:hover {
    background-color: #7035ec; /* WooCommerce primary blue */
    color: white;
}

/* Next and previous arrows */
.woocommerce-pagination .next,
.woocommerce-pagination .prev {
    background-color: #7035ec;
    color: white;
    padding: 7px 14px;
    border-radius: 5px;
}

/* Hover effect for arrows */
.woocommerce-pagination .next:hover,
.woocommerce-pagination .prev:hover {
    background-color: #005a8c;
}


form.woocommerce-cart-form, .cart-collaterals {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
}
.product-thumbnail img {
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.product-name {
    font-size: 18px;
    font-weight: 500;
    margin-left: 20px;
}

dl.variation {
    display: none;
}
.row.align-items-center.product_item-rs {
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
}

.row.products-title {
    font-size: 16px;
    text-transform: uppercase;
}

.product-name-title {
    padding-left: 25px;
}

.woocommerce-shipping-methods li {
    list-style: none;
}
.woocommerce-shipping-methods li {
    display: flex;
    align-items: center;
    margin: 15px 0px;
  line-height: 1;
}
.woocommerce-shipping-methods li  label{
	margin:0px;
	text-align: left;
}
.woocommerce-shipping-methods li  label small {
	width:100%;
	display: block;
}
.woocommerce-shipping-methods li input {
    margin-right: 7px;
}

p.woocommerce-shipping-destination {
    margin: 10px 0px 0px;
}

h3.shipping_method_name {
    font-size: 20px;
    margin-top: 30px;
}

.order-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
        margin-top: 10px;
}


a.checkout-button.button.alt.wc-forward {
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    /* transition: all .5s ease-in-out!important; */
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    background: #7035EC;
    border-radius: 50px;
    max-width: 100%;
    padding: 15px 10px;
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top: 0px;
	margin-bottom: 0px;
	border: 2px solid #7035EC;
}

a.checkout-button.button.alt.wc-forward:hover {
    background: #FFFFFF;
    color: #7035EC;
    border: 2px solid #7035EC;
}

.cart_totals h2 {
    font-size: 24px;
}

.cart-subtotal.d-flex.content-justify-between {
    justify-content: space-between;
    font-size: 18px;
}

form.woocommerce-cart-form, .cart-collaterals {
    box-shadow: 0px 0px 30px #ddd;
}


.page-template-cart .coupon {
    display: none;
}

a.shipping-calculator-button {
    color: #b97663;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
}

.woocommerce-checkout .terms-banner2 {
    background: transparent;
    border-radius: 0;
    padding: 0px;
}

div#customer_details, div#order_review {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0px 0px 30px #ddd;
}

.nslick-track{
	/*display: flex!important;*/
    align-content: center;
    justify-content: center;
    align-items: center;
}
span.onsale {position: absolute;margin: 5px;}
input[type="number"] {
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 30px;
    height: 50px;
    padding-left: 15px;
    padding-right: 10px;
    background: #F7F5F6;
    background-repeat: no-repeat !important;
    border: 1px solid #fff;
}

.woocommerce-additional-fields .form-row.notes {display: block;}
.woocommerce-shipping-fields input[type=text], .woocommerce-account-fields input[type=password], .woocommerce-billing-fields input[type=text], 
.woocommerce-billing-fields input[type=email], .woocommerce-billing-fields input[type=tel], .woocommerce-shipping-fields input[type=tel], .woocommerce-billing-fields select {
  padding: 15px;
      width: 100%;
      border: 1px solid #ddd;
      background: #F7F5F6;
      border-radius: 100px;
      height: 50px;
}
.woocommerce-form-register input[type=text], .woocommerce-form-register input[type=password], .woocommerce-form-register input[type=email], .woocommerce-form-register input[type=tel], .woocommerce-form-register select,
.woocommerce-form-login input[type=text], .woocommerce-form-login input[type=password], .woocommerce-form-login input[type=email], .woocommerce-form-login input[type=tel], .woocommerce-form-login select {
	padding: 15px;
	width: 100%;
	border: 1px solid #ddd;
	background: #F7F5F6;
	border-radius: 100px;
	height: 50px;
}
.button.woocommerce-form-register__submit, .button.woocommerce-form-login__submit {
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    transition: all .5s ease-in-out!important;
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    background: #7035EC;
    border-radius: 50px;
    max-width: 100%;
    padding: 15px 10px;
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    border: none;
    margin-top: 20px;
}

input#coupon_code {
    padding: 15px;
    width: 100%;
    border: 1px solid #ddd;
    background: #F7F5F6;
    border-radius: 100px;
    height: 50px;
    margin-right: 20px;
}
form.checkout_coupon.woocommerce-form-coupon p {
margin:0px !important;
padding: 0px !important;
}

.banner-world1 {
    display: inline;
}

.woocommerce-product-gallery__wrapper img.wp-post-image {
    width: 100% !important;
}


form.checkout_coupon.woocommerce-form-coupon button.button {
    background: #000;
    color: #fff;
    border-radius: 100px;
    padding: 15px 20px !important;
    height: 50px;
    line-height: 1;
}

span.woocommerce-input-wrapper {
    width: 100%;
}

table.shop_table.woocommerce-checkout-review-order-table {
    width: 100%;
}

form.checkout.woocommerce-checkout.row {
    max-width: 1150px;
    margin: 0px auto;
}
.cart_totals h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.checkout_coupon p.form-row.form-row-first {
    width: 80%;
}

input#product-search-field-mobile,
input#product-search-field-0 {
    background: #fff;
    border-radius: 100px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    font-size: 16px;
    width: 100%;
}


.product-search-form {
    position: absolute;
    top: -2px;
    left: -270px;
    width: 250px;
    display: none;
}
#product-search-form-mobile {
min-width: 280px;
left:auto;
top:40px;
right:-140px;
display: none;
}

.nav-icon {
position: relative;;
}


tr.cart_item {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

tr.cart_item  td.product-name {
    font-size: 14px;
    font-weight: 400;
}

tr.cart_item td.product-total {
    padding: 5px;
}


.form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
    width: 80%;
}

.col2-set .form-row-first, .col2-set .form-row-last {
    width: 48% !important;
}
woocommerce-checkout h3 {
  font-size: 24px;
margin-bottom: 15px;
}

div#payment {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    /* padding-bottom: 20px; */
}

textarea#order_comments {
    width: 100%;
    height: 100px;
    padding: 20px 30px;
    width: 100%;
    border: 1px solid #ddd;
    background: #F7F5F6;
    border-radius: 100px;
    /* height: 50px; */
}

button.place_order,
button#place_order {
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    /* transition: all .5s ease-in-out!important; */
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    background: #7035EC;
    border-radius: 50px;
    max-width: 100%;
    padding: 15px 10px;
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    border: none;
    margin-top: 20px;
	border: 2px solid #7035EC;
}
button#place_order:hover {
    background: #FFFFFF;
    color: #7035EC;
    border: 2px solid #7035EC;
}

.wc_payment_methods li {
    background: #f7f5f6;
    padding: 10px 15px !important;
    margin: 10px 0px!important;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.row.cart_sm {
    max-width: 1150px;
    margin: 0px auto;
}

span.wc-stripe-card-icons-container {
    margin-left: 10px !important;
}

.payment_box.payment_method_stripe_cc {
    margin: 25px 0px 0px 0px;
}

form.checkout_coupon.woocommerce-form-coupon {
    display: flex;
    width: 100%;
    border: 1px dashed #b97663;
    padding: 14px;
    border-radius: 4px;
    margin: 25px 0px 0px 0px;
}

.form-row-wide {
    width: 100%;
}
p#kl_newsletter_checkbox_field {
    display: none;
}

form.woocommerce-cart-form .qib-container {
    width: 100% !important;
    text-align: center !important;
    margin-right: 10px;
}

a.remove {
    color: red;
    font-size: 25px;
    padding-right: 10px;
}

.cmr_p ~ p{
display: none;
}

.why-choose2 h2
{
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 0.03em;
color: #040728;
}
.why-choose3.center-text {
    padding-top: 40px;
}

nav.woocommerce-breadcrumb a {
    color: #fff;
}
ul.breadcrumb {
    color: #fff;
    font-size: 18px;
}

.why-choose3 h4
{
    font-size: 24px;
color: #040728;
}
.why-choose3 h6
{
    font-size: 12px;
line-height: 15px;
letter-spacing: 0.05em;
color: #B97663;
}
.row.why-chose-row {
    padding-top: 30px;
}
.vsizes4 h4
{
    font-size: 30px;
line-height: 30px;
letter-spacing: 0.03em;
color: #FFFFFF;
}
.vsizes5 a
{
    font-size: 14px;
    letter-spacing: 0.03em;
text-transform: uppercase;
color: #FFFFFF;
}
.vsizes2 {
    position: relative;
}
.vsizes4 {
  position: absolute;
    bottom: 6%;
    left: 30px;
}
.vsizes5 a
{
    font-size: 14px;
    letter-spacing: 0.03em;
}

section.vsizes1 {
    padding-bottom: 40px;
}
.get-strarted5 h6
{
   font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.05em;
    color: #B97663;
    margin-bottom: 0;
    padding-bottom: 15px;
}
.get-strarted5 h2
{
font-size: 42px;
line-height: 42px;
margin-bottom: 0;
    padding-bottom: 20px;
letter-spacing: 0.03em;

color: #040728;
}
.get-strarted5 p{
    font-size: 18px;
line-height: 25px;
/* or 139% */


color: #040728;
}
.get-strarted11 p{
    font-size: 12px;
line-height: 17px;
/* or 142% */


color: #040728;
}
.get-strarted12
{
    font-size: 11px;
line-height: 14px;
letter-spacing: 0.05em;

color: #8F8F8F;
}
.get-strarted1
{
    background: #F7F5F6;
    position: relative;
}
.get-strarted1:after {
    content: " ";
    background-image: url(../../img/bak2.png);
    position: absolute;
  height: 100%;
    width: 50%;
    bottom: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: bottom;
}
.get-strarted5 {
    padding: 0 100px;
    z-index: 9999999999;
    position: relative;
}
.get-strarted6.d-flex {
    padding-top: 25px;
    padding-bottom: 5px;
}
.get-strarted8 {
    align-self: center;
    padding-left: 15px;
}
.get-strarted7 {
    width: 60%;
}
.get-strarted10 {
    width: 20%;
}
.get-strarted11 {
    padding-left: 15px;
}
.get-strarted11 p {
    margin-bottom: 0;
}
.get-strarted11 h6 {
    margin-bottom: 0;
}
.review-slider1
{
    padding: 60px 0px;
}
.review-slider2
{
padding-bottom: 60px;
}
.review-slider2 h6
{
 font-size: 14px;
line-height: 19px;
text-align: center;
letter-spacing: 0.05em;

color: #B97663;
}
.review-slider2 h2
{
    font-size: 42px;
line-height: 42px;
/* or 100% */

text-align: center;
letter-spacing: 0.03em;

color: #040728;
}
.review-slider6 h4
{
  font-size: 24px;
    line-height: 25px;
    color: #040728;
    margin-bottom: 0;
    padding-top: 10px;
}
.review-slider6 h6
{
 font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #040728;
    margin-bottom: 0;
}
.review-slider9 {
    font-size: 12px;
    line-height: 30px;
    color: #858585;
    padding-left: 10px;
}
.review-slider7 {
    display: flex;
    margin-top: -5px;
}
span.review-slider8 {
    align-self: center;
}
img.img-fluid.star3 {
    object-fit: cover;
    max-width: 50px;
}
.review-slider10 p
{
    font-size: 12px;
line-height: 17px;
color: #040728;
margin-bottom: 0;
}
.owl-carousel.rev-slider.owl-theme button.owl-prev {
    background: transparent !important;
    outline: none !important;
    position: absolute;
    left: -6%;
    top: 30%;
}
.owl-carousel.rev-slider.owl-theme button.owl-next {
    background: transparent !important;
    outline: none !important;
    position: absolute;
    right: -6%;
    top: 30%;
}
.shipping-sec1
{
    padding: 40px 0px;
    border-top: 1px solid #040728;
}
.shipping-sec4 h4
{
    font-size: 22px;
line-height: 34px;
color: #040728;
margin-bottom: 0;
}
.shipping-sec4 h6
{
    font-size: 11px;
line-height: 14px;
letter-spacing: 0.05em;
color: #E68763;
margin-bottom: 0;
    text-transform: uppercase;
}
.shipping-sec3 {
    align-self: center;
}
.shipping-sec4 {
    padding-left: 20px;
}
.it-works1
{
    padding: 60px 0px;
    background: #F0E2D9
}
.it-works2 h6
{
    font-size: 14px;
line-height: 19px;
letter-spacing: 0.05em;
color: #B97663;
}
.it-works2 h2
{
   font-size: 42px;
line-height: 42px;
text-align: center;
letter-spacing: 0.03em;
color: #040728;
padding-bottom: 50px;
max-width: 80%;
    margin: 0 auto;
}
.it-works3 h5
{
    font-size: 16px;
line-height: 21px;
text-align: center;
letter-spacing: 0.05em;
color: #040728;
margin-bottom: 5px;
}
.it-works3 p
{
    font-size: 14px;
line-height: 20px;
text-align: center;
letter-spacing: 0.05em;
margin-bottom: 0;
color: #040728;
}
.it-works3.center-text h6 span {
    background: #040728;
    color: #fff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.05em;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
}
.it-works3.center-text h6 {
    padding-top: 20px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.it-works4.center-text {
    padding-top: 40px;
}
.it-works5 {
    padding-bottom: 10px;
}
.get-strarted9.d-flex.it-works-started {
    max-width: 38%;
    margin: 0 auto;
    padding-top: 30px;
}
.it-works-row1 {
    max-width: 1000px;
    margin: 0 auto;
}
img.img-fluid.odr1 {
    height: 180px;
    object-fit: cover;
}
.world-wide-sec1
{
    padding: 40px 0px;
}
.banner-world1 span
{
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.05em;
}

.world-wide-slider4 h2
{
    font-size: 31px;
line-height: 32px;
color: #040728;

}
.world-wide-slider4 p
{
 font-size: 13px;
line-height: 20px;
color: #040728;
}
.world-wide-slider7 h6
{
    font-size: 11px;
line-height: 14px;
letter-spacing: 0.05em;
margin-bottom: 0;
color: #979797;
}
.world-wide-slider9
{
  font-size: 10px;
    line-height: 0px;
    color: #040728;
    float: left;
   margin-left: 5px;
    margin-top: 6px;
}
.world-wide-slider3 {
    background: #F6F5F9;
    border-radius: 5px;
    padding: 40px;
    position: relative;
    left: -60px;
    top: 50px;
}
img.img-fluid.star-rev {
    max-width: 80px;
    object-fit: cover;
}
img.img-fluid.circle2 {
    max-width: 30px;
    object-fit: cover;
}
.world-wide-slider7 {
    padding-left: 10px;
    align-self: center;
}
img.img-fluid.verify {
    max-width: 10px;
    object-fit: cover;
    float: left;
}
.owl-carousel.world-wide-slider1.owl-theme button.owl-prev {
    background: transparent !important;
    outline: none !important;
    position: absolute;
    left: -6%;
    top: 40%;
}
.owl-carousel.world-wide-slider1.owl-theme button.owl-next {
    background: transparent !important;
    outline: none !important;
    position: absolute;
    right: 0%;
    top: 40%;
}
.gift-voucher1
{
    padding: 80px 0px;
    background: #F0E2D9;
    position: relative;
}
.gift-voucher1:after
{
   content: " ";
    background-image: url(../../img/bak3.png);
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    top: 0;
    background-position: right;
}
.gift-voucher2 h6
{
    font-size: 14px;
line-height: 19px;
letter-spacing: 0.05em;
padding-bottom: 5px;
color: #B97663;

}
.gift-voucher2 h2
{
   font-size: 42px;
line-height: 42px;
letter-spacing: 0.03em;
color: #040728;
padding-bottom: 5px;
}
.gift-voucher2 h5
{
   font-size: 18px;
line-height: 25px;

color: #040728;
}

.gift-voucher2 p
{
  font-size: 14px;
line-height: 20px;
color: #040728;
margin-bottom: 0;
}

.lets-started-sec1
{
    padding: 80px 0px;
    position: relative;
}
.lets-started-sec2 h6
{
font-size: 14px;
line-height: 19px;
text-align: center;
letter-spacing: 0.05em;
color: #B97663;
}
.lets-started-sec2 h2
{
font-size: 42px;
line-height: 42px;
text-align: center;
letter-spacing: 0.03em;

color: #040728;

}

.lets-started-sec2 p
{
font-size: 18px;
line-height: 25px;
text-align: center;
margin-bottom: 0;
color: #040728;

}

.lets-started-sec1:before
{
      content: " ";
    background-image: url(https://www.threadtheword.com/wp-content/uploads/2022/06/Home_side_image1.png);
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    top: 0;
}

.lets-started-sec1:after
{
      content: " ";
    background-image: url(../../img/own2.png);
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    top: 0;
    background-position: right;
}
.made-in-sec1
{
    background: #F7F5F6;
    padding: 10px 0px;
}

.made-in-sec4 p
{
    font-size: 12px;
line-height: 15px;
text-align: center;
letter-spacing: 0.05em;
color: #040728;
}

.made-in-sec4 p {
    margin-bottom: 0;
}
.made-in-sec4 {
    align-self: center;
    padding-left: 10px;
}
.footer-sec1 h6
{
    font-size: 14px;
line-height: 20px;
letter-spacing: 0.05em;
color: #040728;
opacity: 0.6;
}
.footer-sec1 p
{
   font-size: 12px;
line-height: 18px;
color: #040728;
}
.footer-sec1 h5
{
 font-size: 14px;
line-height: 20px;
color: #040728;
padding-bottom: 5px;
}
footer
{
    padding: 60px 0px;
}
.subsinput
{
    background: #F7F5F6;
    border-radius: 100px;
    padding: 20px;
}
.footer-sec2 form {
    display: flex;
    flex-direction: row;
}
.footer-sec2 form button {
    max-width: 180px;
    line-height: 20px;
    border: none;
    position: relative;
    left: -85px;
}
.footer-sec3 h6
{
    font-size: 14px;
line-height: 20px;
letter-spacing: 0.05em;

color: #040728;

opacity: 0.6;
}
.footer-sec3 ul li a
{
    font-size: 13px;
line-height: 25px;
letter-spacing: 0.05em;
text-transform: uppercase;

color: #040728;
}
.footer-sec3 ul li {
    list-style: none;
}
.copy-right-sec2 p
{
    font-size: 11px;
line-height: 20px;
color: #040728;
margin-bottom: 0;
opacity: 0.6;
}
.copy-right-sec1
{
    padding: 30px 0px;
}
.ab-why-choose1
{
    font-size: 14px;
line-height: 20px;
text-align: center;
margin-bottom: 0;
    padding-top: 15px;
color: #040728 !important;
}

.ab-why-choose2 {
    background: #F0E2D9;
    padding-bottom: 80px;
    padding-top: 150px;
}
.ab-why-choose4.center-text {
    margin-bottom: -120px;
    padding-top: 40px;
}
section.ab-why-choose3 {
    padding-top: 60px;
}
.gallery-banner1
{
 padding: 10px 0px;
 background: linear-gradient(180deg, #F0E2D9 0%, rgba(240, 226, 217, 0) 66.61%);
}
.owl-theme .owl-dots .owl-dot span {
    background: #EDD5C6 !important;
    }
    button.owl-dot {
    outline: none !important;
}
.gallery-banner2 h6
{
font-size: 14px;
line-height: 19px;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #B97663;
}
.gallery-banner2
{
    padding-bottom: 10px;
}
.gallery-banner2 h2
{
font-size: 38px;
line-height: 42px;
text-align: center;
letter-spacing: 0.03em;
color: #040728;
margin-bottom: 0;

}
.gallery-banner4.d-flex {
    padding-top: 15px;
}
.gallery-banner5 {
    margin-right: 15px;
}
.col-md-2.gallery-column1 {
    padding-left: 0;
}
.gallery-column2
{
    padding-left: 0;
}
.gallery-banner9 {
    margin-right: 15px;
}
.gallery-banner11 {
    padding-top: 10px;
}
.gallery-rows1
{
    padding-top: 15px;
}
.gallery-banner13 {
    padding-right: 15px;
}
.col-md-2.gallery-column4 {
    padding-left: 0;
}
.col-md-4.gallery-column5 {
    padding-left: 0;
}
.gallery-banner14-new {
    padding-top: 15px;
}
.gallery-banner17 {
    margin-right: 15px;
}
.gallery-banner16.d-flex {
    padding-top: 10px;
}
.gallery-header1
{
    padding: 10px 0px;
    background: #B97663;
}
li.breadcrumb-item
{
font-size: 12px;
line-height: 17px;
color: #FFFFFF;
}
.breadcrumb-item-anc
{
font-size: 12px;
line-height: 17px;
color: #FFFFFF;
}
ul.breadcrumb {
    background: transparent;
    margin: 0;
    padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #fff !important;
    content: ">" !important;
}
.size-guide3 h4
{
    font-size: 24px;
line-height: 25px;
text-align: center;
margin-bottom: 0;
color: #040728;
padding-top: 15px;
}
.size-guide3 p
{
   font-size: 11px;
line-height: 20px;
text-align: center;
margin-bottom: 0;
color: #040728;
}
.size-guide1.center-text {
    background: #fff;
    padding: 7px;
    border-radius: 5px;
}
.size-guide5 p
{
font-size: 12px;
line-height: 17px;
text-align: center;
margin-bottom: 0;
padding-top: 40px;
color: #040728;
}

#tabs{
    background: #007b5e;
    color: #eee;
}
#tabs h6.section-title{
    color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f3f3f3;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 2px solid #B97663 !important;
    font-size: 20px;
    font-weight: bold;
}
#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #eee;
    font-size: 20px;
}
.card-header h2 button
{
    font-size: 23px;
line-height: 43px;
letter-spacing: 0.03em;
text-align: left;
color: #040728 !important;
text-decoration: none !important;
}
.card-body p
{
    font-size: 14px;
line-height: 20px;
margin-bottom: 0;
color: #040728;
}
#nav-tab a
{
    font-size: 13px;
line-height: 17px;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;

color: #040728;
}
.faq1 {
    background: #fff;
    border-radius: 3px;
    padding: 30px;
    max-width: 1000px;
    margin: 0 auto;
}
.faq1 nav {
    padding-bottom: 10px;
}
.faq1 div#headingOne {
    background: transparent !important;
    border: none !important;
     padding-bottom: 0;
}
.faq1 .card {
    border: none !important;
}
.faq1 .card-body {
    padding: 0;
    padding-left: 60px;
}
div#headingOne h2 button i {
    color: #B3B3B3;
    font-size: 16px;
    margin-right: 10px;
}
.gallery-banner2 p
{
font-size: 18px;
line-height: 25px;
text-align: center;
margin-bottom: 0;
padding-top: 15px;
color: #040728;
}
.product-page1
{
    padding: 20px 0px;
    background: #b9766333;
}
.thumb-img.d-flex.justify-content-center {
    margin-top: 10px;
}
.column {
    margin: 0px 5px;
}
.mySlides.text-center {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 5px;
}
.product-page3 h2
{
   font-size: 39px;
    line-height: 39px;
letter-spacing: 0.03em;
color: #040728;
}

.product-page3 h6
{
   font-size: 16px;
line-height: 21px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #B97663;

}
.product-page3 p span
{
   font-size: 12px;
line-height: 17px;
color: #000000;
}
.product-page7
{
    font-size: 12px;
line-height: 20px;
color: #040728;
}
.product-page8 a
{
    font-size: 11px;
line-height: 17px;
text-decoration-line: underline;
color: #000000;
}
.product-page9 select {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #040728;
    border-radius: 30px;
    height: 30px;
    padding-left: 15px;
}
.product-page10
{
font-size: 12px;
line-height: 20px;
color: #040728;
}
.product-page12
{
    font-size: 13px;
line-height: 20px;
color: #040728;
}
.product-page13 span
{
font-size: 18px;
line-height: 25px;
text-align: center;
}

.product-page14
{
text-decoration-line: line-through;
color: #9E9E9E;
}
.product-page15
{
color: #000000;
}
.product-page16
{
color: #B97663;
}
.product-page2 {
   background: #fff;
    padding: 45px 30px;
    border-radius: 3px;
}
span.product-page5 a {
    color: #B97663;
    text-decoration-line: underline;
}
.product-page6.d-flex {
    justify-content: space-between;
}
.product-page7.mb {
    align-self: center;
}
.product-page10.mb {
    padding-top: 15px;
}
.product-page11.d-flex {
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pm.plus-minus.justify-content-between.align-items-center {
    background: #F7F5F6;
    border-radius: 100px;
    width: 100%;
    max-width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
span#value {
    margin: 0 10px;
}
span.product-page15.mr {
    padding: 0 5px;
}
.product-page12.mr {
    align-self: center;
}
.product-page13 {
    align-self: center;
}
.prodyct-button a {
    max-width: 100%;
}
.prodyct-visa {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
}
.paymentlogos-home{
	width: 300px !important;
}
.paymentlogos-products{
	width: 300px !important;
}
.paymentlogos-footer{
	width: 100% !important;
}
.pro-get-strarted1 {
    background: #F7F5F6;
    position: relative;
}
.pro-get-strarted1:after {
    content: " ";
    background-image: url(../../img/bak2.png);
    position: absolute;
    height: 230px;
    width: 670px;
    bottom: -25px;
    left: 0px;
}
.pro-get-strarted5 {
    padding: 0 100px;
    z-index: 9999999999;
    position: relative;
}

.pro-get-strarted5 p {
    font-size: 14px;
    line-height: 20px;
    color: #040728;
}
.terms-banner1
{
    padding: 20px 0px;
    background: #b9766333;
}
.terms-banner2 p
{
font-size: 14px;
line-height: 20px;
color: #000000;
font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

div#cmApp_signupContainer {
    display: none !important;
}

.terms-banner2 h2
{
font-size: 24px;
line-height: 25px;
color: #000000;
font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.terms-banner2 {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 60px;
}
li.nav-item.dropdown.bd-drpdawn a {
    border: 1px solid #000;
}

.mobile
{
    display: none;
}
section.why-choose1-hm-new1 {
    background: #F0E2D9;
    padding-top: 60px;
    padding-bottom: 200px;
}
.home-new-vids2.center-text {
    margin-top: -160px;
}
section.header1 {
    padding: 17px 0px;
}
section.header1 {
    position: relative;
    z-index: 9999;
}
.nav-item a {
    line-height: 11px;
}

.card button:not(.collapsed) i {

}


a.navbar-brand {
    padding: 0;
}
ul.navbar-nav li {
    padding: 0 5px;
    padding-top: 10px;
}
.nav-icon {
    padding-top: 10px;
}
section.why-choose1-hm-new1 {
    position: relative;
}

section.why-choose1-hm-new1:after {
    content: " ";
    background-image: url(../../img/as-line1.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    top: 140px;
    opacity: 0.5;
}
section.super-soft-sec1 {
    padding-top: 40px;
    padding-bottom: 60px;
}
.why-choose3 h4 {
    font-size: 35px;
    }
.dropdown-toggle::after {
    color: #FF7642 !important;
}
.why-choose3.center-text p {
    padding-top: 10px;
}
.vsizes2
{
    overflow: hidden;
}
.vsizes3 {
    transition: all 0.5s ease-in-out;
}

.vsizes3:hover {
   transform: scale(1.1);
}
.active2 {
    background: #EFECF4;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

img.img-fluid.hand {
   display: inline-block !important;
}
.rev-slid-butn a {
    font-size: 14px;
    line-height: 50px;
    max-width: 100%;
}
.rev-slid-butn a{
    display: none;
}
.rev-slid-butn {
    padding-top: 10px;
}

.active3 a
{
ont-size: 14px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    transition: all .5s ease-in-out!important;
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    background: #7035EC;
    border-radius: 50px;
    max-width: 100%;
    display: block !important;
}
.review-slider4:hover .rev-slid-butn
{
opacity: 1;
}
.it-works1
{
    position: relative;
}
.it-works1:after{

 content: " ";
    background-image: url(../../img/it-line1.png);
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: 35%;
}
.thumb-img.d-flex.justify-content-center {
    justify-content: space-between !important;
}
.product-page1
{
    position: relative;
}

.product-page1:after {
  content: " ";
    background-image: url(../../img/it-line2.png);
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    top: 50%;
    background-size: cover;
}
.product-page2 {
    position: relative;
    z-index: 9999999;
}
.container-slider {
    position: relative;
    z-index: 99999999;
}
.pro-get-strarted5 h2 {
    font-size: 56px;
    line-height: 56px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.pro-get-strarted5 h6 {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #B97663;
    font-size: 17px;
    line-height: 24px;
}
.pro-get-strarted5 p {
    font-size: 18px;
    line-height: 25px;
    color: #040728;
}
.get-strarted7 {
    padding-top: 40px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #040728 !important;
}
.ttw-gift-card2 {
    background: #F7F5F6;
    border-radius: 5px;
    position: relative;
    z-index: 999999999;
    padding: 40px 60px;
    margin-top: 30px;
}
.prodyct-button button {
    max-width: 100%;
    border: none;
}
.gift-pro-card2 h6
{
    font-size: 13px;
margin-bottom: 0;
color: #040728;
}
.gift-pro-card3 select {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #040728;
    border-radius: 30px;
    height: 30px;
    padding-left: 15px;
    background: #F7F5F6;
}
.gift-pro-card2 {
    align-self: center;
}
.gift-pro-card1.d-flex {
    justify-content: space-between;
}
.gift-pro-card3 {
    width: 75%;
}
.gift-pro-card3 input {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #040728;
    border-radius: 30px;
    height: 30px;
    padding-left: 15px;
    background: #F7F5F6;
}
.gift-pro-card1.d-flex {
    padding-bottom: 15px;
}
.product-page9 select:focus-visible {
    outline: none !important;
    border: 2px solid #E58763 !important;
}

.gift-pro-card-textarea11 h6
{
     font-size: 13px;
margin-bottom: 0;
color: #040728;
}
.gift-pro-card-textarea11 {
    justify-content: space-between;
}
.gift-pro-card3 {
    width: 75%;
}
.gift-pro-card3 textarea
{
background: #F7F5F6;
font-size: 13px;
    color: #040728;
    border-radius: 10px;
}
.gift-pro-card-textarea11.d-flex {
    padding-bottom: 15px;
}
.gift-pro-card-quantity2 h6
{
  font-size: 13px;
margin-bottom: 0;
color: #040728;
}
.gift-pro-card-quantity3 select
{
      width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #040728;
    border-radius: 30px;
    height: 30px;
    padding-left: 15px;
    background: #F7F5F6;
}
.gift-pro-card-quantity2 {
    align-self: center;
    width: 25%;
}
.gift-pro-card-quantity1.d-flex {
    justify-content: space-between !important;
}
.gift-pro-card-quantity3 {
    width: 25%;
}
.pm.plus-minus.justify-content-between.align-items-center.gift-pro-card-quantity5 {
    width: 25%;
}
.gift-pro-card-quantity1.d-flex {
    padding-bottom: 15px;
}
.gift-crd-visa {
    text-align: center;
    padding-top: 10px;
}
/*
.col.ttw-catogary1 {
    flex: 0 0 20%;
    max-width: 20%;
}*/
.review-slider4.ttw-catogary-slider {
    margin-bottom: 30px;
}

label[for="billing_birthdate"] {
    display: none;
}

label[for="billing_rg"] {
    display: none;
}

@media only screen and (min-width: 1500px) {
.paymentlogos-home{
	width: 300px !important;
}
.paymentlogos-products{
	width: 300px !important;
}
.paymentlogos-footer{
	width: 100% !important;
}
img.img-fluid.gift-img2 {
    width: 100%;
}
    .ttw-gift-card2 {

    margin-top: 60px;
}

    .gift-pro-card2 h6 {
    font-size: 16px;
}
.gift-pro-card-quantity2 h6
{
  font-size: 16px;
  }
.gift-pro-card-textarea11 h6
{
     font-size: 16px;
}
.gift-pro-card3 select {
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 30px;
    height: 45px;
    padding-left: 15px;
}
.gift-pro-card-quantity3 select
{
      width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 30px;
    height: 45px;
    padding-left: 15px;
}
.gift-pro-card3 textarea
{
 font-size: 16px;
}
.gift-pro-card3 input {
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 30px;
    height: 45px;
    padding-left: 15px;
}
    .why-choose1 {
    padding: 80px 0px;
}

    .container {
    max-width: 1350px;
}

img.img-fluid.logo {
    max-width: 110px;
}
.nav-item a {
    font-size: 17px;
    line-height: 17px;
}
  ul.navbar-nav li {
    padding: 0 10px;
    padding-top: 10px;
}
.nav-icon img {
    padding-right: 30px;
}
img.img-fluid.vir4 {
    width: 100%;
}
.get-strarted7 a {
    max-width: 380px;
}
.get-strarted7 {
    width: 60%;
}
.get-strarted9.d-flex {
    max-width: 80%;
}
.get-strarted5 {
    padding: 0 150px;
}
.get-strarted9.d-flex.it-works-started {
    max-width: 38%;
}
.world-wide-slider4 h2 {
    font-size: 35px;
    line-height: 36px;
    color: #040728;
    padding-top: 10px;
}
.world-wide-slider3 {
    padding: 50px;
    top: 80px;
}
.gift-voucher2 {
    padding-right: 100px;
}
.gift-voucher2 h2 {
    font-size: 50px;
    line-height: 50px;
    }
    .gift-voucher2 h5 {
    font-size: 21px;
    line-height: 29px;
}
.gift-voucher2 p {
    font-size: 18px;
    line-height: 25px;
    }
    img.img-fluid.vir2 {
    width: 100%;
}
.top-bar1 {
    padding: 8px 0px;
}
.top-bar2.center-text p {
    font-size: 14px;
}
.banner1 {
    padding: 180px 0px;
}
.banner2 h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 30px;
}
.banner2 p {
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 28px;
}
.main-button {
    font-size: 17px;
    line-height: 70px;
    max-width: 310px;
}
.second-button {
    font-size: 17px;
    line-height: 70px;
    max-width: 310px;
}
.banner4 {
    padding-top: 20px;
}
section.why-choose1-hm-new1 {
    padding-bottom: 220px;
    position: relative;
    adding-top: 80px;
}
section.vsizes1 {
    padding-bottom: 60px;
}
.get-strarted5 h6 {
    font-size: 19px;
    line-height: 23px;
}
.get-strarted5 h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0;
    padding-bottom: 30px;
    letter-spacing: 0.03em;
    color: #040728;
}
.get-strarted5 p {
    font-size: 21px;
    line-height: 30px;
}
p.mr.newp1 {
    font-size: 19px;
    line-height: 27px;
}
.get-strarted11 p {
    font-size: 14px;
    line-height: 19px;
}
.review-slider1 {
    padding: 80px 0px;
}
.review-slider2 h6 {
    font-size: 19px;
    line-height: 30px;
    }
.review-slider6 h4 {
    font-size: 27px;
    line-height: 35px;
    color: #040728;
    margin-bottom: 0;
    padding-top: 15px;
}
.review-slider6 h6 {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #040728;
    margin-bottom: 6px;
}
.review-slider9 {
    font-size: 14px;
}
img.img-fluid.star3 {
    object-fit: contain;
    max-width: 70px;
}
.review-slider10 p {
    font-size: 14px;
    line-height: 20px;
}
.shipping-sec1 {
    padding: 60px 0px;
    }

.shipping-sec4 {
    padding-left: 30px;
}
.it-works1 {
    padding: 80px 0px;
    }
    .it-works2 h6 {
    font-size: 18px;
    line-height: 19px;
    padding-bottom: 20px;
}
.it-works2 h2 {
    font-size: 42px;
    line-height: 42px;
    padding-bottom: 60px;
    max-width: 70%;
    margin: 0 auto;
}
.it-works3.center-text h6 span {
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
}
.it-works3 h5 {
    font-size: 18px;
    line-height: 24px;
    }
    .it-works3 p {
    max-width: 90%;
    margin: 0 auto;
}
.it-works4.center-text {
    padding-top: 50px;
}
.world-wide-sec1 {
    padding: 80px 0px;
}

.lets-started-sec2 h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}
.made-in-sec1 {
    background: #F7F5F6;
    padding: 20px 0px;
}
.made-in-sec4 p {
    font-size: 14px;
}
.footer-sec1 p {
    max-width: 80%;
    }
    .subsinput {
    padding: 30px;
}
section.ab-why-choose3 {
    padding-top: 80px;
}
.why-choose2 h2 {
    font-size: 50px;
    line-height: 50px;
    }
    .why-choose2 p {
    font-size: 16px;
    line-height: 24px;
}
.ab-why-choose4.center-text {
    padding-top: 60px;
}
img.img-fluid.gal1 {
    width: 100%;
}
img.img-fluid.gal2 {
    width: 100%;
}
img.img-fluid.gal3 {
    width: 100%;
}
img.img-fluid.gal4 {
    width: 100%;
}
img.img-fluid.gal5 {
    width: 100%;
}
img.img-fluid.gal6 {
    width: 100%;
}
img.img-fluid.gal7 {
    width: 100%;
}
img.img-fluid.gal8 {
    width: 100%;
}
img.img-fluid.gal9 {
    width: 100%;
}
img.img-fluid.gal10 {
    width: 100%;
}
img.img-fluid.gal11 {
    width: 100%;
}
img.img-fluid.gal12 {
    width: 100%;
}
img.img-fluid.gal13 {
    width: 100%;
}
img.img-fluid.gal14 {
    width: 100%;
}
.gallery-banner10 {
    width: 30%;
}
.gallery-banner9 {
    width: 70%;
}
.gallery-banner5 {
    width: 50%;
}
.gallery-banner6 {
    width: 50%;
}
.gallery-banner13 {
    width: 30%;
}
.gallery-banner14 {
    width: 70%;
}
.gallery-banner17 {
    width: 50%;
}
.gallery-banner18 {
    width: 50%;
}
li.breadcrumb-item {
    font-size: 16px;
}
.breadcrumb-item-anc {
    font-size: 16px;
    }
    .gallery-header1 {
    padding: 15px 0px;
}
.product-page1 {
    padding: 20px 0px;
}
.product-page3 h2 {
    font-size: 45px;
    line-height: 45px;
    }
    .product-page3 p span {
    font-size: 14px;
    line-height: 18px;
}
.product-page7 {
    font-size: 14px;
    line-height: 30px;
    }
    .product-page8 a {
    font-size: 14px;
    line-height: 20px;
}
.product-page9 select {
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #040728;
    border-radius: 30px;
    height: 45px;
    padding-left: 15px;
}
.product-page10 {
    font-size: 14px;
    line-height: 30px;
}
.product-page2 {
    background: #fff;
    padding: 50px 50px;
}
.pm.plus-minus.justify-content-between.align-items-center {
    height: 40px;
    line-height: 40px;
    }
.prodyct-visa {
    padding-bottom: 40px;
}
.shipping-sec4 h4 {
    font-size: 24px;
    line-height: 36px;
    }
img.img-fluid.vir5 {
    width: 100%;
}
.pro-get-strarted5 {
    padding: 0 150px;
    }

label[for="billing_birthdate"] {
    display: none;
}
label[for="billing_rg"] {
    display: none;
}

}


@media only screen and (max-width: 1024px) {
.paymentlogos-home{
	width: 300px !important;
}
.paymentlogos-products{
	width: 300px !important;
}
.paymentlogos-footer{
	width: 100% !important;
}
img.img-fluid.logo {
    max-width: 80px;
}
ul.navbar-nav li {
    padding: 0 0px;
}
.nav-item a {
    font-size: 12px;
    }
.nav-icon img {
    padding-left: 15px;
    padding-right: 0px;
}
.owl-carousel.rev-slider.owl-theme button.owl-next {
    right: -5%;
    }
    .owl-carousel.rev-slider.owl-theme button.owl-prev {
    left: -5%;
    }
.footer-sec3 ul li a {
    font-size: 11px;
}
.copy-right-sec2 p {
    font-size: 10px;
}
.lets-started-sec2 h2 {
    font-size: 35px;
    line-height: 35px;
    }
    .lets-started-sec2 p {
    font-size: 16px;
    line-height: 22px;
}
.gift-voucher2 h2 {
    font-size: 35px;
    line-height: 35px;
    }
    .gift-voucher2 h5 {
    font-size: 16px;
    line-height: 23px;
}
.world-wide-slider3 {
    padding: 30px;
    top: 20px;
    }
.shipping-sec4 h4 {
    font-size: 14px;
    line-height: 24px;
}
.get-strarted5 {
    padding: 0 15px;
    }
    .get-strarted5 h2 {
    font-size: 35px;
    line-height: 35px;
}
.product-page3 h2 {
    font-size: 30px;
    line-height: 30px;
}


.shipping-sec3 img {
    max-width: 40px;
}
.prodyct-visa {
    padding-bottom: 20px;
}
.product-page13 span {
    font-size: 14px;
    line-height: 20px;
}
.pro-get-strarted5 {
    padding: 0 15px;
    }
   .pro-get-strarted5 h2 {
    font-size: 30px;
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.pro-get-strarted5 p {
    font-size: 14px;
    line-height: 19px;
    }
    .get-strarted7 {
    padding-top: 0px;
}
.why-choose2 h2 {
    font-size: 30px;
    line-height: 30px;
    }
    .row.why-chose-row {
    padding-top: 0px;
}
.why-choose3 h4 {
    font-size: 24px;
}
.it-works2 h2 {
    font-size: 30px;
    line-height: 30px;
}
.gallery-banner2 h2 {
    font-size: 30px;
    line-height: 30px;
    }
    .review-slider2 h2 {
    font-size: 30px;
    line-height: 30px;
}


}




@media only screen and (max-width: 767px) {
.paymentlogos-home{
	width: 300px !important;
}
.paymentlogos-products{
	width: 300px !important;
}
.paymentlogos-footer{
	width: 100% !important;
}
.bar1, .bar2, .bar3 {
    width: 30px;
    height: 2px;
    background-color: #000;
    margin: 6px 0;
    transition: 0.4s;
}
.bs-example button.btn.btn-link.ftr {
    display: flex;
}

.product-name {
  font-size: 15px;
  font-weight: 500;
  margin-left: 10px;
  line-height: 18px;
}

.product-thumbnail img {
    height: 60px;
    width: 60px;
    object-fit: cover;
    border-radius: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.row.products-title {
    display: none;
}

form.woocommerce-cart-form, .cart-collaterals {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
}

.paypal-button-row.paypal-button-number-0.paypal-button-layout-horizontal.paypal-button-shape-rect.paypal-button-number-single.paypal-button-env-production.paypal-button-color-gold.paypal-button-text-color-black.paypal-logo-color-blue {
    margin-top: 20px;
}

div#customer_details, div#order_review {
    background: #fff;
    padding: 20px 16px;
    border-radius: 4px;
    box-shadow: 0px 0px 30px #ddd;
}


.col2-set .form-row-first, .col2-set .form-row-last {
    width: 100% !important;
}

.col-lg-5.col-review {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

tr.cart_item td.product-name {
    font-size: 12px;
    font-weight: 400;
    padding-right: 20px !important;
    /* flex-direction: column !important; */
    display: block !important;
}

td.product-total {
    font-size: 14px;
    width: 100px;
}
.woocommerce-checkout .shop_table td {
    padding: 5px 0px !important;
}

.wc_payment_methods li {
    background: #f7f5f6;
    padding: 10px 15px !important;
    margin: 10px 0px!important;
    border-radius: 4px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-align: left !important;
  }

  span.wc-stripe-card-icons-container {
    margin-left: 5px !important;
}
textarea#order_comments {
    width: 100%;
    height: 80px;
    padding: 10px 20px;
    width: 100%;
    border: 1px solid #ddd;
    background: #F7F5F6;
    border-radius: 100px;
    /* height: 50px; */
}

nav.navbar.navbar-expand-lg {
    padding: 0 !important;
}

.product_item-rs .col-12.col-md-6.d-flex.align-items-center {
    margin-bottom: 20px;
}

.row.cart_sm {
    margin: 4px -15px;
}

iframe#widget2 {
    width: 100%;
    height: 250px;
}



img.img-fluid.video {
    height: 250px;
    object-fit: cover;
}

.faq1 nav {
    width: 100%;
    overflow-x: scroll;
}

.faq1  div#nav-tab {
    width: 820px;
    overflow-x: scroll !important;
}


.made-in-sec4 p {
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    letter-spacing: 0.05em;
    color: #040728;
}
.footer-sec3 {
    margin-top: 15px;
}

.col-md-4.vsizes-col-pad.pr-0 {
    padding: 0px 15px !important;
}

.made-in-sec2.d-flex.justify-content-center {
    justify-content: left !important;
    text-align: left !important;
    /* align-items: center; */
}

a.navbar-brand {
    width: 50%;
}

.woocommerce-product-gallery__wrapper img.wp-post-image {
    height: 300px;
    object-fit: contain;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100%;
}

.product_item_lists {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
.rev-slider .product_item_lists {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

ol.flex-control-nav.flex-control-thumbs li {
  width: 13%;
      padding: 2px;
      background: #fff;
      border-radius: 4px;
      margin: 5px 0px;
      justify-content: space-between;
}


h1.product_title.entry-title {
    font-size: 26px !important;
    line-height: 30px !important;
    font-family: futura-pt, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    border: none !important;
    letter-spacing: 0.03em !important;
    color: #040728 !important;
    text-transform: capitalize !important;
    margin-bottom: 0px !important;
    padding-bottom: 5px !important;
}

.bg_ss_white .product_title ~ p {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #B97663;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.bg_ss_white {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
}

.qib-container {
    width: 40%;
    text-align: center !important;
}

.qib-container {
    width: 50%;
    text-align: center !important;
    justify-content: center;
    display: flex;
    justify-content: center;
}

.woocommerce-variation.single_variation {
    line-height: 50px;
    width: 40%;
    text-align: right !important;
}
.woocommerce-variation-price {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

figure.woocommerce-product-gallery__wrapper img {
    height: 300px;
    object-fit: contain;
    text-align: center !important;
}

.product_item_lists .woocommerce-loop-product__title {
    font-size: 16px;
    line-height: 30px;
    color: #040728;
    margin-bottom: 0;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-top: 10px;
}
.product_item_lists span.price a {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #040728;
    margin-bottom: 5px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}

.product_item_lists .products__desc, .product_item_lists .products__desc p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #040728;
    line-height: 18px;
}

.product_item_lists .products__image img {
    width: 100%;
    max-width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 4px;
}
.rev-slider .product_item_lists .products__image img {
    width: 100%;
    max-width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 4px;
}
a.button.add_to_cart_button {
    opacity: 1 !important;
    font-size: 12px !important;
    padding: 10px 10px !important;
    line-height: 20px !important;
}

.change .bar1 {
    transform: rotate(-45deg) translate(-4px, 3px);
}
  .change .bar2 {
    opacity: 0;
}
.change .bar3 {
    transform: rotate(45deg) translate(-8px, -8px);
}
.desktop
{
    display: none;
}
.mobile
{
    display: block;
}
a.navbar-brand {
    margin-right: 0;
}
.banner1 {

    padding: 50px 0px;
}
.banner2 h2 br {
    display: none;
}
.banner2 h2 {
    letter-spacing: 0.03em;
    font-size: 30px;
    color: #FFFFFF;
    line-height: 30px;
}
.banner2 p br {
    display: none;
}
.banner2 p {
    font-size: 15px;
    line-height: 21px;
}
.why-choose1 {
    padding: 40px 0px;
}
.why-choose2 h2 br {
    display: none;
}
.why-choose2 h2 {
    font-size: 30px;
    line-height: 30px;
    }
    .why-choose3.center-text {
    padding-top: 0px;
}
.col.why-chose-v-col {
    flex-basis: 50% !important;
}
.why-choose3.center-text p {
    font-size: 14px;
}
.vsizes2 {
    margin-bottom: 20px;
}
section.vsizes1 {
    padding-bottom: 19px;
}
.get-strarted5 {
    text-align: center;
    padding: 30px 0px;
}
.get-strarted5 h2 {
    font-size: 30px;
    line-height: 30px;
}
.get-strarted5 p {
    font-size: 16px;
    line-height: 22px;
}
.get-strarted6.d-flex {
    display: block !important;
    }
    .get-strarted7 {
    width: 100%;
}
.get-strarted6.d-flex {
    padding-top: 10px;
    padding-bottom: 5px;
}
.get-strarted10 {
    width: 60%;
}
.why-choose2 h2 {
    padding-bottom: 20px;
    margin-bottom: 0;
}
.why-choose1 {
    padding: 40px 0px;
    padding-bottom: 20px;
}
.get-strarted11 {
    text-align: left;
}
.get-strarted11 p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 19px;
}
.review-slider1 {
    padding: 40px 0px;
}
.review-slider2 {
    padding-bottom: 30px;
}
.review-slider2 h2 {
    font-size: 30px;
    line-height: 30px;
        margin-bottom: 0;
}
.shipping-sec2.d-flex {
    padding-bottom: 20px;
}
.shipping-sec1 {
    padding: 40px 0px;
    padding-bottom: 20px;
    }
    .it-works2 h2 {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #040728;
    padding-bottom: 30px;
    max-width: 100%;
    margin: 0 auto;
}
.it-works1 {
    padding: 40px 0px;
    }
.it-works3.center-text {
    padding-bottom: 30px;
}
.it-works4.center-text {
    padding-top: 0px;
}
.get-strarted9.d-flex.it-works-started {
    max-width: 100%;
}
.world-wide-slider3 {
    padding: 30px;
    top: -10px;
    left: 0px;
}
.owl-carousel.world-wide-slider1.owl-theme button.owl-next {
    right: -6%;
}
.gift-voucher1 {
    padding: 40px 0px;
}
.gift-voucher1:after
{
    display: none;
}
.gift-voucher2 {
    text-align: center;
    padding-bottom: 30px;
}
.gift-voucher2 h2 {
    font-size: 30px;
    line-height: 30px;
}
.lets-started-sec1:after
{
    display: none;
}
.lets-started-sec1:before
{
    display: none;
}
.lets-started-sec1 {
    padding: 40px 0px;
}
.lets-started-sec2 h2 {
    font-size: 30px;
    line-height: 30px;
}
.lets-started-sec2 p br {
    display: none;
}
.lets-started-sec2 p {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 15px;
}
.copy-right-sec1 {
    padding: 30px 0px;
    padding-top: 0;
}
footer {
    padding: 40px 0px;
    padding-bottom: 20px;
}
.footer-sec2 form {
    display: block;
    flex-direction: row;
    width: 100%;
}
.footer-sec2 form button {
    max-width: 100%;
    line-height: 40px;
    border: none;
    position: relative;
    left: 0px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.made-in-sec2.d-flex {
    padding-bottom: 10px;
}
.made-in-sec1 {
    padding: 10px 0px;
    padding-bottom: 0;
}
.nav-icon {
    padding-top: 0px;
}
.why-choose2.center-text.w-75.m-auto {
    width: 100% !important;
}
section.ab-why-choose3 {
    padding-top: 40px;
}
.ab-why-choose4.center-text {
    margin-bottom: -70px;
    padding-top: 40px;
}
.ab-why-choose2 {
    background: #F0E2D9;
    padding-bottom: 40px;
    padding-top: 100px;
}
.why-choose3 h4 {
    font-size: 26px;
}
.nav-icon img {
    padding-left: 0px;
    padding-right: 14px;
}
.gallery-banner1 {
    padding: 10px 0px;
}
.gallery-banner2 {
    padding-bottom: 10px;
}
.gallery-banner2 h2 {
    font-size: 30px;
    line-height: 30px;
}
.col-md-2.gallery-column1 {
    padding-left: 15px;
}
.gallery-banner7 {
    padding: 15px 0px;
}
.col-md-6.gallery-column2 {
    padding-left: 15px;
}
img.img-fluid.gal11 {
    width: 100%;
}
.col-md-2.gallery-column4 {
    padding-left: 15px;
}
.gallery-banner15 {
    padding: 15px 0px;
}
.col-md-4.gallery-column5 {
    padding-left: 15px;
}
img.img-fluid.gal4 {
    width: 100%;
}
.col.why-chose-v-col-size {
    flex-basis: 50% !important;
    padding: 0 5px;
}
.size-guide1.center-text {
    margin-bottom: 10px;
}
.size-guide5 p {
    padding-top: 20px;
}
.faq1 {
    padding: 20px 10px;
    max-width: 100%;
}
.faq1 div#headingOne {
    padding: 0 !important;
}
.card-header h2 button {
    font-size: 14px;
    line-height: 20px;
    }
    .faq1 .card-body {
    padding-left: 40px;
}
div#nav-tabContent {
    padding: 0 !important;
}
.card-body p {
    font-size: 12px;
    line-height: 18px;
}
.top-bar2.center-text p {
    font-size: 10px;
}
#nav-tab a {
    font-size: 12px;
    line-height: 14px;
    text-align: left;
}
.pro-get-strarted1:after
{
    display: none;
}
.product-page1 {
    padding: 20px 0px;
}
.product-page2 {
padding: 20px 10px;
}
.product-page2 {
    margin-top: 30px;
}
.product-page3 h2 {
    font-size: 24px;
    line-height: 24px;
}
.product-page3 h6 {
    font-size: 14px;
    line-height: 14px;
}
.product-page12 {
    font-size: 11px;
    line-height: 11px;
    }
    .pm.plus-minus.justify-content-between.align-items-center {
    background: #F7F5F6;
    border-radius: 100px;
    width: 100%;
    max-width: 60px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}
span#value {
    margin: 0 5px;
}
.product-page13 span {
    font-size: 11px;
}
.od1
{
    order: 1;
}
.od2
{
    order: 2;
}
.pro-get-strarted5 {
    padding: 0 0px;
}
.pro-get-strarted5 {
    padding: 30px 0px;
}
.pro-get-strarted5 h2 {
    font-size: 24px;
    line-height: 24px;
}
.pro-get-strarted5 h6 {
	font-size: 15px;
}
.terms-banner1 {
    padding: 10px 0px!important;
}
.terms-banner1 .gallery-banner2 {padding-bottom:0px;}
.terms-banner1 .gallery-banner2 .ftr, .cart .gallery-banner2 .ftr {margin-bottom:0px;}

.terms-banner2 {
    padding: 30px 10px;
}
.ttw-gift-card2 {
    padding: 20px 10px;
}
.col.ttw-catogary1 {
    flex: 0 0 100%;
    max-width: 100%;
}

label[for="billing_birthdate"] {
    display: none;
}

label[for="billing_rg"] {
    display: none;
}




}

.woocommerce-variation-availability {display:block;}

#rotating-banner {
  transition: background-image 3s ease-in-out;
  background-size: cover;
  background-position: center;
}


.footer form input[type=text] {
    font-family: 'Courier' !important;
    border: none;
    outline: 0;
    width: 300px;
    height: 35px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
	color:black;
}
.thumb-img.d-flex.justify-content-center {
    flex-wrap: wrap;
}




.single-product .blockUI.blockOverlay {
    display: none !important;
}

.thumb-img.d-flex.justify-content-center .column {
    margin: 6px 3px;
    max-width: 12%;
    min-width: 13%;
    width: 13%;
    background: #fff;
    padding: 3px;
    border-radius: 4px;
}

.thumb-img.d-flex.justify-content-center img.demo.cursor {
    height: 70px;
    object-fit: cover;
}


.thumb-img.d-flex.justify-content-center img.demo.cursor.active {
    border: 1px solid #000;
}

.world-wide-slider2 img {
    height: 550px;
    object-fit: cover;
    object-position: top;
}

textarea#order_enter_a_message {
    height: 100px;
    padding: 20px 30px;
    width: 100%;
    border: 1px solid #ddd;
    background: #F7F5F6;
    border-radius: 100px;
}

span.select2-selection.select2-selection--single {
    padding: 15px;
    width: 100%;
    border: 1px solid #ddd;
    background: #F7F5F6;
    border-radius: 100px;
    height: 50px;
    line-height: 1px !important;
    padding: 10px;
}
span.select2-selection__arrow {
    top: 12px !important;
    right: 10px !important;
}
.variations_form.cart.in_loop.initialized {
    display: none !important;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    text-align: center;
    font-size: 20px;
}
.product-item afterpay-placement {
    display: none;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: 100%;
    margin-bottom: 20px;
    list-style: none;
}

.woocommerce-error {
    background-color: #e2401c;
    color: #5d5959;
    padding: 15px;
}

.woocommerce-error li {
    list-style: none;
}

.variation_ss {
    display: none;
}

.gallery-banner3 {
    margin: 20px 0px;
}

.why-choose3 h4 {
    font-size: 30px;
}
section.up-sells.upsells.products {
    display: none;
}
.terms-banner1 {
    padding: 20px 0px;
    background: linear-gradient(180deg, #F0E2D9 0%, rgba(240, 226, 217, 0) 66.61%);
}

.banner2.center-text {
    max-width: 800px;
    margin: 0px auto;
}
.banner2 h2 {
    font-size: 50px ;
}

.footer form input[type=text]:placeholder{
		color:black!important;
}
.cmApp_signupContainer #cmApp_signupForm > div {
    padding: 0 6px 0 0 !important;
}
.cmApp_fieldWrap {
    width: 100%;
}
.footer form input[type=submit] {
    font-family: 'Courier';
    background: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    margin-left: 20px;
    padding: 0 25px 0 20px !important;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
}

.shipping_address #shipping_city_field {
	  display: inline-block;
    width: 67%;
}
.shipping_address #shipping_postcode_field {
	width: 31%;
	display: inline-block;
	margin-left: 0px;
}

@media(min-width: 1024px) and (max-width: 1200px) {
	.shipping_address #shipping_postcode_field {
	width: 30%;
 }
}
@media(max-width:767px) {
	
	.currency-item {
		display: none;
	}
	
.shipping_address #shipping_postcode_field {
	width: 30%;
 }
	.page-template-cart .cart-title {
		font-size: 23px;
		margin-top: 30px;
	}
	.page-template-cart p {
		font-size: 14px;
	}
	.page-template-cart .container {
		padding-right: 18px;
		padding-left: 18px;
	}
	.page-template-cart .cart-collaterals .cart_totals h2 {
		font-size: 22px;
	}
	.page-template-cart .cart-subtotal {
		font-size: 16px;
		margin-bottom: 25px;
	}
	.page-template-cart     .woocs_special_price_code {
		font-weight: 600;
	}
	.page-template-cart  #shipping_method   {
		margin-bottom: 25px;
		font-size: 14px;
	 }
	.page-template-cart .woocommerce-shipping-calculator {
		margin-top: 15px;
	}
	.woocommerce-shipping-calculator .shipping-calculator-button {
		font-size: 12px;
		color: grey;
	}
	.cart-collaterals .cart_totals .order-total {
		font-size: 18px;
	}
	.woocommerce-checkout .cart_item .product-quantity {
		margin-top: 0;
	}
	.woocommerce-checkout .shop_table .cart_item .product-name  {
		display: flex;
    flex-direction: row;
    margin: auto 0;
    align-items: end;
    align-content: baseline;
	}
	.woocommerce-checkout .woocommerce-checkout-review-order ul  {
		 margin: 0;
    text-align: right;
	}
	
}

.selectron23 {
	z-index:1!important;
}

.selectron23-container {
	min-height: 30px!important;
}

/* ///affliate  */
.page-template-affiliate-template .title{
	
    color: #B27663 !important;
    font-family: 'Montserrat';
    padding-bottom: 20px;
    text-align: center;
}
.page-template-affiliate-template .title h1{
		font-weight:400;
    color: #B27663 !important;
    font-family: 'Montserrat';
    text-align: center;
	font-size:20px;
}
.page-template-affiliate-template .hero-section{
    background: url('img/banner2.jpg');
    background-size: cover;
}

.page-template-affiliate-template .hero-section h1 span {
    background-color: #fff;
    line-height: 2.4;
    padding: 10px;
}
.page-template-affiliate-template .description {
    color: #6B6B6B !important;
    padding-bottom: 50px;
}
.page-template-affiliate-template .btn {
    background-color: #B27663;
    border-color: #B27663;
    margin-top: 10px;
    padding: 6px;
    text-align: center;
    font-family: 'Montserrat';
    color: white;
    font-weight: 600;
    font-size: 14px;
}
.page-template-affiliate-template .btn:hover {
    background-color: #b88373;
    border-color: #b88373;

}

.page-template-affiliate-template .minus-margin-20 {
    margin-top: -45px;
}
.page-template-affiliate-template .card-holder .img {
    justify-content:center;
    padding-bottom: 25px;
}
.page-template-affiliate-template .card-holder{
    background-color: #F4E1D8;
}
.page-template-affiliate-template .card-holder img{
    width: 85px;
}
.page-template-affiliate-template .third-section{
    background-color: #E2E1E1;
}
.page-template-affiliate-template .img-holder img{
    width: 100%;
}
.page-template-affiliate-template .fourth-section{
    background-color: black;
} 
.page-template-affiliate-template .minus-margin-50 {
    margin-top: -90px;
    padding-top: 130px;
}
.page-template-affiliate-template .hero-section .container {
    padding: 50px;
}
.page-template-affiliate-template .button-wrapper{
    display: flex;
    flex-direction: column;
    width: 200px;
}
.page-template-affiliate-template p.fs-5 {
    font-size: 18px;
}
.page-template-affiliate-template .card-holder p.fs-5 {
    font-size: 16px;
}
.page-template-affiliate-template p.fw-light {
    font-weight: 500;
}
.page-template-affiliate-template .container.p-5 {
    padding: 50px;
}
.page-template-affiliate-template .container.px-5.pt-5 {
    padding: 50px 50px 0;
}
.page-template-affiliate-template h1.hero-title.title {
    text-align: left;
    font-size: 30px;
    color: #B27663 !important;
    font-family: 'Montserrat';
    padding-bottom: 20px;
}
.page-template-affiliate-template .card-holder.flex-column {
    flex-direction: column;
}
.page-template-affiliate-template .card-wrapper.row.row-cols-1.row-cols-md-3 .col {
    width: 33%;
    margin-top: 40px;
}
.page-template-affiliate-template .card-wrapper.row.row-cols-1.row-cols-md-3 .col .card-holder {
	padding:20px;
	height:270px;
}
.page-template-affiliate-template .text-center{
	text-align:center;
}
.page-template-affiliate-template .hero-section .description.pb-4 {
    padding-bottom: 20px;
}
.page-template-affiliate-template .card-wrapper.row.row-cols-1.row-cols-md-5.g-1.mt-5 .col {
    padding: 5px;
}
.page-template-affiliate-template .third-section .description span:first-child {
    padding-top: 10px;
    display: block;
    max-width: 860px;
	margin:auto;
}
.page-template-affiliate-template .third-section .description span:last-child {
    padding-top: 10px;
    display: block;
    max-width: 630px;
	margin:auto;
}
.page-id-7411 .third-section .description span:last-child {
    padding-top: 10px;
    display: block;
    max-width: 100% !important;
    margin: auto;
}
.page-template-affiliate-template .fourth-section p.description.pb-4.fs-5.text-center.fw-light {
    font-size: 14px;
    color: white !IMPORTANT;
}
.page-id-7411 .third-section .description span:first-child {
    padding-top: 10px;
    display: block;
    max-width: 100% !important;
    margin: auto;
}


.page-template-affiliate-template  .third-section .card-wrapper.row.row-cols-1.row-cols-md-5.g-1.mt-5 {
    justify-content: center;
}

/*  mobile section style  */
@media screen and (max-width: 767px) {
	.page-template-affiliate-template .hero-section .container {
    background-position: bottom !important;
}
.banner2 h2 {
    font-size: 30px;
}	
.get-strarted1 .row {
    flex-direction: column-reverse;
}	
	
	.product-item a .hand {
	display:none !important;
	}	
	
	a.button.product_type_variable.add_to_cart_button {
    padding: 10px 10px !important;
    font-size: 11px !important;
    margin-top: 8px;
}
	
  .page-template-affiliate-template .card-wrapper.row.row-cols-1.row-cols-md-3 .col .card-holder {
	padding:20px 10px;
	height:auto ;
}
.page-template-affiliate-template .container.p-5{
    padding: 50px 20px;
}
	.page-template-affiliate-template .hero-section .container {
    padding: 20px 20px;
}
	.page-template-affiliate-template .container.px-5.pt-5 {
    padding: 50px 20px 0;
}
	.page-template-affiliate-template h1.hero-title.title {
    text-align: left;
    font-size: 26px;
    color: #B27663 !important;
    font-family: 'Montserrat';
    padding-bottom: 10px;
}
	.page-template-affiliate-template .hero-section .description.pb-4{
		padding-bottom:10px
	}
	.page-template-affiliate-template .hero-section h1 span {
    background-color: #fff;
    line-height: 1.6;
    padding: 3px;
}
.page-template-affiliate-template .hero-section .description p {
    font-size: 16px;
    line-height: 1.4em;
}
	.page-id-7411 .hero-section .description p {
	color:white;
	}
	.world-wide-slider2 img {
    height: 300px;
    object-fit: cover;
    object-position: top;
}
	.thumb-img.d-flex.justify-content-center .column {
    margin: 4px 2px;
    max-width: 12%;
    min-width: 12%;
    width: 12%;
    background: #fff;
    padding: 3px;
    border-radius: 4px;
}
	
	
.thumb-img.d-flex.justify-content-center img.demo.cursor {
    height: 30px;
    object-fit: cover;
}	
	
.thumb-img.d-flex.justify-content-center {
    margin-top: 10px;
    margin-bottom: 10px;
	
}
}

.page-id-111222 .gallery-header1, .page-id-111222 .gallery-banner2 {display:none!important;} 

.wc-ppcp-checkout-container {
	width:415px;
	padding-left: 10px;
	padding-right: 10px;
}
.woocommerce-terms-and-conditions-wrapper{
	width:415px;
	padding-left: 10px;
	padding-right: 10px;
}
.wc-proceed-to-checkout{	
	text-align: center;
}






/* ///become-a-stockist  */
.page-template-become-a-stockist .title{
    color: #B27663 !important;
    font-family: 'Montserrat';
    padding-bottom: 0px;
    text-align: center;
}
.page-template-become-a-stockist .title h1{
		font-weight:600;
    color: #B27663 !important;
    font-family: 'Montserrat';
    text-align: center;
	font-size:20px;
}
.page-template-become-a-stockist .hero-section{
    background: url('img/banner2.jpg');
    background-size: cover;
}

.page-template-become-a-stockist .hero-section h1 span {
    background-color: #fff;
    line-height: 1.8;
    padding: 10px;
}
.page-template-become-a-stockist .description {
    color: #6B6B6B !important;
    padding-bottom: 50px;
}
.page-template-become-a-stockist .btn {
    background-color: #B27663;
    border-color: #B27663;
    margin-top: 10px;
    padding: 6px;
    text-align: center;
    font-family: 'Montserrat';
    color: white;
    font-weight: 600;
    font-size: 14px;
	width: 200px;
}
.page-template-become-a-stockist .btn:hover {
    background-color: #b88373;
    border-color: #b88373;

}

.page-template-become-a-stockist .minus-margin-20 {
    margin-top: -45px;
}
.page-template-become-a-stockist .card-holder .img {
    justify-content:center;
    padding-bottom: 25px;
}
.page-template-become-a-stockist .card-holder{
    background-color: #F4E1D8;
}
.page-template-become-a-stockist .card-holder img{
    width: 85px;
}
.page-template-become-a-stockist .third-section{
    background-color: #E2E1E1;
}
.page-template-become-a-stockist .img-holder img{
    width: 100%;
}
.page-template-become-a-stockist .fourth-section{
    background-color: black;
} 
.page-template-become-a-stockist .minus-margin-50 {
    margin-top: -90px;
    padding-top: 130px;
}
.page-template-become-a-stockist .hero-section .container {
    padding: 50px;
}
.page-template-become-a-stockist .button-wrapper{
    display: flex;
    flex-direction: column;
    width: 200px;
}
.page-template-become-a-stockist p.fs-5 {
    font-size: 19px;
}
.page-template-become-a-stockist .card-holder p.fs-5 {
    font-size: 18px;
}
.page-template-become-a-stockist p.fw-light {
    font-weight: 400;
}
.page-template-become-a-stockist .container.p-5 {
    padding: 50px;
}
.page-template-become-a-stockist .container.px-5.pt-5 {
    padding: 50px 50px 0;
}
.page-template-become-a-stockist h1.hero-title.title {
    text-align: left;
    font-size: 43px;
    color: #B27663 !important;
    font-family: 'Montserrat';
    padding-bottom: 1px;
}
.page-template-become-a-stockist .card-holder.flex-column {
    flex-direction: column;
}
.page-template-become-a-stockist .card-wrapper.row.row-cols-1.row-cols-md-3 .col {
    width: 33%;
    margin-top: 40px;
}
.page-template-become-a-stockist .card-wrapper.row.row-cols-1.row-cols-md-3 .col .card-holder {
	padding:20px;
	height:270px;
}
.page-template-become-a-stockist .text-center{
	text-align:center;
}
.page-template-become-a-stockist .hero-section .description.pb-4 {
    padding-bottom: 20px;
}
.page-template-become-a-stockist .card-wrapper.row.row-cols-1.row-cols-md-5.g-1.mt-5 .col {
    padding: 5px;
}
.page-template-become-a-stockist .third-section .description span:first-child {
    padding-top: 10px;
    display: block;
    max-width: 860px;
	margin:auto;
}
.page-template-become-a-stockist .third-section .description span:last-child {
    padding-top: 10px;
    display: block;
    max-width: 630px;
	margin:auto;
}
.page-id-7411 .third-section .description span:last-child {
    padding-top: 10px;
    display: block;
    max-width: 100% !important;
    margin: auto;
}
.page-template-become-a-stockist .fourth-section p.description.pb-4.fs-5.text-center.fw-light {
    font-size: 18px;
    color: white !IMPORTANT;
}
.page-id-7411 .third-section .description span:first-child {
    padding-top: 10px;
    display: block;
    max-width: 100% !important;
    margin: auto;
}


.page-template-become-a-stockist  .third-section .card-wrapper.row.row-cols-1.row-cols-md-5.g-1.mt-5 {
    justify-content: center;
}

/*  mobile section style  */
@media screen and (max-width: 767px) {
	.page-template-become-a-stockist .hero-section .container {
    background-position: bottom !important;
}
.banner2 h2 {
    font-size: 30px;
}	
.get-strarted1 .row {
    flex-direction: column-reverse;
}	
	
	.product-item a .hand {
	display:none !important;
	}	
	
	a.button.product_type_variable.add_to_cart_button {
    padding: 10px 10px !important;
    font-size: 11px !important;
    margin-top: 8px;
}
	
  .page-template-become-a-stockist .card-wrapper.row.row-cols-1.row-cols-md-3 .col .card-holder {
	padding:20px 10px;
	height:auto ;
}
.page-template-become-a-stockist .container.p-5{
    padding: 50px 20px;
}
	.page-template-become-a-stockist .hero-section .container {
    padding: 20px 20px;
}
	.page-template-become-a-stockist .container.px-5.pt-5 {
    padding: 50px 20px 0;
}
	.page-template-become-a-stockist h1.hero-title.title {
    text-align: left;
    font-size: 26px;
    color: #B27663 !important;
    font-family: 'Montserrat';
    padding-bottom: 10px;
}
	.page-template-become-a-stockist .hero-section .description.pb-4{
		padding-bottom:10px
	}
	.page-template-become-a-stockist .hero-section h1 span {
    background-color: #fff;
    line-height: 1.6;
    padding: 3px;
}
.page-template-become-a-stockist .hero-section .description p {
    font-size: 16px;
    line-height: 1.4em;
}
	.page-id-7411 .hero-section .description p {
	color:white;
	}
	.world-wide-slider2 img {
    height: 300px;
    object-fit: cover;
    object-position: top;
}
	.thumb-img.d-flex.justify-content-center .column {
    margin: 4px 2px;
    max-width: 12%;
    min-width: 12%;
    width: 12%;
    background: #fff;
    padding: 3px;
    border-radius: 4px;
}
	
	
.thumb-img.d-flex.justify-content-center img.demo.cursor {
    height: 30px;
    object-fit: cover;
}	
	
.thumb-img.d-flex.justify-content-center {
    margin-top: 10px;
    margin-bottom: 10px;
	
}
}

.page-id-111222 .gallery-header1, .page-id-111222 .gallery-banner2 {display:none!important;} 

.wc-ppcp-checkout-container {
	width:415px;
	padding-left: 10px;
	padding-right: 10px;
}
.woocommerce-terms-and-conditions-wrapper{
	width:415px;
	padding-left: 10px;
	padding-right: 10px;
}
.wc-proceed-to-checkout{	
	text-align: center;
}













/*
.woocommerce-Price-amount { padding-left: 4px}
*/

/* peter added 21-2-2025 to the enable shipping on pre cart page 

#calc_shipping_country_field,
#calc_shipping_state_field,
#calc_shipping_city_field,
#calc_shipping_address_1,
#calc_shipping_postcode_field {
    display: none !important;
}*/

button[name="calc_shipping"]{
    margin-top: 0px;
    background: #7035ec;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    float: right;
}

/* black #232323
.top-bar1 {
		background-color: #232323;
    color: white; 
	}
*/

/* purple #7035EC
.top-bar1 {
		background-color: #7035EC;
    color: white; 
	}
*/

/* american red #B31942*/
.top-bar1 {
		background-color: #E12226;
    color: white; 
	  padding: 0 !important;
	}
/* red #C60001
.top-bar1 {
		background-color: #C60001;
    color: white; 
	}
*/
.rating-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    background: #E12226;
    justify-content: space-between;
    max-width: 1512px;
    margin: 0 auto;align-content
}

.shipping {
    display: flex
    color: #F1F0ED;
    justify-content: center;
 		align-items: center; 
    gap: 12px;
		font-size:20px;
}

img.shippingimg{
	height:20px;
	padding-bottom: 2px;
}

.rating {
    display: flex
    color: #F1F0ED;
    justify-content: center;
	 	align-items: center;
    gap: 12px;
		font-size:20px;
}

img.starimg{
	height:20px;
	padding-bottom: 5px;
}

.love {
    display: flex
    color: #F1F0ED;
    justify-content: center;
		align-items: center;
    gap: 12px;
		font-size:20px;
}

img.loveimg{
	height:20px;
	padding-bottom: 2px;
}


.mobile-br {
  display: none;
}

.banner1 {
	padding: 250px 0px 20px 0px;
}
.banner2 h2{
	color:#000000 !important;
}
.banner2 p{
	color:#000000 !important;
}

.banner4 span {
	color:#000000 !important;
}

/*  mobile section style  */
@media screen and (max-width: 767px) {
.rating-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
}
	
.shipping {
		font-size:14px;
}

.rating {
		font-size:14px;
}

.love {
		font-size:14px;
}

.banner 1 {
	padding: 230px 0px 20px 0px;
}

.mobile-br {
    display: inline;
}

.mm {
    display: none;
}

}

.wpml-ls-legacy-dropdown .wpml-ls-item{
	width:170px;
}

.wpml-ls-sub-menu{
	width:170px;
}

/* for wp grid builder */
.wpgb-lightbox-caption {
	display:none !important; 
}

.wpgb-facet .wpgb-color-facet .wpgb-color-control {
    width: 40px!important;
    height: 40px!important;
}

.wpgb-facet>fieldset:last-child {
margin-bottom: 8px!important;
}

/* .wc-stripe-cart-or { */
.wc-ppcp-cart-or {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wc-stripe-cart-or {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#place_order::after {content: '';display: inline-block;vertical-align: middle;background-image: url(https://www.threadtheword.com.au/wp-content/themes/threadtheword/img/hand.png);background-size: contain;background-repeat: no-repeat;width: 20px;height: 18px;margin-left: 6px;}

form#order_review .wc-item-meta {
    display: none;
}

.product_item_lists { display: flex; flex-direction: column; justify-content: space-between; }
a.btn-wpp:hover { background: rgb(41 213 108 / 20%); }

/* Modern PagBank card form */
.wc-rm-pagbank-cc-form,
#wc-rm-pagbank-cc-form {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    padding: 18px 18px 14px;
    position: relative;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-sizing: border-box;
}
.wc-rm-pagbank-cc-form::before,
#wc-rm-pagbank-cc-form::before {
    content: "🔒 Pagamento seguro";
    position: absolute;
    top: 10px;
    right: 16px;
    font-size: 11px;
    font-weight: 600;
    color: #16a34a;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
#wc-rm-pagbank-cc-form .form-row,
.wc-rm-pagbank-cc-form .form-row {
    margin: 10px 0 6px;
    padding: 0;
    float: none;
    width: 100%;
}
#wc-rm-pagbank-cc-form .form-row-first,
#wc-rm-pagbank-cc-form .form-row-last,
.wc-rm-pagbank-cc-form .form-row-first,
.wc-rm-pagbank-cc-form .form-row-last {
    display: inline-block;
    width: calc(50% - 8px);
}
#wc-rm-pagbank-cc-form .form-row-first { margin-right: 8px; }
#wc-rm-pagbank-cc-form .form-row-last  { margin-left: 8px; }
#wc-rm-pagbank-cc-form label,
.wc-rm-pagbank-cc-form label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 4px;
}
#wc-rm-pagbank-cc-form label .required,
.wc-rm-pagbank-cc-form label .required {color: #ef4444;}
#wc-rm-pagbank-cc-form input.input-text,
#wc-rm-pagbank-cc-form select.input-text,
.wc-rm-pagbank-cc-form input.input-text,
.wc-rm-pagbank-cc-form select.input-text {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    padding: 9px 11px;
    font-size: 14px;
    line-height: 1.4;
    color: #0f172a;
    background-color: #f8fafc;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    box-sizing: border-box;
    appearance: none;
}
#wc-rm-pagbank-cc-form #rm-pagbank-card-cvc,
.wc-rm-pagbank-cc-form #rm-pagbank-card-cvc {
    width: 100%;
    max-width: none;
}
#wc-rm-pagbank-cc-form input::placeholder,
.wc-rm-pagbank-cc-form input::placeholder {
    color: #9ca3af;
}
#wc-rm-pagbank-cc-form input.input-text:focus,
#wc-rm-pagbank-cc-form select.input-text:focus,
.wc-rm-pagbank-cc-form input.input-text:focus,
.wc-rm-pagbank-cc-form select.input-text:focus {
    outline: none;
    border-color: #16a34a;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.3);
}
#wc-rm-pagbank-cc-form .woocommerce-invalid input.input-text,
.wc-rm-pagbank-cc-form .woocommerce-invalid input.input-text {
    border-color: #dc2626;
    box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.25);
}
#wc-rm-pagbank-cc-form select.input-text,
.wc-rm-pagbank-cc-form select.input-text {
    background-image: linear-gradient(45deg, transparent 50%, #64748b 50%),
                      linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position: calc(100% - 16px) 50%, calc(100% - 12px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}
#wc-rm-pagbank-cc-form .clear,
.wc-rm-pagbank-cc-form .clear {
    display: none;
}
@media (max-width: 600px) {
    #wc-rm-pagbank-cc-form .form-row-first,
    #wc-rm-pagbank-cc-form .form-row-last,
    .wc-rm-pagbank-cc-form .form-row-first,
    .wc-rm-pagbank-cc-form .form-row-last {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .wc-rm-pagbank-cc-form::before,
    #wc-rm-pagbank-cc-form::before {
        position: static;
        display: block;
        margin-bottom: 6px;
        text-align: left;
    }
}
/* ==== Authorize.Net credit-card styling (modern / secure) ==== */
li.payment_method_authorize_net_cim_credit_card .payment_box {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    padding: 10px;
    margin-top: 8px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    box-sizing: border-box;
    position: relative;
}
li.payment_method_authorize_net_cim_credit_card .payment_box > p {
    margin: 0 0 10px;
    font-size: 13px;
    color: #4b5563;
	margin-bottom:0;
}
#wc-authorize-net-cim-credit-card-credit-card-form {
    margin: 4px 0 0;
    border: 0;
    padding: 0;
}
.payment_method_authorize_net_cim_credit_card .payment_box .form-row {
    margin: 4px 0 4px;
    padding: 0;
    float: none;
    width: 100%;
}
.payment_method_authorize_net_cim_credit_card .payment_box .form-row-first,
.payment_method_authorize_net_cim_credit_card .payment_box .form-row-last {
    display: inline-block;
    width: calc(50% - 8px);
}
.payment_method_authorize_net_cim_credit_card .payment_box .form-row-first { margin-right: 8px; }
.payment_method_authorize_net_cim_credit_card .payment_box .form-row-last  { margin-left: 8px; }
.payment_method_authorize_net_cim_credit_card
    .payment_box
    input.js-sv-wc-payment-gateway-credit-card-form-input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    padding: 9px 11px;
    font-size: 14px;
    line-height: 1.4;
    color: #0f172a;
    background-color: #f8fafc;
    transition: border-color 0.18s ease,
                box-shadow 0.18s ease,
                background-color 0.18s ease;
    box-sizing: border-box;
}
.payment_method_authorize_net_cim_credit_card
    .payment_box
    input.js-sv-wc-payment-gateway-credit-card-form-input::placeholder {
    color: #9ca3af;
}
.payment_method_authorize_net_cim_credit_card
    .payment_box
    input.js-sv-wc-payment-gateway-credit-card-form-input:focus {
    outline: none;
    border-color: #16a34a;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.3);
}
.payment_method_authorize_net_cim_credit_card
    .payment_box
    .woocommerce-invalid
    input.js-sv-wc-payment-gateway-credit-card-form-input {
    border-color: #dc2626;
    box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.25);
}
#wc-authorize-net-cim-credit-card-account-number {
    padding-right: 40px;
    background-image:
        linear-gradient(transparent, transparent); /* keeps safari happy */
    position: relative;
}
#wc-authorize-net-cim-credit-card-account-number::placeholder {
    /* keeps placeholder visible with extra padding */
}
#wc-authorize-net-cim-credit-card-account-number_field
    .woocommerce-input-wrapper {
    position: relative;
}
.payment_method_authorize_net_cim_credit_card .payment_box .clear {
    display: none;
}
@media (max-width: 600px) {
    .payment_method_authorize_net_cim_credit_card .payment_box .form-row-first,
    .payment_method_authorize_net_cim_credit_card .payment_box .form-row-last {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    li.payment_method_authorize_net_cim_credit_card .payment_box::before {
        position: static;
        display: block;
        margin-bottom: 6px;
        text-align: left;
    }
}
@media screen and (min-width: 330px) {
    .woocommerce-checkout #payment li.payment_method_authorize_net_cim_credit_card div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-account-number, #add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-account-number {
        background-size: 30px 20px!important;
    }
}
.woocommerce-checkout #payment li.payment_method_authorize_net_cim_credit_card div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel], .woocommerce-checkout #payment li.payment_method_authorize_net_cim_credit_card div.payment_box input.js-sv-wc-payment-gateway-credit-card-form-input[type=text], .woocommerce-checkout #payment li.payment_method_authorize_net_cim_credit_card div.payment_box input.js-sv-wc-payment-gateway-echeck-form-input[type=tel], .woocommerce-checkout #payment li.payment_method_authorize_net_cim_credit_card div.payment_box input.js-sv-wc-payment-gateway-echeck-form-input[type=text], .woocommerce-checkout #payment li.payment_method_authorize_net_cim_credit_card div.payment_box input.js-sv-wc-payment-gateway-form-nickname, #add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=tel], #add_payment_method input.js-sv-wc-payment-gateway-credit-card-form-input[type=text], #add_payment_method input.js-sv-wc-payment-gateway-echeck-form-input[type=tel], #add_payment_method input.js-sv-wc-payment-gateway-echeck-form-input[type=text], #add_payment_method input.js-sv-wc-payment-gateway-form-nickname {
	font-size: .85em;
}



/* ================================
   GLOBAL NOTICE WRAPPER
================================ */

/* Make notice group full width + break layout flow */

.woocommerce-NoticeGroup,
.woocommerce-NoticeGroup-checkout {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  clear: both !important;
  display: block !important;
}

/* Prevent flex parents from shrinking it */
.woocommerce-checkout .woocommerce-NoticeGroup {
  align-self: stretch;
}

/* Fix margin collapse issues */
.woocommerce-NoticeGroup-checkout {
  margin-bottom: 0px;
}

/* ================================
   ERROR BOX CONTAINER
================================ */

.woocommerce-error {
  background: #fff3f3!important;
  border-left: 6px solid #e53935;
  border-radius: 10px;
  padding: 12px 16px;
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}

/* Remove Woo default bullets */
.woocommerce-error {
  list-style: none;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  clear: both !important;
  display: block !important;
  margin-bottom: 20px;
}

/* ================================
   ERROR ROWS
================================ */

.woocommerce-error li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  line-height: 1.4;
  color: #c62828;
  font-size: 14px;
}

/* Warning icon */
.woocommerce-error li::before {
  content: "⚠";
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;
}

/* Clickable anchor row */
.woocommerce-error li a {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

/* Field name spacing */
.woocommerce-error li strong {
  margin-right: 4px;
  font-weight: 600;
}

/* Hover effect */
.woocommerce-error li:hover {
  background: rgba(229,57,53,0.05);
  border-radius: 6px;
  cursor: pointer;
}

/* ================================
   SUCCESS MESSAGE (GREEN)
================================ */

.woocommerce-message {
  background: #f0fff5;
  border-left: 6px solid #2ecc71;
  border-radius: 10px;
  padding: 12px 16px;
  box-shadow: 0 6px 14px rgba(0,0,0,.05);
}

.woocommerce-message::before {
  content: "✔";
  margin-right: 8px;
}

/* ================================
   INFO NOTICE (BLUE)
================================ */

.woocommerce-info {
  background: #eef6ff;
  border-left: 6px solid #3498db;
  border-radius: 10px;
  padding: 12px 16px;
  box-shadow: 0 6px 14px rgba(0,0,0,.05);
}

/* ================================
   FIELD HIGHLIGHT (BONUS)
================================ */

.woocommerce-invalid input,
.woocommerce-invalid select,
.woocommerce-invalid textarea {
  border-color: #e53935 !important;
  box-shadow: 0 0 0 2px rgba(229,57,53,0.12);
}

/* ================================
   MOBILE OPTIMIZATION
================================ */

@media (max-width: 768px) {
  .woocommerce-error {
    padding: 10px 12px;
  }

  .woocommerce-error li {
    font-size: 13px;
  }
}
@media (min-width: 768px) {.stickycheckout {display:none;}}
.stickycheckout {position:sticky;top:0;z-index:9999;padding:6px 0;background:#f1e5dd;}
.woocommerce-variation-price .price {
    display: flex;
    flex-direction: column;
    justify-content: center;
	height: 50px;
    line-height: 24px;
}

/* Blog post list styling — Thread the Word */
.entry-content ul,
.entry-content ol {
    padding-left: 1.6em;
    margin: 0 0 1.25em;
}
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 8px;
}

/* Show the selected variation's price beside Quantity and Add to Cart, the way
 * ordinary variable products (e.g. the Mini Threads cardigans) already do.
 * The markup already exists and already sits inside
 * .woocommerce-variation-add-to-cart with the correct value — it was only
 * hidden. Selector is deliberately specific and appended at the end of the file
 * so it wins the cascade against whatever sets display:none. */
body.single-product .woocommerce-variation.single_variation .woocommerce-variation-price {
    display: block !important;
}

/* NOTE: only display:block is overridden here, on purpose. Earlier revisions
 * also set align-items and white-space, which quietly beat the theme's own
 * align-items:flex-start on .summary .single_variation and re-centred the
 * price. Layout of the buy card belongs to single-product-stocked.php. */


/* ============================================================
 * TTW My Account styling (added 12 Aug 2026)
 * Pill navigation, carded tables + status colours, purple
 * buttons, rounded form fields on all My Account pages.
 * ============================================================ */
/* ---- base ---- */
body.woocommerce-account .woocommerce{font-family:Montserrat,sans-serif;color:#040728}
body.woocommerce-account .woocommerce a:not(.button){color:#7035EC}
body.woocommerce-account .woocommerce a:not(.button):hover{color:#5c28c9;text-decoration:none !important}

/* ---- account navigation as brand pills ---- */
body.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 26px;padding:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;padding:0;border:none !important;box-shadow:none !important}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:inline-block;padding:11px 24px !important;border-radius:30px;
	background:#f7f5f6;border:1px solid #eee !important;color:#040728 !important;font-weight:600;font-size:12.5px;
	text-transform:uppercase;letter-spacing:.05em;text-decoration:none !important;box-shadow:none !important;transition:.15s}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{border-color:#7035EC !important;color:#7035EC !important;
	background:#fff;text-decoration:none !important;box-shadow:none !important}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus{border-color:#7035EC !important;color:#7035EC !important;
	background:#fff;text-decoration:none !important;outline:none !important;
	box-shadow:0 0 0 3px rgba(112,53,236,.25) !important}
body.woocommerce-account .woocommerce-MyAccount-navigation li a *,
body.woocommerce-account .woocommerce-MyAccount-navigation li *{text-decoration:none !important;border-bottom:none !important}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#7035EC;border-color:#7035EC !important;color:#fff !important}
/* kill any theme underline effects (borders, animated ::after bars) on the pills */
body.woocommerce-account .woocommerce-MyAccount-navigation li a::after,
body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{display:none !important;content:none !important}

/* ---- tables (orders, downloads, gift cards) as cards ---- */
body.woocommerce-account .woocommerce table.shop_table{border-collapse:separate;border-spacing:0;width:100%;
	border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04)}
body.woocommerce-account .woocommerce table.shop_table thead th{background:#faf6f0;padding:14px 16px;
	font:700 12px/1.3 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#040728;border:none}
body.woocommerce-account .woocommerce table.shop_table td{padding:14px 16px;border:none;border-top:1px dashed #eee;
	font-size:14.5px;background:transparent}
body.woocommerce-account .woocommerce table.shop_table tbody tr{background:#fff}
body.woocommerce-account .woocommerce table.shop_table tbody tr:hover{background:#faf8ff}
body.woocommerce-account .woocommerce table.shop_table .woocommerce-orders-table__cell-order-number a{font-weight:700}

/* ---- order status colours (dot + tint) ---- */
body.woocommerce-account .woocommerce-orders-table__cell-order-status{font-weight:600;font-size:13.5px}
body.woocommerce-account .woocommerce-orders-table__cell-order-status::before{content:'';display:inline-block;
	width:9px;height:9px;border-radius:50%;margin-right:8px;background:currentColor;vertical-align:1px}
body.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status{color:#1d6b3f}
body.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status{color:#7035EC}
body.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status{color:#b8860b}
body.woocommerce-account .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status{color:#a11}
body.woocommerce-account .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status{color:#7b7b7b}

/* ---- buttons ---- */
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input[type=submit].button{display:inline-block;background:#7035EC;color:#fff !important;border:none;
	border-radius:30px;padding:0 26px;font:700 15px/46px Montserrat,sans-serif;text-transform:uppercase;
	letter-spacing:.05em;text-decoration:none !important;cursor:pointer;transition:.15s}
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input[type=submit].button:hover{background:#5c28c9;color:#fff !important;text-decoration:none !important}
body.woocommerce-account .woocommerce a.button:focus,
body.woocommerce-account .woocommerce button.button:focus,
body.woocommerce-account .woocommerce input[type=submit].button:focus{outline:none !important;
	box-shadow:0 0 0 3px rgba(112,53,236,.3) !important}
body.woocommerce-account .woocommerce td .button{padding:0 20px;font-size:13px;line-height:38px}

/* ---- pagination ---- */
body.woocommerce-account .woocommerce-pagination,
body.woocommerce-account .woocommerce-Pagination{text-align:center;margin-top:20px}

/* ---- notices ---- */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info{background:#f6f2ff;border:1px solid #d9c9ff;border-left:4px solid #7035EC;
	border-radius:10px;padding:14px 18px;color:#040728}
body.woocommerce-account .woocommerce-error{background:#fdeaea;border:1px solid #f3c2c2;border-left:4px solid #a11;
	border-radius:10px;padding:14px 18px}

/* ---- forms (address, account details) ---- */
body.woocommerce-account .woocommerce form .form-row label{font-weight:600;font-size:13.5px;margin-bottom:5px}
body.woocommerce-account .woocommerce form .form-row input.input-text,
body.woocommerce-account .woocommerce form .form-row select,
body.woocommerce-account .woocommerce form .form-row textarea,
body.woocommerce-account .woocommerce form .form-row .select2-selection{height:46px;line-height:44px;border-radius:12px;
	border:1px solid #ddd;background:#F7F5F6;padding:0 14px;font-size:15px}
body.woocommerce-account .woocommerce form .form-row textarea{height:auto;line-height:1.5;padding:12px 14px}
body.woocommerce-account .woocommerce form .form-row .select2-selection__rendered{line-height:44px;padding-left:0}
body.woocommerce-account .woocommerce form .form-row .select2-selection__arrow{height:44px}
body.woocommerce-account .woocommerce fieldset{border:1px solid #eee;border-radius:14px;padding:18px 20px;margin:0 0 20px}
body.woocommerce-account .woocommerce fieldset legend{font-weight:700;padding:0 8px}

/* ---- address cards ---- */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
body.woocommerce-account .woocommerce .col2-set .col-1,
body.woocommerce-account .woocommerce .col2-set .col-2{background:#fff;border:1px solid #eee;border-radius:14px;
	padding:20px 22px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
body.woocommerce-account .woocommerce-Address-title h3,
body.woocommerce-account .woocommerce-Address-title h2{font-size:17px;text-transform:uppercase;letter-spacing:.04em}
body.woocommerce-account .woocommerce-Address address{font-style:normal;line-height:1.7;color:#4a4a4a}

/* ---- order detail page ---- */
body.woocommerce-account .woocommerce-order-details,
body.woocommerce-account .woocommerce-customer-details{margin-top:10px}
body.woocommerce-account .woocommerce-table--order-details tfoot th,
body.woocommerce-account .woocommerce-table--order-details tfoot td{border-top:1px solid #eee;background:#fbfaf9;font-size:14px}

/* ---- dashboard text ---- */
body.woocommerce-account .woocommerce-MyAccount-content>p{font-size:15px;line-height:1.7}

@media (max-width:640px){
	body.woocommerce-account .woocommerce-MyAccount-navigation ul{gap:6px}
	body.woocommerce-account .woocommerce-MyAccount-navigation li a{padding:8px 13px;font-size:11.5px}
	body.woocommerce-account .woocommerce table.shop_table td,
	body.woocommerce-account .woocommerce table.shop_table thead th{padding:10px 10px;font-size:13px}
}

/* ============================================================
 * TTW Pay-for-order / checkout login (added 13 Aug 2026)
 * The login form on /checkout/order-pay/ (and guest checkout)
 * styled to match the My Account login: centred card, rounded
 * fields, full-width purple button.
 * ============================================================ */
body.woocommerce-checkout .woocommerce-info{max-width:560px;margin:10px auto 18px;background:#f6f2ff;
	border:1px solid #d9c9ff;border-left:4px solid #7035EC;border-radius:10px;padding:14px 18px;
	color:#040728;font-family:Montserrat,sans-serif}
body.woocommerce-checkout form.woocommerce-form-login{max-width:560px;margin:0 auto 34px;background:#fff;
	border:1px solid #eee;border-radius:14px;padding:28px 30px;box-shadow:0 1px 4px rgba(0,0,0,.04);
	font-family:Montserrat,sans-serif}
body.woocommerce-checkout form.woocommerce-form-login .form-row{margin:0 0 16px;width:100%;float:none}
body.woocommerce-checkout form.woocommerce-form-login label{display:block;font-weight:600;font-size:13.5px;
	margin-bottom:6px;color:#040728}
body.woocommerce-checkout form.woocommerce-form-login .password-input{display:block;width:100%}
body.woocommerce-checkout form.woocommerce-form-login input.input-text,
body.woocommerce-checkout form.woocommerce-form-login input[type=text],
body.woocommerce-checkout form.woocommerce-form-login input[type=email],
body.woocommerce-checkout form.woocommerce-form-login input[type=password]{width:100%;height:46px;
	line-height:44px;border-radius:12px;border:1px solid #ddd;background:#F7F5F6;padding:0 14px;
	font-size:15px;box-sizing:border-box}
body.woocommerce-checkout form.woocommerce-form-login .woocommerce-form-login__rememberme{display:block;
	margin:2px 0 14px;font-size:14px}
body.woocommerce-checkout form.woocommerce-form-login button[type=submit]{display:block;width:100%;
	background:#7035EC;color:#fff;border:none;border-radius:30px;font:700 15px/50px Montserrat,sans-serif;
	text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:.15s;margin-top:4px}
body.woocommerce-checkout form.woocommerce-form-login button[type=submit]:hover{background:#5c28c9}
body.woocommerce-checkout form.woocommerce-form-login button[type=submit]:focus{outline:none;
	box-shadow:0 0 0 3px rgba(112,53,236,.3)}
body.woocommerce-checkout form.woocommerce-form-login .lost_password{text-align:center;margin:16px 0 0;font-size:14px}
body.woocommerce-checkout form.woocommerce-form-login .lost_password a{color:#7035EC;font-weight:600;
	text-decoration:none}
body.woocommerce-checkout form.woocommerce-form-login .lost_password a:hover{color:#5c28c9;text-decoration:none}

/* ============================================================
 * TTW order-pay email verification (added 13 Aug 2026)
 * WooCommerce's guest "verify your email" step styled like the
 * account login card.
 * ============================================================ */
body.woocommerce-checkout form.woocommerce-verify-email{max-width:560px;margin:10px auto 34px;background:#fff;
	border:1px solid #eee;border-radius:14px;padding:28px 30px;box-shadow:0 1px 4px rgba(0,0,0,.04);
	font-family:Montserrat,sans-serif}
body.woocommerce-checkout form.woocommerce-verify-email>p:first-child{font-size:15px;color:#040728;
	line-height:1.6;margin:0 0 18px}
body.woocommerce-checkout form.woocommerce-verify-email a{color:#7035EC;font-weight:600;text-decoration:none}
body.woocommerce-checkout form.woocommerce-verify-email a:hover{color:#5c28c9}
body.woocommerce-checkout form.woocommerce-verify-email .form-row{margin:0 0 16px;width:100%;float:none}
body.woocommerce-checkout form.woocommerce-verify-email label{display:block;font-weight:600;font-size:13.5px;
	margin-bottom:6px;color:#040728}
body.woocommerce-checkout form.woocommerce-verify-email input[type=email],
body.woocommerce-checkout form.woocommerce-verify-email input.input-text{width:100%;height:46px;line-height:44px;
	border-radius:12px;border:1px solid #ddd;background:#F7F5F6;padding:0 14px;font-size:15px;box-sizing:border-box}
body.woocommerce-checkout form.woocommerce-verify-email button[type=submit]{display:block;width:100%;
	background:#7035EC;color:#fff;border:none;border-radius:30px;font:700 15px/50px Montserrat,sans-serif;
	text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:.15s;margin-top:4px}
body.woocommerce-checkout form.woocommerce-verify-email button[type=submit]:hover{background:#5c28c9}
body.woocommerce-checkout form.woocommerce-verify-email button[type=submit]:focus{outline:none;
	box-shadow:0 0 0 3px rgba(112,53,236,.3)}

/* ============================================================
 * Personalisation add-on fields - hide from first paint. 31 Aug 2026
 *
 * #yith-wapo-container holds the YITH add-on fields (Design Preview,
 * Theme ID, Design ID, Name, Font, Base Color ... ~277 elements). It is
 * never meant to be seen; the personalise app reads and writes it.
 *
 * The templates already hide it - single-product.php line 65 and
 * single-personalised-sport-blankets.php line 81 - but that <style> is
 * printed in the BODY, about 90 KB of HTML AFTER the container itself.
 * On a 1.3 MB page the browser therefore paints all 277 elements, then
 * hides them once it reaches the rule: a visible flash of raw form
 * fields on every slow load.
 *
 * app.css is loaded from header.php inside <head>, so repeating the rule
 * here means the container is never painted at all. The template copies
 * are left alone - identical rule, no conflict.
 * ============================================================ */
#yith-wapo-container{display:none;}

/* ============================================================
 * Personalise panel - align the nested field groups. 31 Aug 2026
 *
 * Inside .text_field_wrapper every .text_field_api group is a Bootstrap
 * column carrying 15px of side padding. "Custom Details" is not a field
 * group though - it is a WRAPPER holding three more groups, so its
 * children pay the 15px twice and sit 15px in from every other label and
 * box on the panel ("Custom Details Line 1" and "Select Details Font").
 *
 * Zero the padding on the wrapper only. Its children keep their own 15px,
 * so they line up with the top-level groups instead of doubling up.
 * First rule is the known case; the :has() rule catches any other nested
 * group name and is skipped by browsers without :has().
 * ============================================================ */
.text_field_wrapper .text_field_api.Custom_Details{padding-left:0;padding-right:0;}
.text_field_wrapper .text_field_api:has(> .text_field_api){padding-left:0;padding-right:0;}

/* ============================================================
 * Icon search box - 3 Sep 2026. Behaviour lives in vendor/jquery/app.js.
 * ============================================================ */
.ttw-icon-search{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}
/* 16px, not 14px, and that is not a taste decision: Safari on iOS zooms the
   whole page in when a field smaller than 16px takes focus, which is why
   tapping the symbol search shifted everything sideways. The page cannot be
   locked with maximum-scale - that takes pinch-zoom away from people who
   need it - so the field meets the threshold instead. */
.ttw-icon-search-input{flex:0 1 300px;height:40px;padding:0 14px;border:1px solid #ddd;
	border-radius:20px;background:#F7F5F6;font:400 16px/40px Montserrat,sans-serif;
	color:#040728;box-sizing:border-box}
.ttw-icon-search-input::placeholder{color:#999}
.ttw-icon-search-input:focus{outline:none;border-color:#7035EC;box-shadow:0 0 0 3px rgba(112,53,236,.15)}
.ttw-icon-search-count{font:400 12px/1 Montserrat,sans-serif;color:#777;white-space:nowrap}

/* Clear button inside the search field - 19 Oct 2026.
   iOS Safari draws no clear control of its own in a search field, and
   WebKit's is too small to hit on a phone, so app.js adds an explicit one
   and the native one is switched off to avoid a pair of them. */
.ttw-icon-search-field{position:relative;display:block;flex:0 1 300px}
.ttw-icon-search-field .ttw-icon-search-input{flex:none;width:100%;padding-right:42px}
.ttw-icon-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.ttw-icon-search-clear{position:absolute;top:50%;right:5px;transform:translateY(-50%);
	width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;
	color:#8a7a6b;font:400 21px/1 Montserrat,sans-serif;cursor:pointer}
.ttw-icon-search-clear:hover,
.ttw-icon-search-clear:focus{color:#040728;background:rgba(0,0,0,.07);outline:none}
.ttw-icon-search-clear[hidden]{display:none}
.item_design.ttw-icon-hidden{display:none !important}

/* Search results start at the top of the box, not floating in the middle.
   .design_holder sets align-items:center for the full grid; once a search
   leaves 3 tiles in a 318px tall box they end up vertically centred. Two
   classes beats the template's one-class rule, so this wins wherever it
   lands in the cascade - 3 Sep 2026. */
.design_holder.symbols_api,
.design_holder.symbols_api2{align-items:flex-start;align-content:flex-start}

/* ============================================================
 * Category tile gallery - 8 Sep 2026
 *
 * Replaces TP Category Product Slider. Markup comes from
 * ttw_loop_gallery() in woocommerce/includes/wc-functions.php.
 *
 * The swipe is a native scroll-snap strip, not a JavaScript carousel: the
 * browser's compositor moves it, so it cannot stutter when the main thread
 * is busy decoding images - which is exactly when someone is scrolling a
 * category page, and exactly when the old carousel used to freeze.
 *
 * The scrollbar is hidden rather than removed - the strip is still a real
 * scroller, so keyboard and assistive tech can still reach every picture.
 * ============================================================ */
.ttw-gal { position: relative; }

.ttw-gal-track {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;              /* Firefox */
	-ms-overflow-style: none;           /* old Edge */
	border-radius: 4px;
}
.ttw-gal-track::-webkit-scrollbar { display: none; }

/* One picture: nothing to scroll. */
.ttw-gal.is-single .ttw-gal-track { overflow: hidden; }

.ttw-gal-slide {
	flex: 0 0 100%;
	width: 100%;
	display: block;
	scroll-snap-align: center;
	scroll-snap-stop: always;           /* one picture per swipe, never two */
}

.ttw-gal-dots {
	display: flex;
	justify-content: center;
	gap: 5px;
	margin-top: 6px;
}
.ttw-gal-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #DCD6E8;
	transition: background .2s ease;
}
.ttw-gal-dot.is-on { background: #7035EC; }

/* ============================================================
 * Product tile price and delivery line - every width, 8 Sep 2026
 *
 * These used to live inside the phone-only block, which is why the grid
 * views still had the theme's old grey pill price while the one-per-row
 * cards had the marketplace treatment. They belong to the tile, not to a
 * breakpoint, so both now match.
 *
 * The figure carries the weight; the currency code sits small at the top
 * of it, the way a marketplace sets one. WooCommerce puts the code in its
 * own .woocommerce-Price-currencySymbol span, which is the only reason
 * this can be split without touching a template.
 *
 * A discounted product prints <del>old</del> <ins>new</ins> and BOTH sit
 * inside .woocommerce-Price-amount - so without the del rules below the
 * old price is set at the same 20px bold as the new one.
 *
 * NOTE ON THE A/B TEST: this block is deliberately NOT behind .ttw-catb,
 * so both buckets get the same prices and the test stays a comparison of
 * layout alone rather than layout plus pricing.
 * ============================================================ */
.product_item_lists span.price { display: block; margin-top: 4px; }

.product_item_lists span.price a {
	font-size: 12px;                     /* the word "From" */
	letter-spacing: .04em;
	background: none;
	border: 0;
	color: #040728;
}
.product_item_lists span.price .woocommerce-Price-amount {
	font-size: 20px;
	font-weight: 700;
	color: #040728;
	letter-spacing: 0;
	white-space: nowrap;                 /* "AUD $139.00" never breaks in two */
}
.product_item_lists span.price .woocommerce-Price-currencySymbol {
	font-size: 12px;
	font-weight: 500;
	color: #040728;
	vertical-align: top;
	line-height: 1.15;
	margin-right: 2px;
}

/* Was-price - 17px (was 13px) so the crossed-out RRP is easy to read next to the 20px sale price
   (Peter, 4 Nov 2026: "make the category page crossed out pricing larger"; then "reduce the space between the strike
   out price and the real price" - 7px -> 1px, plus the space in WooCommerce's markup - "and fix the strike out on the
   $ sign. it looks strange" - the $ was smaller than the figure, so it had its own, lower line: now the same size, one line) */
.product_item_lists span.price del { margin-right: 1px; text-decoration: none; }
.product_item_lists span.price del,
.product_item_lists span.price del .woocommerce-Price-amount {
	font-size: 17px;
	font-weight: 400;
	color: #74747E;
	text-decoration: line-through;
}
.product_item_lists span.price del .woocommerce-Price-currencySymbol {
	font-size: 17px;
	font-weight: 400;
	line-height: inherit;
	margin-right: 0;
	color: #74747E;
	vertical-align: baseline;            /* superscripting a struck price reads oddly */
}
.product_item_lists span.price ins { text-decoration: none; background: none; }
.product_item_lists span.price .screen-reader-text { position: absolute; left: -9999px; }

/* Delivery speed is the thing worth pulling the eye to. */
.custom-product-details b { color: #7035EC; }

/* ============================================================
 * Product page gallery - 8 Sep 2026
 *
 * Markup from ttw_product_gallery() in woocommerce/includes/wc-functions.php.
 * Replaces Product Video Gallery (NickX): main strip, thumbnail row,
 * fullscreen view. The strip is a native scroll-snap scroller, so the swipe
 * belongs to the browser and cannot be blocked by page work. The arrows are
 * a convenience on top of it, not the mechanism.
 * ============================================================ */
.ttw-pgal { position: relative; }
.ttw-pgal-main { position: relative; }

.ttw-pgal-track {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	border-radius: 6px;
	background: #fff;
}
.ttw-pgal-track::-webkit-scrollbar { display: none; }
.ttw-pgal.is-single .ttw-pgal-track { overflow: hidden; }

.ttw-pgal-slide {
	flex: 0 0 100%;
	width: 100%;
	scroll-snap-align: center;
	scroll-snap-stop: always;
	cursor: zoom-in;
}
.ttw-pgal-slide img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	display: block;
}

/* --- round controls, shared ---------------------------------------- */
.ttw-pgal-nav,
.ttw-pgal-zoom,
.ttw-pgal-tnav,
.ttw-pgal-close,
.ttw-pgal-fnav {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	color: #040728;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 1px 4px rgba(4, 7, 40, .18);
}
.ttw-pgal-nav:hover,
.ttw-pgal-zoom:hover,
.ttw-pgal-tnav:hover { background: #fff; }

/* --- arrows beside the main image ---------------------------------- */
.ttw-pgal-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	font-size: 22px;
	z-index: 2;
}
.ttw-pgal-prev { left: 10px; }
.ttw-pgal-next { right: 10px; }

.ttw-pgal-zoom {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 38px;
	height: 38px;
	font-size: 15px;
	z-index: 2;
}

/* --- thumbnails ----------------------------------------------------- */
.ttw-pgal-thumbwrap {
	position: relative;
	/* Same gap above and below the strip. Above is this 10px. Below is this
	   8px PLUS the 2px padding-bottom on .ttw-pgal-thumbs (which is there so
	   a focused thumb's outline is not clipped by the scroll box) - 8 + 2 = 10,
	   so both sides measure the same. Change them together or they drift. */
	margin-top: 10px;
	margin-bottom: 8px;
}
.ttw-pgal-thumbs {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 2px;
}
.ttw-pgal-thumbs::-webkit-scrollbar { display: none; }

.ttw-pgal-thumb {
	flex: 0 0 62px;
	width: 62px;
	height: 62px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	opacity: .65;
	transition: opacity .15s ease, border-color .15s ease;
}
.ttw-pgal-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ttw-pgal-thumb.is-on { border-color: #7035EC; opacity: 1; }
.ttw-pgal-thumb:hover { opacity: 1; }

/* Strip arrows and edge fades appear only when the strip actually
   overflows, and each hides at the end it can no longer scroll towards -
   so a long row reads as scrollable instead of looking chopped off. */
.ttw-pgal-tnav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	font-size: 17px;
	z-index: 3;
	display: none;
}
.ttw-pgal-thumbwrap.has-overflow .ttw-pgal-tnav { display: flex; }
.ttw-pgal-thumbwrap.has-overflow.at-start .ttw-pgal-tprev,
.ttw-pgal-thumbwrap.has-overflow.at-end   .ttw-pgal-tnext { display: none; }
.ttw-pgal-tprev { left: -4px; }
.ttw-pgal-tnext { right: -4px; }

.ttw-pgal-thumbwrap.has-overflow::before,
.ttw-pgal-thumbwrap.has-overflow::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 46px;
	pointer-events: none;
	z-index: 2;
}
.ttw-pgal-thumbwrap.has-overflow::before {
	left: 0;
	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.ttw-pgal-thumbwrap.has-overflow::after {
	right: 0;
	background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.ttw-pgal-thumbwrap.has-overflow.at-start::before,
.ttw-pgal-thumbwrap.has-overflow.at-end::after { display: none; }

/* ------------------------------------------------------------
 * Fullscreen view. Hidden until opened, so it costs nothing on a
 * page nobody zooms on. Tapping the picture toggles between fit
 * and actual size; at actual size the wrapper scrolls, which is
 * how you pan on a phone without any drag handling in JS.
 * ------------------------------------------------------------ */
.ttw-pgal-full {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 999999;
	background: rgba(18, 18, 24, .94);
}
.ttw-pgal-full.is-open { display: block; }

.ttw-pgal-fullinner {
	position: absolute;
	inset: 0;
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-overflow-scrolling: touch;
	padding: 56px 64px;
}
.ttw-pgal-full img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	cursor: zoom-in;
	border-radius: 4px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
}
.ttw-pgal-full.is-zoomed .ttw-pgal-fullinner { display: block; padding: 0; }
.ttw-pgal-full.is-zoomed img {
	max-width: none;
	max-height: none;
	width: auto;
	cursor: zoom-out;
	border-radius: 0;
}

.ttw-pgal-fnav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 46px;
	height: 46px;
	font-size: 24px;
	z-index: 2;
}
.ttw-pgal-fprev { left: 16px; }
.ttw-pgal-fnext { right: 16px; }
.ttw-pgal-full.is-solo .ttw-pgal-fnav,
.ttw-pgal-full.at-first .ttw-pgal-fprev,
.ttw-pgal-full.at-last  .ttw-pgal-fnext { display: none; }

.ttw-pgal-close {
	position: absolute;
	top: 12px;
	right: 14px;
	z-index: 3;
	width: 42px;
	height: 42px;
	font-size: 26px;
}

@media only screen and (max-width: 575.98px) {
	.ttw-pgal-thumb { flex: 0 0 52px; width: 52px; height: 52px; }
	.ttw-pgal-nav { width: 34px; height: 34px; font-size: 19px; }
	.ttw-pgal-prev { left: 6px; }
	.ttw-pgal-next { right: 6px; }
	.ttw-pgal-fullinner { padding: 52px 12px; }
	.ttw-pgal-fnav { width: 40px; height: 40px; bottom: 18px; top: auto; transform: none; }
	.ttw-pgal-fprev { left: 22%; }
	.ttw-pgal-fnext { right: 22%; }
}

/* ============================================================
 * A/B GATE - added 8 Sep 2026
 *
 * Every rule in this block is behind .ttw-catb on <html>, set by
 * mu-plugins/ttw-cat-ab.php in the browser before the body paints.
 *
 * BREAKPOINTS
 *   <= 575.98px   this block: one product per row, image left.
 *   576 - 991px   two per row.   768 - 991px: three.   >= 992px: five.
 *
 * The gallery and price blocks above are NOT gated - they apply to both
 * designs and every width.
 * ============================================================ */

/* ============================================================
 * Category tiles on phones - 8 Sep 2026
 *
 * One product per row, laid out like a marketplace listing:
 * image left, everything else right, each on its own white card.
 *
 * THE MARKUP (read off a live category page, not assumed)
 *
 *   .product_item_lists                     Bootstrap column
 *     .product-item
 *       a.product-link                      renders 0x0 - see below
 *       a.product-permalink-image
 *         .products__image
 *           .ttw-gal                        the scroll-snap strip
 *       .products__text                     flex column: title, price, desc
 *       .custom-product-details             "Fastest Delivery: 9 - 11 Sep"
 *     .product-item-btns                    Personalise / Add to Cart
 *
 * The button lives OUTSIDE .product-item, so .product-item is set to
 * display:contents - its children join the tile's own grid - and every
 * cell is then placed explicitly. Explicit placement matters: with a
 * float, a card whose title runs to two lines pushes the button below the
 * image and it goes full width, so the buttons stop lining up card to
 * card. On a grid every button sits in column 2 whatever the text does.
 *
 * a.product-link is parked in the image cell rather than hidden. The
 * template nests an <a> inside an <a>, which the HTML parser repairs by
 * closing the outer one immediately, so it contains only whitespace and
 * renders 0x0 - verified on the live page. Parking it means that if it
 * ever DID hold content, that content would show in the wrong cell rather
 * than vanish, which is the safer way to be wrong.
 * ============================================================ */
@media only screen and (max-width: 767px) {

	/* --- one per row, on its own card --------------------------------- */
	.ttw-catb .product_item_lists {
		/* The Bootstrap .row this sits in carries margin:0 -15px, so a card
		   with its own background paints right out to the screen edge. The
		   side margin cancels that gutter back out - 10px against the row's
		   -15px leaves 7px of the container's own padding showing. */
		flex: 0 0 calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
		margin: 0 10px 6px;   /* 6px between cards, 7px to the screen edge */
		display: grid !important;          /* was flex/column */
		grid-template-columns: 45% 1fr;
		column-gap: 14px;
		align-items: start;
		background: #fff;
		border: 1px solid #EDE7E2;
		border-radius: 12px;
		box-shadow: 0 1px 3px rgba(4, 7, 40, .06);
		padding: 10px;
	}
	.ttw-catb .rev-slider .product_item_lists {      /* sliders are a different animal */
		display: block !important;
		background: none; border: 0; box-shadow: none; margin-bottom: 0;
	}
	.ttw-catb .product_item_lists .product-item { display: contents; }
	.ttw-catb .product_item_lists a.product-link { grid-area: 1 / 1; }

	/* --- image, column 1, spanning the three right hand rows ---------- */
	.ttw-catb .product_item_lists a.product-permalink-image {
		grid-column: 1;
		grid-row: 1 / span 3;
	}
	.ttw-catb .product_item_lists .products__image { margin: 0; }
	.ttw-catb .product_item_lists .products__image img {
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: cover;
		border-radius: 8px;
	}

	/* --- column 2 ----------------------------------------------------- */
	.ttw-catb .product_item_lists .products__text { grid-column: 2; grid-row: 1; padding-top: 2px; }
	.ttw-catb .product_item_lists .custom-product-details { grid-column: 2; grid-row: 2; margin-top: 4px; }
	.ttw-catb .product_item_lists .product-item-btns { grid-column: 2; grid-row: 3; margin-top: 10px; padding-bottom: 0 !important; }

	.ttw-catb .product_item_lists .woocommerce-loop-product__title {
		font-size: 17px;
		line-height: 21px;
		font-weight: 600;
		color: #040728;
		padding-top: 0;
	}

	/* On a phone the two prices get their own line each - side by side they
	   crowd the narrow right hand column. In the grid views they stay inline
	   and wrap only if they have to. */
	.ttw-catb .product_item_lists span.price del { display: block; margin: 0 0 1px; }
	.ttw-catb .product_item_lists span.price ins { display: block; }

	/* Sale badge: the theme gives it an inline position:relative, so it drops
	   into the flow under the picture and wraps. Pin it to the corner of the
	   image instead - !important is the only thing that beats an inline style. */
	.ttw-catb .product_item_lists .products__image { position: relative; }
	.ttw-catb .product_item_lists span.onsale {
		position: absolute !important;
		top: 6px;
		left: 6px;
		margin: 0 !important;
		z-index: 2;
		font-size: 11px;
		line-height: 19px;
		border-radius: 3px;
		white-space: nowrap;
	}

	.ttw-catb .product_item_lists .products__desc,
	.ttw-catb .product_item_lists .products__desc p {
		font-size: 12px;
		line-height: 17px;
		color: #6E6E7A;
	}

	.ttw-catb .product_item_lists .product-item-btns .main-button,
	.ttw-catb .product_item_lists .product-item-btns a.button.add_to_cart_button {
		width: 100% !important;
		display: block;
		font-size: 15px !important;
		line-height: 30px !important;
	}
}

/* ------------------------------------------------------------
 * "Fastest Delivery: 9 - 11 Sep" wrapped onto two lines on narrow
 * phones. Keep it on one line and let the type shrink instead - the
 * date is the point of the line, so ellipsing it would be worse.
 * Clamped against the viewport rather than stepped at breakpoints,
 * measured against the longest string the line can produce.
 * ------------------------------------------------------------ */
@media only screen and (max-width: 767px) {
	.ttw-catb .custom-product-details > div {
		white-space: nowrap;
	}
	.ttw-catb .custom-product-details,
	.ttw-catb .custom-product-details > div {
		font-size: 12px;
		font-size: clamp(10px, 3vw, 13px);
		line-height: 1.5;
	}
}

/* ============================================================
 * TTW mobile design configurator - 19 Oct 2026
 *
 * Moved here out of woocommerce/single-product.php, where it had been
 * written inline. Two reasons: a couple of these rules are not about the
 * product page at all (the Bootstrap row overflow and the z-index on
 * .pro-get-strarted5 are site-wide problems that were only being fixed on
 * product pages), and inline CSS is re-sent on every page view instead of
 * being cached once.
 *
 * Everything below is scoped to .customize_api, #ttw-buybar, .ttw-fontpick
 * or the colour modals by id, except the two site-wide fixes, which are
 * marked where they appear.
 * ============================================================ */

/* The sideways drag on mobile. Bootstrap's rows carry -15px side margins
   while this container only pads 12px, so every row hangs 3px past the
   viewport and iOS rubber-bands against it however much overflow:hidden the
   body carries. Cancel it at the source by matching the row's margins to the
   container's padding. Measured: document width 395 -> 390 on a 390 screen.
   NOT overflow-x:clip or :hidden on html/body - either one kills the sticky
   preview outright, which was checked rather than assumed. */
@media (max-width:991.98px){
  .container .row, .container-fluid .row{margin-left:-12px;margin-right:-12px;}
}

/* Symbol grid: five across on a phone instead of four, so more of the 400-odd
   icons are in view at once. Same breakpoint as the rule it overrides, so
   tablets keep their six across and nothing gets BIGGER. The label drops to
   12px because a 16px "Maple-Leaf" does not fit a fifth-width tile. */
@media only screen and (max-width:600px){
  .customize_api .symbols_api .item_design,
  .customize_api .symbols_api2 .item_design{
    width:20%;max-width:20%;min-width:20%;
    padding:3px;font-size:12px;line-height:1.25;margin:4px 0;
  }
  .customize_api .symbols_api .img_holder_design,
  .customize_api .symbols_api2 .img_holder_design{
    padding:4px;margin-bottom:3px;
  }
}

/* The colour pickers on a phone. Forty swatches four across ran to ten rows
   and a 1,022px dialog on a 668px screen, so choosing a colour always meant
   a scroll. Five across with a tighter cell - most of the waste was 16px of
   margin under every label, ten times over - brings it to eight even rows
   that fit outright, with no ragged last row at forty colours. Colour Picks
   is deliberately left alone: it holds the two-colour pairs
   with names like "Watermelon / Pastel Pink", which will not fit on one
   screen at any readable size. */
@media (max-width:991.98px){
  #BaseColor .color-selector-palette__block,
  #BaseColor2 .color-selector-palette__block,
  #TextColor .color-selector-palette__block{
    width:20%;padding:2px 3px;font-size:10px;line-height:1.2;
  }
  #BaseColor .color-selector-palette__radio div,
  #BaseColor2 .color-selector-palette__radio div,
  #TextColor .color-selector-palette__radio div{
    height:min(36px,5.4vh);width:min(36px,5.4vh);margin:0 auto 4px;
  }
  #BaseColor .color-selector-palette__title,
  #BaseColor2 .color-selector-palette__title,
  #TextColor .color-selector-palette__title{
    margin:0 0 4px;
  }
  /* Something upstream caps .modal-body at calc(100vh - 95px). 100vh is
     smaller than the real usable height on a phone, so that cap forced the
     grid into a scroll it did not need - measured 493px of content inside a
     453px box on a small screen. Lift it; Bootstrap's own modal container
     still scrolls if a dialog is ever genuinely too tall, so nothing can be
     lost off the bottom. */
  #BaseColor .modal-body,
  #BaseColor2 .modal-body,
  #TextColor .modal-body{
    padding:8px;max-height:none;
  }
}
@media (max-width:991.98px){
  /* the live preview rides along at the top of the screen */
  .customize_api.d-block .ttw-preview-col,
  .customize_api:not(.d-none) .ttw-preview-col{
    position:sticky;
    top:0;
    z-index:40;
    background:#fff;
    /* Stays INSIDE the white card. It used to break out edge to edge, which
       sliced the card's inset and rounded corners off across the top of the
       screen, and the picture never needed that extra width anyway: it is
       object-fit:contain under a height cap, so the cap decides how wide it
       is drawn, not the column. Nothing overrides the grid's own box here -
       the column keeps the same width and side padding as the options below
       it, which is what makes it look like it belongs in the card. */
    padding-top:0;
    padding-bottom:8px;
    border-bottom:1px solid #ece3d8;
  }
  .customize_api.d-block .ttw-preview-col img.image_api_holder,
  .customize_api:not(.d-none) .ttw-preview-col img.image_api_holder{
    display:block;
    width:100%!important;
    max-width:100%;
    height:auto;
    max-height:40vh;
    margin:0 auto;
    /* contain, never cover - cropping someone's own design is not on */
    object-fit:contain;
  }
  /* so the pinned bar never sits on top of the last option */
  .customize_api.d-block .bg_white_layout,
  .customize_api:not(.d-none) .bg_white_layout{
    padding-bottom:calc(86px + env(safe-area-inset-bottom,0px));
  }
  #ttw-buybar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    /* The theme puts z-index:9999999999 on the product description block,
       so the bar at 60 was painted UNDER the body copy. Rather than join
       that race at the top - which would also bury the cookie bar and the
       Klaviyo popups - the bar sits above ordinary page furniture and the
       offending block is put back to a sane layer below. */
    z-index:10001;
    display:none;
    align-items:center;
    gap:12px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
    background:#fff;
    border-top:1px solid #e7ddd1;
    box-shadow:0 -6px 18px -12px rgba(0,0,0,.45);
  }
  #ttw-buybar.is-on{display:flex;}
  /* a column of body copy has no business being on the top layer */
  .pro-get-strarted5{z-index:auto;}
  /* The colour rows carry Bootstrap's data-toggle="modal" on the row
     itself, and the row is full width - so tapping the empty space to the
     right of the label opened the palette. Shrink the row to what it
     actually draws: the swatch and its two lines of text. Nothing moves. */
  .customize_api .select_color_ss{width:max-content;width:fit-content;max-width:100%;}
  #ttw-buybar .ttw-buybar-price{
    font-size:20px;
    font-weight:800;
    color:#3b2a20;
    line-height:1.1;
    white-space:nowrap;
  }
  #ttw-buybar .ttw-buybar-price small{
    display:block;
    font-size:11px;
    font-weight:600;
    color:#8a7a6b;
    letter-spacing:.2px;
  }
  #ttw-buybar button{
    flex:1 1 auto;
    min-height:50px;
    padding:0 18px;
    border:0;
    border-radius:30px;
    background:#7035EC;
    color:#fff;
    font-size:16px;
    font-weight:700;
    letter-spacing:.3px;
    cursor:pointer;
  }
  #ttw-buybar button:active{filter:brightness(.92);}
  /* the words and the theme's pointing hand, centred together */
  #ttw-buybar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;}
  #ttw-buybar .ttw-buybar-hand{flex:none;width:20px;height:auto;margin:0;}

  /* ---------------------------------------------------------------
   * Expand the preview to the whole screen.
   *
   * The button sits in the top right of the preview column, which is
   * already position:sticky and so is its own containing block. z-index
   * clears the pinned column itself (40).
   * --------------------------------------------------------------- */
  .ttw-preview-col .ttw-zoom-btn{
    display:inline-flex;
    position:absolute;
    /* tucked into the card's own corner rather than floating in from it */
    top:0;
    right:2px;
    z-index:41;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:#3b2a20;
    box-shadow:0 1px 5px rgba(0,0,0,.22);
    cursor:pointer;
  }
  .ttw-preview-col .ttw-zoom-btn:active{background:#fff;}
  /* nothing may sit over the full-screen view */
  body.ttw-zoom-open #ttw-buybar{display:none!important;}

  /* Enter Text, Colors and Symbol headings are inert on a phone (app.js),
     so the little chevron should stop advertising a tap that does nothing.
     The "Change Size" control is a .chevron rather than a heading and still
     works, so it keeps its arrow. */
  .customize_api .content_holder_ss h2 .fa-angle-down{display:none;}
  .customize_api .content_holder_ss h2{cursor:default;}

  /* "Change Size" and its arrow belong on the same line. The arrow carries
     position:absolute;right:16px;top:6px as an inline style, so it is pinned
     to a container far up the tree and floats above and right of the words it
     belongs to. Putting it back in the flow is the whole fix - and it needs
     !important, because nothing else outranks a style attribute. */
  .customize_api .content_holder_ss .chevron i{
    position:static!important;
    top:auto!important;
    right:auto!important;
    vertical-align:baseline;
  }
  .customize_api .content_holder_ss .chevron u{margin-right:8px!important;}

  /* The cart's Checkout bar. Same furniture as the product page's buy bar
     so the two read as one pattern; it mirrors the real button rather than
     replacing it, so every gateway hanging off that button still works. */
  #ttw-cartbar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:10001;
    display:none;
    align-items:center;
    gap:12px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
    background:#fff;
    border-top:1px solid #e7ddd1;
    box-shadow:0 -6px 18px -12px rgba(0,0,0,.45);
  }
  #ttw-cartbar.is-on{display:flex;}
  #ttw-cartbar .ttw-buybar-price{
    font-size:20px;
    font-weight:800;
    color:#3b2a20;
    line-height:1.1;
    white-space:nowrap;
  }
  #ttw-cartbar .ttw-buybar-price small{
    display:block;
    font-size:11px;
    font-weight:600;
    color:#8a7a6b;
    letter-spacing:.2px;
  }
  #ttw-cartbar button{
    flex:1 1 auto;
    min-height:50px;
    padding:0 18px;
    border:0;
    border-radius:30px;
    background:#7035EC;
    color:#fff;
    font-size:16px;
    font-weight:700;
    letter-spacing:.3px;
    cursor:pointer;
  }
  #ttw-cartbar button:active{filter:brightness(.92);}
  /* and the last row of the cart is not buried under it */
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .row.cart_sm{
    padding-bottom:calc(86px + env(safe-area-inset-bottom,0px));
  }
  body.modal-open #ttw-cartbar{display:none!important;}
}

/* ============================================================
 * Full-screen design preview - 19 Oct 2026
 *
 * Outside the mobile media query on purpose: the overlay is only ever
 * opened from a button that exists on a phone, and if the screen is
 * resized while it is open the script closes it. Scoping the overlay
 * itself to a width would have it vanish mid-pinch instead.
 * ============================================================ */
.ttw-zoom{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(10,6,18,.97);
}
.ttw-zoom[hidden]{display:none;}
.ttw-zoom-img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:6px;
  background:#fff;
}
.ttw-zoom-close{
  position:absolute;
  top:calc(10px + env(safe-area-inset-top,0px));
  right:12px;
  z-index:1;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  font:300 30px/44px Montserrat,sans-serif;
  cursor:pointer;
}
.ttw-zoom-close:active{background:rgba(255,255,255,.3);}
body.ttw-zoom-open{overflow:hidden;}
/* the expand button is a phone affordance; it is removed on a desktop, and
   this makes certain of it if a redraw puts one back */
.ttw-zoom-btn{display:none;}
/* While the keyboard is up the preview STAYS pinned - you want to see the
   design you are typing - but it shrinks to a strip so there is room for the
   field, and the buy bar gets out of the way. The browser scrolls the focused
   field into the LAYOUT viewport, which knows nothing about a sticky overlay,
   so the script below nudges it back down to clear the strip. */
@media (max-width:991.98px){
  body.ttw-kb .customize_api.d-block .ttw-preview-col img.image_api_holder,
  body.ttw-kb .customize_api:not(.d-none) .ttw-preview-col img.image_api_holder{
    /* 20% taller than it was: a 150px strip was too small to judge a name
       against while typing it.

       The vh arm has to stay generous. Chrome on iOS shrinks the LAYOUT
       viewport when the keyboard opens, so vh units collapse with it -
       26vh of a 403px viewport is 104px, and that is why the preview went
       tiny the moment you tapped the name box however large the pixel cap
       was. The vh arm lands just above the pixel cap there and still keeps
       the strip sane on a genuinely small screen. */
    max-height:min(54vh,216px);
  }
  body.ttw-kb #ttw-buybar{display:none!important;}
  /* Belt and braces: while a field actually has focus the bar goes, even on
     a browser whose viewport numbers never admit the keyboard is up. */
  body.ttw-typing #ttw-buybar{display:none!important;}
  /* and while the font list is open, which covers it anyway */
  body.ttw-fontopen #ttw-buybar{display:none!important;}
  /* and behind a modal. Bootstrap's backdrop sits at z-index 1040, far
     below the 10001 the bar needs to clear the theme's own stacking, so
     without this the bar stays lit while everything else is dimmed. */
  body.modal-open #ttw-buybar{display:none!important;}
  body.ttw-kb .customize_api.d-block .bg_white_layout,
  body.ttw-kb .customize_api:not(.d-none) .bg_white_layout{
    padding-bottom:calc(60vh + 24px);
  }
}
/* Anything the page scrolls to must clear the pinned preview. --ttw-stick is
   written by the script below and tracks the preview's real height, so this
   stays right whether it is full size or shrunk for the keyboard. */
@media (max-width:991.98px){
  .customize_api.d-block .content_holder_ss,
  .customize_api.d-block .customize_steps,
  .customize_api.d-block input,
  .customize_api.d-block select,
  .customize_api.d-block textarea,
  .customize_api:not(.d-none) .content_holder_ss,
  .customize_api:not(.d-none) .customize_steps,
  .customize_api:not(.d-none) input,
  .customize_api:not(.d-none) select,
  .customize_api:not(.d-none) textarea{
    scroll-margin-top:calc(var(--ttw-stick, 40vh) + 14px);
  }
}
/* The "by size" blankets open on a Choose Your Design grid, where every tile
   is already a preview of its own, so a big render above a wall of thumbnails
   is too much. On that step only, shrink it further. The column itself needs
   nothing here any more - it sits inside the card on every step now. */
@media (max-width:991.98px){
  body.ttw-step-design .customize_api.d-block .ttw-preview-col img.image_api_holder,
  body.ttw-step-design .customize_api:not(.d-none) .ttw-preview-col img.image_api_holder{
    max-height:23vh;
  }
}
/* short screens: hand some height back to the options */
@media (max-width:991.98px) and (max-height:700px){
  .customize_api.d-block .ttw-preview-col img.image_api_holder,
  .customize_api:not(.d-none) .ttw-preview-col img.image_api_holder{max-height:29vh;}
}

/* A variation dropdown with only one thing in it is not a choice, it is a
   speed bump. The script below picks the single option and tags its row, and
   these rules take it off the page. Applies on every store, so the US loses
   the Material row (one fabric) while AU keeps it (cotton / organic cotton),
   with nothing hard-coded per country. */
.variations tr.ttw-onlyone{display:none!important;}
table.variations.ttw-allhidden{display:none!important;}

/* Font picker, MOBILE AND TABLET ONLY. Desktop already shows each font in
   its own font, because desktop browsers honour font-family on an <option>
   and the theme sets one per value. A phone's native picker throws that
   styling away, which is the only thing being fixed here - so desktop keeps
   its native select untouched and only small screens get the in-page one. */
@media (max-width:991.98px){
.ttw-fontpick + .select2-container{width:100%!important;}
.ttw-fontpick + .select2-container .select2-selection--single{
  height:50px;background:#f7f5f6;border:1px solid #fff;border-radius:30px;
  display:flex;align-items:center;
}
.ttw-fontpick + .select2-container .select2-selection--single .select2-selection__rendered{
  padding:0 8px 0 20px;color:#040728;font-size:16px;line-height:1.3;flex:1 1 auto;
}
/* The arrow sat 12px low and tiny: select2 positions it from top:1px with a
   26px height, which centres in ITS box, not in a 50px pill. Stretch the box
   to the full height so the triangle's top:50% lands on the real centre. */
/* Take the arrow out of absolute positioning altogether and let it be a flex
   item of the control, which is already align-items:center. Percentages here
   resolve against a containing block that is not the control, so top:50% put
   it 11px out; flexbox centres it with nothing to measure. */
.ttw-fontpick + .select2-container .select2-selection--single .select2-selection__arrow{
  position:static;top:auto;right:auto;height:auto;width:22px;
  margin:0 0 0 auto;display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}
/* A thin chevron, not a filled triangle: the size select beside it and the
   Colors heading both use one, and select2's solid wedge looked foreign.
   The selectors carry .select2-selection--single so they outrank select2's
   own - without it they merely tied, and won only because this block used
   to be the last stylesheet on the page. */
.ttw-fontpick + .select2-container .select2-selection--single .select2-selection__arrow b{
  position:static;margin:0;
  width:9px;height:9px;
  border:solid #040728;border-width:0 2px 2px 0;
  transform:rotate(45deg);transform-origin:center;
  margin-top:-4px;
}
/* It does NOT flip when the list opens. The native selects beside it keep
   their chevron pointing down the whole time, and a lone arrow spinning
   round read as a glitch rather than a state. */
/* Specificity, not styling: select2's own open-state rule is
   .select2-container--default.select2-container--open .select2-selection--single
   .select2-selection__arrow b, which outranked the shorter selector used
   here - so border-width went back to 0 4px 5px the moment the list opened
   and the chevron became a wedge again. Matched class for class below. */
.ttw-fontpick + .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-width:0 2px 2px 0;border-color:#040728 transparent transparent transparent;
  border-right-color:#040728;border-bottom-color:#040728;
  transform:rotate(45deg);
  margin:0;
}
.ttw-fontpick + .select2-container .select2-selection--single:focus,
.ttw-fontpick + .select2-container.select2-container--focus .select2-selection--single{outline:0;}
/* select2 hangs its dropdown off <body>, so these cannot be nested under the
   control. Harmless elsewhere - nothing else on this page uses select2. */
.select2-container--open .select2-dropdown{
  z-index:9999;border:1px solid #e7ddd1;border-radius:16px;overflow:hidden;
  box-shadow:0 12px 30px -16px rgba(0,0,0,.5);
}
/* Twelve fonts on screen at once. A row is a 15px x 1.3 line box plus 4px of
   padding top and bottom, about 28px, so twelve rows is about 336px. The vh
   cap keeps it sane on a short phone and the plain max-height before it is
   the fallback for anything without min(). The child combinator is not
   decoration: select2's own stylesheet caps this at 200px with an equally
   specific selector and loads after this block, so it wins a tie. */
.select2-container .select2-results > .select2-results__options{
  max-height:56vh;max-height:min(336px,56vh);-webkit-overflow-scrolling:touch;
}
.select2-container .select2-results__option{
  padding:4px 18px;
  /* When a webfont finally lands it is wider than the fallback, and a name
     that rewraps changes the row height - the list shuffles under a finger
     that is already coming down, and the tap lands on nothing. */
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Specificity, not styling - the same trap as the chevron. select2's own rule
   is .select2-container--default .select2-results__option--highlighted
   [aria-selected] at three classes; this was three as well, and select2's
   stylesheet loads AFTER app.css, so the row under the finger came up in
   WooCommerce's blue (rgb(0,115,170)) rather than ours. It only ever looked
   right while this block was inline on the page and therefore last. One more
   class wins it outright, whatever the order. */
.select2-container--default .select2-results .select2-results__option--highlighted[aria-selected]{
  background:#7035EC;color:#fff;
}
.ttw-fontname{font-size:15px;line-height:1.3;display:block;}
}

/* ------------------------------------------------------------
 * Category pages: hide the intro paragraph on phones.
 *
 * The block under the H1 and the strapline is a wall of body copy on a
 * phone - it pushes the actual products most of a screen down. The H1 and
 * the "Knitted in North Carolina." line stay; only the paragraph goes.
 *
 * Scoped to the banner. .mr on its own appears about 27 times a page, so
 * hiding that class outright would take half the layout with it.
 * ------------------------------------------------------------ */
@media only screen and (max-width:767.98px){
	.gallery-banner1.center-text > .mr{
		display:none;
	}
}

/* ------------------------------------------------------------
 * Category banner headings on a phone - 19 Oct 2026
 *
 * At 40px the H1 wrapped to two or three lines on every category: the
 * longest ("Personalized Sports Blankets in America") needed 718px of a
 * 366px column. Sized against the viewport instead, so the longest title
 * still lands on one line at 390px and stays readable at 320px, and the
 * line boxes and gaps tighten with it.
 *
 * The H2 is a sentence on most categories - 106 characters on the
 * Christmas stockings page - so it is not forced onto one line; fitting
 * that would mean 9px type. It just gets smaller and tighter.
 * ------------------------------------------------------------ */
@media only screen and (max-width:767.98px){
	.gallery-banner1.center-text > h1.ftm{
		font-size:20px;
		font-size:clamp(15px, 5.1vw, 22px);
		line-height:1.2;
		margin:0 0 4px;
	}
	.gallery-banner1.center-text > h2.ftr{
		font-size:15px;
		font-size:clamp(13px, 3.9vw, 17px);
		line-height:1.3;
		margin:0 0 4px;
	}
}

/* ------------------------------------------------------------
 * Breadcrumb: drop the current page on a phone - 19 Oct 2026
 *
 * "Home > Shop > Personalized Name Blankets in America > Signature Letter
 * Blanket" wraps onto a second line and costs a band of screen above the
 * product. The last crumb is the page you are already on, so it is the
 * one to go. app.js wraps it in .ttw-crumb-current for us - WooCommerce
 * emits it as a bare text node, which CSS cannot reach on its own.
 * ------------------------------------------------------------ */
@media only screen and (max-width:767.98px){
	.woocommerce-breadcrumb .ttw-crumb-current{
		display:none;
	}
}

/* ------------------------------------------------------------
 * Cart upsells - 19 Oct 2026
 *
 * The first four rules were echoed inline from
 * custom_woocommerce_cross_sell_display() on every cart view; they belong
 * here. The rest is the "add all 3" bundle button.
 * ------------------------------------------------------------ */
.cross-sells .product_item_lists .products__image img{height:auto}
.cross-sells .product_item_lists .woocommerce-loop-product__title{font-size:15px;font-weight:700;padding-top:4px}
.cross-sells .product_item_lists span.price a{font-size:13px}
.cross-sells .product_item_lists a.button.add_to_cart_button{font-size:12px;line-height:40px}

/* The offer is a card, not a stray link: it says what the three things are,
   the price sits on the button, and the saving is spelled out underneath.
   Selectors carry the wrapper class so they outrank `.woocommerce a.button`
   (0,1,1) whatever order the stylesheets happen to load in. */
.ttw-bundle{max-width:620px;margin:20px auto 0;padding:16px 15px;text-align:center;
	border:1px solid #E4D9F7;border-radius:14px;background:#F8F5FF}
.ttw-bundle .ttw-bundle-eyebrow{display:block;font-size:17px;font-weight:700;
	letter-spacing:.06em;line-height:1.25;text-transform:uppercase;color:#7035EC}
.ttw-bundle .ttw-bundle-items{display:block;margin:6px 0 14px;font-size:15px;color:#4a4a4a}
.ttw-bundle a.ttw-bundle-btn{display:inline-flex;align-items:center;justify-content:center;
	gap:10px;padding:0 26px;min-height:52px;line-height:1.2;
	border:0;border-radius:30px;background:#7035EC;color:#fff;
	font-size:16px;font-weight:700;letter-spacing:.3px;text-decoration:none}
.ttw-bundle a.ttw-bundle-btn:hover,
.ttw-bundle a.ttw-bundle-btn:focus{background:#5c27cc;color:#fff}
.ttw-bundle a.ttw-bundle-btn .woocommerce-Price-amount{color:inherit;font-weight:700}
.ttw-bundle .ttw-bundle-now{white-space:nowrap}
.ttw-bundle .ttw-bundle-was{font-size:14px;font-weight:400;white-space:nowrap;
	color:rgba(255,255,255,.72);text-decoration:line-through}
.ttw-bundle .ttw-bundle-save{display:block;margin-top:8px;font-size:13px;
	font-weight:700;color:#2E7D32}
@media only screen and (max-width:600px){
	.ttw-bundle{margin-top:16px;padding:14px 12px}
	.ttw-bundle .ttw-bundle-eyebrow{font-size:16px;letter-spacing:.04em}
	.ttw-bundle .ttw-bundle-items{margin-bottom:12px;font-size:14px}
	.ttw-bundle a.ttw-bundle-btn{display:flex;width:100%;gap:8px;padding:0 14px;font-size:15px}
}