a.fb{background:url(../images/fb.svg) no-repeat}
a.fb:hover{background:url(../images/fb_.svg) no-repeat}
a.inst{background:url(../images/insta.svg) no-repeat}
a.inst:hover{background:url(../images/insta_.svg) no-repeat}
a.in{background:url(../images/in.svg) no-repeat}
a.in:hover{background:url(../images/in_.svg) no-repeat}
.cat-limited .product-item{background:url(../images/products/LegBoxLim-3x1.jpg)}
.cat-classic .product-item{background:url(../images/products/LegendBoxClassic-2x1.jpg)}
.cat-chocolate .product-item{background:url(../images/products/Chocolate-cat.jpg)}
.cat-postcards .product-item{background:url(../images/products/Postcards.jpg)}
.cat-bundles .product-item{background:url(../images/products/Bundles.jpg)}
.cat-notebooks .product-item{background:url(../images/products/Notebooks.jpg)}

.cat-legendselect .product-item{background:url(../images/products/cat-legendselect.jpg)}
.cat-ornaments .product-item{background:url(../images/products/cat-ornaments.jpg)}
.cat-calendars .product-item{background:url(../images/products/cat-calendars.jpg)}
.cat-christmas .product-item{background:url(../images/products/cat-christmas.jpg)}
.cat-magnets .product-item{background:url(../images/products/cat-magnets.jpg)}
.cat-colouring .product-item{background:url(../images/products/cat-colouring.jpg)}
.cat-cows .product-item{background:url(../images/products/cat-cows.jpg)} 

.page-id-544 .cat-limited .product-item{background:url(../images/products/LegBoxLim-3x1.jpg)}
.page-id-544 .cat-classic .product-item{background:url(../images/products/LegendBoxClassic-2x1.jpg)}
.page-id-544 .cat-chocolate .product-item{background:url(../images/products/chocolate-all.png)}*/
.page-id-544 .cat-postcards .product-item{background:url(../images/products/postcard-all.jpg)}
.page-id-544 .cat-bundles .product-item{background:url(../images/products/bundle-all.jpg)}
.page-id-544 .cat-notebooks .product-item{background:url(../images/products/notebooks-all.jpg)}

/*.page-id-544 .cat-legendselect .product-item{background:url(../images/products/new/Limited_select.jpg)}*/
.page-id-544 .cat-ornaments .product-item{background:url(../images/products/new/Ornaments.jpg)}
.page-id-544 .cat-calendars .product-item{background:url(../images/products/new/Calendar.jpg)}
.page-id-544 .cat-christmas .product-item{background:url(../images/products/new/Chr_card.jpg)}
.page-id-544 .cat-magnets .product-item{background:url(../images/products/new/Magnets.jpg)}
.page-id-544 .cat-colouring .product-item{background:url(../images/products/new/CollourBook.jpg)}


@media (min-width:320px) and (max-width:767px){
.mobi .cat-limited .product-item{background:url(../images/products/Legendbox_Limited_t.jpg)}
.mobi .cat-classic .product-item{background:url(../images/products/Legendbox_classic_t.jpg)}
.mobi .cat-legendselect .product-item{background:url(../images/products/cat-legendselect_t.png)}
.mobi .cat-magnets .product-item{background:url(../images/products/cat-magnets_t.png)}
.mobi .cat-notebooks .product-item{background:url(../images/products/Square_Notebooks.jpg)}

.page-id-544 .mobi .cat-limited .product-item{background:url(../images/products/Legendbox_Limited_t.jpg)}
.page-id-544 .mobi .cat-classic .product-item{background:url(../images/products/Legendbox_classic_t.jpg)}
.page-id-544 .mobi .cat-chocolate .product-item{background:url(../images/products/Chocolate-cat.jpg)}
.page-id-544 .mobi .cat-postcards .product-item{background:url(../images/products/Postcards.jpg)}
.page-id-544 .mobi .cat-bundles .product-item{background:url(../images/products/Bundles.jpg)}
.page-id-544 .mobi .cat-notebooks .product-item{background:url(../images/products/Square_Notebooks.jpg)}
.page-id-544 .mobi .cat-christmas .product-item{background:url(../images/products/Square_Christmas.png)}
.page-id-544 .mobi .cat-calendars .product-item{background:url(../images/products/Square_Calendars.png)}
.page-id-544 .mobi .cat-ornaments .product-item{background:url(../images/products/Square_Ornaments.png)}
.page-id-544 .mobi .cat-colouring .product-item{background:url(../images/products/Square_Colouring.png)}
.page-id-544 .mobi .cat-cows .product-item{background:url(../images/products/Rocking-Cow-Gruetzi-Hello-R-800px.jpg)}
}

.home .gallery-grid .product-item .product-name{-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;}
.home .gallery-grid .vc_column-inner:hover .product-name{bottom:30px;}

.cat-bot-hover{position: relative;z-index: 99;background: #d7d7d7;height: 35px;line-height: 35px;padding:0 20px;font-size:14px;color:#535353;margin-top:-45px;opacity:0;
	-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;}
.gallery-grid .vc_column-inner:hover .cat-bot-hover{opacity:1;-moz-transition:0.1s ease all;-o-transition:0.1s ease all;transition:0.1s ease all;}
.cat-bot-hover .wpb_wrapper div{color:#535353;float:right;}
.cat-chocolate .cat-bot-hover .wpb_wrapper div span{color:#fb070c;}
.cat-bot-hover .wpb_wrapper a{position: absolute;width: 100%;height: 35px;}
#wphtmlblock-banner-born-in-switzerland .banner-content a{margin-top:30px;display:inline-block;height:40px;line-height:40px;color: #fff;font-size: 16px;text-transform: uppercase;text-decoration: none;min-width: 260px;text-align: center;background: #d1050f}
#wphtmlblock-banner-born-in-switzerland .banner-content a:hover{background: #000}

.home-banner-box a.content__form__button{cursor: pointer;}
.home-banner-box a.content__form__button:hover{background: #d1050f;text-decoration: none !important}

.catecory-product-list .vc_gitem-acf{font-size: 14px;color: #000;}
.catecory-product-list p{margin:0px ; padding:0px; display:inline;}
.catecory-product-list .vc_gitem-zone-c p{display:block;}
.catecory-product-list .vc_col-sm-4{width: 33%}
.fmba{display: none;font-size: 0}

#pselector.mselect-style{width: auto;} 
#pselector.mselect-style select{padding-right: 30px}

.home-slider-txt.home-new {
    position: relative;
    top: inherit;
    width: 85%;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}
.home-slider-txt.home-new.col-2  {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.home-slider .home-new.sl2 {padding-top: 0; justify-content: flex-end; padding-bottom: 100px;}
.home-slider .home-new .title {padding-top: 0;}
.home-slider .item .left {width: 50%;}
.home-slider .item .right {width: 50%; padding: 0 30px;}
@media (min-width: 320px) and (max-width: 767px) {
    .home-slider .item .left, .home-slider .item .right {width: 100%;}
    .home-slider-txt.home-new.col-2 {flex-direction: column; justify-content: center;}
}

@media (min-width:320px) and (max-width:767px){
	.catecory-product-list .vc_col-sm-4{width: 100%}
	.cat-bot-hover{font-size:14px;bottom:0px;background: transparent;opacity: 1}
	.cat-bot-hover .fmba{display:block;color:#000;font-size: 14px}
	.cat-bot-hover .wpb_wrapper div, .cat-bot-hover .wpb_wrapper a{display:none;font-size: 0}
	.home .gallery-grid .product-item .product-name{bottom:17px;} 
	.home .gallery-grid .product-item:hover .product-name{bottom:17px;} 
	.home .gallery-grid .vc_column-inner:hover .cat-bot-hover{opacity:1}
	.cat-bot-hover{position: absolute;bottom:5px;}
	.cat-bot-hover .wpb_wrapper p:last-of-type{display: none}  	
}

.ger_eng{
line-height:50px;
}

.fline{
vertical-align:top;
}

#wpadminbar{
display:none !Important;
}

#wpadminbar.admin_b{
display:block !Important;
}

/* --- Account Details (edit-account) page --- */
.woocommerce-EditAccountForm fieldset {
    margin-top: 2em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.5em;
}
.woocommerce-EditAccountForm fieldset legend {
    font-weight: 700;
    font-size: inherit;
    font-family: inherit;
    padding: 0 0.5em 0 0;
}
.woocommerce-EditAccountForm .password-input,
.woocommerce-form-login .password-input {
    display: flex;
    flex-direction: column;
    position: relative;
}
.woocommerce-EditAccountForm .password-input input[type="password"],
.woocommerce-EditAccountForm .password-input input[type="text"],
.woocommerce-form-login .password-input input[type="password"],
.woocommerce-form-login .password-input input[type="text"] {
    padding-right: 2.5rem;
}
.woocommerce-EditAccountForm .show-password-input,
.woocommerce-form-login .show-password-input {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 0.7em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-appearance: none;
}
.woocommerce-EditAccountForm .show-password-input::before,
.woocommerce-form-login .show-password-input::before {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.5C15 4.9 8.5 3.8 3.9 7.2C2.7 8.1 1.7 9.3 0.9 10.6C1.1 11 1.4 11.4 1.7 11.8C5 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.8 18.3 9.5ZM10.1 7.2C10.6 6.7 11.4 6.7 11.9 7.2C12.4 7.7 12.4 8.5 11.9 9C11.4 9.5 10.6 9.5 10.1 9C9.6 8.5 9.6 7.7 10.1 7.2ZM10 14.9C6.9 14.9 4 13.3 2.3 10.7C3.5 9 5.1 7.8 7 7.2C6.3 8 6 8.9 6 9.9C6 12.1 7.7 14 10 14C12.2 14 14.1 12.3 14.1 10V9.9C14.1 8.9 13.7 7.9 13 7.2C14.9 7.8 16.5 9 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23999"/></svg>');
    content: '';
    display: block;
    height: 20px;
    width: 20px;
}
.woocommerce-EditAccountForm .show-password-input.display-password::before,
.woocommerce-form-login .show-password-input.display-password::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2 5.3 11.1 5.1 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23999"/></svg>');
}
.woocommerce-EditAccountForm .input-radio {
    margin-right: 0.4em;
}

/* ==========================================================================
   Checkout Multistep — Button Styling
   ========================================================================== */

/* Buttons side-by-side: Previous left, Next right */
.thwmscf-wrapper .thwmscf-buttons {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    text-align: center;
}

/* Previous button — light blue */
.thwmscf-buttons .button-prev {
    background: #6DAEDB !important;
    border-color: #6DAEDB !important;
    color: #fff !important;
}
.thwmscf-buttons .button-prev:hover,
.thwmscf-buttons .button-prev:focus {
    background: #5A9AC8 !important;
    border-color: #5A9AC8 !important;
}

/* Next button — dark blue (matches site brand) */
.thwmscf-buttons .button-next {
    background: #00385f !important;
    border-color: #00385f !important;
    color: #fff !important;
    margin-left: auto;
}
.thwmscf-buttons .button-next:hover,
.thwmscf-buttons .button-next:focus {
    background: #002a48 !important;
    border-color: #002a48 !important;
}

/* Hide Next button on last step (useless there) */
.thwmscf-buttons .button-next.thwmscf-last-next {
    display: none !important;
}

/* Hide Previous on first step */
.thwmscf-buttons .button-prev.thwmscf-first-prev {
    display: none !important;
}
/* When Previous is hidden, keep Next right-aligned at half width */
.thwmscf-buttons .button-prev.thwmscf-first-prev ~ .button-next {
    max-width: 50%;
}

/* Make all tabs look clickable (not just backward ones) */
ul.thwmscf-tabs li a {
    cursor: pointer !important;
}

/* Tab buttons — finished steps grey, active step black */
ul.thwmscf-tabs li a.thwmscf-finished-step {
    background: #666 !important;
    border-color: #666 !important;
    color: #fff !important;
}
ul.thwmscf-tabs li a.thwmscf-finished-step:hover {
    background: #444 !important;
    border-color: #444 !important;
}
ul.thwmscf-tabs li a.active {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

/* ==========================================================================
   Checkout — Shipping-first flow
   ========================================================================== */

/* Hide "Ship to a different address?" header (checkbox stays in DOM, always checked) */
#ship-to-different-address {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* Ensure shipping address fields are always visible */
.woocommerce-shipping-fields .shipping_address {
    display: block !important;
}

/* ==========================================================================
   Checkout — "Same as shipping address" checkbox
   ========================================================================== */
#varsys-same-as-shipping {
    margin-bottom: 20px;
    padding: 12px 15px;
    background: #f0f7fc;
    border: 1px solid #d0e3f0;
    border-radius: 3px;
}
#varsys-same-as-shipping label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 15px;
    color: #00385f;
    font-weight: 600;
    margin-bottom: 0;
}
#varsys-same-as-shipping input[type="checkbox"] {
    position: static !important;
    width: auto !important;
    flex-shrink: 0;
    margin: 0;
    border: 2px solid #00385f;
}

/* ==========================================================================
   Checkout — Collapsible Order Summary on address steps
   ========================================================================== */
.varsys-step-summary {
    background: #f8f9fa;
    border: 1px solid #e5e5e5;
    padding: 12px 15px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.varsys-summary-toggle {
    display: block;
    text-decoration: none !important;
    color: #00385f;
    font-size: 14px;
    font-weight: 600;
    font-family: 'GillSans', sans-serif;
}
.varsys-summary-toggle:hover {
    color: #002a48;
}
.varsys-summary-toggle .varsys-chevron {
    float: right;
    transition: transform 0.2s;
    font-size: 11px;
}
.varsys-summary-toggle.open .varsys-chevron {
    transform: rotate(180deg);
}
.varsys-summary-content table {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    border-collapse: collapse;
}
.varsys-summary-content table td {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}
.varsys-summary-content table td:last-child {
    text-align: right;
    white-space: nowrap;
}
.varsys-summary-content .total td {
    border-bottom: none;
    padding-top: 8px;
}
.varsys-summary-content .discount td {
    color: #4CAF50;
}

/* ==========================================================================
   Cart page — layout cleanup
   ========================================================================== */

/* Hide UPDATE CART button (AJAX handles quantity changes) */
.checkout-list .row.total button[name="update_cart"] {
    display: none !important;
}

/* Hide "Proceed to checkout" link (redundant with CHECKOUT button below) */
.checkout-list .wc-proceed-to-checkout {
    display: none !important;
}

/* Voucher code — clear float, sit on own line */
.checkout-list .checkout-total-drop {
    float: none;
    margin: 10px 0;
}

/* Right-align subtotal/coupon area under item prices */
.checkout-list .cart_totals {
    float: right;
    padding: 15px 0 20px 0;
}

.checkout-list .cart_totals .shop_table.shop_table_responsive {
    width: auto;
}

.checkout-list .cart_totals table {
    margin: 0;
}

.checkout-list .cart_totals table th {
    text-align: right;
    padding-right: 15px;
}

/* Previous button — soft grey-blue, less prominent than Next */
.thwmscf-buttons .button-prev {
    background: #b0becb !important;
    border-color: #b0becb !important;
    color: #fff !important;
}
.thwmscf-buttons .button-prev:hover {
    background: #8fa0b0 !important;
    border-color: #8fa0b0 !important;
}

/* Hide "Create an account?" and password on billing step */
.checkout2 .create-account,
.checkout2 #account_password_field {
    display: none !important;
}

/* ==========================================================================
   Checkout — Field validation error styling
   ========================================================================== */

.checkout2 .form-row.woocommerce-invalid input,
.checkout2 .form-row.woocommerce-invalid select {
    border-color: #c00 !important;
}
.checkout2 .form-row.woocommerce-invalid label {
    color: #c00;
}

/* ==========================================================================
   Checkout — Compact two-column form layout
   ========================================================================== */

.checkout2 .form-row.form-row-first {
    float: left !important;
    width: 48% !important;
    clear: left;
}
.checkout2 .form-row.form-row-last {
    float: right !important;
    width: 48% !important;
    clear: none;
}
.checkout2 .form-row.form-row-wide {
    clear: both;
}

/* ==========================================================================
   Checkout — Prevent CLS from JS-based panel hiding
   The multistep plugin hides inactive panels via jQuery .hide() AFTER page
   load, causing a massive layout shift. These rules hide them immediately
   via CSS; the plugin's inline styles override when JS runs.
   ========================================================================== */
.thwmscf-tab-panel {
    display: none;
}
.thwmscf-accordion-label.active + .thwmscf-tab-panel {
    display: block;
}

/* ==========================================================================
   Checkout Login Step — clarity & layout fixes
   ========================================================================== */

/* Hide tab row on the login step (step-0) for visual clarity.
   Tabs reappear once user proceeds to shipping (step-1+). */
#thwmscf-tabs:has(#step-0.active) {
    display: none;
}

/* Vertically center the login step content */
#thwmscf-tab-panel-0 {
    text-align: center;
    padding: 50px 0 30px;
}

/* Register/Login/Guest choice buttons */
#thwmscf-tab-panel-0 > button.register,
#thwmscf-tab-panel-0 > button.login,
#thwmscf-tab-panel-0 > button.guest_checkout {
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}
#thwmscf-tab-panel-0 > button.active {
    background-color: #00354d;
    color: #fff;
    border-color: #00354d;
}

/* Keep Register/Login/Guest forms left-aligned when they appear */
#thwmscf-tab-panel-0 .woocommerce-form-registration,
#thwmscf-tab-panel-0 .woocommerce-form-login-toggle {
    text-align: left;
    max-width: 480px;
    margin: 20px auto 0;
}

/* Next button on login step — centered, clear CTA */
#thwmscf-tab-panel-0 .thwmscf-buttons {
    justify-content: center !important;
    margin-top: 30px;
}
#thwmscf-tab-panel-0 .action-next {
    min-width: 260px;
    margin: 0 !important;
    padding: 6px 50px !important;
    font-size: 18px !important;
    line-height: 36px !important;
}

/* Hide empty "show password" button (no icon loaded in this theme) */
#thwmscf-tab-panel-0 .show-password-input {
    display: none;
}

/* ==========================================================================
   Checkout — Centering: tabs, order content, buttons
   ========================================================================== */

/* Center tab buttons */
#thwmscf-tabs {
    text-align: center;
}
#thwmscf-tabs li {
    float: none !important;
    display: inline-block !important;
}

/* Center and constrain order review table */
.woocommerce-checkout-review-order-table {
    margin: 0 auto !important;
    width: auto !important;
    max-width: 714px;
}

/* Shrink product thumbnails on checkout to 50% (1/4 area) */
.woocommerce-checkout-review-order-table .product-name .col-md-4 {
    width: 50% !important;
    flex: none;
}
.woocommerce-checkout-review-order-table .product-name .col-md-4 img {
    width: 100%;
    height: auto;
}

/* ==========================================================================
   Checkout — Delivery & Payment step fixes
   ========================================================================== */

/* --- Button layout: Previous left, Place Order right --- */
#thwmscf-tab-panel-3 .thwmscf-buttons {
    display: none !important;
}
#payment {
    float: none !important;
    width: auto !important;
    clear: both;
    margin: 0 auto !important;
    margin: 0 auto !important;
}
#payment .place-order {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 15px;
    padding: 20px 0 10px !important;
}
/* Hide privacy policy text on checkout (T&C requirement already removed) */
#payment .place-order .woocommerce-terms-and-conditions-wrapper {
    display: none !important;
}
#payment .place-order .varsys-prev-btn {
    background: #b0becb !important;
    border-color: #b0becb !important;
    color: #fff !important;
    font-family: 'GillSans';
    font-size: 20px !important;
    text-transform: uppercase;
    padding: 6px 60px !important;
    line-height: 36px;
    border-radius: 0;
    border: 1px solid #b0becb;
    cursor: pointer;
    transition: 0.5s ease all;
    flex: 1;
    text-align: center;
}
#payment .place-order .varsys-prev-btn:hover {
    background: #8fa0b0 !important;
    border-color: #8fa0b0 !important;
}
#payment .place-order #place_order {
    flex: 1;
    width: auto !important;
    margin: 0 !important;
    padding: 6px 60px !important;
}

/* --- Payment method: hide radios (kept for form submission), show text in table --- */
#payment .about_paypal {
    display: none !important;
}
#payment .payment_box {
    display: none !important;
}
#payment .payment_methods {
    display: none !important;
}

/* "Payment via" row in table — match Subtotal/Shipping/Total styling */

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    padding-bottom: 16px;
}
.varsys-payment-method th {
    font-size: 16px;
    font-weight: 400;
    font-family: 'GillSans', sans-serif;
    text-transform: uppercase;
    color: rgb(98, 98, 98);
    text-align: right;
    padding-right: 30px;
    padding-top: 20px;
    border-top: 1px solid #ebe9eb;
}
.varsys-payment-method td {
    padding-top: 20px;
    border-top: 1px solid #ebe9eb;
    font-size: 14px;
}

/* --- Coupon form --- */
.varsys-coupon-form {
    max-width: 714px;
    margin: 6px auto 0;
    text-align: left;
}
.varsys-coupon-toggle {
    font-family: 'GillSans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 16px;
    color: #00385f;
    text-decoration: underline;
    cursor: pointer;
}
.varsys-coupon-toggle:hover {
    color: #002a48;
}
.varsys-coupon-fields {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 8px;
}
.varsys-coupon-input {
    max-width: 200px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-family: 'GillSans', sans-serif;
}
.varsys-coupon-apply {
    padding: 6px 16px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    min-height: auto !important;
}

/* --- Shipping row: fix alignment, remove list styling --- */
.woocommerce-shipping-totals td ul.woocommerce-shipping-methods {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-shipping-totals td ul.woocommerce-shipping-methods li {
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-shipping-totals td label {
    font-weight: normal !important;
    margin: 0 !important;
}

/* --- Total row: match font size to item prices, tax on own line --- */
.order-total td {
    font-size: inherit !important;
}
.order-total td strong {
    font-size: inherit !important;
    font-weight: 600;
}
.order-total td .includes_tax {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #888;
    margin-top: 3px;
}

/* --- WC error banner: hide on checkout (we handle errors inline) --- */
.checkout2 .woocommerce-error {
    display: none !important;
}

/* --- Lazy-load Instagram & follow sections (below the fold) --- */
.instagram-box,
.follow-box {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px;
}

/* --- Shipping policy page tables --- */
.text-box table.shipping-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}
.text-box table.shipping-table th,
.text-box table.shipping-table td {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}
.text-box table.shipping-table th {
    font-weight: 600;
}
.text-box table.shipping-table th:last-child,
.text-box table.shipping-table td:last-child {
    width: 35%;
}

/* ==========================================================================
   Order Received / Thank-you page
   ========================================================================== */

.woocommerce-order-received .woocommerce-order {
    max-width: 680px;
    margin: 0 auto;
    padding: 40px 20px 60px;
}

/* "Thank you" success message */
.woocommerce-order-received .woocommerce-thankyou-order-received {
    font-family: 'GillSans', sans-serif;
    font-size: 20px;
    text-align: center;
    color: #00385f;
    margin-bottom: 40px;
    padding: 20px 0;
}

/* Order details  vertical, one item per line */list 
.woocommerce-order-received ul.woocommerce-order-overview,
.woocommerce-order-received ul.order_details,
.woocommerce ul.order_details {
    list-style: none !important;
    margin: 0 0 40px !important;
    padding: 30px 0 !important;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.woocommerce-order-received ul.woocommerce-order-overview li,
.woocommerce-order-received ul.order_details li,
.woocommerce ul.order_details li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    border-right: none !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    font-family: 'GillSans', sans-serif;
    font-size: 16px;
    color: #626262;
    border-bottom: 1px solid #f0f0f0;
}
.woocommerce-order-received ul.woocommerce-order-overview li:last-child,
.woocommerce-order-received ul.order_details li:last-child,
.woocommerce ul.order_details li:last-child {
    border-bottom: none;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong,
.woocommerce-order-received ul.order_details li strong,
.woocommerce ul.order_details li strong {
    float: right;
    color: #333;
    font-weight: 600;
}

/* ==========================================================================
   My  Orders tableAccount 
   ========================================================================== */

/* Space out action buttons (pay/view/cancel) */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
    display: inline-block;
    margin: 3px 6px 3px 0;
    padding: 6px 14px;
    
    white-space: nowrap;
}

/* Give the entire orders table more breathing room */
.woocommerce-MyAccount-content .woocommerce-orders-table {
    border-collapse: separate;
    border-spacing: 0;
}
.woocommerce-orders-table td,
.woocommerce-orders-table th {
    padding: 12px 15px !important;
    vertical-align: middle;
}
