/** * Copyright since 2023 Metadata s.r.o. * Metadata s.r.o. is company located in Slovakia * * NOTICE OF LICENSE * * 1. This source file is subject to the proprietary license. * 2. The license restricts users from reverse engineering, * distributing the software to other users, resell and redistribute the software. * 3. Customer can use this theme only for 1 website (PrestaShop store). * * PROPRIETARY SOFTWARE AND LICENSE. Customer acknowledges, and agrees, that the Service uses proprietary software (hereinafter “Software”) * owned by Metadata s.r.o., and the Customer is being granted an individual, non- exclusive, non-transferable license to use the Software subject * to the terms and conditions of this Agreement. The Customer acknowledges, and agrees, that the Customer, its employees and agents, * are expressly prohibited, directly or indirectly, from attempting to discover the source code, underlying algorithms, or technology of the Software; * rent, lease, sell, assign, or transfer rights to the Software; modify or make derivative works based on the Software; or use the Software * in any service bureau or timeshare capacity. The Customer acknowledges, and agrees, that Metadata s.r.o. is the exclusive owner throughout * the world of the Software, including subparts, additions, extensions, versions, updates and copies, and all rights not expressly granted * to the Customer are reserved by Metadata s.r.o. * Metadata s.r.o. also reserves the right to modify its software within its sole discretion at anytime. * * DISCLAIMER * * All changes to this file are prohibited and can lead to license violation * or permanent damage to theme or whole PrestaShop installation. * * @author Metadata s.r.o. * @copyright Since 2019 Metadata s.r.o. * @license PROPRIETARY SOFTWARE AND LICENSE */ @import url('mobile.css') screen and (max-width: 767px); @import url('pc.css') screen and (min-width: 767px); @import url('parameters.css'); :root { --theme_background_color: white; } .checkmark-wrapper{height:auto;display:flex;justify-content:center;align-items:center;background-color:transparent} .checkmark__circle{stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 4;stroke-miterlimit: 10;stroke: #36ba5c;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards} .checkmark{width: 56px;height: 56px;border-radius: 50%;display: block;stroke-width: 4;stroke: #36ba5c;stroke-miterlimit: 10;margin: 10% auto;box-shadow: inset 0px 0px 0px #36ba5c;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both} .checkmark__check{transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset: 0}}@keyframes scale{0%, 100%{transform: none}50%{transform: scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow: inset 0px 0px 0px 30px white}} a { color: black; text-decoration: none; } .overlay_loader{ position: fixed; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; transition: all 0.7s , background 0.6s, opacity 0.3s ; background-color: rgba(255, 255, 255, 0.0); backdrop-filter: blur(0.0em); -webkit-backdrop-filter: blur(0.0em); border-radius: 0em; z-index: 999; display: flex; align-items: center; justify-content: center; overflow: hidden; opacity: 0; } @keyframes page_loader_anim { 0% { visibility: visible; opacity: 0; } 100% { opacity: 1; } } .overlay_loader.open{ transition: all 1.2s ease, opacity 0s; visibility: visible; backdrop-filter: blur(1em); -webkit-backdrop-filter: blur(1em); background-color: rgba(255, 255, 255, 0.2); top: 0; right: 0; width: 100%; height: 100%; animation-name: page_loader_anim; animation-duration: 1.4s; border-radius: 0em; opacity: 1; background: radial-gradient(circle, rgba(0, 0, 0, 0.0) 0%, rgba(255,255,255,0.8) 100%); } .overlay_loader.openDark{ transition: all 1.2s ease, opacity 0s; visibility: visible; backdrop-filter: blur(1em); -webkit-backdrop-filter: blur(1em); background-color: rgba(255, 255, 255, 0.2); top: 0; right: 0; width: 100%; height: 100%; animation-name: page_loader_anim; animation-duration: 1.4s; border-radius: 0em; opacity: 1; background: radial-gradient(circle, rgba(0, 0, 0, 0.0) 0%, rgba(63, 191, 191, 1) 100%); } .loader { width: 5em; height: 5em; display: inline-block; border-radius: 50%; box-sizing: border-box; animation: animloader 0.6s ease-in infinite; filter: blur(1em); } @keyframes animloader { 0% { transform: scale(0); opacity: 0.7; } 100% { transform: scale(1); opacity: 0; } } .open .loader { background: #FFF; } .openDark .loader { background: #000; } /* === REDONDEO TOTAL DE IMÁGENES - MILYANLASHESONLINE === */ /* 1. IMAGEN PRINCIPAL DEL PRODUCTO (la más crítica) */ .js-qv-product-cover img, .product-cover img, #product-images img { border-radius: 16px !important; overflow: hidden !important; transition: all 0.3s ease !important; } .js-qv-product-cover, .product-cover, #product-images .thumbnail-container { overflow: hidden !important; border-radius: 16px !important; } /* 2. MINIATURAS DEL PRODUCTO (abajo en la ficha) */ #thumb-gallery img { border-radius: 12px !important; } #thumb-gallery .thumbnail-container { overflow: hidden !important; } /* 3. LISTADO DE PRODUCTOS (catálogo, categorías, portada) */ .product-image img, .product-thumbnail img, .card-img-top, .img-fluid, .thumbnail-container img { border-radius: 16px !important; overflow: hidden !important; transition: all 0.3s ease !important; } .product-image, .thumbnail-container, .card-img-top, .product-thumbnail { overflow: hidden !important; border-radius: 16px !important; } /* 4. IMÁGENES EN BANNERS, SLIDERS, MÓDULOS */ .module-banner img, .banner-img img, .slick-slide img, .bx-wrapper img, .slide-img img, .figure-img img { border-radius: 16px !important; overflow: hidden !important; } /* 5. REGLA GLOBAL: CUALQUIER IMAGEN DE PRODUCTO, CATEGORÍA O BANNER */ img[src*="/img/p/"], img[src*="/img/c/"], img[src*="/img/s/"] { border-radius: 16px !important; overflow: hidden !important; transition: all 0.3s ease !important; } /* 6. EVITA QUE CONTENEDORES PADRE CORTEN MAL */ .product-miniature, .product-list-item, .product-item, .figure, .figure-img, .card-body img { overflow: hidden !important; }