/* ==========================================================================
   SKT Lace — Responsive Stylesheet
   --------------------------------------------------------------------------
   Breakpoints
     >= 1025px ............ Desktop: keep horizontal menu, hide hamburger
     <= 1200px ............ Large laptop: container gutter + tighter sidebar
     <= 1024px ............ Tablet / iPad: collapsed nav, stacked content
      768px – 1024px ...... iPad portrait fine-tuning
     <= 767px ............. Phones: single column everywhere
     <= 479px ............. Small phones
     landscape ........... Phone landscape tweaks
     reduced motion ...... Accessibility
   ========================================================================== */
body { overflow-x: hidden; }

img, picture, video, canvas, svg, iframe { max-width: 100%; }

/* Long words, URLs and inline code must not blow out a narrow column. */
.entry-content,
.entry-summary,
.comment-content,
.widget,
.footer,
.postmeta {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Embedded media stays inside the content column. */
.wp-block-embed__wrapper iframe,
.entry-content iframe,
.entry-content embed,
.entry-content object {
    max-width: 100%;
}


/* ==========================================================================
   Desktop fine-tuning ( >= 1025px )
   ========================================================================== */
@media screen and (min-width: 1025px) {

    /* Keep the primary menu horizontal and the hamburger / carets hidden. */
    .menu-toggle,
    .main-navigation .dropdown-toggle {
        display: none !important;
    }

    .main-navigation > ul {
        display: flex !important;
    }

    /* Last menu item: flip the dropdown so it can't run off the viewport. */
    .main-navigation > ul > li:last-child > ul,
    .main-navigation > div > ul > li:last-child > ul {
        left: auto;
        right: 0;
    }

    .main-navigation > ul > li:last-child ul ul,
    .main-navigation > div > ul > li:last-child ul ul {
        left: auto;
        right: 100%;
        transform: translateX(-8px);
    }

    .main-navigation > ul > li:last-child ul li:hover > ul,
    .main-navigation > ul > li:last-child ul li.focus > ul,
    .main-navigation > ul > li:last-child ul li:focus-within > ul {
        transform: translateX(0);
    }
}


/* ==========================================================================
   Large laptop container squeeze ( <= 1200px )
   --------------------------------------------------------------------------
   style.css gives .container `padding: 0`, so below the 1200px max-width the
   content would touch the viewport edges. Add a consistent gutter here and
   carry it down through the smaller breakpoints.
   ========================================================================== */
@media screen and (max-width: 1200px) {

    :root { --sps-gap: 34px; }

    .container {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    .head-bar > .container,
    .header-topbar .container {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    #sidebar {
        flex-basis: 290px;
        width: 290px;
        max-width: 290px;
    }

    .header-topbar .left {
        margin: 0 0 0 220px;
    }

    .header-topbar .adrtp,
    .header-topbar .phntp,
    .header-topbar .emltp {
        padding: 15px 10px 15px 0;
    }

    .header > .container,
    .head-bar > .container {
        flex-wrap: nowrap;
    }

    body.wp-custom-logo .logo {
        padding-bottom: 0px !important;
    }

    /* The nav is `flex-wrap: nowrap` — tighten it so it can't overflow. */
    .main-navigation a {
        padding: 15px 12px;
        font-size: 17px;
    }

    .header-parts { height: 92px; }
    .header-sac { gap: 20px; }
}


/* ==========================================================================
   Tablet and below ( <= 1024px ) — collapsed navigation
   ========================================================================== */
@media (max-width: 1024px) {

    .header-topbar .container {
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 0;
        min-height: 0;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .header-topbar .left {
        margin-left: 0;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 18px;
    }

    .header-topbar .adrtp,
    .header-topbar .phntp,
    .header-topbar .emltp {
        border-right: 0;
        padding: 4px 0;
        font-size: 15px;
    }

    .header-topbar .right { margin-left: auto; }

    .social-icons {
        flex-wrap: wrap;
        gap: 8px;
        margin-left: 0px;
    }

    .social-icons a {
        width: 40px;
        height: 40px;
    }

    body.wp-custom-logo .logo { padding: 14px 20px !important; }

    .logo {
        margin-top: 0;
        margin-right: auto;
        width: auto;
        max-width: 220px;
        height: auto;
        min-height: 0;
        padding: 8px 14px;
        border-radius: var(--sps-radius);
        display: inline-flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .logo::before { display: none; }

    /* ---------- Header parts row: shorter, still centre-aligned logo ---------- */
    .header-parts {
        height: auto;
        min-height: 80px;
        flex-wrap: nowrap;
        gap: 12px;
        padding: 10px 0;
    }

    .header-sac {
        gap: 18px;
    }

    .header-social { flex: 0 0 auto; }

    /* Search drawer drops below the icon row instead of overlapping it. */
    .header-sac .search-form,
    body.woocommerce .header-sac .search-form {
        top: calc(100% + 12px);
        right: 0;
        left: auto;
        min-width: 280px;
    }

    /* ---------- Header row wraps; logo left, hamburger / CTA right ---------- */
    .header > .container,
    .head-bar > .container,
    .header-inner {
        flex-wrap: wrap;
        gap: 14px;
        padding-top: 12px;
        padding-bottom: 12px;
        min-height: 0;
    }

    .srcrt {
        order: 2;
        flex: 0 0 auto;
    }

    #navigation {
        flex: 0 0 auto;
        justify-content: flex-end;
        order: 3;
    }

    #navigation,
    .main-navigation { position: static; }

    /* Nav bar becomes the hamburger strip. */
    .navigbar { padding: 8px 0; }

    .navigbar .container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .main-navigation {
        justify-content: flex-end;
    }

    .menu-toggle { display: inline-flex; }

    /* ---------- Slide-down panel ---------- */
    .main-navigation > ul {
        display: none;
        position: absolute;
        top: calc(100% + 10px);
        left: 24px;
        right: 24px;
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        background: var(--sps-surface);
        border: 1px solid var(--sps-line);
        border-radius: var(--sps-radius);
        box-shadow: var(--sps-shadow);
        padding: 12px;
        max-height: 72vh;
        overflow-y: auto;
        z-index: 999;
    }

    .main-navigation.toggled > ul { display: flex; }

    .main-navigation > ul > li,
    .main-navigation li { width: 100%; }

    .main-navigation > ul > li + li { border-top: 1px solid var(--sps-line); }

    .main-navigation a {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 46px;
        justify-content: flex-start;
        border-radius: var(--sps-radius-sm);
        padding: 11px 14px;
        font-size: 17px;
    }

    .main-navigation a:hover,
    .main-navigation a:focus,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_item > a {
        background: var(--sps-accent-tint);
        color: var(--sps-accent-deep);
    }

    /* Sub-menus expand inline beneath their parent on tap. */
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: static;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        min-width: 0;
        width: 100%;
        margin: 2px 0 2px 12px;
        padding: 4px 0 4px 12px;
        border: 0;
        border-left: 2px solid var(--sps-accent-soft);
        border-radius: 0;
        box-shadow: none;
        display: none;
        background: transparent;
    }

    .main-navigation li.dropdown-open > ul { display: block; }

    .main-navigation ul ul a { min-height: 42px; font-size: 15.5px; }

    .main-navigation ul ul a:hover,
    .main-navigation ul ul a:focus {
        background: var(--sps-accent-tint);
        color: var(--sps-accent-deep);
    }

    .main-navigation .dropdown-toggle { display: flex; }

    .primary-menu > .menu-item-has-children > a::after,
    .main-navigation > div > ul > .menu-item-has-children > a::after,
    .main-navigation > ul > .menu-item-has-children > a::after,
    .main-navigation ul ul .menu-item-has-children > a::after {
        display: none;
    }

    /* ---------- Content + sidebar stack into one column ---------- */
    .page_content,
    body.home .page_content {
        flex-direction: column;
        gap: 0;
        padding: 36px 0 46px;
    }

    .site-main,
    #sidebar {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }

    /* Reset the desktop negative right margin so the sidebar can't overflow. */
    #sidebar {
        margin: 10px 0 0;
    }

    /* ---------- Inner banner ---------- */
    .inner-banner-thumb { min-height: 240px; }
    .inner-banner-thumb .banner-container { padding: 50px 24px; }

    /* ---------- WooCommerce: product loop becomes a 3-up grid ---------- */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin: 0 0 26px;
        padding: 0;
        list-style: none;
    }

    .woocommerce ul.products::before,
    .woocommerce ul.products::after,
    .woocommerce-page ul.products::before,
    .woocommerce-page ul.products::after {
        display: none;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important;
        float: none !important;
        clear: none !important;
    }

    /* ---------- Footer: four columns become two ---------- */
    .rfl-row .cols-3 {
        flex: 1 1 calc(50% - 15px);
        min-width: 0;
    }

    .footerlight.container {
        padding: 44px 32px 0;
        border-radius: 22px;
    }

}
/* ==========================================================================
   iPad portrait ( 768px – 1024px )
   ========================================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    .inner-banner-thumb { min-height: 220px; }
    .inner-banner-thumb .banner-container { padding: 48px 24px; }

    /* Roomier post cards on tablet. */
    .blog-post article,
    .site-main > article { padding: 28px 30px 30px; }

    .post-thumb { margin: -28px -30px 22px; }

    /* Sidebar widgets sit side by side once the sidebar goes full width. */
    #sidebar {
        display: flex;
        flex-wrap: wrap;
        gap: 0 26px;
    }

    #sidebar .widget {
        flex: 1 1 calc(50% - 13px);
        min-width: 0;
    }
}


/* ==========================================================================
   Phones ( <= 767px ) — single column everywhere
   ========================================================================== */
@media screen and (max-width: 767px) {


    body { font-size: 16px; }

    :root { --sps-icon-size: 40px; }

    .container,
    .head-bar > .container,
    .header-topbar .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    /* ---------- TOP BAR: stack into a clean column ---------- */
    .header-topbar { padding-top: 0; }

    .header-topbar .container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        min-height: 0;
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: var(--sps-radius);
    }

    .header-topbar .left {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        margin-left: 0;
    }

    .header-topbar .adrtp,
    .header-topbar .phntp,
    .header-topbar .emltp {
        border-right: 0;
        padding: 2px 0;
        font-size: 15px;
    }

    .header-topbar .right {
        width: 100%;
        margin-left: 0;
    }

    /* ---------- SOCIAL ICONS: full-width row, left aligned ---------- */
    .social-icons,
    .header-topbar .social-icons {
        width: 100%;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 8px;
        margin-right: 0;
    }

    .social-icons a {
        width: 35px;
        height: 35px;
    }

    /* ---------- Header card ---------- */
    .header { padding: 0; }

    .head-bar > .container,
    .header-inner {
        padding: 0 16px;
        border-radius: var(--sps-radius);
    }

    /* Header parts unstack: logo on its own centred row, icons beneath. */
    .header-parts {
        height: auto;
        min-height: 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        padding: 14px 0;
    }

    .header-logo {
        position: static;
        left: auto;
        transform: none;
        order: 1;
        flex: 1 1 100%;
        display: flex;
        justify-content: center;
    }

    .header-social {
        order: 2;
        justify-content: left;
    }

    .header-sac {
        order: 3;
        flex: 1 1 auto;
        justify-content: right;
        gap: 22px;
    }

    /* Search drawer spans the header instead of overflowing off-screen. */
    .header-sac .search-form,
    body.woocommerce .header-sac .search-form {
        top: calc(100% + 10px);
        left: 0;
        right: 0;
        min-width: 0;
        width: 100%;
    }

    .header-sac .search-field {
        width: 100%;
        flex: 1 1 auto;
    }

    .logo {
        max-width: 180px;
        padding: 12px 22px;
        margin-right: 0;
    }

    .logo img,
    .custom-logo { max-height: 48px; }

    .site-title,
    .logo p.site-title { font-size: 26px; }

    #navigation { order: 2; width: 100%; }

    .srcrt {
        order: 4;
        width: 100%;
        margin-left: 0;
    }

    .skt-header-button {
        width: 100%;
        justify-content: center;
    }

    /* Mobile nav panel hugs the smaller gutter. */
    .main-navigation > ul {
        left: 18px;
        right: 18px;
    }

    /* ---------- Banner ---------- */
    .inner-banner-thumb {
        min-height: 168px;
    }

    .inner-banner-thumb .banner-container { padding: 40px 18px; }

    /* ---------- Post cards: tighter padding, matching thumb bleed ---------- */
    .blog-post article,
    .site-main > article {
        padding: 22px 20px 24px;        
    }

    .post-thumb { margin: -22px -20px 18px; }

    #sitefull article.hentry { padding: 0; }

    .page_content,
    body.home .page_content { padding: 28px 0 40px; }

    .page-header,
    .no-results,
    .error-404,
    .comments-area {
        padding: 22px 20px;
        border-radius: var(--sps-radius);
    }

    /* ---------- Sidebar widgets ---------- */
    #sidebar .widget,
    .widget {
        padding: 20px 20px 22px;
        margin: 0 0 20px;
    }

    #sidebar h2,
    #sidebar h3,
    #sidebar h4,
    #sidebar .widget-title {
        font-size: 19px;
    }

    .widget_calendar table { font-size: 13px; }
    .widget_calendar th,
    .widget_calendar td { padding: 4px; }

    /* ---------- Comments ---------- */
    .comment-body { padding: 16px 16px; }

    .comment-author {
        flex-wrap: wrap;
        gap: 8px;
    }

    .comments-title,
    .comment-reply-title { font-size: 21px; }

    /* Comment form: single column. */
    .comment-form .comment-form-author,
    .comment-form .comment-form-email { flex: 1 1 100%; }

    .comment-list .children { margin-left: 14px; padding-left: 12px; }

    /* Pagination shrinks. */
    .page-numbers,
    .post-page-numbers {
        min-width: 42px;
        height: 42px;
        padding: 0 12px;
    }

    .post-navigation { padding: 16px 18px; }
    .post-navigation .nav-links { flex-direction: column; align-items: flex-start; gap: 8px; }

    /* ---------- Long-form content elements ---------- */
    blockquote,
    .wp-block-quote,
    .is-style-skt-lace-plain {
        padding: 16px 18px;
        font-size: 17px;
    }

    pre {
        padding: 16px 16px;
        font-size: 13.5px;
    }

    /* Wide tables scroll horizontally rather than breaking the layout. */
    table,
    .entry-content table,
    .wp-block-table table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        font-size: 14px;
    }

    th, td { padding: 10px 12px; }

    /* Gutenberg columns stack. */
    .wp-block-columns { flex-wrap: wrap !important; }
    .wp-block-column { flex-basis: 100% !important; margin-left: 0 !important; }

    /* ---------- WooCommerce ---------- */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product { padding: 12px; }

    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px; }
    .woocommerce ul.products li.product .price { font-size: 16px; }

    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce #respond input#submit,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt {
        padding: 11px 18px;
        font-size: 14px;
    }

    /* Single product: gallery above summary. */
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary,
    .woocommerce #content div.product div.images,
    .woocommerce #content div.product div.summary {
        width: 100%;
        float: none;
        margin-bottom: 22px;
    }

    /* Product tabs stack vertically. */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        padding: 0;
        margin-bottom: 18px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        display: block;
        width: 100%;
        margin: 0 0 4px;
        border-radius: 0;
    }

    /* Cart / checkout / account: two-column sets become one. */
    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-1,
    .woocommerce-page .col2-set .col-2,
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content,
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .woocommerce-MyAccount-navigation ul { padding: 0; margin: 0; list-style: none; }
    .woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid var(--sps-line); }
    .woocommerce-MyAccount-navigation ul li a { display: block; padding: 10px 0; }

    /* Order / cart tables keep their own scroll area. */
    .woocommerce table.shop_table,
    .woocommerce table.cart,
    .woocommerce-page table.shop_table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 14px;
    }

    body.woocommerce-cart .wc-block-cart-items th { padding: 10px 12px; }

    .woocommerce .quantity .qty { width: 4em; }

    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error {
        padding: 14px 16px 16px 46px;
        font-size: 15px;
    }

    body.single-product .related.products h2 { font-size: 20px; }

    /* ---------- Footer: single column, centered ---------- */
    .footerinfobox,
    .o-footer__container .container {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .footer .social-icons,
    .c-social-icons {
        justify-content: center;
        flex-wrap: wrap;
    }

    .rfl-row { gap: 22px; }
    .rfl-row .cols-3 { flex: 1 1 100%; min-width: 0; }
    .footer.ftr-widg { padding: 34px 0 22px; }

    .footerlight.container {
        padding: 30px 20px 0;
        border-radius: 18px;
    }

    .footer .widget-title,
    .footer h1, .footer h2, .footer h3,
    .footer h4, .footer h5, .footer h6 { font-size: 19px; }

    .copyright-wrapper .container {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .copyright-txt { font-size: 13.5px; }

    /* Alignments collapse on narrow screens. */
    .alignleft,
    .alignright {
        float: none;
        display: block;
        margin: 16px auto;
    }

    .alignwide {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .cols-3 { margin-bottom: 0px; }
}


/* ==========================================================================
   Small phones ( <= 479px )
   ========================================================================== */
@media screen and (max-width: 479px) {

    .container,
    .head-bar > .container,
    .header-topbar .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    h1 { font-size: 30px; }
    h2 { font-size: 25px; }

    .header-topbar { font-size: 14px; }

    .header-topbar .adrtp,
    .header-topbar .phntp,
    .header-topbar .emltp { font-size: 14px; }

    .social-icons a {
        width: 35px;
        height: 35px;
    }

    .logo { max-width: 160px; }

    .site-title,
    .logo p.site-title { font-size: 26px; }

    .header-sac { gap: 16px; }

    /* Nav panel hugs the 16px gutter. */
    .main-navigation > ul {
        left: 16px;
        right: 16px;
    }

    .blog-post article,
    .site-main > article { padding: 20px 16px 22px; }

    .post-thumb { margin: -20px -16px 16px; }

    .entry-title { font-size: 22px; }
    .single-post .entry-content { font-size: 16px; }

    .inner-banner-thumb { min-height: 150px; }
    .inner-banner-thumb .banner-container { padding: 34px 16px; }
    .inner-banner-thumb .banner-container h1 { font-size: 26px; }

    .search-form,
    .wp-block-search__inside-wrapper { flex-direction: column; }

    .search-submit,
    .wp-block-search__button { width: 100%; }

    /* The header drawer keeps its inline layout, only the page search stacks. */
    .header-sac .search-form { flex-direction: row; }
    .header-sac .search-submit { width: auto; }

    /* Widgets and comments tighten up further. */
    #sidebar .widget,
    .widget { padding: 18px 16px 20px; }

    .comment-body { padding: 14px 14px; }
    .comment-list .children { margin-left: 10px; padding-left: 10px; }

    .page-numbers,
    .post-page-numbers {
        min-width: 38px;
        height: 38px;
        padding: 0 10px;
    }

    /* WooCommerce drops to a single product per row. */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .woocommerce-Address-title h2 { font-size: 15px; }
    .woocommerce-Tabs-panel h2 { font-size: 18px; }

    blockquote,
    .wp-block-quote,
    .is-style-skt-lace-plain { font-size: 16px; padding: 14px 16px; }

    .footerlight.container { padding: 0 20px 0; }
}


/* ==========================================================================
   Phone landscape
   ========================================================================== */
@media screen and (max-width: 900px) and (orientation: landscape) {

    .main-navigation > ul { max-height: 64vh; }
}


/* ==========================================================================
   RTL responsive corrections
   ========================================================================== */
@media (max-width: 1200px) {

    .rtl .header-topbar .left { margin: 0 220px 0 0; }
}

@media (max-width: 1024px) {

    .rtl .header-topbar .left { margin-right: 0; margin-left: 0; }
    .rtl .header-topbar .right { margin-left: 0; margin-right: auto; }

    .rtl .logo { margin-right: 0; margin-left: auto; }

    .rtl .main-navigation {
        margin: 0 auto 0 0;
        justify-content: flex-start;
    }

    .rtl .navigbar .container { justify-content: flex-start; }

    .rtl #navigation { justify-content: flex-start; }

    .rtl .main-navigation ul ul,
    .rtl .main-navigation ul ul ul {
        left: auto;
        right: auto;
        margin: 2px 12px 2px 0;
        padding: 4px 12px 4px 0;
        border-left: 0;
        border-right: 2px solid var(--sps-accent-soft);
    }

    .rtl .main-navigation a { justify-content: flex-start; }

    .rtl .main-navigation .dropdown-toggle { right: auto; left: 3px; }
}

@media (max-width: 767px) {

    .rtl .social-icons,
    .rtl .header-topbar .social-icons { justify-content: flex-start; }

    .rtl .comment-list .children { margin-left: 0; margin-right: 14px; padding-left: 0; padding-right: 12px; }

    .rtl .wp-block-column { margin-right: 0 !important; }
}


/* ==========================================================================
   Accessibility — respect reduced-motion preferences
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {

    html { scroll-behavior: auto; }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .woocommerce ul.products li.product:hover,
    .woocommerce a.button:hover,
    .woocommerce button.button:hover { transform: none; }
}