/* ========================================================= ========================================================= PDP — PRODUCT DETAILS 2026 filtreosmoza.ro ========================================================= ========================================================= */ .page--product-details.page .page__content-wrapper .aside-head .breadcrumb { display: none; } .product-summary--product-details { --pdp-navy: #0D1330; --pdp-title: #10162F; --pdp-body: #414B5D; --pdp-muted: #727B8E; --pdp-blue: #1d84c6; --pdp-blue-hover: #14A9DD; --pdp-border: #E6EAF0; --pdp-border-hover: #D5DEE8; --pdp-soft: #F6F9FC; --pdp-soft-blue: #EEF9FD; --pdp-white: #FFFFFF; --pdp-green: #16A765; --pdp-radius: 24px; --pdp-radius-sm: 16px; --pdp-shadow: 0 10px 35px rgba(15, 23, 42, 0.055); --pdp-shadow-hover: 0 16px 42px rgba(15, 23, 42, 0.08); display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); gap: 42px; align-items: start; width: 100%; } /* ========================================================= LEFT — GALLERY ========================================================= */ .product-summary--product-details .product-summary__images { display: flex; flex-direction: column; width: 100%; min-width: 0; } .product-summary--product-details .product-summary__main-images { position: relative; width: 100% !important; max-height: none !important; height: auto !important; overflow: hidden; margin: 0; border: 1px solid var(--pdp-border); border-radius: var(--pdp-radius); background: #FAFBFC; overflow: hidden; box-shadow: var(--pdp-shadow); } .product-summary--product-details .product-summary__main-image-wrapper { display: block; width: 100%; height: auto; } .product-summary--product-details .product-summary__main-image-wrapper figure { display: block; width: 100% !important; /* * MerchantPro pune max-width: 510px inline. * Îl eliminăm. */ max-width: none !important; height: auto; aspect-ratio: 1 / 1; margin: 0; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #FAFBFC; } .product-summary--product-details .product-summary__main-image { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 350ms ease; } /* ========================================================= PDP — BADGES ========================================================= */ .product-summary--product-details .product-summary__main-images { position: relative; } /* ========================================================= PRODUCT BADGE Premium / Compact / Essential etc. ========================================================= */ .product-summary--product-details .product-summary__badgeProduct { position: absolute; left: 18px; bottom: 18px; z-index: 12; display: inline-flex; align-items: center; justify-content: center; min-height: 31px; box-sizing: border-box; padding: 5px 12px; border-radius: 999px; background: var(--card-accent-soft, #F0EEFC); color: var(--card-accent, #6858C8); font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06); pointer-events: none; } .product-summary--product-details .product-summary__main-images .product-summary__out-of-stock-wrapper { position: absolute; right: 18px; top: 18px; z-index: 8; display: flex; pointer-events: none; } .product-summary--product-details .product-summary__main-images .product-summary__out-of-stock-wrapper .product-summary__out-of-stock { background: #484E58; color: #FFFFFF; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 29px; padding: 10px 14px; border-radius: 999px; font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08); } .product-summary--product-details .product-summary__main-images .product-summary__out-of-stock-wrapper .product-summary__out-of-stock:before { content: ""; display: block; flex: 0 0 auto; width: 20px; height: 20px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ1OC43MzcsNDIyLjIxOGwtMjIuODY1LTI4OC4xMTVDNDM0LjQ0OCwxMTUuNTQsNDE4Ljc0OSwxMDEsNDAwLjEzMywxMDFoLTQ1LjE2MnYtMi4wMyAgICBjMC01NC41NzMtNDQuMzk3LTk4Ljk3LTk4Ljk2OS05OC45N2MtNTQuNTcyLDAtOTguOTY5LDQ0LjM5Ny05OC45NjksOTguOTY5djIuMDNoLTQ1LjE2MmMtMTguNjE3LDAtMzQuMzE2LDE0LjU0LTM1LjczNiwzMy4wNjQgICAgTDUzLjI2Miw0MjIuMjU3Yy0xLjc3LDIzLjA3NSw2LjIzNSw0Ni4wNDgsMjEuOTYxLDYzLjAyNkM5MC45NDksNTAyLjI2MSwxMTMuMjQyLDUxMiwxMzYuMzg1LDUxMmgyMzkuMjMyICAgIGMyMy4xNDIsMCw0NS40MzYtOS43MzgsNjEuMTYyLTI2LjcxN0M0NTIuNTA0LDQ2OC4zMDQsNDYwLjUwOSw0NDUuMzMyLDQ1OC43MzcsNDIyLjIxOHogTTE4Ny4wMjIsOTguOTY5ICAgIGMwLTM4LjAzNSwzMC45NDUtNjguOTc5LDY4Ljk3OS02OC45NzlzNjguOTc5LDMwLjk0NSw2OC45NzksNjguOTc5djIuMDNIMTg3LjAyMlY5OC45Njl6IE00MTQuNzc3LDQ2NC45MDUgICAgYy0xMC4yMTgsMTEuMDMtMjQuMTI0LDE3LjEwNS0zOS4xNiwxNy4xMDVIMTM2LjM4NmMtMTUuMDM2LDAtMjguOTQyLTYuMDc1LTM5LjE2LTE3LjEwNSAgICBjLTEwLjIxNy0xMS4wMzEtMTUuMjExLTI1LjM2My0xNC4wNjMtNDAuMzE1bDIyLjg3MS0yODguMTk1YzAuMjMyLTMuMDMyLDIuNzk2LTUuNDA2LDUuODM3LTUuNDA2aDQ1LjE2MnYzNi45MzUgICAgYzAsOC4yODEsNi43MTQsMTQuOTk1LDE0Ljk5NSwxNC45OTVzMTQuOTk1LTYuNzE0LDE0Ljk5NS0xNC45OTV2LTM2LjkzNWgxMzcuOTU5djM2LjkzNWMwLDguMjgxLDYuNzE0LDE0Ljk5NSwxNC45OTUsMTQuOTk1ICAgIHMxNC45OTUtNi43MTQsMTQuOTk1LTE0Ljk5NXYtMzYuOTM1aDQ1LjE2MmMzLjA0MSwwLDUuNjA0LDIuMzc0LDUuODQsNS40NDZsMjIuODY1LDI4OC4xMTUgICAgQzQyOS45ODgsNDM5LjU0Miw0MjQuOTkzLDQ1My44NzMsNDE0Ljc3Nyw0NjQuOTA1eiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI3OS4xNjgsMzExLjkwMmw0NS40NzctNDUuNDc3YzUuODU3LTUuODU2LDUuODU3LTE1LjM1LDAuMDAyLTIxLjIwNmMtNS44NTUtNS44NTYtMTUuMzUtNS44NTYtMjEuMjA2LDBsLTQ1LjQ3Nyw0NS40NzcgICAgbC00NS40NzctNDUuNDc3Yy01Ljg1NS01Ljg1Ni0xNS4zNS01Ljg1Ni0yMS4yMDYsMGMtNS44NTYsNS44NTYtNS44NTYsMTUuMzUsMCwyMS4yMDZsNDUuNDc3LDQ1LjQ3N2wtNDUuNDc3LDQ1LjQ3NyAgICBjLTUuODU2LDUuODU2LTUuODU2LDE1LjM1LDAsMjEuMjA2YzIuOTI4LDIuOTI4LDYuNzY2LDQuMzkzLDEwLjYwMiw0LjM5M3M3LjY3NS0xLjQ2NCwxMC42MDItNC4zOTNsNDUuNDc3LTQ1LjQ3N2w0NS40NzcsNDUuNDc3ICAgIGMyLjkyOCwyLjkyOCw2Ljc2Niw0LjM5MywxMC42MDIsNC4zOTNjMy44MzcsMCw3LjY3NS0xLjQ2NCwxMC42MDItNC4zOTNjNS44NTYtNS44NTYsNS44NTYtMTUuMzUsMC0yMS4yMDZMMjc5LjE2OCwzMTEuOTAyeiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ1OC43MzcsNDIyLjIxOGwtMjIuODY1LTI4OC4xMTVDNDM0LjQ0OCwxMTUuNTQsNDE4Ljc0OSwxMDEsNDAwLjEzMywxMDFoLTQ1LjE2MnYtMi4wMyAgICBjMC01NC41NzMtNDQuMzk3LTk4Ljk3LTk4Ljk2OS05OC45N2MtNTQuNTcyLDAtOTguOTY5LDQ0LjM5Ny05OC45NjksOTguOTY5djIuMDNoLTQ1LjE2MmMtMTguNjE3LDAtMzQuMzE2LDE0LjU0LTM1LjczNiwzMy4wNjQgICAgTDUzLjI2Miw0MjIuMjU3Yy0xLjc3LDIzLjA3NSw2LjIzNSw0Ni4wNDgsMjEuOTYxLDYzLjAyNkM5MC45NDksNTAyLjI2MSwxMTMuMjQyLDUxMiwxMzYuMzg1LDUxMmgyMzkuMjMyICAgIGMyMy4xNDIsMCw0NS40MzYtOS43MzgsNjEuMTYyLTI2LjcxN0M0NTIuNTA0LDQ2OC4zMDQsNDYwLjUwOSw0NDUuMzMyLDQ1OC43MzcsNDIyLjIxOHogTTE4Ny4wMjIsOTguOTY5ICAgIGMwLTM4LjAzNSwzMC45NDUtNjguOTc5LDY4Ljk3OS02OC45NzlzNjguOTc5LDMwLjk0NSw2OC45NzksNjguOTc5djIuMDNIMTg3LjAyMlY5OC45Njl6IE00MTQuNzc3LDQ2NC45MDUgICAgYy0xMC4yMTgsMTEuMDMtMjQuMTI0LDE3LjEwNS0zOS4xNiwxNy4xMDVIMTM2LjM4NmMtMTUuMDM2LDAtMjguOTQyLTYuMDc1LTM5LjE2LTE3LjEwNSAgICBjLTEwLjIxNy0xMS4wMzEtMTUuMjExLTI1LjM2My0xNC4wNjMtNDAuMzE1bDIyLjg3MS0yODguMTk1YzAuMjMyLTMuMDMyLDIuNzk2LTUuNDA2LDUuODM3LTUuNDA2aDQ1LjE2MnYzNi45MzUgICAgYzAsOC4yODEsNi43MTQsMTQuOTk1LDE0Ljk5NSwxNC45OTVzMTQuOTk1LTYuNzE0LDE0Ljk5NS0xNC45OTV2LTM2LjkzNWgxMzcuOTU5djM2LjkzNWMwLDguMjgxLDYuNzE0LDE0Ljk5NSwxNC45OTUsMTQuOTk1ICAgIHMxNC45OTUtNi43MTQsMTQuOTk1LTE0Ljk5NXYtMzYuOTM1aDQ1LjE2MmMzLjA0MSwwLDUuNjA0LDIuMzc0LDUuODQsNS40NDZsMjIuODY1LDI4OC4xMTUgICAgQzQyOS45ODgsNDM5LjU0Miw0MjQuOTkzLDQ1My44NzMsNDE0Ljc3Nyw0NjQuOTA1eiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI3OS4xNjgsMzExLjkwMmw0NS40NzctNDUuNDc3YzUuODU3LTUuODU2LDUuODU3LTE1LjM1LDAuMDAyLTIxLjIwNmMtNS44NTUtNS44NTYtMTUuMzUtNS44NTYtMjEuMjA2LDBsLTQ1LjQ3Nyw0NS40NzcgICAgbC00NS40NzctNDUuNDc3Yy01Ljg1NS01Ljg1Ni0xNS4zNS01Ljg1Ni0yMS4yMDYsMGMtNS44NTYsNS44NTYtNS44NTYsMTUuMzUsMCwyMS4yMDZsNDUuNDc3LDQ1LjQ3N2wtNDUuNDc3LDQ1LjQ3NyAgICBjLTUuODU2LDUuODU2LTUuODU2LDE1LjM1LDAsMjEuMjA2YzIuOTI4LDIuOTI4LDYuNzY2LDQuMzkzLDEwLjYwMiw0LjM5M3M3LjY3NS0xLjQ2NCwxMC42MDItNC4zOTNsNDUuNDc3LTQ1LjQ3N2w0NS40NzcsNDUuNDc3ICAgIGMyLjkyOCwyLjkyOCw2Ljc2Niw0LjM5MywxMC42MDIsNC4zOTNjMy44MzcsMCw3LjY3NS0xLjQ2NCwxMC42MDItNC4zOTNjNS44NTYtNS44NTYsNS44NTYtMTUuMzUsMC0yMS4yMDZMMjc5LjE2OCwzMTEuOTAyeiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* ========================================================= BADGES CONTAINERS ========================================================= */ .product-summary--product-details .product-summary__image-badges { position: absolute; z-index: 13; display: flex; flex-direction: column; gap: 7px; pointer-events: none; } /* LEFT */ .product-summary--product-details .product-summary__image-badges--left { top: 18px; left: 18px; align-items: flex-start; } /* RIGHT */ .product-summary--product-details .product-summary__image-badges--right { top: 18px; right: 18px; align-items: flex-end; } /* ========================================================= PDP — PRICE CARD ========================================================= */ .product-summary--product-details .price-card { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: 14px; row-gap: 8px; width: 100%; margin: 10px 0; } /* ========================================================= PRICE CONTENT ========================================================= */ .product-summary--product-details .price-card__price { display: flex; flex: 0 1 auto; min-width: 0; } /* * price_details.html.twig își generează propriul price-row. * Îl lăsăm să facă wrap dacă prețul vechi nu mai încape. */ .product-summary--product-details .price-card__price .product-summary__info--price-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 16px; row-gap: 3px; width: auto; margin: 0; padding: 0; } /* ========================================================= DISCOUNT BADGE ========================================================= */ .product-summary--product-details .price-card__discount { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 32px; box-sizing: border-box; padding: 5px 11px; border-radius: 10px; background: #FF3347; color: #FFFFFF; font-size: 13px; font-weight: 750; line-height: 1; white-space: nowrap; box-shadow: 0 5px 15px rgba(255, 51, 71, 0.18); } /* ========================================================= GENERIC BADGE ========================================================= */ .product-summary--product-details .product-summary__badge { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; box-sizing: border-box; padding: 5px 11px; border-radius: 9px; font-size: 11px; font-weight: 700; line-height: 1; white-space: nowrap; box-shadow: 0 4px 13px rgba(15, 23, 42, 0.09); } /* ========================================================= PRICE DISCOUNT ========================================================= */ .product-summary--product-details .product-summary__badge--price-discount { background: #FF3347; color: #FFFFFF; font-size: 13px; font-weight: 750; box-shadow: 0 5px 15px rgba(255, 51, 71, 0.20); } /* ========================================================= BLACK FRIDAY ========================================================= */ .product-summary--product-details .product-summary__badge--black-friday { min-width: 104px; background: #070A0F; color: #FFFFFF; border-radius: 8px; font-size: 10px; font-weight: 750; letter-spacing: 0.15px; } .product-summary--product-details .product-summary__badge--black-friday .black-friday-badge__black { color: #FFFFFF; } .product-summary--product-details .product-summary__badge--black-friday .black-friday-badge__friday { color: #FFD400; } /* ========================================================= SPECIAL CAMPAIGN ========================================================= */ .product-summary--product-details .product-summary__badge--special-campaign { background: #EDF6FF; color: #176DDD; font-weight: 600; } /* ========================================================= NEW ========================================================= */ .product-summary--product-details .product-summary__badge--new { background: #E9F9F1; color: #168A55; } /* ========================================================= FREE SHIPPING ========================================================= */ .product-summary--product-details .product-summary__badge--free_shipping { background: #ECF9FE; color: #159CCB; } /* ========================================================= PDP — AVAILABILITY + SHIPPING ========================================================= */ .product-summary--product-details .pdp-availability-benefits { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; width: 100%; margin: 6px 0 0px; } /* ========================================================= NATIVE MERCHANTPRO AVAILABILITY ========================================================= */ .product-summary--product-details .pdp-availability-benefits__availability { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; } /* eliminăm eventualele spacing-uri originale */ .product-summary--product-details .pdp-availability-benefits__availability .product-summary__info { margin: 0; padding: 0; } /* ========================================================= AVAILABLE ========================================================= */ .product-summary--product-details .product-summary__info--available { position: relative; display: inline-flex; align-items: center; gap: 8px; color: #414B5D; font-size: 14px; font-weight: 500; line-height: 1.2; } .product-summary--product-details .product-summary__info--available::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: #21B764; color: #FFFFFF; font-size: 11px; font-weight: 800; line-height: 1; } /* ========================================================= LIMITED ========================================================= */ .product-summary--product-details .product-summary__info--limited { position: relative; display: inline-flex; align-items: center; gap: 8px; color: #8A6500; font-size: 14px; font-weight: 500; } .product-summary--product-details .product-summary__info--limited::before { content: "!"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #F2B93B; color: #FFFFFF; font-size: 13px; font-weight: 800; } /* ========================================================= UNAVAILABLE ========================================================= */ .product-summary--product-details .product-summary__info--unavailable { position: relative; display: inline-flex; align-items: center; gap: 8px; color: #B14444; font-size: 14px; font-weight: 500; } .product-summary--product-details .product-summary__info--unavailable::before { content: "×"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #E55353; color: #FFFFFF; font-size: 18px; font-weight: 800; } /* ========================================================= AVAILABILITY MESSAGE ex: livrare 2-3 zile etc. ========================================================= */ .product-summary--product-details .product-summary__info--message { color: #667085; font-size: 13px; font-weight: 500; line-height: 1.2; } /* ========================================================= SEPARATOR ========================================================= */ .product-summary--product-details .pdp-availability-benefits__separator { display: block; flex: 0 0 auto; width: 1px; height: 16px; background: #D8DEE7; } /* ========================================================= FREE SHIPPING ========================================================= */ .product-summary--product-details .pdp-availability-benefits__shipping { display: inline-flex; align-items: center; gap: 7px; color: #667085; font-size: 14px; font-weight: 500; line-height: 1.2; white-space: nowrap; } /* ========================================================= SHIPPING ICON — MASK ========================================================= */ .product-summary--product-details { --pdp-shipping-icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00NzYuMTU4LDIzMS4zNjNsLTEzLjI1OS01My4wMzVjMy42MjUtMC43Nyw2LjM0NS0zLjk4Niw2LjM0NS03LjgzOXYtOC41NTFjMC0xOC41NjYtMTUuMTA1LTMzLjY3LTMzLjY3LTMzLjY3aC02MC4zOTIgICAgVjExMC42M2MwLTkuMTM2LTcuNDMyLTE2LjU2OC0xNi41NjgtMTYuNTY4SDUwLjc3MmMtOS4xMzYsMC0xNi41NjgsNy40MzItMTYuNTY4LDE2LjU2OFYyNTZjMCw0LjQyNywzLjU4OSw4LjAxNyw4LjAxNyw4LjAxNyAgICBjNC40MjcsMCw4LjAxNy0zLjU4OSw4LjAxNy04LjAxN1YxMTAuNjNjMC0wLjI5NSwwLjIzOS0wLjUzNCwwLjUzNC0wLjUzNGgzMDcuODQxYzAuMjk1LDAsMC41MzQsMC4yMzksMC41MzQsMC41MzR2MTQ1LjM3MiAgICBjMCw0LjQyNywzLjU4OSw4LjAxNyw4LjAxNyw4LjAxN2M0LjQyNywwLDguMDE3LTMuNTg5LDguMDE3LTguMDE3di05LjA4OGg5NC41NjljMC4wMDgsMCwwLjAxNCwwLjAwMiwwLjAyMSwwLjAwMiAgICBjMC4wMDgsMCwwLjAxNS0wLjAwMSwwLjAyMi0wLjAwMWMxMS42MzcsMC4wMDgsMjEuNTE4LDcuNjQ2LDI0LjkxMiwxOC4xNzFoLTI0LjkyOGMtNC40MjcsMC04LjAxNywzLjU4OS04LjAxNyw4LjAxN3YxNy4xMDIgICAgYzAsMTMuODUxLDExLjI2OCwyNS4xMTksMjUuMTE5LDI1LjExOWg5LjA4NnYzNS4yNzNoLTIwLjk2MmMtNi44ODYtMTkuODgzLTI1Ljc4Ny0zNC4yMDUtNDcuOTgyLTM0LjIwNSAgICBzLTQxLjA5NywxNC4zMjItNDcuOTgyLDM0LjIwNWgtMy44NnYtNjAuMzkzYzAtNC40MjctMy41ODktOC4wMTctOC4wMTctOC4wMTdjLTQuNDI3LDAtOC4wMTcsMy41ODktOC4wMTcsOC4wMTd2NjAuMzkxSDE5Mi44MTcgICAgYy02Ljg4Ni0xOS44ODMtMjUuNzg3LTM0LjIwNS00Ny45ODItMzQuMjA1cy00MS4wOTcsMTQuMzIyLTQ3Ljk4MiwzNC4yMDVINTAuNzcyYy0wLjI5NSwwLTAuNTM0LTAuMjM5LTAuNTM0LTAuNTM0di0xNy42MzcgICAgaDM0LjczOWM0LjQyNywwLDguMDE3LTMuNTg5LDguMDE3LTguMDE3cy0zLjU4OS04LjAxNy04LjAxNy04LjAxN0g4LjAxN2MtNC40MjcsMC04LjAxNywzLjU4OS04LjAxNyw4LjAxNyAgICBzMy41ODksOC4wMTcsOC4wMTcsOC4wMTdoMjYuMTg4djE3LjYzN2MwLDkuMTM2LDcuNDMyLDE2LjU2OCwxNi41NjgsMTYuNTY4aDQzLjMwNGMtMC4wMDIsMC4xNzgtMC4wMTQsMC4zNTUtMC4wMTQsMC41MzQgICAgYzAsMjcuOTk2LDIyLjc3Nyw1MC43NzIsNTAuNzcyLDUwLjc3MnM1MC43NzItMjIuNzc2LDUwLjc3Mi01MC43NzJjMC0wLjE4LTAuMDEyLTAuMzU2LTAuMDE0LTAuNTM0aDE4MC42NyAgICBjLTAuMDAyLDAuMTc4LTAuMDE0LDAuMzU1LTAuMDE0LDAuNTM0YzAsMjcuOTk2LDIyLjc3Nyw1MC43NzIsNTAuNzcyLDUwLjc3MmMyNy45OTUsMCw1MC43NzItMjIuNzc2LDUwLjc3Mi01MC43NzIgICAgYzAtMC4xOC0wLjAxMi0wLjM1Ni0wLjAxNC0wLjUzNGgyNi4yMDNjNC40MjcsMCw4LjAxNy0zLjU4OSw4LjAxNy04LjAxN3YtODUuNTExQzUxMiwyNTEuOTg5LDQ5Ni40MjMsMjM0LjQ0OCw0NzYuMTU4LDIzMS4zNjN6ICAgICBNMzc1LjE4MiwxNDQuMzAxaDYwLjM5MmM5LjcyNSwwLDE3LjYzNyw3LjkxMiwxNy42MzcsMTcuNjM3djAuNTM0aC03OC4wMjlWMTQ0LjMwMXogTTM3NS4xODIsMjMwLjg4MXYtNTIuMzc2aDcxLjIzNSAgICBsMTMuMDk0LDUyLjM3NkgzNzUuMTgyeiBNMTQ0LjgzNSw0MDEuOTA0Yy0xOS4xNTUsMC0zNC43MzktMTUuNTgzLTM0LjczOS0zNC43MzlzMTUuNTg0LTM0LjczOSwzNC43MzktMzQuNzM5ICAgIGMxOS4xNTUsMCwzNC43MzksMTUuNTgzLDM0LjczOSwzNC43MzlTMTYzLjk5LDQwMS45MDQsMTQ0LjgzNSw0MDEuOTA0eiBNNDI3LjAyMyw0MDEuOTA0Yy0xOS4xNTUsMC0zNC43MzktMTUuNTgzLTM0LjczOS0zNC43MzkgICAgczE1LjU4NC0zNC43MzksMzQuNzM5LTM0LjczOWMxOS4xNTUsMCwzNC43MzksMTUuNTgzLDM0LjczOSwzNC43MzlTNDQ2LjE3OCw0MDEuOTA0LDQyNy4wMjMsNDAxLjkwNHogTTQ5NS45NjcsMjk5LjI5aC05LjA4NiAgICBjLTUuMDEsMC05LjA4Ni00LjA3Ni05LjA4Ni05LjA4NnYtOS4wODZoMTguMTcxVjI5OS4yOXoiPjwvcGF0aD4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xNDQuODM1LDM1MC41OTdjLTkuMTM2LDAtMTYuNTY4LDcuNDMyLTE2LjU2OCwxNi41NjhjMCw5LjEzNiw3LjQzMiwxNi41NjgsMTYuNTY4LDE2LjU2OCAgICBjOS4xMzYsMCwxNi41NjgtNy40MzIsMTYuNTY4LTE2LjU2OEMxNjEuNDAzLDM1OC4wMjksMTUzLjk3MSwzNTAuNTk3LDE0NC44MzUsMzUwLjU5N3oiPjwvcGF0aD4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00MjcuMDIzLDM1MC41OTdjLTkuMTM2LDAtMTYuNTY4LDcuNDMyLTE2LjU2OCwxNi41NjhjMCw5LjEzNiw3LjQzMiwxNi41NjgsMTYuNTY4LDE2LjU2OCAgICBjOS4xMzYsMCwxNi41NjgtNy40MzIsMTYuNTY4LTE2LjU2OEM0NDMuNTkxLDM1OC4wMjksNDM2LjE1OSwzNTAuNTk3LDQyNy4wMjMsMzUwLjU5N3oiPjwvcGF0aD4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMzIuOTYsMzE2LjM5M0gyMTMuMjQ0Yy00LjQyNywwLTguMDE3LDMuNTg5LTguMDE3LDguMDE3czMuNTg5LDguMDE3LDguMDE3LDguMDE3SDMzMi45NiAgICBjNC40MjcsMCw4LjAxNy0zLjU4OSw4LjAxNy04LjAxN1MzMzcuMzg4LDMxNi4zOTMsMzMyLjk2LDMxNi4zOTN6Ij48L3BhdGg+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTI3LjczMywyODIuMTg4SDI1LjExOWMtNC40MjcsMC04LjAxNywzLjU4OS04LjAxNyw4LjAxN3MzLjU4OSw4LjAxNyw4LjAxNyw4LjAxN2gxMDIuNjE0ICAgIGM0LjQyNywwLDguMDE3LTMuNTg5LDguMDE3LTguMDE3UzEzMi4xNiwyODIuMTg4LDEyNy43MzMsMjgyLjE4OHoiPjwvcGF0aD4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNzguNzcxLDE3My4zN2MtMy4xMy0zLjEzLTguMjA3LTMuMTMtMTEuMzM3LDAuMDAxbC03MS4yOTIsNzEuMjkxbC0zNy4wODctMzcuMDg3Yy0zLjEzMS0zLjEzMS04LjIwNy0zLjEzMS0xMS4zMzcsMCAgICBjLTMuMTMxLDMuMTMxLTMuMTMxLDguMjA2LDAsMTEuMzM3bDQyLjc1Niw0Mi43NTZjMS41NjUsMS41NjYsMy42MTcsMi4zNDgsNS42NjgsMi4zNDhzNC4xMDQtMC43ODIsNS42NjgtMi4zNDhsNzYuOTYtNzYuOTYgICAgQzI4MS45MDEsMTgxLjU3NiwyODEuOTAxLDE3Ni41MDEsMjc4Ljc3MSwxNzMuMzd6Ij48L3BhdGg+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg=="); } .product-summary--product-details .pdp-availability-benefits__shipping-icon { display: block; flex: 0 0 auto; width: 19px; height: 19px; background-color: #8290A7; -webkit-mask-image: var(--pdp-shipping-icon); mask-image: var(--pdp-shipping-icon); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* ========================================================= OUT OF STOCK ========================================================= */ .product-summary--product-details .product-summary__badge--out-of-stock-wrapper { position: absolute; inset: 0; z-index: 20; display: flex; align-items: center; justify-content: center; pointer-events: none; } .product-summary--product-details .product-summary__badge--out-of-stock { padding: 9px 15px; border-radius: 10px; background: rgba(13, 19, 48, 0.92); color: #FFFFFF; font-size: 13px; font-weight: 700; } /* ========================================================= THUMBNAILS ========================================================= */ .product-summary--product-details .product-summary__thumbnails { position: relative; display: block; width: 100% !important; max-width: none !important; /* * anulăm și aici max-height-ul inline */ max-height: none !important; height: auto !important; margin-top: 14px; overflow: hidden; clear: both; } .product-summary--product-details .product-summary__main-images .splide__slide { height: auto; } .product-summary--product-details .product-summary__thumb-image-wrapper { width: 76px; height: 76px; overflow: hidden; border: 1px solid var(--pdp-border); border-radius: 13px; background: #FFFFFF; transition: border-color 180ms ease, box-shadow 180ms ease; } .product-summary--product-details .product-summary__thumbnails .splide--nav>.splide__track>.splide__list>.splide__slide { border: 0; padding: 0; height: auto; } .page--product-details.page .page__content-wrapper .product-summary .splide__pagination { display: none!important; } .product-summary--product-details .product-summary__thumbnails .splide__slide.is-active .product-summary__thumb-image-wrapper { border-color: var(--pdp-blue); box-shadow: 0 0 0 2px rgba(32, 187, 240, 0.08); } .product-summary--product-details .product-summary__thumb-image { width: 100%; height: 100%; object-fit: cover; } /* ========================================================= RIGHT SIDE ========================================================= */ .product-summary--product-details .product-summary__details { width: 100%; min-width: 0; padding-top: 5px; margin-left: 0; } @media (min-width: 1600px) { .product-summary--product-details .product-summary__main-images, .product-summary--product-details .product-summary__main-image-wrapper figure, .product-summary--product-details .product-summary__thumbnails { max-width: 100% !important; } } /* ========================================================= PRODUCT TITLE ========================================================= */ .product-summary--product-details .product-summary__heading { max-width: 860px; margin: 0 0 4px; color: var(--pdp-title)!important; font-size: clamp(28px, 2.1vw, 38px)!important; font-weight: 750!important; line-height: 1.15; letter-spacing: -0.8px; } /* ========================================================= PDP — PRODUCT SUBTITLE ========================================================= */ .product-summary--product-details .product__SubTitleProduct { display: block; width: 100%; max-width: 760px; margin: 0 0 10px; padding: 0; } /* link / text */ .product-summary--product-details .product__SubTitleProduct { display: block; width: 100%; min-height: auto; margin: 0; padding: 0; color: #414B5D; font-size: 15px; font-weight: 400; line-height: 1.5; letter-spacing: -0.1px; text-align: left; text-decoration: none !important; transition: color 180ms ease; } /* dacă în interior există
, ,

etc. */ .product-summary--product-details .product__SubTitleProduct .product__name > * { margin: 0; padding: 0; color: inherit; font: inherit; line-height: inherit; } /* hover foarte discret */ .product-summary--product-details .product__SubTitleProduct .product__name:hover { color: #10162F; } /* ========================================================= RATING directly below title ========================================================= */ .product-summary--product-details .product-summary__info--rating { display: inline-flex; align-items: center; gap: 8px; min-height: 26px; justify-content: center; width: fit-content; padding: 0 8px; border: 1.5px solid #efc72a; border-radius: 10px; background: #FFFFFF; margin-bottom: 10px; margin-top: 10px; } #product_summary_rating { display: flex; } .product-summary--product-details .product-summary__info--rating .product__rating { font-size: 22px; margin: 0; line-height: normal; color: #d3d3d3; padding: 0; } .product-summary--product-details .product-summary__info--rating .product__rating .product__rating-fill { color: #efc72a; } .product-summary--product-details .product-summary__info--rating .product__rating-count { color: #7F889B; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: -0.15px; white-space: nowrap; } /* ========================================================= PDP — KEY BENEFITS FINAL ========================================================= */ .product-summary--product-details .pdp-key-benefits { width: 100%; margin: 10px 0 14px; } .product-summary--product-details .pdp-key-benefit { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 12px; width: 100%; min-height: 0; padding: 0; border-radius: 0; background: transparent; } /* ========================================================= EACH PILL ========================================================= */ .product-summary--product-details .pdp-key-benefit .product-benefits-list { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 38px; box-sizing: border-box; margin: 0; padding: 5px 13px 5px 7px; border-radius: 999px; background: #F6F8FC; --benefit-icon-color: var(--card-accent, #1d84c6); } /* ========================================================= CONTENT ========================================================= */ .product-summary--product-details .pdp-key-benefit .product-benefits-list > span { display: flex; align-items: center; gap: 7px; margin: 0; color: #536078; font-size: 13px; font-weight: 500; line-height: 1.1; white-space: nowrap; } /* ========================================================= EXISTING MASK ICON ========================================================= */ .product-summary--product-details .pdp-key-benefit .product-benefits-list .benefit-icon { flex: 0 0 auto; width: 27px; height: 27px; margin: 0; /* * iconul rămâne colorat din sistemul tău existent */ --benefit-icon-color: var(--card-accent, #1d84c6); } /* ========================================================= PRICE ========================================================= */ .page--product-details.page .page__content-wrapper .product-summary--product-details .product-summary__info--price-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 5px 18px; margin: 0; } .page--product-details.page .page__content-wrapper .product-summary--product-details .product-summary__info--price-gross .price { display: flex; align-items: baseline; white-space: nowrap; color: var(--pdp-title); font-size: 30px; font-weight: 800!important; line-height: 1.1; letter-spacing: -0.6px; } .page--product-details.page .page__content-wrapper .product-summary--product-details .product-summary__info--price-gross .price { display: flex; align-items: baseline; } .page--product-details.page .page__content-wrapper .product-summary--product-details .product-summary__info--price-gross .price__decimal { position: relative; top: -5px; margin: 0 3px; font-size: 15px; } .page--product-details.page .page__content-wrapper .product-summary--product-details .product-summary__info--old-price-gross { display: flex; align-items: baseline; color: #929BAB; font-size: 15px; font-weight: 400; white-space: nowrap; text-decoration: line-through; } /* ========================================================= AVAILABILITY ========================================================= */ .page--product-details.page .product-summary--product-details .product-summary__info--availability { margin: 0; } .page--product-details.page .product-summary--product-details .product-summary__info--availability .product-summary__info--message { display: inline-flex; align-items: center; gap: 8px; color: #334155; font-size: 14px; font-weight: 500; } .page--product-details.page .product-summary--product-details .product-summary__info--availability .product-summary__info--message::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: var(--pdp-green); color: #FFFFFF; font-size: 11px; font-weight: 800; } /* ========================================================= BUY FORM ========================================================= */ .product-summary--product-details .product-summary__form { display: grid; grid-template-columns: 145px minmax(0, 1fr); grid-template-rows: max-content max-content; column-gap: 12px; row-gap: 0; align-items: stretch; align-content: start; width: 100%; height: fit-content !important; min-height: 0 !important; margin-top: 6px; padding: 0; } .product-summary--product-details .product-summary__form.out-of-stock { grid-template-columns: 0 minmax(0, 1fr); column-gap: 0; } .product-summary--product-details .product-summary__form .product-summary__info--availability { grid-column: 1 / -1; grid-row: 1; align-self: start; width: 100%; margin: 0 !important; padding: 0; } /* ========================================================= QUANTITY ========================================================= */ .product-summary--product-details .product-summary__info--quantity { grid-column: 1; grid-row: 2; align-self: stretch; width: 145px; margin: 0 !important; padding: 0; } .product-summary--product-details .quantity-spinner { width: 100%; height: 52px; overflow: hidden; border: 1px solid var(--pdp-border); border-radius: 14px; background: #FFFFFF; } .product-summary--product-details .quantity-spinner .form-control { border: 0; background: transparent; color: var(--pdp-title); font-weight: 600; box-shadow: none; } .product-summary--product-details .quantity-spinner__button { width: 44px; border: 0; background: transparent; color: #677188; } /* ========================================================= ACTIONS ========================================================= */ .product-summary--product-details .product-summary__info--actions { grid-column: 2; grid-row: 2; align-self: stretch; margin: 0 !important; padding: 0; display: grid; grid-template-columns: minmax(170px, 1.3fr) minmax(160px, 1fr) 52px; gap: 10px; width: 100%; } /* Add cart first visually */ .product-summary--product-details .product-action--add-to-cart { order: 1; } .product-summary--product-details .product-action--buy-now { order: 2; } .product-summary--product-details .product-action--add-to-favorites { order: 3; } /* ========================================================= PDP — ADD TO CART ========================================================= */ .product-summary--product-details .product-action--add-to-cart .btn { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100% !important; height: 52px; box-sizing: border-box; padding: 0 18px; border: 1px solid #1d84c6 !important; border-radius: 14px; background: #1d84c6 !important; color: #FFFFFF !important; font-size: 15px; font-weight: 700; line-height: 1; box-shadow: 0 7px 18px rgba(32, 187, 240, 0.17); transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .product-summary--product-details .product-action--add-to-cart .btn.disabled { background: #D6DDE6 !important; color: #677389 !important; border: 1px solid #D6DDE6 !important; } /* ========================================================= PDP — CART ICON ========================================================= */ .product-summary--product-details .product-action--add-to-cart .btn::after { content: ""; display: block; flex: 0 0 auto; width: 22px; height: 22px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmls bC1ydWxlPSJldmVub2RkIiBoZWlnaHQ9IjUxMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjUxMiI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUzIC0yMTIpIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTUgLTYwKSI+CiAgICAgIDxnIGlkPSJuZ2ljb24iPgogICAgICAgIDxwYXRoIGQ9Im00MjIuNTE5IDI4NS41aC0yLjY1N2MtMS44MzYgMC0zLjM2IDEuNDE5LTMuNDkxIDMuMjUxbC0xLjcxNCAyNGMtLjA2OS45NjkuMjY3IDEuOTIzLjkyOSAyLjYzNC42NjMuNzExIDEuNTkgMS4xMTUgMi41NjIgMS4xMTVoMjcuNzA0Yy45NzIgMCAxLjg5OS0uNDA0IDIuNTYyLTEuMTE1LjY2Mi0uNzExLjk5OC0xLjY2NS45MjktMi42MzRsLTEuNzE0LTI0Yy0uMTMxLTEuODMyLTEuNjU1LTMuMjUxLTMuNDkxLTMuMjUxaC0yLjYzOHYtLjVjMC01LjI0Ny00LjI1My05LjUtOS41LTkuNS01LjA1NSAwLTkuNzI3IDQuMDI2LTkuNSA5LjUuMDA3LjE2Ni4wMTMuMzMzLjAxOS41em0xOC45ODEgM3Y3LjVjMCAuODI4LS42NzIgMS41LTEuNSAxLjVzLTEuNS0uNjcyLTEuNS0xLjV2LTcuNWgtMTN2Ny41YzAgLjgyOC0uNjcyIDEuNS0xLjUgMS41cy0xLjUtLjY3Mi0xLjUtMS41YzAgMCAuMTMtMy41MDUuMDg3LTcuNWgtMi43MjVjLS4yNjIgMC0uNDguMjAzLS40OTguNDY0IDAgMC0xLjcxNSAyNC0xLjcxNSAyNC0uMDEuMTM5LjAzOC4yNzUuMTMzLjM3Ny4wOTUuMTAxLjIyNy4xNTkuMzY2LjE1OWgyNy43MDRjLjEzOSAwIC4yNzEtLjA1OC4zNjYtLjE1OS4wOTUtLjEwMi4xNDMtLjIzOC4xMzMtLjM3N2wtMS43MTUtMjRjLS4wMTgtLjI2MS0uMjM2LS40NjQtLjQ5OC0uNDY0em0tMy0zdi0uNWMwLTMuNTktMi45MS02LjUtNi41LTYuNS0zLjU5IDAtNi41IDIuOTEtNi41IDYuNXYuNXoiPjwvcGF0aD4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg=="); mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmls bC1ydWxlPSJldmVub2RkIiBoZWlnaHQ9IjUxMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjUxMiI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUzIC0yMTIpIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTUgLTYwKSI+CiAgICAgIDxnIGlkPSJuZ2ljb24iPgogICAgICAgIDxwYXRoIGQ9Im00MjIuNTE5IDI4NS41aC0yLjY1N2MtMS44MzYgMC0zLjM2IDEuNDE5LTMuNDkxIDMuMjUxbC0xLjcxNCAyNGMtLjA2OS45NjkuMjY3IDEuOTIzLjkyOSAyLjYzNC42NjMuNzExIDEuNTkgMS4xMTUgMi41NjIgMS4xMTVoMjcuNzA0Yy45NzIgMCAxLjg5OS0uNDA0IDIuNTYyLTEuMTE1LjY2Mi0uNzExLjk5OC0xLjY2NS45MjktMi42MzRsLTEuNzE0LTI0Yy0uMTMxLTEuODMyLTEuNjU1LTMuMjUxLTMuNDkxLTMuMjUxaC0yLjYzOHYtLjVjMC01LjI0Ny00LjI1My05LjUtOS41LTkuNS01LjA1NSAwLTkuNzI3IDQuMDI2LTkuNSA5LjUuMDA3LjE2Ni4wMTMuMzMzLjAxOS41em0xOC45ODEgM3Y3LjVjMCAuODI4LS42NzIgMS41LTEuNSAxLjVzLTEuNS0uNjcyLTEuNS0xLjV2LTcuNWgtMTN2Ny41YzAgLjgyOC0uNjcyIDEuNS0xLjUgMS41cy0xLjUtLjY3Mi0xLjUtMS41YzAgMCAuMTMtMy41MDUuMDg3LTcuNWgtMi43MjVjLS4yNjIgMC0uNDguMjAzLS40OTguNDY0IDAgMC0xLjcxNSAyNC0xLjcxNSAyNC0uMDEuMTM5LjAzOC4yNzUuMTMzLjM3Ny4wOTUuMTAxLjIyNy4xNTkuMzY2LjE1OWgyNy43MDRjLjEzOSAwIC4yNzEtLjA1OC4zNjYtLjE1OS4wOTUtLjEwMi4xNDMtLjIzOC4xMzMtLjM3N2wtMS43MTUtMjRjLS4wMTgtLjI2MS0uMjM2LS40NjQtLjQ5OC0uNDY0em0tMy0zdi0uNWMwLTMuNTktMi45MS02LjUtNi41LTYuNS0zLjU5IDAtNi41IDIuOTEtNi41IDYuNXYuNXoiPjwvcGF0aD4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg=="); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .product-summary--product-details .product-action--add-to-cart .btn.disabled::after { display: none; } /* BUY NOW */ .product-summary--product-details .product-action--buy-now .btn { width: 100%!important; height: 52px; border: 1px solid #0D1731 !important; border-radius: 14px; background: #0D1731 !important; color: #FFFFFF !important; font-size: 15px; font-weight: 650; } /* FAVORITE */ .product-summary--product-details .product-action--add-to-favorites { width: 52px; } .product-summary--product-details .product-summary__save-wishlist { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding: 0; border: 1px solid var(--pdp-border); border-radius: 14px; background: #FFFFFF; color: var(--pdp-title); } .product-summary--product-details .product-summary__save-wishlist-text { display: none; } .product-summary--product-details .product-summary__save-wishlist .icon { color: #e10707; margin: 0; width: 21px; height: 21px; } /* ========================================================= HIDE CURRENT CONTACT / SUMMARY METAFIELD because we replace them below with custom cards ========================================================= */ .product-summary--product-details .product-summary__info--contact { display: none; } /* Activate this only if Info produs is no longer needed for anything besides installments. */ .product-summary--product-details #summary_tabs { display: none; } /* ========================================================= CUSTOM SUPPORT + FINANCE ========================================================= */ .product-summary--product-details .pdp-help-finance { display: grid; grid-template-columns: 255px minmax(0, 1fr); gap: 12px; width: 100%; margin-top: 16px; } /* WHATSAPP */ .product-summary--product-details .pdp-whatsapp { display: flex; flex-direction: column; justify-content: center; min-height: 142px; padding: 20px; box-sizing: border-box; border: 1px solid #DDF1E6; border-radius: 18px; background: linear-gradient( 135deg, #F3FBF6 0%, #FBFEFC 100% ); } .product-summary--product-details .pdp-whatsapp__header { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; color: #187846; font-size: 16px; font-weight: 700; } .product-summary--product-details .pdp-whatsapp__icon { display: block; flex: 0 0 auto; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMTc2IDE3NiIgd2lkdGg9IjUxMiI+CiAgPGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+CiAgICA8ZyBpZD0iXzA5LndoYXRzYXBwIiBkYXRhLW5hbWU9IjA5LndoYXRzYXBwIj4KICAgICAgPGNpcmNsZSBpZD0iYmFja2dyb3VuZCIgY3g9Ijg4IiBjeT0iODgiIGZpbGw9IiMyOWE3MWEiIHI9Ijg4Ij48L2NpcmNsZT4KICAgICAgPGcgaWQ9Imljb24iIGZpbGw9IiNmZmYiPgogICAgICAgIDxwYXRoIGQ9Im0xMjYuOCA0OS4yYTU0LjU3IDU0LjU3IDAgMCAwIC04Ny40MiA2My4xM2wtNS43OSAyOC4xMWEyLjA4IDIuMDggMCAwIDAgLjMzIDEuNjMgMi4xMSAyLjExIDAgMCAwIDIuMjQuODdsMjcuNTUtNi41M2E1NC41NiA1NC41NiAwIDAgMCA2My4wOS04Ny4yMXptLTguNTkgNjguNTZhNDIuNzQgNDIuNzQgMCAwIDEgLTQ5LjIyIDhsLTMuODQtMS45LTE2Ljg5IDQgLjA1LS4yMSAzLjUtMTctMS44OC0zLjcxYTQyLjcyIDQyLjcyIDAgMCAxIDcuODYtNDkuNTkgNDIuNzMgNDIuNzMgMCAwIDEgNjAuNDIgMCAyLjI4IDIuMjggMCAwIDAgLjIyLjIyIDQyLjcyIDQyLjcyIDAgMCAxIC0uMjIgNjAuMTl6Ij48L3BhdGg+CiAgICAgICAgPHBhdGggZD0ibTExNi43MSAxMDUuMjljLTIuMDcgMy4yNi01LjM0IDcuMjUtOS40NSA4LjI0LTcuMiAxLjc0LTE4LjI1LjA2LTMyLTEyLjc2bC0uMTctLjE1Yy0xMi4wOS0xMS4yMS0xNS4yMy0yMC41NC0xNC40Ny0yNy45NC40Mi00LjIgMy45Mi04IDYuODctMTAuNDhhMy45MyAzLjkzIDAgMCAxIDYuMTUgMS40MWw0LjQ1IDEwYTMuOTEgMy45MSAwIDAgMSAtLjQ5IDRsLTIuMjUgMi45MmEzLjg3IDMuODcgMCAwIDAgLS4zNSA0LjMyYzEuMjYgMi4yMSA0LjI4IDUuNDYgNy42MyA4LjQ3IDMuNzYgMy40IDcuOTMgNi41MSAxMC41NyA3LjU3YTMuODIgMy44MiAwIDAgMCA0LjE5LS44OGwyLjYxLTIuNjNhNCA0IDAgMCAxIDMuOS0xbDEwLjU3IDNhNCA0IDAgMCAxIDIuMjQgNS45MXoiPjwvcGF0aD4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center; background-size: contain; mask-size: contain; width: 28px; height: 28px; } .product-summary--product-details .pdp-whatsapp p { margin: 0 0 10px 0; color: #667085; font-size: 12px; line-height: 1.5; } .product-summary--product-details .pdp-whatsapp__link { margin-left: 0; color: #16814B; font-size: 12px; font-weight: 650; text-decoration: none; } /* FINANCE */ .product-summary--product-details .pdp-finance { position: relative; min-height: 142px; padding: 20px; box-sizing: border-box; overflow: hidden; border: 1px solid #E6E9F4; border-radius: 18px; background: linear-gradient( 135deg, #FAFBFF 0%, #F4F4FD 100% ); } .product-summary--product-details .pdp-finance__top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 7px; } .product-summary--product-details .pdp-finance__title { color: var(--pdp-title); font-size: 16px; font-weight: 700; } .product-summary--product-details .pdp-finance__rate { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border: 1px solid #E4E8F2; border-radius: 8px; background: #FFFFFF; color: #2E3B65; font-size: 10px; font-weight: 700; white-space: nowrap; } .product-summary--product-details .pdp-finance__rate-icon { display: inline-flex; align-items: center; justify-content: center; color: #148CC0; font-size: 22px; margin-top: -8px; } .product-summary--product-details .pdp-finance__description { margin: 0 0 12px; color: #6A7285; font-size: 12px; line-height: 1.45; } .product-summary--product-details .pdp-finance__banks { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .product-summary--product-details .pdp-finance__bank { display: inline-flex; align-items: center; min-height: 26px; padding: 3px 8px; border: 1px solid #EAEDF2; border-radius: 7px; background: #FFFFFF; color: #3C4557; font-size: 10px; font-weight: 700; } .product-summary--product-details .pdp-finance__link { color: #148CC0; font-size: 11px; font-weight: 650; text-decoration: underline; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1199px) { .product-summary--product-details { grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr); gap: 30px; } .product-summary--product-details .pdp-help-finance { grid-template-columns: 1fr; } .product-summary--product-details .pdp-whatsapp { min-height: auto; } } @media (max-width: 991px) { .product-summary--product-details { display: block; } .product-summary--product-details .product-summary__images { margin-bottom: 30px; } .product-summary--product-details .product-summary__heading { font-size: 28px; } } @media (max-width: 600px) { .product-summary--product-details .product-summary__main-images { border-radius: 18px; } .product-summary--product-details .product-summary__heading { font-size: 25px; letter-spacing: -0.4px; } .product-summary--product-details .product-summary__form { grid-template-columns: 1fr; } .product-summary--product-details .product-summary__form .product-summary__info--availability { grid-column: 1; } .product-summary--product-details .product-summary__info--quantity { max-width: 150px; } .product-summary--product-details .product-summary__info--actions { grid-template-columns: 1fr 1fr 48px; } .product-summary--product-details .product-action--add-to-cart .btn, .product-summary--product-details .product-action--buy-now .btn { height: 48px; font-size: 13px; } .product-summary--product-details .pdp-help-finance { grid-template-columns: 1fr; } } /* ========================================================= PDP — MOBILE PURCHASE AREA ========================================================= */ @media (max-width: 767px) { .product-summary--product-details { gap: 0px; } .product-summary--product-details .product-summary__images { margin-bottom: 10px; } /* ===================================================== FORM ===================================================== */ .product-summary--product-details .product-summary__form { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 0; width: 100%; margin-top: 18px; align-items: start; align-content: start; } .product-summary--product-details .product-summary__form.out-of-stock { gap: 0; grid-template-columns: 1fr; } /* ===================================================== AVAILABILITY ===================================================== */ .product-summary--product-details .product-summary__form .product-summary__info--availability { grid-column: 1; grid-row: 1; width: 100%; margin: 0 !important; } /* ===================================================== QUANTITY ===================================================== */ .product-summary--product-details .product-summary__form .product-summary__info--quantity { grid-column: 1; grid-row: 2; width: 145px; margin-bottom: 1rem !important; } .product-summary--product-details .quantity-spinner { width: 145px; height: 50px; border: 1px solid #E1E7EF; border-radius: 14px; background: #FFFFFF; overflow: hidden; } /* ===================================================== ACTIONS ===================================================== */ .product-summary--product-details .product-summary__info--actions { grid-column: 1; grid-row: 3; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; width: 100%; margin: 0 !important; } .product-summary--product-details .product-summary__form.out-of-stock .product-summary__info--actions { grid-template-columns: 1fr 48px; } /* ===================================================== ADD TO CART ===================================================== */ .product-summary--product-details .product-action--add-to-cart { grid-column: 1; width: 100%; } .product-summary--product-details .product-action--add-to-cart .btn { width: 100% !important; min-width: 0; height: 50px; padding: 0 12px; border-radius: 14px; font-size: 14px; white-space: nowrap; } /* ===================================================== BUY NOW ===================================================== */ .product-summary--product-details .product-action--buy-now { grid-column: 2; width: 100%; } .product-summary--product-details .product-action--buy-now .btn { width: 100% !important; min-width: 0; height: 50px; padding: 0 12px; border-radius: 14px; font-size: 14px; white-space: nowrap; } /* ===================================================== WISHLIST mutat lângă cantitate ===================================================== */ .product-summary--product-details .product-action--add-to-favorites { position: absolute; right: 0; top: 0; width: 50px; height: 50px; } .product-summary--product-details .product-summary__form.out-of-stock .product-action--add-to-favorites { top: 0; } .product-summary--product-details .product-summary__form { position: relative; } .product-summary--product-details .product-summary__save-wishlist { width: 50px; height: 50px; border: 1px solid #E1E7EF; border-radius: 14px; background: #FFFFFF; } }