.pisol-mmq-container{
padding:4px 10px;
margin-top:5px;
margin-bottom:5px;
background:#eecf43;
color:#fff;
font-size:14px;
display:block;
}
td.product-name  .pisol-mmq-container{
border-radius:4px;
}
.pisol-mmq-container.error{
background:#f00;
} .pisol-mmq-bar-container{
position:fixed;
left:0px;
width:100%;
z-index:999999999999;
text-align:center;
padding:10px 0;
display: none;
padding-left:30px;
padding-right:30px;
box-sizing: border-box;
}
.pisol-mmq-close{
position: absolute;
right: 0px;
top: 0px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background:transparent;
border: none;
cursor: pointer;
font-size:22px;
}
.pisol-mmq-close:hover{
text-decoration:none;
}
.pisol_shortcodes{
font-weight:light;
}
#pi-mmq-progress-circle{
width:70px;
height:70px;
position:fixed;
bottom:20px;
right:20px;
z-index:200000000;
background-position: center;
background-size:50px 50px;
background-repeat: no-repeat;
cursor:pointer;
} .pi-t1-container {
--primary-color: #2563eb;
--primary-light: #93c5fd;
--warning-color: #ff0000;
--primary-text-color: #000000;  
--box-bg-color: #ffffff;
display: flex;
align-items: stretch;
background: var(--box-bg-color);
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
border: 1px solid #e2e8f0;
overflow: hidden;
margin: 8px 0;
font-size: 14px;
line-height: 1.4;
text-align: left;
margin-top: 10px;
}
.pi-t1-category-page-theme .pi-t1-icon-panel, .pi-t1-cart-page-theme .pi-t1-icon-panel, .pi-t1-checkout-page-theme .pi-t1-icon-panel {
padding: 5px 10px;
min-width: 32px;
}
.pi-t1-category-page-theme .pi-t1-body, .pi-t1-cart-page-theme .pi-t1-body, .pi-t1-checkout-page-theme .pi-t1-body {
padding: 10px 20px 10px 20px;
}
.pi-t1-checkout-page-theme{
max-width: 400px;
}
.pi-t1-category-page-theme .pi-t1-message, .pi-t1-cart-page-theme .pi-t1-message, .pi-t1-checkout-page-theme .pi-t1-message{
display: none;
}
.pi-t1-cart-page-theme .pi-t1-qty-labels, .pi-t1-checkout-page-theme .pi-t1-qty-labels {
display: none;
}
.wc-block-cart-item__wrap .pi-t1-wrap{
width: 100%;
}
.pi-t1-icon-panel {
background: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
min-width: 64px;
padding: 16px 20px;
flex-shrink: 0;
}
.pi-t1-body {
flex: 1;
padding: 14px 16px 16px;
min-width: 0;
}
.pi-t1-qty-labels {
display: flex;
color: var(--primary-text-color);
justify-content: space-between;
margin-bottom: 10px;
gap: 20px;
}
.pi-t1-message {
color: var(--primary-text-color);
margin: 0 0 14px;
font-size: 13px;
line-height: 1.5;
}
.pi-t1-progress {
padding-top: 10px;
}
.pi-t1-progress-bar {
position: relative;
height: 4px;
margin-bottom: 8px;
overflow: visible;
} .pi-t1-progress-bar::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background: #e2e8f0;
border-radius: 2px;
z-index: 0;
} .pi-t1-progress-bar::after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
border-top: 3px dashed var(--primary-light);
transform: translateY(-50%);
z-index: 1;
} .pi-t1-progress-fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: var(--primary-color);
border-radius: 2px 0 0 2px;
z-index: 2;
transition: width 0.4s ease;
}
.pi-t1-progress-dot {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--primary-color);
color: #fff;
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
box-shadow: 0 2px 6px color-mix(in srgb, var(--primary-color) 35%, transparent);
line-height: 1;
}
.pi-t1-progress-dot span {
display: block;
line-height: 1;
} .pi-t1-marker-min {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 2px;
height: 14px;
background: var(--primary-color);
border-radius: 1px;
z-index: 2;
opacity: 0.6;
} .pi-t1-wrap {
position: relative;
}
.pi-t1-tooltip {
position: absolute;
bottom: calc(100% + 12px);
left: 50%;
transform: translateX(-50%) translateY(6px);
min-width: 200px;
max-width: 320px;
padding: 10px 14px;
background: #1e293b;
color: #f8fafc;
font-size: 13px;
line-height: 1.5;
text-align: center;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
white-space: normal;
z-index: 99999;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
} .pi-t1-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: #1e293b;
} .pi-t1-wrap:hover .pi-t1-tooltip,
.pi-t1-wrap:focus-within .pi-t1-tooltip {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
} .pi-t1-container.error .pi-t1-tooltip {
background: var(--warning-color);
}
.pi-t1-container.error .pi-t1-tooltip::after {
border-top-color: var(--warning-color);
}