/* Top barr */ /* Product toolbar isolated from WordPress and theme layout rules. */ .mdp-topbar.mdp-products-toolbar {position: sticky !important;top: 0 !important;z-index: 50 !important;display: grid !important;grid-template-columns: minmax(0, 1fr) 55px !important;grid-template-rows: 50px !important;align-items: center !important;width: calc(100% - 28px) !important;max-width: 760px !important;min-width: 0 !important;height: auto !important;margin: 0 auto !important;padding: 16px 14px 18px !important;column-gap: 14px !important;row-gap: 0 !important;float: none !important;border-radius: 20px !important;background: #fff !important;box-sizing: border-box !important;} .mdp-topbar.mdp-products-toolbar > .mdp-products-search {position: relative !important;grid-column: 1 !important;grid-row: 1 !important;display: block !important;align-self: stretch !important;width: 100% !important;max-width: none !important;min-width: 0 !important;height: 50px !important;margin: 0 !important;padding: 0 !important;float: none !important;transform: none !important;box-sizing: border-box !important;} .mdp-topbar.mdp-products-toolbar > .mdp-products-search::before {content: "" !important;position: absolute !important;left: 24px !important;top: 50% !important;z-index: 2 !important;display: block !important;width: 28px !important;height: 28px !important;transform: translateY(-50%) !important;background: #444 !important;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") center / contain no-repeat !important;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") center / contain no-repeat !important;pointer-events: none !important;} .mdp-topbar.mdp-products-toolbar > .mdp-products-search > input#productSearch,.mdp-topbar.mdp-products-toolbar > .mdp-products-search > input#mdpProductSearch {display: block !important;width: 100% !important;max-width: none !important;min-width: 0 !important;height: 50px !important;min-height: 50px !important;margin: 0 !important;padding: 0 46px 0 76px !important;border: 2px solid #e6e8ef !important;border-radius: 27px !important;background: #fff !important;box-shadow: 0 2px 8px rgba(15,23,42,.03) !important;box-sizing: border-box !important;color: #08083d !important;font-size: 16px !important;font-weight: 500 !important;line-height: normal !important;text-align: left !important;float: none !important;transform: none !important;} .mdp-topbar.mdp-products-toolbar > .mdp-products-search > input::placeholder {color: #b4b4c3 !important;opacity: 1 !important;} .mdp-topbar.mdp-products-toolbar > button.mdp-products-cart#mdpCartToggle {position: relative !important;grid-column: 2 !important;grid-row: 1 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;justify-self: end !important;align-self: center !important;width: 55px !important;max-width: 55px !important;min-width: 55px !important;height: 50px !important;min-height: 50px !important;margin: 0 !important;padding: 0 !important;border: 2px solid #e6e8ef !important;border-radius: 14px !important;float: none !important;transform: none !important;box-sizing: border-box !important;} .mdp-topbar.mdp-products-toolbar > button.mdp-products-cart#mdpCartToggle .mdp-cart-icon,.mdp-topbar.mdp-products-toolbar > button.mdp-products-cart#mdpCartToggle .mdp-cart-icon::before {width: 28px !important;height: 28px !important;} @media (max-width: 600px) { .mdp-topbar.mdp-products-toolbar {grid-template-columns: minmax(0, 1fr) 50px !important;grid-template-rows: 46px !important;width: calc(100% - 20px) !important;padding: 8px 0 12px !important;column-gap: 8px !important;} .mdp-topbar.mdp-products-toolbar > .mdp-products-search,.mdp-topbar.mdp-products-toolbar > .mdp-products-search > input#productSearch,.mdp-topbar.mdp-products-toolbar > .mdp-products-search > input#mdpProductSearch {height: 46px !important;min-height: 46px !important;} .mdp-topbar.mdp-products-toolbar > .mdp-products-search > input#productSearch,.mdp-topbar.mdp-products-toolbar > .mdp-products-search > input#mdpProductSearch {padding-left: 62px !important;font-size: 15px !important;} .mdp-topbar.mdp-products-toolbar > .mdp-products-search::before {left: 19px !important;width: 26px !important;height: 26px !important;} .mdp-topbar.mdp-products-toolbar > button.mdp-products-cart#mdpCartToggle {width: 50px !important;max-width: 50px !important;min-width: 50px !important;height: 46px !important;min-height: 46px !important;border-radius: 12px !important;} } .mdp-topbar {position: sticky;top: 0;z-index: 50;display: grid !important;grid-template-columns: minmax(0, 1fr) 55px;align-items: center;width: 100%;max-width: 760px;margin: 0 auto 1px;padding: 16px 14px 0 14px;background: #ffffff;gap: 14px;box-sizing: border-box;} .mdp-topbar > .logo {display: none !important;} /* Buscador productos */ .search-bar {display: block;position: relative;text-align: left;flex: 1 1 auto;min-width: 0;max-width: 690px;} .mdp-topbar > .search-bar {width: 100% !important;max-width: none !important;min-width: 0 !important;margin: 0 !important;} .search-bar::before {content: "";position: absolute;left: 26px;top: 50%;width: 33px;height: 33px;transform: translateY(-50%);background: #444;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events: none;z-index: 1;} #productSearch {max-width: 100%;width: 100%;height: 50px;padding: 0 52px 0 94px;border-radius: 27px;border: 2px solid #e6e8ef;background: #fff;color: #08083d;font-size: 17px;font-weight: 500;text-align: left;margin: 0;box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);box-sizing: border-box;outline: none;} .mdp-topbar > .search-bar > #productSearch {display: block !important;width: 100% !important;max-width: none !important;margin: 0 !important;} #productSearch::placeholder {color: #b4b4c3;opacity: 1;font-weight: 500;} #productSearch:focus {border-color: #d7dbe6;box-shadow: 0 0 0 3px rgba(31, 111, 242, 0.05);} /*------Clear input buscar------*/ #clearProductSearch {display:none;position: absolute;right: 22px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;border: solid 2px #c9cfda;border-radius: 50%;text-align: center;line-height: 19px;font-size: 15px;font-weight: 500;color: #8b92a3;cursor: pointer;user-select: none;transition: background 0.2s;} #clearProductSearch:hover {border: solid 2px #555;color: #555;} #clearProductSearch:active {background: #999;} .mdp-cart-btn {width: 55px;height: 50px;padding: 0;border: 2px solid #e6e8ef;border-radius: 14px;background: #fff;color: #08083d;display: inline-flex;align-items: center;justify-content: center;position: relative;box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);cursor: pointer;} .mdp-topbar > .mdp-cart-btn {width: 55px !important;min-width: 55px !important;height: 50px !important;margin: 0 !important;padding: 0 !important;justify-self: end;} .mdp-cart-btn:hover {background: #fafbff;border-color: #d9deea;} .mdp-cart-icon {display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;color: #08083d;font-size: 0;line-height: 1;} .mdp-cart-icon::before {content: "";width: 35px;height: 35px;background: #444;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h8.8a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h8.8a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat;} .mdp-cart-badge {position: absolute;top: 3px;right: 3px;min-width: 21px;height: 21px;padding: 0 5px;border-radius: 999px;background: #0962f5;color: #fff;font-size: 12px;font-weight: 800;line-height: 21px;text-align: center;} /* ====== Badge de stock ====== */ #asocProdContent .stock-badge {display: inline-flex;align-items: center;justify-content: center;min-height: 26px;background: #eef0f4;color: #6f7686;font-size: 11px;font-weight: 600;padding: 2px 13px;border-radius: 8px;margin-bottom: 0;white-space: nowrap;box-sizing: border-box;} .mdp-seller-prod-content .stock-badge {display: inline-flex;align-items: center;justify-content: center;min-height: 26px;background: #eef0f4;color: #6f7686;font-size: 11px;font-weight: 600;padding: 2px 13px;border-radius: 8px;margin-bottom: 0;white-space: nowrap;box-sizing: border-box;} #asocProdContent .stock-badge-limited {gap: 3px;background: #fff0f1;color: #e4002b;font-size: 11px;font-weight: 500;padding: 0 5px;} .mdp-seller-prod-content .stock-badge-limited {gap: 3px;background: #fff0f1;color: #e4002b;font-size: 11px;font-weight: 500;padding: 0 5px;} #asocProdContent .stock-badge-limited::before {content: "";display: inline-block;width: 13px;height: 13px;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.5c.35 2.8-.65 4.5-2.2 6.1-1.35 1.4-2.8 2.9-2.8 5.4 0 1.25.55 2.35 1.45 3.05-.1-.45-.12-.95-.02-1.45.22-1.25 1.1-2.25 2.1-3.2.85-.82 1.58-1.58 1.75-2.75 1.85 1.35 2.7 3.05 2.7 5.1 0 .78-.18 1.58-.55 2.25 1.55-.9 2.57-2.55 2.57-4.58 0-2.95-1.67-5.05-3.05-6.75-.9-1.1-1.62-2-1.95-3.17Z'/%3E%3Cpath d='M12 22c-4.15 0-7.5-2.95-7.5-7.35 0-2.95 1.62-5.05 3.22-6.75C9.35 6.17 10.95 4.48 10.5 1c3.45 1.25 5.1 3.55 6.4 5.7 1.17 1.92 2.6 3.52 2.6 6.52C19.5 18.45 16.15 22 12 22Z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.5c.35 2.8-.65 4.5-2.2 6.1-1.35 1.4-2.8 2.9-2.8 5.4 0 1.25.55 2.35 1.45 3.05-.1-.45-.12-.95-.02-1.45.22-1.25 1.1-2.25 2.1-3.2.85-.82 1.58-1.58 1.75-2.75 1.85 1.35 2.7 3.05 2.7 5.1 0 .78-.18 1.58-.55 2.25 1.55-.9 2.57-2.55 2.57-4.58 0-2.95-1.67-5.05-3.05-6.75-.9-1.1-1.62-2-1.95-3.17Z'/%3E%3Cpath d='M12 22c-4.15 0-7.5-2.95-7.5-7.35 0-2.95 1.62-5.05 3.22-6.75C9.35 6.17 10.95 4.48 10.5 1c3.45 1.25 5.1 3.55 6.4 5.7 1.17 1.92 2.6 3.52 2.6 6.52C19.5 18.45 16.15 22 12 22Z'/%3E%3C/svg%3E") center / contain no-repeat;} .mdp-seller-prod-content .stock-badge-limited::before {content: "";display: inline-block;width: 13px;height: 13px;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.5c.35 2.8-.65 4.5-2.2 6.1-1.35 1.4-2.8 2.9-2.8 5.4 0 1.25.55 2.35 1.45 3.05-.1-.45-.12-.95-.02-1.45.22-1.25 1.1-2.25 2.1-3.2.85-.82 1.58-1.58 1.75-2.75 1.85 1.35 2.7 3.05 2.7 5.1 0 .78-.18 1.58-.55 2.25 1.55-.9 2.57-2.55 2.57-4.58 0-2.95-1.67-5.05-3.05-6.75-.9-1.1-1.62-2-1.95-3.17Z'/%3E%3Cpath d='M12 22c-4.15 0-7.5-2.95-7.5-7.35 0-2.95 1.62-5.05 3.22-6.75C9.35 6.17 10.95 4.48 10.5 1c3.45 1.25 5.1 3.55 6.4 5.7 1.17 1.92 2.6 3.52 2.6 6.52C19.5 18.45 16.15 22 12 22Z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2.5c.35 2.8-.65 4.5-2.2 6.1-1.35 1.4-2.8 2.9-2.8 5.4 0 1.25.55 2.35 1.45 3.05-.1-.45-.12-.95-.02-1.45.22-1.25 1.1-2.25 2.1-3.2.85-.82 1.58-1.58 1.75-2.75 1.85 1.35 2.7 3.05 2.7 5.1 0 .78-.18 1.58-.55 2.25 1.55-.9 2.57-2.55 2.57-4.58 0-2.95-1.67-5.05-3.05-6.75-.9-1.1-1.62-2-1.95-3.17Z'/%3E%3Cpath d='M12 22c-4.15 0-7.5-2.95-7.5-7.35 0-2.95 1.62-5.05 3.22-6.75C9.35 6.17 10.95 4.48 10.5 1c3.45 1.25 5.1 3.55 6.4 5.7 1.17 1.92 2.6 3.52 2.6 6.52C19.5 18.45 16.15 22 12 22Z'/%3E%3C/svg%3E") center / contain no-repeat;} #asocProdContent .stock-badge-out, #asocProdContent .stock-badge-low {background: #eef0f4;color: #6f7686;} .mdp-seller-prod-content .stock-badge-out, .mdp-seller-prod-content .stock-badge-low {background: #eef0f4;color: #6f7686;} #asocProdContent .stock-badge-empty {visibility: hidden;} .mdp-seller-prod-content .stock-badge-empty {visibility: hidden;} #asocProdContent .stock-badge-qty {font-weight: 500;} .mdp-seller-prod-content .stock-badge-qty {font-weight: 500;} /* ====== QTY row ====== */ #asocProdContent .cart-actions {display: flex;flex-direction: column;gap: 8px;align-items: center;} .mdp-seller-prod-content .cart-actions {display: flex;flex-direction: column;gap: 8px;align-items: center;} #asocProdContent .qty-row {display: flex;align-items: center;justify-content: center;gap: 6px;margin: 5px 10px 0 10px;} .mdp-seller-prod-content .qty-row {display: flex;align-items: center;justify-content: center;gap: 6px;margin: 5px 10px 0 10px;} /* Caja de cantidad (– [1] +) */ #asocProdContent .qty-selector {display: inline-flex;height: 28px;border-radius: 7px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;} .mdp-seller-prod-content .qty-selector {display: inline-flex;height: 28px;border-radius: 7px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;} #asocProdContent .qty-btn {border: none;background: #ffffff;padding: 0 11px;font-size: 18px;cursor: pointer;line-height: 1;} .mdp-seller-prod-content .qty-btn {border: none;background: #ffffff;padding: 0 11px;font-size: 18px;cursor: pointer;line-height: 1;} #asocProdContent .qty-btn:hover {background: #e6e6e6;} .mdp-seller-prod-content .qty-btn:hover {background: #e6e6e6;} #asocProdContent .qty-input {width: 50px;border: none;text-align: center;font-size: 14px;padding: 0;outline: none;height: 25px;min-height: unset;} .mdp-seller-prod-content .qty-input {width: 50px;border: none;text-align: center;font-size: 14px;padding: 0;outline: none;height: 25px;min-height: unset;} #asocProdContent .btnBuy {border: solid 1px #e4002b;} .mdp-seller-prod-content .btnBuy {border: solid 1px #e4002b;} /* ====== Botón azul Add to cart ====== */ #asocProdContent .btnAddCart {min-height: 42px;box-sizing: border-box;background: linear-gradient(135deg, #087bf2, #0d6fe8);color: #ffffff !important;font-size: 0.93rem !important;padding: 7px 0;border: solid 1px #105d99;box-shadow: unset;} .mdp-seller-prod-content .btnAddCart {min-height: 42px;box-sizing: border-box;background: linear-gradient(135deg, #087bf2, #0d6fe8);color: #ffffff !important;font-size: 0.93rem !important;padding: 7px 0;border: solid 1px #105d99;box-shadow: unset;} #asocProdContent .btnAddCart:hover {background: #0350d9;} .mdp-seller-prod-content .btnAddCart:hover {background: #0350d9;} /* Deshabilitados pero visibles */ .qty-selector.disabled input {background: #fff !important;cursor: not-allowed !important;} button.disabled {background: #555 !important;cursor: not-allowed !important;pointer-events: none !important;} #asocProdContent .btnAddCart.addToCartSeller.disabled {color: #a0a7b4 !important;} .mdp-seller-prod-content .btnAddCart.addToCartSeller.disabled {color: #a0a7b4 !important;} #asocProdContent .qty-row.disabled, #asocProdContent .btnBuy.getItNowSeller.disabled, #asocProdContent .btnAddCart.addToCartSeller.disabled {visibility: visible;} .mdp-seller-prod-content .qty-row.disabled, .mdp-seller-prod-content .btnBuy.getItNowSeller.disabled, .mdp-seller-prod-content .btnAddCart.addToCartSeller.disabled {visibility: visible;} #asocProdContent .qty-row.disabled {opacity: 0.62;} .mdp-seller-prod-content .qty-row.disabled {opacity: 0.62;} #asocProdContent .qty-selector.disabled .qty-btn, #asocProdContent .qty-selector.disabled .qty-input {color: #9ca3af;cursor: not-allowed !important;} .mdp-seller-prod-content .qty-selector.disabled .qty-btn, .mdp-seller-prod-content .qty-selector.disabled .qty-input {color: #9ca3af;cursor: not-allowed !important;} #asocProdContent .btnBuy.getItNowSeller.disabled {background: #e5e7eb !important;border-color: #e5e7eb !important;color: #6b7280 !important;box-shadow: none !important;opacity: 1 !important;} .mdp-seller-prod-content .btnBuy.getItNowSeller.disabled {background: #e5e7eb !important;border-color: #e5e7eb !important;color: #6b7280 !important;box-shadow: none !important;opacity: 1 !important;} #asocProdContent .btnAddCart.addToCartSeller.disabled {background: #fff !important;border-color: #d1d5db !important;color: #a0a7b4 !important;box-shadow: none !important;opacity: 1 !important;} .mdp-seller-prod-content .btnAddCart.addToCartSeller.disabled {background: #fff !important;border-color: #d1d5db !important;color: #a0a7b4 !important;box-shadow: none !important;opacity: 1 !important;} /*------Productos------*/ #landinAsocContainer {text-align: center;} .sellerAsoc-wrap {max-width:650px; margin:0 auto; padding:0 7px;} #asocProdContent {text-align: center;padding: 0 3px 11px 3px;border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;} .mdp-seller-prod-content {text-align: center;padding: 0 3px 11px 3px;border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;} .product {width: 24%;margin-top: 10px;padding: 7px 5px 15px 5px;display: inline-block;vertical-align: top;background: #fff;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;border: unset !important;} .product:hover {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;} .productTopRow {display: flex;align-items: center;justify-content: space-between;gap: 5px;width: 100%;min-height: 28px;margin: 5px 0;padding: 0;box-sizing: border-box;} .productidDiv {font-size: 0.75em;font-weight: 400;} #asocProdContent .productTopRow .productidDiv {display: inline-flex;align-items: center;justify-content: center;min-height: 26px;padding: 2px 12px;border-radius: 8px;background: #eef0f4;color: #1f2937;line-height: 1;box-sizing: border-box;} .mdp-seller-prod-content .productTopRow .productidDiv {display: inline-flex;align-items: center;justify-content: center;min-height: 26px;padding: 2px 12px;border-radius: 8px;background: #eef0f4;color: #1f2937;line-height: 1;box-sizing: border-box;} #asocProdContent .productTopRow .productidDiv {margin-right: auto;} .mdp-seller-prod-content .productTopRow .productidDiv {margin-right: auto;} #asocProdContent .productTopRow .stock-badge {margin-left: auto;} .mdp-seller-prod-content .productTopRow .stock-badge {margin-left: auto;} #asocProdContent .productTopRow .productidDiv span {display: inline-flex;margin: 0;font-size: 11px;} .mdp-seller-prod-content .productTopRow .productidDiv span {display: inline-flex;margin: 0;font-size: 11px;} .descProd {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;font-weight: 400;font-size: 0.8em;} .btnBuy, .btnAddCart {width: 95%;padding: 6px 0;display: inline-block;background: #e4002b;color: #ffffff !important;font-size: 0.9em;cursor: pointer;border: unset;border-radius: 10px;font-family: system-ui;font-weight: 500;text-decoration: none;letter-spacing: -0.3px;margin: 5px 0;} .btnBuy::before, .btnAddCart::before {content: "";display: inline-block;width: 20px;height: 20px;margin-right: 7px;vertical-align: -3px;background: currentColor;-webkit-mask-position: center;mask-position: center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: contain;mask-size: contain;} .btnBuy::before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1 13H5L6 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1 13H5L6 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");} .btnAddCart::before {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h8.8a2 2 0 0 0 2-1.6L22 6H6'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h8.8a2 2 0 0 0 2-1.6L22 6H6'/%3E%3C/svg%3E");} .btnBuy:hover, .btnAddCart:hover {opacity: 0.8;} #asocProdContent .qty-row, #asocProdContent .btnBuy, .mdp-seller-prod-content .qty-row, .mdp-seller-prod-content .btnBuy {display: none !important;} .btnBuy.getItNowSeller.disabled:hover, .btnAddCart.addToCartSeller.disabled:hover {opacity: 1;} .product-image {cursor: pointer;margin: 0 0 5px 0;height: 200px;} .product-image img {width: 100%;height: 100%;object-fit: contain;object-position: center center;border-radius: 3px;} #asocProdContent .product.is-out-of-stock .product-image img {opacity: 0.55;} .mdp-seller-prod-content .product.is-out-of-stock .product-image img {opacity: 0.55;} .infoProd span {display: block;margin: 5px;} .descProdRow {display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 8px;margin: 5px;text-align: left;} .descProdRow .descProd {min-width: 0;margin: 0;} .mdpLargeDescInfoBtn {display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;padding: 0;border: none;border-radius: 50%;background: transparent;color: #7a8190;cursor: pointer;box-shadow: none;} .mdpLargeDescInfoBtn:hover {background: transparent;color: #344f87;} .mdpLargeDescInfoBtn svg {display: block;width: 21px;height: 21px;} .mdpLargeDescPopup {display: none;position: fixed;inset: 0;z-index: 10000;align-items: center;justify-content: center;padding: 18px 12px;background: rgba(17, 24, 39, 0.72);} .mdpLargeDescPopup.is-open {display: flex;} .mdpLargeDescModal {position: relative;display: grid;grid-template-columns: 176px minmax(0, 1fr);gap: 22px;width: min(608px, 100%);max-height: min(82vh, 360px);box-sizing: border-box;padding: 24px 48px 18px 22px;border-radius: 18px 18px 0 0;background: #fff;color: #27314f;box-shadow: 0 22px 60px rgba(0,0,0,0.28);text-align: left;} .mdpLargeDescClose {position: absolute;top: 13px;right: 18px;width: 28px;height: 28px;display: inline-flex;align-items: center;justify-content: center;padding: 0;border: none;border-radius: 50%;background: transparent;color: #2f3447;font-size: 2rem;font-weight: 300;line-height: 1;cursor: pointer;} .mdpLargeDescClose:hover {background: transparent;color: #111827;} .mdpLargeDescImageWrap {width: 176px;height: 162px;border: 1px solid rgba(220,225,238,0.96);border-radius: 7px;background: #fff;overflow: hidden;} .mdpLargeDescImageWrap img {display: block;width: 100%;height: 100%;object-fit: contain;} .mdpLargeDescText {min-width: 0;padding-right: 6px;} .mdpLargeDescText h3 {margin: 0 0 10px;color: #2f3447;font-size: 1.28rem;font-weight: 700;line-height: 1.18;} .mdpLargeDescText p {max-height: 150px;margin: 0;padding-right: 10px;overflow-y: auto;color: #2f3447;font-size: 1rem;font-weight: 500;line-height: 1.35;scrollbar-width: thin;} @media (max-width: 560px) { .mdpLargeDescModal {grid-template-columns: minmax(116px, 38%) minmax(0, 1fr);gap: 14px;padding: 18px 42px 16px 18px;} .mdpLargeDescImageWrap {width: 100%;height: auto;aspect-ratio: 1 / 1;} .mdpLargeDescText h3 {font-size: 1.05rem;} .mdpLargeDescText p {max-height: 150px;font-size: 0.92rem;} } #asocProdContent .descProdRow .descProd {display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal !important;overflow: hidden !important;text-overflow: ellipsis !important;line-height: 1.2 !important;max-height: 2.4em;text-align: left !important;} .mdp-seller-prod-content .descProdRow .descProd {display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal !important;overflow: hidden !important;text-overflow: ellipsis !important;line-height: 1.2 !important;max-height: 2.4em;text-align: left !important;} #asocProdContent .mdpConditionBadge {display: inline-flex !important;align-items: center;width: fit-content;max-width: calc(100% - 30px);margin: 8px 15px 0 15px !important;padding: 4px 8px;border-radius: 999px;background: #fff7ed;color: #9a3412;font-size: 0.72rem;font-weight: 700;line-height: 1.2;text-align: left;} .mdp-seller-prod-content .mdpConditionBadge {display: inline-flex !important;align-items: center;width: fit-content;max-width: calc(100% - 30px);margin: 8px 15px 0 15px !important;padding: 4px 8px;border-radius: 999px;background: #fff7ed;color: #9a3412;font-size: 0.72rem;font-weight: 700;line-height: 1.2;text-align: left;} #mdpLargeDescPopup .mdpLargeDescCondition {display: block !important;width: auto;margin: 2px 0 8px 0 !important;padding: 0;border-radius: 0;background: transparent;color: #667085;font-size: 0.9rem;font-weight: 500;line-height: 1.35;} #mdpLargeDescPopup .mdpLargeDescCondition.is-pallet-subtitle {display: block !important;width: auto !important;margin: -4px 0 10px 0 !important;padding: 0 !important;border-radius: 0 !important;background: transparent !important;color: #667085 !important;font-size: 0.9rem !important;font-weight: 700 !important;line-height: 1.25 !important;} #mdpLargeDescPopup .mdpLargeDescCondition[hidden] {display: none !important;} #noProdFoundP {padding: 10px 0 0 0;margin-bottom: 0;} /*------Loading efecto------*/ #infiniteLoader, .mdp-seller-loader {display: none;align-items: center;justify-content: center;padding: 12px 0;} #infiniteLoader.show, .mdp-seller-loader.show { display: flex; } #infiniteLoader .spinner, .mdp-seller-loader .spinner {width: 18px; height: 18px; border-radius: 50%;border: 2px solid #ccc; border-top-color: #3b82f6;animation: spin .9s linear infinite;} .mdp-view-more-products {display:block;width:calc(100% - 24px);min-height:66px;margin:14px auto 20px;padding:0 18px;border:1px solid #f0f2f6;border-radius:14px;background:#f7f8fb;color:#071632;font:700 17px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .12s ease;} .mdp-view-more-products__content {display:flex;align-items:center;justify-content:center;gap:14px;width:100%;} .mdp-view-more-products__icon {width:23px;height:23px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;} .mdp-view-more-products:hover {background:#f1f4f9;border-color:#e4e8ef;} .mdp-view-more-products:active {transform:scale(.992);} .mdp-view-more-products:focus-visible {outline:2px solid rgba(7,22,50,.14);outline-offset:2px;} .mdp-view-more-products:disabled {opacity:.55;cursor:wait;transform:none;} @media (min-width:600px) {.mdp-view-more-products {margin-right:22px;}} @keyframes spin { to { transform: rotate(360deg); } } .product.skeleton {background: #f3f3f3; border-radius: 12px; overflow: hidden;} /* Skeletons */ .skel-img, .skel-text, .skel-btn {position: relative; overflow: hidden; background: #e9e9e9;} .skel-img { aspect-ratio: 1/1; } .skel-text { height: 16px; margin: 10px 12px; border-radius: 8px; } .skel-text.long { width: 80%; } .skel-text.short { width: 40%; } .skel-btn { height: 36px; margin: 12px; border-radius: 999px; } .skeleton .shine::after {content: ''; position: absolute; inset: 0;background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);transform: translateX(-100%); animation: shimmer 1.1s infinite;} @keyframes shimmer { to { transform: translateX(100%); } } /*------Popup gallery prod asoc------*/ .popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;place-content: center;background-color: rgba(0, 0, 0, 0.8);overflow: auto;} .popup-content {position: relative;margin: 0 auto;padding: 10px;background-color: #fff;border-radius: 5px;width: 900px;text-align: center;} #imagePopup .close, #imagePopup .cerrar {position: absolute;top: 18px;right: 18px;font-size: 20px;background: #444444d9;color: #fff;border-radius: 6px;padding: 0px 8px 3px 8px;cursor: pointer;z-index: 9;} .close:hover, .cerrar:hover {opacity: 0.8;} #imageWrapper {height: 85vh;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: #f1eff0;padding: 0.3em;} .popup-gallery img {max-width: 100%;max-height: 100%;object-fit: contain;border-radius: 5px;} .nav-button {background: #f1eff0;color: #000;padding: 5px 10px;cursor: pointer;border: none;border-radius: 3px;position: absolute;top: 40vh;font-size: 1em;} .nav-button:hover {background-color: #222;color: #fff;} #prevImage {left: 20px;} #nextImage {right: 20px;} .priceQty {display: flex;justify-content: center;font-weight: 400;} .precProd {font-size: 1.2em;font-weight: 600;} .qtyProd {font-size: 0.8em;} .pagination-bullets {display: flex;place-content: center;align-items: center;padding: 13px 0 3px 0;} .bullet {display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: #ccc;border-radius: 50%;cursor: pointer;} .bullet.active {background-color: #333;} #popupImage {transition: transform 0.45s ease-in-out;cursor: zoom-in;} .image-flip-next {transform: rotateY(-90deg);} .image-flip-prev {transform: rotateY(90deg);} .popup-gallery {overflow: hidden;} /*Response*/ @media (max-width: 926px) {.popup-content {width: 870px;}} @media (max-width: 885px) {.popup-content {width: 840px;}} @media (max-width: 855px) {.popup-content {width: 810px;}} @media (max-width: 820px) {.popup-content {width: 780px;}} @media (max-width: 790px) {.popup-content {width: 750px;}} @media (max-width: 768px) { .product {width: 32%;} .popup-content {width: 720px;} .logo {width: 170px;} .mdp-topbar {grid-template-columns: minmax(0, 1fr) 64px;padding: 13px 10px 14px;gap: 10px;} #productSearch {height: 64px;min-height: 64px;border-radius: 27px;padding-left: 76px;font-size: 17px;} .search-bar::before {left: 22px;width: 28px;height: 28px;} .mdp-cart-btn, .mdp-topbar > .mdp-cart-btn {width: 64px !important;height: 64px !important;min-width: 64px !important;border-radius: 16px;} .mdp-cart-icon, .mdp-cart-icon::before {width: 30px;height: 30px;} } @media (max-width: 735px) {.popup-content {width: 690px;}} @media (max-width: 715px) {.popup-content {width: 660px;}} @media (max-width: 675px) {.popup-content {width: 640px;}} @media (max-width: 670px) {.popup-content {width: 620px;}} @media (max-width: 645px) {.popup-content {width: 620px;}} @media (max-width: 630px) {.popup-content {width: 600px;}} @media (max-width: 620px) {.popup-content {width: 580px;}} @media (max-width: 595px) {.popup-content {width: 560px;}} @media (max-width: 576px) { .logo {width: 150px;} } @media (max-width: 560px) {.popup-content {width: 540px;}} @media (max-width: 540px) {.popup-content {width: 520px;}} @media (max-width: 520px) {.popup-content {width: 500px;}} @media (max-width: 500px) { .product {width: 49%;} .popup-content {width: 480px;} .logo {display: none;} .mdp-topbar {grid-template-columns: minmax(0, 1fr) 56px;} #productSearch {height: 56px;min-height: 56px;border-radius: 24px;padding-left: 62px;padding-right: 34px;font-size: 15px;} .search-bar::before {left: 18px;width: 24px;height: 24px;} .mdp-cart-btn, .mdp-topbar > .mdp-cart-btn {width: 56px !important;height: 56px !important;min-width: 56px !important;border-radius: 14px;} .mdp-cart-icon, .mdp-cart-icon::before {width: 27px;height: 27px;} #clearProductSearch {right: 12px;} } @media (max-width: 480px) {.popup-content {width: 460px;}} @media (max-width: 460px) {.popup-content {width: 440px;}} @media (max-width: 430px) {.popup-content {width: 420px;}} @media (max-width: 420px) {.popup-content {width: 410px;}} @media (max-width: 410px) {.popup-content {width: 400px;}} @media (max-width: 400px) {.popup-content {width: 390px;} #asocProdContent .productTopRow .productidDiv {padding: 0px 6px;border-radius: 5px;} .mdp-seller-prod-content .productTopRow .productidDiv {padding: 0px 6px;border-radius: 5px;} .productidDiv {font-size: 0.7em;} } @media (max-width: 390px) {.popup-content {width: 380px;}} @media (max-width: 380px) {.popup-content {width: 360px;}} @media (max-width: 360px) {.popup-content {width: 340px;}} @media (max-width: 340px) {.popup-content {width: 320px;}} @media (max-width: 320px) {.popup-content {width: 300px;}} /* Ajuste visual largeDesc en cards */ #asocProdContent .infoProd {box-sizing: border-box;text-align: left;} .mdp-seller-prod-content .infoProd {box-sizing: border-box;text-align: left;} #asocProdContent .descProdRow {position: relative !important;display: block !important;width: auto !important;margin: 10px 15px 0 15px !important;padding-right: 22px !important;text-align: left !important;box-sizing: border-box;} .mdp-seller-prod-content .descProdRow {position: relative !important;display: block !important;width: auto !important;margin: 10px 15px 0 15px !important;padding-right: 22px !important;text-align: left !important;box-sizing: border-box;} #asocProdContent .descProdRow .descProd {display: block !important;margin: 0 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;line-height: 1.2;text-align: left !important;} .mdp-seller-prod-content .descProdRow .descProd {display: block !important;margin: 0 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;line-height: 1.2;text-align: left !important;} #asocProdContent .mdpLargeDescInfoBtn {position: absolute !important;top: -4px !important;right: -5px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;width: 24px !important;height: 24px !important;min-width: 24px !important;min-height: 24px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: #7a8190 !important;box-shadow: none !important;line-height: 1 !important;float: none !important;transform: none !important;} .mdp-seller-prod-content .mdpLargeDescInfoBtn {position: absolute !important;top: -4px !important;right: -5px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;width: 24px !important;height: 24px !important;min-width: 24px !important;min-height: 24px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;border-radius: 50% !important;background: transparent !important;color: #7a8190 !important;box-shadow: none !important;line-height: 1 !important;float: none !important;transform: none !important;} #asocProdContent .mdpLargeDescInfoBtn svg {width: 22px !important;height: 22px !important;} .mdp-seller-prod-content .mdpLargeDescInfoBtn svg {width: 22px !important;height: 22px !important;} #asocProdContent .mdpProductKeyDetail {display: block !important;margin: 5px 15px 0 15px !important;color: #536079;font-size: 0.86rem;font-weight: 700;line-height: 1.2;text-align: left !important;} .mdp-seller-prod-content .mdpProductKeyDetail {display: block !important;margin: 5px 15px 0 15px !important;color: #536079;font-size: 0.86rem;font-weight: 700;line-height: 1.2;text-align: left !important;} #asocProdContent .stock-badge-lot {background: #eef4ff;color: #1d4ed8;font-size: 12px;font-weight: 800;padding: 2px 9px;} .mdp-seller-prod-content .stock-badge-lot {background: #eef4ff;color: #1d4ed8;font-size: 12px;font-weight: 800;padding: 2px 9px;} #asocProdContent .mdpPalletMetaLine, #asocProdContent .mdpPalletFinalSale {display: block !important;margin: 5px 15px 0 15px !important;color: #536079;font-size: 0.78rem;font-weight: 700;line-height: 1.25;text-align: left !important;} .mdp-seller-prod-content .mdpPalletMetaLine, .mdp-seller-prod-content .mdpPalletFinalSale {display: block !important;margin: 5px 15px 0 15px !important;color: #536079;font-size: 0.78rem;font-weight: 700;line-height: 1.25;text-align: left !important;} #asocProdContent .mdpPalletFinalSale {color: #b42318;font-size: 0.72rem;letter-spacing: 0;} .mdp-seller-prod-content .mdpPalletFinalSale {color: #b42318;font-size: 0.72rem;letter-spacing: 0;} #asocProdContent .infoProd > .precProd {display: block !important;margin: 5px 15px 0 15px !important;text-align: left !important;} .mdp-seller-prod-content .infoProd > .precProd {display: block !important;margin: 5px 15px 0 15px !important;text-align: left !important;} #asocProdContent .priceQty {justify-content: flex-start !important;margin: 7px 20px 0 20px !important;text-align: left !important;} .mdp-seller-prod-content .priceQty {justify-content: flex-start !important;margin: 7px 20px 0 20px !important;text-align: left !important;} #asocProdContent .priceQty .precProd {margin: 0 !important;} .mdp-seller-prod-content .priceQty .precProd {margin: 0 !important;} #mdpLargeDescPopup.mdpLargeDescPopup {display: none !important;position: fixed !important;inset: 0 !important;z-index: 10000 !important;align-items: center !important;justify-content: center !important;padding: 12px !important;background: rgba(17, 24, 39, 0.72) !important;box-sizing: border-box !important;} #mdpLargeDescPopup.mdpLargeDescPopup.is-open {display: flex !important;} #mdpLargeDescPopup .mdpLargeDescModal {position: relative !important;display: grid !important;grid-template-columns: 176px minmax(0, 1fr) !important;grid-template-areas: "image text" !important;align-items: start !important;gap: 22px !important;width: min(608px, calc(100vw - 24px)) !important;max-height: min(82vh, 280px) !important;padding: 24px 46px 18px 22px !important;border-radius: 15px !important;background: #fff !important;color: #2f3447 !important;box-sizing: border-box !important;text-align: left !important;overflow: hidden !important;} #mdpLargeDescPopup .mdpLargeDescClose {position: absolute !important;top: 3px !important;right: 2px !important;width: 30px !important;height: 30px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;color: #444444 !important;box-shadow: none !important;font-size: 1.6rem !important;font-weight: 300 !important;line-height: 1 !important;} #mdpLargeDescPopup .mdpLargeDescClose:hover {opacity: 0.8;} #mdpLargeDescPopup .mdpLargeDescImageWrap {grid-area: image !important;width: 176px !important;height: 162px !important;border: 1px solid rgba(220,225,238,0.96) !important;border-radius: 7px !important;background: #fff !important;overflow: hidden !important;} #mdpLargeDescPopup .mdpLargeDescImageWrap img {display: block !important;width: 100% !important;height: 100% !important;object-fit: contain !important;} #mdpLargeDescPopup .mdpLargeDescText {grid-area: text !important;min-width: 0 !important;padding: 0 4px 0 0 !important;text-align: left !important;} #mdpLargeDescPopup .mdpLargeDescText h3 {margin: 7px 0 10px 0 !important;color: #2f3447 !important;font-size: 1.2rem !important;font-weight: 500 !important;line-height: 1.18 !important;text-align: left !important;} #mdpLargeDescPopup .mdpLargeDescText p {max-height: 180px !important;margin: 0 !important;padding-right: 10px !important;overflow-y: auto !important;color: #2f3447 !important;font-size: 1rem !important;font-weight: 400 !important;line-height: 1.35 !important;text-align: left !important;scrollbar-width: thin !important;} #mdpLargeDescPopup .mdpLargeDescBody {max-height: 180px !important;margin: 0 !important;padding-right: 10px !important;overflow-y: auto !important;color: #2f3447 !important;font-size: 0.95rem !important;font-weight: 400 !important;line-height: 1.35 !important;text-align: left !important;scrollbar-width: thin !important;} #mdpLargeDescPopup .mdpPalletDetailBlock {display: grid;gap: 5px;} #mdpLargeDescPopup .mdpPalletDetailBlock > strong {color: #24324d;font-weight: 800;} #mdpLargeDescPopup .mdpPalletDetailBlock ul {margin: 0;padding-left: 18px;} #mdpLargeDescPopup .mdpPalletManifestLinks {display: flex;flex-wrap: wrap;gap: 6px;} #mdpLargeDescPopup .mdpPalletManifestLinks a {display: inline-flex;padding: 5px 8px;border-radius: 999px;background: #eef4ff;color: #1d4ed8;font-size: 0.8rem;font-weight: 800;text-decoration: none;} #mdpLargeDescPopup .mdpPalletDescription {padding-top: 6px;border-top: 1px solid #edf1f7;white-space: pre-wrap;} #mdpLargeDescPopup .mdpPalletSmallNote {margin: 0;color: #667085;font-size: 0.84rem;font-weight: 600;} #mdpLargeDescPopup .mdpPalletDisclosure {display: grid;gap: 6px;border-bottom: 1px solid #edf1f7;padding-bottom: 6px;} #mdpLargeDescPopup .mdpPalletDisclosure summary {cursor: pointer;color: #1d4ed8;font-weight: 800;list-style: none;} #mdpLargeDescPopup .mdpPalletDisclosure summary::-webkit-details-marker {display: none;} #mdpLargeDescPopup .mdpPalletDisclosure ul {margin: 6px 0 0;padding-left: 18px;} .mdpPalletFreightPopup {display: none;position: fixed;inset: 0;z-index: 10020;align-items: center;justify-content: center;padding: 14px;background: rgba(17,24,39,0.72);box-sizing: border-box;} .mdpPalletFreightPopup.is-open {display: flex;} @media (max-width: 560px) { #asocProdContent .mdpProductKeyDetail, #asocProdContent .mdpPalletMetaLine, #asocProdContent .mdpPalletFinalSale, #asocProdContent .infoProd > .precProd, #asocProdContent .priceQty, .mdp-seller-prod-content .mdpProductKeyDetail, .mdp-seller-prod-content .mdpPalletMetaLine, .mdp-seller-prod-content .mdpPalletFinalSale, .mdp-seller-prod-content .infoProd > .precProd, .mdp-seller-prod-content .priceQty {margin-right: 5px !important;margin-left: 10px !important;} #mdpLargeDescPopup .mdpLargeDescModal {grid-template-columns: minmax(116px, 38%) minmax(0, 1fr) !important;gap: 14px !important;padding: 18px 18px 10px 18px !important;} #mdpLargeDescPopup .mdpLargeDescImageWrap {width: 100% !important;aspect-ratio: 1 / 1 !important;} #mdpLargeDescPopup .mdpLargeDescText h3 {font-size: 1.05rem !important;} #mdpLargeDescPopup .mdpLargeDescText p {max-height: 150px !important;font-size: 0.92rem !important;} } #asocProdContent .descProdRow .descProd {display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal !important;overflow: hidden !important;text-overflow: ellipsis !important;line-height: 1.2 !important;max-height: 2.4em;text-align: left !important;} .mdp-seller-prod-content .descProdRow .descProd {display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal !important;overflow: hidden !important;text-overflow: ellipsis !important;line-height: 1.2 !important;max-height: 2.4em;text-align: left !important;} #asocProdContent .mdpConditionBadge {display: inline-flex !important;align-items: center;width: fit-content;max-width: calc(100% - 30px);margin: 8px 15px 0 15px !important;padding: 4px 8px;border-radius: 999px;background: #fff7ed;color: #9a3412;font-size: 0.72rem;font-weight: 700;line-height: 1.2;text-align: left;} .mdp-seller-prod-content .mdpConditionBadge {display: inline-flex !important;align-items: center;width: fit-content;max-width: calc(100% - 30px);margin: 8px 15px 0 15px !important;padding: 4px 8px;border-radius: 999px;background: #fff7ed;color: #9a3412;font-size: 0.72rem;font-weight: 700;line-height: 1.2;text-align: left;} #mdpLargeDescPopup .mdpLargeDescCondition {display: block !important;width: auto;margin: 2px 0 8px 0 !important;padding: 0;border-radius: 0;background: transparent;color: #667085;font-size: 0.9rem;font-weight: 500;line-height: 1.35;} #mdpLargeDescPopup .mdpLargeDescCondition[hidden] {display: none !important;} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail {grid-template-columns: minmax(300px, 45%) minmax(0, 1fr) !important;gap: 42px !important;width: min(900px, calc(100vw - 24px)) !important;max-height: calc(100vh - 24px) !important;padding: 38px 25px 28px 15px !important;border-radius: 12px !important;overflow-y: auto !important;scrollbar-width: thin;clip-path: inset(0 round 12px);} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescImageWrap {width: 100% !important;height: auto !important;min-height: 520px !important;border: none !important;border-radius: 6px !important;background: #fafafa !important;display: flex !important;align-items: center !important;justify-content: center !important;} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescImageWrap img {max-width: 100% !important;max-height: 100% !important;object-fit: contain !important;} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescText {padding: 0 !important;} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescText h3 {margin: 0 0 6px !important;color: #111827 !important;font-size: 1.55rem !important;font-weight: 800 !important;line-height: 1.08 !important;text-transform: uppercase !important;} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescCondition {margin: 0 0 20px !important;color: #667085 !important;font-weight: 700 !important;} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescBody {max-height: none !important;overflow: visible !important;padding: 0 !important;font-size: 0.94rem !important;} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescClose {top: 16px !important;right: 16px !important;color: #4b5563 !important;font-size: 2rem !important;} #mdpLargeDescPopup .mdpPalletIcon {width: 26px;height: 26px;flex: 0 0 26px;color: #6b7280;fill: none;stroke: currentColor;stroke-width: 1.5px;stroke-linecap: round;stroke-linejoin: round;} #mdpLargeDescPopup .mdpPalletDetails {display: grid;gap: 8px !important;} #mdpLargeDescPopup .mdpPalletDimensions {display:grid;gap:6px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#4f5776;} #mdpLargeDescPopup .mdpPalletDimensions strong {color:#344054;font-weight:800;} #mdpLargeDescPopup .mdpPalletDimensions span {display:block;line-height:1.35;} #mdpLargeDescPopup .mdpPalletNotice {display: flex;gap: 16px !important;margin: 10px 0;padding: 14px 0px !important;border: 1px solid #fed7aa;border-radius: 8px;background: #fff7ed !important;color: #9a3412 !important;} #mdpLargeDescPopup .mdpPalletNotice .mdpPalletIcon {color: #f59e0b;} #mdpLargeDescPopup .mdpPalletNotice strong {display: block;margin: 0 0 6px;color: #9a3412;font-weight: 800;} #mdpLargeDescPopup .mdpPalletNotice span {display: block;color: #344054;font-weight: 400;line-height: 1.35;} #mdpLargeDescPopup .mdpPalletAction {display: flex;align-items: center;gap: 10px;min-height: 38px;padding: 8px 12px;border: 1px solid #d6e7ff;border-radius: 8px;background: #eff6ff;color: #1d69e7;font-weight: 800;text-decoration: none;} a.mdpPalletAction {padding-left: 22px !important;} #mdpLargeDescPopup .mdpPalletAction .mdpPalletIcon {color: #1d69e7;} #mdpLargeDescPopup .mdpPalletDisclosure summary {display: flex;align-items: center;gap: 10px;color: #1d69e7 !important;} #mdpLargeDescPopup .mdpPalletManifestLinks {padding: 8px 0 0 32px;} #mdpLargeDescPopup .mdpPalletDescription {margin-top: 8px;padding-top: 10px;border-top: 1px solid #edf1f7;color: #2f3447;font-size: 0.95rem;line-height: 1.45;white-space: pre-wrap;} #mdpLargeDescPopup .mdpPalletSmallNote {margin: 0;color: #667085;font-size: 0.86rem;font-weight: 600;} .mdpPalletFreightModal {position: relative;display: grid;gap: 0;width: min(500px, calc(100vw - 28px));max-height: calc(100vh - 28px);overflow: hidden auto;padding: 30px 15px 12px 20px;border-radius: 15px;background: #fff;color: #26324d;box-shadow: 0 24px 70px rgba(0,0,0,0.28);text-align: left;box-sizing: border-box;scrollbar-width: thin;clip-path: inset(0 round 15px);} .mdpPalletFreightHeader {margin: 0 0 14px;padding: 0 0 14px;border-bottom: 1px solid #e5e7eb;text-align: center;} .mdpPalletFreightHeader h3 {margin: 0 0 6px;color: #111827;font-size: 1.7rem;font-weight: 700;line-height: 1.15;} .mdpPalletFreightHeader p {max-width: 310px;margin: 0 auto;color: #667085;font-size: 0.9rem;font-weight: 500;line-height: 1.28;} .mdpPalletFreightProduct {display: flex;align-items: center;margin: 0 0 14px;} .mdpPalletFreightProduct[hidden] {display: none !important;} .mdpPalletFreightImageWrap {width: 46%;} .mdpPalletFreightImageWrap img {width: 100%;height: auto;object-fit: contain;} .mdpPalletFreightProductMeta {display: grid;gap: 7px;min-width: 0;margin-left: 25px;} .mdpPalletFreightProductMeta > strong {color: #111827;font-size: 0.95rem;font-weight: 800;line-height: 1.2;text-transform: uppercase;} .mdpPalletFreightCode {width: fit-content;padding: 4px 8px;border-radius: 7px;background: #f2f4f7;color: #667085;font-size: 0.82rem;font-weight: 500;} .mdpPalletFreightPrice {color: #111827;font-size: 1.15rem;font-weight: 800;} .mdpPalletFreightPrice small {font-size: 0.75rem;font-weight: 600;color: #667085;} .mdpPalletFreightProductRow {display: flex;} .mdpPalletFreightProductRow .mdpPalletIcon {width: 18px;height: 18px;margin-right: 5px;color: #667085;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;} .mdpPalletFreightProductRow span {min-width: 0;font-size: 0.8em;line-height: 1.3;} .mdpPalletFreightProductRow strong {display: inline;color: #667085;font-weight: 700;text-align: left;} .mdpPalletFreightWarning {margin: 0 0 18px;padding: 20px 14px 14px 14px;border: 1px solid #fed7aa;border-radius: 7px;background: #fff7ed;color: #9a3412;} .mdpPalletFreightWarningRow {display: flex;align-items: flex-start;gap: 0;width: 100%;} .mdpPalletFreightWarningRow > .mdpPalletIcon {flex: 0 0 24px;width: 24px;height: 24px;margin-top: 1px;color: #f59e0b;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;} .mdpPalletFreightWarningRow > div {flex: 1 1 auto;min-width: 0;margin-left: 20px;} .mdpPalletFreightWarning strong {display: block;margin: 0 0 8px;color: #c2410c;font-size: 0.88rem;font-weight: 800;line-height: 1.2;white-space: normal;} .mdpPalletFreightWarning p {margin: 0 0 8px;color: #536788;font-size: 0.78rem;font-weight: 500;line-height: 1.45;white-space: normal;word-break: normal;overflow-wrap: normal;} .mdpPalletFreightWarning a {display: flex;align-items: end;gap: 14px;width: 100%;color: #1d69e7;font-size: 0.9rem;font-weight: 800;text-decoration: none;} .mdpPalletFreightWarning a span {flex: 1 1 auto;min-width: 0;} .mdpPalletFreightWarning a .mdpPalletIcon {flex: 0 0 28px;width: 28px;height: 28px;color: #1d69e7;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;} .mdpPalletFreightConfirm {margin: 0 0 18px !important;color: #111827;font-size: 0.82rem;font-weight: 500;line-height: 1.35;} .mdpPalletFreightConfirm input {width: 22px;height: 22px;margin: 0;accent-color: #1d69e7;} .mdpPalletFreightContinue {min-height: 47px;border-radius: 7px;background: #1d69e7;color: #fff;font-weight: 700;} .mdpPalletFreightContinue:disabled {background: #f8e9e9;color: #a8a8a8;} .mdpPalletFreightCancel {min-height: 43px;margin-top: 12px;border: 1px solid #ff2d46;border-radius: 7px;background: #fff;color: #ff2d46;font-size: 0.95rem;font-weight: 700;cursor: pointer;} .mdpPalletFreightClose {top: 13px;right: 13px;color: #4b5563;} @media (max-width: 700px) { #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail {grid-template-columns: 1fr !important;gap: 18px !important;padding: 28px 20px 20px !important;} #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescImageWrap {min-height: 260px !important;} } /* Superpone condition badge sobre la imagen */ #asocProdContent .product-image {position: relative;overflow: hidden;} .mdp-seller-prod-content .product-image {position: relative;overflow: hidden;} #asocProdContent .product-image .mdpConditionBadge, #asocProdContent .product-image .mdpPalletMetaLine {position: absolute;left: 3px;bottom: 3px;z-index: 2;display: inline-flex !important;align-items: center;gap: 6px;width: auto;max-width: calc(100% - 20px);min-height: 24px;margin: 0 !important;padding: 4px 9px;border: 1px solid #fed7aa;border-radius: 8px;background: rgba(255, 247, 237, 0.96);color: #9a3412;font-size: 0.72rem;font-weight: 700;line-height: 1.25;text-align: left;white-space: normal;overflow: hidden;text-overflow: ellipsis;box-shadow: 0 6px 16px rgba(154, 52, 18, 0.08);box-sizing: border-box;} .mdp-seller-prod-content .product-image .mdpConditionBadge, .mdp-seller-prod-content .product-image .mdpPalletMetaLine {position: absolute;left: 3px;bottom: 3px;z-index: 2;display: inline-flex !important;align-items: center;gap: 6px;width: auto;max-width: calc(100% - 20px);min-height: 24px;margin: 0 !important;padding: 4px 9px;border: 1px solid #fed7aa;border-radius: 8px;background: rgba(255, 247, 237, 0.96);color: #9a3412;font-size: 0.72rem;font-weight: 700;line-height: 1.1;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-shadow: 0 6px 16px rgba(154, 52, 18, 0.08);box-sizing: border-box;} #asocProdContent .product-image .mdpConditionBadge::before, #asocProdContent .product-image .mdpPalletMetaLine::before {content: "";flex: 0 0 auto;width: 16px;height: 16px;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 2.5 20 7v10l-8 4.5L4 17V7l8-4.5Z'/%3E%3Cpath d='M4.5 7.3 12 11.6l7.5-4.3'/%3E%3Cpath d='M12 11.6v9.1'/%3E%3Cpath d='m8 5 8 4.5'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 2.5 20 7v10l-8 4.5L4 17V7l8-4.5Z'/%3E%3Cpath d='M4.5 7.3 12 11.6l7.5-4.3'/%3E%3Cpath d='M12 11.6v9.1'/%3E%3Cpath d='m8 5 8 4.5'/%3E%3C/svg%3E") center / contain no-repeat;} .mdp-seller-prod-content .product-image .mdpConditionBadge::before, .mdp-seller-prod-content .product-image .mdpPalletMetaLine::before {content: "";flex: 0 0 auto;width: 16px;height: 16px;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 2.5 20 7v10l-8 4.5L4 17V7l8-4.5Z'/%3E%3Cpath d='M4.5 7.3 12 11.6l7.5-4.3'/%3E%3Cpath d='M12 11.6v9.1'/%3E%3Cpath d='m8 5 8 4.5'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 2.5 20 7v10l-8 4.5L4 17V7l8-4.5Z'/%3E%3Cpath d='M4.5 7.3 12 11.6l7.5-4.3'/%3E%3Cpath d='M12 11.6v9.1'/%3E%3Cpath d='m8 5 8 4.5'/%3E%3C/svg%3E") center / contain no-repeat;} /* Product card 4:5 image presentation */ #asocProdContent .product-image , .mdp-seller-prod-content .product-image { position: relative; width: 100%; height: auto; aspect-ratio: 4 / 5; margin: 0 0 5px; overflow: hidden; isolation: isolate; border-radius: 8px; background: #eef0f4; } #asocProdContent .product-image img.product-image-thumbnail , .mdp-seller-prod-content .product-image img.product-image-thumbnail { position: relative; z-index: 1; display: block; width: 100%; height: 100%; border-radius: 8px; object-fit: contain; object-position: center; } #asocProdContent .product-image .productTopRow , .mdp-seller-prod-content .product-image .productTopRow { position: absolute; top: 3px; right: 3px; left: 3px; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 8px; width: auto; min-height: 30px; margin: 0; padding: 0; pointer-events: none; } #asocProdContent .product-image .productTopRow .productidDiv , .mdp-seller-prod-content .product-image .productTopRow .productidDiv { min-width: 0; min-height: 24px; margin: 0 auto 0 0; padding: 0 8px; overflow: hidden; border: 1px solid rgba(255,255,255,0.14); border-radius: 7px; background: rgb(0 0 0 / 58%); letter-spacing: 0.5px; color: #fff; box-shadow: 0 4px 12px rgba(15,23,42,0.14); text-overflow: ellipsis; white-space: nowrap; } #asocProdContent .product-image .productTopRow .stock-badge , .mdp-seller-prod-content .product-image .productTopRow .stock-badge { flex: 0 1 auto; max-width: 62%; min-height: 25px; margin: 0 0 0 auto; overflow: hidden; border: 1px solid rgba(255,255,255,0.24); border-radius: 7px; background: rgba(238,240,244,0.88); letter-spacing: 0.3px; box-shadow: 0 4px 12px rgba(15,23,42,0.1); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); text-overflow: ellipsis; } #asocProdContent .product-image .productTopRow .stock-badge-limited , .mdp-seller-prod-content .product-image .productTopRow .stock-badge-limited { background: rgba(255,240,241,0.9); } #asocProdContent .product-image .productTopRow .stock-badge-lot , .mdp-seller-prod-content .product-image .productTopRow .stock-badge-lot { background: rgba(238,244,255,0.9); } #asocProdContent .product-image .mdpConditionBadge , #asocProdContent .product-image .mdpPalletMetaLine , .mdp-seller-prod-content .product-image .mdpConditionBadge, .mdp-seller-prod-content .product-image .mdpPalletMetaLine { left: 8px; bottom: 8px; z-index: 4; } #asocProdContent .product.is-out-of-stock .product-image img.product-image-thumbnail , .mdp-seller-prod-content .product.is-out-of-stock .product-image img.product-image-thumbnail { opacity: 0.55; } @media (max-width: 400px) { #asocProdContent .product-image .productTopRow , .mdp-seller-prod-content .product-image .productTopRow { gap: 5px; } } /*------ Seller products embed (Live Store shopper con cuenta seller) ------*/ /* El wrapper
(título, subtítulo, tooltip, "Ver todos") lo pinta el tema en associated_inventory/profileAsoc — su CSS vive en profile.css, no aquí. Este archivo solo estiliza el carrusel de tarjetas, que es la parte que de verdad se reutiliza de la tienda seller. */ .mdp-seller-prod-content.is-carousel {display: flex;flex-wrap: nowrap;gap: 10px;padding-bottom: 6px;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;border-top: none;border-bottom: none;text-align: left;} .mdp-seller-prod-content.is-carousel::-webkit-scrollbar {height: 6px;} .mdp-seller-prod-content.is-carousel::-webkit-scrollbar-thumb {background: #e0e3ea;border-radius: 999px;} .mdp-seller-prod-content.is-carousel .product {flex: 0 0 auto;width: 46%;scroll-snap-align: start;margin-top: 0;} @media (min-width: 560px) { .mdp-seller-prod-content.is-carousel .product {width: 32%;} } @media (min-width: 768px) { .mdp-seller-prod-content.is-carousel .product {width: 24%;} } .mdp-variation-picker { display: flex; flex-direction: column; gap: 7px; min-width: 0; margin: 9px 0 7px; } .mdp-variation-axis { display: flex; align-items: center; gap: 3px; min-width: 0; } .mdp-variation-axis-label { flex: 0 0 auto; min-width: 38px; color: #536079; font-size: 11px; font-weight: 800; line-height: 1; } .mdp-variation-options { display: flex; flex: 1 1 auto; gap: 5px; min-width: 0; padding: 2px 1px 4px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; } .mdp-variation-options::-webkit-scrollbar { display: none; } .mdp-variation-chip { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 6px; min-width: 34px; min-height: 30px; margin: 0; padding: 5px 10px; border: 1px solid #d8e1ef; border-radius: 999px; background: #fff; color: #314158; box-shadow: 0 1px 2px rgba(15, 23, 42, .05); font: 700 11px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; white-space: nowrap; cursor: pointer; transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; } .mdp-variation-chip:hover:not(:disabled) { border-color: #7ca7f8; color: #0b5be7; transform: translateY(-1px); } .mdp-variation-chip.is-selected { border-color: #1769e8; background: #eaf2ff; color: #0758d7; box-shadow: 0 0 0 2px rgba(23, 105, 232, .12); } .mdp-variation-chip.is-unavailable, .mdp-variation-chip:disabled { opacity: .38; cursor: not-allowed; text-decoration: line-through; transform: none; } .mdp-variation-swatch { width: 13px; height: 13px; flex: 0 0 13px; border-radius: 50%; background: var(--mdp-variation-swatch); box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .18); } .mdp-variation-select { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important; } .mdp-variation-flyout { position: absolute; right: 8px; bottom: 3px; left: 8px; z-index: 8; text-align: left; } .mdp-variation-trigger { display: grid; grid-template-columns: 25px auto minmax(0, 1fr) 18px; align-items: center; gap: 7px; width: 100%; min-height: 35px; margin: 0; padding: 6px 9px; box-sizing: border-box; border: 1px solid #9abcf5; border-radius: 12px; background: rgba(255, 255, 255, .93); color: #17243a; box-shadow: 0 8px 24px rgba(15, 23, 42, .18); backdrop-filter: blur(10px); cursor: pointer; text-align: left; } .mdp-variation-trigger-icon { display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 18px; border-radius: 5px; background: #e7f0ff; color: #0b63df; } .mdp-variation-trigger-icon svg, .mdp-variation-trigger-chevron, .mdp-variation-popover-close svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; } .mdp-variation-trigger-label { font-size: 12px; font-weight: 700; letter-spacing: .02em; } .mdp-variation-trigger-value { min-width: 0; overflow: hidden; color: #52637a; font-size: 10px; font-weight: 700; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .mdp-variation-trigger-chevron { color: #6b7b91; transition: transform .18s ease; } .mdp-variation-popover { position: absolute; top: calc(100% - 1px); right: 0; bottom: auto; left: 0; max-height: 190px; padding: 5px; overflow: hidden auto; box-sizing: border-box; border: 1px solid #9abcf5; border-radius: 10px; background: rgba(255, 255, 255, .98); box-shadow: 0 18px 38px rgba(15, 23, 42, .22); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px) scale(.985); transform-origin: top center; transition: opacity .16s ease, transform .16s ease, visibility .16s ease; scrollbar-width: thin; } .mdp-variation-flyout.is-open .mdp-variation-popover { border-top-left-radius: 0; border-top-right-radius: 0; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); } .mdp-variation-flyout.is-open .mdp-variation-trigger { border-color: #7da9f5; border-radius: 10px 10px 0 0; box-shadow: 0 8px 24px rgba(23, 105, 232, .18); } .mdp-variation-flyout.is-open .mdp-variation-trigger-chevron { transform: rotate(180deg); } @media (hover: hover) and (pointer: fine) { .mdp-variation-flyout:not(.is-hover-suppressed):hover .mdp-variation-popover { border-top-left-radius: 0; border-top-right-radius: 0; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); } .mdp-variation-flyout:not(.is-hover-suppressed):hover .mdp-variation-trigger { border-color: #9abcf5; border-radius: 10px 10px 0 0; } .mdp-variation-flyout:not(.is-hover-suppressed):hover .mdp-variation-trigger-chevron { transform: rotate(180deg); } } .mdp-variation-popover-header { display: flex; align-items: center; justify-content: space-between; gap: 3px; margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #e7edf5; color: #1d2c43; font-size: 12px; text-align: left; } .mdp-variation-popover-header strong { margin-right: auto; font-weight: 600; letter-spacing: 0.2px; text-align: left; } .mdp-variation-popover-close { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; margin: 0 0 0 auto; padding: 0; border: 0; border-radius: 8px; background: #eef3f9; color: #46566d; cursor: pointer; } .mdp-variation-popover-close:hover { background: #e2eaf4; } .mdp-variation-popover .mdp-variation-picker { margin: 0; } .mdp-variation-popover-footer { display: flex; align-items: flex-end; justify-content: flex-end; gap: 7px; margin-top: 0; padding-top: 0; border-top: 1px solid #e7edf5; text-align: right; } .mdp-variation-popover-footer span { position: relative; top: 4px; color: #718096; font-size: 10px; font-weight: 700; } .mdp-variation-popover-price { color: #17243a; font-size: 13px; font-weight: 700; line-height: 1; } .product.is-variable-product { position: relative; } .product.is-variable-product:hover, .product.is-variable-product.is-variation-menu-open { z-index: 30; } .is-variable-product .product-image { overflow: visible !important; z-index: 10; } .is-variable-product .product-image .mdpConditionBadge { bottom: 54px !important; } @media (max-width: 420px) { .mdp-variation-trigger { grid-template-columns: 23px auto minmax(0, 1fr) 15px; gap: 5px; min-height: 35px; padding: 5px 7px; border-radius: 10px; } .mdp-variation-trigger-icon { width: 23px; height: 18px; border-radius: 5px; } .mdp-variation-trigger-value { font-size: 9px; } .mdp-variation-popover { max-height: 170px; padding: 5px; border-radius: 10px; } .mdp-variation-chip { min-height: 28px; padding: 4px 8px; font-size: 9px; } .mdp-variation-axis-label { min-width: 34px; font-size: 10px; } .is-variable-product .product-image .mdpConditionBadge { bottom: 47px !important; } } .is-variable-product .precProd { display: block; margin-top: 7px; } /* Customer product gallery */ #imagePopup { box-sizing: border-box; padding: 16px; background: rgba(9, 16, 31, .78); backdrop-filter: blur(6px); } #imagePopup .popup-content { display: flex; flex-direction: column; width: min(1120px, calc(100vw - 32px)); height: min(860px, calc(100vh - 32px)); max-height: calc(100vh - 32px); margin: auto; padding: 18px; overflow: hidden; box-sizing: border-box; border: 1px solid rgba(218, 228, 242, .9); border-radius: 22px; background: #fff; box-shadow: 0 28px 80px rgba(3, 12, 28, .32); text-align: left; } #imagePopup .close { top: 16px; right: 16px; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 12px; background: #eef3f9; color: #26364d; box-shadow: none; } #imagePopup .close svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; } .mdp-customer-gallery-header { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; min-height: 52px; padding: 2px 56px 12px; color: #17243a; text-align: center; } .mdp-customer-gallery-header strong { font-size: 18px; line-height: 1.2; } .mdp-customer-gallery-header span { margin-top: 4px; color: #5d6d84; font-size: 14px; font-weight: 600; } #imagePopup .popup-gallery { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; overflow: hidden; } #imagePopup #imageWrapper { position: relative; display: flex; flex: 1 1 auto; align-items: center; justify-content: center; width: 100%; height: auto; min-height: 250px; padding: 12px; overflow: hidden; box-sizing: border-box; border-radius: 17px; background: #f5f8fc; touch-action: pan-y; } #imagePopup #popupImage { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px; transition: opacity .18s ease, transform .25s ease; } .mdp-customer-gallery-overlay { position: absolute; left: 16px; bottom: 14px; display: flex; align-items: stretch; gap: 0; width: min(270px, calc(100% - 32px)); z-index: 2; } .mdp-customer-gallery-current { display: grid; flex: 1 1 auto; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; gap: 2px 8px; min-width: 0; padding: 7px; box-sizing: border-box; border: 1px solid #1267e9; border-radius: 12px 0 0 12px; background: rgba(255, 255, 255, .94); color: #23344d; box-shadow: 0 8px 24px rgba(15, 23, 42, .1); font-size: 12px; } .mdp-customer-gallery-overlay[hidden] { display: none !important; } .mdp-customer-gallery-label-row { display: contents; } .mdp-customer-gallery-current strong { grid-column: 2; grid-row: 1; align-self: end; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mdp-customer-gallery-price { display: block; grid-column: 2; grid-row: 2; color: #12233d; font-size: 12px; font-weight: 500; line-height: 1.1; text-align: left; } .mdp-customer-gallery-price::before { content: "Price: "; } .mdp-customer-gallery-current .mdp-customer-gallery-kind { grid-column: 1; grid-row: 1 / span 2; align-self: center; } .mdp-customer-gallery-add { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 58px; gap: 0; width: 58px; min-height: 39px; margin: 0; padding: 7px 12px; border: 0; border-radius: 0 12px 12px 0; background: #1267e9; color: #fff; box-shadow: 0 9px 22px rgba(18, 103, 233, .23); font-size: 13px; font-weight: 800; cursor: pointer; transition: background .18s ease, transform .18s ease, opacity .18s ease; } .mdp-customer-gallery-add:hover:not(:disabled) { background: #0758cf; transform: translateY(-1px); } .mdp-customer-gallery-add:disabled { background: #94a3b8; box-shadow: none; cursor: not-allowed; opacity: .78; } .mdp-customer-gallery-add svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .mdp-customer-gallery-add span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .mdp-customer-gallery-kind { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; background: #e9eef5; color: #52637b; font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .mdp-customer-gallery-kind.is-variation { background: #e6f0ff; color: #0960dc; } #imagePopup .nav-button { top: 50%; display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0; border: 0; border-radius: 50%; background: #1f2c42; color: #fff; box-shadow: 0 10px 25px rgba(15, 23, 42, .22); transform: translateY(-50%); transition: background .18s ease, transform .18s ease; z-index: 3; } #imagePopup .nav-button:hover { background: #0b62df; color: #fff; transform: translateY(-50%) scale(1.04); } #imagePopup .nav-button svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } #imagePopup #prevImage { left: 18px; } #imagePopup #nextImage { right: 18px; } #imagePopup .pagination-bullets { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 29px; padding: 9px 0 2px; } #imagePopup .bullet { display: block; width: 9px; height: 9px; min-width: 9px; margin: 0 4px; padding: 0; border: 0; border-radius: 50%; background: #cbd6e4; cursor: pointer; transition: width .18s ease, border-radius .18s ease, background .18s ease; } #imagePopup .bullet.active { width: 24px; border-radius: 999px; background: #1769e8; } .mdp-customer-gallery-variants[hidden] { display: none !important; } .mdp-customer-gallery-variants { flex: 0 0 auto; padding-top: 12px; border-top: 1px solid #e3eaf3; } .mdp-customer-gallery-variants-heading { display: flex; align-items: center; justify-content: left; gap: 14px; margin-bottom: 9px; color: #1f2d44; font-size: 13px; } .mdp-customer-gallery-variants-heading > span { color: #728198; font-size: 11px; } .mdp-customer-gallery-variant-rail { display: flex; gap: 9px; padding: 1px 1px 5px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: #c8d4e5 transparent; scrollbar-width: thin; } .mdp-customer-gallery-variant { position: relative; display: grid; flex: 0 0 min(220px, 72vw); grid-template-columns: 45px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 57px; margin: 0; padding: 5px 10px; box-sizing: border-box; border: 1px solid #d9e3f0; border-radius: 13px; background: #fff; color: #24344d; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; } .mdp-customer-gallery-variant:hover { border-color: #8ab2f6; background: #f8fbff; } .mdp-customer-gallery-variant.is-active { border-color: #1769e8; background: #edf4ff; box-shadow: 0 0 0 2px rgba(23, 105, 232, .1); } .mdp-customer-gallery-variant.is-out-of-stock { background: #fbfcfe; } .mdp-customer-gallery-variant-thumb { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; overflow: hidden; border: 1px solid #dfe7f1; border-radius: 9px; background: #fff; } .mdp-customer-gallery-variant-thumb img { width: 100%; height: 100%; object-fit: contain; } .mdp-customer-gallery-variant-name { overflow: hidden; font-size: 12px; font-weight: 750; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; } .mdp-customer-gallery-default { position: absolute; top: 4px; right: 5px; padding: 2px 5px; border-radius: 999px; background: #dceaff; color: #0960dc; font-size: 9px; font-weight: 900; } .mdp-customer-gallery-stock { position: absolute; right: 5px; bottom: 4px; padding: 2px 5px; border-radius: 999px; background: #fff0f1; color: #e4002b; font-size: 9px; font-weight: 800; line-height: 1.1; white-space: nowrap; } @media (max-width: 600px) { #imagePopup { padding: 8px; } #imagePopup .popup-content { width: calc(100vw - 16px); height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); padding: 11px; border-radius: 17px; } #imagePopup .close { top: 10px; right: 10px; width: 38px; height: 38px; border-radius: 10px; } .mdp-customer-gallery-header { min-height: 47px; padding: 2px 44px 9px; } .mdp-customer-gallery-header strong { font-size: 16px; } .mdp-customer-gallery-header span { font-size: 12px; } #imagePopup #imageWrapper { min-height: 180px; padding: 8px; border-radius: 13px; } #imagePopup .nav-button { width: 42px; height: 42px; } #imagePopup #prevImage { left: 10px; } #imagePopup #nextImage { right: 10px; } .mdp-customer-gallery-overlay { left: 9px; bottom: 9px; width: min(260px, calc(100% - 18px)); gap: 0; } .mdp-customer-gallery-current { padding: 4px 8px; } .mdp-customer-gallery-add { flex-basis: 52px; width: 52px; min-height: 36px; padding: 6px 10px; font-size: 12px; } .mdp-customer-gallery-variants { padding-top: 9px; } .mdp-customer-gallery-variants-heading { margin-bottom: 7px; } .mdp-customer-gallery-variants-heading > span { display: none; } .mdp-customer-gallery-variant { flex-basis: min(220px, 72vw); min-height: 57px; grid-template-columns: 45px minmax(0, 1fr); padding: 5px 10px; } .mdp-customer-gallery-variant-thumb { width: 45px; height: 45px; } .mdp-customer-gallery-variant-name { font-size: 11px; } .mdp-variation-axis { align-items: flex-start; } .mdp-variation-axis-label { padding-top: 10px; } } /* Pallet customer card and product tooltip */ #asocProdContent .product.is-pallet-bulk-lot .mdpPalletCalculateCard, .mdp-seller-prod-content .product.is-pallet-bulk-lot .mdpPalletCalculateCard { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: calc(100% - 16px) !important; min-height: 42px !important; margin: 8px !important; padding: 8px 14px !important; border: 1px solid #087bf2 !important; border-radius: 9px !important; background: linear-gradient(135deg, #087bf2, #0d6fe8) !important; color: #fff !important; box-shadow: none !important; font-size: 0.93rem !important; font-weight: 500 !important; line-height: 1.1 !important; } #asocProdContent .product.is-pallet-bulk-lot .mdpPalletCalculateCard::before, .mdp-seller-prod-content .product.is-pallet-bulk-lot .mdpPalletCalculateCard::before { display: none !important; content: none !important; } #asocProdContent .product.is-pallet-bulk-lot .mdpPalletCalculateCard .mdpPalletIcon, .mdp-seller-prod-content .product.is-pallet-bulk-lot .mdpPalletCalculateCard .mdpPalletIcon { width: 34px !important; height: 27px !important; flex: 0 0 34px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.6 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } #asocProdContent .product.is-pallet-bulk-lot .mdpPalletCalculateCard.disabled, .mdp-seller-prod-content .product.is-pallet-bulk-lot .mdpPalletCalculateCard.disabled { border-color: #b9c8df !important; background: #dfe8f5 !important; color: #6f7f97 !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail { display: block !important; width: min(570px, calc(100vw - 24px)) !important; max-height: calc(100vh - 24px) !important; padding: 30px 24px 20px !important; border-radius: 12px !important; overflow: hidden auto !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescImageWrap { display: none !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescText { display: block !important; width: 100% !important; padding: 0 !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescText h3 { margin: 0 38px 4px 0 !important; color: #111827 !important; font-size: 1.55rem !important; font-weight: 800 !important; line-height: 1.08 !important; text-transform: uppercase !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescCondition { margin: 0 38px 16px 0 !important; color: #536079 !important; font-size: 0.9rem !important; font-weight: 700 !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescBody { max-height: none !important; overflow: visible !important; padding: 0 !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescClose { top: 10px !important; right: 10px !important; } #mdpLargeDescPopup .mdpPalletDetails { display: grid !important; gap: 0 !important; } #mdpLargeDescPopup .mdpPalletDetailRow { display: flex !important; gap: 10px !important; align-items: center !important; min-height: 48px !important; padding: 9px 0 !important; border-bottom: 1px solid #dfe5ef !important; } #mdpLargeDescPopup .mdpPalletDetailRow .mdpPalletIcon { width: 25px !important; height: 25px !important; color: #61708a !important; } #mdpLargeDescPopup .mdpPalletDetailRow span { color: #4d5b74 !important; font-weight: 800 !important; } #mdpLargeDescPopup .mdpPalletDetailRow strong, #mdpLargeDescPopup .mdpPalletManifestInline { min-width: 0 !important; color: #52607d !important; font-weight: 500 !important; } #mdpLargeDescPopup .mdpPalletManifestInline { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; } #mdpLargeDescPopup .mdpPalletManifestInline a { color: #087bf2 !important; font-weight: 700 !important; text-decoration: none !important; } #mdpLargeDescPopup .mdpPalletShippingInfo { display: flex !important; gap: 12px !important; align-items: start !important; margin: 15px 0 !important; padding: 16px !important; border: 1px solid #c8e0ff !important; border-radius: 8px !important; background: #eff6ff !important; color: #087bf2 !important; } #mdpLargeDescPopup .mdpPalletShippingInfo > .mdpPalletIcon { width: 34px !important; height: 34px !important; color: #087bf2 !important; } #mdpLargeDescPopup .mdpPalletShippingInfo div { display: grid !important; gap: 7px !important; } #mdpLargeDescPopup .mdpPalletShippingInfo strong { color: #087bf2 !important; font-size: 0.95rem !important; font-weight: 700 !important; line-height: 1.25 !important; } #mdpLargeDescPopup .mdpPalletShippingInfo span { color: #405274 !important; font-size: 0.92rem !important; line-height: 1.35 !important; } #mdpLargeDescPopup .mdpPalletCalculateButton { display: flex !important; align-items: center !important; justify-content: center !important; gap: 13px !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 10px 16px !important; border: 1px solid #087bf2 !important; border-radius: 8px !important; background: linear-gradient(135deg, #087bf2, #0d6fe8) !important; color: #fff !important; box-shadow: none !important; font-size: 1rem !important; font-weight: 800 !important; cursor: pointer !important; } #mdpLargeDescPopup .mdpPalletCalculateButton .mdpPalletIcon { width: 27px !important; height: 27px !important; color: #fff !important; } #mdpLargeDescPopup .mdpPalletDescription { margin-top: 16px !important; padding-top: 13px !important; border-top: 1px solid #dfe5ef !important; color: #344054 !important; font-size: 0.94rem !important; line-height: 1.4 !important; white-space: pre-wrap !important; } @media (max-width: 600px) { #mdpLargeDescPopup.mdpLargeDescPopup { align-items: center !important; padding: 8px !important; overflow: hidden !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail { width: 100% !important; max-height: calc(100dvh - 16px) !important; padding: 24px 16px 16px !important; border-radius: 14px !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; clip-path: inset(0 round 14px) !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescText h3 { margin-right: 36px !important; font-size: 1.3rem !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescCondition { margin: 0 36px 12px 0 !important; font-size: 0.84rem !important; } #mdpLargeDescPopup .mdpLargeDescModal.is-pallet-bulk-detail .mdpLargeDescClose { top: 8px !important; right: 8px !important; } #mdpLargeDescPopup .mdpPalletDetailRow { flex-wrap: wrap !important; gap: 7px !important; min-height: 44px !important; padding: 8px 0 !important; } #mdpLargeDescPopup .mdpPalletManifestInline a { overflow-wrap: anywhere !important; word-break: break-word !important; } #mdpLargeDescPopup .mdpPalletDetailRow strong, #mdpLargeDescPopup .mdpPalletManifestInline { font-size: 13px; } #mdpLargeDescPopup .mdpPalletDetailsTrigger { flex: 0 0 auto !important; margin-left: 2px !important; font-size: 13px !important; } #mdpLargeDescPopup .mdpPalletShippingInfo { gap: 10px !important; margin: 12px 0 !important; padding: 13px !important; } #mdpLargeDescPopup .mdpPalletShippingInfo > .mdpPalletIcon { width: 29px !important; height: 29px !important; } #mdpLargeDescPopup .mdpPalletShippingInfo strong { font-size: 0.9rem !important; } #mdpLargeDescPopup .mdpPalletShippingInfo span { font-size: 0.86rem !important; } #mdpLargeDescPopup .mdpPalletCalculateButton { min-height: 48px !important; padding: 9px 12px !important; box-sizing: border-box !important; font-size: 0.96rem !important; } #mdpLargeDescPopup .mdpPalletDescription { margin-top: 13px !important; padding-top: 11px !important; font-size: 0.9rem !important; } }