/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2026 | 09:31:38 */
.wiz-search-modal__file-name{
	max-width: 130px !important;
}
/* 						:focus-visible { outline: 3px solid #5F7238; outline-offset: 2px; }						 */
/* #menu-primary-test li:hover{
	border-bottom: 2px solid #7B924A !important
} */

/* 1 sept  start  */
.wiz-qv__main-image .wiz-main-image__media { pointer-events: none !important; }
.wiz-qv__main-image .wiz-wishlist,
.wiz-qv__main-image .wiz-tags--positioned { pointer-events: auto !important; }
/* 1 sept  end  */

.wiz-plp-page-size-container{
	display:none !important;
}
.item-history-listing-actions-dropdown.item-history-listing-menu-tooltip.active{
	z-index: 100 !important;
}
.item-history-image-preview-modal .item-history-image-modal-close{
	font-size: 32px !important;
	font-weight: 400
}
/* Center the Actions header in all tables */
th[data-field="actions"] > div[class*="header-text-container"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Center the text itself */
th[data-field="actions"] div[class*="header-text-container-text"] {
    text-align: center;
}
.elementskit-submenu-indicator{
	display:none !important
}
.invoice-listing-actions-menu-btn{
	width: 100px;
}
.wiz-download-media-modal__close{
    background: white;
    color: black !important;
    border: 1px solid black !important;
    border-radius: 50% !important;
}
.elementskit-megamenu-panel{
	border-bottom: 1px solid #F5F5F5;
}

div:where(.swal2-container){
	z-index:999999 !important;
}
.cfm-columns-container.cfm-manual-grid{
    gap: 80px !important;
}

@media (max-width: 1440px){
    .cfm-columns-container.cfm-manual-grid{
        gap: 64px !important;
    }
}

@media (max-width: 1200px){
    .cfm-columns-container.cfm-manual-grid{
        gap: 48px !important;
    }
}

@media (max-width: 1024px){
    .cfm-columns-container.cfm-manual-grid{
        gap: 32px !important;
    }
}

@media (max-width: 768px){
    .cfm-columns-container.cfm-manual-grid{
        gap: 20px !important;
    }
}

@media (max-width: 480px){
    .cfm-columns-container.cfm-manual-grid{
        gap: 10px !important;
    }
}

.wiz-plp-skeleton__card__line-row.wiz-plp-skeleton__card__line-row--r1 {
    display: none !important;
}
.wiz-plp-skeleton__card__line-row--r3 > .wiz-plp-skeleton__card__line:nth-child(2) {
    display: none !important;
}
.wiz-plp-skeleton__card__line--plp-r2{
	height: 18px !important;
	width: 100% !important;
}
@media (max-width: 1024px) {
  .wiz-pdp-skeleton.wiz-pdp-skeleton--overlay.wiz-pdp-skeleton--overlay {
    padding-top: 150px !important;
  }
}

.wiz-pdp-skeleton.wiz-pdp-skeleton--overlay{
	padding-top:250px !important;
}
.wiz-plp-skeleton__category-card-img{
	aspect-ratio: 4/5 !important;
	height: 255px !important;
}
.wiz-plp-skeleton__category-card{
	width: 204px !important;
}
.wiz-pdp-skeleton__shimmer,
.wiz-plp-skeleton__shimmer,
.wiz-pdp-skeleton__main-image-fill,
.wiz-plp-skeleton__card__media-fill,
.wiz-plp-skeleton__card__media-icon {
    background-color: #f5f7fa !important;
    background-image: linear-gradient(
        90deg,
        #f5f7fa 0%,
        #e8ecf1 20%,
        #f5f7fa 40%,
        #f5f7fa 100%
    ) !important;
    background-size: 300% 100% !important;
    background-repeat: no-repeat !important;
    animation: shimmer 1.4s linear infinite !important;
    will-change: background-position;
}
.wiz-plp-skeleton__category-chips{
	justify-content: flex-start !important
}

@keyframes shimmer {
    from {
        background-position: 100% 0;
    }
    to {
        background-position: -100% 0;
    }
}
.wiz-plp-skeleton__card__line-row--r3 .wiz-plp-skeleton__card__line
{
	height:18px !important;
	width: 50% !important;
}
.wiz-plp-skeleton__card__line--plp-r4{
	height:16px !important;
}
#wiz-skeleton-overlay{
	padding-top: 0 !important;
	padding-bottom: 16px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;


}
.wiz-plp-skeleton.wiz-plp-skeleton--overlay .wiz-plp-skeleton__page-head {
    padding-top: 250px !important;
}

@media (max-width: 1024px) {
    .wiz-plp-skeleton.wiz-plp-skeleton--overlay .wiz-plp-skeleton__page-head {
        padding-top: 120px !important;
    }
}
.wiz-plp-skeleton__grid{
	gap: 32px;
}
.wiz-plp-skeleton__card__media{
	aspect-ratio: 4/5 !important
}
.wiz-plp-skeleton__card__media-fill{
	border: none !important
}
.product-hotspot-tooltip__price{
	width : fit-content !important;
	font-size: 14px !important;
}
.product-hotspot-tooltip__side-by-side {
	align-items: center !important;
	gap: 4px !important;
}
.wiz-ca-1977a237ff .wiz-custom-attr__text{
/* 	font-size: 12px !important; */
	color: #000 !important;
}
.product-hotspot-tooltip__sku{
	font-size: 11px !important;
/* 	color: #000 !important; */
}
.wiz-custom-attr__text{
	font-size: 14px !important;
/* 	color: #000 !important; */
}
.elementor-21234 .elementor-element.elementor-element-794a41c .product-hotspot-tooltip__item{
	flex : none !important;
}
.wiz-plp-skeleton{
	max-width: 2560px;
	padding-left:120px;
	padding-right:120px;
}
@media (max-width: 1024px){
	.wiz-plp-skeleton{
	max-width: 2560px;
	padding-left:0px;
	padding-right:0px;
}
}

.wiz-pdp-skeleton__hero{
    grid-template-columns: 1fr 1fr !important;
}

@media (max-width: 1024px){
    .wiz-pdp-skeleton__hero{
        grid-template-columns: 1fr !important;
    }
}
html {
    scroll-behavior: smooth;
}
.dialog-type-lightbox{
	z-index: 9939 !important;
}
body {
/*     min-height: 100vh; */
    display: flex;
    flex-direction: column;
}

[data-elementor-type="wp-page"] {
    flex: 1 0 auto;
/* 	min-height: 100vh; */
}
a.dialog-close-button.dialog-lightbox-close-button{
	border: none !important;
}
/* .cfm-categories-wrapper{
	width : 100%;
} */
.wiz-search-modal{
	margin: 0 !important;
	width : 100% !important;
	top: 0 !important
}
/* [data-elementor-type="wp-page"]{
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
} */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
select {
    background: #F9F9F9 !important;
/*     border: 1px solid #CCCCCC !important; */
}

.tooltip {
	backdrop-filter: blur(16px) !important;
}
.elementskit-megamenu-panel{
    transform: none !important;
    transition: none !important;
    top: 60px !important;
	 margin-top: 0px !important;
    padding-top:0px !important;
/*     box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25) !important; */
}

.gprev , .gnext , .gclose{
	padding: 0;
}


/* Kill Elementor stacking contexts */
.elementor,
.e-con,
.elementor-section,
.elementor-container,
.site-wrapper {
    transform: none !important;
    will-change: auto !important;
}
/* a[href^="tel"],
a[href^="mailto"] {
    color: inherit !important;
    text-decoration: none !important;
} */


.product-hotspot-item {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* iPhone Safari: prevent wishlist tooltip clipping inside horizontal rail */
            @supports (-webkit-touch-callout: none) {
                .product-by-category-widget-wrapper:has(.wishlist-tooltip-container.active) .product-by-category-widget {
                    overflow: visible !important;
                }
             
            }

.wpcf7-not-valid-tip {
	margin-top: -15px !important;
	margin-bottom: 10px !important;
	font-size: 14px !important;
	text-align:left !important;
}
.wpcf7-form-control {
	text-decoration: none !important;
}
.replocator-form .wpcf7-spinner {
	top: 14px;
	left: -60px;
}
.no-hover-until-css-loaded{
	pointer-events: none;
}

.wiz-image .wiz-wishlist--active .wiz-wishlist__icon--filled,
.wiz-main-image .wiz-wishlist--active .wiz-wishlist__icon--filled{
	color: #D4380D;
}
.wiz-image .wiz-wishlist .wiz-wishlist__icon--outline,
.wiz-main-image .wiz-wishlist .wiz-wishlist__icon--outline{
	color: #000000;
}

.product-image-carousel-wrapper .wishlist-icon-circle,
.wiz-image .wiz-wishlist,
.wiz-main-image .wiz-wishlist{
	box-shadow: none;
}

.elementskit-navbar-nav > li > a:hover{
	text-decoration: 2px underline #7B924A !important; 
	line-height: 22px !important;
	letter-spacing: -0.28px !important;
}

.elementskit-navbar-nav > li > a{
	line-height: 22px !important;
	letter-spacing: -0.28px !important;
}


.category-title{
    font-weight: 400 !important;
}

body.single-post .pricing-inner, body.single-post .pricing-inner .product-price.pricing-discounted.retail-mode-price {
    font-size: 14px !important;
}

span.wiz-purchase-status__icon{
	height: 16px;
	width: 16px;
}

.aggrid-empty-state-text-1{
	font-weight: 400 !important;
}

/* ---------- Session modal ("You're signed out" / "signed in on another tab") — Twos design ----------
   Square card, flat dark overlay, Prata title, Poppins text, black uppercase buttons
   (same as the Territory Manager modal and site CTAs). Scoped to #wiz-session-popup so it
   beats the styles wiz-session-sync.js injects. */
#wiz-session-popup .wiz-sp__backdrop {
    background: rgba(0, 0, 0, 0.55);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
#wiz-session-popup .wiz-sp__card {
    max-width: 420px;
    padding: 40px 32px 32px;
    border-radius: 0;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
    font-family: "Poppins", sans-serif;
}
#wiz-session-popup .wiz-sp__icon {
    background: #F3F3F3;
    color: #000000;
}
#wiz-session-popup .wiz-sp__icon:before {
    display: none;
}
#wiz-session-popup .wiz-sp__icon svg {
    stroke-width: 1.6;
}
#wiz-session-popup .wiz-sp__title {
    margin-bottom: 12px;
    font-family: "Prata", serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: normal;
    color: #000000;
}
#wiz-session-popup .wiz-sp__text,
#wiz-session-popup .wiz-sp__note {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #333333;
}
#wiz-session-popup .wiz-sp__actions .wiz-sp__btn {
    min-height: 50px;
    padding: 14px 24px;
    border-radius: 0;
    background: #000000;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
#wiz-session-popup .wiz-sp__actions .wiz-sp__btn:hover {
    filter: none;
    background: #222222;
}
#wiz-session-popup .wiz-sp__actions .wiz-sp__btn--secondary {
    background: #FFFFFF;
    color: #000000;
    box-shadow: inset 0 0 0 1px #000000;
}
#wiz-session-popup .wiz-sp__actions .wiz-sp__btn--secondary:hover {
    background: #F5F5F5;
}
#wiz-session-popup .wiz-sp__btn:focus-visible {
    outline: 2px solid #000000;
    outline-offset: 2px;
}
@media (max-width: 480px) {
    #wiz-session-popup .wiz-sp__card {
        border-radius: 0;
    }
}


/* ══════════════════════════════════════════════════════════════════
   CUSTOM CLOSE ICON — all v2 modals and drawers
   Change only the two SVG data URIs in :root below.
   • --wiz-close-icon-20   used everywhere (20 × 20)
   • --wiz-close-icon-16   used on smaller buttons
   Colour: replace %2326282D with your hex (# → %23)
   ══════════════════════════════════════════════════════════════════ */

:root {
    --wiz-close-icon-24: url("https://cdn.wizcommerce.com/assets/4ee4ec6b-3929-4aa7-a7a1-a78a208a02b3.svg");
    
}


/* ── GROUP A: SVG buttons ────────────────────────────────────────── */
/* QuickView header + overlay close */
.wiz-qv__close-icon svg,
/* QuickView content overlay close (mobile) */
.wiz-qv__close--content .wiz-qv__close-icon svg,
/* Cart Quick-Add Modal */
.wiz-qam__close svg,
/* Company-to-Customer drawer */
.wiz-ccd__close-btn svg,
/* Search Modal */
.wiz-search-modal__close-btn svg,
/* Quote Discard modal */
.wqd__close svg,
/* Quote Resubmit modal */
.wqr__close svg,
/* View Similar drawer */
.wiz-viewsimilar__close svg,
/* Variant Drawer */
.wiz-variantdrawer__close svg,
/* Sales Rep Assigned Modal */
.wiz-sram__close svg,
/* Task Notifications Drawer */
.wiz-task-notifications-drawer__close svg,
/* Download Media Modal */
.wiz-download-media-modal__close svg,
/* Checkout Entity Drawer (contact / shipping / billing) */
/* [class*="customer-details-drawer-header-close"] svg {
    display: none;
} */

/* Inject custom SVG via ::before */
.wiz-qv__close-icon::before,
.wiz-qam__close::before,
.wiz-ccd__close-btn::before,
.wiz-search-modal__close-btn::before,
.wqd__close::before,
.wqr__close::before,
.wiz-viewsimilar__close::before,
.wiz-variantdrawer__close::before,
.wiz-sram__close::before,
.wiz-task-notifications-drawer__close::before,
.wiz-download-media-modal__close::before,
[class*="customer-details-drawer-header-close"] button::before {
    content: var(--wiz-close-icon-20);
    display: inline-flex;
    line-height: 0;
}

/* QuickView content overlay is smaller */
.wiz-qv__close--content .wiz-qv__close-icon::before {
    content: var(--wiz-close-icon-24);
}


/* ── GROUP B: × text buttons ─────────────────────────────────────── */
/* Quantity Modal */
.wiz-qty-modal__close,
/* Wishlist Create */
.wiz-wl-create__close,
/* Item History image preview (mobile) */
.item-history-image-modal-close {
    font-size: 0 !important; /* hide the × character */
    line-height: 0;
}

.wiz-qty-modal__close::before,
.wiz-wl-create__close::before,
.item-history-image-modal-close::before {
    content: var(--wiz-close-icon-24);
    display: inline-flex;
    font-size: initial;
    line-height: 0;
}

/* Checkout buttons css */
button.customer-details-drawer-footer-button-cancelcontact,
button.customer-details-drawer-footer-button-addcontact,
button.customer-details-drawer-footer-button-cancelshipping_address,
button.customer-details-drawer-footer-button-cancelbilling_address
{
    border: 2px solid #000;
}

.address-sync-info-text{
	font-size:16px;
	line-height: 24px;
	letter-spacing: -1%;
	font-weight: 400;
	color: #333333 !important;
}

/* mega menu css adding another file here */

/* ===== Mega menu: Fashion + Baby & Kids ===== */

/* one gap, mirroring the menu plugin's own responsive gap scale */
:root { --mm-gap: 80px; }
@media (max-width: 1440px) { :root { --mm-gap: 64px; } }
@media (max-width: 1200px) { :root { --mm-gap: 48px; } }
@media (max-width: 1024px) { :root { --mm-gap: 32px; } }
@media (max-width: 768px)  { :root { --mm-gap: 20px; } }
@media (max-width: 480px)  { :root { --mm-gap: 10px; } }

/* per-menu column counts: category columns + extra columns */
.e-con.fashion-grid { --mm-cats: 4; --mm-extra: 1; }  /* + FASHION list */
.e-con.baby-grid    { --mm-cats: 4; --mm-extra: 2; }  /* + Tiny Two's, Kid's Corner */

/* gap between the grid and the images */
.e-con.parent-fashion-container > .e-con-inner,
.e-con.parent-baby-container > .e-con-inner { gap: var(--mm-gap); }

/* grid side takes the remaining width */
.e-con.parent-fashion-container > .e-con-inner > .fashion-container,
.e-con.parent-baby-container > .e-con-inner > .baby-grid {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

/* images block (the element right after the grid) */
.e-con.parent-fashion-container > .e-con-inner > .fashion-container + .e-con {
/*   flex: 0 0 340px; */
/*   width: 340px; */
  column-gap: 16px;                   /* gap between the two images */
}
.e-con.parent-baby-container > .e-con-inner > .baby-grid + .e-con {
  flex: 0 0 240px;
  width: 240px;
}

/* every column (category + extra) gets an identical width */
.e-con.fashion-container > .e-con.fashion-grid { width: 100%; }
.e-con.fashion-grid,
.e-con.baby-grid {
  --mm-n: calc(var(--mm-cats) + var(--mm-extra));
  --mm-col: calc((100% - (var(--mm-n) - 1) * var(--mm-gap)) / var(--mm-n));
  grid-template-columns: calc(var(--mm-cats) * var(--mm-col) + (var(--mm-cats) - 1) * var(--mm-gap));
  grid-auto-flow: column;
  grid-auto-columns: var(--mm-col);
  column-gap: var(--mm-gap);
}

/* categories widget fills its track */
.e-con.fashion-grid > .elementor-element.elementor-widget,
.e-con.baby-grid > .elementor-element.elementor-widget {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.e-con.fashion-grid .cfm-columns-container.cfm-manual-grid,
.e-con.baby-grid .cfm-columns-container.cfm-manual-grid {
  grid-template-columns: repeat(var(--mm-cats), minmax(0, 1fr));
}

/* hide the empty 5th column in Baby & Kids */
.e-con.fashion-grid .cfm-manual-grid__col:not(:has(a)),
.e-con.baby-grid .cfm-manual-grid__col:not(:has(a)) { display: none; }

/* extra columns: list text lines up with its heading */
.e-con.fashion-grid > .e-con > .elementor-element,
.e-con.baby-grid > .e-con > .elementor-element { padding-left: 0; }

/* no mid-word breaks in headings */
.e-con.fashion-grid .cfm-l2-title,
.e-con.baby-grid .cfm-l2-title { overflow-wrap: normal; word-break: normal; }

/* Make the grid rule win even when Elementor's stylesheet is loaded again later in the page */
.e-con.e-grid.fashion-grid,
.e-con.e-grid.baby-grid {
  --mm-n: calc(var(--mm-cats) + var(--mm-extra));
  --mm-col: calc((100% - (var(--mm-n) - 1) * var(--mm-gap)) / var(--mm-n));
  grid-template-columns: calc(var(--mm-cats) * var(--mm-col) + (var(--mm-cats) - 1) * var(--mm-gap));
  grid-auto-flow: column;
  grid-auto-columns: var(--mm-col);
  column-gap: var(--mm-gap);
}

/* sidebar and header sticky css */
/* Site header stays pinned to the top while scrolling */
.elementor-location-header {
    position: sticky;
    top: 0;
    z-index: 150;
}

.admin-bar .elementor-location-header {
    top: 32px;
}

@media (max-width: 782px) {
    .admin-bar .elementor-location-header {
        top: 46px;
    }
}

/* Keep the sticky header pinned while the CSR page skeleton is up.
   The skeleton locks scroll on <html> AND <body>; overflow on <html> turns
   <body> into its own scroll box, so the sticky header jumps off-screen.
   Locking <body> alone is enough. */
html.wiz-skeleton-scroll-lock {
    overflow: visible !important;
}

/* Side drawer: logo + search block stays pinned while the menu list scrolls */
/* Side drawer: logo bar stays pinned while the menu scrolls */
.elementor-1661 .elementor-element.elementor-element-c23a79f {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: #ffffff;
}

.elementor-1661 .elementor-element.elementor-element-c23a79f.e-con {
    --align-self: stretch;
}

/* Hotspot pulse: animate transform only (GPU) instead of padding/border/outline */
@keyframes twos-hotspot-pop {
    0%, 40%, 100% { transform: scale(1); }
    20% { transform: scale(1.2); }
}
.product-hotspot-widget .product-hotspot-item {
    animation: twos-hotspot-pop 2s ease-in-out infinite !important;
    padding: var(--hotspot-padding, 5px) !important;
    outline-width: var(--hotspot-outline-width, 2px) !important;
    border-width: var(--hotspot-border-width, 3px) !important;
}
@media (prefers-reduced-motion: reduce) {
    .product-hotspot-widget .product-hotspot-item { animation: none !important; }
}

/* Skip rendering closed mega menu panels (desktop); they render on hover/focus */
@media (min-width: 1025px) {
    #menu-primary-test > li:not(:hover):not(:focus-within) > .elementskit-megamenu-panel {
        content-visibility: hidden;
    }
    .elementskit-megamenu-panel {
        transition-property: opacity, visibility, transform, content-visibility;
        transition-behavior: allow-discrete;
    }
}


/* by Claude WZS-4504 2026-11-05 */
/* iOS Safari zooms on focus when a field's font-size is below 16px */
@media (max-width: 767px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="range"]),
  select,
  textarea {
    font-size: 16px !important;
  }
}
/* end by Claude WZS-4504 */