.product.sku { font-size: 13px !important; font-weight: bold !important; padding-top: 5px !important; } .amasty-rewards-balance .rewards-amount { border-radius: 40px !important; } .amasty-rewards-highlight { padding: 7px 0 12px 0 !important; } .ccs-fancybox-container .ccs-cc-inline-poweredby-logo{ display: none !important; } span.dynamicCountdown { /* color: #777777; */ font-weight: bold; } span.dynamicCountdowndate { /* color: #777777; */ font-weight: bold; background: #D6EED1; color: #458057; } p#cd_text::before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzBwdCIgaGVpZ2h0PSIzMHB0IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxNS42ODc1IDcuMDc4MTI1IEMgMTQuMjA3MDMxIDcuMjMwNDY5IDEyLjcxNDg0NCA3Ljk0NTMxMiAxMS42MzY3MTkgOS4wMDM5MDYgQyAxMC42MjEwOTQgMTAuMDA3ODEyIDkuOTc2NTYyIDExLjIyNjU2MiA5LjY5NTMxMiAxMi42NzE4NzUgQyA5LjYxMzI4MSAxMy4wNzgxMjUgOS41NzQyMTkgMTQuMTM2NzE5IDkuNjIxMDk0IDE0LjUzMTI1IEwgOS42NTYyNSAxNC44MTI1IEwgMTAuNTkzNzUgMTQuODM1OTM4IEwgMTAuNTY2NDA2IDE0LjY2NDA2MiBDIDEwLjU0Njg3NSAxNC41NjY0MDYgMTAuNTM1MTU2IDE0LjE3NTc4MSAxMC41MzkwNjIgMTMuNzkyOTY5IEMgMTAuNTM5MDYyIDEzLjIzNDM3NSAxMC41NTg1OTQgMTMuMDA3ODEyIDEwLjYyODkwNiAxMi42Nzk2ODggQyAxMC43OTY4NzUgMTEuODkwNjI1IDExLjE1MjM0NCAxMS4wODIwMzEgMTEuNjIxMDk0IDEwLjQxNzk2OSBDIDExLjkyMTg3NSAxMC4wMDM5MDYgMTIuNTY2NDA2IDkuMzU5Mzc1IDEyLjk4NDM3NSA5LjA1ODU5NCBDIDEzLjY1NjI1IDguNTgyMDMxIDE0LjUzOTA2MiA4LjIwNzAzMSAxNS4zNzEwOTQgOC4wNDY4NzUgQyAxNS45MjU3ODEgNy45NDUzMTIgMTYuOTU3MDMxIDcuOTUzMTI1IDE3LjU0Mjk2OSA4LjA2NjQwNiBDIDE5LjcxNDg0NCA4LjUwMzkwNiAyMS40NzI2NTYgMTAuMTEzMjgxIDIyLjA4OTg0NCAxMi4yMjY1NjIgQyAyMi40MDIzNDQgMTMuMzA4NTk0IDIyLjM3ODkwNiAxNC42MDU0NjkgMjIuMDI3MzQ0IDE1LjY3OTY4OCBDIDIxLjUyNzM0NCAxNy4yMDMxMjUgMjAuNDc2NTYyIDE4LjQxNzk2OSAxOS4wNDI5NjkgMTkuMTM2NzE5IEwgMTguNTExNzE5IDE5LjQwMjM0NCBMIDE4LjUxMTcxOSAxOS44Nzg5MDYgQyAxOC41MTE3MTkgMjAuNDMzNTk0IDE4LjQ0MTQwNiAyMC40MDYyNSAxOS4xMDkzNzUgMjAuMTIxMDk0IEMgMjAuNDI1NzgxIDE5LjU2NjQwNiAyMS42MDU0NjkgMTguNTE5NTMxIDIyLjMyMDMxMiAxNy4yNzczNDQgQyAyMy41NDY4NzUgMTUuMTUyMzQ0IDIzLjUzNTE1NiAxMi41MDM5MDYgMjIuMjg1MTU2IDEwLjM5NDUzMSBDIDIwLjkyOTY4OCA4LjEwMTU2MiAxOC4zMzk4NDQgNi43OTY4NzUgMTUuNjg3NSA3LjA3ODEyNSBaIE0gMTUuNjg3NSA3LjA3ODEyNSAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE3LjI4OTA2MiA4Ljk3NjU2MiBDIDE3LjIzNDM3NSA5LjAyNzM0NCAxNy4xOTE0MDYgOS4wOTM3NSAxNy4xOTE0MDYgOS4xMjg5MDYgQyAxNy4xOTE0MDYgOS4xNTYyNSAxNy4xMzI4MTIgOS4zNzg5MDYgMTcuMDU0Njg4IDkuNjE3MTg4IEMgMTYuOTgwNDY5IDkuODU5Mzc1IDE2LjgwODU5NCAxMC40MjE4NzUgMTYuNjcxODc1IDEwLjg3NSBDIDE1Ljk4NDM3NSAxMy4xNDg0MzggMTYuMDQyOTY5IDEyLjk4NDM3NSAxNS44MTI1IDEzLjIxNDg0NCBDIDE1LjY2MDE1NiAxMy4zNTkzNzUgMTUuNTgyMDMxIDEzLjQ2ODc1IDE1LjU1MDc4MSAxMy41OTc2NTYgQyAxNS40NDkyMTkgMTMuOTgwNDY5IDE1LjYwNTQ2OSAxNC40MTQwNjIgMTUuOTE3OTY5IDE0LjYyNSBDIDE2LjA1ODU5NCAxNC43MTQ4NDQgMTYuMTMyODEyIDE0LjczMDQ2OSAxNi4zOTQ1MzEgMTQuNzM4MjgxIEMgMTYuNjQwNjI1IDE0Ljc0MjE4OCAxNi43NDYwOTQgMTQuNzY5NTMxIDE2LjkxNDA2MiAxNC44NTU0NjkgQyAxNy4wMzUxNTYgMTQuOTEwMTU2IDE3LjYwOTM3NSAxNS4yMTA5MzggMTguMTk5MjE5IDE1LjUxNTYyNSBDIDE4Ljc4NTE1NiAxNS44MjQyMTkgMTkuMzAwNzgxIDE2LjA3MDMxMiAxOS4zMzk4NDQgMTYuMDcwMzEyIEMgMTkuMzg2NzE5IDE2LjA3MDMxMiAxOS40NjQ4NDQgMTYuMDM1MTU2IDE5LjUyNzM0NCAxNS45ODgyODEgQyAxOS42NDg0MzggMTUuODg2NzE5IDE5LjY2NDA2MiAxNS42ODM1OTQgMTkuNTYyNSAxNS41NTg1OTQgQyAxOS41MjM0MzggMTUuNTE1NjI1IDE5LjAwNzgxMiAxNS4wOTc2NTYgMTguNDEwMTU2IDE0LjYyNSBMIDE3LjMzMjAzMSAxMy43NjU2MjUgTCAxNy4yMzQzNzUgMTMuNTExNzE5IEwgMTcuMTQ0NTMxIDEzLjI1NzgxMiBMIDE3LjI0NjA5NCAxMi42MTcxODggQyAxNy4zMDQ2ODggMTIuMjYxNzE5IDE3LjQ0NTMxMiAxMS4zNjMyODEgMTcuNTcwMzEyIDEwLjYxMzI4MSBDIDE3LjY5MTQwNiA5Ljg2NzE4OCAxNy43ODkwNjIgOS4yMDcwMzEgMTcuNzg5MDYyIDkuMTUyMzQ0IEMgMTcuNzg5MDYyIDkuMDE5NTMxIDE3LjYzNjcxOSA4Ljg3NSAxNy40OTYwOTQgOC44NzUgQyAxNy40MzM1OTQgOC44NzUgMTcuMzQ3NjU2IDguOTE0MDYyIDE3LjI4OTA2MiA4Ljk3NjU2MiBaIE0gMTYuNjc5Njg4IDEzLjUxMTcxOSBDIDE3LjAxOTUzMSAxMy43NzczNDQgMTYuODM1OTM4IDE0LjMxMjUgMTYuNDAyMzQ0IDE0LjMxMjUgQyAxNi4xNDQ1MzEgMTQuMzEyNSAxNS45MjE4NzUgMTQgMTUuOTk2MDk0IDEzLjczNDM3NSBDIDE2LjA3MDMxMiAxMy40NTcwMzEgMTYuNDUzMTI1IDEzLjMzMjAzMSAxNi42Nzk2ODggMTMuNTExNzE5IFogTSAxNi42Nzk2ODggMTMuNTExNzE5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDAlLDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gNy4wMzkwNjIgMTUuNTc4MTI1IEMgNi45Njg3NSAxNS42MTcxODggNi44NzEwOTQgMTUuNzAzMTI1IDYuODMyMDMxIDE1Ljc2OTUzMSBDIDYuNzYxNzE5IDE1Ljg4MjgxMiA2Ljc1NzgxMiAxNi4wMDc4MTIgNi43NTc4MTIgMTcuNzYxNzE5IEwgNi43NTc4MTIgMTkuNjI4OTA2IEwgMTIuMjg1MTU2IDE5LjYyMTA5NCBMIDE3LjgwODU5NCAxOS42MDkzNzUgTCAxNy44MjQyMTkgMTkuNDEwMTU2IEMgMTcuODUxNTYyIDE4Ljk2ODc1IDE3Ljg0NzY1NiAxOC45NjA5MzggMTYuNTc4MTI1IDE3LjcxMDkzOCBDIDE1Ljk0NTMxMiAxNy4wODIwMzEgMTUuMzc1IDE2LjU0Mjk2OSAxNS4zMjAzMTIgMTYuNTExNzE5IEMgMTUuMjM4MjgxIDE2LjQ2ODc1IDE1LjA0Mjk2OSAxNi40NDUzMTIgMTQuNTg1OTM4IDE2LjQzNzUgTCAxMy45NTMxMjUgMTYuNDIxODc1IEwgMTMuOTUzMTI1IDE2LjIwNzAzMSBDIDEzLjk1MzEyNSAxNS45NDUzMTIgMTMuODYzMjgxIDE1LjcxODc1IDEzLjcxODc1IDE1LjYxMzI4MSBDIDEzLjYxNzE4OCAxNS41MzEyNSAxMy41MzkwNjIgMTUuNTMxMjUgMTAuMzk0NTMxIDE1LjUyMzQzOCBDIDcuNDUzMTI1IDE1LjUxMTcxOSA3LjE2NDA2MiAxNS41MTk1MzEgNy4wMzkwNjIgMTUuNTc4MTI1IFogTSAxNS45MTAxNTYgMTcuODU1NDY5IEMgMTYuMzYzMjgxIDE4LjI4MTI1IDE2LjczNDM3NSAxOC42NzE4NzUgMTYuNzQyMTg4IDE4LjcxNDg0NCBDIDE2Ljc1MzkwNiAxOC43ODUxNTYgMTYuNzI2NTYyIDE4Ljc4OTA2MiAxNS42NzU3ODEgMTguNzg5MDYyIEwgMTQuNTkzNzUgMTguNzg5MDYyIEwgMTQuNTkzNzUgMTcuMDcwMzEyIEwgMTQuODQzNzUgMTcuMDcwMzEyIEwgMTUuMDkzNzUgMTcuMDc0MjE5IFogTSAxNS45MTAxNTYgMTcuODU1NDY5ICIvPgo8cGF0aCBzdHlsZT0iIHN0cm9rZTpub25lO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6cmdiKDAlLDAlLDAlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gNi43NTc4MTIgMjAuNTcwMzEyIEMgNi43NTc4MTIgMjEuMzA4NTk0IDYuNzg1MTU2IDIxLjQxNDA2MiA3LjAwNzgxMiAyMS41NDY4NzUgQyA3LjExNzE4OCAyMS42MTcxODggNy4yMTA5MzggMjEuNjI4OTA2IDcuNTg5ODQ0IDIxLjYyODkwNiBDIDguMDMxMjUgMjEuNjI4OTA2IDguMDM1MTU2IDIxLjYyODkwNiA4LjAzNTE1NiAyMS41MzUxNTYgQyA4LjAzNTE1NiAyMS4zNzUgOC4yNjk1MzEgMjAuOTY0ODQ0IDguNDYwOTM4IDIwLjc4OTA2MiBDIDguNTU4NTk0IDIwLjY5NTMxMiA4Ljc0MjE4OCAyMC41NzQyMTkgOC44NjcxODggMjAuNTE1NjI1IEMgOS4wNjI1IDIwLjQyNTc4MSA5LjE0ODQzOCAyMC40MTAxNTYgOS40NzY1NjIgMjAuNDEwMTU2IEMgOS44MTY0MDYgMjAuNDEwMTU2IDkuODc4OTA2IDIwLjQyMTg3NSAxMC4wNzQyMTkgMjAuNTE5NTMxIEMgMTAuNDU3MDMxIDIwLjcxODc1IDEwLjcyNjU2MiAyMS4wMjczNDQgMTAuODU5Mzc1IDIxLjQyNTc4MSBMIDEwLjkyMTg3NSAyMS42Mjg5MDYgTCAxMy44MzIwMzEgMjEuNjI4OTA2IEwgMTMuODMyMDMxIDIxLjUzNTE1NiBDIDEzLjgzMjAzMSAyMS4zNzUgMTQuMDY2NDA2IDIwLjk2NDg0NCAxNC4yNSAyMC43OTY4NzUgQyAxNC4zNDM3NSAyMC43MDMxMjUgMTQuNTE5NTMxIDIwLjU4NTkzOCAxNC42NDA2MjUgMjAuNTE5NTMxIEMgMTQuODMyMDMxIDIwLjQyMTg3NSAxNC44OTA2MjUgMjAuNDEwMTU2IDE1LjI1IDIwLjQxMDE1NiBDIDE1LjU4NTkzOCAyMC40MTAxNTYgMTUuNjc5Njg4IDIwLjQyNTc4MSAxNS44Mzk4NDQgMjAuNSBDIDE2LjI0NjA5NCAyMC42OTkyMTkgMTYuNTQyOTY5IDIxLjAzNTE1NiAxNi42NTYyNSAyMS40MTc5NjkgTCAxNi43MTQ4NDQgMjEuNjI4OTA2IEwgMTcuMDU4NTk0IDIxLjYyODkwNiBDIDE3LjczODI4MSAyMS42Mjg5MDYgMTcuODM5ODQ0IDIxLjQ4NDM3NSAxNy44MjQyMTkgMjAuNTQyOTY5IEwgMTcuODA4NTk0IDE5LjkyOTY4OCBMIDEyLjI4NTE1NiAxOS45MTc5NjkgTCA2Ljc1NzgxMiAxOS45MTAxNTYgWiBNIDYuNzU3ODEyIDIwLjU3MDMxMiAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDkuMDg1OTM4IDIwLjgwMDc4MSBDIDguODQ3NjU2IDIwLjg5MDYyNSA4LjYyMTA5NCAyMS4wODk4NDQgOC40OTYwOTQgMjEuMzEyNSBDIDguMzkwNjI1IDIxLjUgOC4zNzUgMjEuNTcwMzEyIDguMzc1IDIxLjg0NzY1NiBDIDguMzc1IDIyLjEyODkwNiA4LjM5MDYyNSAyMi4xOTUzMTIgOC40OTYwOTQgMjIuMzgyODEyIEMgOC42OTE0MDYgMjIuNzM0Mzc1IDkuMDMxMjUgMjIuOTQxNDA2IDkuNDM3NSAyMi45NDUzMTIgQyA5Ljg3ODkwNiAyMi45NTMxMjUgMTAuMjY1NjI1IDIyLjcxNDg0NCAxMC40NTMxMjUgMjIuMzI4MTI1IEMgMTAuNTYyNSAyMi4xMDE1NjIgMTAuNTc4MTI1IDIxLjcyMjY1NiAxMC40OTYwOTQgMjEuNDY0ODQ0IEMgMTAuNDAyMzQ0IDIxLjE4NzUgMTAuMTIxMDk0IDIwLjkxMDE1NiA5Ljg1NTQ2OSAyMC44MTY0MDYgQyA5LjYzMjgxMiAyMC43NDIxODggOS4yNzM0MzggMjAuNzM0Mzc1IDkuMDg1OTM4IDIwLjgwMDc4MSBaIE0gOS43MTQ4NDQgMjEuMzY3MTg4IEMgOS45MDIzNDQgMjEuNDY0ODQ0IDkuOTk2MDk0IDIxLjYxNzE4OCA5Ljk5NjA5NCAyMS44MjQyMTkgQyA5Ljk5NjA5NCAyMi4wNTQ2ODggOS45Mjk2ODggMjIuMTc5Njg4IDkuNzU3ODEyIDIyLjI5Njg3NSBDIDkuNDAyMzQ0IDIyLjUzNTE1NiA4LjkxNDA2MiAyMi4yODUxNTYgOC45MTQwNjIgMjEuODU1NDY5IEMgOC45MTQwNjIgMjEuNDQxNDA2IDkuMzQ3NjU2IDIxLjE3NTc4MSA5LjcxNDg0NCAyMS4zNjcxODggWiBNIDkuNzE0ODQ0IDIxLjM2NzE4OCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE0Ljg5MDYyNSAyMC44MDA3ODEgQyAxNC41NDI5NjkgMjAuOTMzNTk0IDE0LjI4MTI1IDIxLjIyNjU2MiAxNC4xODc1IDIxLjU2NjQwNiBDIDE0LjEyODkwNiAyMS43ODUxNTYgMTQuMTY0MDYyIDIyLjEzNjcxOSAxNC4yNjk1MzEgMjIuMzM1OTM4IEMgMTQuNTkzNzUgMjIuOTcyNjU2IDE1LjQ0NTMxMiAyMy4xNDg0MzggMTUuOTg0Mzc1IDIyLjY4NzUgQyAxNi40ODA0NjkgMjIuMjYxNzE5IDE2LjQ4MDQ2OSAyMS40Mzc1IDE1Ljk4NDM3NSAyMS4wMTE3MTkgQyAxNS44OTQ1MzEgMjAuOTM3NSAxNS43MzgyODEgMjAuODQzNzUgMTUuNjQwNjI1IDIwLjgxMjUgQyAxNS40Mjk2ODggMjAuNzM4MjgxIDE1LjA2MjUgMjAuNzM0Mzc1IDE0Ljg5MDYyNSAyMC44MDA3ODEgWiBNIDE1LjY0MDYyNSAyMS40NTcwMzEgQyAxNS45ODgyODEgMjEuODA0Njg4IDE1Ljc0MjE4OCAyMi4zODY3MTkgMTUuMjUgMjIuMzg2NzE5IEMgMTQuNzEwOTM4IDIyLjM4NjcxOSAxNC41MDc4MTIgMjEuNjcxODc1IDE0Ljk2NDg0NCAyMS4zODI4MTIgQyAxNS4xNjAxNTYgMjEuMjYxNzE5IDE1LjQ3NjU2MiAyMS4yOTY4NzUgMTUuNjQwNjI1IDIxLjQ1NzAzMSBaIE0gMTUuNjQwNjI1IDIxLjQ1NzAzMSAiLz4KPC9nPgo8L3N2Zz4K); vertical-align: -11px; margin-right: -4px; margin-left: -3.5px; } span.amrewards-label:before { margin: 2px 4px 0 5px; vertical-align: -3px; content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjYuNTYzIiBmaWxsPSIjRjJDOTRDIi8+PHBhdGggZD0iTTcgMTRjLTMuODYgMC03LTMuMTQtNy03czMuMTQtNyA3LTcgNyAzLjE0IDcgNy0zLjE0IDctNyA3ek03IC44NzVBNi4xMzIgNi4xMzIgMCAwIDAgLjg3NSA3IDYuMTMyIDYuMTMyIDAgMCAwIDcgMTMuMTI1IDYuMTMyIDYuMTMyIDAgMCAwIDEzLjEyNSA3IDYuMTMyIDYuMTMyIDAgMCAwIDcgLjg3NXoiIGZpbGw9IiM0RTM2NTUiLz48cGF0aCBkPSJNNyA3LjQzN2MtLjUzNyAwLTEuMDQ2LS4xNy0xLjQzMy0uNDgtLjQxNi0uMzMyLS42NDUtLjc4My0uNjQ1LTEuMjcgMC0uNDg1LjIyOS0uOTM3LjY0NC0xLjI3Ljc4Ny0uNjI4IDIuMTk3LS42MDQgMy4wMi4wNTRhLjQzNy40MzcgMCAxIDEtLjU0Ny42ODNjLS40OTMtLjM5NC0xLjQ2Ni0uNDIxLTEuOTI2LS4wNTMtLjIwNC4xNjMtLjMxNi4zNzItLjMxNi41ODYgMCAuMjE1LjExMi40MjQuMzE2LjU4Ny4yMzMuMTg2LjU0OC4yODguODg3LjI4OGEuNDM4LjQzOCAwIDAgMSAwIC44NzV6IiBmaWxsPSIjNEUzNjU1Ii8+PHBhdGggZD0iTTYuOTg3IDEwLjAzOGMtLjU3IDAtMS4xNS0uMTctMS41NzMtLjUwOWEuNDM4LjQzOCAwIDAgMSAuNTQ3LS42ODNjLjQ5My4zOTUgMS40NjUuNDIxIDEuOTI1LjA1My4yMDUtLjE2My4zMTctLjM3Mi4zMTctLjU4NiAwLS4yMTUtLjExMi0uNDI0LS4zMTctLjU4N0ExLjQxOCAxLjQxOCAwIDAgMCA3IDcuNDM4YS40MzguNDM4IDAgMCAxIDAtLjg3NWMuNTM3IDAgMS4wNDYuMTcgMS40MzMuNDguNDE2LjMzMi42NDUuNzgzLjY0NSAxLjI3IDAgLjQ4Ni0uMjI5LjkzNy0uNjQ1IDEuMjctLjM4MS4zMDQtLjkxLjQ1NS0xLjQ0Ni40NTV6TTcgNC44MTJhLjQzOC40MzggMCAwIDEtLjQzOC0uNDM3VjMuNDJhLjQzOC40MzggMCAwIDEgLjg3NSAwdi45NTVBLjQzOC40MzggMCAwIDEgNyA0LjgxMnoiIGZpbGw9IiM0RTM2NTUiLz48cGF0aCBkPSJNNyAxMS4wMTdhLjQzNy40MzcgMCAwIDEtLjQzOC0uNDM3di0uOTU1YS40MzcuNDM3IDAgMSAxIC44NzUgMHYuOTU1YS40MzguNDM4IDAgMCAxLS40MzcuNDM3eiIgZmlsbD0iIzRFMzY1NSIvPjwvc3ZnPg==); } .amrewards-balance-container .amrewards-amount { border-radius: 9px !important; } @media(max-width: 767px) { ul.header.links:nth-child(2) { display:none; } .preorder_note { margin-left: 110px; } } @media(max-width: 429px) { .message-goal { font-size: 11px; } } /*.panel.wrapper { background-color: #e0f1ff !important; }*/ .note-msg { color: #bd5443; margin-bottom: 20px; font-size: 14px; font-weight: 600; } img.free-icon { height: 27px; padding-top: 5px; margin-right: 40px; } img.nacex-shop-icon { margin-right: 19.5px; } img.nacex-icon { margin-right: 17px; } .amrelated-pack-wrapper { clear: both; margin-bottom: 30px; margin-top: 60px; } @media(min-width: 768px){ .amrelated-pack-wrapper .amrelated-content-wrapper { margin-top: 50px !important; } .amrelated-pack-wrapper .amrelated-content-wrapper .amrelated-equal { color: #b4b6b7 !important; } .amrelated-pack-wrapper { clear: both; margin-bottom: 70px; margin-top: 60px; } a.amrelated-link { display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .amrelated-title { padding-bottom: 10px; border-bottom: 4px solid #ebeced; font-size: 20px; } p.esteproducto { margin-top: 65px; margin-bottom: -55px; font-size: 13px; font-weight: 600; } } .facturaerp:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAMklEQVQokWNgGJTAxTvk/6hmWmuGaUKnSTIAhkm2nSwbBwa4+wZrI/sVHbv5BmtQzTIAf8QnyStc0swAAAAASUVORK5CYII=); vertical-align: middle; } .link-contacto { display: none !important; } #search::-moz-placeholder { color: white !important; opacity: 0.8; } #search::-webkit-input-placeholder { color: white !important; opacity: 0.8; } span[id*="price-including-tax-old-price-"]{ display: none; } /*Esto es el boton de las tabs en la página de producto*/ .product.data.items > .item.title { padding: 10px 0 0 30px; background: #f0f0f0; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .product.data.items > .item.title:hover { background: #c4f1ff; } .product.data.items > .tem.title.active > .switch { background: transparent; } .data.item.title.active { background: #0AA8DC !important; } .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus { background: transparent !important; color: #000 !important; } .product.data.items > .item.title:not(disabled) > .switch:hover { background: transparent !important; } .product.data.items > .item.title:not(disabled) > .switch:acive { background: transparent !important; } @media (max-width: 767px){ .product.data.items>.item.title.active>.switch { border-bottom: 0 !important; } .product.data.items>.item.title>.switch { border-top: 0 !important; } } img.iconpayrecogida { margin-right: 7px; } /*Esto es el boton whatsapp en la vista previa*/ .mfp-iframe-scaler .Bubble__BubbleComponent-sc-13azvyr-3.bmfQEm { display: none; } .mfp-iframe-scaler .Bubble__BubbleComponent-sc-13azvyr-3.eiQWLq { display: none; } /* ------------------------------------------------------------------- CONTENIDOS CSS EDGAR 01. GENERAL 1.1 Margins y titulos 02. HEADER 03. BUSCADOR 3.1 Responsive 04. MEGAMENU 05. HOME 5.1 Slider 5.2 Responsive Slider 5.3 Productos slider (owl) 5.4 Productos slider responsive 5.5 Trusted Shops 5.6 Marcas 06. CATEGORIA 6.1 General 6.2 Cards producto 6.3 Responsive 07. PAGINA PRODUCTO 7.1 Fotorama 08. MINI CART 09. CHECKOUT 9.1 CHECKOUT POPUPS 9.1.1 Dirección envío 9.1.2 Nacex 9.1.3 Confirmación 9.1.4 Trusted, hotjar, chat (z-index) 10. LOGIN 11. AVISO COOKIES 12. WHATSAPP 13. FOOTER 13.1 Middle footer 13.2 Bottom footer 14. HOTJAR 15. TOP BAR 16. BLACK FRIDAY 17. TRUSTED SHOPS BADGE 18. MI CUENTA ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- 01. GENERAL ------------------------------------------------------------------- */ .page-main { max-width: 100%; padding: 0; } .columns .column.main { padding: 0; } .container { width: 100%; } /*--------- 1.1 Margins y titulos ---------*/ .page-main > .page-title-wrapper .page-title { padding-top: 60px !important; } /* Carrito */ .checkout-cart-index .cart-container { margin-bottom: 50px; } /* Título contacto */ h2.titulo-form-profesionales { margin-top: 0; } @media (min-width: 992px) { /* Registro y login */ .customer-account-create .page-title-wrapper, .customer-account-login .page-title-wrapper { margin-top: 20rem; } } @media (max-width: 992px) { /* Carrito */ .checkout-cart-index .cart-container { margin-top: 24rem; margin-bottom: 50px; } .checkout-cart-index .block-products-list .block-title { text-align: center; } } @media (max-width: 768px) { /* Login */ .page-main > .page-title-wrapper .page-title { padding-top: 30px !important; } /* Carrito */ .checkout-cart-index .cart-container { margin-top: 0; } } /* ------------------------------------------------------------------- 02. HEADER ------------------------------------------------------------------- */ .custom-block > div > div > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacto-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 162px; font-size: 12px; font-weight: 600; line-height: 1.6; } @media (min-width: 1200px) { .header.content .logo img { max-height: 100px !important; width: 240px; max-width: 240px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .page-header.type16 .header.content .logo { margin: 28px 0; } .header.content .logo img { max-height: unset !important; width: 170px; max-width: 170px; } } @media (min-width: 992px) { .page-header.type16 .header.content .logo { margin: 28px 0; } .page-header.type16 .header.content .custom-block { top: 40%; width: 259px; height: unset; } .contacto-icono { width: 50px; margin-right: 10px; } } @media (max-width: 991px) { .contacto-icono { display: none; } .contacto-header { font-size: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: unset; } .contacto-header a:not(:last-child) { margin-right: 18px; } .contacto-header i { font-size: 22px; font-weight: 700; } .page-header.type16 .header.content .custom-block { padding-right: 18px; top: 50%; width: unset; right: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width:768px) and (max-width: 991px) { .page-header.type16 .block-search { margin-left: 18px !important; max-width: 300px; } } @media (max-width: 767px) { /* .page-header { z-index: 9999999 !important; } */ .page-wrapper .page-header.type16.header-newskin .header.content .custom-block { position: absolute; top: 12%; right: 90px; width: unset; margin-top: 0; } .contacto-header a:not(:last-child) { margin-right: 21px; } .contacto-header i { font-size: 28px; } /* Custom block en checkout */ .checkout-index-index .page-wrapper .page-header.type16.header-newskin .header.content .custom-block { position: absolute; top: 14%; right: 59px; width: unset; margin-top: 0; } /*Icono menú hamburguesa mayor y negro*/ .page-header.type16 .header.content .nav-toggle::before { font-size: 30px; -webkit-filter: brightness(0%); filter: brightness(0%); } /*Margen icono carrito*/ .action.showcart .minicart-icon { margin-top: 5px; } .page-header.type16 .header.content .minicart-wrapper .block-minicart { top: 45%; } } @media (max-width: 475px) { .page-header.type16 .header.content .logo { background-image: url(https://www.global-spares.com/pub/media/wysiwyg/mobile-logos/globalspares-mobile.svg); /* background-image: url(https://www.global-spares.com/pub/media/wysiwyg/mobile-logos/Global-Spares_mobile_nadal22.png); */ background-position: left; background-repeat: no-repeat; background-size: cover; width: 95px; height: 50px; margin-left: 7px; } .header.content .logo img { display: none; } } @media (max-width: 375px) { .header.content .nav-toggle { margin-right: 15px; } .page-wrapper .page-header.type16.header-newskin .header.content .custom-block { top: 0; right: 66px; } .contacto-header a:not(:last-child) { margin-right: 15px; } .contacto-header i { font-size: 22px; line-height: 62px; } .page-header.type16 .header.content .nav-toggle::before { font-size: 25px; -webkit-filter: brightness(0%); filter: brightness(0%); } .page-header.type16 .header.content .minicart-wrapper { margin: 16px 0 11px; width: 22px; } /* Custom block en checkout */ .checkout-index-index .page-wrapper .page-header.type16.header-newskin .header.content .custom-block { top: 0; right: 43px; } } /* ------------------------------------------------------------------- 03. BUSCADOR ------------------------------------------------------------------- */ .block-search { width: 100%; max-width: 508px; } a.duda-text { grid-column: 1 / -1; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: #ffffff; border: 1px solid #0aa8dc; padding: 10px; font-size: 15px; font-weight: bold; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333333; } a.duda-text i.fas.fa-exclamation-triangle { font-size: 30px; margin-right: 15px; color: #0aa8dc; } div#dffullscreen p.df-error { display: none; } /*--------- 3.1 Responsive ---------*/ @media (max-width: 768px) { .block-search { width: 100%; } a.duda-text { font-size: 14px; width: 100%; margin: 0 8px 8px; } a.duda-text i.fas.fa-exclamation-triangle { font-size: 25px; } } @media (max-width: 350px) { a.duda-text { font-size: 13px; } } /* ------------------------------------------------------------------- 04. MEGAMENU ------------------------------------------------------------------- */ @media (min-width: 768px) { .sections.nav-sections .ves-megamenu .navigation > .navigation { padding: 0; } } /* ------------------------------------------------------------------- 05. HOME ------------------------------------------------------------------- */ /*--------- 5.1 Slider ---------*/ #slide-home { font-family: 'Nunito'; margin-top: -29px; position: relative; width: 100vw; max-width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: #dbdddd; } #slide-home .container { height: 450px; padding: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Slider content */ #slide-home h1 { margin: 0 0 30px; font-size: 35px; line-height: 1.3; font-weight: 700; } p.slide-content { font-size: 20px; line-height: 1.5; font-weight: 400; margin-bottom: 30px; } button.slide-button:not(.primary) { font-size: 20px; font-weight: 700; color: #fff; background-color: #0AA8DC; border: none; border-radius: 8px; padding: 0 40px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; height: 50px; line-height: 50px; } button.slide-button:not(.primary):hover { text-decoration: none; background-color: #0892bf !important; -webkit-box-shadow: 0px 6px 15px rgb(24 113 181 / 53%); box-shadow: 0px 6px 15px rgb(24 113 181 / 53%); } /*--------- 5.2 Responsive Slider ---------*/ @media (max-width: 1279px) { #slide-home .container { height: calc(400px + (450 - 400) * ((100vw - 991px) / (1279 - 991))); } #slide-home h1 { font-size: calc(24px + (35 - 24) * ((100vw - 991px) / (1279 - 991))); } p.slide-content { font-size: calc(18px + (20 - 18) * ((100vw - 991px) / (1279 - 991))); line-height: 1.4; } button.slide-button:not(.primary) { font-size: 18px; height: 45px; line-height: 45px; } } @media (max-width: 991px) { #slide-home .container { height: 350px; } #slide-home h1 { font-size: 24px; } p.slide-content { font-size: 16px; } #slide-home h1, p.slide-content { margin-bottom: 20px; } button.slide-button:not(.primary) { font-size: 16px; } } @media (max-width: 767px) { #slide-home { background-image: url(https://www.global-spares.com/pub/media/wysiwyg/global-spares/Slide/GS-slider-piezas.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } div#slide-home:before { width: 100%; height: 100%; display: block; content: ''; position: absolute; top: 0; left: 0; /* background-color: rgb(218 222 223 / 80%); */ } #slide-home .container { height: unset; display: block; background-color: unset; } .slide-img-container { display: none; } } @media (max-width: 400px) { #slide-home .container { padding: 40px 10px; } #slide-home h1 { font-size: 20px; } p.slide-content { font-size: 14px; } } @media (min-width: 768px) { #slide-home { margin-top: 200px; } } /*--------- 5.3 Productos slider (owl) ---------*/ .popular-section { padding-top: 80px; margin-left: auto; margin-right: auto; } .owl-carousel.owl-loaded { padding-bottom: 40px; z-index: auto; } /* Card producto */ .products-grid .product-item .product-item-info.type1 { border: solid 1px #f0f0f0; } /* Sombra imagen */ #carruseles-home .product-item:hover .product-item-info.type1 .product-item-photo { -webkit-box-shadow: 0 25px 35px -5px rgb(198 198 198 / 10%); box-shadow: 0 25px 35px -5px rgb(198 198 198 / 10%); } /* Nombre producto */ #carruseles-home .product-item-link { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Add to cart */ .products-grid .product-item-details .product-item-actions .tocart { text-transform: uppercase; font-size: 12.53px; font-family: 'Poppins'; font-weight: 600; letter-spacing: 0.025em; color: #fff !important; line-height: 30px; background-color: #0AA8DC !important; border-color: #0AA8DC !important; } .products-grid .product-item-details .product-item-actions .tocart:hover { background-color: #0892bf !important; border-color: #0892bf !important; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } @media (max-width: 767px) { /* Info product */ #carruseles-home .products-grid .product-item-info.type1 .product-item-details { padding-bottom: 8px; } /* Nombre producto */ .products-grid .product-item .product-item-details .product-item-name { height: 70px; } #carruseles-home .product-item-info.type1 .product.name a, #carruseles-home .product-item-info.type9 .product.name a { font-size: 14px; line-height: 1.5; } /* Add to cart */ .products-grid .product-item-details .product-item-actions .tocart { font-size: 11px; letter-spacing: 0; } .product-item .tocart { padding: 0 5px; } } @media (max-width: 350px) { /* Card producto */ .products-grid .product-item { padding: 5px; } /* Info product */ #carruseles-home .products-grid .product-item-info.type1 .product-item-details { padding-left: 5px; padding-right: 5px; } /* Nombre producto */ .products-grid .product-item .product-item-details .product-item-name { height: 60px; } #carruseles-home .product-item-info.type1 .product.name a, #carruseles-home .product-item-info.type9 .product.name a { font-size: 13px; } /* Precio producto */ #carruseles-home .price-box .price { font-size: 16px; } #carruseles-home .price-container .price-including-tax + .price-excluding-tax .price { font-size: 1.1rem; } } /*--------- 5.4 Productos slider responsive ---------*/ @media (max-width: 767px) { .popular-section { padding-left: 0; padding-right: 0; } } /*--------- 5.5 Trusted Shops ---------*/ .reviews-trusted { position: relative; width: 100vw; max-width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: 0px; padding: 2px 0; /* background-color: #efefef; */ } .cms-index-index .reviews-trusted h2.filterproduct-title.separator-line { padding-top: 0; } @media (max-width: 1279px) { .reviews-trusted .container { padding: 0 20px; } } /*--------- 5.6 Marcas ---------*/ .cms-index-index h2.filterproduct-title.separator-line { padding-top: 80px; } .cms-index-index h2.filterproduct-title.separator-line .content strong { font-size: 20px; color: #1a1a1a; } /* ------------------------------------------------------------------- 06. CATEGORIAS ------------------------------------------------------------------- */ /*--------- 6.1 General ---------*/ /* Descripción categoria */ .catalog-category-view .wt-read-more, .catalog-category-view .wt-read-less { text-align: center; width: 100%; } /* Contenedor cards categoria */ .catalog-category-view .columns .column.main { padding-left: 24px; padding-right: 24px; } /* Ordenar */ .toolbar .sorter { margin-right: 8px; } .toolbar-sorter.sorter { text-align: left; } .catalog-category-view .sorter-options { width: 238px; } /* Cantidad */ .field.limiter select#limiter { text-indent: 0; } /* Modes */ .toolbar .modes { display: none; } /*--------- 6.2 Cards producto ---------*/ /* Contenedor card producto -- borrar important en un futuro */ .catalog-category-view .products-list .product-item { padding: 10px 0 15px 0 !important; } .products-list .product-item-info { background-color: #fff; border: solid 1px #d4d4d4; border-radius: 10px; -webkit-box-shadow: 0px 7px 12px #ececec; box-shadow: 0px 7px 12px #ececec; padding-left: 10px; } .products-list .product-item-info:hover { -webkit-box-shadow: 0px 7px 12px #c6ecff; box-shadow: 0px 7px 12px #c6ecff; border: solid 1px #0088cc96; width: 100%; } /* Contenedor info producto (nombre, info, precio...) */ .catalog-category-view .products-list .product-item-details { padding: 20px; } /* Nombre producto */ .catalog-category-view .products-list .product-item-name { margin: 0 0 20px; } .catalog-category-view .products-list .product-item-info .product.name a { font-size: 18px; font-weight: 600; padding: 0 50px 0 0; } /* Descipcion */ .catalog-category-view .product.description p { line-height: 1.3; } /* Add to cart */ .catalog-category-view button.action.tocart.primary { line-height: 34px; padding: 0 20px; height: 42px; text-transform: uppercase; } /*--------- 6.3 Responsive ---------*/ @media (max-width: 1199px) { /* Contenedor imagen */ .catalog-category-view .products-list .product-item-photo { width: 30%; } /* Contenedor info producto (nombre, info, precio...) */ .catalog-category-view .products-list .product-item-details { width: 70%; } /* Nombre producto */ .catalog-category-view .products-list .product-item-info .product.name a { padding: 0; } } @media (max-width: 991px) { /* Nombre producto */ .catalog-category-view .products-list .product-item-info .product.name a { font-size: 16px; } } @media (max-width: 767px) { /* Ordenar */ .sorter-label { font-weight: 700; } /* Mostrar (arriba junto a ordenar por) */ div#layer-product-list .toolbar.toolbar-products:first-child .field.limiter { display: none; } /* Contenedor cards categoria */ .catalog-category-view .columns .column.main { padding-left: 10px !important; padding-right: 10px !important; } /* Contenedor imagen */ .catalog-category-view .products-list .product-item-details { padding: 10px 10px 12px 15px; } /* Nombre producto */ .catalog-category-view .products-list .product-item-info .product.name a { padding: 0; line-height: 1.4; } /* Add to cart */ .catalog-category-view button.action.tocart.primary { font-size: 12px; line-height: 30px; padding: 0 10px; height: 38px; } .product-item .tocart:before { font-size: 13px; } } @media only screen and (max-width: 639px) { /* Contenedor imagen */ .catalog-category-view .products-list .product-item-photo { width: 30%; } } @media (max-width: 480px) { /* Ordenar -- borrar en un futuro */ .catalog-category-view .toolbar .sorter { margin-left: 0 !important; } /* Nombre producto */ .catalog-category-view .products-list .product-item-info .product.name a { font-size: 14px; } } @media (max-width: 410px) { /* Ordenar */ .sorter-label { display: block; font-size: 12px; } .toolbar select { margin-left: 0; } .catalog-category-view .sorter-options { width: 230px; font-size: 13px; } } /* ------------------------------------------------------------------- 07. PAGINA PRODUCTO ------------------------------------------------------------------- */ .catalog-product-view .product-info-main .prev-next-products~.page-title-wrapper h1 { padding-right: 65px; } /*--------- 7.1 Fotorama ---------*/ .fotorama__stage { border: solid white !important; } .fotorama__nav.fotorama__nav--thumbs { text-align: center; } /* ------------------------------------------------------------------- 08. MINI CART ------------------------------------------------------------------- */ .minicart-items .product-item-name-block strong.product-item-name, .minicart-items .product-item-details strong.product-item-name { font-size: 14px; font-weight: bold; line-height: 18px!important; } /* ------------------------------------------------------------------- 09. CHECKOUT ------------------------------------------------------------------- */ div#checkout { display: flex; flex-direction: column; } .page-layout-checkout._has-modal aside.modal-popup.confirm._show { max-width: 500px; width: 95%; margin: 0 auto; } /* Bloque custom checkout */ .checkout-index-index .bloque-checkout-custom { display: block; } @media (min-width: 992px) { .bloque-checkout-custom .row.header-top-ads.vc_custom_1569859408078.no-padding { display: grid; } } @media (min-width: 768px) { .checkout-index-index .bloque-checkout-custom { margin-top: 16rem; } } @media (max-width: 767px) { .bloque-checkout-custom, .bloque-checkout-custom, .checkout-index-index.page-layout-checkout .columns .column.main > div:first-child, .am-checkout.-modern .checkout-header { display: none; } } .bloque-checkout-custom .wpb_wrapper.vc_column-inner { padding: 10px 20px; } .bloque-checkout-custom .porto-icon.none { display: inline-block; width: 35px; margin-left: auto; margin-right: auto; } .header-top-ads .porto-sicon-box { margin: 0; } .bloque-checkout-custom a { text-decoration: none; color: #000; } /* Resumen */ .amcheckout-step-container input[type='checkbox']+label span:only-child, .amcheckout-step-container input[type='radio']+label span:only-child { font-size: 14px; color: #363636; } /* Shipping address */ /* Tooltip */ fieldset#customer-email-fieldset .field-tooltip { top: 6px; } fieldset#customer-email-fieldset .field-tooltip .field-tooltip-action:before { overflow: visible; } li#shipping .step-content.amcheckout-content { border-radius: 0 0 8px 8px; } form#co-shipping-form div#shipping-new-address-form.fieldset.address, fieldset.fieldset.address { margin: 0 14px !important; } div#shipping-new-address-form, .billing-address-form .fieldset.address { font-size: 0; } .amcheckout-step-container input[type='text'], .amcheckout-step-container input[type='tel'] { border: 1px solid #ffffff; border-radius: 5px; } /* Billing address */ /* Title */ .checkout-billing-address fieldset.fieldset .field.field-select-billing { padding: 20px 15px 0; } .fieldset .field.field-select-billing label span { font-size: 18px; font-weight: bold; } /* Fields */ .billing-address-form { padding: 0 14px; } .amcheckout-step-container .checkout-billing-address .fieldset:last-child { margin: 0 !important; } /* Action toolbar */ .amcheckout-step-container .checkout-billing-address .actions-toolbar { padding: 10px 21px; } .amcheckout-step-container .checkout-billing-address .actions-toolbar>.primary { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0; } .amcheckout-step-container .checkout-billing-address .actions-toolbar>.primary button { display: block; width: 50%; margin: 0; height: 45px; } .amcheckout-step-container .checkout-billing-address .actions-toolbar>.primary button:first-child { margin-right: 10px; } .amcheckout-step-container .checkout-billing-address .actions-toolbar>.primary button:last-child { margin-left: 10px; } /* Shipping method */ .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:last-child { margin-bottom: 0 !important; } /* Resumen */ .amcheckout-step-container .amcheckout-summary-container .amcheckout-content>.amcheckout-wrapper { padding: 20px 20px 0; } .amcheckout-step-container input[type='checkbox']+label span:only-child, .amcheckout-step-container input[type='radio']+label span:only-child { font-size: 14px; color: #363636; } /* Comentario del pedido */ .amcheckout-step-container .amcheckout-additional-options .amcheckout-comment { margin: 0; } /* Descuento y puntos */ .amcheckout-step-container .opc-payment-additional:last-child { border-radius: 0 0 8px 8px; } .checkout-payment-method .payment-option-title { border-top: none; } form#discount-form .actions-toolbar, form#discount-reward-form .actions-toolbar.amrewards-actions { padding-bottom: 0; } .checkout-payment-method .payment-option-inner { margin: 0; } form#discount-form .payment-option-inner input#discount-code, form#discount-reward-form .payment-option-inner input#amreward_amount { border-radius: 5px 5px 0 0; } form#discount-form .primary, form#discount-reward-form .primary { width: 100%; } form#discount-form .primary button.action.action-apply, form#discount-reward-form .primary button.action.action-apply { margin: 0; width: 100%; border-radius: 0 0 5px 5px !important; } form#discount-reward-form .primary button.action.action-apply { min-height: 40px; } .payment-option-content .amrewards-points-rate { font-size: 13px; } /* Código error */ form#discount-form .payment-option-inner .field .control, form#discount-reward-form .payment-option-inner .field .control { position: relative; } form#discount-form div#discount-code-error, form#discount-reward-form .amrewards-minpoints-note { position: absolute; top: 80px; } form#discount-reward-form .amrewards-minpoints-note { width: 100%; font-size: 13px !important; } .amcheckout-block.amcheckout-step-container.-summary .checkout-payment-method .payment-option._collapsible.opc-payment-additional.rewards-add._active { padding-bottom: 20px; } /* Submit ("Finalizar y pagar") */ .checkout-payment-method.submit { margin-top: -5px; } .checkout-payment-method.submit .message.warning { margin: 0; } .amcheckout-block.amcheckout-step-container.-summary .checkout-payment-method.submit .payment-methods .actions-toolbar { padding: 20px 20px 20px; } .amcheckout-block.amcheckout-step-container.-summary .checkout-payment-method.submit .payment-methods .actions-toolbar button.action.primary.checkout.amasty { width: 100%; display: block; } @media (max-width: 992px) { .amcheckout-main-container.-modern .amcheckout-block:not(:first-of-type) { padding-bottom: 0; } } @media (min-width: 992px) { .bloque-checkout-custom { margin-top: 10rem; } } @media (min-width: 768px) { .checkout-index-index header.page-header .sections.nav-sections { display: none !important; } .checkout-index-index .checkout-container.am-checkout .messages{ margin-top: 0; margin-bottom: 10px; } } @media only screen and (max-width: 767px) { /* Messages */ .checkout-index-index .checkout-container.am-checkout .messages{ margin-top: 0; margin-bottom: 20px; } /* Modals */ .checkout-index-index._has-modal .modal-popup .modal-content { padding-left: 3rem; } /* Descuento */ .checkout-payment-method .payment-option .payment-option-title { padding: 18px 0; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 0 18px; } } /* 9.1 CHECKOUT POPUPS */ .modals-wrapper { position: relative; z-index: 9999 !important; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { min-height: 40rem; height: 100%; max-height: 76.8rem; } @media (max-width:767px) { .modal-popup.modal-slide { left: 0; } } /* Header */ aside.modal-popup .modal-inner-wrap header.modal-header { position: relative; padding: 2rem 5rem 2rem 2rem; border-bottom: .1rem solid #c1c1c1; } aside.modal-popup .modal-inner-wrap header.modal-header .modal-title { border-bottom: none; padding-bottom: 0; } @media (max-width:767px) { aside.modal-popup .modal-inner-wrap header.modal-header .modal-title { font-size: 1.8rem; } } /* Close */ .modal-slide .action-close { padding: 0; width: 5rem; height: 100%; } .modal-slide .action-close:hover { background: none !important; border: none !important; } .modal-popup .action-close:before, .modal-slide .action-close:before { font-size: 1.6rem; line-height: 17px; } /* Content */ .checkout-index-index._has-modal aside.modal-popup .modal-content { padding: 2rem 0; } /* Footer */ .modal-popup.modal-slide .modal-inner-wrap .modal-footer { border-top: .1rem solid #c1c1c1; padding: 2rem; } .modal-popup.modal-slide .modal-inner-wrap .modal-footer button.action.primary { margin-left: 0 !important; } /* 9.1.1 Dirección envío */ aside.modal-popup.modal-slide._inner-scroll._show .modal-inner-wrap { position: absolute; top: 50%; transform: translateY(-50%) !important; margin-top: -.5rem; } .modal-content form#co-shipping-form .fieldset.address { margin: 0 1.3rem; } footer.modal-footer button.action.primary.action-save-address { background-color: #88bd28; border-color: #88bd28; } @media (max-width:767px) { .checkout-index-index .modal-popup .modal-footer .action.secondary { margin-top: 1rem; padding: .7rem 1.5rem; width: 100%; height: unset; box-sizing: border-box; vertical-align: middle; background-color: #8f8f8f; color: #ffffff !important; border-radius: .5rem; border-color: transparent; font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; letter-spacing: .1rem; text-transform: uppercase; } } /* 9.1.2 Nacex */ aside.modal-popup.nacexShop .modal-inner-wrap { position: absolute; top: 50%; transform: translateY(-50%) !important; min-width: 100% !important; display: block; margin: 0; } .checkout-index-index._has-modal aside.modal-popup.nacexShop .modal-content { padding: 0; } @media (min-width:768px) { aside.modal-popup.nacexShop .modal-inner-wrap { height: 100%; min-height: 40rem; max-height: 76.8rem; } aside.modal-popup.nacexShop .modal-inner-wrap .modal-content { height: calc(100% - 14.4rem); max-height: 76.8rem; } aside.modal-popup.nacexShop .modal-inner-wrap #modal-overlay, aside.modal-popup.nacexShop .modal-inner-wrap #contenido-modal-overlay, aside.modal-popup.nacexShop .modal-inner-wrap #mapa { height: 100%; min-height: 26rem; } } @media (max-width:767px) { aside.modal-popup.nacexShop { width: 97vw; } aside.modal-popup.nacexShop .modal-inner-wrap { top: 48%; transform: translateY(-48%) !important; height: 80vh; margin-top: 0; } aside.modal-popup.nacexShop .modal-inner-wrap .modal-content, aside.modal-popup.nacexShop .modal-inner-wrap #mapa { height: calc(80vh - 14rem); min-height: 25rem; } } /* 9.1.3 confirmación */ aside.modal-popup.confirm._show .modal-inner-wrap { position: absolute; top: 50%; transform: translateY(-50%) !important; margin-top: -.5rem; } aside.modal-popup.confirm._show .modal-inner-wrap header.modal-header { border: none; } aside.modal-popup.confirm._show .modal-inner-wrap .modal-content, aside.modal-popup.confirm._show .modal-inner-wrap footer.modal-footer { padding: 2rem; } /* 9.1.4 Trusted, hotjar, chat (z-index) */ .checkout-index-index [id*="trustbadge-container"], .checkout-index-index [class*="__Feedback__container"], .checkout-index-index .zsiq_floatmain { z-index: 9998 !important; } /* ------------------------------------------------------------------- 10. LOGIN ------------------------------------------------------------------- */ /* Mensaje error */ .amsl-error { background: #ee110a !important; color: white; } /* Responsive */ @media (max-width: 767px) { .amsl-login-page .amsl-social-login span.amsl-title { margin-bottom: 10px; } .amsl-cart-page .amsl-social-login, .amsl-login-page .amsl-social-login, .amsl-registration-page .amsl-social-login { padding-bottom: 14px; } } /* ------------------------------------------------------------------- 11. AVISO COOKIES ------------------------------------------------------------------- */ .amgdprcookie-bar-template { position: fixed; width: -webkit-fill-available; width: -moz-available; z-index: 99 !important; } .amgdprcookie-bar-container .amgdprcookie-buttons-block { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .amgdprcookie-buttons-block .amgdprcookie-button { line-height: 0 !important; } /*.amgdprcookie-buttons-block button.amgdprcookie-button:first-child { background-color: #0AA8DC; color: #222529; }*/ .amgdprcookie-bar-container .amgdprcookie-policy { max-width: 800px !important; } @media (max-width: 767px) { .amgdprcookie-bar-template { z-index: 99 !important; } .amgdprcookie-buttons-block button.amgdprcookie-button:first-child { margin-top: 0; } .amgdprcookie-buttons-block .amgdprcookie-button { height: 52px; margin-bottom: 0 !important; } } /* ------------------------------------------------------------------- 12. WHATSAPP ------------------------------------------------------------------- */ .eapp-whatsapp-chat-root-layout-component .Window__Component-sc-1wwhwms-0 { bottom: 42px; } .eapp-whatsapp-chat-root-layout-component .Window__Component-sc-1wwhwms-0 .Window__WindowComponent-sc-1wwhwms-1.cgetzf { bottom: 42px; } /* ------------------------------------------------------------------- 13. FOOTER ------------------------------------------------------------------- */ /*--------- 13.1 Middle footer ---------*/ .page-footer .footer .footer-middle { padding-top: 40px; } .footer-middle .block { margin-bottom: 40px !important; overflow: auto; } .footer-middle ul.links li { padding: 0 0 15px; } @media (max-width: 992px) { .footer-middle ul.links li { padding: 0; } } @media (max-width: 767px) { .footer-middle .block:first-child { margin-top: 40px; } } /*--------- 13.2 Bottom footer ---------*/ .footer .footer-bottom { color: #fff; background-color: #292c31; padding: 15px 0; } .footer-bottom .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-bottom address { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .footer-bottom .custom-block.f-right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .custom-block.f-right > div > div { padding: 0 !important; } .footer-bottom .formas-pago { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -10px; } .footer-bottom .custom-block { margin: 0 5px; } .footer-bottom .custom-block:first-child { margin-left: 0; } .footer-bottom .custom-block:last-child { margin-right: 0; } .footer-bottom .custom-block.invert { -webkit-filter: invert(1); filter: invert(1); } .footer-bottom .custom-block img { max-height: 25px; } @media (max-width: 768px) { .footer-bottom .formas-pago { margin-bottom: 10px; } } @media (max-width: 992px) { .footer-bottom .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-bottom address { text-align: center; margin-bottom: 5px; } } /* ------------------------------------------------------------------- 14. HOTJAR ------------------------------------------------------------------- */ ._hj-YR-2H__Feedback__container { z-index: 98 !important; } @media (min-width: 768px) { .catalog-product-view div#_hj_feedback_container > div { top: 65% !important; transform: translateY(-65%); } } /* ------------------------------------------------------------------- 15. TOPBAR ------------------------------------------------------------------- */ /* div#wrapper-mp-freeshippingbar-3 { position: fixed; width: 100%; z-index: 5; } @media (min-width: 768px) { .page-wrapper { margin-top: 40px !important; } } @media (max-width:991px) { .freeshippingbar-3 { font-size: 12px !important; } } @media (max-width:767px) { header.page-header.type16.header-newskin { margin-top: 40px; } .page-wrapper { padding-top: 40px; } div#wrapper-mp-freeshippingbar-3 { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; left: 0; } .nav-open div#wrapper-mp-freeshippingbar-3, .nav-before-open div#wrapper-mp-freeshippingbar-3 { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; left: calc(100% - 54px); } } @media (max-width: 767px) and (min-width: 480px) { .nav-open div#wrapper-mp-freeshippingbar-3, .nav-before-open div#wrapper-mp-freeshippingbar-3 { left: 380px; } } @media (max-width:500px) { .freeshippingbar-3 { height: 40px; padding: 5px 10px; display: flex; align-items: center; justify-content: center; } div#wrapper-mp-freeshippingbar-3 .message-goal { line-height: 1.4; } } */ /* ------------------------------------------------------------------- 16. BLACK FRIDAY ------------------------------------------------------------------- */ /* #slide-home { color: #ffffff; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,74,1) 50%, rgba(0,0,0,1) 100%); background-image: url(https://www.global-spares.com/pub/media/wysiwyg/global-spares/Slide/GS-bg-fondo.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } #slide-home h1 { color: #0AA8DC; } .slide-img-container { text-align: center; } .slide-img-container img { width: 85%; rotate: -12deg; } */ /* ------------------------------------------------------------------- 17. TRUSTED SHOPS BADGE ------------------------------------------------------------------- */ div#trustbadge-container-98e3dadd90eb493088abdc5597a70810 { z-index: 98 !important; } /* ------------------------------------------------------------------- 18. MI CUENTA ------------------------------------------------------------------- */ /* Editar dirección */ .account.customer-address-form .taxvat .control .dni-alert { font-size: 13px; } .account.customer-address-form .taxvat .control .dni-alert a { color: #0aa8dc; font-weight: 600; } .product.info.detailed { -webkit-user-select: none; /* Chrome, Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ user-select: none; /* Standard syntax */ } /* =============================================== Corrección para Barra de Cookies (Global Spares) =============================================== */ /* 1. Fija la barra de cookies al fondo y evita el scroll */ /* Usamos el ID que vi en tu inspector para más especificidad */ body .amgdprjs-bar-template { position: fixed !important; z-index: 9999; /* Un z-index muy alto para asegurar que esté por encima de todo */ bottom: 0; left: 0; right: 0; } /* 2. Aplica el color corporativo a "Aceptar" y "Rechazar" */ .amgdprjs-bar-template .amgdprcookie-button.-allow.-save, .amgdprjs-bar-template .amgdprcookie-button.-decline { background-color: #0AA8DC !important; border-color: #0AA8DC !important; color: #FFFFFF !important; /* Texto en blanco para mejor legibilidad */ } /* 3. (Opcional) Define un color más oscuro al pasar el ratón */ .amgdprjs-bar-template .amgdprcookie-button.-allow.-save:hover, .amgdprjs-bar-template .amgdprcookie-button.-decline:hover { background-color: #0997c4 !important; /* Un tono más oscuro de tu azul */ border-color: #0997c4 !important; color: #FFFFFF !important; } /* 4. Da un estilo neutro/secundario al botón "Configuración Personalizada" */ .amgdprjs-bar-template .amgdprcookie-button.-settings { background-color: #f0f0f0 !important; /* Un gris claro neutro */ border-color: #f0f0f0 !important; color: #333 !important; /* Texto oscuro para contraste */ } /* 5. (Opcional) Oscurece el botón de configuración al pasar el ratón */ .amgdprjs-bar-template .amgdprcookie-button.-settings:hover { background-color: #e0e0e0 !important; /* Un gris un poco más oscuro */ border-color: #e0e0e0 !important; color: #333 !important; } /* --- 1. Aumentar el Título de Página (H1) --- */ .column.main h1.page-title, .column.main h1.page-title span.base { font-size: 32px; font-weight: 600; margin-bottom: 25px; line-height: 1.2; } /* --- 2. Ocultar la línea --- */ .sidebar.sidebar-main .block-collapsible-nav .nav.items .nav.item:not(:has(a)):not(:has(strong)) { display: none; } .sidebar.sidebar-main .block-collapsible-nav .nav.items .nav.item > span.delimiter { display: none; } /* --- 3. CSS DE ICONOS DE MENÚ --- */ /* --- 3.1. PREPARACIÓN DEL CONTENEDOR (a y strong) --- */ .sidebar.sidebar-main .block-collapsible-nav .nav.item a, .sidebar.sidebar-main .block-collapsible-nav .nav.item strong { display: inline-block; position: relative; padding-left: 45px; /* <-- 30px para icono + 15px de espacio */ width: 100%; } /* --- 3.2. Base para TODOS los iconos (links y texto activo) --- */ .sidebar.sidebar-main .block-collapsible-nav .nav.item a::before, .sidebar.sidebar-main .block-collapsible-nav .nav.item strong::before { font-family: 'FontAwesome'; position: absolute; left: 0; top: 50%; font-size: 1.3em; /* <-- Tamaño de icono */ width: 30px; /* <-- Ancho de la "caja" del icono */ text-align: center; transform: translateY(-50%); font-weight: normal; transition: all 0.2s ease-in-out; color: #575757; } /* --- 3.3. Asignación de iconos (para los enlaces INACTIVOS) --- */ /* Estas reglas se aplican a los . Gracias al "padding-left" de 3.1, no se duplican */ .sidebar.sidebar-main .nav.item:first-child a[href*="/customer/account/"]:not([href*="/edit/"])::before { content: '\f0e4'; } /* Mi Cuenta */ .sidebar.sidebar-main .nav.item a[href*="/sales/order/history/"]::before { content: '\f022'; } /* Mis pedidos */ .sidebar.sidebar-main .nav.item a[href*="/wishlist/"]::before { content: '\f004'; } /* Mi lista de deseos */ .sidebar.sidebar-main .nav.item a[href*="/customer/address/"]::before { content: '\f02d'; } /* Libreta de direcciones */ .sidebar.sidebar-main .nav.item a[href*="/customer/account/edit/"]::before { content: '\f007'; } /* Información de la cuenta */ .sidebar.sidebar-main .nav.item a[href*="/gdpr/customer/settings/"]::before { content: '\f132'; } /* Ajustes de privacidad */ .sidebar.sidebar-main .nav.item a[href*="/vault/cards/listaction/"]::before { content: '\f09d'; } /* Métodos de pago almacenados */ .sidebar.sidebar-main .nav.item a[href*="/review/customer/"]::before { content: '\f005'; } /* Mis reseñas */ .sidebar.sidebar-main .nav.item a[href*="/newsletter/manage/"]::before { content: '\f0e0'; } /* Suscripciones al boletín */ .sidebar.sidebar-main .nav.item a[href*="/amrewards/"]:not([href*="/history/"])::before { content: '\f0a3'; } /* Puntos de Recompensa */ .sidebar.sidebar-main .nav.item a[href*="/amrewards/history/"]::before { content: '\f1da'; } /* Historia de puntos */ .sidebar.sidebar-main .nav.item a[href*="/amsociallogin/social/accounts/"]::before { content: '\f14d'; } /* Mis cuentas asociadas */ .sidebar.sidebar-main .nav.item a[href*="/xnotif/stock/index/"]::before { content: '\f0f3'; } /* Suscripciones a De nuevo en inventario */ /* --- 3.4. Asignación de iconos (para el de la página ACTIVA) --- */ /* ¡¡CORREGIDO!! Se añade el selector ">" para que solo afecte al que es HIJO DIRECTO del
  • , evitando la duplicidad en "Ver Pedido" */ .sidebar.sidebar-main .nav.item.current:nth-child(1) > strong::before { content: '\f0e4'; } /* Mi Cuenta */ .sidebar.sidebar-main .nav.item.current:nth-child(2) > strong::before { content: '\f022'; } /* Mis pedidos */ .sidebar.sidebar-main .nav.item.current:nth-child(3) > strong::before { content: '\f004'; } /* Mi lista de deseos */ /* nth-child(4) es el delimiter, lo saltamos */ .sidebar.sidebar-main .nav.item.current:nth-child(5) > strong::before { content: '\f02d'; } /* Libreta de direcciones */ .sidebar.sidebar-main .nav.item.current:nth-child(6) > strong::before { content: '\f007'; } /* Información de la cuenta */ .sidebar.sidebar-main .nav.item.current:nth-child(7) > strong::before { content: '\f132'; } /* Ajustes de privacidad */ .sidebar.sidebar-main .nav.item.current:nth-child(8) > strong::before { content: '\f09d'; } /* Métodos de pago */ /* nth-child(9) es el delimiter, lo saltamos */ .sidebar.sidebar-main .nav.item.current:nth-child(10) > strong::before { content: '\f005'; } /* Mis reseñas */ .sidebar.sidebar-main .nav.item.current:nth-child(11) > strong::before { content: '\f0e0'; } /* Suscripciones al boletín */ .sidebar.sidebar-main .nav.item.current:nth-child(12) > strong::before { content: '\f0a3'; } /* Puntos de Recompensa */ .sidebar.sidebar-main .nav.item.current:nth-child(13) > strong::before { content: '\f1da'; } /* Historia de puntos */ .sidebar.sidebar-main .nav.item.current:nth-child(14) > strong::before { content: '\f14d'; } /* Mis cuentas asociadas */ .sidebar.sidebar-main .nav.item.current:nth-child(15) > strong::before { content: '\f0f3'; } /* Suscripciones a De nuevo... */ /* --- 3.5. Efecto Hover: "Chulo" --- */ .sidebar.sidebar-main .nav.item:not(.current) a:hover::before { content: '\f00c'; /* Icono: fa-check */ color: #4CAF50; /* Verde para el "check" */ transform: translateY(-50%) scale(1.1); } /* --- 3.6. Estilo para el enlace de la página actual (Color Corporativo) --- */ .sidebar.sidebar-main .nav.item.current > strong, .sidebar.sidebar-main .nav.item.current > a { color: #0AA8DC !important; /* <-- TU COLOR CORPORATIVO AZUL */ font-weight: bold; } .sidebar.sidebar-main .nav.item.current > strong::before, .sidebar.sidebar-main .nav.item.current > a::before { color: #0AA8DC !important; /* <-- TU COLOR CORPORATIVO AZUL */ } /* Sidebar "Mi cuenta" — ocultar enlaces concretos */ .block-collapsible-nav .nav.items li.nav.item:has(> a[href*="/downloadable/customer"]), .block-collapsible-nav .nav.items li.nav.item:has(> a[href*="/downloadable/"]), /* Artículos para descargar */ .block-collapsible-nav .nav.items li.nav.item:has(> a[href*="/vault/cards"]), /* Métodos de pago almacenados */ .block-collapsible-nav .nav.items li.nav.item:has(> a[href*="/paypal/billing_agreement"]),/* Acuerdos de pago (PayPal) */ .block-collapsible-nav .nav.items li.nav.item:has(> a[href*="/billing_agreement"]), /* Acuerdos de pago (genérico) */ .block-collapsible-nav .nav.items li.nav.item:has(> a[href*="/amsociallogin/social/accounts"]), /* Mis cuentas asociadas */ .block-collapsible-nav .nav.items li.nav.item:has(> a[href*="/formbuilder/message"]), /* Mis mensajes (Form Messages) */ .block-collapsible-nav .nav-items li.nav-item:has(> a[href*="/downloadable/customer"]), .block-collapsible-nav .nav-items li.nav-item:has(> a[href*="/downloadable/"]), /* Artículos para descargar */ .block-collapsible-nav .nav-items li.nav-item:has(> a[href*="/vault/cards"]), /* Métodos de pago almacenados */ .block-collapsible-nav .nav-items li.nav-item:has(> a[href*="/paypal/billing_agreement"]),/* Acuerdos de pago (PayPal) */ .block-collapsible-nav .nav-items li.nav-item:has(> a[href*="/billing_agreement"]), /* Acuerdos de pago (genérico) */ .block-collapsible-nav .nav-items li.nav-item:has(> a[href*="/amsociallogin/social/accounts"]), /* Mis cuentas asociadas */ .block-collapsible-nav .nav-items li.nav-item:has(> a[href*="/formbuilder/message"]) /* Mis mensajes (Form Messages) */ { display: none !important; } /* (Opcional) ocultar separadores si quedan sueltos */ .block-collapsible-nav .nav.items li.nav.item:has(> span.delimiter), .block-collapsible-nav .nav-items li.nav-item:has(> span.delimiter) { display: none !important; } /* ========================================================== ESTILOS COOKIES TIENDA 3 (AZUL) - #15ACDD ========================================================== */ /* 1. Fija la barra de cookies al fondo */ body .amgdprjs-bar-template { position: fixed !important; z-index: 9999; bottom: 0; left: 0; right: 0; } /* 2. Botones Aceptar y Rechazar (AZUL) */ .amgdprjs-bar-template .amgdprcookie-button.-allow.-save, .amgdprjs-bar-template .amgdprcookie-button.-decline { background-color: #15ACDD !important; border-color: #15ACDD !important; color: #FFFFFF !important; } /* 3. (Opcional) Hover para botones Azules */ .amgdprjs-bar-template .amgdprcookie-button.-allow.-save:hover, .amgdprjs-bar-template .amgdprcookie-button.-decline:hover { background-color: #129bc9 !important; /* Azul más oscuro */ border-color: #129bc9 !important; } /* 4. Botón Configuración (Neutro) */ .amgdprjs-bar-template .amgdprcookie-button.-settings { background-color: #f0f0f0 !important; border-color: #f0f0f0 !important; color: #333 !important; } .amgdprjs-bar-template .amgdprcookie-button.-settings:hover { background-color: #e0e0e0 !important; } /* 5. Centra el popup de configuración */ .modal-popup.amgdprcookie-modal-settings { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; position: relative !important; } /* 6. Arregla el botón 'X' del popup */ .modal-popup.amgdprcookie-modal-settings > .action-close { position: absolute !important; top: 10px; right: 15px; margin: 0; } /* --- CSS COMPLETO v5 (Solo para página de producto) --- */ /* 1. EL CONTENEDOR PRINCIPAL (Caja gris) */ .product-options-wrapper .fieldset { background-color: #f9f9f9; border: 1px solid #e8e8e8; border-radius: 12px; padding: 20px 25px; margin-bottom: 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); } /* 2. EL TÍTULO PRINCIPAL (El */ color: #0AA8DC !important; /* ========================================= 2) Minicart (desktop): eliminar hueco grande ========================================= */ @media (min-width: 768px){ /* el listado de items no debe tener altura fija */ .block-minicart .minicart-items-wrapper{ height: auto !important; min-height: 0 !important; max-height: 58vh; /* scroll si hay muchos */ padding-bottom: 0 !important; /* sin “cola” innecesaria */ } /* un pequeño respiro antes del botón */ .block-minicart .minicart-items{ margin-bottom: 8px !important; } .block-minicart .actions{ margin-top: 8px !important; } } div[id^="_hj_feedback_"] { display: none !important; } /* ================================ * CART · Otros clientes también compraron * (amrelated-block-2) * ================================ */ /* Contenedor general del bloque */ #amrelated-block-2.block.widget.amrelated-grid-wrapper { max-width: 1240px; margin: 40px auto 20px; padding: 0 10px; } /* Título del bloque */ #amrelated-block-2 .block-title { text-align: left; margin-bottom: 20px; } #amrelated-block-2 .block-title strong { font-size: 22px; font-weight: 700; color: #000; } /* Grid interno */ #amrelated-block-2 .products-grid.grid { margin: 0; } #amrelated-block-2 .product-items.widget-product-grid .product-item { padding: 0 10px; box-sizing: border-box; } /* Tarjeta de producto: misma estética que upsell PDP */ #amrelated-block-2 .product-item-info { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; background: #ffffff; border-radius: 14px; border: 1px solid rgba(10,168,220,0.18); /* borde azulado suave */ box-shadow: 0 8px 20px rgba(10,168,220,0.18); /* sombra azul suave */ padding: 18px 18px 20px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; height: 100%; } #amrelated-block-2 .product-item:hover .product-item-info { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(10,168,220,0.22); border-color: rgba(10,168,220,0.26); } /* Foto centrada y sin recortes */ #amrelated-block-2 .product-item-photo { margin: 0 0 10px 0; width: auto; height: auto; overflow: visible; display: flex; align-items: center; justify-content: center; } #amrelated-block-2 .product-item-photo img { display: block; margin: 0 auto; max-height: 180px; width: auto; height: auto; object-fit: contain; } /* Detalles dentro de la tarjeta */ #amrelated-block-2 .product-item-details { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; padding-top: 8px; } /* Nombre del producto: varias líneas pero altura fija para alinear tarjetas */ #amrelated-block-2 .product-item-name { margin-bottom: 6px; line-height: 1.3; min-height: 48px; /* ajusta si necesitas más/menos alto */ } #amrelated-block-2 .product-item-name a { font-size: 14px; font-weight: 500; white-space: normal; overflow: visible; text-overflow: clip; } /* Precio centrado (respetando old/special) */ #amrelated-block-2 .price-box { margin-top: 6px; margin-bottom: 8px; text-align: center; } #amrelated-block-2 .price-box .price-wrapper { display: inline-block; } #amrelated-block-2 .price-box .old-price { display: block; margin-bottom: 2px; } #amrelated-block-2 .price-box .old-price .price { font-size: 13px; } #amrelated-block-2 .price-box .special-price .price { font-size: 18px; font-weight: 700; } /* CTA: “Añadir al carrito” pegado abajo y ancho consistente */ #amrelated-block-2 .product-item-actions { margin-top: auto; width: 100%; } #amrelated-block-2 .product-item-actions .actions-primary { display: flex; justify-content: center; width: 100%; } #amrelated-block-2 .product-item-actions .action.tocart { width: 100%; max-width: 260px; } /* Alineación de wishlist/compare */ #amrelated-block-2 .product-item-actions .actions-secondary { margin-top: 8px; font-size: 11px; } /* ===== PREPARADO PARA ETIQUETAS DE STOCK (cuando añadas el HTML) ===== */ /* Ejemplo de estructura esperada:
    Disponible
    Entrega inmediata · Stock: 30
    */ #amrelated-block-2 .ietres-stockline { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 10px; margin-top: 8px; margin-bottom: 10px; font-size: 0.9rem; } #amrelated-block-2 .ietres-stockline .stock-main { display: inline-flex; align-items: center; gap: 5px; } #amrelated-block-2 .ietres-stockline .circle-green, #amrelated-block-2 .ietres-stockline .circle-orange, #amrelated-block-2 .ietres-stockline .circle-red { margin-right: 4px; } #amrelated-block-2 .ietres-stockline .stock-custom { padding: 0 !important; font-weight: 500 !important; color: #444 !important; } /* Chips de stock (inmediato / corto plazo) */ #amrelated-block-2 .ietres-stockline .stock-chip { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 0.82rem; font-weight: 600; white-space: nowrap; line-height: 1.2; } #amrelated-block-2 .ietres-stockline .stock-chip--immediate { background-color: #e1f7d9; color: #206b00; } #amrelated-block-2 .ietres-stockline .stock-chip--short { background-color: #ffecc7; color: #8a5a00; } /* Pill “Disponible bajo pedido” */ #amrelated-block-2 .ietres-stockline .ias-pill { padding: 3px 10px; border-radius: 999px; font-size: 0.82rem; font-weight: 600; border: 1px solid transparent; display: inline-flex; align-items: center; } #amrelated-block-2 .ietres-stockline .ias-pill--bp { background-color: #ffe8b0; border-color: #f2c66a; color: #8a5a00; } /* Responsive: tarjetas más compactas en móvil */ @media (max-width: 768px) { #amrelated-block-2.block.widget.amrelated-grid-wrapper { padding: 0 8px; } #amrelated-block-2 .product-item-info { max-width: 260px; padding: 16px 14px 18px; } #amrelated-block-2 .product-item-photo img { max-height: 160px; } #amrelated-block-2 .ietres-stockline { font-size: 0.82rem; gap: 3px 6px; } #amrelated-block-2 .ietres-stockline .stock-chip, #amrelated-block-2 .ietres-stockline .ias-pill { font-size: 0.78rem; padding: 3px 9px; } } /* ========================================================= HEADER GLOBAL SPARES - CORRECCIÓN FINAL (A PRUEBA DE FALLOS) ========================================================= */ /* --------------------------------------------------------- 1. ESTILOS BASE (Se aplican siempre, limpian el terreno) --------------------------------------------------------- */ /* Por defecto (en móvil), ocultamos todo lo que sobra */ .gs-card-icon, .gs-card-divider, .gs-card-title, .gs-dot { display: none !important; } /* Contenedor base flex para los enlaces */ .gs-contact-card, .gs-card-content, .gs-phones-row { display: flex; align-items: center; } /* --------------------------------------------------------- 2. MÓVIL Y TABLET (Hasta 991px) - TUS 3 ICONOS NEGROS --------------------------------------------------------- */ @media (max-width: 991px) { /* Posicionamiento exacto en la barra del menú */ .page-wrapper .page-header.type16 .header.content .custom-block { position: absolute !important; top: 0 !important; bottom: 0 !important; margin: auto !important; /* Centrado vertical automático */ height: 40px !important; /* Altura controlada */ right: 60px !important; /* A la izquierda del carrito */ width: auto !important; z-index: 20 !important; padding: 0 !important; border: none !important; background: transparent !important; } /* Fila horizontal de iconos */ .gs-card-content { flex-direction: row !important; gap: 15px !important; /* Espacio entre iconos */ } .gs-phones-row { flex-direction: row !important; gap: 15px !important; } /* Ocultar textos de enlaces (font-size 0) */ .gs-link-phone, .gs-link-email { font-size: 0 !important; text-decoration: none; display: inline-flex; } /* ICONOS: Negros y del tamaño del menú */ .gs-link-phone i, .gs-link-email i { font-size: 24px !important; /* Tamaño grande */ color: #333 !important; /* Negro */ display: block !important; margin: 0 !important; width: auto !important; } /* Asegurar que el email se ve */ .gs-link-email { display: inline-flex !important; } } /* --------------------------------------------------------- 3. ESCRITORIO (A partir de 992px) - TARJETA PRO --------------------------------------------------------- */ @media (min-width: 992px) { /* Restauramos el bloque en su sitio de PC */ .page-wrapper .page-header.type16 .header.content .custom-block { position: absolute !important; top: 35% !important; right: 100px !important; width: auto !important; max-width: 450px !important; height: auto !important; z-index: 10; } /* Hacemos visibles los elementos decorativos */ .gs-card-icon, .gs-card-divider, .gs-card-title { display: block !important; } .gs-card-icon { display: flex !important; } /* Estilos Pro */ .gs-contact-card { gap: 12px; } /* Icono Auricular */ .gs-card-icon i { font-size: 38px; color: #222; transition: color 0.3s; } .gs-contact-card:hover .gs-card-icon i { color: #0AA8DC; animation: fa-shake 2s infinite linear; } /* Separador */ .gs-card-divider { width: 1px; height: 32px; background-color: #ccc; opacity: 0.6; } /* Textos */ .gs-card-content { flex-direction: column !important; align-items: flex-start !important; line-height: 1.2; } .gs-card-title { font-size: 10px; text-transform: uppercase; color: #999; font-weight: 800; margin-bottom: 3px; } /* Filas */ .gs-phones-row { gap: 5px !important; margin-bottom: 2px; } .gs-dot { display: inline !important; color: #ccc; } /* Enlaces con texto visible */ .gs-link-phone { font-size: 14px !important; font-weight: 700; color: #333; } .gs-link-email { font-size: 12px !important; color: #666; margin-top: 2px; } /* Iconos pequeños y azules */ .gs-link-phone i, .gs-link-email i { font-size: 14px !important; color: #0AA8DC !important; } .gs-link-phone:hover, .gs-link-email:hover { color: #0AA8DC !important; } } /* Ocultar auricular en pantallas medianas para que no choque */ @media (min-width: 992px) and (max-width: 1280px) { .gs-card-icon, .gs-card-divider { display: none !important; } .page-wrapper .page-header.type16 .header.content .custom-block { right: 85px !important; } } /* Ajuste para móviles muy pequeños */ @media (max-width: 360px) { .page-wrapper .page-header.type16 .header.content .custom-block { right: 50px !important; } .gs-card-content, .gs-phones-row { gap: 10px !important; } } @media (max-width: 767px) { .amgdprcookie-bar-container .amgdprcookie-buttons-block .amgdprcookie-button { padding: 22px 30px !important; } } #slide-home { top: -5px !important; } /* ========================================================= BOTONES DE ACCIÓN - PALETA ÚNICA (GLOBAL SPARES) Normal: #0AA8DC | Hover: #0892bf | Texto: #fff ========================================================= */ /* 1) Primarios estándar Magento (checkout, forms, toolbars, etc.) */ .page-wrapper button.action.primary, .page-wrapper .action.primary, .page-wrapper a.action.primary, .page-wrapper .actions-toolbar .primary .action, .page-wrapper .payment-methods .actions-toolbar .action.primary, .page-wrapper .checkout .action.primary { background-color: #0AA8DC !important; border-color: #0AA8DC !important; color: #fff !important; } .page-wrapper button.action.primary:hover, .page-wrapper .action.primary:hover, .page-wrapper a.action.primary:hover, .page-wrapper .actions-toolbar .primary .action:hover, .page-wrapper .payment-methods .actions-toolbar .action.primary:hover, .page-wrapper .checkout .action.primary:hover { background-color: #0892bf !important; border-color: #0892bf !important; color: #fff !important; } /* 2) Añadir al carrito (muy usado en Porto/PLP/PDP) */ .page-wrapper .action.tocart, .page-wrapper button.action.tocart, .page-wrapper .product-item-actions .actions-primary .action.tocart, .page-wrapper .box-tocart .action.tocart { background-color: #0AA8DC !important; border-color: #0AA8DC !important; color: #fff !important; } .page-wrapper .action.tocart:hover, .page-wrapper button.action.tocart:hover, .page-wrapper .product-item-actions .actions-primary .action.tocart:hover, .page-wrapper .box-tocart .action.tocart:hover { background-color: #0892bf !important; border-color: #0892bf !important; color: #fff !important; } /* 3) Carrito / minicart (CTA principales) */ .page-wrapper .cart-summary .checkout-methods-items .action.primary.checkout, .page-wrapper .block-minicart .action.primary, .page-wrapper .block-minicart .block-content > .actions > .primary .action.primary { background-color: #0AA8DC !important; border-color: #0AA8DC !important; color: #fff !important; } .page-wrapper .cart-summary .checkout-methods-items .action.primary.checkout:hover, .page-wrapper .block-minicart .action.primary:hover, .page-wrapper .block-minicart .block-content > .actions > .primary .action.primary:hover { background-color: #0892bf !important; border-color: #0892bf !important; color: #fff !important; } /* 4) Checkout Amasty (Finalizar y pagar) */ .page-wrapper .action.primary.checkout.amasty, .page-wrapper .checkout-payment-method.submit .payment-methods .actions-toolbar .action.primary.checkout.amasty { background-color: #0AA8DC !important; border-color: #0AA8DC !important; color: #fff !important; } .page-wrapper .action.primary.checkout.amasty:hover, .page-wrapper .checkout-payment-method.submit .payment-methods .actions-toolbar .action.primary.checkout.amasty:hover { background-color: #0892bf !important; border-color: #0892bf !important; color: #fff !important; } /* 5) Descuentos / cupones / rewards (apply/cancel/acciones) */ .page-wrapper #discount-coupon-form .actions-toolbar .action.apply.primary, .page-wrapper #discount-coupon-form .actions-toolbar .action.cancel.primary, .page-wrapper #discount-reward-form .actions-toolbar #apply-amreward, .page-wrapper #discount-reward-form .actions-toolbar #cancel-amreward, .page-wrapper .payment-option._collapsible.opc-payment-additional.discount-code .action.action-apply, .page-wrapper form#discount-form .primary button.action.action-apply, .page-wrapper form#discount-reward-form .primary button.action.action-apply { background-color: #0AA8DC !important; border-color: #0AA8DC !important; color: #fff !important; } .page-wrapper #discount-coupon-form .actions-toolbar .action.apply.primary:hover, .page-wrapper #discount-coupon-form .actions-toolbar .action.cancel.primary:hover, .page-wrapper #discount-reward-form .actions-toolbar #apply-amreward:hover, .page-wrapper #discount-reward-form .actions-toolbar #cancel-amreward:hover, .page-wrapper .payment-option._collapsible.opc-payment-additional.discount-code .action.action-apply:hover, .page-wrapper form#discount-form .primary button.action.action-apply:hover, .page-wrapper form#discount-reward-form .primary button.action.action-apply:hover { background-color: #0892bf !important; border-color: #0892bf !important; color: #fff !important; } /* 6) Estados focus/active para consistencia */ .page-wrapper button.action.primary:focus, .page-wrapper button.action.primary:active, .page-wrapper .action.primary:focus, .page-wrapper .action.primary:active, .page-wrapper .action.tocart:focus, .page-wrapper .action.tocart:active { background-color: #0AA8DC !important; border-color: #0AA8DC !important; color: #fff !important; }