:root{
    --navy: #12203c;
    --navy-2: #1a2f54;
    --bg: #eef2f7;
    --surface: #ffffff;
    --line: #dde3ea;
    --text: #17202f;
    --text-dim: #6b7480;
    --accent: #8c1f2b;
    --accent-bright: #a72836;
    --gold: #b8862f;
    --green: #2f8a4e;
    --font-display: 'Fraunces', serif;
    --font-body: 'Public Sans', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;
  }
  button:hover {
    background-color: var(--navy) !important;
    color: #fff;
    text-decoration: none;
}
  *{ margin:0; padding:0; box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ background:var(--bg); color:var(--text); font-family:var(--font-body); -webkit-font-smoothing:antialiased; }
  a{ color:inherit; text-decoration:none; }
  img{ max-width:100%; display:block; }
  button{ font-family:inherit; cursor:pointer; }
  .wrap{margin:0 auto; padding:0 28px; }
  @media(max-width:720px){ .wrap{ padding:0 18px; } }
  ::selection{ background:var(--accent); color:#fff; }
  @media (prefers-reduced-motion: reduce){ *{ animation-duration:.001ms !important; transition-duration:.001ms !important; } }
  :focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }

  /* ---------- UTILITY BAR ---------- */
  .utility-bar{ background:var(--navy); color:#c7cedb; font-size:12.5px; }
  .utility-bar .wrap{ display:flex; align-items:center; justify-content:space-between; height:36px; }
  .utility-left{ display:flex; align-items:center; gap:6px; }
  .utility-right{ display:flex; align-items:center; gap:22px; font-family:var(--font-mono); font-size:12px; }
  .rate-chip{ display:flex; gap:6px; align-items:center; }
  .rate-chip b{ color:#fff; font-weight:600; }
  .rate-up{ color:#7fd39a; }
  .hotline{ display:flex; gap:6px; align-items:center; color:#fff; font-family:var(--font-body); font-weight:500; }
  @media(max-width:900px){ .utility-right{ gap:12px; } .hotline{ display:none; } }
  @media(max-width:640px){ .utility-bar .wrap{ font-size:11px; } .rate-chip:nth-child(2){ display:none; } }

  /* ---------- MAIN HEADER ---------- */
  .main-header{ background:var(--surface); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:200; padding: 0px 29px; }
 .header-row {
    display: flex;
    align-items: stretch;
    gap: 30px;
    justify-content: space-between;
    padding: 16px 0;
}
  .logo{ display:flex; align-items:center; gap:9px; font-family:var(--font-display); font-weight:700; font-size:26px; color:var(--navy); flex-shrink:0; }
  .logo .mark{ width:28px; height:28px; border-radius:50%; background:conic-gradient(from 220deg,#8f959c,#eef1f3,#8f959c,#c7ccd1); box-shadow:inset 0 0 0 1px rgba(0,0,0,.15); }
  .logo sup{ font-size:11px; font-weight:400; color:var(--text-dim); }

  .search-bar{ flex:1; display:flex; align-items:center; border:1.5px solid var(--line); border-radius:6px; overflow:hidden; max-width:640px; }
  .search-bar input{ flex:1; border:none; padding:11px 14px; font-size:14px; font-family:var(--font-body); color:var(--text); }
  .search-bar input:focus{ outline:none; }
  .search-bar button{ background:var(--navy); border:none; color:#fff; width:44px; height:42px; display:flex; align-items:center; justify-content:center; }
  @media(max-width:860px){ .search-bar{ display:none; } }

  .header-icons{ display:flex; align-items:center; gap:16px; flex-shrink:0; }
  .icon-link{ position:relative; color:var(--navy); display:flex; }
  .icon-badge{ position:absolute; top:-7px; right:-8px; background:var(--accent); color:#fff; font-size:10px; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:600; }
  .signin-btn{ background:var(--accent); color:#fff; font-size:13px; font-weight:600; padding:9px 18px; border-radius:5px; border:none; letter-spacing:.02em; }
  .signin-btn:hover{ background:var(--accent-bright); }
  .menu-toggle{ display:none; background:none; border:1px solid var(--line); border-radius:5px; width:38px; height:38px; align-items:center; justify-content:center; color:var(--navy); }
  @media(max-width:860px){ .menu-toggle{ display:flex; } }

  /* ---------- NAV ---------- */
  .main-nav{ background:var(--navy-2); }
  .main-nav .wrap{ display:flex; }
  .nav-list{ display:flex; list-style:none; }
  .nav-list > li{ position:relative; }
  .nav-list > li > a, .nav-list > li > button{
    display:flex; align-items:center; gap:5px; background:none; border:none; color:#e7ebf2; font-size:13.5px; font-weight:500;
    padding:13px 18px; white-space:nowrap; transition:background .2s ease;
  }
  .nav-list > li:first-child > a{ background:var(--accent); color:#fff; }
  .nav-list > li > a:hover, .nav-list > li > button:hover{ background:rgba(255,255,255,.08); }
  .nav-list .dropdown{
    position:absolute; top:100%; left:0; background:var(--surface); border:1px solid var(--line); border-radius:0 0 6px 6px;
    min-width:200px; box-shadow:0 18px 34px -12px rgba(10,20,40,.25); padding:8px 0;
    opacity:0; visibility:hidden; transform:translateY(-6px); transition:all .18s ease; z-index:50;
  }
  .nav-list > li:hover .dropdown{ opacity:1; visibility:visible; transform:translateY(0); }
  .nav-list .dropdown a{ display:block; padding:9px 18px; font-size:13.5px; color:var(--text); }
  .nav-list .dropdown a:hover{ background:var(--bg); color:var(--accent); }
  @media(max-width:860px){ .main-nav{ display:none; } }

  /* Mobile drawer */
  .mobile-drawer{
    position:fixed; top:0; right:0; height:100vh; width:min(300px,84vw); background:var(--surface);
    z-index:400; transform:translateX(100%); transition:transform .3s ease; padding:20px; overflow-y:auto;
  }
  .mobile-drawer.open{ transform:translateX(0); }
  .mobile-drawer h4{ font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--text-dim); margin:18px 0 8px; }
  .mobile-drawer a{ display:block; padding:10px 0; border-bottom:1px solid var(--line); font-size:14.5px; color:var(--text); }
  .drawer-close{ background:none; border:1px solid var(--line); border-radius:50%; width:34px; height:34px; }
  .nav-scrim{ display:none; position:fixed; inset:0; background:rgba(10,15,25,.5); z-index:350; opacity:0; transition:opacity .3s ease; }
  .nav-scrim.open{ display:block; opacity:1; }

  /* ---------- HERO BANNER ---------- */
  .banner-section{ padding:20px 0; }
  .banner-grid{ display:grid; grid-template-columns:2.3fr 1fr; gap:14px; }
  @media(max-width:900px){ .banner-grid{ grid-template-columns:1fr; } }
  .banner-main{
    position:relative; border-radius:8px; overflow:hidden; min-height:260px;
    background:linear-gradient(120deg,#fbeed6,#f3d9ae 60%,#eccb92); display:flex; align-items:center; justify-content:center;
    text-align:center; padding:30px;
  }
  .banner-main .eyebrow-badge{ font-family:var(--font-display); font-style:italic; color:var(--accent); font-size:15px; margin-bottom:10px; }
  .banner-main h2{ font-family:var(--font-display); font-weight:700; font-size:clamp(26px,4vw,40px); color:var(--navy); }
  .banner-main h2 span{ color:var(--accent); }
  .banner-main p{ margin-top:10px; color:#6b5a3a; font-size:14px; max-width:420px; margin-left:auto; margin-right:auto; }
  .banner-side{ display:flex; flex-direction:column; gap:14px; }
  .banner-tile{
    border-radius:8px; min-height:120px; display:flex; align-items:center; padding:20px; color:#fff; position:relative; overflow:hidden;
  }
  .banner-tile.tile-1{ background:linear-gradient(120deg,#123a3a,#1e5c53); }
  .banner-tile.tile-2{ background:linear-gradient(120deg,#5a3a24,#7a5230); }
  .banner-tile h3{ font-family:var(--font-display); font-size:17px; font-weight:600; }
  .banner-tile p{ font-size:12px; opacity:.85; margin-top:4px; }

  /* ---------- SECTION SHELL ---------- */
  .shop-section{ padding:52px 0; }
  .shop-section h2{ font-family:var(--font-display); font-weight:700; font-size:clamp(22px,2.6vw,30px); text-align:center; color:var(--navy); }
  .tab-toggle{ display:flex; justify-content:center; margin:22px 0 32px; }
  .tab-btn{
    background:var(--surface); border:1.5px solid var(--navy); color:var(--navy); font-size:13.5px; font-weight:600;
    padding:9px 22px;
  }
  .tab-btn:first-child{ border-radius:5px 0 0 5px; }
  .tab-btn:last-child{ border-radius:0 5px 5px 0; border-left:none; }
  .tab-btn.active{ background:var(--navy); color:#fff; }

  /* ---------- PRODUCT CAROUSEL ---------- */
  .carousel-wrap{ position:relative; }
  .carousel{
    display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px;
  }
  .carousel::-webkit-scrollbar{ display:none; }
  .carousel-arrow{
    position:absolute; top:40%; transform:translateY(-50%); background:var(--surface); border:1px solid var(--line);
    width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--navy);
    box-shadow:0 6px 16px -6px rgba(10,20,40,.25); z-index:10;
  }
  .carousel-arrow.prev{ left:-8px; } .carousel-arrow.next{ right:-8px; }
  @media(max-width:720px){ .carousel-arrow{ display:none; } }

  .product-card{
    scroll-snap-align:start; flex:0 0 auto; width:220px; background:var(--surface); border:1px solid var(--line); border-radius:8px;
    padding:16px; display:flex; flex-direction:column; transition:box-shadow .2s ease, transform .2s ease;
  }
  .product-card:hover{ box-shadow:0 16px 30px -14px rgba(10,20,40,.2); transform:translateY(-2px); }
  .card-top{ display:flex; justify-content:space-between; align-items:center; font-size:11px; margin-bottom:10px; }
  .badge-choice{ color:var(--text-dim); display:flex; align-items:center; gap:4px; }
  .badge-stock{ color:var(--green); font-weight:600; }
  .badge-stock.out{ color:var(--accent); }
  .card-media{
    height:130px; border-radius:50%; width:130px; margin:4px auto 14px; display:flex; align-items:center; justify-content:center;
    /* background:radial-gradient(circle at 34% 30%,#f4f6f7,#cfd3d7 45%,#9ba0a5 72%,#cfd3d7 100%);
    box-shadow:inset 0 0 0 5px rgba(0,0,0,.06), inset 0 0 0 6px rgba(255,255,255,.3); */
  }
  .card-media span{ font-family:var(--font-display); font-style:italic; color:#3a3d40; font-size:22px; }
  .card-meta{ display:flex; gap:12px; font-size:11.5px; color:var(--text-dim); margin-bottom:8px; }
  /* .card-title{ font-size:13.5px; font-weight:600; line-height:1.4; margin-bottom:8px; min-height:38px; } */
  .card-title {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px;
    min-height: 38px;
}

.card-title a {
    color: inherit;
    text-decoration: none;
}

.card-title a:hover {
    color: inherit;
    text-decoration: none;
}
  .card-compare{ display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--text-dim); margin-bottom:12px; }
  .card-price{ font-family:var(--font-mono); font-weight:600; font-size:16px; color:var(--accent); }

  .view-all-wrap{ text-align:center; margin-top:30px; }
  .btn-outline{
    display:inline-block; border:1.5px solid var(--navy); color:var(--navy); font-size:13.5px; font-weight:600;
    padding:11px 30px; border-radius:5px; background:transparent; transition:all .2s ease;
  }
  .btn-outline:hover{ background:var(--navy); color:#fff; }

  /* ---------- CATEGORIES ---------- */
  .category-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
  @media(max-width:760px){ .category-grid{ grid-template-columns:repeat(2,1fr); } }
  .category-card{
        background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 30px 14px;
    text-align: center;
    transition: box-shadow .2s ease, transform .2s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .category-card {
        background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 30px 14px;
    text-align: center;
    transition: box-shadow .2s ease, transform .2s ease;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .category-card:hover{ box-shadow:0 16px 30px -16px rgba(10,20,40,.2); transform:translateY(-2px); background-color: var(--navy-2); }
  .category-card .cicon{ width:44px; height:44px; margin:0 auto 14px; color:var(--navy); }
  .category-card span{ font-size:13.5px; font-weight:600; color:var(--navy); }
.category-card:hover .cicon,
.category-card:hover span {
    color: #fff;
}
  /* ---------- TESTIMONIALS ---------- */
  .testimonial-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media(max-width:900px){ .testimonial-grid{ grid-template-columns:repeat(2,1fr); } }
  @media(max-width:560px){ .testimonial-grid{ grid-template-columns:1fr; } }
  .t-card{ background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:22px; }
  .t-head{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
  .t-avatar{
    width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    font-family:var(--font-display); font-weight:600; color:#fff; font-size:15px; flex-shrink:0;
  }
  .t-head strong{ display:block; font-size:14px; }
  .t-head span{ font-size:11.5px; color:var(--text-dim); }
  .t-card p{ font-size:13px; color:var(--text-dim); line-height:1.65; }

  /* ---------- PROMO TILES ---------- */
  .promo-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  @media(max-width:820px){ .promo-grid{ grid-template-columns:1fr; } }
  .promo-tile{ border-radius:8px; padding:30px; min-height:140px; display:flex; flex-direction:column; justify-content:center; }
  .promo-tile.p1{ background:#dfe7ee; color:var(--navy); }
  .promo-tile.p2{ background:linear-gradient(120deg,#c97a3a,#a85d24); color:#fff; }
  .promo-tile.p3{ background:linear-gradient(120deg,#1a2233,#12182a); color:#fff; }
  .promo-tile h3{ font-family:var(--font-display); font-weight:700; font-size:19px; margin-bottom:6px; }
  .promo-tile p{ font-size:12.5px; opacity:.85; margin-bottom:16px; max-width:220px; }
  .promo-cta{ align-self:flex-start; background:#f4b73a; color:#1a1a1a; font-size:12.5px; font-weight:700; padding:9px 18px; border-radius:4px; border:none; }

  /* ---------- FOOTER ---------- */
  footer{ background:var(--navy); color:#c7cedb; padding-top:52px; }
  .footer-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:36px; padding-bottom:34px; }
  @media(max-width:760px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
  .footer-grid h4{ color:#fff; font-size:13px; letter-spacing:.05em; text-transform:uppercase; margin-bottom:16px; }
  .footer-grid ul{ list-style:none; display:flex; flex-direction:column; gap:10px; }
  .footer-grid a{ font-size:13.5px; color:#a9b2c2; transition:color .2s ease; }
  .footer-grid a:hover{ color:#fff; }
  .footer-grid p{ font-size:13.5px; color:#a9b2c2; line-height:1.6; }
  .payment-row{ display:flex; gap:8px; margin-top:14px; }
  .payment-row .pchip{ background:#fff; border-radius:3px; padding:5px 8px; font-size:10px; font-weight:700; color:var(--navy); }
  .newsletter-foot{ display:flex; margin-top:16px; max-width:280px; border:1px solid #2c3d5c; border-radius:5px; overflow:hidden; }
  .newsletter-foot input{ flex:1; background:transparent; border:none; padding:10px 12px; color:#fff; font-size:13px; }
  .newsletter-foot input::placeholder{ color:#7c869a; }
  .newsletter-foot input:focus{ outline:none; }
  .newsletter-foot button{ background:var(--accent); border:none; color:#fff; padding:0 14px; }
  .footer-bottom{
    border-top:1px solid #24304a; margin-top:10px; padding:18px 0; display:flex; justify-content:space-between;
    font-size:12px; color:#8a93a6; flex-wrap:wrap; gap:10px;
  }
  .fa-brands:before, .fa-regular:before, .fa-solid:before, .fa:before, .fab:before, .far:before, .fas:before {
    content: var(--fa) unset !important;
}
/* CHEK CHECK OUT  */
#place_order.astugold-order-loading {
    opacity: .75;
    cursor: wait;
    position: relative;
}

#place_order.astugold-order-loading::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 9px;
    vertical-align: -2px;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: astugold-spin .7s linear infinite;
}

@keyframes astugold-spin {
    to {
        transform: rotate(360deg);
    }
}
/* WooCommerce Checkout Coupon */

/* Coupon input */
#woocommerce-checkout-form-coupon .form-row-first {
    width: 55%;
    margin: 0 !important;
    float: none !important;
}

/* Input */
#woocommerce-checkout-form-coupon #coupon_code {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
}

/* Button */
#woocommerce-checkout-form-coupon button[name="apply_coupon"] {
    height: 48px;
    padding: 0 28px;
    white-space: nowrap;
}
/* WooCommerce Checkout Coupon */
#woocommerce-checkout-form-coupon {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 20px;
    flex-wrap: nowrap;
}

/* Coupon input */
#woocommerce-checkout-form-coupon .form-row-first {
    width: 55%;
    margin: 0 !important;
    float: none !important;
}

/* Apply button */
#woocommerce-checkout-form-coupon .form-row-last {
    width:100% !important;
    margin: 0 !important;
    float: none !important;
    text-align: end;

}

/* Input */
#woocommerce-checkout-form-coupon #coupon_code {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
}

/* Button */
#woocommerce-checkout-form-coupon button[name="apply_coupon"] {
    height: 48px;
    padding: 0 28px;
    white-space: nowrap;
}@media (max-width: 600px) {

    #woocommerce-checkout-form-coupon {
        flex-wrap: wrap;
        gap: 12px;
    }

    #woocommerce-checkout-form-coupon .form-row-first {
        width: 100%;
    }

    #woocommerce-checkout-form-coupon .form-row-last {
        width: 100%;
    }

    #woocommerce-checkout-form-coupon button[name="apply_coupon"] {
        width: 100%;
    }
}
.woocommerce-checkout form.checkout {
    max-width: 100% !important;
    margin: 0 auto 60px;
}
#order_review .order-total .amount{
  color:  var(--navy) !important;
}
/* END CHECK OUT  */
/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

    /* Remove desktop spacing */
    .woocommerce-checkout form.checkout {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 12px !important;
    }


    /* Checkout heading */
    .woocommerce-checkout h1,
    .woocommerce-checkout h2,
    .woocommerce-checkout h3 {
        max-width: 100%;
        word-wrap: break-word;
    }


    /* =========================
       COUPON
    ========================= */

    #woocommerce-checkout-form-coupon {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: center !important;

        gap: 10px !important;

        margin: 0 0 20px 0 !important;
        padding: 12px !important;
    }

    #woocommerce-checkout-form-coupon
    .form-row-first,

    #woocommerce-checkout-form-coupon
    .form-row-last {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
    }

    #woocommerce-checkout-form-coupon
    #coupon_code {
        width: 100% !important;
        max-width: 100% !important;

        height: 46px;
    }

    #woocommerce-checkout-form-coupon
    button {
        width: 100% !important;
        height: 46px;

        margin: 0 !important;
    }


    /* =========================
       BILLING
    ========================= */

    #customer_details {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #customer_details .col-1,
    #customer_details .col-2 {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Every WooCommerce field */

    .woocommerce-checkout
    .form-row,

    .woocommerce-checkout
    .form-row-first,

    .woocommerce-checkout
    .form-row-last,

    .woocommerce-checkout
    .form-row-wide {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;
        clear: both !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* =========================
       INPUTS
    ========================= */

    .woocommerce-checkout
    input.input-text,

    .woocommerce-checkout
    select,

    .woocommerce-checkout
    textarea {

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

        min-width: 0 !important;

        font-size: 16px !important;

        padding: 10px 12px;

        border-radius: 3px;
    }


    .woocommerce-checkout
    textarea {
        min-height: 110px;
    }


    /* =========================
       SHIPPING
    ========================= */

    .woocommerce-shipping-fields,
    .woocommerce-additional-fields {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* =========================
       ORDER REVIEW
    ========================= */

    #order_review,
    #order_review_heading {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    #order_review table.shop_table {
        width: 100% !important;
        max-width: 100% !important;

        table-layout: fixed;
        margin: 0 !important;
    }


    #order_review table.shop_table
    th,
    #order_review table.shop_table
    td {

        padding: 9px 7px !important;

        font-size: 12px;

        word-break: break-word;
        overflow-wrap: anywhere;
    }


    #order_review table.shop_table
    th:first-child,

    #order_review table.shop_table
    td:first-child {

        width: 65% !important;
    }


    #order_review table.shop_table
    th:last-child,

    #order_review table.shop_table
    td:last-child {

        width: 35% !important;

        text-align: right;
    }


    /* =========================
       PAYMENT
    ========================= */

    #payment {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 10px !important;
    }


    #payment ul.payment_methods {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #payment .wc_payment_method {
        width: 100% !important;

        padding: 12px !important;

        margin-bottom: 2px;
    }


    /* =========================
       PLACE ORDER
    ========================= */

    #place_order {
        display: block !important;

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

        min-height: 48px;

        margin: 15px 0 0 0 !important;

        font-size: 15px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .woocommerce-checkout form.checkout {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .woocommerce-checkout h3 {
        font-size: 19px !important;
    }


    .woocommerce-checkout
    input.input-text,

    .woocommerce-checkout
    select,

    .woocommerce-checkout
    textarea {

        font-size: 16px !important;
    }


    #order_review table.shop_table
    th,
    #order_review table.shop_table
    td {

        padding: 8px 5px !important;

        font-size: 11px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

    .woocommerce-checkout form.checkout {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #payment {
        padding: 8px !important;
    }

    #order_review table.shop_table
    th,
    #order_review table.shop_table
    td {

        font-size: 10px;
        padding: 7px 4px !important;
    }

}
.post-11{
  width: 100% !important;
}
table td, table th{
  border: none !important;
}
.col-price, .col-subtotal {
    text-align: left !important;
}
.woocommerce-Price-amount{
  color: var(--navy);
   font-weight: 700;
}
.comments-area a, .page-content a {
    text-decoration:none !important;
}
/* testimonial */
.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media (max-width: 992px) {
    .testimonial-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .testimonial-grid {
        grid-template-columns: 1fr;
    }
}

.testimonial-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 24px 22px;
    position: relative;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
    border: 1px solid #eef0f5;
}

.testimonial-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.testimonial-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #eef1f8;
}

.testimonial-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-name {
    font-weight: 700;
    font-size: 17px;
    color: #1a3a6b;      /* deep navy blue */
    line-height: 1.3;
}

.testimonial-location {
    font-size: 14px;
    color: #94a0b3;      /* muted gray-blue */
    margin-top: 2px;
}

.testimonial-quote-icon {
    position: absolute;
    top: 20px;
    right: 22px;
    font-size: 28px;
    color: #e3e7f0;      /* light gray quote mark */
}

.testimonial-text {
    font-size: 15px;
    line-height: 1.7;
    color: #4a5568;      /* soft dark gray body text */
}

.shop-section {
    background: #f4f6fb;   /* light lavender section background */
    padding: 48px 0;
}
.shop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    background: var(--navy);
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
  }

  .shop-btn:hover {
    background: var(--gold);
    color: #fff;
  }
  .balance-icon {
    width: 15px;
    height: 15px;
}
.card-meta span {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
.woocommerce-breadcrumb{
    display: none !important;
}
/* .sv-pre-book {
    width: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
} */
.sv-pre-book {
    padding: 6px 12px !important;
    font-size: 12px !important;
}