.pcm-products-table{--section-padding-x: clamp(8px, calc(8px + 153*(100vw - 1023px)) , 161px);--section-max-width: clamp(701px, calc(701px + 417*(100vw - 1023px)) , 1118px);--section-padding: 24px 0 clamp(48px, calc(48px + 32*(100vw - 834px)) , 80px);--content-gap: 12px;--layout-grid: calc((408 / 1118) * 100%) calc((280 / 1118) * 100%) repeat(2, calc((214 / 1118) * 100%));--header-padding-bottom: 7px;--header-margin-bottom: 16px;--items-gap: 8px;--item-variants-gap: clamp(12px, calc(12px + -20*(100vw - 835px)) , 32px);--item-accordion-asset-size: clamp(14px, calc(14px + 4*(100vw - 834px)) , 18px);--foter-padding-top: 16px}.pcm-products-table-container{width:calc(100% - var(--section-padding-x) * 2);max-width:var(--section-max-width);padding:var(--section-padding);margin:0 auto}.pcm-products-table-header{display:grid;grid-template-columns:var(--layout-grid);padding-bottom:var(--header-padding-bottom);border-bottom:1px solid var(--primary-color);margin-bottom:var(--header-margin-bottom);& span{font-family:var(--primary-font);font-weight:400;font-size:clamp(12px,calc(12px + (15 - 12) * ((100vw - 360px) / 1080)),15px);line-height:clamp(16px,calc(16px + (21 - 16) * ((100vw - 360px) / 1080)),21px);color:var(--primary-color)}}.pcm-products-table-items{display:flex;flex-direction:column;gap:var(--items-gap);width:calc(100% + 11px);max-height:412px;padding-right:7px;padding-bottom:16px;margin-right:-11px;overflow:hidden auto;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-thumb{background-color:var(--tertiary-color);border-radius:2px}&::-webkit-scrollbar-track{background-color:var(--gray-background-color);border-radius:2px}}.pcm-products-table-item-variants{display:flex;flex-direction:column;gap:var(--item-variants-gap);padding-top:var(--item-variants-gap)}.pcm-products-table-footer{display:grid;grid-template-columns:var(--layout-grid);padding-top:var(--foter-padding-top);border-top:1px solid var(--primary-color)}.pcm-products-table-footer-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:clamp(6px,calc(6px + 6*(100vw - 834px)),12px);width:100%;[data-button-delete-all]{font-family:var(--primary-font);font-weight:400;font-size:clamp(12px,calc(12px + (15 - 12) * ((100vw - 360px) / 1080)),15px);line-height:clamp(16px,calc(16px + (21 - 16) * ((100vw - 360px) / 1080)),21px);text-decoration:underline;color:var(--primary-color);&:hover{text-decoration:none}}}.pcm-products-table-footer-total-products{width:100%;padding:0 10px}.pcm-products-table-footer-total-price{grid-column:span 2}.pcm-products-table-footer-label{font-family:var(--primary-font);font-weight:400;font-size:clamp(12px,calc(12px + (13 - 12) * ((100vw - 360px) / 1080)),13px);line-height:clamp(16px,calc(16px + (19 - 16) * ((100vw - 360px) / 1080)),19px);color:var(--primary-color)}.pcm-products-table-footer-value{font-family:var(--primary-font);font-weight:500;font-size:clamp(15px,calc(15px + (19 - 15) * ((100vw - 360px) / 1080)),19px);line-height:clamp(19px,calc(19px + (23 - 19) * ((100vw - 360px) / 1080)),23px);color:var(--primary-color)}.pcm-products-table-item{position:relative;background:var(--gray-background-color);padding:clamp(14px,calc(14px + 2*(100vw - 834px)),16px);border-radius:8px;&:not([open]){& summary.pcm-products-table-item-header{&:active{&:before{opacity:1}}&:before{content:"";position:absolute;top:0;left:0;z-index:0;opacity:0;display:flex;width:100%;height:100%;background-color:var(--tertiary-color);border-radius:8px}}}&[open]{.icon-pcm-item-accordion-plus{display:none}.icon-pcm-item-accordion-minus{display:block}}.icon-pcm-item-accordion-minus{display:none}}.pcm-products-table-item[data-variant] .pcm-products-table-item-header{display:grid;grid-template-columns:1fr calc((280 / 1118) * 100%) repeat(2,calc((214 / 1118) * 100%))}.pcm-products-table-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0}.pcm-products-table-item-header-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;~svg{position:relative;z-index:1;width:var(--item-accordion-asset-size);min-width:var(--item-accordion-asset-size);height:var(--item-accordion-asset-size)}}.pcm-products-table-item-header-title{font-family:var(--primary-color);font-weight:500;font-size:clamp(15px,calc(15px + (19 - 15) * ((100vw - 360px) / 1080)),19px);line-height:clamp(19px,calc(19px + (23 - 19) * ((100vw - 360px) / 1080)),23px);color:var(--primary-color)}.pcm-products-table-item-header-capacity{font-family:var(--primary-font);font-weight:400;font-size:clamp(12px,calc(12px + (13 - 12) * ((100vw - 360px) / 1080)),13px);line-height:clamp(16px,calc(16px + (19 - 16) * ((100vw - 360px) / 1080)),19px);color:var(--primary-color)}.pcm-products-table-item-variant{display:grid;grid-template-columns:minmax(0,48px) minmax(0,324px) minmax(0,264px) minmax(0,198px) minmax(0,190px);align-items:center;gap:16px;&.show-message-out-stock{.pcm-products-table-item-quantity-input{&:before{display:block}}}}.pcm-products-table-item-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:48 / 62;border-radius:4px;overflow:hidden;& img{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:4px}}.pcm-products-table-item-title{margin-left:-8px;font-family:var(--primary-font);font-weight:400;font-size:clamp(15px,calc(15px + (17 - 15) * ((100vw - 360px) / 1080)),17px);line-height:clamp(20px,calc(20px + (23 - 20) * ((100vw - 360px) / 1080)),23px);color:var(--primary-color)}.pcm-products-table-item-quantity{display:flex;align-items:center;justify-content:center;gap:15px;&:has(input[disabled]){opacity:.3;pointer-events:none}}.pcm-products-table-item-quantity-input{position:relative;display:flex;align-items:center;justify-content:center;width:122px;height:40px;background:var(--white);border:1px solid var(--primary-color);border-radius:4px;&:before{content:"Stock insuficiente";position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);display:none;width:100%;text-align:center;font-family:var(--primary-font);font-weight:400;font-size:11px;line-height:11px;color:var(--color-error);animation:show-message-out-stock .2s ease-in-out}& button{display:flex;align-items:center;justify-content:center;width:40px;height:100%;& svg{width:8px;height:auto}}& input{width:42px;height:100%;text-align:center;font-family:var(--primary-font);font-weight:400;font-size:clamp(15px,calc(15px + (17 - 15) * ((100vw - 360px) / 1080)),17px);line-height:clamp(20px,calc(20px + (23 - 20) * ((100vw - 360px) / 1080)),23px);color:var(--primary-color)}}.pcm-products-table-item-quantity-clear{display:flex;align-items:center;justify-content:center;& svg{width:13px;min-width:13px;height:auto}}.pcm-products-table-item-unit-price,.pcm-products-table-item-total-price{font-family:var(--primary-font);font-weight:400;font-size:clamp(15px,calc(15px + (17 - 15) * ((100vw - 360px) / 1080)),17px);line-height:clamp(20px,calc(20px + (23 - 20) * ((100vw - 360px) / 1080)),23px);color:var(--primary-color)}@keyframes show-message-out-stock{0%{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}@media (width <= 834px){.pcm-products-table{--section-max-width: 100%}.pcm-products-table-header{display:flex;justify-content:space-between;gap:10px;& span{&:nth-child(2),&:nth-child(3){display:none}}}.pcm-products-table-items{width:100%;padding-right:unset;margin-right:unset;&::-webkit-scrollbar{display:none;width:0;height:0}}.pcm-products-table-item[data-variant] .pcm-products-table-item-header,.pcm-products-table-item-variant[data-variant]{display:grid;grid-template-columns:42px 1fr minmax(0,94px);grid-template-areas:"image title total-price" "image unit-price total-price" "image quantity total-price";align-items:flex-start;gap:3px 8px;.pcm-products-table-item-image{grid-area:image}.pcm-products-table-item-header-info,.pcm-products-table-item-title{grid-area:title;margin-left:0}.pcm-products-table-item-unit-price{grid-area:unit-price;text-align:left}.pcm-products-table-item-quantity{grid-area:quantity;justify-content:flex-start;margin-top:9px}.pcm-products-table-item-total-price{grid-area:total-price;justify-self:end}}.pcm-products-table-item[data-variant] .pcm-products-table-item-header{grid-template-columns:1fr 94px;grid-template-areas:"title total-price" "unit-price total-price" "quantity total-price"}.pcm-products-table-footer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px}.pcm-products-table-footer-actions{flex-direction:column;align-items:center;justify-content:flex-start;order:3}.pcm-products-table-footer-total-price{text-align:center}}@media (hover: hover){.pcm-products-table-item{&:not([open]){& summary.pcm-products-table-item-header{&:hover{&:before{opacity:1}}}}}}
