:root{
    --net5s-wlc-accent:#e2210b;
    --net5s-wlc-border:#e7e7e7;
    --net5s-wlc-text:#222;
    --net5s-wlc-muted:#707070;
}

.net5s-wlc-icon{display:inline-block;vertical-align:middle;flex:0 0 auto;font-size:18px;line-height:1;font-style:normal}

/* Product-loop buttons */
.net5s-wlc-action{
    appearance:none;
    border:1px solid #ddd;
    background:#fff;
    color:#444;
    min-height:34px;
    padding:6px 10px;
    border-radius:4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    cursor:pointer;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    text-transform:none;
    margin:0;
    box-shadow:none;
    transition:.18s ease;
}
.net5s-wlc-action:hover{border-color:var(--net5s-wlc-accent);color:var(--net5s-wlc-accent);background:#fff}
.net5s-wlc-action.is-active{border-color:var(--net5s-wlc-accent);color:var(--net5s-wlc-accent);background:color-mix(in srgb,var(--net5s-wlc-accent) 7%,#fff)}
.net5s-wlc-action.is-loading{opacity:.55;pointer-events:none}

/*
 * 3 action icons over the product image (cart / wishlist / compare).
 * JS moves this block into Flatsome's .box-image so it works with UX Builder grids/sliders.
 */
.net5s-wlc-loop-overlay{
    --net5s-wlc-overlay-color:#075fc2;
    position:absolute;
    z-index:25;
    top:50%;
    left:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    width:auto;
    margin:0!important;
    padding:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,-38%);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}

/* Make the image area a positioning context after JS has mounted the overlay. */
.net5s-wlc-overlay-host{position:relative!important}

.net5s-wlc-loop-overlay .net5s-wlc-loop-icon-btn,
.net5s-wlc-loop-overlay .net5s-wlc-action{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    flex:0 0 42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:1px solid var(--net5s-wlc-overlay-color)!important;
    border-right-width:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:var(--net5s-wlc-overlay-color)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
    line-height:1!important;
    text-decoration:none!important;
    cursor:pointer;
    position:relative!important;
    overflow:visible!important;
    transition:background-color .16s ease,color .16s ease,transform .16s ease!important;
}
.net5s-wlc-loop-overlay>*:first-child{border-radius:2px 0 0 2px!important}
.net5s-wlc-loop-overlay>*:last-child{
    border-right-width:1px!important;
    border-radius:0 2px 2px 0!important;
}
.net5s-wlc-loop-overlay .net5s-wlc-icon{font-size:18px;line-height:1;flex:0 0 auto}
.net5s-wlc-loop-overlay .net5s-wlc-label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.net5s-wlc-loop-overlay .net5s-wlc-loop-icon-btn:hover,
.net5s-wlc-loop-overlay .net5s-wlc-action:hover,
.net5s-wlc-loop-overlay .net5s-wlc-action.is-active{
    background:var(--net5s-wlc-overlay-color)!important;
    border-color:var(--net5s-wlc-overlay-color)!important;
    color:#fff!important;
    transform:translateY(-2px);
}

/* Hover label / tooltip for the 3 product-image buttons */
.net5s-wlc-loop-overlay [data-net5s-tooltip]::before{
    content:attr(data-net5s-tooltip);
    position:absolute;
    left:50%;
    bottom:calc(100% + 9px);
    z-index:999;
    transform:translateX(-50%) translateY(4px);
    min-width:max-content;
    padding:6px 8px;
    border-radius:2px;
    background:#222;
    color:#fff;
    font-size:12px;
    font-weight:500;
    line-height:1.2;
    text-transform:none;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
    box-shadow:0 2px 7px rgba(0,0,0,.18);
}
.net5s-wlc-loop-overlay [data-net5s-tooltip]::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:calc(100% + 3px);
    z-index:999;
    width:0;
    height:0;
    transform:translateX(-50%) translateY(4px);
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:6px solid #222;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.net5s-wlc-loop-overlay [data-net5s-tooltip]:hover::before,
.net5s-wlc-loop-overlay [data-net5s-tooltip]:focus-visible::before,
.net5s-wlc-loop-overlay [data-net5s-tooltip]:hover::after,
.net5s-wlc-loop-overlay [data-net5s-tooltip]:focus-visible::after{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

.net5s-wlc-loop-overlay .net5s-wlc-loop-icon-btn.is-disabled{
    opacity:.5;
    cursor:not-allowed;
}

/* Desktop/laptop: only reveal when the product card/image is hovered or keyboard-focused. */
.net5s-wlc-overlay-card:hover .net5s-wlc-loop-overlay,
.net5s-wlc-overlay-card:focus-within .net5s-wlc-loop-overlay,
.net5s-wlc-overlay-host:hover .net5s-wlc-loop-overlay,
.net5s-wlc-overlay-host:focus-within .net5s-wlc-loop-overlay,
.net5s-wlc-loop-overlay.is-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,-50%)!important;
}


/* Flatsome product image compatibility */
.box-image.net5s-wlc-overlay-host,
.product-small .box-image.net5s-wlc-overlay-host,
li.product .box-image.net5s-wlc-overlay-host{
    position:relative!important;
}
.net5s-wlc-overlay-host > .net5s-wlc-loop-overlay{
    z-index:99!important;
}

.net5s-wlc-single-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px}
.net5s-wlc-single-actions .net5s-wlc-action{min-height:40px;padding:9px 14px}


/* Mini icon shortcodes: wishlist / compare / cart */
.net5s-wlc-mini-link{
    --net5s-wlc-mini-blue:#1f5fbf;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    margin:0 8px 0 0;
    border:2px solid var(--net5s-wlc-mini-blue);
    background:#fff;
    color:var(--net5s-wlc-mini-blue);
    text-decoration:none!important;
    box-shadow:none!important;
    transition:.18s ease;
}
.net5s-wlc-mini-link:last-child{margin-right:0}
.net5s-wlc-mini-link:hover{
    background:var(--net5s-wlc-mini-blue);
    color:#fff;
}
.net5s-wlc-mini-link .net5s-wlc-icon{font-size:22px;line-height:1;flex:0 0 auto}
.net5s-wlc-mini-count{
    position:absolute;
    top:-9px;
    right:-9px;
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:999px;
    background:var(--net5s-wlc-mini-blue);
    color:#fff;
    font-size:12px;
    font-weight:700;
    line-height:22px;
    text-align:center;
    box-shadow:none;
}

/* Header links / shortcodes */
.net5s-wlc-header-link{display:inline-flex;align-items:center;gap:6px;position:relative;text-decoration:none}
.net5s-wlc-header-link .net5s-wlc-count{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:19px;height:19px;padding:0 5px;border-radius:12px;
    background:var(--net5s-wlc-accent);color:#fff;font-size:11px;font-weight:700;
}

/* Page */
.net5s-wlc-page{min-height:160px}
.net5s-wlc-loading,.net5s-wlc-error{text-align:center;padding:45px 15px;color:var(--net5s-wlc-muted)}
.net5s-wlc-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--net5s-wlc-border)}
.net5s-wlc-compare-head{margin-bottom:16px}
.net5s-wlc-page-head h2{margin:0 0 4px;font-size:24px}
.net5s-wlc-page-head p{margin:0;color:var(--net5s-wlc-muted);font-size:13px}
.net5s-wlc-clear{appearance:none;border:0;background:none;color:#777;text-decoration:underline;cursor:pointer;padding:5px;font-size:13px}
.net5s-wlc-clear:hover{color:var(--net5s-wlc-accent)}

.net5s-wlc-empty{text-align:center;border:1px dashed #d9d9d9;background:#fafafa;padding:45px 20px;border-radius:6px}
.net5s-wlc-empty>.net5s-wlc-icon{font-size:46px;line-height:1;color:#bbb;margin-bottom:10px}
.net5s-wlc-empty h3{margin:0 0 8px;font-size:20px}
.net5s-wlc-empty p{margin:0 0 18px;color:#777}
.net5s-wlc-primary,.net5s-wlc-add-cart{
    display:inline-flex!important;align-items:center;justify-content:center;
    min-height:38px;padding:8px 15px!important;border:0!important;border-radius:2px!important;
    background:var(--net5s-wlc-accent)!important;color:#fff!important;
    font-weight:700!important;font-size:12px!important;line-height:1.2!important;text-transform:uppercase!important;
    text-decoration:none!important;margin:0!important;box-shadow:none!important;
}
.net5s-wlc-primary:hover,.net5s-wlc-add-cart:hover{filter:brightness(.9);color:#fff!important}

/* Wishlist */
.net5s-wlc-wishlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.net5s-wlc-card{position:relative;border:1px solid var(--net5s-wlc-border);background:#fff;padding:12px;min-width:0}
.net5s-wlc-card-remove,.net5s-wlc-compare-remove{
    position:absolute;z-index:3;top:8px;right:8px;width:28px;height:28px;border-radius:50%;
    border:1px solid #ddd;background:#fff;color:#555;font-size:20px;line-height:24px;cursor:pointer;padding:0;margin:0;
    display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.08)
}
.net5s-wlc-card-remove:hover,.net5s-wlc-compare-remove:hover{background:var(--net5s-wlc-accent);border-color:var(--net5s-wlc-accent);color:#fff}
.net5s-wlc-card-image{display:block;aspect-ratio:1/1;overflow:hidden;margin-bottom:10px}
.net5s-wlc-card-image img{width:100%;height:100%;object-fit:contain;display:block}
.net5s-wlc-card-body h3{font-size:15px;line-height:1.4;margin:0 0 8px;min-height:42px}
.net5s-wlc-card-body h3 a{color:var(--net5s-wlc-text);text-decoration:none}
.net5s-wlc-card-price{font-size:18px;font-weight:700;color:var(--net5s-wlc-accent);margin-bottom:8px}
.net5s-wlc-card-price del{font-size:13px;color:#999;font-weight:400;margin-right:4px}
.net5s-wlc-card-stock{font-size:12px;margin-bottom:12px;color:#666}
.net5s-wlc-card-stock:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#999}
.net5s-wlc-card-stock.is-instock:before{background:#5bbd38}
.net5s-wlc-card-stock.is-outofstock:before{background:#d63031}
.net5s-wlc-card .net5s-wlc-add-cart,.net5s-wlc-card .net5s-wlc-primary{width:100%}

/* Compare table */
.net5s-wlc-compare-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--net5s-wlc-border);background:#fff}
.net5s-wlc-compare-table{border-collapse:collapse;width:100%;min-width:940px;margin:0;background:#fff;table-layout:fixed}
.net5s-wlc-compare-table th,.net5s-wlc-compare-table td{border-right:1px solid var(--net5s-wlc-border);border-bottom:1px solid var(--net5s-wlc-border);padding:10px 12px;vertical-align:middle;text-align:left;font-size:14px;line-height:1.45;color:#333}
.net5s-wlc-compare-table tr:last-child th,.net5s-wlc-compare-table tr:last-child td{border-bottom:0}
.net5s-wlc-compare-table td:last-child,.net5s-wlc-compare-table th:last-child{border-right:0}
.net5s-wlc-compare-table th{width:180px;background:#fff;font-size:13px;font-weight:500;color:#333}
.net5s-wlc-compare-section th{background:#fafafa!important;font-size:15px;font-weight:700!important;color:#222;padding:9px 12px}
.net5s-wlc-product-name a{color:#111;text-decoration:none;font-weight:700}
.net5s-wlc-compare-images th{vertical-align:middle}
.net5s-wlc-compare-image-cell{text-align:center}
.net5s-wlc-compare-image{display:inline-flex;align-items:center;justify-content:center;width:112px;height:112px;border:1px solid #e3e3e3;background:#fff;margin:0 auto}
.net5s-wlc-compare-image img{width:100%;height:100%;object-fit:contain;display:block;padding:10px}
.net5s-wlc-compare-remove{top:6px;right:6px}
.net5s-wlc-instock{color:#333;font-weight:400}
.net5s-wlc-outstock{color:#d63031;font-weight:600}
.net5s-wlc-rating-wrap .star-rating{display:block;float:none;margin:0 0 4px;color:#f5a623}
.net5s-wlc-rating-text{color:#555;font-size:13px}
.net5s-wlc-compare-actions td{text-align:center;padding:8px 10px}
.net5s-wlc-compare-btns{display:flex;flex-direction:column;gap:6px}
.net5s-wlc-compare-buy,.net5s-wlc-compare-delete{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:34px;padding:8px 12px;border:1px solid #6dbf57;background:#fff;color:#4c9c3c;text-decoration:none;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;box-shadow:none;border-radius:0}
.net5s-wlc-compare-buy:hover{background:#f5fff2;color:#408a33}
.net5s-wlc-compare-delete{border-color:#ff6b6b;color:#e04c4c}
.net5s-wlc-compare-delete:hover{background:#fff5f5;color:#d94141}

/* Toast */
.net5s-wlc-toast{
    position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:999999;
    background:#222;color:#fff;padding:10px 15px;border-radius:4px;font-size:13px;
    opacity:0;visibility:hidden;transition:.2s ease;box-shadow:0 6px 20px rgba(0,0,0,.2)
}
.net5s-wlc-toast.is-show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.net5s-wlc-toast.is-error{background:#b42318}

@media (max-width:849px){
    .net5s-wlc-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:549px){
    .net5s-wlc-action{font-size:11px;padding:6px 7px}
    .net5s-wlc-action .net5s-wlc-icon{font-size:16px;line-height:1}
    .net5s-wlc-wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .net5s-wlc-card{padding:8px}
    .net5s-wlc-card-body h3{font-size:13px;min-height:38px}
    .net5s-wlc-card-price{font-size:16px}
    .net5s-wlc-page-head{align-items:flex-start}
    .net5s-wlc-page-head h2{font-size:21px}
    .net5s-wlc-compare-table{min-width:720px}
    .net5s-wlc-compare-table th{width:135px}
    .net5s-wlc-compare-image{width:90px;height:90px}
}

/* Touch devices do not have hover, so keep the controls usable. */
@media (hover:none), (pointer:coarse){
    .net5s-wlc-loop-overlay{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translate(-50%,-50%);
    }
    .net5s-wlc-loop-overlay .net5s-wlc-loop-icon-btn,
    .net5s-wlc-loop-overlay .net5s-wlc-action{
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
        min-height:38px!important;
        flex-basis:38px!important;
    }
}

/* Wishlist table - v1.3.0 */
.net5s-wlc-wishlist-head{margin-bottom:16px}
.net5s-wlc-wishlist-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--net5s-wlc-border);background:#fff}
.net5s-wlc-wishlist-table{width:100%;min-width:900px;border-collapse:collapse;margin:0;background:#fff}
.net5s-wlc-wishlist-table th,.net5s-wlc-wishlist-table td{padding:12px 14px;border-right:1px solid var(--net5s-wlc-border);border-bottom:1px solid var(--net5s-wlc-border);vertical-align:middle;text-align:left;font-size:14px;line-height:1.4}
.net5s-wlc-wishlist-table th:last-child,.net5s-wlc-wishlist-table td:last-child{border-right:0}
.net5s-wlc-wishlist-table tbody tr:last-child td{border-bottom:0}
.net5s-wlc-wishlist-table thead th{background:#fafafa;font-weight:700;color:#222}
.net5s-wlc-wl-product-col{width:36%}
.net5s-wlc-wl-action-col{width:150px;text-align:center!important}
.net5s-wlc-wl-product{display:flex;align-items:center;gap:14px}
.net5s-wlc-wl-image{width:92px;height:92px;flex:0 0 92px;border:1px solid #e5e5e5;background:#fff;display:flex;align-items:center;justify-content:center}
.net5s-wlc-wl-image img{width:100%;height:100%;object-fit:contain;padding:8px;display:block}
.net5s-wlc-wl-name{font-weight:700;line-height:1.45}
.net5s-wlc-wl-name a{color:#222;text-decoration:none}
.net5s-wlc-wl-name a:hover{color:var(--net5s-wlc-accent)}
.net5s-wlc-wl-price{font-weight:700;color:#222;white-space:nowrap}
.net5s-wlc-wl-buttons{display:flex;flex-direction:column;gap:6px}
.net5s-wlc-wl-buy,.net5s-wlc-wl-remove{display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-height:34px;padding:8px 12px!important;margin:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-decoration:none!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important;text-transform:none!important;cursor:pointer}
.net5s-wlc-wl-buy{border:1px solid #6dbf57!important;color:#4c9c3c!important}
.net5s-wlc-wl-buy:hover{background:#f5fff2!important;color:#408a33!important}
.net5s-wlc-wl-remove{border:1px solid #ff6b6b!important;color:#e04c4c!important}
.net5s-wlc-wl-remove:hover{background:#fff5f5!important;color:#d94141!important}

@media (max-width: 767px){
    .net5s-wlc-wishlist-scroll{overflow:visible;border:0;background:transparent}
    .net5s-wlc-wishlist-table,.net5s-wlc-wishlist-table tbody,.net5s-wlc-wishlist-table tr,.net5s-wlc-wishlist-table td{display:block;width:100%;min-width:0}
    .net5s-wlc-wishlist-table thead{display:none}
    .net5s-wlc-wishlist-table tr{margin-bottom:12px;border:1px solid var(--net5s-wlc-border);background:#fff}
    .net5s-wlc-wishlist-table td{border-right:0;padding:9px 12px}
    .net5s-wlc-wishlist-table td[data-label]{display:flex;justify-content:space-between;gap:14px}
    .net5s-wlc-wishlist-table td[data-label]:before{content:attr(data-label);font-weight:700;color:#444;flex:0 0 105px}
    .net5s-wlc-wl-product{display:flex!important;padding:12px!important}
    .net5s-wlc-wl-image{width:80px;height:80px;flex-basis:80px}
    .net5s-wlc-wl-actions{display:block!important}
    .net5s-wlc-wl-actions:before{display:none}
    .net5s-wlc-wl-buttons{flex-direction:row}
    .net5s-wlc-wl-buttons>*{flex:1}
}